@charset "utf-8";



/*----------------------------------------
	style
----------------------------------------*/

#innerBox .box{
width:100%;height:150px;
position:relative;
border-top:1px solid #333;
padding-top:20px;
margin-bottom:20px;
}

#innerBox .box img{
display:block;
width:20%;
float:left;
}


p{
font-size:14px;
margin:0 0 -10px;
line-height:160%;
}

#innerBox .box p{

position:absolute;
display:block;
padding:1% 1.5% 1%;
font-size:12px;
background-color:#222;
color:#ddd;
bottom:10px;
right:0px;

line-height:140%;

border-radius:3px;
width:75%;

}

h4{
display:block;
padding:1.8% 2% 1.5%;
background-color:#a00;
color:#fff!important;
margin:10% 0 0!important;
}

h6{
display:block;
width:78%;
float:right;
color:#fff;
font-size:27px;
font-weight:bold;
line-height:125%;
}


/*----------------------------------------
	for SP
----------------------------------------*/

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

#innerBox .box{
width:100%;height:auto;
position:relative;
border-top:1px solid #333;
padding-top:15px;
margin-bottom:25px;
}

#innerBox .box img{
display:block;
width:25%;
float:left;
}

#innerBox .text p{
position:absolute;
display:block;
padding:2% 2.5% 2%;
font-size:10px;
background-color:#222;
bottom:0px;
right:0px;

border-radius:3px;
}

h4{
padding:1% 2% 0.7%;
background-color:#a00;
color:#fff!important;
font-size:22px;
margin:12% 0 0!important;
}

h6{
display:block;
width:71%;
float:right;
color:#fff;
font-size:22px;
font-weight:bold;
}

#innerBox .box p{

position:relative;
display:block;
padding:1% 2.5% 1%;
font-size:9px;
line-height:150%;
background-color:#333;

border-radius:3px;
width:95%;
margin-top:2%;
bottom:0;
}


}