@charset "utf-8";




/* ------------------------------------------------------------------------------------------------
* RESPONSIVE
* ------------------------------------------------------------------------------------------------ */

@media screen and (max-width:1399px) {}

/* END RESPONSIVE 979px */

@media screen and (max-width:859px) {
	.u-inner {
		padding: 30px 10px;
	}
	
	.l-section-subtitle {
		font-size: 1.8rem;
	}
	
	.u-container:before {
		z-index: 0;
	}

	.g-container {
		padding: 60px 0 0;
	}

	.l-content {}

	.l-headline {
		margin: 0 0 0px;
		background-image: none;
		position: relative;
		top: auto;
		left: auto;
	}

	.l-content-title {
		margin: 0 0 30px;
	}

	.l-headline {
		padding: 0;
		background-image: none;
	}

	.l-headline .u-inner {
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
		-webkit-transform: none;
		transform: none;
	}

	.l-headline:before,
	.l-headline:after {
		display: none;
	}

	.l-content-title .e-sub,
	.l-content-title .e-main {
		color: #000;
		text-shadow: none;
	}

	.l-content-title .e-sub:after {
		background: rgba(0, 0, 0, .75);
	}



	.l-headline-image {
		margin: 0 -15px 30px;
		position: relative;
	}

	.l-headline-image:before,
	.l-headline-image:after {
		font-size: 1rem;
		position: absolute;
		bottom: -1.5em;
	}


	.l-headline-title {
		font-size: 1.5rem;
		letter-spacing: 0;
		padding: 0;
		margin-bottom: 20px;
		letter-spacing: -0.05rem;
	}

	.l-route {
		padding: 0;
	}

	.l-route-title {
		margin: 0 0 30px;
	}

	.l-route-note {
		font-size: 1rem;
		text-align: left;
		display: inline-block;
		margin: 0 0 60px;
	}
	
	.l-note {
		line-height: 1.75;
		margin-top: 20px;

	}

	.location_spot {
		margin: -5px 0 0 0;
		padding-top: 0;
	}

	.location_spot .spot_list {
		padding: 0 0 60px;
		width: 100%;
		border-top: 1px solid rgba(0,0,0,.25);
		display: block;
	}

	.location_spot .spot_list li {
		width: 100%;
		padding: 10px 0;
		border-bottom: 1px solid rgba(0,0,0,.25);
		font-size: 1.25rem;
	}
	
	.location_spot .spot_list li dt br {
		display: inline-block;
	}
	
	.location_spot .spot_list .is-inner ul {
		margin-top: 0;
		padding-top: 10px;
		padding-bottom: 0;
		border-bottom: 0;
	}
	
	.location_spot .spot_list .is-inner ul li {
		font-size: 1.15rem;
		padding-top: 0;
		padding-bottom: 0;
		border-bottom: 0;
	}
	
	.location_spot .spot_list li:nth-child(2) dl,
	.location_spot .spot_list li:nth-child(1) dl {
		border: 0;
	}

	.l-container {
		width: 100%;
		display: block;
	}

	.colom_container {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 -10px 0 0;
		/* table-layout: fixed; */
		line-height: 1.4;
	}

	.is-4line .colom_item {
		width: 50%;
		padding: 0 10px 10px 0;
		line-height: 1.4;
		letter-spacing: 0.8px;

	}

	.is-5line .colom_item {
		width: 50%;
		padding-right: 10px;
	}

	.is-3line .colom_item {
		width: 50%;
	}

	.is-label {
		margin: 0;
	}


	.colom_item figure {
		display: inline-block;
	}
	
	.colom_item .l-note {
		font-size: 1.2rem;
		padding-top: 5px;
	}
	
	.colom_item .l-note b {
		font-size: 1.3rem;
	}
	
	
	.colom_item figure img + figcaption {
		transform: scale(.7);
		right: 5px;
		bottom: 5px;
	}


	.location_spot .spot_list li dl {
		border-bottom: none;
		padding: 0;
	}

	.l-section-location {
		padding: 10px 0 0 0;
/*
		max-height: 300px;
		overflow-y: scroll;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
*/
	}

	.slick-next:before,
	.slick-prev:before {
		display: block;
	}

	.tab_content {
		width: 100%;
	}

	.slick_tab {
		display: inline-block !important;
		width: 50% !important;
		font-size: 1.1rem;
		padding: 12px 0 17px;
		min-height: 30px;
		border-bottom: 1px solid #d2d2d2;
		transition: 0.3s;
	}

	.slick_tab_list li:last-child {
/*		padding: 15px 16px;
		width: 100% !important;		padding: 15px 16px;
		width: 100% !important;*/
		border-bottom: none;
	}

	.u-inner.l-location-list {
		padding: 30px 10px;
	}

	.slick-5-nav .slick-track {
		width: 100% !important;
	}



	.slick_tab:nth-child(3):before,
	.slick_tab:nth-child(5):before,
	.slick_tab:nth-child(7):before {
		content: none;
	}

	.l-banner-cp {
		margin: 20px auto;
		padding: 0 10px;
	}
	
	/* 22.05.23 */
	.l-areaguide-banner {
		padding: 0 0 1.5em;
	}


}



/* END RESPONSIVE 767px */

@media screen and (max-width:374px) {
	.is-4line .colom_item {
		/*width: 50%;*/
	}

	/* END RESPONSIVE 374px */
	@media screen and (orientation: landscape) {}

	/* END RESPONSIVE landscape */
	@media print {}

	/* END PRINT */