@charset "utf-8";

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

#pageTtl {
	background: url(../../img/lodgment/pic_main_n.jpg) no-repeat 50% 0;
	background-size: cover;
}

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

#top_con01 {
	margin-top: 50px;
	background: url(../../img/lodgment/bg_top_con01_n.jpg) no-repeat 50% 110px;
	padding-bottom: 60px;
}

#top_con01 h3 {
	text-align: center;
	margin-bottom: 40px;
}

#top_con01 .wrapper {
	position: relative;
}

#top_con01 .txtWrap {
	overflow: hidden;
	width: 450px;
	position: absolute;
	top: 0;
	right: 0px;
}

#top_con01 .imgWrap {
	margin-bottom: 20px;
}
#top_con01 .imgWrap li {
	width: 220px;
	float: left;
}
#top_con01 .imgWrap li:nth-child(2) {
	float: right;
}
#top_con01 .imgWrap img {
	width: 100%;
	height: auto;
}

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

#grKodawari {
	padding-top: 450px;
}

.kdwrBox {
	border: 1px solid #bebebe;
}

.kdwrBox img {
	width: 100%;
	height: auto;
}

.kdwrBox dl {
	padding: 20px 15px;
}
.kdwrBox dt {
	font-size: 200%;
	margin-bottom: 13px;
	line-height: 1.4;
}
.kdwrBox dd {
	font-size: 120%;
}

#grKdwr01 {
	margin-bottom: 20px;
}
#grKdwr01 img {
	width: 341px;
	float: left;
}
#grKdwr01 dl {
	margin-left: 341px;
	padding: 25px 25px 0;

}

#kdwrSubWrap {
	margin-bottom: 10px;
}
#kdwrSubWrap .kdwrBox {
	width: 320px;
	height: 477px;
	float: left;
	margin-left: 20px;
	box-sizing: border-box;
}

#kdwrSubWrap .kdwrBox:first-child {
	margin-left: 0;
}

#grKdwr04 .btn {
	margin-top: 15px;
	font-size: 100%;
}
#grKdwr04 .btn a {
	padding-left: 15px;
}
#grKdwr04 .btn img.icoBlank {
	width: 12px;
	height: auto;
}

#toAgreement {
	margin: 15px auto 0;
}

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

#top_con02 h3 {
	text-align: center;
	margin-bottom: 40px;
}

.planTabList li {
	width: 310px;
	float: left;
	margin-left: 34px;
}
.planTabList li:first-child {
	margin-left: 0;
}

.planTabList li a {
	display: block;
}

.planTabList li .img {
	width: 310px;
	height: 180px;
	overflow: hidden;
}
.planTabList li .img img {
	width: 100%;
	height: auto;
}

.planTabList li .ttl {
	font-size: 160%;
	color: #7d7d7d;
	margin: 20px 0 15px;
}

.planTabList li .txt {
	font-size: 120%;
}
.planTabList li a:hover,
.planTabList li a:hover .txt {
	text-decoration: none;
}
.planTabList li a:hover .ttl {
	text-decoration: underline;
}

#toStayplan {
	margin: 30px auto 0;
}

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

#bnrWrap {
	padding-top: 60px;
	padding-bottom: 60px;
	overflow: hidden;
}
#bnrWrap.noPadding {
	padding-top: 0;
	padding-bottom: 0;
}
#bnrWrap img {
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
}


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

.guestroom_wrap {
	padding-bottom: 60px;
}

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

/* standardWrap */

#standardWrap {
	margin-bottom: 20px;
}

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

.roomInn .roomDtl {
	width: 480px;
	float: left;
	margin: 0 40px 40px 0;
}

.roomInn .roomDtl:nth-child(2n) {
	margin-right: 0;
}

.roomInn .roomDtl h4 {
	font-size: 200%;
	margin-bottom: 8px;
}
.roomInn .roomDtl h4 span{
	font-size:0.85rem;
}

.roomInn .roomDtl .txt {
	margin-bottom: 15px;
	font-size: 120%;
}

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

/* familyConnectWrap */

#familyConnectWrap {
	padding: 60px 0 20px 0;
	background: #f5f5f5;
}

