@charset "UTF-8";
/* メニューページCSS */
/* -----------------------------------------------*/


article #main{
background:#d68f28;
}

article #main .illust{
position:absolute;
bottom:0;
right:25%;
z-index:2;
}

article .b_productsConte{
width:70%;
margin:0 auto 50px;
background:#FFFFFF;
padding:50px;
clear:both;
}
article .b_productsConte p{
text-shadow:0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff;
}

article .reccomend dl{
width:30%;
height:auto;
display:inline-block;
vertical-align:top;
margin:0 10px;
}
article .reccomend dl img{
width:100%;
height:auto;
}
article .reccomend dt{
border:5px solid #fad68d;
}
article .b_productsConte ul{
overflow:hidden;
font-size:70%;
margin-bottom:20px;
}

article .b_productsConte li{
display:inline-block;
vertical-align:middle;
width:19%;
padding:10px 0;
background:#de990e;

}
article .b_productsConte li img{
vertical-align:middle;
}
article .b_productsConte li a{
display:block;
text-decoration:none;
font-size:120%;
color:#FFFFFF;
}
article .b_productsConte h5{
font-size:140%;
padding:50px 0;
color:#d68f28;
}
article .b_productsConte .b_products{
overflow:hidden;
margin-bottom:50px;
}
article .b_productsConte .b_products img{
width:30%;
height:auto;
float:left;
border:5px solid #fad68d;
}
article .b_productsConte .b_products dl{
width:65%;
height:auto;
float:right;
text-align:left;
overflow:hidden;
}

article .b_productsConte .b_products dt{
font-size:130%;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:2px solid #d68f28;
}
article .b_productsConte .b_products .btn{
text-align:center;
border-radius:5px;
margin:30px auto 10px;
width:40%;
}

article .b_productsConte .b_products .btn a{
font-size:120%;
width:100%;
display:block;
text-shadow:none;
text-decoration:none;
color:#d68f28;
background:#ffffff;
border:2px solid #d68f28;
padding:20px 0;
}




article .contactBtn a{
background:#d68f28;
}




/*タブレット*/
@media screen and (max-width: 820px) {

article .b_productsConte{
width:85%;
margin:0 auto 50px;
background:#FFFFFF;
padding:50px 30px;
clear:both;
}

article .reccomend dl{
width:48%;
height:auto;
margin:0;
}

article .b_productsConte ul{
overflow:hidden;
font-size:80%;
margin-bottom:20px;
}

article .b_productsConte li{
display:inline-block;
vertical-align:top;
width:48%;
padding:10px 0;
margin-bottom:5px;
background:#de990e;

}

article .b_productsConte .b_products img{
width:40%;
}
article .b_productsConte .b_products dl{
width:55%;
}

article .b_productsConte .b_products dt{
font-size:130%;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:2px solid #d68f28;
}



}



/*スマホ*/

@media screen and (max-width: 640px) {
article .b_productsConte .b_products img{
width:90%;
}
article .b_productsConte .b_products dl{
width:90%;
height:auto;
float:none;
margin:0 auto 10px;
}

	
article .b_productsConte li img{
vertical-align:middle;
display:block;
text-align:center;
width:30%;
height:auto;
margin:0 auto;
}

article .b_productsConte .b_products img{
width:90%;
height:auto;
float:none;
margin:0 auto 10px;
}
}