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

.sp{display: none;}
.pc{}

.floor-list a{
  display: block;
}

html,body{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height:1;
  font-size:100%;
  color:#231815;
  background-size:auto;
  background-position:center top;
  background-repeat:no-repeat;
  letter-spacing:0.05em;
  width:100%;
  scroll-behavior: smooth;
  box-sizing: border-box;
}

header {
  text-align: center;
  margin: 0 auto;
}

h1{font-size: 1rem;line-height: 1.5;}
h2{font-size: 2.0625rem; line-height: 2.1em;}/*33px*/
h3{font-size: 1.625rem;}/*26px*/
h4{font-size: 1.312rem;}/*21px*/
a{
  text-decoration: none;
  color: #231815;
}

a:hover{
/*  opacity: 0.6;  */
  transition: 0.3s ease-in-out;
}

/*
body {
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
  animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
  0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% {opacity: 0}
100% {opacity: 1}
}*/

.rel{position: relative;}
.flex{display: flex;}
.flex_center{
  display: flex;
  justify-content: center;
  align-items: center;
}
.t_red{color:#e94c4e;}
.t_green{color:#71ccd1;}
.t_blue{color:#40acdd;}
.t_left{text-align: left;}
.t_right{text-align: right;}
.t_center{text-align: center;}

/*
@media screen and (max-width: 650px) {
.flex{display: inline;}
}*/
/*header*/


/*pankuzu*/
.pnkz{
  max-width: 1200px;
  padding: 0.4rem 0;
  margin: 0 auto;
}
.pnkz li{
  max-width: 1200px;
  display: inline;
  list-style: none;
  font-size: 0.85rem;
}
.pnkz li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #555;
}
.pnkz li:last-child:after {
  content: '';
}
.pnkz li a {
  text-decoration: none;
  color: #42bbc2;/*色*/
}
.pnkz li a:hover {
  text-decoration: underline;
}

/*--main--*/

.page_title{
  width: 100%;
  max-width: 1200px;
  margin:0 auto;
  height: auto;
  overflow: hidden;
}
.page_title h2{
  text-align: center;
  position: relative;
  padding: 2.75rem 0.1875rem;
  margin-bottom: 1.5rem;
}

.page_title_bf{
  width: 100%;
  max-width: 1200px;
  margin:0 auto;
  height: auto;
  overflow: hidden;
}
.page_title_bf h2{
  text-align: center;
  position: relative;
/*  padding: 2.5rem 0.1875rem 1rem;	*/
  padding: 2.5rem 0.1875rem 0.3rem;
  margin-bottom: 1.5rem;
}
.pricetime_title h2{
  border-bottom:6px solid #e94c4e;
}
.pricetime_title h2::before{
  background:url("../img/time_icon.svg")
}
main{
  max-width: 980px;
  margin:0 auto;
  height: auto;
  overflow: hidden;
}
.page_link {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 3.9375rem;
  gap:10px 20px;
}
.page_link a{
  width: 306px;
  height: 50px;
   color:#fff;
  display: grid;
  place-items: center;
  border-radius: 6px;
}
.page_link a div {

  font-size:1.093rem;
  position: relative;
  font-weight: bold;
}
.back_g{background-color: #71ccd1;}
.back_r{background-color: #ef797a;}
.back_b{background-color: #40acdd;}

.back_g div::before{
  content:url("../img/icon_under_arrow_g.svg");
  width: 1.125rem;
  height: 1.125rem;
  display: block;
  position: absolute;
  top: 0;
  left:-28px;
}
.back_r div::before{
  content:url("../img/icon_under_arrow_r.svg");
  width: 1.125rem;
  height: 1.125rem;
  display: block;
  position: absolute;
  top: 0;
  left:-28px;
}
.back_b div::before{
  content:url("../img/icon_under_arrow_b.svg");
  width: 1.125rem;
  height: 1.125rem;
  display: block;
  position: absolute;
  top: 0;
  left:-28px;
}
/*#time*/
#pricetime #time{
  background-color: #ecf8f9;
  border-radius: 0 0 10px 10px;
}
#pricetime #time h3,
#pricetime #price h3,
#pricetime #benefits h3,
#pricetime #passport h3{
  height: 60px;
  line-height: 60px;
  color:#fff;
  background-color: #42bbc2;
  border-radius: 10px 10px 0 0;
  margin-bottom: 3.9375rem;
  padding-left:1em;
}
#pricetime #time h3,
#pricetime #price h3{background-color: #42bbc2;}

#pricetime #benefits h3,
#pricetime #passport h3{background-color: #e94c4e;}

#pricetime #time div h4{
  border:1px solid #42bbc2;
  background-color: #fff;
  border-radius: 6px;
}

  /*===検索窓ここから===*/

	.search-wrap {
		position: relative;
		max-width:1200px;
		margin: 0 auto;
		display: none;
	}

	.search-box {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		display: inline-block;
		padding: 1em;
		min-width: 120px;
		max-width: 100%;
		background: #F0F0F0;
		border-radius: 3px;
		box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, .1);
		z-index: 100;
		}

		.search-box:before {
			content: "";
			position: absolute;
			top: -30px;
			left: 70%;

			margin-left: -40px;
			border:20px solid transparent;
			border-bottom: 25px solid #F0F0F0;
			z-index: 100;
			pointer-events: none;
		}

		@media screen and (max-width: 980px) {
			.search-box:before {
				left: 80%;
		}
	}

	.search-box input[type="text"] {
		background:#fff;/*背景色を付ける*/
		}

	.search-wrap input[type="submit"] {
			background-color: #0090D1;
			background-size: 20px 10px;
			color: #fff;
			border-radius: 3px;
			width: 50px;
			height: 20px;
			font-size: 0.85rem;
		}

  /*===検索窓ここまで===*/


  /*===言語ドロップダウンここから===*/

	.dropdown-wrap {
		position: relative;
		max-width:1200px;
		margin: 0 auto;
		display: none;
	}

	.dropdown {
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		display: inline-block;
		padding: 1em 1em;
		min-width: 120px;
		max-width: 100%;
		background: #F0F0F0;
		border-radius: 3px;
		box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, .1);
		z-index: 1000;
		}

	.lang_menu {
		position: relative;
		list-style: none;
		opacity: 1;
		top: 0;
		}

	.lang_item {
		padding: 0.4em 1em;
		display: block;
		text-align: center;
		position: relative;
		color: #333;
		font-size: 0.85rem;
		text-decoration: none;
		}

	.lang_item:hover {
		background-color: #0090D1;
		border-radius: 3px;
		}

	.lang_item:hover a {
			color: #fff;
		}

	.lang_item:visited {
			background-color: transparent;
		}

	.lang_item:visited a {
		color:#fff;
	}

	.animation {
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		transition: all .3s;
		}

	.dropdown:before {
		content: "";
		position: absolute;
		top: -30px;
		left: 70%;
		margin-left: -15px;
		border:20px solid transparent;
		border-bottom: 25px solid #F0F0F0;
		z-index: 100;
    pointer-events: none;
	}

	#h_search, #h_language {
		z-index: 1000;
		cursor: pointer;
	}

