@charset "UTF-8";
/* CSS Document */

body{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

main{
	background: #fff;
	overflow: hidden;
}
a:hover{opacity: 0.5;}
section{
	padding-bottom: 100px;
}

@media screen and (max-width: 768px) {
	section{
		padding-bottom: 0;
	}	
}

/*-----------------------------------

 余白

------------------------------------*/
.mt0{margin-top: 0;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.mt100{margin-top: 100px;}
.mt200{margin-top: 200px;}

.mv20{margin-top: 20px; margin-bottom: 20px;}
.mv30{margin-top: 30px; margin-bottom: 30px;}
.mv50{margin-top: 50px; margin-bottom: 50px;}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}

.pv50{padding-top: 50px; padding-bottom: 50px;}

@media screen and (max-width: 768px) {
	.mv30{margin-top: 15px; margin-bottom: 15px;}
	.mv50{margin-top: 30px; margin-bottom: 30px;}
	.mt200{margin-top: 100px;}
}

/*-----------------------------------

 フォントサイズ

------------------------------------*/
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs22{font-size: 22px;}

@media screen and (max-width: 768px) {
	.fs22{font-size: 19px;}
	.s-fs16{font-size: 16px;}
}

/*
	spバーガーメニュー
------------------------------ */
.toggle {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1000;
	background-color: #003E80;
	width: 45px;
	height: 45px;
}

.toggle_inner {
	position: relative;
	width: 36px;
	height: 36px;
	cursor: pointer;
}

.toggle_inner>span {
	background: #fff;
	width: 88%;
	height: 3px;
	display: block;
	position: absolute;
	left: 7px;
	transition: transform .6s ease-in-out, top .5s ease, bottom .5s ease;
}

.toggle_inner>span:nth-child(1) {top: 9px;}
.toggle_inner>span:nth-child(2) {
	top: 62%;
	transform: translatey(-50%);
}
.toggle_inner>span:nth-child(3) {bottom: 0px;}

.nav_content {
	background: #003E80;
	padding: 50px 20px;
	max-width: 200px;
	width: 100%;
	height: 100%;
	text-align: left;
	overflow: auto;
	position: fixed;
	top: 0;
  right: 0;
	z-index: 999;
	transform: translateX(100%);
	transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.nav_content a {
	padding: 2em 0;
	color: #78C87E;
	text-decoration: none;
	display: block;
	transition: opacity .6s ease;
	position: relative;
	font-weight: bold;
	text-align: center;
}

.nav_content a img {width: 50%;}
.nav_content a:hover {opacity: 0.6;}
.nav_content ul li{border-bottom: 1px solid #fff;}
.nav_content ul li:last-child{border-bottom: none;}
.nav_content ul li:first-child span{opacity: 0.5;}
.is-open .toggle_inner>span {background: #fff;}
.is-open .toggle_inner>span:nth-child(1) {
	top: 60%;
	transform: rotate(45deg) translatey(-50%);
	height: 2px;
}
.is-open .toggle_inner>span:nth-child(2) {width: 0;}
.is-open .toggle_inner>span:nth-child(3) {
	top: 60%;
	transform: rotate(-45deg) translatey(-50%);
	height: 2px;
}
.is-open .nav_content {
	z-index: 999;
	transform: translateX(0);
}
.filter.overlay {
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
}


/*-----------------------------------

 共有

------------------------------------*/
p{
	font-size: 19px;
	text-align: center;
	line-height: 1.5;
}
.flex{
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 768px) {
	.flex{display: block;}
}

.ta-c{text-align: center;}
.rel{position: relative;}

.note{
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
	font-size: 12px;
	padding-left:1em;
	text-indent:-1em;
}

.w750 {
	max-width: 750px;
	margin: 0 auto;
}

.w750 {
	max-width: 750px;
	margin: 0 auto;
}

table{
	margin: 2% auto 4%;
	font-family: "yu-mincho-pr6n", sans-serif;
	font-weight: 400;
	font-style: normal;
}
table tr th{
	font-size: 18px;
	text-align: left;
}
table tr td{
	font-size: 30px;
	padding-left: 30px;
}

@media screen and (max-width: 768px) {
	p{
		font-size: 16px;
		text-align: left;
	}	
	.w750 {
		margin: 0 10px;
	}
	table tr th{
		display: block;
		font-size: 16px;
		text-align: center;
		margin-bottom: 10px;
	}
	table tr td{
		display: block;
		font-size: 25px;
		padding-left: 0;
		margin-bottom: 15px;
	}
	.note{
		font-size: 10px;
	}
}


/*-----------------------------------

 section

------------------------------------*/
.bg-color{
	background-color: #E6E6E6;
}

.text-schedule {
	font-size: 36px;
	text-align: center;
	color: #A000B4;
	margin: 8% 0 3%;
}
.text-schedule2 {
	font-size: 30px;
	text-align: center;
	color: #A000B4;
	margin: 3% auto;
	font-weight: 600;
}
.text-schedule span {
	font-size: 42px;
}
.gazou {
	width: 60%;
	margin: 0 auto;
}

ul li.note{
	padding-bottom: 5px;
	line-height: 1.5;
}

.btn_flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 750px;
	margin: 5% auto;
}

.btn_flex a.btn{
	position: relative;
	width: 42%;
	display: block;
	background-color: #A000B4;
	color: #fff;
	font-size: 22px;
	line-height: 1.3;
	padding: 10px 20px;
	border-radius: 5px;
}
.btn_flex a.btn::after{
	content: '';
	background-image: url(../img/btn_item.png);
	background-repeat: no-repeat;
	background-size: 50%;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.member-guidance{
	max-width: 750px;
	margin: 0 auto;
	border: 1px solid #000;
	padding: 50px 0;
}
.member-guidance p{
	font-size: 20px;
}
.member-guidance p.heading{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 15px;
}
.member-guidance a.btn2{
	position: relative;
	width: 25%;
	display: block;
	border: 1px solid #A000B4;
	color: #A000B4;
	font-size: 17px;
	line-height: 1.3;
	padding: 20px 30px;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 15px;
}
.member-guidance a.btn2::after{
	content: '';
	background-image: url(../img/btn_item2.png);
	background-repeat: no-repeat;
	background-size: 40%;
	width: 20px;
	height: 15px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px) {
	.text-schedule {
		font-size: 18px;
	}
	.text-schedule2 {
		font-size: 18px;
	}
	.text-schedule span {
		font-size: 20px;
	}
	.gazou {
		width: 100%;
	}
	.bg-color .w750 .pv50 .sp-ac,
	.bg-color .w750 .pv50 p.sp-ac{
		text-align: center;
	}
	.bg-color .w750 .pv50 p.sp-ac {
		margin: 30px auto 20px;
	}
	.btn_flex{
		display: block;
	}
	.btn_flex a.btn{
		width: 94.5%;
		display: block;
		font-size: 18px;
		padding: 7px 0 7px 20px;
	}
	.btn_flex a.btn:first-child{
		margin-bottom: 20px;
	}
	.member-guidance {
		padding: 25px 10px;
	}
	.member-guidance p.heading {
		font-size: 18px;
		text-align: center;
	}
	.member-guidance p {
		font-size: 16px;
	}
	.member-guidance a.btn2 {
		width: 65%;
		font-size: 17px;
		padding: 15px 25px;
		margin: 0 auto;
		margin-top: 15px;
		text-align: center;
	}
}


/*-----------------------------------

 stayplan

------------------------------------*/
#stayplan{
	color: #fff;
}

.bg-img{
	background-image: url(../img/bg01.png);
	background-size: cover;
	background-repeat: no-repeat;
}

#stayplan .gazou {
	width: 75%;
	margin: 10% auto;
}

#stayplan h3{
	width: 50%;
	margin: 0 auto 4%;
}

#stayplan p.text{
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 8%;
}

