@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&family=Klee+One:wght@400;600&display=swap');
/* =================== */
/*       pubulic       */
/* =================== */
html {
	font-size:clamp(10px, 1.04vw, 25px);
	overflow-x:hidden;
}
html.lb-disable-scrolling { overflow:hidden; }
body {
	position:relative;
	font-family:'Klee One', cursive;
	overflow-x:hidden;
	-webkit-text-size-adjust:100%;
	background-color: #315b4e;
	/* background:url(../img/bg.jpg) repeat; */
	background-size:100%;
	/* letter-spacing:.1em; */
	overflow:hidden;
}
body::before {
	content:"";
	width:100%;
	height:54rem;
	/* background:url(../img/page_top_bg.jpg) no-repeat center top; */
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
}
body.fixed { padding-top:6rem; }
main { position:relative; }
.en-font { font-family:'Fredericka the Great', serif; }
img {
  width:100%;
  height:auto;
  max-width:100%;
}
a { transition:0.5s ease all; }
.sp-on { display:none; }
.flex-box {
	display:-webkit-box;
	display:flex;
	-webkit-box-pack:justify;
	justify-content:space-between;
	align-items:center;
}
.flex-box2 {
	display:-webkit-box;
	display:flex;
	-webkit-box-pack:justify;
	justify-content:space-around;
	align-items:center;
}
.fadein {
	opacity:0;
	transform:translate(0, 15%);
	transition:1s;
}
.fadein.is-show {
	transform:translate(0, 0);
	opacity:1;
}
.center-fade {
	transform:scale(1.2);
	opacity:0;
	transition:.8s;
}
.center-fade.is-show {
	opacity:1;
	transform:scale(1);
}
.transscaleX { opacity:0; }
.transscaleX.is-show {
    animation:transscaleX .5s ease 0s forwards;
}
@keyframes transscaleX {
  0% {
    transform:scaleX(0);
    opacity:0;
  }
  100% {
    transform:scaleX(1);
    opacity:1;
  }
}
.blur {
	filter:blur(10px);
	transition:1.5s;
}
.blur.is-show {
	filter:blur(0);
	opacity:1;
}
.in-w85 {
	width:85rem;
	margin:0 auto;
	position:relative;
}
.in-w80 {
	width:80rem;
	margin:0 auto;
	position:relative;
}
.in-w75 {
	width:75rem;
	margin:0 auto;
	position:relative;
}
.in-w60 {
	width:60rem;
	margin:0 auto;
	position:relative;
}
.max-w-box {
	max-width:2500px;
	margin:0 auto;
	position:relative;
}
h2,h3,h4 { font-weight:100; }
.kv-box {
	width:88rem;
	height:45rem;
	margin:0 auto;
}
.kv-box video {
	width:100%;
	height:100%;
	object-fit:cover;
}
.kv-box img {
	width:100%;
	height:100%;
	object-fit:cover;
}
/* =================== */
/*       main-nav      */
/* =================== */
#header {
	position:relative;
	width:100%;
	height:9rem;
	/* background:url(../img/head_fixed_bg.jpg) repeat; */
}
#header .head-in {
	width:88rem;
	margin:0 auto;
	align-items:flex-end;
}
#header .site-logo {
	width:18.1rem;
	margin:0;
}
#header a:hover { opacity:.5; }
#header .nav-box { padding-bottom:1rem; }
#header #main-nav .nav {
	justify-content:flex-end;
	margin-top: 20px;
}
#header #main-nav li {
	text-align:center;
	margin-left:2rem;
}
#header #main-nav li:first-child { margin-left:0; }
#header #main-nav li .en-font {
	font-size:max(16px, 1.2rem);
	color: #FFF;
	display:block;
}
#header #main-nav li .jp {
	font-size:max(14px, .9rem);
	font-weight:600;
	display:block;
	margin-top:.3rem;
	color: #FFF;
}
#header .sub-nav {
	justify-content:flex-end;
	margin:1.7rem 0 1.3rem;
}
#header .sub-nav .sub2,
#header .sub-nav .sub3 { margin-left:1rem; }
#header .sub-nav a {
	font-size:max(16px, 1rem);
	color:#fff;
	padding:.3rem .8rem;
	/* display:block; */
	border-radius:100px;
}
@media screen and (max-width: 1120px) {
#header .sub-nav .sub1 {
	margin-bottom: 20px;
}
}
#header .sub-nav .sub1 a { background:#942343; }
#header .sub-nav .sub2 a { background:#942343; }
#header .sub-nav .sub3 a { background:#942343; }

#header.fixed {
	position:fixed;
	top:0;
	z-index:100;
	height:6.5rem;
	background:#05392d;
	animation-duration: 1s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
