@charset "utf-8";

/* ホテルページ */
#koyo_2026.hotel-page h1 {
    height: 80px;
}
#koyo_2026.hotel-page h1 figure {
	max-width: 1200px;
	margin: 0 auto;
}
#koyo_2026.hotel-page h1 figure img {
    display: block;
    width: 246px;
    margin: 0 auto;
    padding: 5px 0 4px;
}
#koyo_2026.hotel-page h2 {
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 2px;
	text-shadow: 0 5px 22px #490C03;
}
#koyo_2026.hotel-page h2 em {
    font-size: 60px;
    font-style: normal;
    margin-left: 16px;
}
#koyo_2026 .wrapper_header {
	color:#fff;
	font-family: "Noto Serif JP", serif;
	font-size: 16px;
	line-height: 2;
	text-align: center;
  padding: 12px 0 38px;
	margin-top: 28px;
	background-image: url(../../koyo/img/2026/bg_hotel-header_pc.webp);
	background-size: 100%;
	background-repeat: no-repeat;
}
#koyo_2026.hotel-page .wrapper_header dl {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-family: "Noto Sans JP", sans-serif;
	letter-spacing: 1px;
}
#koyo_2026.hotel-page .wrapper_header dt {
    width: 65px;
    color: #D25B40;
    background-color: #FFF;
    margin: 0 6px;
    line-height: 1.75;
	font-size: 16px;
	font-weight: 400;
}
#koyo_2026.hotel-page .wrapper_header dd {
	font-size: 18px;
	font-weight: 400;
	margin: 0 6px;
	text-shadow: 0 4px 20px #490C03;
}
#koyo_2026.hotel-page .wrapper_decoration {
	max-width: 700px;
	margin: 0 auto;
	position: relative;
}
#koyo_2026.hotel-page .wrapper_decoration::before {
	content:"";
	display: block;
	width: 124px;
	height: 159px;
	background-image: url(../img/2026/decoration_leaves01.webp);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -84px;
	right: -34px;
}
#koyo_2026.hotel-page .wrapper_decoration::after {
	content:"";
	display: block;
	width: 116px;
	height: 110px;
	background-image: url(../img/2026/decoration_leaves02.webp);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 44px;
	left: -34px;
}


#koyo_2026.hotel-page .spot {
	padding-bottom: 100px;
}

#koyo_2026.hotel-page .wrapper_spot {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	max-width: 980px;
	margin: 80px auto 100px;
}
#koyo_2026.hotel-page .spot-detail .box_picture {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: right;
	align-items: flex-start;
	height: 410px;
}
#koyo_2026.hotel-page .right .spot-detail .box_picture {
	justify-content: left;
}
#koyo_2026.hotel-page .spot-name {
	width: 103px;
	font-size: 20px;
	font-family: "Noto Serif JP", serif;
	writing-mode: vertical-rl;
	display: flex;
	flex-direction: row;
	justify-content: left;
	align-items: center;
	position: absolute;
	top: 0;
}
#koyo_2026.hotel-page .right .spot-name {
	right: 0;
}
#koyo_2026.hotel-page .left .spot-name {
	left: 0;
}

#koyo_2026.hotel-page .spot-name div {
	color: #955F00;
	width: 100%;
	height: 98px;
	font-weight: 600;
	padding-top: 7px;
    box-sizing: border-box;
    letter-spacing: 1px;
	background-image: url(../img/2026/bg_illust_leaf.webp);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#koyo_2026.hotel-page .spot-name h3 {
    font-size: 44px;
    letter-spacing: 9px;
    font-weight: 400;
    margin-top: 19px;
	white-space: nowrap;
}
#koyo_2026.hotel-page .spot-name h3.adjustment_en {
	font-size: 38px;
	letter-spacing: 2px;
}
#koyo_2026.hotel-page .spot-name h3.adjustment_long {
	font-size: 42px;
	letter-spacing: 4px;
	font-weight: 400;
	margin-top: 12px;
}

