@media screen and (max-width:959px) {
	body {
 		font-size:1.3rem;
 		line-height: 1.7;
	}
}

#shisetsu-top {
	padding: 0;
}

#shisetsu-top #overview {
	background: #FFF;
	padding: 0 0 0 0;
}

#shisetsu-top #overview .top-main {
	width: 100%;
	max-height: none;
	min-height: 625px;
	height: 100vh;
	background: #000;
	overflow: hidden;
	position: relative;
}

#shisetsu-top #overview .top-main:after {
	content: normal;
}

#shisetsu-top #overview .top-main .preloader {
	margin: -16px 0 0 -16px;
	position: absolute;
	top: 50%;
	left: 50%;
}

#shisetsu-top #overview .image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.9;
	overflow: hidden;
}

#shisetsu-top #overview .image li {
	width: 100%;
	height: 625px;
	min-height: 100vh;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	opacity: 0;
}

#shisetsu-top #overview .top-main h3 {
	width: 307px;
	height: 27px;
	font-size: 1.0rem;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -98px 0 0 -153px;
	display: none;
	opacity: 0;
}

#shisetsu-top #overview .top-main h3 img {
	width: 100%;
	height: auto;
}

#shisetsu-top #overview .top-main h2 {
	max-width: none;
	max-height: none;
	font-size: 1.0rem;
	line-height: 1;
	text-align: left;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	display: none;
	opacity: 0;
	overflow: visible;
}

#shisetsu-top #overview .top-main h2 img {
	position: absolute;
	top: auto;
	left: auto;
	margin: 0;
}

#shisetsu-top #overview .top-main h2 img.icon {
	width: 118px;
	height: 118px;
	margin: -53px 0 0 -59px;
}

#shisetsu-top #overview .top-main h2 img.shisetsu {
	
}

#shisetsu-top #overview .top-main h2 img.text {
	width: 120px;
	height: 26px;
	margin: 73px 0 0 -60px;
}

#shisetsu-top #overview .top-main p {
	width: 100%;
	font-size: 2.0rem;
	line-height: 1;
	text-align: center;
	color: #FFF;
	position: absolute;
	bottom: 12%;
	left: 0;
	margin: 0 0 30px 0;
	display: none;
	opacity: 0;
}

#shisetsu-top #overview .top-main .arrow {
	width: 28px;
	height: 17px;
	font-size: 1.0rem;
	line-height: 1;
	position: absolute;
	bottom: 5%;
	left: 50%;
	margin: 0 0 0 -14px;
	display: none;
	opacity: 0;
}

#shisetsu-top #overview .top-main .arrow img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

#shisetsu-top #news {
	max-width: 1280px;
	padding: 30px 3.9%;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}

#shisetsu-top #news ul.list {
	min-height: 20px;
	font-size: 1.6rem;
	line-height: 20px;
	/* margin-right: 271px; */
	margin-right: 434px;
	position: relative;
}

#shisetsu-top #news ul.list li {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: none;
	opacity: 0;
}

#shisetsu-top #news ul.list li .date {
	margin-right: 30px;
}

#shisetsu-top #news ul.btn {
	font-size: 1.6rem;
	line-height: 20px;
	position: absolute;
	top: 30px;
	right: 3.9%;
}

#shisetsu-top #news ul.btn li {
	border-left: 1px solid #f0f0f0;
	padding-left: 16px;
	margin-left: 16px;
	display: inline-block;
}

#shisetsu-top #news ul.btn li:first-child {
	border-left: none;
	padding-left: 0;
	margin-left: 0;
}

#shisetsu-top #news ul.btn li:nth-child(3) {
	border-left: none;
	padding-left: 0;
	margin-left: 48px;
}

/* #shisetsu-top .kisetsu-list {
	padding-top: 30px;
} */

#shisetsu-top .kisetsu-list .inner {
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#shisetsu-top .kisetsu-list h4 {
	font-size: 1.0rem;
}

/*#shisetsu-top .kisetsu-list h4 img {
	width: 50%;
    height: fit-content;
    object-fit: contain;
}*/

#shisetsu-top .kisetsu-list .kisetsu-list-link {
	position: absolute;
	top: -5px;
	right: 3.9%;
}

#shisetsu-top .plan-list {
	padding-top: 80px;
}

#shisetsu-top .plan-list .inner {
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#shisetsu-top .plan-list h4 {
	font-size: 1.0rem;
}

#shisetsu-top .plan-list h4 img {
	width: 199px;
	height: 28px;
}

#shisetsu-top .plan-list .plan-list-menu {
	text-align: center;
	margin-top: 50px;
}

