/*  structure.css---*/

#menu_icon , .menu_icon , .icon_btn , .sp , .navToggle , .globalMenuSp , #sp_header {
	display:none;
}



/* index.html
-------------------------------------------------------------------------------------------------------*/
.sec01 li {
	float: left;
	margin: 0 0 20px;
}
.sec01 .tit {
	margin: 100px 0 40px;
	text-align: center;
}
.sec01 {
	margin: 100px 0;
}
.sec01 li:first-child {
	margin: 0 8px 20px 0;
}
.sec01 p:first-child {
	text-align: center;
}

.sec02 {
	overflow: hidden;
}
.sec02 .tit {
	margin: 0 0 40px;
	text-align: center;
}
.sec02 p:nth-child(2) {
	border-top:2px dotted #CCC;
	border-bottom:2px dotted #CCC;
	padding: 20px 0;
	margin: 10px 0 20px;
}
.sec02 .right {
	width: 520px;
	margin: 0 30px 0 0;
}

.sec03 {
	overflow: hidden;
}
.sec03 .tit {
	text-align: center;
	margin: 100px 0 40px;
}
.sec03 .left {
	width: 520px;
	margin: 100px 0 0;
}
.sec03 p:nth-child(2) {
	border-top:2px dotted #CCC;
	border-bottom:2px dotted #CCC;
	padding: 20px 0;
	margin: 10px 0 0;
}

.sec04 {
	overflow: hidden;
}
.sec04 .tit {
	margin: 100px 0 40px;
	text-align: center;
}
.sec04 li {
	float: left;
	margin: 0 3px 0 0;
}
.sec04 li:first-child {
	margin: 0 4px 4px 0;
}
.sec04 li:nth-child(2) {
	margin: 0 0 4px 0;
}
.sec04 li:last-child {
	margin: 0;
}
.sec04 .left {
	width: 425px;
}
.sec04 .right {
	width: 755px;
	background: #56C8ED;
	padding: 20px;
	color: #FFF;
	font-weight: bold;
}
.sec04 span {
	font-size: 1.1rem;
}
.sec04 ul {
	margin: 0 0 40px;
}

.sec05 {
	overflow: hidden;
}
.sec05 .tit {
	text-align: center;
	margin: 100px 0 40px;
}
.sec05 .right {
	width: 580px;
}
.sec05 li {
	float: left;
	width: 344px;
	margin: 0 20px 0 0;
}
.sec05 li:last-child {
	margin: 0;
}
.sec05 ul {
	margin: 357px auto 0;
	width: 1072px;
}
.sec05 ul p {
	border: 1px solid #E474BA;
}
.sec05 ul span {
	font-weight: bold;
	font-size: 1.1rem;
	color: #FFF;
	background: #E474BA;
	display: block;
	text-align: center;
	padding: 20px;
	margin: 0 0 -28px;
}
.sec05 ul p {
	padding: 20px;
	text-align: center;
}
.sec05 .txt {
	padding: 20px;
	border: 2px dotted #E474BA;
	margin: 40px 0 0;
}

.sec06 .tit {
	margin: 100px 0 0;
	text-align: center;
}
.sec06 .tit p {
	margin: 40px 0;
}
.sec06 .txt .tit {
	margin: 0 0 30px;
	text-align: left;
}
.sec06 .left {
	width: 580px;
	border-right:2px dotted #CCC;
	padding: 0 45px 0 0;
	
}
.sec06 .right {
	width: 580px;
}
.sec06 .txt {
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding: 40px 0;
	overflow: hidden;
}
.sec06 .tit02 {
	margin: 30px 0;
}
.sec06 .price {
	margin: 50px 0;
}
.sec06 .price li {
	float: left;
	text-align: center;
	padding: 30px;
	width: 33.3%;
	border: 1px solid #CCC;
}
.sec06 .price p:first-child {
	margin: 0 0 20px;
}
.sec06 .price p:last-child {
	margin: 20px 0 0;
}
.sec06 .txt03 span {
	font-weight: bold;
}
.sec06 .o {
	color:#E67804;	
}

