@charset "UTF-8";
/* CSS Document  */

/* -------------------------------------------------------
共通
------------------------------------------------------- */
#plan .footable { border: 1px solid #cab391; /*table-layout: fixed;*/}
#plan .footable span { font-weight: normal;}
#plan .footable th,
#plan .footable td { padding: 3px 10px; border: 1px solid #cab391; font-weight: bold; text-align: center; vertical-align: middle;}
#plan .footable thead th { background: #fcf9f0; font-size: 13px; font-weight: normal;}
#plan .footable th { background: #f0e3d2; font-size: 20px; position: relative;}
#plan .footable th span { display: block; font-size: 12px; line-height: 1.5;}
#plan .footable td span { font-size: 12px;}
#plan .footable .fooicon { font-size: 20px; font-weight: bold;}
#plan .footable .footable-details th,
#plan .footable .footable-details td { background: none; border: none; font-size: 13px; font-weight: normal; text-align: left;}
#plan .footable .footable-details th { font-weight: bold;}
#plan .footable .special_price,#plan .footable .special_price_sp { color: #bc272a; font-weight: bold; font-size: 13px;}
#plan .footable .special_price span,.footable .special_price_sp { font-size: 12px;}
#plan .footable .special_price_sp { display: none;}

/* -------------------------------------------------------
特別宿泊プラントップ
------------------------------------------------------- */
#plan.index h2 { background: url(../../plan/img/title_bg.png) no-repeat center top;}
#plan.index #contents { background: url(../../plan/img/con_bg.png) no-repeat 21px top;}

#plan.index section { padding: 50px 45px 0 45px;}

#plan.index #sec_wrap { background: url(../../plan/img/sec1_bg.png) no-repeat center top;}
#plan.index #sec1 { padding-top: 45px; margin: 60px 0 0 0; /*background: url(../../plan/img/sec1_bg.png) no-repeat center top;*/}
#plan.index #sec1 h3 { padding: 0 0 37px 0; text-align: center;}
#plan.index #sec1>p { width: 380px; float: left;}
#plan.index #sec1 .inq { display: table; width: 587px; float: right; padding: 0; font-size: 15px; font-weight: bold; table-layout: fixed;}
#plan.index #sec1 .inq dt,
#plan.index #sec1 .inq dd { display: table-cell; border: 1px solid #41271b; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#plan.index #sec1 .inq dt { width: 120px; padding: 15px; background: #41271b; color: #fff; text-align: center;}
#plan.index #sec1 .inq dd { padding: 10px; background: #fff;}
#plan.index #sec1 .inq dd span { font-size: 12px;}
#plan.index #sec1 .item { width: 475px; float: left; padding: 23px 0 0 0;}
#plan.index #sec1 .item:nth-of-type(2) { clear: both;}
#plan.index #sec1 .item:last-of-type { float: right;}
#plan.index #sec1 .item dt { text-align: center;}
#plan.index #sec1 .item dd { padding: 15px 0 0 0;}
#plan.index #sec1 .item dd p { padding: 0 0 20px 0;}
#plan.index #sec1 .item dd a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#plan.index #sec1 table { width: 100%; border: 1px solid #cbb493; table-layout: fixed;}
#plan.index #sec1 th,
#plan.index #sec1 td { padding: 3px 15px; border-bottom: 1px solid #cbb493;}
#plan.index #sec1 th { background: #f0e3d1; border-right: 1px solid #cbb493; font-weight: normal; text-align: left;}
#plan.index #sec1 td,
#plan.index #sec1 tr:first-child th:last-child { width: 30%; max-width: 100px; background: #fff; text-align: center;}

#plan.index section h4 { padding: 0 0 8px 17px; background: url(../../plan/img/sec_icon.gif) no-repeat left 3px; border-bottom: 1px solid #e4007f; font-size: 19px; font-weight: bold;}

#plan.index #sec2 h4 { margin: 0 0 30px 0;}
#plan.index #sec2>ul { width: 800px; float: left;}
#plan.index #sec2>ul li {
	width: 49%; float: left; padding: 0 0 0 38px; margin: 0 0 30px 0; background: url(../../plan/img/sec2_icon.png) no-repeat left 0;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#plan.index #sec2>ul li:nth-child(2n) { float: right;}