/*===検索窓ここまで===*/

/*メディアクエリここから---------------------------------------------------*/
@media screen and (max-width: 980px) {
main{
  margin:0 1rem;
}
.page_link {justify-content: space-around;}
}
@media screen and (max-width: 750px) {
.sp{display: block;}
.pc{display: none;}

  .pnkz{
    padding: 0.3rem 3% 0.6rem;
    letter-spacing: 0.02em;
  }

  .page_title h2 {
    padding: 1.75rem 0.1875rem;
  }

  .page_title_bf h2 {
    margin-bottom: 0;
  }

h1{font-size: 1rem;line-height: 1.5;}
/*h2{font-size: calc(2.0625rem * 80%;}/*33px*/
h2{font-size: 1.5rem;}
h3{font-size: calc(1.625rem * 80%);}/*26px*/
h4{font-size: calc(1.312rem * 80%);}/*21px*/

body{font-size: 80%;}

}
/*メディアクエリここまで---------------------------------------------------*/


/*SP版メニューとトップに戻るボタン追加*/
body{
	position:relative;
}article{
	padding-bottom:80px;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
	z-index:198;
	display:none;
}
#page-top a {
	background:#DC4C4C;
	color:#ffffff;
/*  width: 80px;	*/	/*	yoshii	*/
    width: 60px;	/*	yoshii	*/
/*	height:80px;	*/	/*	yoshii	*/
	height:60px;	/*	yoshii	*/
    text-align: center;
    display: block;
    font-size: 0.8rem;
}

#page-top a:before{
	content:"TOP";
	padding-top:22px;
	position:absolute;
	background-image:url('../img/pagetop_arrow.svg');
	background-size: contain;
	background-repeat: no-repeat;
	width:30px;
	height:25px;
	top:38%;
	left:50%;
	transform: translatex(-50%) translatey(-50%);
    -webkit- transform: translatex(-50%) translatey(-50%);
}




@media screen and (max-width: 750px){
	#page-top {
	    bottom: 10px;
	    right: 10px;
	}
/*	#page-top a {		/*	yoshii	*/
	    width: 60px;	/*	yoshii	*/
		height:60px;	/*	yoshii	*/
	}	*/				/*	yoshii	*/
	#page-top a:before{
		width:28px;
		height:10px;
	}