.goods_flex{
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}
.goods_flex .content{
	width: 40%;
	margin-bottom: 8%;
}
.goods_flex .content img{
	display: block;
	margin: 0 auto;
}
.goods_flex .content h4{
	width: 80%;
	margin: 20px auto 10px;
}
.goods_flex .content p{
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
	font-size: 15px;
}



/*-----------------------------------

 drink

------------------------------------*/
#drink{
	color: #fff;
}

#drink.bg-img{
	background-image: url(../img/bg02.png);
}

#drink p.text{
	width: 60%;
	font-size: 16px;
	margin: 5% auto;
	padding: 10px 0;
	border: 1px solid #A000B4;
	color: #A000B4;
}

#drink div.offer h3,
#drink div.offer2 h3{
	width: 35%;
	margin: 0 auto;
}
#drink div.offer2 h3{
	width: 25%;
}

#drink div.offer p,
#drink div.offer2 p{
	margin-top: -15px;
	font-size: 18px;
}
#drink div.offer p span{
	font-size: 16px;
}
#drink div.offer2 p.money{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 8% auto;
	font-size: 30px;
}
#drink div.offer2 p.money .kaku{
	font-size: calc(1em - 4px);
}
.driink-wrap{
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-bottom: 5%;
}
.driink-wrap div{
	width: 68%;
	margin-top: 25px;
}
.driink-wrap div:first-child{
	width: 38%;
	position: relative;
	z-index: 90;
	margin-top: 0;
}
.driink-wrap div p{
	text-align: left;
}
.driink-wrap div p:first-child{
	width: 16%;
	text-align: center;
	background-color: #A000B4;
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.driink-wrap div p.w24:first-child{
	width: 24%;
}
.driink-wrap div p:nth-child(2){
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #A000B4;
	margin-bottom: 20px;
}
.driink-wrap div p:nth-child(4){
	font-size: 15px;
	margin-bottom: 10px;
}
.driink-wrap div p:last-child{
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
	font-size: 13px;
}
.driink-wrap img.item-sen {
	position: absolute;
	top: 35%;
	left: 0;
}

@media screen and (max-width: 768px) {
	#stayplan .gazou {
		width: 100%;
	}
	#stayplan h3 {
		width: 100%;
	}
	#stayplan p.text {
		font-size: 16px;
	}
	.goods_flex {
		display: block;
	}
	.goods_flex .content {
		width: 80%;
		margin: 0 auto;
		margin-bottom: 8%;
	}
	.goods_flex .content p {
		text-align: center;
	}
	#drink p.text {
		width: 100%;
		text-align: center;
	}
	#drink div.offer h3,
	#drink div.offer2 h3 {
		width: 60%;
	}
	#drink div.offer2 h3 {
		width: 45%;
	}
	#drink div.offer p,
	#drink div.offer2 p {
		text-align: center;
		font-size: 16px;
	}
	#drink div.offer p span {
		font-size: 14px;
	}
	#drink div.offer2 p.money {
		margin: 6% auto;
		font-size: 25px;
	}
	.driink-wrap {
		display: block;
	}
	.driink-wrap div,
	.driink-wrap div:first-child {
		width: 100%;
	}
	.driink-wrap div p:first-child {
		width: 22%;
		font-size: 14px;
		letter-spacing: 1px;
		margin-bottom: 10px;
	}
	.driink-wrap div p.w24:first-child {
		width: 30%;
	}
	.driink-wrap div p:nth-child(2) {
		font-size: 20px;
	}
	.driink-wrap img.item-sen {
		display: none;
	}
}