/* showerWrap */

#showerWrap {
	padding: 60px 0 20px 0;
}

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

.mainSlider {
	margin-bottom: 50px;
}

.roomCon h3 {
	font-size: 260%;
	margin-bottom: 10px;
}

.roomCon .left {
	width: 560px;
	float: left;
}

.roomCon .right {
	width: 380px;
	float: right;
}

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

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

.roomMap {
	padding-bottom: 60px;
}

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

table.type1 {
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
}

table.type1 tr {
	border-bottom: 1px dotted #7d7d7d;
}

table.type1 th {
	font-weight: bold;
	color: #00abc0;
	font-size: 120%;
	padding: 15px 20px;
	width: 180px;
	box-sizing: border-box;
	vertical-align: middle;
}

table.type1 td {
	font-size: 120%;
	padding: 15px 0 15px 0;
	box-sizing: border-box;
	vertical-align: middle;
}

/* roomInfo */

.roomInfo {
	padding: 60px 0;
	background: #f5f5f5;
}

.roomDtlList li {
	width: 470px;
	float: left;
	margin-right: 60px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #7d7d7d;
	margin-bottom: 30px;
}

.roomDtlList li:nth-child(2n) {
	margin-right: 0;
}

.roomDtlList li dl dt,
.roomInfo .exList dt {
	font-size: 120%;
	font-weight: bold;
	color: #00abc0;
	margin-bottom: 8px;
}

.roomDtlList li dl dt span {
	font-size: 10px;
}

.roomDtlList li dl dd,
.roomInfo .exList dd {
	font-size: 120%;
}

.roomDtlList li.col2 {
	height: 131px !important;
}


.roomDtlList li.col2 dd p.left {
	width: 200px;
	float: left;
	margin-right: 10px;
}

.roomDtlList li.col2 dd p.right {
	width: 260px;
	float: right;
}

.roomInfo .exList {
	padding-bottom: 20px;
	border-bottom: 1px solid #7d7d7d;
}

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

/* roomPrice */

.roomPrice {
	padding-bottom: 60px;
	background: #f5f5f5;
}

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

/* ---- pc --------- */

.roomPrice table.type2 {
	border-top: 1px solid #bebebe;
	border-left: 1px solid #bebebe;
	margin-bottom: 30px;
}

.roomPrice table.type2 th {
	color: #fff;
	width: 25%;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	background: #00abc0;
	padding: 20px 0;
	border-bottom: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
}

.roomPrice table.type2 tr td .acdTtl {
	padding: 20px 20px;
	font-size: 120%;
	cursor: pointer;
	font-weight: bold;
	text-align: left;
	color: #00abc0;
	background: #fff url(../../img/common/ico_plus.png) no-repeat 98% 50%;
	-webkit-background-size: 26px auto;
	background-size: 26px auto;
	border-bottom: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
}

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

.roomPrice table.type2 tr td table.type3 th {
	width: 25%;
	color: #3f3f3f;
	font-size: 12px;
	background: #eaeaea;
	vertical-align: middle;
	padding: 20px 0;
	border-bottom: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
}

.roomPrice table.type2 tr td table.type3 td {
	width: 25%;
	color: #3f3f3f;
	font-size: 12px;
	background: #fff;
	text-align: center;
	vertical-align: middle;
	padding: 20px 0;
	border-bottom: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
}

/* ---- // pc --------- */

.cautionTxt {
	margin-bottom: 40px;
}


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

.scene_wrap #pageTtl {
    width: 100%;
    height: 465px;
    position: relative;
    background: url(../../img/lodgment/scene/pic_main.jpg) no-repeat 50% 0;
    background-size: cover;
}

.scene_wrap #pageTtl h2 {
	width: 568px;
    height: 134px;
    position: absolute;
    top: 130px;
    left: 50%;
    margin-left: -284px;
}

.scene_wrap #pageTtl h3 {
	width: 568px;
    height: 90px;
    position: absolute;
    top: 264px;
    left: 50%;
    margin-left: -284px;
}

.scene_wrap #pageTtl p.lead {
	position: absolute;
    top: 354px;
    left: 50%;
	font-size: 160%;
	text-align: center;
	margin-left: -391px;
}