#header.fixed .site-logo { width:15.1rem; }
#header.fixed .sub-nav { margin:.5rem 0; }
#header.fixed .nav-box { padding-bottom:.5rem; }
/* =================== */
/*         footer      */
/* =================== */
#footer {
	position:relative;
	padding-bottom:2rem;
}
#footer .foot-in { min-width:900px; }
#footer .foot-in::before {
	content:"";
	width:100%;
	height:2.1rem;
	min-height:30px;
	background:url(../img/foot_line.png) no-repeat;
	background-size:contain;
	display:block;
}
#footer .foot-logo { width:18.8rem; margin-right:4rem; }
#footer .nav-box {
	padding-top:3.5rem;
	width:100%;
}
#footer .add-box {
	justify-content:center;
	margin:3rem 0 3.5rem;
}
#footer .add-box address {
	line-height:1.4;
	font-size:max(16px, .9rem);
	padding-top:1rem;
}
#footer .add-box address .name {
	margin-bottom:.5rem;
	font-size:max(16px, 1rem);
	font-weight:600;
}
#footer .copy {
	line-height:2;
	justify-content:center;
	font-size:max(11px, .75rem);
	align-items:center;
	color: #FFF;
}
#footer .copy .btn { margin-left:1rem; width:2.2rem; min-width:30px; }
#footer #pagetop {
  width:5.65rem;
  height:6.6rem;
  position:fixed;
  top:auto;
  bottom:0;
  right:.3rem;
  z-index:30;
}
#footer #pagetop a:hover { opacity:.5; }
#footer .nav-box .foot-nav { justify-content:center; }
#footer .nav-box li {
	margin:0 1rem;
	text-align:center;
}
#footer .nav-box li .en-font {
	font-size:max(16px, 1.2rem);
	color:#FFF;
	display:block;
}
#footer .nav-box li .jp {
	font-size:max(14px, .9rem);
	font-weight:600;
	display:block;
	margin-top:.3rem;
	color: #FFF;
}
#footer .sub-nav {
	justify-content:center;
	margin-top:2.5rem;
}
#footer .sub-nav li { margin:0 .5rem; }
#footer .sub-nav .sub1 a {
	font-size:max(16px, 1rem);
	color:#fff;
	padding:.3rem .8rem;
	display:block;
	border-radius:100px;
	background:#997572;
}
#footer .sub-nav .icon { width:1.9rem; }
#footer .nav-box a:hover { opacity:.5; }
/* =================== */
/*      body.index     */
/* =================== */
#search {
	position:relative;
	margin-bottom:16.5rem;
}
.search-wrap {
	position:relative;
	z-index:1;
	min-width:730px;
	width:50rem;
	margin:0 auto 0;
	background:#05392d;
	padding:2rem 0;
}
.search-wrap .search-ttl {
	position:absolute;
	top:-2rem;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:3.5rem;
}
.search-wrap .search-box {
	padding-left:3.5rem;
	letter-spacing:0;
}
.search-wrap .search-box .search-top {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.search-wrap .search-box .form-box {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 33rem;
  min-width:500px;
  margin: 0;
  font-size:max(14px, .7rem);
}
.search-wrap .search-box .line {
  display: flex;
  align-items: center;
}
.search-wrap .search-box .line.undecided {
  align-items: center;
  margin-top: 0 !important;
}
.search-wrap .search-box .line + .line {
  margin-top: 0.5em;
}
.search-wrap .search-box .line input {
  border: 0;
  display: block;
  text-align: center;
  color:#fff;
}
.search-wrap .search-box .line .checkbox { cursor:pointer; }
.search-wrap .search-box .line .checkbox input { display:none; }
.search-wrap .search-box .line .checkbox span {
	position:relative;
	width:1.25rem;
	height:1.25rem;
	display:block;
	background:#fff;
	border:1px solid #fff;
}
.search-wrap .search-box .line .checkbox input[type="checkbox"]:checked + span::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 1px;
  display: block;
  width: .7rem;
  height: .3rem;
  border-left: .3rem solid #000;
  border-bottom: .3rem solid #000;
  transform: rotate(-45deg);
}
.search-wrap .search-box .ttl {
  margin-right: 0.7em;
  font-size:max(14px, .8rem);
  color:#fff;
}
.search-wrap .search-box .check-in input {
  width: 6.25rem;
  height:1.25rem;
  min-width:80px;
  background:none;
  border-bottom:1px solid #fff;
  font-size:max(16px, .7rem);
  color:#fff;
}
.search-wrap .search-box .select-wrap {
  padding-left: 0.2em;
  width: 6.8rem;
  height: 1.25rem;
  min-width: 100px;
  min-height: 19px;
  position: relative;
  border-bottom:1px solid #fff;
}
.search-wrap .search-box .select-wrap select {
  width:100%;
  height:100%;
  color:#fff;
  font-size:max(14px, .7rem);
}
.search-wrap .search-box .select-wrap select option { background:#000; }
.search-wrap .search-box .select-wrap:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8.7px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-33%);
          transform: translateY(-33%);
  display: block;
  pointer-events: none;
}
.search-wrap .search-box .guests {
  margin-top: 0.5em;
}
.search-wrap .search-box .price .ttl {
  margin-right: .7em;
}
.search-wrap .search-box .price-in {
  text-align: center;
  display: flex;
}
.search-wrap .search-box .price-in span {
  display: block;
  padding:.3em .2em;
  color:#fff;
}
.search-wrap .search-box .search-btn {
  width:7.5rem;
  min-width:120px;
  margin: 0 auto 0;
  transition: 0.5s ease all;
}
.search-wrap .search-box .search-btn input {
  width: 100%;
}
.search-wrap .search-box .search-btn:hover { opacity:.5; }
#plan {
	padding:0 0 8rem;
	position:relative;
}
#plan::before {
	content:"";
	width:100%;
	height:37.5rem;
	min-height:450px;
	background:url(../img/plan_bg.jpg) no-repeat top center;
	background-size:cover;
	display:block;
	position:absolute;
	top:17.5rem;
}
#plan h4.ttl { text-align:center; margin-bottom:2rem; }
#plan h4.ttl .en-font {
	font-size:3.5rem;
	color:#942343;
	display:block;
}
#plan h4.ttl .jp {
	font-size:max(16px, 1rem);
	display:block;
	margin-top:.5rem;
}
#plan h4.ttl::before {
	content:"";
	width:10rem;
	height:2.4rem;
	background:url(../img/ttl_deco_r.png) no-repeat;
	background-size:contain;
	display:block;
	margin:0 auto 1rem;
}
#plan .plan-list {
	height:22.5rem;
	min-height:250px;
}
#plan .plan-list li {
	margin:0 1.25rem;
	position:relative;
	background:rgba(255,255,255,.9);
	padding:1rem;
}
#plan .plan-list li a { display:block; }
#plan .plan-list li a:hover { opacity:.5; }
#plan .plan-list li .pic {
	width:100%;
	aspect-ratio:1.53 / 1;
}
#plan .plan-list li .pic img {
	width:100%;
	height:100%;
	object-fit:cover;
}
#plan .plan-list li .txt-box { padding-top:.7rem; }
#plan .plan-list li .ttl {
	color:#997572;
	font-size:max(16px, 1rem);
	line-height:1.5;
	margin-bottom:.5rem;
	overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#plan .plan-list li .txt {
	font-size:max(16px, 1rem);
	line-height:1.5;
	overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#plan .plan-list .prev-arrow {
	width:1.15rem;
	height:1.6rem;
	position:absolute;
	top:-4.5rem;
	left:34rem;
	cursor:pointer;
}
#plan .plan-list .next-arrow {
	width:1.15rem;
	height:1.6rem;
	position:absolute;
	top:-4.5rem;
	right:34rem;
	cursor:pointer;
}
body.index #top-sec { margin:7.5rem auto 3rem; min-width:700px; }
body.index #top-sec .pic { width:28.75rem; }
body.index #top-sec .txt-box {
	/*width:26.25rem;
	margin-left:3rem;*/
	width:29.25rem;
	min-width:400px;
}
body.index #top-sec .txt-box .ttl .en-font {
	font-size:max(25px, 2.5rem);
	color:#942343;
	display:block;
	margin-bottom: 20px;
}
body.index #top-sec .txt-box .ttl .jp {
	font-size:max(20px, 2rem);
	line-height:1.25;
	display:block;
	margin:1rem 0 2rem;
	font-weight:600;
}
body.index #top-sec .txt-box .txt {
	font-size:max(16px, 1.1rem);
	line-height:1.8;
}