#shisetsu-top .plan-list .plan-list-menu li {
    width: 44.84%;
    min-height: 160px;
    background: #686868;
    text-align: left;
    vertical-align: top;
    display: inline-block;
    padding: 20px;
    margin: 0 1.25%;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    opacity: 1;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

#shisetsu-top .plan-list .plan-list-menu li:hover {
	background: #aeaeae;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}

#shisetsu-top .plan-list .plan-list-menu li .image {
    width: 100%;
    height: 75%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

#shisetsu-top .plan-list .plan-list-menu li .text {
    margin-top: 20px;
}

#shisetsu-top .plan-list .plan-list-menu li h5 {
    font-size: 1.8rem;
    line-height: 1.25;
    text-align: left;
    color: #fff;
}

#shisetsu-top .plan-list .plan-list-menu {
    padding-bottom: 100px;
}

#shisetsu-top .plan-list .plan-list-menu li {
    height: 550px;
}

#shisetsu-top .plan-list .plan-list-menu li .price {
    font-size: 18px;
    font-weight: bold;
    color: #ffeb01;
}


#shisetsu-top .plan-list .plan-list-menu li .caption {
	font-size: 1.2rem;
	line-height: 1.5;
	margin-top: 6px;
}

#shisetsu-top .plan-list .plan-list-menu li a {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#shisetsu-top .plan-list .plan-search-menu {
	background: #FFF;
	text-align: center;
	padding: 20px 0;
	margin: 32px 3.9% 0 3.9%;
}

#shisetsu-top .plan-list .plan-search-menu li {
	margin: 0 3.39%;
	display: inline-block;
}

#shisetsu-top .plan-list .plan-search-menu li.sp {
	display: none;
}

#shisetsu-top .plan-list .plan-list-link {
	position: absolute;
	top: -5px;
	right: 3.9%;
}

#shisetsu-top .reservation {
	text-align: center;
	margin: 74px 0;
	background: rgb(172, 152, 122, 0.4);
	color: #fff;
}
.tel a{
	color:#333;
}
#shisetsu-top .reservation h5 {
	font-size: 2.4rem;
}

#shisetsu-top .reservation .tel {
	font-weight: bold;
	margin-top: 18px;
}

#shisetsu-top .reservation .overseas {
	font-size: 1.8rem;
	margin-top: 14px;
}

#shisetsu-top .top-main-menu li:after {
	content: "";
	display: block;
}

#shisetsu-top .top-main-menu li .image {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1.0;
	padding: 0px 0;
}

#shisetsu-top .top-main-menu h2 {
	width: 100%;
	max-width: 1280px;
	height: 100%;
	max-height: 545px;
	text-align: center;
	top: 0;
	left: 0;
	right: 0;
	margin:0 auto;
	display: none;
	opacity: 0;
}

#shisetsu-top .top-main-menu h2.left {
	text-align: left;
}

#shisetsu-top .top-main-menu h2.right {
	text-align: right;
}

#shisetsu-top .top-main-menu h2 img {
	width: 100%;
	height: auto;
	position: static;
	top: auto;
	left: auto;
	margin: 0;
}

#shisetsu-top .top-main-menu li a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#shisetsu-top #banner {
	padding: 80px 0 20px 0;
	overflow: hidden;
}

#shisetsu-top #banner .group {
	width: 92.1875%;
	max-width: 1180px;
	margin: 0 auto;
}

#shisetsu-top #banner .group img {
	width: 100%;
	height: auto;
}

#shisetsu-top #access {
	background: #FFF;
	padding: 80px 0 55px 0;
	margin-top: 60px;
	overflow: hidden;
}

#shisetsu-top #access a.link-map {
	height: 32px;
	background: url('') no-repeat 0 50%;
	background-size: 32px;
	font-size: 1.8rem;
	line-height: 32px;
	padding-left: 42px;
	display: inline-block;
}

#shisetsu-top #access a.link-print {
	height: 32px;
	background: url('') no-repeat 0 50%;
	background-size: 32px;
	font-size: 1.8rem;
	line-height: 32px;
	padding-left: 42px;
	display: inline-block;
}

#shisetsu-top #access a.link-car {
	height: 32px;
	background: url('../../img/shisetsu/common/top/link_car_pc.html') no-repeat 0 50%;
	background-size: 32px;
	font-size: 1.8rem;
	line-height: 32px;
	padding-left: 42px;
	display: inline-block;
}

#shisetsu-top #access .inner {
	max-width: 1180px;
	margin: 0 auto;
}

#shisetsu-top #access .text {
	width: 34.237%;
	margin-left: 5.847%;
	float: left;
}