#plan.index #sec2>ul li:nth-child(2n+1) { clear: both;}
#plan.index #sec2>ul a { display: block; margin: 0 0 5px 0; font-size: 18px; font-weight: bold; text-decoration: none;}
#plan.index #sec2>ul a:hover { text-decoration: underline;}
#plan.index #sec2 figure { float: right; padding: 0 0 43px 0;}
#plan.index #sec2 div { clear: both; padding: 25px; margin: 0 0 20px 0; background: #fff; border: 1px solid #dcd0c0;}
#plan.index #sec2 dl { width: 267px; float: left;}
#plan.index #sec2 dd p { padding: 12px 0;}
#plan.index #sec2 dd a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#plan.index #sec2 #sec2d { margin-bottom: 35px;}
#plan.index #sec2 .footable { /*width: 650px;*/ width: 670px; float: right;}
#plan.index #sec2 .footable .fooicon {
	width: 100%; padding: 0 0 0 10px; margin: -10px 0 0 0; position: absolute; top: 50%; left: 0; line-height: 1; text-align: left;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#plan.index #sec2 h5 { padding: 10px; margin: 0 0 10px 0; background: #fbe8e6; color: #af2271; font-size: 14px; font-weight: bold; text-align: center;}
#plan.index #sec2>table { float: left; border: 1px solid #cbb491; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#plan.index #sec2>table:first-of-type { width: 19.8%;}
#plan.index #sec2>table:nth-of-type(2) { width: 26.2%;}
#plan.index #sec2>table:nth-of-type(3) { width: 27.8%;}
#plan.index #sec2>table:last-of-type { width: 26.2%;}
#plan.index #sec2>table:not(:first-of-type) { border-left: none;}
#plan.index #sec2>table th,
#plan.index #sec2>table td {
	padding: 5px; background: #fff; border-bottom: 1px solid #cbb491; font-weight: normal; text-align: left;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#plan.index #sec2>table tr:nth-child(2n) th,
#plan.index #sec2>table tr:nth-child(2n) td { background: #f0e3d0;}
#plan.index #sec2>table tr:first-child th,
#plan.index #sec2>table tr:first-child td { background: #fcf9f1; font-weight: bold; text-align: center;}
#plan.index #sec2>table td { width: 76px; border-left: 1px solid #cbb491;}
#plan.index #sec2 .ver_sp { display: none;}

#plan.index #sec3 h4 { margin: 0 0 10px 0;}
#plan.index #sec3 ul { width: 530px; float: left; padding: 0 0 0 10px;}
#plan.index #sec3 li { padding: 0 0 0 1em; text-indent: -1em;}
#plan.index #sec3 p {
	width: 430px; float: right; padding: 15px 20px; background: #fbe8e6; color: #af2271;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#plan.index #sec3 b { display: block; font-weight: bold;}
#plan.index #sec3 .tel-link { font-size: 21px;}



/* -------------------------------------------------------
プラン詳細
------------------------------------------------------- */
#plan.detail #container { padding-top: 50px; margin:0 auto; width:580px; }

#plan.detail #sec1 { padding: 0 0 30px 0; text-align:center;}
#plan.detail #sec1 img { display: block; text-align: center; margin: 10px auto;}

#plan.detail #sec2 { padding: 30px; background: #fff; border: 2px solid #ae0f06; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#plan.detail #sec2 img { float:left; margin:0 0 15px 0; }
#plan.detail #sec2 dl { float:right; text-align:center; margin:0 0 15px 0; width:150px; }
#plan.detail #sec2 dt { background:#000;border:1px solid #000; color:#fff;  }
#plan.detail #sec2 dd { border:1px solid #000;}
#plan.detail #sec2 p { clear:both; padding:5px ;}
#plan.detail #sec2 .footable { width: 100%; margin: 5px 0 20px 0;}
#plan.detail #sec2 .footable .fooicon {
	width: 100%; padding: 0 0 0 10px; margin: -10px 0 0 0; position: absolute; top: 50%; left: 0; line-height: 1; text-align: left;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#plan.detail #sec2 ul { border-top:2px solid #000; border-bottom:2px solid #000; list-style-type:none; padding:10px 0; }

#plan.detail #sec3 { clear:both; padding-top:30px; text-align:center; }
#plan.detail #sec3 .footable th { font-weight: bold;}
#plan.detail #sec3 .footable td { font-weight: normal; background: #fff;}
#plan.detail #sec3 .footable tr:nth-child(2n+1) td { background: #f0e3d0;}
#plan.detail #sec3 .footable .fooicon { float: left;}
#plan.detail #sec3 .ver_sp { display: none;}

#plan.detail #close { margin: 30px 0; text-align: center;}



/* -------------------------------------------------------
clear
------------------------------------------------------- */
#plan section:after,
#plan.index #sec2 div:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}