body.index #second-sec {
	background:url(../img/second_bg.jpg) no-repeat center;
	background-size:cover;
	padding:4.5rem 0 3.5rem;
	position:relative;
	text-align:center;
	color:#fff;
}
body.index #second-sec .illust {
	width:23.45rem;
	position:absolute;
	bottom:8.5rem;
	right:7rem;
}
body.index #second-sec .ttl { font-weight:600; }
body.index #second-sec .ttl .sml {
	font-size:max(17.5px, 1.75rem);
	display:block;
}
body.index #second-sec .ttl .big {
	font-size:max(22.5px, 2.25rem);
	display:block;
	margin-top:.5rem;
	letter-spacing:.1em;
}
body.index #second-sec .ttl::before {
	content:"";
	width:22rem;
	height:5.3rem;
	background:url(../img/ttl_deco_w.png) no-repeat;
	background-size:contain;
	display:block;
	margin:0 auto 1.5rem;
}
body.index #second-sec .txt {
	font-size:max(16px, 1.1rem);
	line-height:1.6;
	width:26rem;
	margin:2rem auto 1rem;
	text-align:left;
}
body.index #second-sec .en-font {
	font-size:7.5rem;
	opacity:.3;
}
body.index #pickup { margin:9rem auto 8rem; }
body.index .pickup-layout {
	position:relative;
	margin-top:4rem;
	align-items:flex-end;
}
body.index .pickup-layout .pic {
	width:65rem;
	/*margin-bottom:6rem;*/
	margin-bottom:6.4rem;
}
body.index .pickup-layout.pic-r .pic { order:2; }
body.index .pickup-layout.pic-r .txt-box {
	order:1;
	margin-right:-12rem;
}
body.index .pickup-layout.pic-l .txt-box { margin-left:-12rem; }
body.index .pickup-layout .en-font {
	font-size:6rem;
	color:#942343;
	position:absolute;
	top:9rem;
	/*z-index:1;*/
    z-index: 3;
}
body.index #pickup1.pickup-layout .en-font { font-size:8.5rem; top:7.5rem; }
body.index .pickup-layout.pic-l .en-font { right:5rem; }
body.index .pickup-layout.pic-r .en-font { left:5rem; }
body.index .pickup-layout .txt-box {
	width:28.35rem;
	height:20.65rem;
	background:url(../img/pickup_bg.png) no-repeat;
	background-size:contain;
	position:relative;
	z-index:2;
}
body.index .pickup-layout .txt-box .ttl {
	font-size:max(17.5px, 1.75rem);
	letter-spacing:.1em;
	text-align:center;
	padding-top:3rem;
	padding-right:1.5rem;
	font-weight:600;
}
body.index .pickup-layout .txt-box .txt {
	width:20rem;
	margin:3rem auto 0;
	padding-right:1.5rem;
	box-sizing:content-box;
	font-size:max(14px, 1rem);
	line-height:1.5;
}
body.index .pickup-layout .txt-box .view-btn {
	text-align:right;
	margin-top:-2rem;
	margin-right:2.8rem;
}
body.index .pickup-layout .txt-box .view-btn img { width:9.1rem; }
body.index .pickup-layout .txt-box .view-btn a:hover { opacity:.5; }
body.index #gallery-sec .ttl { text-align:center; }
body.index #gallery-sec .ttl .en-font {
	font-size:3.5rem;
	color:#942343;
	display:block;
}
body.index #gallery-sec .ttl .jp {
	font-size:max(16px, 1rem);
	display:block;
	margin-top:.5rem;
}
body.index #gallery-sec .ttl::before {
	content:"";
	width:10rem;
	height:2.4rem;
	background:url(../img/ttl_deco_r.png) no-repeat;
	background-size:contain;
	display:block;
	margin:0 auto 1rem;
}
body.index #gallery-sec .gallery-box { flex-wrap:wrap; margin-top:3rem; margin-bottom: 3rem;}
body.index #gallery-sec .gallery-box div { height:22.5rem; margin-bottom:.8rem; }
body.index #gallery-sec .gallery-box div.h20 { height:20rem; }
body.index #gallery-sec .gallery-box div img { width:auto; height:100%; }
.lightboxOverlay { background:url(../img/bg.jpg) repeat; background-size:100%; opacity:1; width:100% !important; }
.lightbox { background:url(../img/page_top_bg.jpg) no-repeat; background-size:cover; height:100vh; margin-top:-5rem; display:flex; align-items:center; overflow:hidden; }
.lb-data .lb-number { display:none !important; }
.lb-outerContainer { background:none; }
.lightbox .lb-image { border:0; border-radius:0; }
.lb-data .lb-close {
	width:auto;
	background:none;
	font-size:max(18px, 1.5rem);
	color:#942343;
	height:1em;
	position:fixed;
	top:3rem;
	right:5rem;
}
.lb-nav a.lb-prev {
	background:url(../img/prev.png) no-repeat;
	width:2.4rem;
	height:4.05rem;
	background-size:contain;
	left:-15rem;
	top:50%;
}
.lb-nav a.lb-next {
	background:url(../img/next.png) no-repeat;
	width:2.4rem;
	height:4.05rem;
	background-size:contain;
	right:-15rem;
	top:50%;
}
body.index #news-sec {
	background:url(../img/news_bg.png) no-repeat right;
	background-size:100%;
        margin: 0 0 6rem 0;
}
body.index #news-sec .news-in {
	width:50rem;
	padding:3rem 0 6.5rem;
	margin:9rem auto 4rem;
	align-items:flex-start;
        position: relative;
}
body.index #news-sec h4.ttl { position:relative; }
body.index #news-sec h4.ttl .en-font {
	font-size:3.5rem;
	color:#942343;
	display:block;
}
body.index #news-sec h4.ttl .jp {
	font-size:max(16px, 1rem);
	display:block;
	margin-top:.5rem;
}
body.index #news-sec h4.ttl::after {
	content:"";
	width:10.65rem;
	height:6.15rem;
	background:url(../img/news_deco.png) no-repeat;
	background-size:contain;
	display:block;
	position:absolute;
	right:-10.65rem;
	top:-5.5rem;
}
body.index #news-sec .news-list { width:35rem; }
body.index #news-sec .news-list li .txt {
	display:flex;
	justify-content:space-between;
	padding:.5rem 0 .8rem;
	font-size:max(16px, 1rem);
}
body.index #news-sec .news-list li::after {
	content:"";
	width:100%;
	height:.3rem;
	background:url(../img/news_line.png) no-repeat;
	background-size:100%;
	display:block;
}
body.index #news-sec .news-list li .txt time {
	width:8em;
	color:#942343;
}
body.index #news-sec .news-list li .txt .art-ttl {
	overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:1;
  width:calc(100% - 8em);
}
body.index #news-sec .news-list li .txt .art-ttl a:hover { text-decoration:underline; }