#shisetsu-top #access .text .address {
	font-size: 2.6rem;
	line-height: 1.38;
}

#shisetsu-top #access .text .link {
	margin-top: 25px;
}

#shisetsu-top #access .text .link li {
	font-size: 1.6rem;
	border-top: 1px solid #f0f0f0;
	padding: 20px 0;
}

#shisetsu-top #access .text .link li:last-child {
	border-bottom: 1px solid #f0f0f0;
}

#shisetsu-top #access .text .tel {
	font-size: 2.0rem;
	line-height: 1.5;
	margin-top: 25px;
}

#shisetsu-top #access .text .tel span.time {
	font-size: 1.6rem;
	margin-left: 10px;
}

#shisetsu-top #access .text .tel span.overseas {
	font-size: 1.4rem;
	margin-top: 2px;
	display: block;
}

#shisetsu-top #access .text .tel a.link-tel {
	height: auto;
	background: url('../../img/shisetsu/common/top/link_tel.html') no-repeat 0 50%;
	background-size: 32px;
	font-size: 2.4rem;
	line-height: 2.0;
	padding-left: 42px;
}

#shisetsu-top #access .map {
	width: 51.355%;
	height: 450px;
	margin-right: 5.847%;
	float: right;
	position: relative;
}

#shisetsu-top #access .gmap {
	width: 100%;
	height: 396px;
	overflow: hidden;
	position: relative;
}

#shisetsu-top #access .gmap iframe {
	border: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -448px 0 0 -553px;
	pointer-events: none;
}

#shisetsu-top #access .btn-map {
	text-align: center;
	font-size: 1.4rem;
	position: absolute;
	bottom: 0;
	right: 0;
}

#shisetsu-top #access .btn-map i {
	width: 66px;
	height: 66px;
	display: inline-block;
	margin-bottom: -3px;
}

#shisetsu-top #access .btn-map i img {
	width: 66px;
	height: 66px;
}

#shisetsu-top #blog {
	background: #FFF;
	padding: 30px 0;
	margin-top: 60px;
}

#shisetsu-top #blog .inner {
	max-width: 776px;
	margin: 0 auto;
}

#shisetsu-top #blog i {
	width: 56px;
	height: 56px;
	margin-bottom: 10px;
	float: left;
	display: block;
}

#shisetsu-top #blog i img {
	width: 100%;
	height: auto;
}

#shisetsu-top #blog .title {
	width: 600px;
	font-size: 2.0rem;
	line-height: 56px;
	margin-left: 12px;
	float: left;
}

#shisetsu-top #blog .date {
	width: 100px;
	font-size: 1.8rem;
	color: #808080;
	line-height: 56px;
	float: right;
}

#shisetsu-top #blog .body {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: clip;
	padding-right: 6em;
	clear: both;
	position: relative;
}

#shisetsu-top #blog .body .link-detail {
	width: 6em;
	background: #FFF;
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
}


/* ===========================================
SP
=============================================*/

/* @media screen and (min-width: 1024px){
	#shisetsu-top .kisetsu-list {
		padding-top: 80px;
	}
	} */

@media screen and (min-width:960px) {
	#shisetsu-top #overview .top-main p.sp {
		display: none!important;
	}
}

