@charset "utf-8";


.subNav.col6 > ul > li:first-child,.subNav.col6 > ul > li {
    width: 50%;
}


.subNav.col6 > ul > li:last-child {
	/* 奇数時 */
    /* width: 100%;
	border-right:none; */
	/* 偶数 */
	width: 50%;
}


/*top_con01
------------------------------------------------------------------------------ */

#top_con01 {
	margin-top: 25px;
	background: none;
	padding-bottom: 40px;
}

#top_con01 h3 {
	margin-bottom: 20px;
}
#top_con01 h3 img {
	width: auto;
	height: 46px;
}

#top_con01 .wrapper {
	position: static;
}

#top_con01 .txtWrap {
	width: 100%;
	position: static;
}

#top_con01 .imgWrap {
	margin-bottom: 10px;
}
#top_con01 .imgWrap li {
	width: 48.5%;
}

#top_con01 .txtWrap p {
	margin-bottom: 15px;
}

#grKodawari {
	padding-top: 30px;
}



.kdwrBox {
	margin-bottom: 15px;
}

.kdwrBox dl {
	padding: 15px;
}
.kdwrBox dt {
	font-size: 15px;
	margin-bottom: 8px;
}
.kdwrBox dd {
	font-size: 12px;
}

#grKdwr01 {
	margin-bottom: 15px;
}
#grKdwr01 img {
	width: 100%;
	float: none;
}
#grKdwr01 dl {
	margin-left: 0;
	padding: 15px;

}

#kdwrSubWrap {
	margin-bottom: 10px;
}
#kdwrSubWrap .kdwrBox {
	width: 100%;
	height: auto;
	float: none;
	margin-left: 0;
}

#grKdwr04 {
	margin-bottom: 0px;
}

/*top_con02
------------------------------------------------------------------------------ */
#top_con02 {
	padding: 30px 0;
}

#top_con02 h3 {
	text-align: center;
	margin-bottom: 20px;
}
#top_con02 h3 img {
	width: auto;
	height: 46px;
}

.planTabList li {
	width: 100%;
	float: none;
	margin-left: 0;
	margin-bottom: 20px;
}

.planTabList li .img {
	width: 100%;
	height: auto;
}

.planTabList li .ttl {
	font-size: 15px;
	margin: 10px 0 8px;
}

.planTabList li .txt {
	font-size: 12px;
}

#toStayplan {
	margin: 15px auto 0;
}

/* bnrWrap
---------------------------------------------------------------------- */

#bnrWrap {
	overflow: hidden;
	padding-top: 30px;
	padding-bottom: 30px;
}
#bnrWrap img {
	margin-bottom: 10px;
	width: 100%;
	height: auto;
}

/* guestroom top
---------------------------------------------------------------------- */

.guestroom_wrap {
	padding-bottom: 30px;
}

.guestroom_wrap .leadWrap h3 {
	margin-bottom: 15px;
}

.guestroom_wrap .leadWrap h3 img {
	width: 197px;
	height: 46px;
}

/* standardWrap */

#standardWrap {
	margin-bottom: 10px;
}

.roomWrap h3 {
	margin-bottom: 15px;
}

#standardWrap h3 img {
	width: 215px;
	height: auto;
}

.roomInn .roomDtl {
	width: 100%;
	float: none;
	margin: 0 20px 20px 0;
}

.roomInn .roomDtl h4 {
	font-size: 15px;
	margin-bottom: 5px;
}

.roomInn .roomDtl .txt {
	margin-bottom: 10px;
	font-size: 12px;
}

.roomInn .roomDtl p.btn {
	width: 100%;
}

/* familyConnectWrap */

#familyConnectWrap {
	padding: 30px 0 10px 0;
}

#familyConnectWrap h3 img {
	width: 252px;
	height: auto;
}

/* showerWrap */

#showerWrap {
	padding: 30px 0 10px 0;
}

#showerWrap h3 img {
	width: 206px;
	height: auto;
}

/* guestroom
---------------------------------------------------------------------- */

.mainSlider {
	margin-bottom: 25px;
}

.leadWrap h3 img {
	width: auto;
	height: 46px;
}

.leadWrap.htwin h3 img {
	width: auto;
	height: 75px;
}

.roomCon h3 {
	font-size: 16px;
	margin-bottom: 5px;
}