.sec07 .tit {
	margin: 100px 0 40px;
	text-align: center;
}
.sec07 li {
	width: 350px;
	padding: 0 30px;
	float: left;
	text-align: center;
	border-right: 2px dotted #CCC;
}
.sec07 li:last-child {
	width: 500px;
	border: none;
}
.sec07 ul {
	margin: 40px 0 30px;
}
.sec07 li p {
	text-align: left;
	margin: 0 0 30px;
}

.sec07 .txt {
	margin: 0 0 100px;
}








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

body {
	font-size:1rem;
}

section {
	font-size:5vw;
}

img { width:100%; height:auto; }

#content_top { padding:16% 0 0; }

.cnt { width:90%; }

.sp , .navToggle , .globalMenuSp { display:block!important; }
.pc { display:none!important; }

.hero-text { width:27%; top:12%; left:36%; }

.container { overflow:hidden; width:100%; }


/* pul_menu
-------------------------------------------------------------------------------------------------------*/
header { display:none; }
.fix_head { display:none; }

#sp_header { display:block; position:fixed; width:100%; overflow:hidden; background:#b3af74; z-index:2000; }
#sp_header .left { width:50%; padding:4% 0 4% 4%; }

nav li:last-child {
	margin:0;
	background:#88332d;
	padding:0;
}

footer {
	width:100%;
	margin:15% 0 0;
	padding:15% 0 0;
	font-size:4vw;
	text-align:center;
}

footer .left {
	width:100%;
	margin:20% 0 0;
}

footer .scroll {
	top:10%;
	left:50%;
	transform:translate(-50%, -50%);
}

footer .left img {
	width:25%;
	float:none;
	margin:0 auto 5%;
}

footer .left p {
	float:none;
}

footer .right {
	float:none;
}

footer .right ul {
	margin:10% 10% 10% 0;
	text-align:left;
}

footer .right ul:nth-child(2) {
	margin:10% 0 0;
}

footer .right ul:last-child {
	margin:0 26%;
}

footer .copy {
	margin:10% 0 0;
}

nav li {
	writing-mode: horizontal-tb;
	-ms-writing-mode: lr-tb;
}

#scroll_cnt {
	margin-top:-15%;
	padding-top:15%;
}

/* index.html
-------------------------------------------------------------------------------------------------------*/
.top #main li img {
	display:none;
}

.top #main li:first-child {
	background:url(../slide/top/01.jpg) center center / cover no-repeat;
}
.top #main li:nth-child(2) {
	background:url(../slide/top/02.jpg) center center / cover no-repeat;
}
.top #main li:nth-child(3){
	background:url(../slide/top/03.jpg) center center / cover no-repeat;
}
.top #main li:nth-child(4) {
	background:url(../slide/top/04.jpg) center center / cover no-repeat;
}

#main .scroll {
	left:50%;
	transform:translate(-50%,0);
}

.top .slider li {
	height:calc(100vh - 12vh)!important;
}

.top .sec01 .cnt {
	background-size:90%;
	height:670px;
	margin:0 auto 10%;
}

.top h1 {
	top:15%;
	left:13vw;
}

.top .sec01 span {
	margin:0 5% 0 -3%;
	height:440px;
}

.top .sec01 span.tit {
	line-height:120%;
	text-align:right;
	height:350px;
	font-size:13vw;
}

.top h1 br {
	display:none;
}

.top .sec01 span.tit br {
	display:block;
}

.wave_top , .wave_bottom {
	height:50px;
}

.top .sec02 h2 {
	padding:45% 0 0;
}

.top .sec02 {
	margin:0 0 20%;
	padding:0 0 13%;
	height:auto;
}

.top .sec02 h2 span {
	font-size:10vw;
}

.top .sec02 h2 span.h_tx {
	font-size:15vw;
	padding:5%;
}

.top .sec03 h2 span {
	font-size:12vw;
	margin:0 0 25px;
}

.top .sec03 .h_tx {
	font-size:18vw;
}

.top .sec03 h2 {
	margin:0 44%;
}

.top .sec03 .cnt {
	background-size:100%;
	height:550px;
}

.top .sec03 .box01 {
	width:65%;
}

.top .sec03 .box02 {
	width:90%;
	margin:5% auto 0;
}

.top .sec03 {
	margin:0 0 15%;
}

.top .sec04 .cnt {
	height:525px;
}