@media screen and (max-width:959px) {
	
	#shisetsu-top {
		padding: 0;
	}
	
	#shisetsu-top #overview {
		padding: 0;
		overflow: hidden;
	}
	
	#shisetsu-top #overview .top-main {
		height: 535px;
		/* width: 100%;
		height: auto;
		max-height: none; */
		min-height: 0;
	}
	
	#shisetsu-top #overview .top-main:after {
		/* content: "";
		display: block;
		padding-top: -webkit-calc(100% + 80px);
		padding-top: calc(100% + 80px); */
	}
	
	#shisetsu-top #overview .top-main .preloader img {
		width: 16px;
		height: 16px;
	}
	
	#shisetsu-top #overview .top-main h3 {
		width: 219px;
		height: 19px;
		margin: -70px 0 0 -109px;
	}
	
	#shisetsu-top #overview .top-main .image {
		height : -webkit-calc(100% - 80px);
		height : calc(100% - 80px);
		top: 80px;
	}
	
	#shisetsu-top #overview .top-main .image li {
		height: 455px;
		/* height: 100%; */
		min-height: 0;
	}
	
	#shisetsu-top #overview .top-main h2 img.icon {
		width: 80px;
		height: 80px;
		margin: -36px 0 0 -40px;
	}
	#shisetsu-top #overview .top-main h2 img.text {
		width: 80px;
		height: 17px;
		margin: 53px 0 0 -40px;
	}
	
	#shisetsu-top #overview .top-main p.pc {
		display: none!important;
	}
	
	#shisetsu-top #overview .top-main p {
		font-size: 1.4rem;
		bottom: 6.6%;
	}
	
	#shisetsu-top #overview .top-main .arrow {
		display: none!important;
	}
	
	#shisetsu-top #news {
		padding: 20px 3.466% 30px 3.466%;
	}
	
	#shisetsu-top #news ul.list {
		width: 100%;
		min-height: 65px;
		font-size: 1.4rem;
		line-height: 1.428;
		margin-right: 0;
		position: relative;
	}
	
	#shisetsu-top #news ul.list li {
		width: 100%;
		overflow: visible;
		white-space: normal;
		text-overflow: clip;
		position: relative;
	}
	
	#shisetsu-top #news ul.list li .date {
		margin-right: 22px;
		position: static;
		top: auto;
		right: auto;
		display: block;
	}
	
	#shisetsu-top #news ul.list li .title {
		margin-top: 5px;
		display: block;
	}
	
	#shisetsu-top #news ul.btn {
		font-size: 1.6rem;
		line-height: 32px;
		text-align: center;
		margin-top: 28px;
		position: static;
		top: auto;
		right: auto;
	}
	
	#shisetsu-top #news ul.btn li {
		width: 50%;
		padding: 0;
		margin: 0;
		box-sizing: border-box;
	}
	
	#shisetsu-top #news ul.btn li.pc {
		display: none;
	}
	
	#shisetsu-top .kisetsu-list .inner {
		max-width: none;
	}
	
	#shisetsu-top .kisetsu-list h4 img {
		width: 50%;
    /*height: fit-content;*/
    object-fit: contain;
	}
	
	#shisetsu-top .kisetsu-list .kisetsu-list-menu {
		margin-top: 40px;
	}
	
	#shisetsu-top .kisetsu-list .kisetsu-list-menu li {
		width: 93%;
		height: auto;
		display: block;
		margin: 0 3.5% 13px 3.5%;
		position: relative;
	}
	
	#shisetsu-top .kisetsu-list .kisetsu-list-menu li:after {
		padding-top: 31.51%;
	}
	
	#shisetsu-top .kisetsu-list .kisetsu-list-menu li.text {
		width: 92.28%;
		left: 3.86%;
	}
	
	#shisetsu-top .kisetsu-list .kisetsu-list-menu li p {
		font-size: 1.2rem;
		font-weight: bold;
	}
	
	#shisetsu-top .kisetsu-list .kisetsu-list-menu li h5 {
		font-size: 1.8rem;
		font-weight: bold;
	}
	
	#shisetsu-top .kisetsu-list .kisetsu-list-link {
		text-align: right;
		margin: 15px 3.5% 0 0;
		position: static;
		top: auto;
		right: auto;
	}
	
	#shisetsu-top .plan-list {
		padding-top: 10px;
	}
	
	#shisetsu-top .plan-list .inner {
		max-width: none;
	}
	
	#shisetsu-top .plan-list h4 img {
		width: 165px;
		height: 23px;
	}

	#shisetsu-top .plan-list .plan-list-menu {
		margin-top: 40px;
	}
  
    .new_fa {
    font-size: 12px;
    }
	
	#shisetsu-top .plan-list .plan-list-menu li h5 {
		font-size: 1.4rem;
		font-weight: 600;
	}
	
	#shisetsu-top .plan-list .plan-list-menu li .price {
		font-size: 1.2rem;
		margin-top: 4px;
	}
	
	#shisetsu-top .plan-list .plan-list-menu li .caption {
		font-size: 1.0rem;
		margin-top: 6px;
	}
	
	#shisetsu-top .plan-list .plan-list-link {
		text-align: right;
		margin: 15px 3.5% 0 0;
		position: static;
		top: auto;
		right: auto;
	}
	
	#shisetsu-top .plan-list .plan-search-menu {
		text-align: left;
		padding: 16px 4%;
		margin: 13px 3.466% 0 3.466%;
	}
	
	#shisetsu-top .plan-list .plan-search-menu li {
		margin: 4px 6.78% 4px 0;
		display: inline-block;
	}
	
	#shisetsu-top .plan-list .plan-search-menu li.pc {
		display: none;
	}
		
	#shisetsu-top .plan-list .plan-search-menu li .link-text-l {
		height: 32px;
		background-size: 32px;
		font-size: 1.4rem;
		line-height: 32px;
		/*padding-left: 41px;*/
		display: inline-block;
	}
		
	#shisetsu-top .plan-list .plan-search-menu li .link-plane {
		background-image: url('../../img/shisetsu/common/top/link_plane.html');
	}
	
	#shisetsu-top .plan-list .plan-search-menu li .link-train {
		background-image: url('../../img/shisetsu/common/top/link_train.html');
	}
	
	#shisetsu-top .reservation {
    margin: 0px 0;
    padding: 40px 30px;
    margin-bottom: -11px;
	}
	
	#shisetsu-top .reservation h5 {
		font-size: 1.6rem;
	}
	
	#shisetsu-top .reservation .tel {
		font-size: 2.4rem;
		margin-top: 6px;
	}
	
	#shisetsu-top .reservation .overseas {
		font-size: 1.2rem;
		margin-top: 6px;
	}
	
	#shisetsu-top .top-main-menu li:after {
		content: normal;
	}
	
	#shisetsu-top .top-main-menu h2 {
		max-width: 375px;
		max-height: 375px;
		text-align: center;
	}
	
	#shisetsu-top #banner {
		padding: 40px 0 0 0;
		overflow: hidden;
	}
	
	#shisetsu-top #banner .group {
		width: 93%;
		margin: 0 auto;
	}
	
	#shisetsu-top #access {
		margin-top: 40px;
		padding: 20px 0;
	}
	
	#shisetsu-top #access .text {
		width: auto;
		margin: 0;
		float: none;
	}
	
	#shisetsu-top #access .text .address {
		font-size: 2.0rem;
		line-height: 1.5;
		 margin: 0 3.466%;
	}
	
	#shisetsu-top #access .text .link {
		margin-top: 15px;
	}
	
	#shisetsu-top #access .text .link li {
		width: 33%;
		height: 120px;
		font-size: 1.3rem;
		border-top:  1px solid #f0f0f0;
		border-bottom:  1px solid #f0f0f0;
		border-right:  1px solid #f0f0f0;
		padding: 0;
		margin: 0;
		vertical-align: top;
		display: inline-block;
		box-sizing: border-box;
	}
	
	#shisetsu-top #access .text .link li:last-child {
		width: 34%;
		border-right:  none;
	}
	
	#shisetsu-top #access a.link-map {
		width: 100%;
		height: 100%;
		background: url('../../img/shisetsu/common/top/icon_map_sp.html') no-repeat 50% 25px;
		background-size: 42px 36px;
		font-size: 1.0rem;
		line-height: 1.6;
		text-align: center;
		padding: 80px 0 0 0;
		display: inline-block;
		box-sizing: border-box;
	}
	
	#shisetsu-top #access a.link-print {
		width: 100%;
		height: 100%;
		background: url('../../img/shisetsu/common/top/icon_print_sp.html') no-repeat 50% 25px;
		background-size: 42px 36px;
		font-size: 1.0rem;
		line-height: 1.6;
		text-align: center;
		padding: 80px 0 0 0;
		display: inline-block;
		box-sizing: border-box;
	}
	
	#shisetsu-top #access a.link-car {
		width: 100%;
		height: 100%;
		background: url('../../img/shisetsu/common/top/icon_car_sp.html') no-repeat 50% 25px;
		background-size: 42px 36px;
		font-size: 1.0rem;
			line-height: 1.6;
		text-align: center;
		padding: 70px 0 0 0;
		display: inline-block;
		box-sizing: border-box;
	}
	
	#shisetsu-top #access .text .tel {
		font-size: 1.3rem;
		line-height: 2.0;
		 margin: 18px 3.466% 0 3.466%;
	}
	
	#shisetsu-top #access .text .tel span.time {
		font-size: 1.3rem;
		margin-left: 5px;
	}
	
	#shisetsu-top #access .text .tel span.overseas {
		font-size: 1.3rem;
		margin-top: 0;
		display: block;
	}
	
	#shisetsu-top #access .text .tel a.link-tel {
		height: 32px;
		background: url('../../img/shisetsu/common/top/link_tel.html') no-repeat 0 50%;
		background-size: 32px;
		font-size: 1.8rem;
		line-height: 32px;
		padding-left: 42px;
		display: inline-block;
	}
	
	#shisetsu-top #blog {
		padding: 20px 0;
		margin-top: 40px;
	}
	
	#shisetsu-top #blog .inner {
		max-width: none;
		min-height: 70px;
		margin: 0 3.466%;
		position: relative;
	}
	
	#shisetsu-top #blog i {
		width: 70px;
		height: 70px;
		margin: 0;
		float: none;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#shisetsu-top #blog .text {
		margin-left: 87px;
	}
	
	#shisetsu-top #blog .title {
		width: 70%;
		font-size: 1.4rem;
		line-height: 20px;
		margin: 0 0 12px 0;
		float: left;
	}
	
	#shisetsu-top #blog .date {
		width: 30%;
		font-size: 1.2rem;
		line-height: 20px;
		text-align: right;
		float: right;
	}
	
	#shisetsu-top #blog .body {
		overflow: visible;
		white-space: normal;
		text-overflow: clip;
		padding: 0;
		clear: both;
		position: relative;
	}
	
	#shisetsu-top #blog .body .link-detail {
		width: 6em;
		background: #FFF;
		position: absolute;
		top: 0;
		right: 0;
		display: none;
	}
	
}