.roomCon .left {
	width: 100%;
	float: none;
}

.roomCon .right {
	width: 100%;
	float: none;
}

.roomCon .left p.txt {
	font-size: 12px;
	margin-bottom: 15px;
}

.roomCon .roomConInn {
	margin-bottom: 40px;
}

.roomMap {
	padding-bottom: 30px;
}

.roomCon .right p img {
	margin-bottom: 20px;
}

.roomCon .left table {
	margin-bottom: 20px;
}

.roomCon .roomMap {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.roomCon .roomMap img {
	width: 100%;
	height: auto;
}

table.type1 th {
	font-size: 12px;
	padding: 8px 10px;
	width: 110px;
}

table.type1 td {
	font-size: 12px;
	padding: 8px 0 8px 0;
}

/* roomInfo */

.roomInfo {
	padding: 30px 0;
}

.roomDtlList li {
	width: 100%;
	float: none;
	margin-right: 0;
	padding-bottom: 20px;
	border-bottom: 1px dotted #7d7d7d;
	margin-bottom: 20px;
}

.roomDtlList li dl dt,
.roomInfo .exList dt {
	font-size: 12px;
	margin-bottom: 5px;
}

.roomDtlList li dl dd,
.roomInfo .exList dd {
	font-size: 12px;
}

.roomDtlList li.col2 {
	height: auto !important;
}


.roomDtlList li.col2 dd p.left {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 10px;
}

.roomDtlList li.col2 dd p.right {
	width: 100%;
	float: none;
}

.roomInfo .exList {
	padding-bottom: 10px;
}

.roomInfo .exList dd {
	margin-bottom: 10px;
}

/* roomPrice */

.roomPrice {
	padding-bottom: 30px;
}

.roomPrice h4 span.fontSiz {
	font-size: 13px;
	padding-right: 0;
    border-bottom: none;
    height: auto;
}

/* ------- sp --------- */

.roomPrice table.type2 {
	width: 100%;
	margin-bottom: 15px;
}

.roomPrice table.type2 tr:first-child th {
	width: 100%;
	font-size: 12px;
	padding: 10px 8px;
}

.roomPrice table.type2 tr:nth-child(2) th {
	font-size: 12px;
	padding: 10px 8px;
}

.roomPrice table.type2 tr td .acdTtl {
    padding: 10px 8px;
    font-size: 12px;
    background: #fff url(../../img/common/ico_plus.png) no-repeat 98% 50%;
    -webkit-background-size: 18px auto;
    background-size: 18px auto;
}

.roomPrice table.type2 tr td .acdTtl.collapse-open {
	background: #fff url(../../img/common/ico_minus.png) no-repeat 98% 50%;
	-webkit-background-size: 18px auto;
	background-size: 18px auto;
}

.roomPrice table.type2 tr td table.type3 th {
	width: 100%;
    padding: 10px 8px;
}

.roomPrice table.type2 tr td table.type3 td {
    width: 33.3%;
    padding: 10px 8px;
}

/* ------- // sp --------- */

.cautionTxt {
	margin-bottom: 20px;
}

/* scene
---------------------------------------------------------------------- */

.scene_wrap #pageTtl {
    width: 100%;
    height: 355px;
    position: static;
}

.scene_wrap #pageTtl h2 {
	width: 300px;
    height: 119px;
    margin-left: 0;
    position: static;
    padding-top: 30px;
    margin: 0 auto;
}

.scene_wrap #pageTtl h3 {
	width: 300px;
    height: 87px;
    margin-left: 0;
    position: static;
    margin: 0 auto;
}

.scene_wrap #pageTtl p.lead {
	font-size: 15px;
	margin-left: 0;
	position: static;
	margin-bottom: 15px;
}

#topNav {
	width: 300px;
	margin: 0 auto;
	position: static;
}

#topNav li {
	width: 49%;
	float: left;
	margin-right: 2%;
}

#topNav li:last-child {
	margin-right: 0;
}

#topNav li p.navTtl {
	width: 100%;
	font-size: 14px;
	line-height: 35px;
}

#topNav li p.navTtl span {
	padding-left: 25px;
	background: url(../../img/common/list_icon02_bottom.png) no-repeat 0 50%;
}

/* birthday ------------ */

#birthday {
	padding-bottom: 30px;
}