#topNav {
	width: 506px;
	margin: 0 auto;
	position: absolute;
	top: 453px;
	left: 50%;
	margin-left: -253px;
}

#topNav li {
	width: 230px;
	float: left;
	margin-right: 46px;
}

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

#topNav li a {
	color: #7d7d7d;
	text-decoration: none;
}

#topNav li p.navTtl {
	width: 230px;
	background: #fff;
	text-align: center;
	font-size: 200%;
	line-height: 50px;
}

#topNav li p.navTtl span {

	padding-left: 25px;
	background: url(../../img/common/list_icon02_bottom.png) no-repeat 0 50%;
}

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

#birthday {
	padding-bottom: 60px;
}

.scene_wrap .con h3 {
	text-align: center;
	margin-bottom: 40px;
}

.scene_wrap .boxPos {
	width: 100%;
	height: 450px;
	margin-bottom: 40px;
}

.scene_wrap .boxPos.birth {
	background: url(../../img/lodgment/scene/bg_birthday.png) no-repeat 50% 0;
}

.scene_wrap .boxPos > .wrapper {
	position: relative;
}

.scene_wrap .boxPos .innerBox {
	width: 380px;
    height: 450px;
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #dedede;
    box-sizing: border-box;
    padding: 30px;
}

.scene_wrap .boxPos .innerBox h3 {
	font-size: 210%;
	text-align: left;
	margin-bottom: 20px;
}

.scene_wrap .boxPos .innerBox .pointPos {
	position: absolute;
	bottom: -90px;
	right: -260px;
}

/* storyBox----- */

.storyBox h4 {
	font-size: 240%;
	margin-bottom: 30px;
}

.outer {
	background: url(../../img/lodgment/scene/line.png) no-repeat 0 111px;
}

.outer ul li {
	width: 222px;
	float: left;
	margin-right: 37px;
}

.outer ul li:last-child {
	margin-right: 0;
}

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

.storyBox h5 {
	text-align: center;
	font-size: 200%;
	margin-bottom: 10px;
}

/* wedding------ */

#wedding {
	background: #f5f5f5;
	width: 100%;
	padding: 60px 0;
}

.scene_wrap .boxPos.wed {
	background: url(../../img/lodgment/scene/bg_wed.png) no-repeat 50% 0;
}

.scene_wrap .boxPos.wed .innerBox {
    top: 0;
    left: 0;
}

.scene_wrap .boxPos.wed .innerBox .pointPos {
    bottom: -90px;
    left: -270px;
}

/* option------ */

#option {
	padding-top: 60px;
}

.optionDtl {
	padding-bottom: 60px;
}

.opList {
	padding-bottom: 45px;
}

.opList .inn {
	width: 310px;
	float: left;
	margin-right: 35px;
}

.opList .inn:last-child {
	margin-right: 0;
}

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

.opList .inn h4 {
	font-size: 200%;
	margin-bottom: 10px;
}

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

.opList .inn p.btn {
	width: 310px;
}

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

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

.opCaution {
	padding: 60px 0;
	background: #f5f5f5;
}

.opCaution h4 {
	font-size: 200%;
	margin-bottom: 20px;
}

.opCaution dl dt {
	font-size: 120%;
	font-weight: bold;
	color: #00abc0;
	margin-bottom: 10px;
}

.opCaution dl dd {
	font-size: 120%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #bebebe;
}

.opCaution dl dd:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

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

.scene_form_wrap #pageTtl {
    width: 100%;
    height: 480px;
    position: relative;
    background: url(../../img/lodgment/scene/pic_main_scene_form.jpg) no-repeat 50% 0;
    background-size: cover;
}

.scene_form_wrap #pageTtl h2 {
	width: 568px;
    height: 134px;
    position: absolute;
    top: 130px;
    left: 50%;
    margin-left: -284px;
}

.scene_form_wrap #pageTtl h3 {
	width: 568px;
    height: 90px;
    position: absolute;
    top: 264px;
    left: 50%;
    margin-left: -284px;
}

.scene_form_wrap #pageTtl p.lead {
	position: absolute;
    top: 354px;
    left: 50%;
	font-size: 160%;
	text-align: center;
	margin-left: -254px;
}