@media screen and (max-width: 768px){
  #shisetsu-top .plan-list .plan-list-menu li .image {
    height: 64%;
  }
  
}

@media screen and (max-width: 568px){
  
  #shisetsu-top .plan-list .plan-list-menu li {
    width: 80%;
    margin-bottom: 35px;
  }
}


#shisetsu-top .top-main-menu li .image{
	transition: all 0.5s ease-out;
	transform: matrix3d(
		1, 0, 0, 0,
		0, 1, 0, 0,
		0, 0, 1, 0,
		0, 0, 0, 1
	);
	will-change: transform;
	z-index: 2;
}
#shisetsu-top .top-main-menu li .image:hover{
	transform: matrix3d(
	1, 0, 0, 0,
	0, 1, 0, 0,
	0, 0, 1, 0,
	0, 0, 0, 0.9
);
}




/* add _index_202011.css */

.index_wrap{
	margin-bottom:0;
}
.coustion h2 {
width: 85%;
color: rgb(248, 98, 92);
text-align: center;
margin: 0 auto;
font-size: 20px;
font-weight: 900;
background: #fff;
border: 5px solid rgb(248, 98, 92);
border-radius: 20px;
margin-top: 40px;
}
.sp_head_wrap{
	display: flex;
	background: rgba(172, 152, 122, 0.5);
}
.sp_logo{
	width: 50%;
}
.sp_menu {
	width: 50%;
	margin-left: 20px;
}
.lang {
display: flex;
margin-top: 5%;
margin-bottom: -10%;
margin-left: 16%;
width:80%;
}
.lang label{
margin-left: -20px;
}
.span_bt {
/* margin-left: 90%; */
position: absolute;
left: 91%;
}
.ja-en{
width:20px;
}
#language {
	display: none;
}
#language + label::after {
	content: "English";
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 2px 4px;
	background: #eee;
	cursor: pointer;
}
	
