@charset "utf-8";


img {
	max-width:100%;
}



/* -------------------------------------
     case over 768px (== PC)               */
/* SP以外で非表示にするもののみここにまとめる */
@media screen and (min-width: 768px) {

}
/*		end case 768px (PCサイズ ここまで)
----------------------------------------*/

/* -------------------------------------
     case 767px (== SP)               */
@media screen and (max-width: 1024px) {


	
	.campaign_link {
		margin-left : 5%;
		margin-right : 5%;
		
	}
}

/* -------------------------------------
     case 767px (== SP)               */
@media screen and (max-width: 767px) {


/* -------------------------------------
     下層のレスポンシブ用
----------------------------------------*/

html{
     height:100%;
     font-size:2.666666vw;     /* 1rem = 10px */
}



.foot_logo {
	margin : 20px 0;
}


.p10 {
	padding: 1rem;
}
/* -------------------------------------
      骨組み
---------------------------------------- */
.-contents_in:not(:last-child) {
	margin-bottom : 6.0rem;
}

.to_top {
	position : fixed;
	bottom : 0;
	right : 10px;
	width : 5%;
	max-width : 46px;
	min-width : 40px;
	opacity : 0.6;
	z-index: 200;
}

.-imagetext {
	padding-left : 5vw;
	padding-right : 5vw;
		
}

.header {
	margin-left : 0; 
	margin-right : 0; 
	position: relative;
}
.main {
	padding: 0;
}

.main_title {
	margin: 0;
}

.current_link {
	z-index: 101;
	position: relative;
}


/* navi */
.sp_humb {
	display: block;
	position: absolute;
	top : 2.4rem ;
	right : 1.6rem;
	z-index: 101;
}

.sp_humb_close {
	display:none;
	width : 4rem;
	height : 4rem;
	cursor: pointer;
	position: absolute;
	top : 2.4rem ;
	right : 1.6rem;
	z-index: 2000;

}
.sp_humb_close:before {
	content:"\e5cd";
	font-family: "Material Icons";
	font-size : 40px;
	color : #fff;
}

.header_nav {
	display: none;
}

.header_nav.open {
	display: block;
	position:fixed;
	width: 100vw;
	height : 100vh;
	z-index: 100;
	background : rgba(0,0,0,0.4);
}

.global_menu {
	position:fixed;
	top : 0;
	right : 0;
	z-index:1000;
	width : 70vw;
	height : 100vh;
	flex-direction: column;
	justify-content: flex-start;
	background : #E84566;
	padding-top : 10vh;
}

.global_menu li {
	width: 100%;
	text-align : left;
	padding : 1.6rem 3.2rem;
}
.global_menu li:not(:last-child):after{
	content : "";
}

.global_menu li:before{
	content : "|";
	display: inline-block;
	margin-right : 1em;
}

.fixed {
	display: fixed;
	overflow-y: hidden;
}

.main_logo {
	padding-top: 0.8rem;
	padding-left : 1.6rem;
}
.mv_logo {
	max-width: 50vw;
}

.sp_mv {
	background : E84566;
}

.main {
	margin-left : 5vw;
	margin-right : 5vw;
}
.inner_text {
	text-align: left;
}

.ticket {
	padding : 5vw;
}



.-contents_in.ticket {
	margin-bottom: 0;

}


.base_btn {
	padding : 0;
	width : 100%;
}

.large_btn{
	font-size : 1.6rem;
}


.white_link_btn {
	font-size : 1.6rem;
}



.price {
	font-size : 2rem;
	font-weight: 700;
}


.benefit_block {
	padding : 1.6rem;
}

.yl_title {
	font-size: 2.0rem;
	margin-bottom: 2rem;
}

.benefit_note　{
	font-size : 1.4rem;
}

.benefit_list li {
	flex-direction: column;
}


.schedule_remark {
	margin : 2em 0 5rem;
	line-height: 1.6;
}


.schedule_list {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.schedule_list li {
	width: 90%;
	margin-bottom : 2.4rem;
}

.schedule_attention {
	margin : 2.4rem 0;
	font-size : 1.8rem;
	line-height: 1.6;
}


.schedule_detail {
	flex-wrap:wrap;	
}


.place_attenction {
	text-align: left;
	font-size: 1.6rem;
}
.detail_contents {
	width: 100%;
	margin-top : 2.4rem;
}
.detail_contents_in,
.any_item{
	width: 100%;
	position: relative;
}
.any_item{
	top : -20px;
}

.option_any {
	right : 0;
	padding-right:0;
}

.sauna  .attraction {
	display: block;
}
.attraction_inner {
	width: 100%;
	font-size : 1.6rem;
	text-align : left;
}

.attaction_how_to li:not(:last-child)::after {
	top : 103%;
}

.attaction_how_to li{
	flex-direction: column-reverse;
}
.how_to_title {
	padding-left:2em;
}

.how_to_image {
	width: 100%;
}
.how_to_description {
	width: 100%;
}

.sauna_type {
	margin-bottom : 3.2rem;
}

.type_contents {
	flex-wrap: wrap;
}

.type_title {
	height : 70px;
}
.type_title .clr{
	height:70px;
	justify-content: space-around;
}

.type_title:after{
	border-bottom: solid 70px #EC7281;
	border-right: solid 40px transparent;
	bottom: 0;
}
.type_title .clr {
	flex-direction: column;
}

.type_text {
	order : 1;
	width: 100%;
}
.type_image {
	order : 2;
	width: 100%;
	margin : 1.6rem 0;
}


.flex_order_text {
	order:1;
}

.flex_order_image {
	order:2;
	width: 100%;
}

.sponser_group {
	margin-bottom: 4rem;
}

.sponser_list {
	flex-wrap: wrap;
}

.sponser_list li {
	width: 100%;
	font-size : 1.8rem;
	padding : 0.8rem 0vw ;
}
.sponser_list.justify li {
	text-align: center;
	text-align-last: center;
}

.sponser_list.-col2 li {
	text-align:center;
	letter-spacing: 0;
	text-indent: 0;
	width : 100%;
}


footer .name,
footer .contact {
	font-size : 1.4rem;
}


.footer_link {
	font-size : 1.2rem;
	width: auto;
	margin-right : auto;
	margin-left:auto;
}

.footer_navi {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	text-align : center;
}

.footer_navi a {
	padding : 0 0.4rem  ;
}


.list_contents {
	flex-wrap: wrap;
}

.list_contents > div {
	width : 100%;
	margin-bottom: 1.6rem;
}

.data_list {
	font-size: 1.4rem;
}

.data_list dt {
	margin-bottom : 0.8rem;
	line-height : 1.4;
}
.data_list dd {
	margin-bottom : 1.6rem;
	line-height : 1.4;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.map iframe{
	width: 90vw;
	height : 40vh;
}


.access .detail_contents {
	width: 100%;
	flex-wrap: wrap;
}
.access .detail_contents .cont1 {
	width:100%;
}
.access .detail_contents .cont2 {
	width:100%;
	margin-bottom : 2.4rem;
}


.traffic_icon {
	font-size : 1.2rem;
}

.place_name {
	font-size : 1.6rem;
}
.place_info {
	font-size : 1.4rem;
}


.input_form {
	flex-direction: column;
}

.form_wrap {
	margin-bottom : 0.5rem;
}

.list_table thead th span {
	font-size : 1.8rem;
}

.list_table2 th,
.list_table2 td {
	font-size : 1.6rem;
}
.list_table2 th {
	padding : 0.2em;
}

.list_table2 thead th span {
	font-size : 1.4rem;
}

.reserve_list {
	font-size : 1.8rem;
}

.input_table th, .input_table td {
	display: block;
	font-size : 1.8rem;
	width: 100%;
	padding : 0.4rem 0 0.4rem;
}
.input_table th {
	padding : 1.6rem 0 0.4rem;

}


.commerce_list > dt {
	width:100%;
	padding : 0.5em 0;
	font-weight:700;
}
.commerce_list > dd {
	width:100%;
	padding : 0.5em 0;
	line-height: 1.6;
}

.commerce_list .medium dt{
	text-indent : 1em;
}
.commerce_list .medium dd{
	padding-left : 1em;
}


.reserve_list_title {
	display: block;
	margin-bottom: 0.8rem;;
}

.reserve_info_block .block {
	flex-wrap: wrap;
}

.block_in {
	order:2;
}
.block_in.status {
	order:1;
	width: 100%;
} 
.reserve_info_block .block {
	padding : 0.8rem 1.6rem;
}
.reserve_info_block .block .block_in{
	margin-right :0;
	margin-bottom : 1rem;
}

.reserve_no,
.reserve_date {
	width: 50%;
}

.reserve_date{
	font-size: 1.2rem;

}


.comics_sp .-image {
	margin-bottom:0.8rem;
}

.cci_link  {
	font-size: 1.4rem;
	text-align: center;
}

.cci_link .white_link_btn{
	font-size : 1.6rem;
}


.qanda_list dt {
	font-size : 1.8rem;
	margin-bottom :1.6rem;
}

.qanda_list dd {
	font-size : 1.4rem;
	line-height: 1.4;
}
.header_bn {
	margin-top:1.6rem;
}


/*		end case 736px (スマホサイズ ここまで)
----------------------------------------*/
}
/* 上のカッコは消さない */