.top .sec05 .box01 {
	width:60%;
}

.top .sec05 .cnt {
	height:430px;
}

.top .sec05 {
	margin:0 0 5%;
}

.top .sec06 {
	height:705px;
}

.top .sec07 {
	margin:10% 0 0;
}

.top .sec07 li:first-child {
	width:100%;
	margin:0 0 5%;
}

.top .sec07 li {
	margin:0 0 5%;
	width:100%;
}

.top .sec07 li:last-child {
	margin:0;
}

.top .sec07 p {
	text-align:center;
	font-size:8vw;
}

.top .sec07 li:first-child p {
	left:28%;
	transform:translate(-13%,-50%);
}

.top .sec07 li:last-child p {
	left:0%;
	transform:translate(12%,-50%);
}

.top .sec03 .box01 br {
	display:none;
}

.top .news_box li {
	width:48%;
	margin:0 4% 4% 0;
}

.top .news_box li:nth-child(2) {
	margin:0 0 4%;
}

.top .news_box li:last-child {
	margin:0 0 4%;
}

/* onsen.html
-------------------------------------------------------------------------------------------------------*/
.sub #main img {
	display:none;
}

.sub #main {
	background:url(../images/onsen/main-img.jpg) center center / cover no-repeat;
	height:calc(100vh - 12vh)!important;
}

.sub #main span.tit {
	font-size:20vw;
}

.sub #main h1 {
	width:70%;
}

.sub #main h1 br {
	display:none;
}

.sub #main span.tit {
	margin:0 auto 5%;
}

.onsen .sec01 .box01 {
	margin:15% 0 0;
	background-size:100%;
	height:380px;
}

.slide-box {
	margin:10% 0 0;
}

.slide-box .slide .item img {
	margin:0;
}

.slide-box .slide .item::before {
	padding:0;
}

.slide-navigation .item .image img {
	margin:0;
}

.slide-navigation .item .image::before {
	padding:0;
}

.onsen .slick-track {
	margin:0!important;
}

/*.sub .slick-slide {
	padding:39% 0 0;
}

.sub .slide-navigation .item .image {
	padding:64% 0 0;
	margin:-116% 0 0;
}

.sub .slide-navigation {
	margin:-10% 0 0;
}

.sub .slide-navigation .slick-list.draggable {
	height:80px;
}*/

.onsen .sec01 p br {
	display:none;
}

.onsen .sec01 .box02 .left br, .onsen .sec01 .box02 .right br {
	display:block;
}

.onsen .sec01 .box02 .left, .onsen .sec01 .box02 .right {
	width:100%;
}

.onsen .sec01 p span {
	margin:0;
}

.onsen .sec01 p {
	margin:10% 0 0;
	text-align:left;
}

.sub #main h1 br {
	display:none;
}


/* cuisine.html
-------------------------------------------------------------------------------------------------------*/
.cuisine #main {
	background:url(../images/cuisine/main-img.jpg) center center / cover no-repeat;
	height:calc(100vh - 12vh)!important;
}

.cuisine .sec02 .box01 {
	margin:15% 0 0;
	background-size:100%;
}

.cuisine .sec02 .box02 {
	text-align:left;
}

.cuisine .sec01 {
	margin:-15% 0 0!important;
}

.cuisine .slide-box {
	margin:15% 0 0;
}

.cuisine .sec02 .box01 {
	height:550px;
}

.cuisine .sec02 img {
	margin:10% 0 5%;
}

.cuisine .sec02 p br {
	display:none;
}

.cuisine .sec03 .left {
	width:100%;
}

.cuisine .sec03 {
	height:auto;
	padding:30% 0 15%;
}

.cuisine .sec03 .right {
	width:100%;
}

.cuisine .sec03 span:first-child {
	width:50%;
}

.cuisine .sec04 .box01 {
	height:410px;
}

.cuisine .sec05 .cnt {
	margin:10% auto 0;
}

.cuisine .sec05 li {
	width:100%;
	margin:0 0 10%;
	height:auto;
}

.cuisine .sec05 li:nth-child(3), .cuisine .sec05 li:last-child {
	margin:0 0 10%;
}

.cuisine .sec05 li:nth-child(4) {
	margin:0 0 10%;
}