.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:last-child td {
	padding-top: 20px;
}

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

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

#agreementWrap h3 {
	text-align: center;
	margin-bottom: 40px;
}

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

#agreementWrap h5 {
	font-size: 180%;
	margin-bottom: 5px;
}

#agreementWrap ul li {
	font-size: 12px;
	text-indent: -1em !important;
	margin-left: 1em !important;
	line-height: 2;
}

.agreementTbl {
	margin-top: 45px;
}

.agreementTbl .left {
	width: 400px;
	float: left;
}

.agreementTbl .right {
	width: 560px;
	float: right;
}

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

.agreementTbl table caption {
	font-size: 120%;
	font-weight: bold;
	color: #00abc0;
	margin-bottom: 10px;
}

.agreementTbl table th {
	font-weight: bold;
	font-size: 12px;
	vertical-align: middle;
	background: #eaeaea;
	border-right: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
}

.agreementTbl table td {
	font-size: 12px;
	padding-left: 10px;
	vertical-align: middle;
	border-right: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
}

.agreementTbl table th.modeRl {
	width: 1em;
	padding: 11px 20px;
/*
	writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    text-orientation: upright;
*/
}

.agreementTbl table th.exStl {
	color: #fff;
	background: #00abc0;
}

.agreementTbl .right table th.modeRl {
	padding: 10px 28px;
}

.agreementTbl .right table td {
	text-align: center;
	padding-left: 0;
}

.agreementTbl .right table th.modelNom {
	color: #fff;
	background: #00abc0;
	padding: 20px 20px;
	text-align: center;
}

.agreementTbl .right table tr.exStl th {
	padding: 20px 20px;
	text-align: center;
}


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

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

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

.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: flex;
    width: 800px;
    margin: 60px auto 0;
    justify-content: space-between;
    flex-wrap: wrap;
}
#plan {
  padding-top: 60px;
}
#plan .bd_plan li {
  margin-bottom: 20px;
}

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

#mailbnrWrap {
  padding-top: 60px;
	padding-bottom: none;
}
#mailbnrWrap.noPadding {
	padding-top: 0;
	padding-bottom: 0;
}
#mailbnrWrap img {
	margin-bottom: 10px;
}

/* 220722 */
.amenity_box {
  margin: 20px 0;
  border: 1px solid #bebebe;
  padding: 25px;
}

.amenity_box strong {
  font-size: 200%;
  margin-bottom: 20px;
  line-height: 1.4;
  display: block;
}

.amenity_box ul {
  display: flex;
  flex-wrap: wrap;
}

.amenity_box ul li {
  position: relative;
  margin-right: 22px;
  margin-bottom: 12px;
  font-size: 135%;
}

.amenity_box ul li::before {
  content: "";
    width: 21px;
    min-height: 20px;
    position: relative;
    top: auto;
    left: auto;
    transform: translateX(0);
    display: inline-block;
    margin-bottom: -6px;
    margin-right: 8px;
}

