@charset "utf-8";


section{
overflow:hidden;
}
article section{
margin:0;
}
article section h3{
padding:10px 0;
}
article section > h3 + p{
text-align:left;
}
h4{
clear:both;
}



/* ===========================================================

   キービジュアル

=========================================================== */
article div.kv{
width:960px;
margin:0;
padding:30px 0 70px 0;
background:url(/bestengine/feature/vol01/img/bg_feature02.jpg) no-repeat 40% 30%;
}
article div.kv + time{
display:block;
margin:10px 10px 20px 10px;
color:#666;
font-size:0.75rem;
text-align:right;
}
article div.kv p.label{
margin:0 50px 10px 50px;
}
article div.kv p.label:before,
article div.kv p.label:after{
content:"｜";
}
article div.kv h2{
margin:0 0 0 47px;
}
article div.kv h2:before{
content:normal;
}
article div.kv h2 + p{
display:inline-block;
margin:0 0 0 55px;
padding:12px 10px 10px 10px;
font-size:87%;
color:#fff;
line-height:1.3;
background:rgba(0,92,202,0.8);
}



/* ===========================================================

   特殊BOX

=========================================================== */

/* 01
------------------------------------------------------------*/
article section div.box01{
width:400px;
margin:0 0 15px 30px;
float:right;
}
article section div.box01 h4{
margin:0 0 10px 0;
padding:5px 20px 2px 20px;
color:#fff;
background:#00a0e9;
}
article section div.box01 h4:before{
content:normal;
}
article section div.box01 h5{
margin:0;
padding:5px 20px;
color:#00a0e9;
border:1px #00a0e9 solid;
border-width:1px 1px 0 1px;
background:#d3edfb;
}
article section div.box01 p{
margin:0 0 10px 0;
padding:5px 20px;
font-size:87%;
border:1px #00a0e9 solid;
border-width:0 1px 1px 1px;
}
article section div.box01 img{
width:100%;
}

/* 02
------------------------------------------------------------*/
article section ul.box02{
margin:0 0 30px 0;
padding:0;
font-size:87%;
background:#eee;
list-style:none;
overflow:hidden;
}
article section ul.box02 li{
width:455px;
height:75px;
padding:10px 0 0 10px;
line-height:1.5;
border-top:3px #fff solid;
float:left;
}
article section ul.box02 li:nth-of-type(even){
width:462px;
border-left:3px #fff solid;
}
article section ul.box02 li strong{
font-size:108%;
}



@media screen and (max-width: 480px){
article div.kv{
width:auto;
margin:0 0 40px 0;
padding:20px 0 0 0;
background:url(/bestengine/feature/vol01/img/bg_feature02-sp.jpg) no-repeat 50% 120px;
background-size:contain;
}
article div.kv p.label{
margin:0 0 10px 0;
}
article div.kv h2{
margin:0;
}
article div.kv h2 img{
width:100%;
}
article div.kv h2 + p{
margin:103px 0 0 0;
font-size:87%;
}
article section div.box01{
width:auto;
margin:0;
float:none;
}
article section ul.box02 li{
width:auto;
height:auto;
padding:10px;
border-top:3px #fff solid;
float:none;
}
article section ul.box02 li:nth-of-type(even){
width:auto;
border-left:none;
}
}