#koyo_2026.hotel-page .spot-detail {
	width: 980px;
	font-size: 16px;
	letter-spacing: 1px;
}
#koyo_2026.hotel-page .right .spot-detail .box_picture {
	flex-direction: row-reverse;
}
#koyo_2026.hotel-page .spot-detail picture {
	max-width: 820px;
}
#koyo_2026.hotel-page .spot-detail .picture_copyright {
    font-size: 14px;
	position: absolute;
	bottom: 1%;
	right: 1%;
	color: #FFF;
	text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000, 1px -1px 1px #000;
}
#koyo_2026.hotel-page .right .spot-detail .picture_copyright {
	padding-right: 16.5%;
}
#koyo_2026.hotel-page .spot-detail .picture_text {
	max-width: 820px;
	font-family: "Noto Sans JP", sans-serif;
	margin-top: 22px;
    line-height: 1.6;
	font-weight: 400;
}
#koyo_2026.hotel-page .spot-detail dl {
	display: flex;
	flex-direction: row;
	justify-content: left;
	align-items: center;
	margin-top: 20px;
	font-family: "Noto Sans JP", sans-serif;
}
#koyo_2026.hotel-page .left .spot-detail .picture_text,
#koyo_2026.hotel-page .left .spot-detail dl {
	margin-left: 160px;
}
#koyo_2026.hotel-page .spot-detail dt {
	font-weight: 700;
	color:#FF9000;
	margin-right: 33px;
	white-space: nowrap;
}
#koyo_2026.hotel-page .spot-detail dd {
	font-weight: 400;
}
#koyo_2026.hotel-page .container_hotel {
	max-width: 980px;
	margin: 0 auto;
	padding: 30px 40px;
    box-sizing: border-box;
	background-color: #FEEACC;
}
#koyo_2026.hotel-page .container_hotel.add-szj {
	margin: 30px auto 0;
}
#koyo_2026.hotel-page .container_hotel h4 {
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
	font-size: 32px;
	margin-bottom: 25px;
}
#koyo_2026.hotel-page .hotel-detail {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}
#koyo_2026.hotel-page .hotel-detail .swiper,
#koyo_2026.hotel-page .hotel-detail .no-swiper {
	width: 355px;
	margin-left: 0;
    margin-right: 0;
}
#koyo_2026.hotel-page .hotel-detail figure {
	width: 100%;
	display: block;
}
#koyo_2026.hotel-page .swiper-pagination-bullet-active {
    background: #FFF;
}
#koyo_2026.hotel-page .hotel-detail .container_text {
	width: 516px;
}
#koyo_2026.hotel-page .hotel-detail .box_btn {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}
#koyo_2026.hotel-page .hotel-detail .box_btn a {
	display: block;
	box-sizing: border-box;
	text-decoration: none;
	width: 250px;
	border-radius: 4px;
	font-size: 16px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	text-align: center;
	padding: 13px;
	color: #FFF;
}
#koyo_2026.hotel-page .hotel-detail .box_btn a.btn_facility {
	background-color: #D25B40;
}
#koyo_2026.hotel-page .hotel-detail .box_btn a.btn_vacancy {
	background-color: #BD8A22;
}
#koyo_2026.hotel-page .hotel-detail .box_btn.add-adjust {
	margin-bottom: 15px;
}
#koyo_2026.hotel-page .hotel-detail .container_text p {
	font-size: 16px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
    margin-top: 17px;
	letter-spacing: 1px;
    line-height: 1.6;
}
#koyo_2026.hotel-page .hotel-detail a.btn_reserve {
    display: block;
    width: 100%;
    background-color: #FFF;
    color: #D25B40;
    border: solid 1px #D25B40;
    padding: 16px 18px;
    margin-top: 34px;
    box-sizing: border-box;
    font-family: "Noto Serif JP", serif;
    font-weight: 700;
    font-size: 20px;
    border-radius: 4px;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	justify-content: right;
	align-items: center;
}
#koyo_2026.hotel-page .hotel-detail a.btn_reserve span {
	width: 91.5%;
    letter-spacing: 1px;
    text-align: center;
}
#koyo_2026.hotel-page .hotel-detail a.btn_reserve::after {
	content:"";
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(../img/2026/icon_vector.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transform: rotate(-90deg);
}
#koyo_2026.hotel-page .hotel-detail a.btn_reserve span.adjustment_width {
    width: 95.5%;
}

