@charset "UFT-8";

body{

font-family:'メイリオ','Hiragino Kaku Gothic Pro',sans-serif;

}

/**/
.box1,.box2,.boxA,.box5{
width:1000px;
margin-left:auto;
margin-right:auto;


}


/* box2をバーの形にする*/
.box2 {
background-color:#7cbac1

}

.box5 {
border-top:solid 1px #dddddd


}

/**/
.box1{
padding-top:8px;
padding-bottom:8px
}

.box3{
padding-top:40px;
padding-bottom:30px
}

.box4{
padding-top:40px;
padding-bottom:30px
}

.box5{
padding-top:15px;
padding-bottom:15px
}


@media(min-width:768px){

/*box3とbox4を横に並べる*/
.boxA:after{
content:"";
display:block;
clear:both

}

.box3{
float:left;
width:70%;

}

.box4{
float:left;
width:30%;

}


/*box3 bo4 の間隔*/
.box3{
padding-right:50px；

box-sizing:border-box;
}




/*サイト名*/

.site h1 a {
color:#000000;
text-decoration:none;

}



.site h1{
margin:0;
font-size:30px;

}




/*ナビゲーション*/

.menu ul{
margin:0;
padding:0;
list-style:none;

}

.menu li a {
display:block;
padding:15px;
color:#000000;
font-size:14px;
text-decoration:none;

}


.menu li a:hover{
background-color:#75dbe7;

}


.menu ul:after{
content:"";
display:block;
clear:both;

}



.menu li{
float:left;
width:auto;

}


/*記事*/


.kiji h1{
margin-top:0;
margin-bottom:20px;
font-size:36px

}



.kiji p{
margin-top:0;
margin-bottom:20px;

}


.kiji img{
max-width:100%;
height:auto
}




/*サイドメニュー*/

.sidemenu ul{
margin:0;
padding:0;
list-style:none;

}

.sidemenu li a {
display:block;
padding:5px;
color:#000000;
font-size:14px;
text-decoration:none;

}


.sidemenu li a:hover{
background-color:#eeeeee;

}

.sidemenu h1{
margin-top:0;
margin-bottom:10px;
border-bottom:dotted 2px #dddddd;
color:#666666;
font-size:18px

}

/*お勧め記事メニュー*/

.osusume ul{
margin:0;
padding:0;
list-style:none;

}

.osusume li a {
display:block;
margin-bottom:10px;
padding:0;
color:#000000;
font-size:14px;
text-decoration:none;

}


.osusume li a:hover{
background-color:#eeeeee;
opacity:0.8;
}


.osusume h1{
margin-top:0;
margin-bottom:10px;
border-bottom:dotted 2px #dddddd;
color:#666666;
font-size:18px

}


.osusume img {
width:100%;
height:auto;
border:none;
vertical-align;bottom
}

.osusume .text{
padding:5px 10px;
background-color:rgba(0,0,0,0,5);
color:#ffffff;

}


/*写真にテキストを重ねる*/
.osusume a{
position:relative;
}


.osusume .text{
position:absolute;
bottom:0;
left:0;
width:100%;
box-sizing:border-box
}





/*人気の記事メニュー*/

.ninki ul{
margin:0;
padding:0;
list-style:none;

}

.ninki li a {
display:block;
padding:5px;
border-bottom:dotted 1px #dddddd;
color:#2288bb;
font-size:14px;
text-decoration:none;

}


.ninki li a:hover{
background-color:#eeeeee;

}


.ninki h1{
margin-top:0;
margin-bottom:10px;
border-bottom:dotted 2px #dddddd;
color:#666666;
font-size:18px

}

.ninki li a img{
border:none;

}


.ninki a:after{
content:"";
display:block;
clear:both
}


.ninki img{
float:left;
width:60px;
}

.ninki.text{
float:none;
width:auto;
margin-left:60px;
padding-left:15px

}



.ninki span{
display:block;
color:#666666;
font-size:12px;
}



/*コピーライト*/

.copyright p{
margin:0;
color:#666666;
font-size:14px;

}