/*-----------------------------------

 section05　SNS

------------------------------------*/
#section05 img.logo {
	width: 23%;
	margin: 50px auto;
}
#section05 a.link{
	display: block;
	font-size: 20px;
	color: #000;
	text-decoration: underline;
}
#section05 p.copy{
	font-size: 12px;
	margin-top: 20px;
}
#section05 .sns {
	margin: 5% auto;
}
#section05 .sns h4 {
	font-size: 20px;
}
#section05 .sns_flex{
	justify-content: space-evenly;
	max-width: 460px;
	margin: 30px auto;
}
#section05 .sns_flex a{
	width: 15%;
}
#section05 h2{
	font-size: 37px;
	margin: 10px auto 15px;
}
#section05 h3{
	font-size: 24px;
	font-weight: 500;
}
#section05 p{
	font-size: 15px;
	line-height: 1.5;
}
#section05 .text{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
#section05 .text h4{
	font-size: 18px;
	font-weight: 400;
}
#section05 .text a{
	color: #000;
	text-decoration: underline;
}
@media screen and (max-width: 768px) {
	#section05{
		padding: 50px 0;
	}
	#section05 img.logo {
		width: 80%;
		margin: 0 auto 25px;
	}
	#section05 a.link {
		font-size: 16px;
	}
	#section05 .sns_flex{
		display: flex;
		justify-content: space-evenly;
		max-width: 460px;
		margin: 30px auto;
	}
	#section05 h2{font-size: 25px;}
	#section05 h3{font-size: 18px;}
	#section05 p.copy {
		font-size: 11px;
		margin-top: 20px;
		text-align: center;
	}
	#section05 .sns {
		margin: 12% auto;
	}
	#section05 .sns h4 {
		font-size: 16px;
	}
	#section05 .text{
		width: 90%;
		margin: 0 auto;
	}
	#section05 .text h4 {
		font-size: 16px;
	}
	#section05 .text p {
		font-size: 13px;
		line-height: 1.9;
	}
}