@media screen and (max-width:1440px){
	#koyo_2026 .wrapper_header {
		background-size: 1440px 277px;
		background-position: center top;
	}
}
@media screen and (max-width:1024px){
	#koyo_2026.hotel-page .container_hotel {
		width: 95.7031%;
		padding: 2.95% 3.9%;
	}
	#koyo_2026.hotel-page .hotel-detail .container_text {
		width: 57.3%;
	}
	#koyo_2026.hotel-page .hotel-detail .box_btn a {
		width: 48.5%;
	}
	#koyo_2026.hotel-page .hotel-detail .swiper,
	#koyo_2026.hotel-page .hotel-detail .no-swiper {
		width: 39.5%;
	}
	#koyo_2026.hotel-page .hotel-list ul {
		padding: 34px 0 17px 3%;
		margin: 0 30px;
	}
	#koyo_2026.hotel-page .hotel-list li {
		width: 33%;
	}
}
@media screen and (max-width:980px){
	#koyo_2026.hotel-page .spot-detail .box_picture {
		height: auto;
	}
	#koyo_2026.hotel-page .left .spot-name {
		margin-right: 10px;
		margin-left: 20px;
	}
	#koyo_2026.hotel-page .left .spot-detail .picture_text,
	#koyo_2026.hotel-page .left .spot-detail dl {
		padding-right: 3.05%;
	}
	#koyo_2026.hotel-page .right .spot-name {
		margin-left: 10px;
		margin-right: 20px;
	}
	#koyo_2026.hotel-page .right .spot-detail .picture_text,
	#koyo_2026.hotel-page .right .spot-detail dl {
		padding-left: 3.05%;
	}
	#koyo_2026.hotel-page .spot-name {
		width: 10.5102%;
		font-size: 2.05vw;
	}
	#koyo_2026.hotel-page .left .spot-detail .picture_text,
	#koyo_2026.hotel-page .left .spot-detail dl {
		margin-left: 16.5%;
	}
	#koyo_2026.hotel-page .spot-name h3 {
		font-size: 4.5vw;
		margin-top: 5%;
	}
	#koyo_2026.hotel-page .spot-name h3.adjustment_en {
		font-size: 3.88vw;
	}
	#koyo_2026.hotel-page .spot-name h3.adjustment_long {
		font-size: 4.29vw;
		margin-top: 2.5%;
	}
	#koyo_2026.hotel-page .spot-name div {
		width: 100%;
		height: auto;
		white-space: nowrap;
		padding-top: 1.2%;
	}
	#koyo_2026.hotel-page .spot-detail picture {
		width: 83.7%;
	}
	#koyo_2026.hotel-page .spot-detail .picture_text,
	#koyo_2026.hotel-page .spot-detail dl {
		width: 79.5%;
	}
	#koyo_2026.hotel-page .for-rsp_br {
		display: inline;
	}
}