.cuisine .sec05 .tit {
	font-size:7vw;
	height:285px;
	top:0;
}

.cuisine .sec05 img {
	margin:17% 0 0;
}

/* facilities.html
-------------------------------------------------------------------------------------------------------*/
.facilities .sec01 .box01 {
	height:260px;
	background-size:100%;
	margin:15% 0 10%;
}

.facilities section {
	margin:0 0 15%;
}

.facilities .sec01 .box01 h2 span:last-child {
	margin:0;
}

.facilities .sec02 .box01 h2 span:last-child , .facilities .sec03 .box01 h2 span:last-child {
	margin:0 -20px 0 0;
}

.facilities .sec01 p {
	margin:5% 0 10%;
	text-align:left;
}

.facilities .sec02 .box01 {
	height:320px;
	margin:0 0 10%;
}

.facilities .sec01 p br {
	display:none;
}

.facilities .sec03 .box01 {
	height:515px;
	margin:0 0 10%;
}

.facilities .sec04 .box01 {
	height:370px;
	margin:0 0 10%;
}

.facilities .sec05 .box01 {
	height:315px;
	margin:0 0 10%;
}

.facilities .sec06 .box01 {
	height:435px;
	margin:0 0 10%;
}

.facilities .sec07 .box01 {
	height:330px;
	margin:0 0 10%;
}

/* access.html
-------------------------------------------------------------------------------------------------------*/
.access .sec01 iframe {
	height:300px;
	margin:15% 0 0;
}

.access .sec01 p {
	text-align:left;
}

.access .sec02 {
	margin:15% 0 0;
}

.access .sec02 .tit {
	font-size:8vw;
	width:100%;
	margin:0 0 10%;
}

.access .root dl {
	width:100%;
	margin:0 0 15%;
}

.access .sec03 {
	margin:0;
}

/* room.html
-------------------------------------------------------------------------------------------------------*/
.room .sec01 .tit {
	transform:translate(-50%, 0);
	top:0;
	left:50%;
}

.room .sec01 .cnt {
	height:auto;
	margin:15% auto 30%;
}

.room .sec01 li {
	position:static;
	margin:0 0 5%;
}

.room .sec01 li p {
	width:100%;
	height:auto;
	padding:5%!important;
	margin:0 4% 0 0;
	border-radius:10px;
}

.room .sec01 ul {
	margin:80% 0 0;
}

.font {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.room .sec02 .box01 h2 .font {
	margin:0!important;
	font-size:2rem!important;
}

.room .sec02 .box01 h2 span {
	display:initial;
}

.room .sec02 .box01 {
	background-size:100%;
	height:505px;
}

.room .sec02 .right {
	width:100%;
	margin:10% 0 0;
}

.room .sec02 .btn {
	display:inline-block;
	margin:0;
	width:100%;
}

.room .sec02 .btn p {
	font-size:1.1rem;
	margin:10% 0 0;
	text-align:center!important;
}

.room .sec02 .box02 p {
	text-align:left;
}

.room .sec02 .box02 p br {
	display:none;
}

.room .sec02 .box02 span br {
	display:block;
}

.room .sec02 .box02 span {
	text-align:center;
	font-size:1.5rem;
	margin:0 0 5%;
}

.room .sec02 .right span {
	font-size:0.9rem;
	margin:5% 0 -5%;
}

.room .sec02 .right p br {
	display:block;
}

.room .sec02 .box01 {
	margin:15% 0 0;
}

.room .sec06 .box01 {
	height:415px;
}


/* qa.html
-------------------------------------------------------------------------------------------------------*/
.sub #main span.tit {
	font-size:13vw;
}

.qa .q_list {
	width:100%;
}

.acd-label:after {
	height:auto;
	padding:0;
}

.acd-label {
	margin:0 0 5%;
}

.acd-check:checked + .acd-label + .acd-content {
	padding:3% 10px 10%;
}

.qa h2 {
	margin:0 0 5%;
}

.qa .box01 {
	margin:0 0 10%;
	padding:0 0 5%;
}

.qa #main span.tit {
	margin:0 auto 5%!important;
}


/* dayuse.html
-------------------------------------------------------------------------------------------------------*/

/* pet.html
-------------------------------------------------------------------------------------------------------*/














}