@charset "utf-8";

/* #container .contents
======================================================================= */
#container .contents{
padding-top:0;
}

/* #container .contents #contents_hd
======================================================================= */
#contents_hd .sns_btn{
padding:0 5px 0 0;
}

#contents_hd #main_visual .title_box{
background:#fff url(../img/contents_hd_bg.png) no-repeat 0 0;
margin:0 auto;
text-align:left;
padding:25px 15px 10px;
}

#contents_hd #main_visual .title_box h1{
margin:0 0 15px 0;
}

#contents_hd #main_visual .title_box h1 img{
width:100%;
}

#contents_hd #main_visual .title_box #premium_ph{
width:20%;
display:inline-block;
}

#contents_hd #main_visual .title_box #premium_ph img{
width:100%;
}

#contents_hd #main_visual .title_box .txt{
font-size:16px;
line-height:150%;
display:inline-block;
vertical-align:top;
width:72%;
margin-left:4%;
}

#contents_hd #main_visual .main_image img{
width:100%;
}


/* #container .contents #main_contents
======================================================================= */
#main_contents .pc_only{
display:none;
}


/* #container .contents #main_contents #midokoro_contents
======================================================================= */
#main_contents #midokoro_contents dl dt{
font-size:16px;
line-height:160%;
color:#322517;
text-align:left;
}

#main_contents #midokoro_contents #block_01,
#main_contents #midokoro_contents #block_02,
#main_contents #midokoro_contents #block_03{
background:url(../img/midokoro_bg_sp.png) no-repeat 0 bottom;
padding:0 0 35px 0;
background-size:100%;
}

#main_contents #midokoro_contents #block_01{
padding-top:20px;
}

/* #main_contents #midokoro_contents #block_01
-------------------------------------------------- */
#main_contents #midokoro_contents #block_01 h2 img{
width:48%;
margin:0 0 20px 0;
}

#main_contents #midokoro_contents #block_01 h3 img{
width:54%;
margin:0 0 20px 0;
}

#main_contents #midokoro_contents #block_01 dl dt{
margin:0 20px 10px 20px;
}

#main_contents #midokoro_contents #block_01 dl dd{
position:relative;
margin: 0 20px;
}

#main_contents #midokoro_contents #block_01 dl dd img{
width:100%;
}


/* #main_contents #midokoro_contents #block_02
-------------------------------------------------- */
#main_contents #midokoro_contents #block_02{
margin:15px 0 0;
}

#main_contents #midokoro_contents #block_02 h2 img{
width:56.5%;
margin:0 0 15px 0;
}

#main_contents #midokoro_contents #block_02 dl dt{
margin:0 20px 20px 20px;
}

#main_contents #midokoro_contents #block_02 dl dd{
position:relative;
padding-bottom:80%;
margin: 0 5px 0 3px;
}

#main_contents #midokoro_contents #block_02 dl dd .img01{position:absolute; top:0%; left:0; }
#main_contents #midokoro_contents #block_02 dl dd .img01 img{width:100%;}

#main_contents #midokoro_contents #block_02 dl dd .img02{position:absolute; top:34%; right:0; width:51%;}
#main_contents #midokoro_contents #block_02 dl dd .img02 img{width:100%;}


/* #main_contents #midokoro_contents #block_03
-------------------------------------------------- */
#main_contents #midokoro_contents #block_03{
margin:15px 0 0;
}

#main_contents #midokoro_contents #block_03 h2 img{
width:82.8%;
margin:0 0 25px 0;
}

#main_contents #midokoro_contents #block_03 .product_img img{
width:89%;
margin:0 0 20px 0;
}

#main_contents #midokoro_contents #block_03 dl dt{
margin:0 20px;
}

#main_contents #midokoro_contents #block_03 dl dd img{
width:90%;
}

#main_contents #midokoro_contents #block_03 p{
color:#ff0000;
margin-top: 10px;
}

/* #container .contents #main_contents #reserve_contents
======================================================================= */
#main_contents #reserve_contents{
background-color:#fff;
margin:0 0 30px;
padding:20px 15px 30px;
}

#main_contents #reserve_contents .title_box{
background:url(../img/reserve_tit_bg.png) repeat-x 0 bottom;
padding:0 0 10px 0;
text-align:left;
}

#main_contents #reserve_contents .title_box h2{
margin:0 15px 10px;
}

#main_contents #reserve_contents .title_box h2 img{
width:50%;
}

#main_contents #reserve_contents .title_box p{
color:#ff0000;
font-size:16px;
line-height:150%;
text-indent:-1em;
padding-left:1em;
margin:0 15px;
}


/* #main_contents #reserve_contents #factory_menu
-------------------------------------------------- */
#main_contents #reserve_contents #factory_menu{
padding:15px 0 0 0;
}

#main_contents #reserve_contents #factory_menu li{
margin:0 0 10px 0;
text-align:left;
}

#main_contents #reserve_contents #factory_menu li:last-child{
margin:0;
}

#main_contents #reserve_contents #factory_menu li dl{
background-color:#ffcc00;
display:table;
width:100%;
}

#main_contents #reserve_contents #factory_menu li dl dd.gray_btn{
background-color:#bbbbbb;
}/* 休業対応_グレーアウト */

#main_contents #reserve_contents #factory_menu li dl dd.gray_btn:after{
border-right:none;
border-bottom:none;
}/* 休業対応_グレーアウト */

#main_contents #reserve_contents #factory_menu li dl dd{
padding:0 0 0 20px;
color:#322517;
font-size:16px;
position:relative;
display:table-cell;
vertical-align:middle;
}

#main_contents #reserve_contents #factory_menu li.close dl{
background-color:#bbbbbb;
}

#main_contents #reserve_contents #factory_menu li dl dd:after{
position:absolute;
display:block;
content:'';
top:42%;
right:8%;
width:10px;
height:10px;
border-right:2px solid #332900;
border-bottom:2px solid #332900;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

#main_contents #reserve_contents #factory_menu li a:hover dl{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
}

#main_contents #reserve_contents #factory_menu li .caution{
text-indent:-1em;
padding-left:1em;
font-size:14px;
line-height:150%;
margin:10px 0 0 0;
}

#main_contents #reserve_contents #factory_menu li dl dt{
width:25%;
display:table-cell;
line-height:0;
}

#main_contents #reserve_contents #factory_menu li dl dt img{
width:100%;
}