@media screen and (max-width:700px){
	#koyo_2026.hotel-page {
        padding-bottom: 0;
    }
    #koyo_2026.hotel-page h1 figure img {
        width: 38.5%;
    }
	#koyo_2026.hotel-page h1 {
		height: auto;
		padding-block: 1.8% 1%;
		background-size: auto 100%;
	}
	#koyo_2026.hotel-page h2 {
		font-size: 5.3334vw;
		text-align: center;
	}
	#koyo_2026.hotel-page h2 em {
		font-size: 10.9334vw;
		margin-left: 2.5%;
	}
	#koyo_2026.hotel-page .wrapper_header {
		background-image: url(../img/2026/bg_hotel-header_sp.webp);
		background-size: 100%;
		padding: 0;
		margin-top: 0;
	}
	#koyo_2026.hotel-page .wrapper_decoration::before,
	#koyo_2026.hotel-page .wrapper_decoration::after {
		content: none;
	}
	#koyo_2026.hotel-page .wrapper_header dl {
        padding-block: 0.6% 5.695%;
    }
	#koyo_2026.hotel-page .wrapper_header dt {
		text-align: center;
		width: 12.8%;
		font-size: 2.9334vw;
		margin: 0 3.6%;
		line-height: 1.7;
	}
	#koyo_2026.hotel-page .wrapper_header dd {
		font-size: 3.2vw;
		margin: 0;
		padding: 0 5.7% 0 0;
	}
	#koyo_2026.hotel-page .spot {
		padding-bottom: 13.4%;
	}
	#koyo_2026.hotel-page .wrapper_spot {
		position: relative;
        margin: 10.7% auto 14.3%;
	}
	#koyo_2026.hotel-page .spot-detail .box_picture {
		display: block;
	}
	#koyo_2026.hotel-page .spot-detail picture {
		width: 100%;
	}
	#koyo_2026.hotel-page .left .spot-detail .picture_text,
	#koyo_2026.hotel-page .left .spot-detail dl {
        margin-left: 0%;
    }
	#koyo_2026.hotel-page .spot-name {
		writing-mode: unset;
		top: auto;
		bottom: 4%;
		z-index: 1;
        width: 90.4%;
		font-size: 3.1vw;
	}
	#koyo_2026.hotel-page .spot-name.with-copyright {
		bottom: 7%;
	}
	#koyo_2026.hotel-page .right .spot-name {
		left: 4.7%;
	}
	#koyo_2026.hotel-page .left .spot-name {
		justify-content: right;
		right: 4.6%;
		left: auto;
	}
	#koyo_2026.hotel-page .spot-name div {
        width: 28%;
		height: auto;
		padding: 0;
		margin-right: 1.1%;
		background-image: none;
		color: #FFF;
		justify-content: left;
	}
	#koyo_2026.hotel-page .spot-name div::before {
		content: "";
		display: block;
        width: 37%;
        height: auto;
        padding: 18.5% 0;
		margin-right: 4.6%;
		background-image: url(../img/2026/bg_illust_leaf.webp);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
	#koyo_2026.hotel-page .spot-name h3 {
		font-size: 6.4vw;
		letter-spacing: 1px;
		margin-top: 0;
		color: #FFF;
		text-shadow: 0 4px 4px #666;
	}
	#koyo_2026.hotel-page .spot-name h3.adjustment_en {
        font-size: 5vw;
        line-height: 1.2;
    }
	#koyo_2026.hotel-page .spot-name h3.adjustment_long {
        font-size: 5.6vw;
        margin-top: 0;
		letter-spacing: 1px;
    }
	#koyo_2026.hotel-page .wrapper_spot.right .spot-name,
	#koyo_2026.hotel-page .wrapper_spot.left .spot-name {
        margin-left: 0;
        margin-right: 0;
    }
	#koyo_2026.hotel-page .spot-detail {
		width: 100%;
		font-size: 3.7vw;
	}
	#koyo_2026.hotel-page .spot-detail .picture_copyright {
		font-size: 2vw;
	}
	#koyo_2026.hotel-page .right .spot-detail .picture_copyright {
		padding-right: 0%;
	}
	#koyo_2026.hotel-page .spot-detail dl {
        width: 100%;
		display: block;
		margin-top: 4.8%;
		box-sizing: border-box;
	}
	#koyo_2026.hotel-page .spot-detail dt {
		margin: 0 0 0.5%;
	}
	#koyo_2026.hotel-page .spot-detail dd {
		margin-bottom: -1%;
	}
	#koyo_2026.hotel-page .spot-detail .picture_text {
        width: 100%;
        box-sizing: border-box;
		margin-top: 5.2%;
	}
	#koyo_2026.hotel-page .wrapper_spot.right .spot-detail .picture_text,
	#koyo_2026.hotel-page .wrapper_spot.left .spot-detail .picture_text,
	#koyo_2026.hotel-page .wrapper_spot.right .spot-detail dl,
	#koyo_2026.hotel-page .wrapper_spot.left .spot-detail dl {
        padding-left: 5.2%;
        padding-right: 5.2%;
    }
	#koyo_2026.hotel-page .wrapper_spot.right .spot-detail .box_picture {
		margin-right: 5.4%;
	}
	#koyo_2026.hotel-page .wrapper_spot.left .spot-detail .box_picture {
		margin-left: 5.4%;
	}
	#koyo_2026.hotel-page .container_hotel {
        width: 92%;
		padding: 5.6% 6.7% 5.2%;
	}
	#koyo_2026.hotel-page .container_hotel:nth-of-type(2) {
		margin: 7% auto 0;
	}
	#koyo_2026.hotel-page .hotel-detail {
		display: block;
	}
	#koyo_2026.hotel-page .container_hotel h4 {
		font-size: 5.425vw;
		margin-bottom: 4.4vw;
	}
	#koyo_2026.hotel-page .hotel-detail .swiper,
	#koyo_2026.hotel-page .hotel-detail .no-swiper {
        width: 100%;
        margin-bottom: 7%;
    }
	#koyo_2026.hotel-page .hotel-detail .container_text {
        width: 100%;
    }
	#koyo_2026.hotel-page .hotel-detail .box_btn a {
        width: 48.5%;
		font-size: 3.4vw;
		padding: 2.3%;
        line-height: 1.45;
	}
	#koyo_2026.hotel-page .hotel-detail .box_btn.add-adjust {
		margin-bottom: 2.7%;
	}
	#koyo_2026.hotel-page .hotel-detail .box_btn.add-adjust a {
		width: 100%;
	}
	#koyo_2026.hotel-page .hotel-detail .container_text p {
		font-size: 3.66vw;
		margin-top: 4.3%;
	}
	#koyo_2026.hotel-page .hotel-detail a.btn_reserve {
		margin-top: 6.2%;
		font-size: 4.2vw;
		padding: 4.3% 3.8%;
	}
	#koyo_2026.hotel-page .hotel-detail a.btn_reserve::after {
		width: 7.4%;
		height: auto;
		padding: 4.3% 0;
	}
	#koyo_2026.hotel-page .hotel-detail a.btn_reserve span {
		width: 85.5%;
	}
	#koyo_2026.hotel-page .swiper-pagination-bullet {
		width: 12px;
		height: 12px;
	}
	#koyo_2026.hotel-page .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
	#koyo_2026.hotel-page .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 2%;
	}
}