/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
/* フッター */
section.footer {
	padding-bottom: 0;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}

footer{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	padding: 0;
}

footer .sns{
	background-color: #F2F1F7;
	padding: 60px 0;
	text-align: center;
}

footer .sns .text{
	width: 40%;
	margin: 0 auto 40px;
}

footer .snstit{
	width: 680px;
	margin: 0 auto 35px;
}
footer .snsicon{display: flex; justify-content: space-between; width: 385px; margin: auto;}
footer .snsicon li{width: 67px;}
footer .info{width: 770px; margin: auto; padding: 50px 0; text-align: center;}
footer .info h3{font-size: 2em; margin-bottom: 15px; font-weight: 500;}
footer .info p{font-size: 1.5em; line-height: 1.8em; margin-bottom: 40px;}
footer .info ul{font-size: 1.5em; line-height: 1.8em;}
footer .info ul li{padding-left: 1.2em;}
footer .info ul li::before{content: '・'; margin-left: -1.2em; padding: 0 5px 0;}
footer .info a{color: #000; text-decoration: underline;}
footer .safety{
	background-color: #eaeaea;
	padding: 50px 0;
	text-align: center;
	border: solid 2px #808080;
	width: 760px;
	margin: auto;
}
footer .safety .icon{display: flex; justify-content: space-between; align-items: center; max-width: 523px; margin: 0 auto 45px; }
footer .safety .icon li:nth-child(1){width: 115px;}
footer .safety .icon li:nth-child(2){width: 159px;}
footer .safety .icon li:nth-child(3){width: 126px;}
footer .safety h3{
	color : #3e3a39;
	font-size: 2.6em;
	line-height: 1.4em;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 600;
}
footer .safety a{color : #54c3f1; text-decoration: underline; font-size: 1.8em;}

#gototop{position: fixed; right: 20px; bottom: 20px;  }
#gototop a{font-size: 25px; background: rgba(160,0,180,0.8); color: #fff; display: block; padding: 15px 15px; text-decoration: none;}

/* @media : SP */
@media screen and (max-width: 768px) {
	body{font-size: 8px;}
	main{width: 100%;}
	footer .safety{width: 95%; padding: 25px 0;}
	footer .info,
	footer .safety .icon{width: 90%; margin: 0 auto 0px; padding: 25px 0 0;}
	footer .safety .icon li:nth-child(1){width: 30%;}
	footer .safety .icon li:nth-child(2){width: 32%;}
	footer .safety .icon li:nth-child(3){width: 30%;}
	footer .safety h3{font-size: 2em; font-weight: 500;}
	footer .safety p{margin-top: 20px;}
	footer{ padding-bottom: 20px;}
	footer .footerlogo{padding: 30px 0 40px; text-align: center;}
	footer .footerlogo .f_logo{width: 70%;}
	footer .footer_ch{padding: 0 5% 20px;}
	footer .footer_ch img{width: 100%; }
	footer .sns{padding: 22px 0;}
	footer .snstit{width: 90%; margin: 20px auto 10px;}
	footer .snsicon{display: flex; justify-content: space-between; width: 70%; margin: 30px auto;}
	footer .snsicon li{width: 20%;}

	footer .sns .text {
		width: 60%;
		margin: 30px auto 40px;
	}
	footer .info p {
		font-size: 14px;
		line-height: 1.8em;
		margin-bottom: 0;
		text-align: left;
	}
}