/* CSS Document */


/* main visual */
#main_visual{
width:1212px;
height:480px;
margin: 0 auto;
padding-top:96px;
text-align:left;
overflow:hidden;
border-right:1px solid #B3B3B3;
border-left:1px solid #B3B3B3;
background: #fff;
}
#main_visual ul{
width:1212px;
height:480px;
text-align:left;
overflow:hidden;
position:relative;
}
#main_visual ul li{
top:0;
left:0;
width:1212px;
height:480px;
display:none;
position:absolute;
}
#main_visual img{
width:1212px;
height:480px;
}


/* container */
#container{
margin:0 auto;
padding-top:1px;
}


/* contents */

#contents{
width:1170px;
margin:28px auto;
}
#contents .item{
float:left;
width:218px;
height:338px;
margin:0 7px 14px;
border:1px solid #000;
background:#333;
overflow:hidden;
}
#contents .sns,#contents .banner{ /*SNS、バナー用*/
height:161px;
}
#contents .item_inner{
width:218px;
height:338px;
background:#fff;
}
#contents .item_inner img{
width:206px;
height:206px;
margin:6px;
}
#contents .magazine img{ /*雑誌NEWS用*/
height:264px;
}
#contents .sns img{ /*SNS用*/
height:149px;
display:inline;
}
#contents .banner img{ /*バナー用*/
height:105px;
}
#contents .item_inner dl{
padding-right:4px;
padding-left:6px;
}
#contents .item_inner dt{
height:24px;
line-height:24px;
}
#contents .magazine dt{ /*雑誌NEWS用*/
height:20px;
line-height:20px;
}
#contents .item_inner dd{
height:74px;
font-size:10px;
line-height:15px;
overflow:hidden;
}
#contents .magazine dd{ /*雑誌NEWS用*/
height:20px;
}
#contents .item_inner p{
height:22px;
margin:0 6px;
font-size:10px;
line-height:15px;
background:url(../img/btn_more.gif) no-repeat top right;
}





@media screen and (max-width: 1213px){

/* main visual */
#main_visual,#main_visual ul li img{
width:978px;
height:388px;
}

/* contents */
#contents{
width:936px;
}


}



@media screen and (max-width: 979px){

/* main visual */
#main_visual,#main_visual ul li img{
width:744px;
height:295px;
}
#main_visual{
padding-top:80px;
}

/* contents */
#contents{
width:702px;
}


}



@media screen and (max-width: 745px){

/* main visual */
#main_visual{
width:100vw;
height:40vw;
margin: 0;
padding-top:86px;
border: 0;
overflow: hidden;
}
#main_visual,#main_visual ul li img{
width:100vw;
height:40vw;}

/* contents */
#contents{
width:310px;
margin:15px auto 0;
}

#contents .item{
width:300px;
height:90px;
margin:5px 0;
border-top:none;
border-right:none;
border-left:none;
border-bottom:1px solid #D6D6D6;
}
#contents .sns,#contents .banner{ /*SNS、バナー用*/
height:50px;
}
#contents .item_inner{
width:300px;
height:90px;
background:#EBEBEB;
}
#contents .item_inner img{
float:left;
width:80px;
height:80px;
margin:5px;
}
#contents .magazine img{ /*雑誌NEWS用*/
width:62px;
border-right:9px solid #F7F7F7;
border-left:9px solid #F7F7F7;
}
#contents .sns img,#contents .banner img{ /*SNS、バナー用*/
height:40px;
}
#contents .sns img.show{ /*SNS用*/
display:none;
}
#contents .item_inner dl{
float:left;
width:205px;
padding-right:0;
padding-left:0;
padding-top:5px;
}
#contents .item_inner dt{
height:20px;
line-height:20px;
}
#contents .magazine dt{ /*雑誌NEWS用*/
height:20px;
line-height:20px;
}
#contents .sns dt{ /*SNS用*/
height:40px;
line-height:40px;
}
#contents .item_inner dd{
height:60px;
font-size:10px;
line-height:15px;
}
#contents .magazine dd{ /*雑誌NEWS用*/
height:20px;
}
#contents .item_inner p{
height:22px;
margin:0 6px;
font-size:10px;
line-height:15px;
background:none;
}

}