*{
margin:0;
padding:0;
background-color:#FFFFFF;
}

@media screen and (min-width: 767px) {
/*ƒEƒBƒ“ƒhƒE•‚ͺ767pxˆΘγ‚̏ꍇ‚Ι“K—p*/

/*‘S‘Μ*/
body{
color:#494949; 
font-family:"ƒqƒ‰ƒMƒmŠpƒS ProN", "ƒƒCƒŠƒI";
}
a{
color:#494949;
text-decoration:none;
}
.hyphen{
display:inline-block;
}

/*indexƒy[ƒW*/
#index{
font:15px/1.7 "ƒqƒ‰ƒMƒmŠpƒS ProN", "ƒƒCƒŠƒI";
color:#333333;
width:500px;
margin:50px auto 100px auto;
}
#index h1{
font-family:"Verdana";
font-size:15px;
font-weight:bold;
color:#000000;
border-left:solid 5px #000000;
padding:0 0 0 25px;
margin:40px 0 10px 0;
}
#index h2{
font-family:"Verdana";
font-size:15px;
font-weight:bold;
color:#000000;
border-left:double 9px #000000;
padding:0 0 0 21px;
margin:40px 0 10px 0;
}
#index input{
font:15px/1.7 "ƒqƒ‰ƒMƒmŠpƒS ProN", "ƒƒCƒŠƒI";
color:#666666;
border:0;
margin:5px 8px 0 0;
padding:0 0 2px 2px;
border-radius:0;
}
#index button{
font-size:12px;
color:#333333;
background-color:#D2D8E3;
padding:6px 10px;
border:0;
border-radius:25% 10%;
}
#index a{
color:#000000;
border-bottom:1px solid #FFCFEF;
padding: 0;
margin:0;

/*
color:#000000;
background-image: repeating-linear-gradient(-45deg, #FFCFEF 0, #FFCFEF 3px, transparent 3px, transparent 6px);
background-repeat:no-repeat;
background-position:bottom;
background-size:100% 10%;
padding:0 0 0px 0;

border-bottom:1px solid #D2D8E3;
padding: 0 0 2px 0;
background: linear-gradient(transparent 50%, #E6E1E5 50%);
*/
}
#index .img{
text-align:center;
margin:50px 0;
}
#index .img img{
width:27px;
}

/*memoƒy[ƒW*/
#memo{
font:15px/1.7 "ƒqƒ‰ƒMƒmŠpƒS ProN", "ƒƒCƒŠƒI";
color:#494949;
width:500px;
margin:50px auto 100px auto;
}
#memo h1{
font-size:15px;
font-weight:bold;
color:#000000;
margin:40px 0 10px 0;
}
#memo h2{
font-family:"Verdana";
font-size:14px;
font-weight:bold;
text-align:center;
margin:40px 0 70px 0;
}
#memo u{
color:#000000;
text-decoration:none;
border-bottom:7px solid #BF360C;
padding:0 0 5px 0;
}
#memo details{
font-size:14px;
margin:10px 0;
}
#memo summary{
color:#000000;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden;
}
#memo summary::-webkit-details-marker{
display:none;
}
#memo mark{
font-size:13px;
color:#666666;
background-color:#F2F2F2;
font-style:normal;
padding:5px;
margin:0 25px 0 0;
}
#memo .article{
border-right:4px double #666666;
border-left:4px double #666666;
padding:0 15px;
margin:20px 0 30px 0;
}
#memo .article mark{
font-size:13px;
color:#333333;
background-color:#D2D8E3;
font-style:normal;
padding:3px 7px;
margin:0 10px 0 0;
}
#memo .article p{
color:#333333;
margin:20px 0 0 0;
}

/*μ•iƒy[ƒW*/
#box{
font:16px/2 "ƒqƒ‰ƒMƒmŠpƒS ProN", "ƒƒCƒŠƒI";
color:#333333;
width:600px;
margin:100px auto 200px auto;
}
#box p{
text-align:right;
margin:100px 0 0 0;
}
#box a{
color:#448AFF;
text-decoration:none;
border:0;
}
#box u{
text-decoration:none;
border-bottom:1px solid;
padding-bottom:3px;
}
#box img{
width:18px;
vertical-align: -2px;
}
#box hr{
height:0;
border:0;
border-top:1px solid #666666;
margin:50px 0;
}
#box h2{
font:17px/2 "ƒqƒ‰ƒMƒmŠpƒS ProN", "ƒƒCƒŠƒI";
color:#000000;
margin:20px 0;
}

}