/* 他ページリンク */
#koyo_2026.hotel-page .hotel-list {
	background-color: #FAEEEB;
	padding: 80px 0;
}
#koyo_2026.hotel-page .hotel-list h5 {
	font-size: 28px;
	text-align: center;
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
	line-height: 1.6;
	margin-bottom: 40px;
}
#koyo_2026.hotel-page .hotel-list h5 span {
	font-size: 42px;
}
#koyo_2026.hotel-page .hotel-list ul {
	max-width: 1024px;
	margin: 0 auto;
	padding: 34px 20px 17px 64px;
	box-sizing: border-box;
	background-color: #FFF;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: left;
	align-items: flex-start;
}
#koyo_2026.hotel-page .hotel-list li {
	width: 232px;
	font-size: 17px;
	margin-bottom: 25px;
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
}
#koyo_2026.hotel-page .hotel-list li a {
	display: flex;
	flex-direction: row;
	justify-content: left;
	align-items: center;
}
#koyo_2026.hotel-page .hotel-list li a::before {
	content:"";
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(../img/2026/icon_vector.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-right: 10px;
	transform: rotate(-90deg);
}
.visitor #koyo_2026.hotel-page .hotel-list li.ymh,
.visitor #koyo_2026.hotel-page .hotel-list li.kmh,
.visitor #koyo_2026.hotel-page .hotel-list li.bmh,
.visitor #koyo_2026.hotel-page .hotel-list li.smh,
.visitor #koyo_2026.hotel-page .hotel-list li.cyh,
.visitor #koyo_2026.hotel-page .hotel-list li.tws {
	display: none;
}
.member #koyo_2026.hotel-page .hotel-list li.tws {
	display: none;
}
@media screen and (max-width:700px){
	#koyo_2026.hotel-page .hotel-list { padding: 10.2% 0 10.7%;}
	.visitor #koyo_2026.hotel-page .hotel-list { padding-bottom: 15.7%;}

	#koyo_2026.hotel-page .hotel-list h5 {
		font-size: 4.3vw;
		margin-bottom: 5.5%;
	}
	#koyo_2026.hotel-page .hotel-list h5 span {
		font-size: 7.5vw;
	}
	#koyo_2026.hotel-page .hotel-list ul {
        padding: 4.4% 0 1.9% 4.6%;
        margin: 0 4%;
    }
	#koyo_2026.hotel-page .hotel-list li {
		width: 48%;
		font-size: 3.9vw;
		margin-bottom: 3.1%;
	}
	#koyo_2026.hotel-page .hotel-list li a::before {
		width: 6.5%;
		height: auto;
		padding: 3.5% 0;
		margin-right: 3.2%;
	}
}
@media screen and (max-width:500px){
	#koyo_2026.hotel-page .hotel-list li {
		font-size: 3.6vw;
		line-height: 1.7;
	}
}
/* /他ページリンク */



/* visitor footer */
.visitor .page-top {
	margin: 20px 0 20px auto;
    bottom: 0;
}

/* パンくずreset */
#visitor_page-top { display: block!important;}