/*	header .food-header02{
		height:50px;
	}	*/	/*	yoshii	*/

	header .food-header01.sp{
		position:fixed;
		top:0;	left:0;
		z-index:200;
	}
	header .food-header01.sp .sphead{
		position:relative;
		top:0;	left:0;
		z-index:200;
		height:50px;
		text-align:center;
		padding:1rem 0;
	}header .food-header01.sp img{
		width:190px;
	}header .food-header01.sp .sp_hamburger_ou{
		position:absolute;
		top:0; right:10px;
	}

	header .sp_hamburger {
		pointer-events: auto;
		position: relative;
		display:inline-block;
	    width: 48px;
		height:50px;
		padding:14px 9px 13px;
		z-index:300;
	}header .sp_hamburger a {
	    position: relative;
	    display: block;
	    height: 100%;
	    -webkit-transition: all .4s;
	    transition: all .4s;
	    box-sizing: border-box;
		cursor: pointer;
	}header .sp_hamburger a:hover {
	/*	opacity: 1;*/
	}header .sp_hamburger span {
	    position: absolute;
	    display: inline-block;
	    left: 0;
	    width: 100%;
	    height: 3px;
		border-radius: 15px;
		background:#ffffff;
	    -webkit-transition: all .4s;
	    transition: all .4s;
	    box-sizing: border-box;
	}header .sp_hamburger span:nth-of-type(1) {    top: 1px;	}
	header .sp_hamburger span:nth-of-type(2) {    top: 10px;	}
	header .sp_hamburger span:nth-of-type(3) {    bottom: 1px;	}
	header .sp_hamburger span:nth-of-type(2)::after {
	    position: absolute;
	    top: 0;
	    left: 0;
	    content: '';
	    width: 100%;
	    height: 3px;
		background:#ffffff;
		border-radius: 15px;
	    -webkit-transition: all .4s;
	    transition: all .4s;
	}header .sp_hamburger .active span,
	header .sp_hamburger .active span:nth-of-type(2)::after{
		background:#ffffff;
	}
	header .sp_hamburger .active span:nth-of-type(2) {
	    /*-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);*/
	    -webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}header .sp_hamburger .active span:nth-of-type(2)::after {
	    /*-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    transform: rotate(90deg);*/
	    -webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    transform: rotate(90deg);
	}header .sp_hamburger .active span:nth-of-type(1) {
	    -webkit-transform: translateY(20px) scale(0);
	    -ms-transform: translateY(20px) scale(0);
	    transform: translateY(20px) scale(0);
	}header .sp_hamburger .active span:nth-of-type(3) {
	    -webkit-transform: translateY(-20px) scale(0);
	    -ms-transform: translateY(-20px) scale(0);
	    transform: translateY(-20px) scale(0);
	}





	header .sp_header_menu{
		position:fixed;
		width:100vw;
		padding:55px 0 20px 35px;
		background:#f0f0f0;
		top:0;	right:-100%;
		z-index: 199;
		opacity:0;
		transition: all .5s ease-out;
	    max-height: 100vh;
		overflow-y: scroll;
	}header .sp_header_menu.active{
		right:-0%;
		opacity:1;
	}

	header .sp_header_menu .sp_menu{
	}
	header .sp_header_menu .sp_menu ul.sp_menu_ul{
		width:100%;
	}
	header .sp_header_menu .sp_menu ul.sp_menu_ul li{
		border-bottom:1px solid #DC4C4C;
		width:100%;
		text-align:left;
		position:relative;
	}header .sp_header_menu .sp_menu ul.sp_menu_ul li a{
		display:flex;
		align-items: center;
		padding:15px 0;
	}header .sp_header_menu .sp_menu ul.sp_menu_ul li img{
		width:3rem;
		margin-right:1.5rem;
		display:inline-block;
	}header .sp_header_menu .sp_menu ul.sp_menu_ul li p{
		color:#DC4C4C;
		display:inline-block;
		font-size:1.15rem;
		font-weight:bold;
	}
	header .sp_header_menu .sp_menu ul.sp_menu_ul li:after{
		content:"";
		position:absolute;
		top:50%;	right:35px;
		transform: translateY(-50%);
	    -webkit- transform: translateY(-50%);
		width:10px;	height:15px;
		background-image:url('../img/header_sp_icon_arrow.svg');
		background-size: contain;
		background-repeat: no-repeat;
	}

	header .sp_header_menu .sp_submenu{
		margin-top:30px;
		width:calc(100% - 35px);
		font-size:1rem;
	}
	header .sp_header_menu .sp_submenu .menu_faq_btn{
		width:100%;
		margin-bottom:20px;
	}header .sp_header_menu .sp_submenu .menu_faq_btn a{
		border:1px solid #e94c4e;
		color:#e94c4e;
		background:#ffffff;
		border-radius:3px;
		display:block;
		font-size: 1.1rem;
		padding:8px;
	    letter-spacing: 0.2rem;
		display: flex;
    	align-items: center;
	}header .sp_header_menu .sp_submenu .menu_faq_btn a img{
		width:1.5rem;
		margin-right:0.3rem;
		display:inline-block;
	}

	header .sp_header_menu .sp_submenu .menu_language{
		display:flex;
		align-items: flex-start;
	}header .sp_header_menu .sp_submenu .menu_language .lang_title,
	header .sp_header_menu .sp_submenu .menu_language .lang_list{
		width:50%;
	}
	header .sp_header_menu .sp_submenu .menu_language .lang_title{
		color:#e94c4e;
		font-size:1.2rem;
		padding-top: 2px
		letter-spacing: 0.1rem;
	    display: flex;
	    align-items: center;
	}header .sp_header_menu .sp_submenu .menu_language .lang_title img{
		width:1.5rem;
		margin-right:0.3rem;
		display:inline-block;
	}
	header .sp_header_menu .sp_submenu .menu_language .lang_list ul.lang_list_ul{
		width:100%;
	}header .sp_header_menu .sp_submenu .menu_language .lang_list ul.lang_list_ul li a{
		width:100%;
		margin-top:5px;
		background:#e94c4e;
		color:#ffffff;
		border-radius:3px;
		display:block;
		text-align:center;
		padding:6px 0 8px;
		font-size:1rem;
		position:relative;
	}header .sp_header_menu .sp_submenu .menu_language .lang_list ul.lang_list_ul li a span{
		letter-spacing: 0.2rem;
		margin-right:-0.2rem;
	}header .sp_header_menu .sp_submenu .menu_language .lang_list ul.lang_list_ul li.lsa a span{
		letter-spacing: 0.4rem;
		margin-right:-0.4rem;
	}header .sp_header_menu .sp_submenu .menu_language .lang_list ul.lang_list_ul li.lsb a span{
		letter-spacing: 0.1rem;
		margin-right:-0.1rem;
	}
	header .sp_header_menu .sp_submenu .menu_language .lang_list ul.lang_list_ul.current li a{
		margin-top:0;
	}

	header .sp_header_menu .sp_submenu .menu_language .lang_list ul.lang_list_ul li a:after{
	    content: "";
	    position: absolute;
	    top: 50%;
	    right: 10px;
	    transform: translateY(-50%);
	    -webkit- transform: translateY(-50%);
	    width: 10px;
	    height: 12px;
	    background-image: url(../img/header_sp_langarrow.svg);
	    background-size: contain;
	    background-repeat: no-repeat;
	}header .sp_header_menu .sp_submenu .menu_language .lang_list ul.lang_list_ul.current li a:after{
	    background-image: url(../img/header_sp_langarrow_b.svg);
	    width: 13px;
	    height: 6px;
	}

	header .sp_header_menu .sp_submenu .menu_language .lang_list ul.lang_list_ul.current+div{
		display:none;
	}header .sp_header_menu .sp_submenu .menu_language .lang_list ul.lang_list_ul.toggle.active{

	}

	header .sp_header_menu .sp_submenu .menu_search{
		margin-top:20px;
	}
	header .sp_header_menu .sp_submenu .menu_search form{
		display:flex;
	    justify-content: space-between;
	}
	header .sp_header_menu .sp_submenu .menu_search input{
		background:#ffffff;
		padding:6px 7px 8px;
		border-radius:3px;
		width:calc(100% - 80px);
	}header .sp_header_menu .sp_submenu .menu_search input::placeholder{
		color: #989798;
	}
	header .sp_header_menu .sp_submenu .menu_search button{
		border-radius:3px;
		background:#e94c4e;
		color:#ffffff;
		width:70px;
		padding:7px 0;
		height:38px;
		display: flex;
		align-items: center;
	    justify-content: center;
		letter-spacing: 0.3rem;
	    padding-left: 0.3rem;
	}

	header .sp_header_menu .sp_sns{
		margin-top:30px;
	}
	header .sp_header_menu .sp_sns>p{
		font-size:1.2rem;
		padding-bottom:5px;
		border-bottom:1px solid #2e2f2f;
		color:#2e2f2f;
		font-family: 'Oswald', sans-serif;
	}
	header .sp_header_menu .sp_sns .sp_sns_ul{
		display:flex;
		padding-top:15px;
		padding-bottom:15px;
		border-bottom:1px solid #2e2f2f;
	}header .sp_header_menu .sp_sns .sp_sns_ul li{
		margin-right:1rem;
	}header .sp_header_menu .sp_sns .sp_sns_ul li img{
		width:3rem;
	}

	header .sp_header_menu .sp_head_end{
		margin-top:5px;
		color:#2e2f2f;
		font-weight: 100;
		font-size:0.85rem;
		font-family: 'Oswald', sans-serif;
	}



}