body.index #news-sec .php_copy {
    display: inline-block !important;
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translateX(-50%);
}
body.index #news-sec .php_copy a { margin: 0 !important; }
body.index .bnr-list-box li { width:calc((100% - 3rem) / 3); }
body.index .bnr-list-box li a:hover { opacity:.5; }
body.index #contactUs {
  width:100%;
  background:url(../img/access/sec2_bk.jpg) no-repeat center;
  background-size:cover;
  padding:6rem 0 7rem;
  margin:6rem 0;
}
body.index #contactUs h4.ttl { text-align:center; margin-bottom:2rem; }
body.index #contactUs h4.ttl .en-font {
	font-size:3.5rem;
	/*color:#942343;*/
    color: #fff;
	display:block;
}
body.index #contactUs h4.ttl .jp {
	font-size:max(16px, 1rem);
    color: #fff;
	display:block;
	margin-top:.5rem;
}
body.index #contactUs h4.ttl::before {
	content:"";
	width:10rem;
	height:2.4rem;
	background: url(../img/lower/dflt_h_deco_w.png) no-repeat;
	background-size:contain;
	display:block;
	margin:0 auto 1rem;
}
body.index #contactUs .form-box {
  width:50rem;
  min-width:600px;
  background:#fff;
  margin:4rem auto 0;
  padding:3rem 5rem;
  box-sizing:border-box;
  font-size:max(16px, 1rem);
}
body.index #contactUs form table { width:100%; }
body.index #contactUs form tr { position:relative; }
body.index #contactUs form tr::after {
  content:"";
  width:100%;
  height:.15rem;
  background:url(../img/access/line.png) no-repeat;
  background-size:contain;
  display:block;
  position:absolute;
  left:0;
  bottom:0;
}
body.index #contactUs form th {
  text-align:left;
  width:calc(100% - 27rem);
  line-height:2;
  padding:1rem 1rem 1rem 0;
  vertical-align:top;
  font-weight:600;
  color:#942343;
  position:relative;
}
body.index #contactUs form th:after {
  content:"";
  width:1px;
  height:1.5em;
  background:#c9b5b4;
  display:block;
  position:absolute;
  right:0;
  top:1.35rem;
}
body.index #contactUs form td {
  width:23rem;
  min-width:280px;
  padding:1rem 0;
}
body.index #contactUs form input,
body.index #contactUs form textarea {
  border:0;
  line-height:1.5;
  width:calc(100% - 2rem);
  padding:.35rem .5rem .5rem 1rem;
  box-sizing:border-box;
  font-size:max(16px, 1rem);
  color:#000;
  font-weight:100;
  font-family:'Klee One', cursive;
}
body.index #contactUs form textarea { height:100%; }
body.index #contactUs form tr:last-child td { height:7em; }
body.index #contactUs form input[type='submit'] {
  background:#05392d;
  color:#fff;
  font-size:max(18px, 1.25rem);
  line-height:3rem;
  text-align:center;
  width:16.5rem;
  border-radius:100px;
  display:block;
  margin:3rem auto 1rem;
  transition:0.5s ease all;
  cursor:pointer;
  border-radius:100px;
  font-family:'Klee One', cursive;
}
body.index #contactUs form input[type='submit']:hover { opacity:.7; }
body.index #contactUs ul {
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:flex-start;
  margin-top:2.5rem;
  min-width:850px;
}
#photos-bnr {
	width:61.1rem;
	margin:8rem auto 0;
}
#photos-bnr a:hover { opacity:.5; }
#plan-bnr {
	width:61.1rem;
	margin:5rem auto 0 auto;
}
#plan-bnr a:hover { opacity:.5; }
.anchor {
    display: block;
    margin: 0rem;
    padding: 0rem;
}
@media screen and (max-width: 1350px) {
	.search-wrap .search-box { padding-top:1.4rem; }
	#header #main-nav li { margin-left:1.5rem; }
	#header .site-logo { width:15.1rem; }
}
@media screen and (max-width: 1250px) {
	body.index .pickup-layout .txt-box { width:360px; height:260px; }
	body.index #pickup1.pickup-layout .en-font { top:0; right:8.5rem; }
	body.index .pickup-layout .en-font { top:0; }
	#header #main-nav li { margin-left:1rem; }
	.lb-nav a.lb-prev { left:1rem; }
	.lb-nav a.lb-next { right:1rem; }
	#footer .nav-box li { margin:0 .8rem; }
}
@media screen and (max-width: 1120px) {
	.search-wrap .search-box { padding-top:1rem; }
	body.fixed { padding-top:0; }
	#header { 
		height:auto;
		padding:10px 0 5px; position:fixed;
		background-color: #315b4e;
		/* background:url(../img/head_fixed_bg.jpg) no-repeat; */
		background-size:cover;
		z-index:100;
	}
	#header .head-in { width:93.3%; align-items:center; }
	#header .site-logo { width:12.95rem; }
	#header.fixed .site-logo { width:12.95rem; }
	#header #hamburger {
		display:block;
		width:3.5rem;
		height:3.5rem;
		cursor:pointer;
		z-index:10000;
		position:fixed;
		top:1rem;
		right:13px;
	}
	#header #hamburger .inner_line {
		display:block;
		margin:0 auto;
		width:3.5rem;
		height:.2rem;
		transition:1s;
		background:#FFF;
		position:absolute;
	}
	#header #hamburger .inner_line span { transition:all .4s; }
	#header #hamburger #line1 { top:1.2rem; }
	#header #hamburger #line2 { top:2rem; background:#9d7979; }
	#header #hamburger.open #line1 { transform:translateY(5px) rotate(45deg); }
	#header #hamburger.open #line2 { transform:translateY(-4px) rotate(-45deg); margin:0 auto; }
	#header.open {
		/* background:url(../img/nav_bg.jpg) no-repeat bottom right; */
		background-size:cover;
	}
	#header.open .head-in { display:block; }
	#header.open .site-logo { margin:25px auto 30px; }
	#header.open #main-nav { width:100%; }
	#header.open .nav-box { padding-bottom:65px; }
	#header.open #main-nav .nav { display:block; }
	#header.open #main-nav .nav li {
		width:100%;
		margin-left:0;
		margin-bottom:2rem;
		text-align:center;
	}
	#header #main-nav {
		height:auto;
		width:100%;
		min-width:inherit;
		min-height:inherit;
		display:none;
		z-index:10;
	}
	#header.open #main-nav { display:block; }
	#header #main-nav li .en-font { font-size:18px; }
	#header #main-nav li .jp { margin-top:5px; }
	#header .sub-nav.pc-on { display:none; }
	#header .sub-nav.sp-on { display:none; }
	#header.open .sub-nav.sp-on { display:block; text-align:center; margin-top:3rem; }
	#header.open .sub-nav.sp-on .sub1 a { background:#997572; width:auto; margin:0 auto; padding:5px 15px; display:inline-block; }
	#header.fixed { height:auto; animation:none; }
	.kv-box { height:auto; width:100%; position:initial; padding-top:55px; }
}
@media screen and (max-width: 960px) {
	.sp-on { display:initial; }
	.pc-on { display:none; }
	.in-w80 { width:86.6%; }
	.in-w85 { width:93.3%; }
	.in-w75 { width:86.6%; }
	.in-w60 { width:86.6%; }
	body { letter-spacing:.05em; }
	body::before {
		/* background: url(../img/page_top_bg.jpg) no-repeat left top; */
		background-size:960px 540px;
	}
	.fadein { transform:translate(0, 0); opacity:1; transition:none; }
	.center-fade img { transform:translate(0, 0); opacity:1; transition:none; }
	#search { width:100%; margin:60px auto 50px; }
	.search-wrap { width:86.6%;; min-width:inherit; max-width:600px; margin:0 auto 0; height:auto; padding:20px 0 40px; }
	.search-wrap .in-w60 { min-width:250px; }
	.search-wrap .form-wrap { display:block; }
	.search-wrap .search-box { height:auto; padding-left:0; margin:0 auto; padding-top:20px; }
	.search-wrap .search-box .form-box { display:block; min-width:inherit; width:200px; margin:0 auto; font-size:15px; }
	.search-wrap .search-box .search-top { display:block; }
	.search-wrap .search-box .line { margin-bottom:10px; align-items:flex-start; }
	.search-wrap .search-box .check-in input { width:110px; height:auto; line-height:25px; padding:0; font-size:14px; border-radius:0; }
	.search-wrap .search-box .ttl { width:6em; margin-right:0; line-height:25px; font-size:15px; }
	.search-wrap .search-box .select-wrap { padding-left:0; width:110px; height:auto; line-height:25px; }
	.search-wrap .search-box .line input[type="checkbox"] { width:25px; height:25px; margin:0; }
	.search-wrap .search-box .price-in { display:block; }
	.search-wrap .search-box .price-in span { padding:5px 0; transform:rotate(270deg); }
	.search-wrap .search-box .search-btn.sp-on { width:250px; height:50px; display:block; margin:30px auto 0; }
	.search-wrap .search-box .select-wrap select { font-size:14px; }
	#footer .foot-in { min-width:inherit; width:93.3%; }
	#footer .foot-in::before { background:url(../img/foot_line_sp.png) no-repeat; background-size:contain; width:100%; max-width:500px; height:2.1rem; margin:0 auto; }
  #footer #pagetop { width:65px; height:auto; right:0; }
  #footer .copy { margin:40px 0 15px; justify-content:center; }
  #footer .copy .btn { width:35px; margin-left:5px; }
  #footer .nav-box { padding-top:25px; }
  #footer .nav-box .foot-nav { flex-wrap:wrap; justify-content:flex-start; }
  #footer .nav-box .foot-nav li { width:50%; margin:0 0 25px; }
  #footer .nav-box li .en-font { font-size:18px; }
  #footer .nav-box li .jp { margin-top:5px; }
  #footer .nav-box .foot-nav li.menu1 { order:1; }
  #footer .nav-box .foot-nav li.menu5 { order:2; }
  #footer .nav-box .foot-nav li.menu2 { order:3; }
  #footer .nav-box .foot-nav li.menu6 { order:4; }
  #footer .nav-box .foot-nav li.menu3 { order:5; }
  #footer .nav-box .foot-nav li.menu4 { order:7; }
  #footer .nav-box .foot-nav li.menu7 { order:6; }
  #footer .sub-nav { width:150px; flex-wrap:wrap; margin:10px auto 0; }
  #footer .sub-nav li.sub1 { margin:0 0 20px; width:100%; }
  #footer .sub-nav .sub1 a { padding:5px 10px; }
  #footer .sub-nav .icon { width:30px; }
  #footer .add-box { margin:45px 0; display:block; text-align:center; }
  #footer .foot-logo { margin:0 auto; }
  #footer .add-box address { padding-top:20px; line-height:1.25; }
  #footer .add-box address .name { margin-bottom:10px; }
  #footer .add-box address .btm { margin-top:10px; display:block; }
  #plan { padding:0; background-size:960px 425px; min-height:50px; }
  #plan::before { width:100%; /*height:1500px;*/height:110%; background:url(../img/plan_bg_sp.jpg) no-repeat top center; background-size:cover; min-height:inherit; }
  #plan .plan-list { display:block; max-width:500px; width:66.6%; margin:0 auto; height:auto; min-height:inherit; }
  #plan .plan-list li .pic { height:auto; }
  #plan .plan-list li { width:100%; margin:0 0 15px; padding:15px; }
  #plan .plan-list li:nth-child(n+4) { display:none; }
  #plan .plan-list li .txt-box { margin-top:10px; padding:0; }
  #plan .plan-list li .ttl { margin:0 0 5px; line-height:1.25; }
  #plan .plan-list li .txt { margin:0; line-height:1.25; }
  #plan .plan-list li a { padding:0; }
  body.index #top-sec { display:block; margin:50px auto 0; max-width:600px; min-width:inherit; }
  body.index #top-sec .txt-box { width:100%; margin-left:0; min-width:inherit; }
  body.index #top-sec .txt-box .ttl .jp { margin:15px 0 20px; }
  body.index #top-sec .txt-box .txt { line-height:1.5625; }
  body.index #top-sec .pic { margin:10px auto 0; }
  body.index #second-sec { margin-top:-20px; padding:45px 0 25px; background:url(../img/second_bg_sp.jpg) no-repeat center bottom; background-size:cover; }
  body.index #second-sec .txt { width:86.6%; max-width:600px; margin:30px auto 10px; }
  body.index #second-sec .illust { position:initial; width:164px; margin-left:49.3%; }
  body.index #second-sec .ttl .big { margin-top:10px; }
  body.index #pickup { margin:50px auto; }
  body.index .pickup-layout { display:block; width:86.6%; max-width:600px; margin-top:20px; }
  body.index .pickup-layout .pic { width:100%; margin-bottom:0; }
  body.index .pickup-layout .en-font {
		position:relative;
		margin-top:-70px;
		top:inherit !important;
		left:inherit !important;
		right:inherit !important;
		text-align:right;
		padding-right:25px;
		line-height:.85;
	}
	body.index #pickup1.pickup-layout .en-font { margin-top:-45px; }
  body.index .pickup-layout .txt-box {
  	background:url(../img/pickup_bg_sp.png) no-repeat;
    background-size:contain;
    width:329px;
    height:271px;
    margin:-10px auto 0 !important;
  }
  body.index .pickup-layout .txt-box .ttl { font-size:20px; }
  body.index .pickup-layout .txt-box .txt { font-size:16px; line-height:1.25; width:250px; }
  body.index .pickup-layout .txt-box .view-btn { margin-top:0; margin-right:40px; }
  body.index .pickup-layout .txt-box .view-btn img { width:90px; }
  body.index #gallery-sec .gallery-box { width:86.6%; max-width:500px; align-items:inherit; }
  body.index #gallery-sec .gallery-box div { margin-bottom:10px; height:auto; }
  body.index #gallery-sec .gallery-box div.h20 { height:auto; }
  body.index #gallery-sec .gallery-box div img { width:100%; height:100%; object-fit:cover; }
  body.index #gallery-sec .gallery-box .pic1,
  body.index #gallery-sec .gallery-box .pic2,
  body.index #gallery-sec .gallery-box .pic4,
  body.index #gallery-sec .gallery-box .pic5,
  body.index #gallery-sec .gallery-box .pic6,
  body.index #gallery-sec .gallery-box .pic7,
  body.index #gallery-sec .gallery-box .pic9,
  body.index #gallery-sec .gallery-box .pic11 { width:calc((100% - 10px) / 2); }
  body.index #gallery-sec .gallery-box .pic3,
  body.index #gallery-sec .gallery-box .pic8,
  body.index #gallery-sec .gallery-box .pic10,
  body.index #gallery-sec .gallery-box .pic12 { width:100%; }
  body.index #gallery-sec .gallery-box .pic10 { order:11; }
  body.index #gallery-sec .gallery-box .pic11 { order:10; }
  body.index #gallery-sec .gallery-box .pic12 { order:12; }
  body.index #news-sec {
  	background:url(../img/news_bg_sp.png) no-repeat right;
    background-size:100%;
    width:86.6%;
    max-width:600px;
    margin:40px auto 60px;
  }
  body.index #news-sec .news-in { width:100%; margin:0; padding:25px 20px; display:block; }
  body.index #news-sec h4.ttl { text-align:center; }
  body.index #news-sec h4.ttl::after { right:-20px; top:-50px; }
  body.index #news-sec .news-list { width:100%; margin-top:20px; }
  body.index #news-sec .news-list li .txt { display:block; }
  body.index #news-sec .news-list li .txt .art-ttl { width:100%; margin-top:5px; -webkit-line-clamp:2; line-height:1.25; }
  body.index .bnr-list-box ul { width:190px; display:block; margin:0 auto; }
  body.index .bnr-list-box li { width:100%; margin:0 0 15px; }
  body.index #contactUs .form-box { width:86.6%; min-width:inherit; padding:20px 30px; max-width:600px; }
  body.index #contactUs form table,
  body.index #contactUs form table tbody,
  body.index #contactUs form table tbody tr,
  body.index #contactUs form table tbody th,
  body.index #contactUs form table tbody td { display:block; width:100%; }
  body.index #contactUs form table tbody th { border-bottom:0; padding-bottom:0; }
  body.index #contactUs form table tbody td { min-width:inherit; }
  body.index #contactUs form input, body.index #contactUs form textarea { width:100%; padding:0; }
  body.index #contactUs form input[type='submit'] { width:220px; line-height:40px; }
  body.index #contactUs form th:after { display:none; }
  #plan-bnr   { width:86.6%; max-width:500px; margin:50px auto 30px; }
  #photos-bnr { width:86.6%; max-width:500px; margin:50px auto 30px; }
}
.bg_img{
	background:url(../img/bg.jpg) repeat;
}
.tokuten{
	width: 900px;
	margin: 0 auto 120px auto;
	color: #FFF;
}
.tokuten h2{
	margin-bottom: 2em;
}
.tokuten ul li{
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 1.5;
}
.tokuten ul li::before{
	content: "・";
}
@media screen and (max-width: 790px) {
	.tokuten h2{
	font-size: 30px;
	}
	.tokuten{
	width: 100%;
	margin: 50px 0 0 0;
	padding: 0 20px;
}
.tokuten ul li{
	margin-bottom: 10px;
}
}