.visitor #visitor_page-top a,
.visitor #content .topic-path a {
    text-decoration: none;
    opacity: 1;
    transition: all .2s ease-in-out;
}
.visitor #visitor_page-top a:hover,
.visitor #content .topic-path a:hover {
    text-decoration: none;
    opacity: .65;
}
.SP-Separate { display: none;}
@media screen and (max-width:700px){
    .PC-Separate { display: none!important;}
    .SP-Separate { display: block;}

	.visitor #content { position: relative;}
	.visitor #content { padding-bottom: 35px;}
	.visitor #content .topic-path {
		width: 100%;
		display: block!important;
		position: absolute;
		bottom: 0;
		padding: 9px 20px;
		box-sizing: border-box;
        background-color: #f5f5f5;
	}
    .visitor #content .topic-path ol li {
        display: inline;
        font-size: 13px;
    }
    .visitor .location section.area { padding-bottom: 15%;}
    .visitor #footer-renew-202404 { border-top: none;}
}
/* /パンくずreset */

/* hotel-page */
#koyo_2026.hotel-page {
  /* Swiper Pagination Global Custom */
  .swiper-pagination-bullet {
    background: rgba(0, 19, 55, 0.2);
    opacity: 1;

    @media screen and (max-width: 700px) {
      width: 2.03%;
      height: auto;
      padding: 1.017% 0;
    }
  }

  .swiper-pagination-bullet-active {
    background: #D25B40;
  }

  @media screen and (max-width: 700px) {
    .swiper {
      margin-bottom: 5.2%;
    }
  }

  /* Hotel Info Base */
  .hotel-info {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #F1EBCD;
    padding-block: 30px 16px;

    @media screen and (max-width: 700px) {
      padding: 0;
      padding-block: 10% 6.5%;
    }

    .hotel-name {
      font-size: 26px;
      font-weight: 400;
			font-family: "Shippori Mincho", serif;
      line-height: 1.4;
      letter-spacing: 0.02em;
      padding-bottom: 12px;
      color: #C93A19;

      @media screen and (max-width: 700px) {
        font-size: 5.8667vw;
        padding-bottom: 5.7%;

        &.adjust-cyh {
          font-size: 5.3vw;
        }
      }
    }

    .flex-box {
      width: 91.837%;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;

      @media screen and (max-width: 700px) {
        width: 89.335%;
        display: block;
      }
    }

    .hotel-heading {
      width: 48.89%;

      @media screen and (max-width: 700px) {
        width: 100%;

        .btn_flex-box {
          padding-bottom: 7%;

          a {
            width: 31.944%;
          }
        }
      }

      .btn_flex-box a {
        width: 130px;
        margin-right: 2%;
        color: #FFF;
      }
    }

    .btn_flex-box {
      display: flex;
      align-items: flex-start;
      padding-bottom: 24px;

      a:nth-of-type(2) {
        color: #D25B40;

        .hotel-btn {
          background-color: #FFF;

          &::after {
            background-image: url(../img/2026/icon_vector03.svg);
          }
        }
      }

      &.add-sanshi-btn {
        margin-top: 20px;

        .hotel-btn {
          color: #D25B40;
          background-color: #FFF;
        }

        a {
          .hotel-btn::after {
            background-image: url(../img/2026/icon_vector03.svg);
          }

          &:nth-of-type(2) .hotel-btn span {
            width: 77%;
            line-height: 1.3;

            @media screen and (max-width: 700px) {
              width: 84%;
              letter-spacing: 0;
              line-height: 1.8;
            }
          }
        }
      }
    }

    .hotel-btn {
      width: 100%;
      aspect-ratio: 1 / 0.2312;
      box-sizing: border-box;
      border: #D25B40 solid 1px;
      background-color: #D25B40;
      display: flex;
      flex-direction: row;
      justify-content: right;
      align-items: center;

      @media screen and (max-width: 700px) {
        height: auto;
        padding: 6.69% 0;
      }

      span {
        width: 75%;
        font-size: 14px;
        text-align: center;
        letter-spacing: 0.05em;

        @media screen and (max-width: 700px) {
          width: 71%;
          font-size: 3.4667vw;
        }
      }

      &::after {
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        background-image: url(../img/2026/icon_vector02.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-right: 5%;

        @media screen and (max-width: 700px) {
          width: 14.11%;
          height: auto;
          aspect-ratio: 1;
        }
      }
    }

    .swiper {
      width: 100%;
      padding-bottom: 7.5%;
      margin: 0;

      @media screen and (max-width: 700px) {
        width: 100%;
        padding-bottom: 9%;
      }
    }

    .plan-btn {
      width: 100%;
      aspect-ratio: 1 / 0.322;
      box-sizing: border-box;
      border: #D25B40 solid 1px;
      background-color: #D25B40;
      display: flex;
      flex-direction: row;
      justify-content: right;
      align-items: center;

      @media screen and (max-width: 700px) {
        flex-direction: column;
        justify-content: center;
      }

      &.add {
        margin-top: 20px;

        @media screen and (max-width: 700px) {
          margin-top: 5%;
        }
      }

      span {
        width: 81%;
        font-size: 14px;
        letter-spacing: 0.04em;
        text-align: center;
        line-height: 1.2;

        @media screen and (min-width: 701px) and (max-width: 1000px) {
          padding: 0 3%;
        }

        @media screen and (max-width: 700px) {
          font-size: 3.4667vw;
        }
      }

      &::after {
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        background-image: url(../img/2026/icon_vector02.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-right: 6.5%;

        @media screen and (max-width: 700px) {
          width: 9.48%;
          height: auto;
          aspect-ratio: 1;
          margin-right: 0;
          margin-top: 3%;
        }
      }
    }

    .hotel-detail {
      width: 46.667%;
      display: block;
			font-family: "Noto Serif JP", serif;

      @media screen and (max-width: 700px) {
        width: 100%;
        padding-top: 3%;
      }

      .plan-name {
				font-family: "Noto Serif JP", serif;
        font-size: 19px;
        font-weight: 700;
        line-height: 1.6;
        letter-spacing: .02em;
        color: #333333;
        padding-bottom: 22px;

        @media screen and (max-width: 700px) {
          font-size: 4.08vw;
          padding-bottom: 3%;
        }
      }

      .plan-description {
        font-size: 15px;
        letter-spacing: 0.05em;
        color: #333;
        line-height: 1.8;
        padding-block: 0 25px;

        @media screen and (max-width: 700px) {
          font-size: 3.6267vw;
          padding-block: 0 5.6%;
        }
      }

      table {
        width: 100%;
        border: solid 1px #777777;

        tr {
          &:nth-of-type(n+2) {
            border-top: solid 1px #777777;
          }

          td {
            font-size: 14px;
            line-height: 1.8;
            color: #333;
            letter-spacing: .02em;

            @media screen and (max-width: 700px) {
              font-size: 3.2vw;
              line-height: 1.8;
              letter-spacing: 0;
            }

            &:first-of-type {
              width: 14.5%;
              text-align: center;
              border-right: solid 1px #777777;
            }

            &:last-of-type {
              padding-block: 6px;
              padding-inline: 3.8% 2%;

              @media screen and (max-width: 700px) {
                padding-block: 1.4%;
              }
            }
          }
        }
      }

      .plan-annotation {
        width: 100%;
        font-size: 12px;
        line-height: 1.6;
        color: #333;
        letter-spacing: .02em;
        padding-top: 18px;

        @media screen and (max-width: 700px) {
          font-size: 2.9334vw;
          padding-top: 3.4%;
        }
      }

      .btn_flex-box {
        padding-top: 32px;

        @media screen and (max-width: 700px) {
          padding-top: 5.9%;
          justify-content: center;
          gap: 2.397%;
        }

        a {
          display: block;
          width: 48.81%;
          color: #FFF;

          &:nth-of-type(even) {
            color: #D25B40;

            .plan-btn {
              background-color: #FFF;

              &::after {
                background-image: url(../img/2026/icon_vector03.svg);
              }
            }
          }
        }
      }
    }
  }

	.all-annotation {
		max-width: 980px;
		font-size: 14px;
		margin: 50px auto 0;

		@media screen and (max-width: 700px) {
			font-size: min(22px, 22 / 750 * 100vw);
			margin-top: min(100px, 100 / 750 * 100vw);
			padding: 0 min(40px, 40 / 750 * 100vw);
		}
	}

	/* Swiper Controls Outer Rules */
	.swiper-horizontal > .swiper-pagination-bullets,
	.swiper-pagination-bullets.swiper-pagination-horizontal,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: -1.0%;

		@media screen and (max-width: 700px) {
			bottom: -1%;
		}
	}

	.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 6px;

		@media screen and (max-width: 700px) {
			margin: 0 1.6%;
		}
	}
	/* /Swiper Controls Outer Rules */
}
/* /hotel-page */