.scene_wrap .con {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.scene_wrap .con h3 {
	margin-bottom: 20px;
}

.scene_wrap .con h3 img {
	width: auto;
	height: 46px;
}

.scene_wrap .boxPos {
	width: 100%;
	height: auto;
	margin-bottom: 10%;
}

.scene_wrap .boxPos.birth {
	background: none;
}

.scene_wrap .boxPos .innerBox {
	width: 100%;
    height: auto;
    position: static;
    padding: 20px 15px;
}

.scene_wrap .boxPos .innerBox h3 {
	font-size: 20px;
	margin-bottom: 10px;
}

.scene_wrap .boxPos .innerBox .pointPos {
	position: absolute;
	bottom: -50px;
	right: -2.9%;
}

.scene_wrap .boxPos.birth .innerBox .pointPos img {
	width: 143px;
	height: auto;
}

/* storyBox----- */

.storyBox h4 {
	font-size: 18px;
	margin-bottom: 15px;
}

.outer {
	background: url(../../img/lodgment/scene/sp_line.png) repeat-y 0 0;
	-webkit-background-size: 139px auto;
	background-size: 139px auto;
}

.outer ul li {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 10px;
}

.outer ul li .imgL {
	width: 139px;
	height: auto;
	float: left;
	overflow: hidden;
	margin-bottom: 0;
	margin-right: 10px;
}

.outer ul li .imgL img {
	width: 139px;
	height: auto;
	float: left;
	overflow: hidden;
}

.outer ul li .txtR {
	width: 100%;
	float: left;
	margin-left: -149px;
}

.outer ul li img {
	margin-bottom: 0;
}

.outer ul li .txtR .inn {
	margin-left: 149px;
}


.outer ul li:last-child {
	margin-bottom: 0;
	background: #fff;
}

.outer.exStl ul li:last-child {
	background: #f5f5f5;
}

.storyBox h5 {
	text-align: center;
	font-size: 15px;
	margin-bottom: 8px;
}

/* wedding------ */

#wedding {
	padding: 30px 0;
}

.scene_wrap #wedding h3 img {
	width: auto;
	height: 77px;
}

.scene_wrap .boxPos.wed {
	background: none;
}

.scene_wrap .boxPos.wed .innerBox .pointPos {
    bottom: -50px;
    left: -10%;
}

.scene_wrap .boxPos.wed .innerBox .pointPos img {
	width: 127px;
	height: auto;
}

/* option------ */

#option {
	padding-top: 30px;
}

.optionDtl {
	padding-bottom: 30px;
}

.opList {
	padding-bottom: 0;
}

.opList .inn {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 20px;
}

.opList .inn img {
	margin-bottom: 10px;
}

.opList .inn h4 {
	text-align: left;
	font-size: 15px;
	margin-bottom: 5px;
}

.opList .inn p.txt120 {
	margin-bottom: 15px;
}

.opList .inn p.btn {
	width: 300px;
	margin: 0 auto;
}

.opBnr {
	margin: 20px 0 10px 0;
}

/* option caution------ */

.opCaution {
	padding: 30px 0;
}

.opCaution h4 {
	font-size: 15px;
	margin-bottom: 10px;
}

.opCaution dl dt {
	font-size: 12px;
	margin-bottom: 5px;
}

.opCaution dl dd {
	font-size: 12px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/* scene form
---------------------------------------------------------------------- */

.scene_form_wrap #pageTtl {
    width: 100%;
    height: 350px;
    position: static;
}

.scene_form_wrap #pageTtl h2 {
	width: 300px;
    height: 119px;
    margin-left: 0;
    position: static;
    padding-top: 30px;
    margin: 0 auto;
}

.scene_form_wrap #pageTtl h3 {
	width: 300px;
    height: 87px;
    margin-left: 0;
    position: static;
    margin: 0 auto;
}

.scene_form_wrap #pageTtl p.lead {
	font-size: 15px;
	margin-left: 0;
	position: static;
	margin-bottom: 15px;
}

.subNav.form.col3 ul li {
	width: 50%;
	border-right: 1px solid #dedede;
}

.subNav.form.col3 ul li:first-child {
	border-left: 1px solid #dedede;
}

.subNav.form.col3 ul li:last-child {
	width: 100%;
	border-left: 1px solid #dedede;
}

.formTbl table.exStl tr {
	border-bottom: 1px dotted #bebebe;
}

