@charset "UTF-8";


/* archive-accommodations.php */
@media all {
	.accom-item:nth-child(odd) {background-color: var(--gray);}
	
	.accom-item a:hover {
		opacity: .7;
	}

	.accom-thumb {
		display: block;
		object-fit: cover;
	}

	.archive .accom-ttl {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		border-bottom: 1px dashed var(--border);
	}
	.accom-adrs,
	.accom-rail,
	.accom-age {position: relative;}
	.archive .accom-adrs::before,
	.archive .accom-rail::before,
	.archive .accom-age::before {
		position: absolute;
		content: '';
		display: block;
		background: center center / contain no-repeat url(../img/accommodations/icon-pin.svg);
	}
	.archive .accom-rail::before {
		background-image: url(../img/accommodations/icon-train.svg);
	}
	.archive .accom-age::before {
		background-image: url(../img/accommodations/icon-build.svg);
	}


	/* sp */
	@media only screen and (max-width: 767px) {
		.archive .accom-list {
			margin: 60rem 0;
		}

		.archive .accom-item {
			padding: 30rem 20rem;
			font-size: 12rem;
		}

		.archive .accom-item a {
			position: relative;
			display: block;
		}
		.archive .accom-thumb {
			float: left;
			display: block;
			margin-right: 20rem;
			width: 120rem;
			height: 80rem;
		}

		.archive .accom-ttl {
			display: block;
			margin-bottom: 10rem;
			width: 100%;
			font-size: 20rem;
			font-weight: bold;
		}
		.archive .accom-fl_pln::after {
			content: '';
			display: block;
			clear: both;
		}

		.archive .accom-mon_fee {margin-top: 10rem;font-size: 15rem;}
		.archive .accom-mon_fee strong {font-size: 18rem;}
		.archive .accom-fl_pln {padding-bottom: 10rem;font-size: 16rem;}
		.archive .accom-adrs {
			border-top: 1px dashed var(--border);
		}
		.archive .accom-adrs,
		.archive .accom-rail {
			margin-right: 20rem;
			padding: 10rem 10rem 10rem 26rem;
			border-bottom: 1px dashed var(--border);
		}
		.archive .accom-rail {
			display: flex;
			flex-direction: column;
		}
		.archive .accom-age {
			padding: 10rem 0 0 26rem;
			min-width: 5.5em;
		}
		.archive .accom-age span {
			display: inline-block;
			margin-right: 1em;
		}
		.archive .accom-adrs::before,
		.archive .accom-rail::before,
		.archive .accom-age::before {
			top: 8rem;
			left: 0;
			width: 16rem;
			height: 25rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {

		.accom-list {
			margin-top: 50rem;
		}

		.accom-item {
			padding: 30rem 0;
		}

		.accom-item a {
			position: relative;
			display: flex;
			justify-content: flex-start;
			margin: 0 auto;
			transition: opacity .3s;
			padding-left: 320rem;
			padding: 0 10rem;
			max-width: 1020rem;
		}

		.accom-thumb {
			flex-shrink: 0;
			display: block;
		}
		.archive .accom-info {
			margin-left: 30rem;
			width: 100%;
			font-size: 20rem;
		}

		.accom-ttl {
			padding-bottom: 10rem;
		}
		.archive .accom-mon_fee {margin-top: 10rem;}
		.archive .accom-mon_fee strong {font-size: 24rem;}
		.archive .accom-fl_pln {
			padding-bottom: 10rem;
			border-bottom: 1px dashed var(--border);
		}
		.archive .accom-ad_rai {
			display: flex;
			font-size: 14rem;
			line-height: 1.5;
		}
		.archive .accom-adrs,
		.archive .accom-rail {
			margin-right: 20rem;
			padding: 10rem 10rem 0 26rem;
			width: 40%;
			border-right: 1px dashed var(--border);
		}
		.accom-rail span + span::before {
			content: ' / ';
		}
		.archive .accom-age {
			padding: 10rem 0 0 26rem;
			width: calc(20% - 40rem);
			min-width: 5.5em;
		}
		.archive .accom-age span {display: block;}
		.archive .accom-adrs::before,
		.archive .accom-rail::before,
		.archive .accom-age::before {
			top: 8rem;
			left: 0;
			width: 16rem;
			height: 25rem;
		}

		/* pc */
		@media (min-width: 1025px) {
			.accom-thumb {
				width: 300rem;
				height: 233rem;
			}
			
		}
		/* tab */
		@media (max-width: 1024px) {
			.accom-thumb {
				width: 200rem;
				height: 155rem;
			}
			
		}
	}
}


/* single-accommodations.php */
@media all {
	.single .site-main {overflow: visible;}
	.single .accom-info-dl {
		display: flex;
		align-items: center;
		border-top: max(1rem, 1px) dotted var(--border);
	}
	.single .accom-info-dl:last-of-type {
		border-bottom: max(1rem, 1px) dotted var(--border);
	}
	.single .accom-info-dl:nth-child(even) {background-color: var(--gray);}
	.single .accom-info-dd {
		border-left: max(1rem, 1px) dotted var(--border);
		line-height: 1.57;
	}
	.related-header-ttl {background-color: var(--border);line-height: 1;}
	.related-list-wrapper {
		position: relative;
		border: max(1rem, 1px) solid var(--border);
	}
	.related-list-wrapper::before,
	.related-list-wrapper::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: calc(100% - 10rem);
		background: linear-gradient(to right, #fff, rgba(255,255,255,0));
	}
	.related-list-wrapper::after {
		transform: scale(-1, 1);
		left: auto;
		right: 0;
	}
	.related-list {display: flex;
		overflow: auto;}
	.related-item {border-right: max(1rem, 1px) dotted var(--border);}
	.related-item:last-child {border: none;}

	/* sp & tab */
	@media only screen and (max-width: 1024px) {
		.single .sticky_header {
			position: sticky;
			z-index: 10;
			background-color: rgba(255,255,255,.7);
		}
		.single .accom-title {
			display: flex;
			justify-content: center;
			font-weight: bold;
			line-height: 1.25;
		}
		.to-contact .button {background-color: #fff;}
		.single .accom-ttl {display: none;}
	}
	/* sp */
	@media only screen and (max-width: 767px) {
		.single article {padding: 0;}
		.single .sticky_header {
			top: 64rem;
			padding-bottom: 15rem;
		}
		.single .accom-title {
			padding: 10rem 20rem;
			font-size: 20rem;
		}
		.single .pc_left {margin-top: 20rem;}
		.single .pc_right {
			margin-top: 60rem;
			padding-bottom: 80rem;
		}
		.single .accom-info > *:not(.gmap) {padding: 10rem 20rem;}
		.single .gmap {
			padding: 10rem 0;
			height: 260rem;
		}

		.to-contact {
			text-align: center;
		}
		.to-contact .button {
			padding: .75em 1em;
			font-size: 11rem;
		}

		.related-aside {
			margin: 40rem 0 120rem;
			padding: 0 20rem;
		}
		.related-header-ttl {
			padding: 10rem 0 8rem;
			border-radius: 8rem 8rem 0 0;
			font-size: 15rem;
			font-weight: 500;
			text-align: center;
		}
		.related-list-wrapper::before,
		.related-list-wrapper::after {
			width: 10rem;
		}
		.related-list {
			padding: 20rem 10rem;
		}
		.related-item {
			flex-shrink: 0;
			padding: 0 10rem;
			width: 150rem;
			font-size: 13rem;
		}
		.re-mon_fee {
			margin: 12rem 0 6rem;
			font-size: 15rem;
		}
		.re-mon_fee strong {font-size: 18rem;}
		.re-rail {
			margin: 6rem 4rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.single article,
		.related-aside {
			padding: 0 10rem;
			width: auto;
			max-width: 1020rem;
		}
		.single .pc_left {
			width: 490rem;
		}
		.single .to-contact {
			margin-top: 50rem;
			text-align: center;
		}
		.single .button {
			padding: 17rem;
			width: 310rem;
		}

		.single .accom-info-dl.mon_fee {
			font-size: 20rem;
			font-weight: bold;
		}
		.single .accom-info-dt {width: 160rem;padding: 15rem 8rem;}
		.single .mon_fee .accom-info-dt {padding: 8rem;}
		.single .accom-info-dd {
			padding: 8rem 15rem;
			width: calc(100% - 160rem);
			font-size: 14rem;
		}
		.single .mon_fee .accom-info-dd {font-size: 20rem;}
		.single .fl_pln .accom-info-dd {font-size: 20rem;}
		.single .accom-ttl {font-size: 20rem;}
		.single .gmap {margin-top: 20rem;height: 200rem;}


		.related-aside {margin: 100rem auto 0;}
		.related-header-ttl {
			padding: 18rem 20rem 16rem;
			border-radius: 10rem 10rem 0 0;
			font-size: 16rem;
			font-weight: 500;
		}

		.related-list-wrapper {
			border-radius: 0 0 10rem 10rem;
		}
		.related-list-wrapper::before,
		.related-list-wrapper::after {
			width: 20rem;
		}
		.related-list {
			padding: 20rem;
		}
		.related-item {
			flex-shrink: 0;
			padding: 0 20rem;
			width: 240rem;
			font-size: 14rem;
		}
		.re-mon_fee {
			margin: 12rem 0 6rem;
			font-size: 16rem;
		}
		.re-mon_fee strong {font-size: 20rem;}
		.re-rail {
			margin: 6rem 4rem;
		}

		/* pc */
		@media (min-width: 1025px) {
			.single .site-main {overflow: visible;}
			.single article {
				display: flex;
				justify-content: space-between;
			}
			.single .pc_sticky {position: sticky;top: 84rem;}
			.single .pc_right {
				margin-left: 50rem;
				width: calc(100% - 490rem);
			}
		}

		/* tab */
		@media screen and (max-width: 1024px) {
			.single .accom-title {
				top: 84rem;
				padding: 10rem 0;
				font-size: 26rem;
			}
			.single .pc_left {
				margin: 20rem auto 50rem;
			}
			.single .gmap {height: 250rem;}
		}
	}
}

/* slider */
@media all {
	.slider-wrapper,
	.slider-thumb-wrapper {
		position: relative;
		overflow: hidden;
		background-color: var(--gray);
	}
	.slider,
	.slide {
		width: 100%;
	}
	.slider,
	.slider-thumb {margin: 0 auto;}
	.slide img,
	.thumb img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	.slider-thumb {position: relative;}
	.slider-thumb::after {
		content: '';
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		display: block;
		height: 100%;
		border: 2rem solid var(--border-dark);
	}
	.thumb img {object-fit: cover;}

	
	.arrow,
	.arrow-thumb {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		height: 100%;
		pointer-events: none;
	}
	.arrow .slick-next,
	.arrow .slick-prev,
	.arrow-thumb .slick-next,
	.arrow-thumb .slick-prev {
		position: static;
		border-radius: 50%;
		background: center center no-repeat var(--border) url(../img/common/icon-prevnext.svg);
		transform: none;
		pointer-events: all;
	}

	.arrow-thumb .slick-next,
	.arrow-thumb .slick-prev {
		background-color: transparent;
	}
	
	.arrow .slick-prev,
	.arrow-thumb .slick-prev {
		transform: scale(-1, 1);
	}

	.arrow .slick-next::before,
	.arrow .slick-prev::before,
	.arrow-thumb .slick-next::before,
	.arrow-thumb .slick-prev::before {content: none;}


	/* sp */
	@media only screen and (max-width: 767px) {
		.slider, .slide {aspect-ratio: 4 / 3;}
		.slider-wrapper {
			padding: 10rem 20rem;
		}
		.slider-thumb-wrapper {
			margin-top: 20rem;
			padding: 0 30rem;
		}
		.thumb {aspect-ratio: 1;}
		.slider-thumb::after {
			width: calc(20% + 1px);
			height: 100%;
			border-width: 4px;
		}
		.slick-next, .slick-prev {width: 30rem;height: 30rem;}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.slider-wrapper,
		.slider-thumb-wrapper {
			width: 490rem;
		}
		.slider-wrapper, .slider, .slide {height: 337rem;}
		.slider-thumb-wrapper {
			margin-top: 30rem;
			padding: 0 29rem;
			border-radius: 10rem;
		}
		.slider {
			width: 450rem;
		}
		.slider-thumb {
			width: 432rem;
		}
		.slider-thumb-wrapper, .slider-thumb, .thumb {height: 72rem;}
		.thumb,
		.slider-thumb::after {width: 72rem;}

		.arrow .slick-next,
		.arrow .slick-prev {
			width: 30rem;
			height: 30rem;
		}
		.arrow-thumb .slick-next,
		.arrow-thumb .slick-prev {
			width: 29rem;
			height: 100%;;
		}
	}
}


/* template-section */
@media all {
	/* sp */
	@media only screen and (max-width: 767px) {}

	/* pc & tab */
	@media print,
	(min-width: 768px) {}
}