@charset "utf-8";
/*reserve*/
#contents .reserve-box01{ padding-top:15px;}
#contents .reserve-box01 h3 { font-size: 90%; line-height:130%; font-weight: bold; color: #fff; margin: 0 0 10px; padding:7px 10px; background-color:#78AEC2; background-image:none; clear:both;}
#contents .reserve-box01 h3.pink { background-color:#DB826F;}
#contents .reserve-box01 h4 { font-size: 80%; font-weight: bold; margin: 0 0 10px; padding: 5px 0 7px 5px; line-height:1.5; min-height:19px; padding:11px 0 12px 5px; text-decoration: none; border:1px solid #DEDBBC; background:url(../reserve/img/title-01.jpg) 100% 100% repeat-x #f9faf4; }
#contents .reserve-box01 h5 { font-size: 80%; font-weight: bold; margin: 0 0 10px; padding: 0 10px; line-height:30px; text-decoration: none; border-left:3px solid #C2462B; }
#contents .reserve-box01 .step01-box{ border:1px solid #DEDBBC; background-color:#FAFAF5; padding:5px;}
#contents .reserve-box01 h6 { font-size: 80%; font-weight: bold; margin: 0 0 10px; padding: 13px 10px 10px 10px; text-decoration: none; color:#000000; background-color:#B1D0DC; background-image:none;}
#contents .reserve-box01 h6 span{ padding-left:10px; vertical-align:top;}
#contents .reserve-box01 .step01-box ul{ background:url(../reserve/img/img-step01.jpg) 0 0 no-repeat; position:relative; width:590px; height:450px;}
#contents .reserve-box01 .step01-box li{ position:absolute; list-style:none;}
#contents .reserve-box01 .step01-box li.step01{ top:16px; left:60px;}
#contents .reserve-box01 .step01-box li.step02{ top:6px; left:340px; text-align:center;}
#contents .reserve-box01 .step01-box li.step03{ top:250px; left:0px;}
#contents .reserve-box01 .step01-box li.step04{ top:250px; left:335px;}
#contents .reserve-box01 .step01-box li.step05{ top:396px; left:35px; text-align:center;}

#contents .reserve-box01 .step02-box{ margin:15px 0; clear:both;}
#contents .reserve-box01 .step02-box dt{ font-size: 80%; font-weight: bold; margin: 0 0 10px; padding: 13px 10px 10px 10px; text-decoration: none; color:#000000; background-color:#B1D0DC; background-image:none; width:380px; float:left; margin:5px;}
#contents .reserve-box01 .step02-box dt.pink{ background-color:#EDC6BC;}
#contents .reserve-box01 .step02-box dt.long{ font-size: 80%; font-weight: bold; margin: 0 0 10px; padding: 13px 10px 10px 10px; text-decoration: none; color:#000000; background-color:#B1D0DC; background-image:none; width:577px; float:none; margin:5px;}
#contents .reserve-box01 .step02-box dt.pink-long{ font-size: 80%; font-weight: bold; margin: 0 0 10px; padding: 13px 10px 10px 10px; text-decoration: none; color:#000000; background-color:#EDC6BC; background-image:none; width:577px; float:none; margin:5px;}

#contents .reserve-box01 .step02-box dt span{ padding-left:10px; vertical-align:top;}
#contents .reserve-box01 .step02-box{ border:1px solid #DEDBBC; background-color:#FAFAF5;}
#contents .reserve-box01 .step02-box .text{ float:left; width:380px; padding: 0 8px 8px 12px; font-size:80%;}
#contents .reserve-box01 .step02-box .text2{ padding: 0 8px 8px 12px; font-size:80%;}
#contents .reserve-box01 .step02-box .photo{ float:right; padding:8px 8px 8px 0; }
#contents .reserve-box01 .step02-box .setsumei{ clear:both; padding: 8px 8px 8px 12px;}
#contents .reserve-box01 .step02-box .setsumei img{ float:right; padding-left:8px;}
#contents .reserve-box01 .lastChild{ margin-bottom:20px;}