.amenity_box ul li.dummy::before {
  background: url(../../img/lodgment/dummy.png) no-repeat center/contain;
}
.amenity_box ul li.li01::before {
  background: url(../../img/lodgment/ico01.png) no-repeat center/contain;
}
.amenity_box ul li.li02::before {
  background: url(../../img/lodgment/ico02.png) no-repeat center/contain;
}
.amenity_box ul li.li03::before {
  background: url(../../img/lodgment/ico03.png) no-repeat center/contain;
}
.amenity_box ul li.li04::before {
  background: url(../../img/lodgment/ico04.png) no-repeat center/contain;
}
.amenity_box ul li.li05::before {
  background: url(../../img/lodgment/ico05.png) no-repeat center/contain;
}
.amenity_box ul li.li06::before {
  background: url(../../img/lodgment/ico06.png) no-repeat center/contain;
}
.amenity_box ul li.li07::before {
  background: url(../../img/lodgment/ico07.png) no-repeat center/contain;
}
.amenity_box ul li.li08::before {
  background: url(../../img/lodgment/ico08.png) no-repeat center/contain;
}
.amenity_box ul li.li09::before {
  background: url(../../img/lodgment/ico09.png) no-repeat center/contain;
}
.amenity_box ul li.li10::before {
  background: url(../../img/lodgment/ico10.png) no-repeat center/contain;
}
.amenity_box ul li.li11::before {
  background: url(../../img/lodgment/ico11.png) no-repeat center/contain;
}
.amenity_box ul li.li12::before {
  background: url(../../img/lodgment/ico12.png) no-repeat center/contain;
}
.amenity_box ul li.li13::before {
  background: url(../../img/lodgment/ico13.png) no-repeat center/contain;
}
.amenity_box ul li.li14::before {
  background: url(../../img/lodgment/ico20.png) no-repeat center/contain;
}
.amenity_box ul li.li15::before {
  background: url(../../img/lodgment/ico14.png) no-repeat center/contain;
}
.amenity_box ul li.li16::before {
  background: url(../../img/lodgment/ico15.png) no-repeat center/contain;
}
.amenity_box ul li.li17::before {
  background: url(../../img/lodgment/ico16.png) no-repeat center/contain;
}
.amenity_box ul li.li18::before {
  background: url(../../img/lodgment/ico17.png) no-repeat center/contain;
}
.amenity_box ul li.li19::before {
  background: url(../../img/lodgment/ico18.png) no-repeat center/contain;
}
.amenity_box ul li.li20::before {
  background: url(../../img/lodgment/ico19.png) no-repeat center/contain;
}
.amenity_box ul li.li21::before {
  background: url(../../img/lodgment/ico21.png) no-repeat center/contain;
}
.amenity_box ul li.li22::before {
  background: url(../../img/lodgment/ico22.png) no-repeat center/contain;
}
.amenity_box ul li.li23::before {
  background: url(../../img/lodgment/ico23.png) no-repeat center/contain;
}
.amenity_box ul li.li24::before {
  background: url(../../img/lodgment/ico24.png) no-repeat center/contain;
}
.amenity_box ul li.li25::before {
  background: url(../../img/lodgment/ico25.png) no-repeat center/contain;
}
.amenity_box ul li.li26::before {
  background: url(../../img/lodgment/ico26.png) no-repeat center/contain;
}
.amenity_box ul li.li27::before {
  background: url(../../img/lodgment/ico27.png) no-repeat center/contain;
}
.amenity_box ul li.li28::before {
  background: url(../../img/lodgment/ico28.png) no-repeat center/contain;
}
.amenity_box ul li.li29::before {
  background: url(../../img/lodgment/ico29.png) no-repeat center/contain;
}
.amenity_box ul li.li30::before {
  background: url(../../img/lodgment/ico30.png) no-repeat center/contain;
}
.amenity_box ul li.li31::before {
  background: url(../../img/lodgment/ico31.png) no-repeat center/contain;
}
.amenity_box ul li.li32::before {
  background: url(../../img/lodgment/ico32.png) no-repeat center/contain;
}
.amenity_box ul li.li33::before {
  background: url(../../img/lodgment/ico33.png) no-repeat center/contain;
}
.amenity_box ul li.li34::before {
  background: url(../../img/lodgment/ico34.png) no-repeat center/contain;
}
.amenity_box ul li.li35::before {
  background: url(../../img/lodgment/ico35.png) no-repeat center/contain;
}
.amenity_box ul li.li36::before {
  background: url(../../img/lodgment/ico36.png) no-repeat center/contain;
}
.amenity_box ul li.li37::before {
  background: url(../../img/lodgment/ico37.png) no-repeat center/contain;
}

/* 220920 */
#grKdwr01 .btn {
  margin-bottom: 15px;
}

/* 240626 */
.present {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto 100px;
    align-items: center;
	border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
	flex-wrap: wrap;
}
.present_h4 {
	text-align: center;
    font-size: 20px;
    margin-bottom: 30px;
	font-weight: bold;

}
.present div h4 {
	font-size: 20px;
    margin-bottom: 20px;
}
.present div p {
	font-size: 14px;
}
.present div {
	width: 48%;
}
.present figure {
	width: 48%;
}
.present figure img {
	max-width: 100%;
    height: auto;
}