#language:not(:checked) + label + .contents *[lang="en"], #language:checked + label + .contents *[lang="ja"] {
	display: none;
}
@media screen and (max-width: 1023px){
	.pc_header{
		display:none;
	}
}
@media screen and (max-width: 767px){
	.btn-menu, a.btn-menu {
	color: #fff;
	background: rgb(195,190,178);
	background: radial-gradient(circle, rgba(195,190,178,1) 0%, rgba(172,152,122,1) 61%, rgba(172,152,122,1) 100%);
	}
	a.btn-radius {
	border-radius: 10px;
	width: 150px;
	height: 30px;
	display: block;
	text-align: center;
	}
	}
.sp_header{
	display:none;
}
@media screen and (max-width: 1023px){
	.sp_header{
		display:block;
	}
}
@media screen and (max-width: 320px){
.sp_logo img {
	width: 170px;
}
a.btn-radius {
	width: 120px;
}
}
.kisetsu-list h4{
font-size:35px!important;
color:rgb(248, 98, 92);
text-align: center;
}
.plan-list h4{
font-size:35px!important;
color:rgb(248, 98, 92);
text-align: center;
}
@media screen and (min-width: 769px){
.coustion{
display: none;
}
a {
	font-size: 14px;
}
}
@media screen and (max-width: 568px){
.coustion h2 {
width: 85%;
color: rgb(248, 98, 92);
text-align: center;
margin: 0 auto;
font-size: 20px;
background: #fff;
border: 5px solid rgb(248, 98, 92);
border-radius: 20px;
line-height: 2;
margin-top: 50px;
}
.fadein {
	opacity : 0;
	transform : translate(0, 100px);
	transition : all 1s;
	}
	.fadein.active{
		opacity : 1;
		transform : translate(0, 0);
	}
}
@media screen and (max-width: 568px){
.menu_logo{
width:50%;
}
#footer .pr img {
width: 50%;
height: 75px;
object-fit: contain;
}
}
.top_time{
position: absolute;
}
#nav-content ul a{
color:#fff;
}
#shisetsu-top .plan-list .plan-list-menu li .caption {
font-size: 16px;
}
#shisetsu-top .plan-list .plan-list-menu li .price {
font-size: 16px;
}
@media screen and (max-width: 568px){
#tab-1.cont-box video {
margin-left: -0.7px;
}
#shisetsu-top .plan-list .plan-list-menu li .price {
font-size: 14px;
}
#shisetsu-top .plan-list .plan-list-menu li .caption {
font-size: 14px;
}
}
.zin{
z-index: 20;
}

				.top__{
					z-index: 9999;
				}
				
				@media screen and (max-width: 568px){
					.inner h4{
					font-size:20px!important;
				}
				.pc{
					display:none;
				}
				}
				}
			
				@media screen and (min-width: 1001px){
				.gold {
						background: rgb(248, 98, 92);
						color: #fff;
						width: 22.2%!important;
				}
				}
				.img-wo img {
						max-width: 1500px;
						display: block;
						margin: 0 auto;
						width: 18%;
						height: auto;
						/* height: fit-content; */
						object-fit: contain;
						margin-top: -20px;
				}
				
			@media screen and (max-width: 568px){
					.img-wo img {
							/* object-fit: contain!important; */
							width: 250px;
							height: 70px;
							object-fit: contain;
							margin-top: 30px!important;
							display: block;
					}
				}
			
				@media screen and (min-width: 600px) and (max-width: 1000px){
					.img-wo img {
						max-width: 1500px;
						display: block;
						margin: 0 auto;
						width: 20%;
						height: 100px;
						/* height: fit-content; */
						object-fit: contain;
						margin-top: 0px;
				}
				}
				.gold{
					background: rgb(248, 98, 92);
					color: #fff;
				}
				
			.kin-logo{
				width:5%!important;
			}
			.main-logo{
				width: 20%;
				height: fit-content;
				object-fit: contain;
			}
			@media screen and (max-width: 568px){
				.kin-logo {
						width: 15%!important;
						margin-top: 15px;
				}
				}
				@media screen and (max-width: 768px){
				.pc_on{
						display: none;
				}
				}
				.bana-wrap{
					display:none;
				}
			 
				}
			
			.flex_li{
				display:flex;
				margin:0 auto;
			}
			
			@media screen and (max-width: 800px){
				.flex_li{
				display:block;
			}
			}
		.reservation{
				display:none;
			}
			.wo3{
margin-top:40px;
}
			@media screen and (min-width: 1024px){
				.wo2{
					margin-top:20px;
				}
		.w100 {
				width: 80%;
				max-width: 80%;
				margin: 0 auto;
		}
		/*#recommend {
				background: rgba(172, 152, 122, 0.1);
				width: 80%;
				margin: 0 auto;
		}*/
			}
			.img-wo img:hover{
				opacity: 10;
			}
			#slider_wrap {