.formTbl table.exStl td {
	padding: 0;
}

.formTbl table.exStl tr:first-child td {
	padding-bottom: 20px;
}

.formTbl table.exStl tr:first-child td.spStl {
	padding-bottom: 10px;
}

.formTbl table.exStl tr:last-child td {
	padding-top: 20px;
}

.formTbl table.exStl tr:last-child td.spStl {
	padding-top: 10px;
}

.formTbl table.exStl tr:last-child {
	border-bottom: none;
}

/* 宿泊約款
---------------------------------------------------------------------- */

#agreementWrap h3 {
	margin-bottom: 20px;
}

#agreementWrap h3 img {
	width: auto;
	height: 46px;
}

#agreementWrap .boxStl {
	margin-bottom: 20px;
}

#agreementWrap h5 {
	font-size: 14px;
}

.agreementTbl {
	margin-top: 20px;
}

.agreementTbl table {
	border: none;
}

.agreementTbl table tbody {
	border-top: 1px solid #bebebe;
	border-left: 1px solid #bebebe;
}

.agreementTbl .left {
	width: 100%;
	float: none;
}

.agreementTbl .right {
	width: 100%;
	float: none;
}

.agreementTbl .spmb20 {
	margin-bottom: 20px;
}

.agreementTbl table caption {
	font-size: 12px;
	margin-bottom: 8px;
}

.agreementTbl table th {
	font-size: 12px;
	padding: 10px 10px;
	text-align: center;
	white-space: nowrap !important;
}

.agreementTbl table td {
	font-size: 12px;
	padding: 10px 10px;
	text-align: center;
}

.agreementTbl table tr.thStl th {
	background: #00abc0;
	color: #fff;
	text-align: center;
}

.agreementTbl .right table th.exStl {
	padding: 0;
}

.agreementTbl .right table th.exStl img {
	width: 100%;
	height: auto;
}

#agreementWrap .boxStl h4.exStl {
	height: auto;
	line-height: 1.8;
	padding: 3px 3px 3px 10px;
}

/* 団体予約のお問い合わせ
---------------------------------------------------------------------- */

#spStl {
	margin-bottom: 5px;
}

.form_wrap .leadWrap h3 {
	margin-bottom: 15px;
}

.formTbl.booking1 table.exStl td.ctTd {
    padding: 10px 0;
}

.formTbl.booking1 #year,
.formTbl.booking1 #month,
.formTbl.booking1 #day {
	margin-bottom: 10px;
}

.formTbl.booking1 table.roomTypeTbl {display:table;}
.formTbl.booking1 table.roomTypeTbl tbody {display:table-row-group;}
.formTbl.booking1 table.roomTypeTbl tr {display:table-row;}
.formTbl.booking1 table.roomTypeTbl th {display:table-cell;}
.formTbl.booking1 table.roomTypeTbl td {display:table-cell;}

.formTbl.booking1 table.roomTypeTbl th,
.formTbl.booking1 table.roomTypeTbl td {
	width: 33.3%;
}














.formTbl.booking1 table.roomTypeTbl tr:last-child {
	border-bottom: none;
}

.formTbl.booking1 table.roomTypeTbl tr:first-child th {
	box-sizing: border-box;
	padding-top: 0;
	text-align: center;
	background: #eaeaea;
	font-weight: bold;
	padding: 10px 0;
	border-right: 1px solid #fff;
}

.formTbl.booking1 table.roomTypeTbl tr:last-child td {
	padding-bottom: 0;
}

.formTbl.booking1 tr:last-child {
	border-bottom: none;
}
.bd_plan {
  display: block;
    width: auto;
    margin: 10% auto 0;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bd_plan  li{
  margin-bottom: 5%;
}
#plan {
  padding-top: 30px;
}
.scene_category {
margin: 10% auto 15%!important;
}

/* 20220511 */
/* mailbnrWrap
---------------------------------------------------------------------- */

#mailbnrWrap {
	padding-top: 30px;
	padding-bottom: none;
}
#mailbnrWrap img {
	margin-bottom: 10px;
	width: 100%;
	height: auto;
}
/* 240626 */

.present div {
	width: 100%;
}
.present figure {
	width: 100%;
}
.present {
	width: 90%;
}
.present div h4 {
	text-align: center;
	margin-top: 5%;
}
.present div p {
	padding: 0 10% 5%;
}