@charset "utf-8";


article > section{
margin:0 0 30px 0;
}


/* メインビジュアルエリア
------------------------------------------------------------*/
article.feature > div:first-child{
margin:40px 0 50px 0;
padding:40px 0;
border-top:1px #ccc solid;
border-bottom:10px #eee solid;
background:url(/bestengine/common/img/bg_index_00.jpg) no-repeat 105% 20px;
}
article.feature > div:first-child h2{
line-height:4;
}
article.feature > div:first-child p{
width:450px;
padding:0 10px 0 0;
font-size:88%;
line-height:1.8;
}
article.feature > div:first-child p + p{
margin:0;
padding:0;
font-size:63%;
line-height:1.5;
}
/* ラベル  */
article.feature > div:first-child p.label{
width:80px;
margin:-55px 0 40px 0;
padding:2px 0 0 1em;
color:#fff;
font-weight:normal;
text-align:center;
letter-spacing:1em;
background:#005cca;
}

/* 特集ページリンク
------------------------------------------------------------*/
section{
margin:0 0 30px 0;
padding:0 0 30px 0;
}

/* h3 */
section > h3{
width:250px;
margin:0;
padding:0;
border:none;
float:left;
}
section > h3 a{
color:#000;
}
section > h3 a:hover{
color:#000;
text-decoration:none;
}
section > h3 a img{
max-width:100%;
}
section > h3 a:hover img{
opacity:0.8;
}
/* 概要文 */
section > h3 + p{
width:570px;
margin:0 0 0 20px;
padding:0;
font-size:88%;
line-height:1.5;
float:left;
}
/* リンクボタン */
section > h3 + p + a{
display:inline-block;
margin:10px 0 0 0;
padding:13px 13px 10px 20px;
color:#fff;
text-align:right;
line-height:1;
border-radius:5px;
background:#005cca;
float:right;
clear:both;
}
section > h3 + p + a:hover{
color:#fff;
background:#c74982;
}
section > h3 + p + a:after{
content:" ＞";
padding:0;
}
/* bnr_full */
section.bnr_full > h3{
width:100%;
text-align:center;
float:none;
}
section.bnr_full > h3 + p{
width:100%;
margin:0;
float:none;
}

section + aside{
margin-top:30px;
}


@media screen and (max-width: 480px){
article.feature > div:first-child{
border:none;
}
article.feature > div:first-child{
margin:0;
padding:10px 5px;
background-image:none;
}
article.feature > div:first-child p{
width:auto;
margin:0;
padding:0;
font-size:75%;
}
article.feature > div:first-child p + p{
display:none;
}
article.feature > div:first-child p.label{
margin:10px 0;
}

article section{
margin:30px 0 0 0;
padding:30px 0 0 0;
border-top:5px #eee dotted;
}
section > h3{
width:100%;
float:none;
}
section > h3 a img{
width:100%;
}
section > h3 + p{
width:auto;
margin:0;
font-size:75%;
}
}