/*   [clearfix]
---------------------------------------*/
#contents .reserve-box01 .step02-box {
	display: inline-block;
}
#contents .reserve-box01 .step02-box:after {
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
	clear: both;
	line-height: 0;
}
/* hide MacIE \*/
* html #contents .reserve-box01 .step02-box {	height: 1em;}
#contents .reserve-box01 .step02-box {	display: block;}
/* ini */

#contents .reserve-box01 .bg-pink{ background-color:#F4DFDB; font-size:100%; padding:5px; margin: 5px 0;}

@media screen and (max-width : 480px){
#contents .reserve-table01 { border:none; border-collapse:collapse; }
#contents .reserve-table01 th,
#contents .reserve-table01 td { border:1px solid #fff; padding:10px; }
#contents .reserve-table01 th { background:#63372a; color:#fff; font-weight:normal; }
#contents .reserve-table01 th .bold { font-size:100%; font-weight:bold; }
#contents .reserve-table01 th.e_tbl_blu,
#contents .reserve-table01 td.e_tbl_blu { background:#e7fafe; color:#333; }
#contents .reserve-table01 th.e_tbl_yel,
#contents .reserve-table01 td.e_tbl_yel { background:#fbf6e2; color:#333; }
#contents .reserve-table01 td.e_tbl_red { background:#fcdfe1; }
#contents .reserve-box01 .step01-box ul{ background:none; width:auto; height:auto; margin-bottom:0; }
#contents .reserve-box01 .step01-box li{ position:relative; margin:0 auto; text-align:center; margin-bottom:23px; }
#contents .reserve-box01 .step01-box li::after{ background:url(img/img-step01_sp_arrow.png) 0 0 no-repeat; content:""; display:block; width:69px; height:23px; position:absolute; bottom:-23px; left:50%; margin-left:-35px; }
#contents .reserve-box01 .step01-box li.step01{ background:url(img/img-step01_sp_01.jpg) #e1d7cb 50% 0 no-repeat; height:202px; top:0; left:0; padding:16px 0 0; }
#contents .reserve-box01 .step01-box li.step02{ background:url(img/img-step01_sp_02.jpg) #e1d7cb 50% 0 no-repeat; height:212px; top:0; left:0; padding:6px 0 0; }
#contents .reserve-box01 .step01-box li.step03{ background:url(img/img-step01_sp_03.jpg) #e1d7cb 50% 0 no-repeat; height:202px; top:0; left:0; padding:16px 0 0; }
#contents .reserve-box01 .step01-box li.step04{ background:url(img/img-step01_sp_04.jpg) #e1d7cb 50% 0 no-repeat; height:202px; top:0; left:0; margin-bottom:0; padding:16px 0 0; }
#contents .reserve-box01 .step01-box li.step05{ position:absolute; top:650px; left:0; right:0; margin-bottom:0; }
#contents .reserve-box01 .step01-box li.step04::after,
#contents .reserve-box01 .step01-box li.step05::after{ display:none; }
#contents .reserve-box01 .step02-box dt { float:none; width:auto; }
#contents .reserve-box01 .step02-box dt.long { width:auto; }
#contents .reserve-box01 .step02-box dt.pink-long { width:auto; }
#contents .reserve-box01 .step02-box .photo { float:none; text-align:center; padding:8px; }
#contents .reserve-box01 .step02-box .text { float:none; width:auto; padding:0 12px 8px; }
#contents .reserve-box01 .step02-box .setsumei img { display:block; float:none; margin:0 auto 15px; padding:0; }
.reserve-bottom { text-align:center; margin:35px 0 0; }
.contents-bnr{ padding-right:0; }
.contents-bnr-l{ background-size:100% auto; float:none; width:100%; max-width:370px; height:0; padding-top:11.081%; }
.contents-bnr-r{ float:none; display:block; margin:10px auto 0; }
}