margin: 20px auto;
width: 100%;  /* 変更 */
height: 250px;
padding: 0px;

position: relative;

}
#slider_prev {
position: absolute;
top: 100px;
left: 0px;  /* 変更 */
cursor: pointer;
z-index: 20;
}
#slider_next {
position: absolute;
top: 100px;
right: 0px;  /* 変更 */
cursor: pointer;
z-index: 20;
}
#slider {
width: 100%;
height: 100%;
overflow: hidden;
}
#photo_list {
/*width: 640px;  幅は指定しない*/
height: 250px;
padding: 20px 10px;  /* 変更 */
list-style-type: none;
float: left;
}
#photo_list li {
float: left;
margin: 0 10px;  /* 変更 */
display: inline;
}

#photo_list img {
border: none;
}
#stop {
cursor: pointer;
color: #FFF;
width: 50px;
height: 2em;
text-align: center;
line-height: 2em;
margin-left: 40px;
}
#photo_list li {
float: left;
margin: 0 10px;
display: inline;
height: 100%;
}
#photo_list img {
border: none;
width: 260px;
height: 200px;
}
@media screen and (max-width: 568px){
.img-wo img {
margin-top: 50px;
}

}
.gold a{
color:#000;
}
.new_fa {
font-size: 14px;
background-color: red;
padding: 3px 10px;
color: #fff;
border-radius: 0px;
position: absolute;
left: 70%;
}
@media screen and (max-width: 568px){
.new_fa {
font-size: 10px;
background-color: red;
padding: 3px 10px;
color: #fff;
border-radius: 0px;
position: absolute;
left: 70%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.new_fa {
font-size: 10px;
background-color: red;
padding: 3px 10px;
color: #fff;
border-radius: 0px;
position: absolute;
left: 75%;
}
}

				.naka {
			margin-top: 40px!important;
			width: 180px!important;
	}
	.naka2{
			margin-top: 0px!important;
			width: 180px!important;
	}
	@media screen and (max-width: 568px){
		.naka2{
			margin-top: 0px!important;
	}
	}
	@media screen and (max-width: 768px){
	.nono{
		display: none;
}}
.pc-under{
	display:block!important;
}
@media screen and (max-width: 1023px){
	.pc-under{
	display:none!important;
}
}
@media screen and (max-width: 568px){
#shisetsu-top .top-main-menu li {
height: 230px;
max-height: none;
margin-top: 10px;
width: 100%;
}
.wo3{
margin-top: -60px;
margin-bottom: 30px
}
@media screen and (min-width: 1024px){
.er{
margin-top:20px!important;
}
}
.cf {
min-height: 1px;
position: absolute;
display: none;
}

#footer .shisetsu-reservation .inner {
border-top: none;
display: none;
}
#footer .footer-menu ul.main-menu {
text-align: center;
display: none;
}
@media screen and (max-width: 568px){
.coustion h2 {
border: 2px solid #008080!important;
width: 98%;
}
.cos-work {
margin: 0 auto;
border: 2px solid #008080!important;
border-top: none;
margin-top: -20px;
width: 98%;
}
.wo2{
margin-top: -100px;
margin-bottom: 30px;
}
}
#photo_list img {
border: none;
width: 260px;
height: 260px;
object-fit: cover;
}
.gold {
background: #fff;
}

}
.gold {
background: #fff;
color: #000;
}
.col_3{
width: 100%;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
}
.col_3 > li{
width: 31%;
padding: 1%;
}
@media screen and (max-width: 960px) {
.col_3 > li{
width: 50%;
}
}
@media screen and (max-width: 480px) {
.col_3 > li{
width: 100%;
}
}
.modal {
	position:fixed;
	display:none;
	z-index:9999;
	top:20%;
	left:50%;
	width:530px;
	margin:-120px 0 0 -220px;
	padding:32px 24px 36px;
	text-align:center;
	color:#FFFFFF;
	box-sizing:border-box;
	max-height:calc(100vh - 80px);
	max-height:calc(100dvh - 80px);
	overflow:hidden;
}
.modal--open {
	display:flex;
	flex-direction:column;
}
.modal a { cursor:pointer; color: #FFFFFF; font-size: 1em;}
.modal__inner {
	display:flex;
	flex-direction:column;
	width:100%;
	max-height:100%;
	height:100%;
}
.modal__message {
	padding:24px 0 20px;
}
.modal__message p {
	margin:0 0 16px;
	line-height:1.8;
}
.modal__actions {
	display:inline-flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	gap:12px;
}
.modal__divider {
	opacity:.6;
}
.modal__banners {
	flex:1 1 auto;
	min-height:0;
	overflow-y:auto;
	margin-top:16px;
	padding-top:16px;
	border-top:1px solid rgba(255,255,255,.25);
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	-webkit-overflow-scrolling:touch;
}
.modal__banners::-webkit-scrollbar {
	width:6px;
}
.modal__banners::-webkit-scrollbar-thumb {
	background:rgba(255,255,255,.35);
	border-radius:3px;
}
.modal__banners .modal_P {
	width:48%;
	margin:0 1% 16px;
	float:none;
	height:auto;
}
.modal_P img { width: 100%; height: auto; max-height: 35px; }
@media screen and (max-width: 568px){
  .modal {
    position:fixed;
    z-index:9999;
    top:4vh;
    left:0;
    width:100%;
    margin:0;
    padding:56px 16px 80px;
    text-align:center;
    color:#FFFFFF;
    box-sizing:border-box;
    max-height:calc(100vh - 40px);
    max-height:calc(100dvh - 40px);
    padding-bottom:calc(24px + env(safe-area-inset-bottom));
  }
  .modal--open {
    display:flex;
    flex-direction:column;
  }
  .modal__message {
    padding:32px 0 18px;
  }
  .modal__banners {
    margin-top:12px;
    padding-top:12px;
  }
  .modal__banners .modal_P {
    width:100%;
    margin:0 0 16px;
    height:auto;
  }
  .modal__banners .modal_P:last-child {
    margin-bottom:0;
  }
  .modal_P img {
    max-height:none;
  }
}
#preview {
	min-height: 202px;
}
@media screen and (max-width: 1023px) {
	#preview {
		min-height: 17.42522vw;
	}
}
@media screen and (max-width: 768px) {
	#preview {
		min-height: 72vw;
	}
}