@media screen and (max-width: 767px) {
/*ƒEƒBƒ“ƒhƒE•‚ͺΕ‘ε767px‚܂ł̏ꍇ‚Ι“K—p*/

/*‘S‘Μ*/
body{
color:#494949;
font-family:"ƒqƒ‰ƒMƒmŠpƒS ProN", "ƒƒCƒŠƒI";
}
a{
color:#494949;
text-decoration:none;
}
.hyphen{
display:inline-block;
}

/*indexƒy[ƒW*/
#index{
font:14px/1.7 "ƒqƒ‰ƒMƒmŠpƒS ProN", "ƒƒCƒŠƒI";
color:#333333;
width:90%;
margin:50px auto 100px auto;
}
#index h1{
font-size:14px;
font-weight:bold;
color:#000000;
border-left:solid 5px #000000;
padding:0 0 0 25px;
margin:30px 0 10px 0;
}
#index h2{
font-size:14px;
font-weight:bold;
color:#000000;
border-left:double 9px #000000;
padding:0 0 0 21px;
margin:40px 0 10px 0;
}
#index input{
font:14px/1.7 "ƒqƒ‰ƒMƒmŠpƒS ProN", "ƒƒCƒŠƒI";
color:#666666;
border:0;
margin:0 8px 0 0;
padding:5px 0 2px 2px;
border-radius:0;
}
#index button{
font-size:11px;
color:#333333;
background-color:#D2D8E3;
padding:5px 9px;
border:0;
border-radius:25% 10%;
}
#index a{
color:#000000;
border-bottom:1px solid #D2D8E3;
padding: 0 0 2px 0;
}
#index .img{
text-align:center;
margin:60px 0;
}
#index .img img{
width:22px;
filter:brightness(150%);
}

/*memoƒy[ƒW*/
#memo{
font:14px/1.7 "ƒqƒ‰ƒMƒmŠpƒS ProN", "ƒƒCƒŠƒI";
color:#494949;
width:90%;
margin:50px auto 100px auto;
}
#memo h1{
font-size:14px;
font-weight:bold;
color:#000000;
margin:30px 0 10px 0;
}
#memo h2{
font-size:13px;
font-weight:bold;
text-align:center;
margin:40px 0 70px 0;
}
#memo u{
color:#000000;
text-decoration:none;
border-bottom:7px solid #BF360C;
padding:0 0 5px 0;
}
#memo details{
font-size:13px;
margin:10px 0;
}
#memo summary{
color:#000000;
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden;
}
#memo summary::-webkit-details-marker{
display:none;
}
#memo mark{
font-size:12px;
color:#666666;
background-color:#F2F2F2;
font-style:normal;
padding:5px;
margin:0 25px 0 0;
}
#memo .article{
border-right:4px double #000000;
border-left:4px double #000000;
padding:0 15px;
margin:20px 0 30px 0;
}
#memo .article mark{
font-size:12px;
color:#333333;
background-color:#D2D8E3;
font-style:normal;
padding:5px 7px;
margin:0 10px 0 0;
}
#memo .article p{
color:#333333;
margin:20px 0 0 0;
}

/*μ•iƒy[ƒW*/
#box{
font:15px/2 "ƒqƒ‰ƒMƒmŠpƒS ProN", "ƒƒCƒŠƒI";
color:#333333;
width:90%;
margin:80px auto 150px auto;
}
#box p{
text-align:right;
margin:50px 0 0 0;
}
#box a{
color:#448AFF;
text-decoration:none;
border:0;
}
#box u{
text-decoration:none;
border-bottom:1px solid;
padding-bottom:3px;
}
#box img{
width:15px;
vertical-align: -2px;
}
#box hr{
height:0;
border:0;
border-top:1px solid #BBBBBB;
margin:50px 0;
}
#box h2{
font:15px/2 "ƒqƒ‰ƒMƒmŠpƒS ProN", "ƒƒCƒŠƒI";
color:#000000;
margin:50px 0 20px 0;
}

}