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

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');

/*とりあえずの処理 */
#under #movie .lady_link {
	display:none;
}
#under #review dl a {
	pointer-events:none;
	
}


	
/*-- all --*/
body {
	background-image: url(../images/back_sp.jpg)
}


/*-- all-article --*/
article > div {
	overflow: hidden
}
.content_area {
	padding-left:2%;
	padding-right:2%;
}
/*-- /all-article --*/


/*-- all-grecaptcha-badge --*/
.grecaptcha-badge {
	bottom: 20% !important
}
/*-- /all-grecaptcha-badge --*/


/* all-main */
main,
#copy,
footer ul {
	background-image: url(../images/back_sp.jpg);
	width: auto;
	max-width: 1200px;
	max-width:430px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden
}

#copy {
	/*margin: 0 auto 36%;*/
	margin: 0 auto 130px;
}
/* /all-main */


/* age_check */
#index .age_check {
	/*position: fixed;
	display: none;
	z-index: 20000;
	top: 0;
	left: 0;
	right: 0;
	overflow: auto;
	max-height: 100vh;*/
	text-align: center;
	line-height: 1.6;
	padding: 0 2%
}

#index .age_check .logo {
	width: 50%;
	display: inline-block;
	padding-top: 30%
}

#index .age_check .r18 {
	width: 60px;
	margin: 2% auto
}

	@media screen and (max-width: 428px) {
		#index .age_check .r18 {
			margin: 6% auto
		}
	}

#index .age_check .enter {
	width: 218px;
	margin: 1% auto
}

	@media screen and (max-width: 428px) {
		#index .age_check .enter {
			margin: 6% auto
		}
	}

#index .age_check p a {
	text-decoration: underline
}

#index .age_check .box {
	border: 1px solid #000;
	padding: 2%;
	margin: 3% 0
}

#index .age_check .box strong {
	display: block;
	font-weight: bold;
	font-size: 1.8rem;
	margin-bottom: 2%
}

	@media screen and (max-width: 428px) {
		#index .age_check .box strong {
			font-size: 1.6rem
		}
	}

#index .age_check ul {
	margin: 0 auto 50%
}

#index .age_check ul li {
	margin: 10px;
}

.age_check .sougo_banner {
	margin-bottom:30px;
}
/* /age_check */


/* all-header */
header .pc {
	background-image: url(../images/header/back.jpg);
	width: 100%;
	height: 161px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

header .pc .wrap {
	width: 100%;
	max-width: 1300px;
	max-width:500px;
	margin: 0 auto
}

header .pc .wrap h1 {
	width: 364px;
	padding-top: 25px;
	float: left;
	margin-right: 45px
}

header .pc .wrap .card {
	padding-top: 25px;
	float: left
}

header .pc .wrap .card p {
	font-size: 2.4rem;
	margin-bottom: 15px;
	text-align: center
}

header .pc .wrap .store-detail {
	text-align: center;
	background: #493a3a;
	color: #fff;
	padding: 15px 40px;
	border-radius: 0 0 30px 30px;
	float: right;
	box-shadow: 0px 0px 0px 5px #493a3a;
	border: solid 2px white;
	border-top: 0
}

header .pc .wrap .store-detail p:nth-of-type(3) span {
	background: #fff;
	color: #493a3a
}

header .box {
	position: fixed;
	top: 0;
	z-index: 1;
	width: 100%
}

header .box h1 {
	padding: 1.5% 2%;
	padding: 10px 2%;
	border-bottom: 3px solid #493a3a;
	background: #fff;
	font-size: 1.2rem;
	font-size:1rem;
	white-space:nowrap;
}

header .box .home {
	position: absolute;
	margin-left: 5%;
	width: 37px
}

header .box .wrap {
	display: flex;
	align-items: center;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
	background: #fff
}

header .box .wrap .logo {
	/*width: 30%;*/
	width:150px;
	/*margin: 3% auto;*/
	margin: 15px auto
}

	@media screen and (max-width: 428px) {
		header .box .wrap .logo {
			/*width: 50%*/
		}
	}

header .store-detail {
	text-align: center;
	/*padding-bottom: 4%;*/
	/*margin-top: 23%;*/
	padding-bottom:20px;
	margin-top:130px;
}

	@media screen and (max-width: 428px) {
		header .store-detail {
			/*margin-top: 33%*/
		}
	}

header .store-detail p:nth-of-type(2) {
	display: block;
	color: #493a3a;
	font-size: 3.3rem
}

	@media screen and (max-width: 428px) {
		header .store-detail p:nth-of-type(2) {
			font-size: 3rem
		}
	}

header .store-detail p:nth-of-type(3) span {
  background: #493a3a
}
/* /all-header */


/* all-hamburger */
#hamburger {
	position: fixed;
	top: 5%;
	right: 0;
	z-index: 2
}

#up-down.DownMove + #hamburger {
	top: 5%
}

#up-down.UpMove + #hamburger {
	top: 0
}

#hamburger .header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: 100%;
	position: relative;
	z-index: 2001
}

#hamburger .header__hmbgr {
	justify-self: flex-end;
	width: 35px;
	height: 35px;
	padding: 15px;
	position: relative;
	cursor: pointer;
	-webkit-transition: 400ms;
	transition: 400ms;
	background: #fff
}

#hamburger .header__hmbgr.is-open {
	background: none
}

#hamburger .header__hmbgr span {
	display: block;
	width: 35px;
	height: 3px;
	position: absolute;
	-webkit-transition: 400ms;
	transition: 400ms;
	border-radius: 1px;
	background: #6a6a6a
}

#hamburger .header__hmbgr.is-open span {
	background: #fff
}

#hamburger .header__hmbgr span:nth-of-type(1) {
	top: 15px
}

#hamburger .header__hmbgr span:nth-of-type(2) {
	top: 23px
}

#hamburger .header__hmbgr span:nth-of-type(3) {
	top: 31px
}

#hamburger .header__hmbgr p {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 15px;
	font-family: var(--font-tsuku);
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	color: #6a6a6a;
	-webkit-transition: 400ms;
	transition: 400ms
}

#hamburger .header__hmbgr.is-open p {
	color: #fff
}

#hamburger .header__hmbgr.is-open span:nth-of-type(1), .js-nav.is-open span:nth-of-type(1) {
	top: 23px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

#hamburger .header__hmbgr.is-open span:nth-of-type(2), .js-nav.is-open span:nth-of-type(2) {
	opacity: 0
}

#hamburger .header__hmbgr.is-open span:nth-of-type(3), .js-nav.is-open span:nth-of-type(3) {
	top: 23px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

#hamburger .header__nav {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
	color: #fff
}

#hamburger .header__nav.is-open {
	opacity: 1;
	pointer-events: inherit
}

#hamburger .nav {
	width: 100%;
	height: 100%;
	overflow: scroll;
	background: rgba(0,0,0,0.9)
}

#hamburger ul {
	margin: 14% auto 7%;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 3%
}

	@media screen and (max-width: 428px) {
		#hamburger ul {
			margin: 24% auto 30%
		}
	}

#hamburger li {
	float: left;
	width: 44%;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
	display: flex;
	font-size: 1.6rem;
	margin: 0 3%
}

/*#hamburger li:last-of-type {
	width: 100%
}*/

#hamburger li a {
	position: relative;
	padding: 9% 0;
	width: 100%
}

/*#hamburger li:last-of-type a {
	padding: 4.2% 0
}*/

#hamburger li a::after {
	content: "";
	background: url("../images/footer/arrow.svg") center center no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0
}
/* /all-hamburger */


/* all-nav */
nav {
	background: #252525;
}

.topPage nav {
	margin-top: 120px
}
#under nav {
	margin-top: 120px
}

	@media screen and (max-width: 428px) {
		#under nav {
			
		}
	}

nav ul {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 10px 0;
	display: flex;
	justify-content: center;
	align-items: center
}

nav ul {
	padding: 0
}

nav ul:last-of-type {
	border-top: 1px solid #fff
}

nav ul li {
	color: #fff;
	border-right: 1px solid #fff;
	box-sizing: border-box;
	width: calc(100%/8);
	text-align: center
}
nav ul li {
	width: calc(100%/5)
}


nav.global_nav ul li {
	/*width:calc(100% / 4);*/
}

nav ul li:first-of-type {
	border-left: 1px solid #fff
}

nav ul li:first-of-type {
	border-left: none
}

nav ul li:last-of-type {
	border-right: none
}

nav ul li a {
	display: block;
	padding: 15px 0
}

nav.global_nav ul li a {
	padding: 10px 0
}

nav.global_nav ul.lower li:last-of-type {
	/*background: rgba(237, 0, 89, 0.8)*/
}


nav ul li a {
	font-size: 1.4rem;
	padding: 10% 0
}

	@media screen and (max-width: 428px) {
		nav ul li a {
			font-size: 1.2rem
		}
	}

	@media screen and (max-width: 320px) {
		nav ul li a {
			font-size: 1.1rem
		}
	}

nav ul li img {
	width: 22px
}

	@media screen and (max-width: 428px) {
		nav ul li img {
			width: 18px
		}
	}

nav ul li img {
	margin: 0 auto 10%;
	display: block
}

#up-down.UpMove {
	animation: UpAnime 0.5s forwards
}
@keyframes UpAnime {
	from {
		opacity: 1;
		transform: translateY(0)
	}
	to {
		opacity: 0;
		transform: translateY(-100px)
	}
}

#up-down.DownMove {
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime {
	from {
		opacity: 0;
		transform: translateY(-100px)
	}
	to {
		opacity: 1;
		transform: translateY(0)
	}
}

#under #up-down.DownMove {
	background: #fff
}
/* /all-nav */

/* global nav */
.global_nav {
	max-width:430px;
	margin-left:auto;
	margin-right:auto;
}
/* //global nav */


/* all-store-detail */
.store-detail p:nth-of-type(1) {
	font-size: 1.6rem
}

	@media screen and (max-width: 428px) {
		.store-detail p:nth-of-type(1) {
			font-size: 1.4rem
		}
	}
	
.store-detail p:nth-of-type(2) {
	font-size: 3.6rem;
	align-items: center;
	font-family: Helvetica, sans-serif;
	margin: 10px 0 5px
}

.store-detail p:nth-of-type(2) img {
	width: 30px;
	margin: 0 10px 5px 0
}

.store-detail p:nth-of-type(3) {
	font-size: 2.4rem
}

	@media screen and (max-width: 428px) {
		.store-detail p:nth-of-type(3) {
			font-size: 2.1rem
		}
	}

.store-detail p:nth-of-type(3) span {
	background: #000;
	color: #fff;
	padding: 2px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-right: 10px
}
/* /all-store-detail */


/* all-d-box */
.d-box {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap
}

.d-box li {
	float: left;
	text-align: center;
	margin: 0 1.5% 2% 0;
	background: #fff
}

#index .d-box li {
	width: calc(97%/3)
}

#under .d-box li {
	width: calc(96%/3)
}

#index #pickup .d-box li {
	width: calc(98.5%/2)
}

#index #movie .d-box li {
	/*width: calc(97%/3);*/
	width: 100%
}

	@media screen and (max-width: 428px) {
		#index #movie .d-box li {
			width: 100%
		}
	}

#index #ranking .d-box li {
	width: calc(97%/3);
	background: none
}

#index #movie .d-box li {
	background: #493a3a;
	color: #fff;
	font-weight: bold
}

#index .d-box li:nth-of-type(3n) {
	margin: 0 0 2%
}

#index #pickup .d-box li:nth-of-type(2n) {
	margin: 0 0 2%
}

#under .d-box li:nth-of-type(3n) {
	margin: 0 0 2%
}

#index #pickup .d-box li:nth-of-type(3n) {
	margin: 0 1.5% 2% 0
}

#index #movie .d-box li:nth-of-type(3n),
#index #ranking .d-box li:nth-of-type(3n) {
	margin: 0 0 2%
}

#index #movie .d-box li video {
	width: 100%;
	background: #fff
}

#index #movie .d-box li p {
	padding: 2%;
	line-height: 1.4
}

.d-box li p {
	padding: 2% 0;
	font-size: 1.6rem
}

	@media screen and (max-width: 428px) {
		.d-box li p {
			font-size: 1.2rem
		}
	}

.d-box li .name {
	padding: 3% 0 2%;
}

	@media screen and (max-width: 428px) {
		#index #pickup .d-box li .name,
		#index #movie .d-box li .name {
			font-size: 1.4rem
		}
	}

	@media screen and (max-width: 360px) {
		.d-box li .name {
			font-size: 1.1rem
		}
	}

.d-box li .size {
	padding: 1% 0 3%;
	font-size: 1.2rem
}

	@media screen and (max-width: 428px) {
		.d-box li .size {
			font-size: 0.8rem
		}
		#index #pickup .d-box li .size,
		#index #movie .d-box li .size {
			font-size: 1rem
		}
	}

#index #ranking .d-box li .name,
#index #ranking .d-box li .size {
	background: #fff
}

.d-box li .time {
	background: #e2e2e2;
	font-weight: bold
}

	@media screen and (max-width: 428px) {
		#index #pickup .d-box li .time,
		#index #movie .d-box li .time {
			font-size: 1.4rem
		}
	}

	@media screen and (max-width: 375px) {
		#newface .d-box li .time,
		#therapist .d-box li .time,
		#ranking .d-box li .time {
			font-size: 1rem !important
		}
	}

.d-box li .time span,
.d-box li .time em {
	margin-right: 3%;
	display: block;
}

	@media screen and (max-width: 428px) {
		.d-box li .time span,
		.d-box li .time em {
			display: block;
			margin-bottom: 3%
		}
		#newface .d-box li .time span,
		#newface .d-box li .time em {
			font-size: 1.2rem
		}
	}

	@media screen and (max-width: 375px) {
		#newface .d-box li .time span,
		#therapist .d-box li .time span,
		#ranking .d-box li .time span,
		#newface .d-box li .time em,
		#therapist .d-box li .time ,
		#ranking .d-box li .time  {
			font-size: 1.2rem
		}
	}

.d-box li .time span {
	color: #338cd8
}

.d-box li .enter-shop {
	background: #3dbb6c;
	color: #fff
}

.d-box li .info {
	color: #fff;
	font-weight: bold
}

.d-box li .info.now {
	background: #d90d0d
}

.d-box li .info.next {
	background: #ff7854
}

.d-box li .info.last {
	background: #9b7f33
}

.d-box li .info.verification {
	background: #339c8c
}

.d-box li .info.end {
	background: #993ab1
}

.d-box li .info.expiration {
	background: #488edc
}

.d-box li .info.completion {
	background: #ff0000
}

.d-box li .info.holiday {
	background: #ff3cea
}
.d-box li .info.deb1 {
	background: #5bdea2
}

.d-box li .info.deb2 {
	background: #7bfa47
}

.d-box li .info.last1 {
	background: #ffac1e
}

.d-box li .info.rec {
	background: #f79696
}

.d-box li .info.nihonbashi {
	background: #064d8f
}

#index #pickup .d-box li .info {
	background: #f2527b
}

	@media screen and (max-width: 428px) {
		#index #pickup .d-box li .info {
			font-size: 1.4rem
		}
	}

.d-box li .marquee {
    background: #9ec1df;
    color: #fff;
    box-sizing: border-box;
    height: 28px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

	@media screen and (max-width: 428px) {
		.d-box li .marquee {
		}
	}

.d-box li a {
	position: relative;
	display: block
}

.d-box li a.new-line {
	border: 3px solid #3dbb6c;
	box-sizing: border-box
}

.d-box li a .icon {
	position: absolute;
	right: 5%;
	bottom: 3%;
	display: flex
}

.d-box li a .icon img {
	width: 100%;
	max-width: 55px
}

	@media screen and (max-width: 428px) {
		.d-box li a .icon img {
			width: 8.5vw;
			display: block
		}
	}

	@media screen and (max-width: 320px) {
		.d-box li a .icon img {
			width: 25px
		}
	}

#pickup .d-box li a .icon img {
	max-width: 75px
}

	@media screen and (max-width: 428px) {
		#pickup .d-box li a .icon img {
			width: 13.5vw
		}
	}

.d-box li a .icon img:first-of-type {
	margin-right: 3%
}

.d-box li a .box {
	position: absolute;
	bottom: 3%;
	left: 0;
	width: 100%
}

.d-box li a .rank-icon {
	width: 50%
}

	@media screen and (max-width: 428px) {
		.d-box li a .rank-icon {
			width: 60%
		}
	}

.d-box li a .new {
	width: 30%;
	margin-top: 3%;
	text-align: left
}

	@media screen and (max-width: 428px) {
		.d-box li a .new {
			width: 40%
		}
	}

#pickup .d-box li a .new {
	width: 30%
}
/* /all-d-box */


/* all-more */
.more {
	display: block;
	background: #493a3a;
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: 3px;
	line-height: 40px;
	width: 70%;
	margin: 2% auto;
	text-align: center;
	border-radius: 5px
}
/* /all-more */


/* all-under */
#under main {
	padding: 0
}

#under #link,
#under #hotellist,
#under #review,
#under #profile,
#under #franchise,
#under #questionnaire,
#under #reserve,
#under #confirmation,
#under #completion {
	padding: 3% 0
}
/* /all-under */


/* all-headline */
/*
#headline {
	position: relative;
	background: #fff;
	overflow: hidden;
	box-shadow: 0px 0px 0px 3px #fff;
	border: solid 1px #876748;
	margin: 3px 0 3%;
	box-sizing: border-box
}

#headline div {
	max-width: 1280px;
	margin: 0 auto;
	padding: 4% 2%;
	overflow: hidden
}

#headline div h2 {
	font-size: 2.7rem;
	text-align: center;
	margin-bottom: 3%;
	font-weight: bold;
	color: #252525
}

	@media screen and (max-width: 428px) {
		#headline div h2 {
			font-size: 2.1rem
		}
	}

	@media screen and (max-width: 320px) {
		#headline div h2 {
			font-size: 1.8rem
		}
	}

#headline div ol {
	font-size: 1.6rem;
	background: #eee;
	overflow: hidden;
	padding: 2% 0 2% 3%;
	border-radius: 50px;
	line-height: 1.4
}

	@media screen and (max-width: 428px) {
		#headline div ol {
			font-size: 1.2rem
		}
	}

#headline div ol li {
	float: left
}
*/
/* /all-headline */

/* ページタイトル */
.page_title {
	box-sizing: border-box;
	border: solid 1px #876748;
	padding: 2rem 0;
	margin: 30px 0;
	text-align:center;
}
.page_title span {
	font-size: 2rem;
	font-weight: bold;
	color: #252525
}


/* all-next-prev */
#next-prev {
	text-align: center
}

#next-prev li {
	background: linear-gradient(to right, #5995c8, #99bedd);
	display: inline-block;
	margin: 0 0.5%;
	color: #fff
}

#next-prev li a {
	width: 250px;
	display: block;
	text-align: center;
	line-height: 60px
}

	@media screen and (max-width: 428px) {
		#next-prev li a {
			width: 140px;
			line-height: 40px
		}
	}
/* /all-next-prev */


/* all-form */
form {
	width: 94%;
	margin: 0 auto
}

#franchise form {
	width: 94%;
	margin: 6% 3% 0
}

#reviewform form {
	padding: 6% 0;
	margin-bottom: 4%
}

#reviewform .box {
	background: #fff
}

#reviewform .box > p {
	background: #493a3a;
	padding: 3%;
	color: #fff;
	font-size: 1.8rem;
	margin-top: 3%
}

/*
form dl {
	display: flex;
	text-align: left;
	align-items: center;
	margin-bottom: 3%
}

	@media screen and (max-width: 428px) {
		form dl {
			display: block;
			margin-bottom: 6%
		}
	}

form dl dt {
	line-height: 1.4
}

form dl dt {
	width: 40%
}

	@media screen and (max-width: 428px) {
		form dl dt {
			width: auto;
			margin-bottom: 1.5%
		}
	}

#franchise form dl dt {
	width: 30%
}

	@media screen and (max-width: 428px) {
		#franchise form dl dt {
			width: auto
		}
	}

form dl dt span {
	color: #f00;
	margin-left: 3%
}

form dl dd {
	width: 60%
}

	@media screen and (max-width: 428px) {
		form dl dd {
			width: auto
		}
	}

#franchise form dl dd {
	width: 70%
}

	@media screen and (max-width: 428px) {
		#franchise form dl dd {
			width: auto
		}
	}

#reserve form dl dd.reservation-date,
#reserve form dl dd.reservation-time {
	display: flex
}

form dl input {
	padding: 1%
}

form dl dd input {
	width: 100%;
	box-sizing: border-box
}

form dl dd.radio {
	margin-top: 2.5%
}

form dl dd.radio input[type=radio],
form dl dd.radio input[type=checkbox] {
    display: none
}

form dl dd.radio label {
    box-sizing: border-box;
    display: inline-block;
    padding: 5px 0 5px 30px;
    position: relative;
    width: auto
}

form dl dd.radio label::before {
    background: #fff;
	border: 1px solid #333;
	content: '';
	display: block;
	height: 16px;
	left: 5px;
	position: absolute;
	top: -50%;
	width: 16px
}

form dl dd.radio label::after {
    border-right: 3px solid #ac8d54;
    border-bottom: 3px solid #ac8d54;
    content: '';
    display: block;
    height: 9px;
    left: 10px;
    opacity: 0;
    position: absolute;
    top: -40%;
    transform: rotate(45deg);
    width: 5px
}

input[type=radio]:checked + label::after {
    opacity: 1 !important;
}

form dl dd label select {
	background: #fff;
	border: 1px solid #8b8b8b;
	padding: 1.5%;
	width: 100%;
	box-sizing: border-box
}

#reserve form dl dd.reservation-date label,
#reserve form dl dd.reservation-time label {
	width: 33.33333333%
}

#reserve form dl dd.reservation-date label select,
#reserve form dl dd.reservation-time label select {
	width: 70%;
	margin-right: 3%;
	padding: 5%
}

form dl dd textarea {
	width: 70%;
	box-sizing: border-box;
	height: 200px
}

	@media screen and (max-width: 428px) {
		form dl dd textarea {
			width: 100%
		}
	}

#questionnaire form dl dd textarea {
	width: 100%
}

form .parsley-custom-error-message {
	color: #f00;
	margin-top: 2%
}

form .submit {
	text-align: center
}

form .submit input {
	background: #918379;
	border: 1px solid #b6b6b6;
	padding: 3% 12%;
	font-size: 1.8rem;
	-webkit-appearance: none
}
*/

/* all-form-confirmation */
#confirmation p {
	text-align: center;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 6%;
	font-size: 1.6rem
}

#confirmation form dl {
	overflow: hidden;
	margin: 9% 0
}

#confirmation form dl dt,
#confirmation form dl dd {
	line-height: 1.6
}

#confirmation form dl dt {
	font-weight: bold
}

#confirmation form dl dd {
}

#confirmation form ul {
	display: flex;
	justify-content: center
}

#confirmation form ul li {
	margin: 0 1%
}

#confirmation form ul input {
	background: #918379;
	border: 1px solid #b6b6b6;
	line-height: 50px;
	font-size: 1.8rem;
	-webkit-appearance: none;
	width: 150px
}
/* /all-form-confirmation */


/* all-form-completion */
#completion {
	text-align: center
}

#completion p {
	line-height: 1.8;
}

#completion ul li a {
	background: #918379;
	border: 1px solid #b6b6b6;
	line-height: 50px;
	width: 150px;
	display: block;
	margin: 3% auto 0
}
/* /all-form-completion */
/* /all-form */


/* all-footer */
footer {
	margin-top: 5%
}

footer .wrap {
	background-image: url(../images/footer/back.jpg);
	width: 100%;
	/*max-width: 1180px;*/
	max-width:430px;
	height: 70vw;
	max-height: 410px;
	max-height:270px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	overflow: hidden;
	padding: 0
}

footer .wrap .box {
	text-align: center
}

footer .wrap .box #f-logo {
	width: 50%;
	max-width: 200px;
	margin: 10% auto 7%
}

footer .wrap ul.pc li {
	float: left;
	position: relative;
	padding-left: 20px;
	margin-bottom: 20px;
	width: calc(100%/5)
}

footer .wrap ul.pc li a::before {
	content: '▶';
	font-size: 1.2rem;
	color: #ac8d54;
	position: absolute;
	left: 0;
	top: 2px
}

footer ul li {
	background: #252525;
	width: calc(100%/2);
	float: left;
	border: 1px solid #fff;
	box-sizing: border-box;
	color: #fff;
	font-size: 1.8rem
}

	@media screen and (max-width: 320px) {
		footer ul li {
			font-size: 1.6rem
		}
	}

/*footer ul li:last-of-type {
	width: 100%
}*/

footer ul li a {
	position: relative;
	display: block;
	padding: 6%
}

/*footer ul li:last-of-type a {
	padding: 3%
}*/

footer ul li a::after {
	content: "";
	background: url("../images/footer/arrow.svg") center center no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 3%
}

/*footer ul li:last-of-type a::after {
	right: 1.5%
}*/

footer #copy {
	font-size: 1.4rem;
	text-align: center
}

	@media screen and (max-width: 428px) {
		footer #copy {
			font-size: 1.2rem
		}
	}

footer #copy p {
	margin: 2% 2% 6%;
	line-height: 1.6
}
/* /all-footer */


/*　all-page-top */
#page-top {
	position: fixed;
	/*bottom: 13vw;*/
	bottom:56px;
	right: 10px;
	transition: all .3s ease-in;
	opacity: 0;
	z-index: 10;
	width: 70px
}

	@media screen and (max-width: 428px) {
		#page-top {
			bottom: 15.5vw;
			width: 60px
		}
	}

#page-top.-scrolled {
	transition: all .3s ease-in;
	opacity: 1;
	z-index: 1
}
/*　/all-page-top */


/*　all-fixed-btn */
#fixed-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 0;
	left:50%;
	transform:translateX(-50%);
	width: 100%;
	max-width:430px;
	background: rgba(0,0,0,0.8)
}

#fixed-btn li {
	color: #fff;
	border-right: 1px solid #000;
	box-sizing: border-box;
	text-align: center
}

#fixed-btn.five li {
	width: calc(100%/5)
}

#fixed-btn.four li {
	width: calc(100%/4)
}

#fixed-btn.three li {
	width: calc(100%/3)
}

#fixed-btn.two li {
	width: calc(100%/2)
}

#fixed-btn li:last-of-type {
	border-right: none;
	width: 30%;
	background: rgba(237, 0, 89, 0.8)
}

#fixed-btn.three li:last-of-type,
#fixed-btn.two li:last-of-type {
	width: 100%
}

#fixed-btn li a {
	display: block;
	font-size: 1.4rem;
	padding: 10% 0
}

	@media screen and (max-width: 428px) {
		#fixed-btn li a {
			font-size: 1.2rem
		}
	}

	@media screen and (max-width: 320px) {
		#fixed-btn li a {
			font-size: 1.1rem
		}
	}

#fixed-btn li:last-of-type a {/*電話ボタン*/
	font-size: 1.5rem;
	display: flex;
	justify-content: center;
	align-items: center
}

	@media screen and (max-width: 428px) {
		#fixed-btn li:last-of-type a {/*電話ボタン*/
			/*font-size: 1.6rem*/
		}
	}

#fixed-btn.five li:last-of-type a {
	padding: 14% 0
}

#fixed-btn.four li:last-of-type a {
	padding: 16% 0
}

#fixed-btn.three li:last-of-type a {
	padding: 7% 0
}

#fixed-btn.two li:last-of-type a {
	padding: 9% 0
}

#fixed-btn li img {
	margin: 0 auto 10%;
	display: block;
	width: 22px
}

	@media screen and (max-width: 428px) {
		#fixed-btn li img {
			width: 18px
		}
	}

#fixed-btn li:last-of-type img {
	display: inline-block;
	margin: 0 3% 0 0;
	width: 30px
}

	@media screen and (max-width: 428px) {
		#fixed-btn li:last-of-type img {
			width: 22px
		}
	}
/*　/all-fixed-btn */
/*-- /all --*/


/*-- index --*/
#index .slick-slider {
	margin-top: 3%
}

#index main h2 {
	margin: 5% 0
}

#index main #pickup h2 {
	border-bottom: 5px solid #eb283c
}

#index main #waiting h2 {
	border-bottom: 5px solid #ff2d20
}

#index main #newface h2 {
	border-bottom: 5px solid #d82323
}

#index main #schedule h2 {
	border-bottom: 5px solid #2b9fd2
}

#index main #photodiary h2 {
	border-bottom: 5px solid #2cd22b
}

#index main #movie h2 {
	border-bottom: 5px solid #fa22ac
}

#index main #ranking h2 {
	border-bottom: 5px solid #dd6f0d
}

#index main #event h2 {
	border-bottom: 5px solid #629bcb
}

#index main #store h2 {
	border-bottom: 5px solid #629bcb
}

#index main #twitter h2 {
	border-bottom: 5px solid #2d2d2d
}

#index main #event .box img {
	width: 100%
}

#index main #event .box h3 {
	background: linear-gradient(to right, #5995c8, #99bedd);
	padding: 10px;
	color: #fff;
	font-weight: bold;
	margin-top: 15px;
	text-align: center
}

#index main #event .box {
	overflow: auto;
	max-height: 500px;
	line-height: 1.4
}

#index main #store h3 {
	background: linear-gradient(to right, #5995c8, #99bedd);
	padding: 10px;
	color: #fff;
	font-weight: bold;
	margin-top: 3%;
	font-size: 1.8rem
}

#index main #store ul {
	overflow: hidden;
	padding: 0 1%
}

#index main #store ul li {
	float: left;
	margin: 2% 1% 0;
	width: 48%
}

#index main #store ul li img {
	width: 100%
}

#index main #ranking .rank {
	margin-bottom: 9%
}

#index main #ranking .rank img {
	width: 80%
}

#index main .banner {
	overflow: hidden;
	padding: 0 5%
}

	@media screen and (max-width: 428px) {
		#index main .banner {
			/*padding: 0*/
		}
	}

#index main .banner li {
	width: calc(95%/2);
	margin: 5% 5% 0 0;
	float: left
}

	@media screen and (max-width: 428px) {
		#index main .banner li {
			/*width: auto;
			margin: 5% 0 0;
			float: none*/
		}
	}

#index main .banner li:nth-of-type(2n) {
	margin: 5% 0 0 0
}

#index main .banner li img {
	width: 100%
}

#index #ranking .d-box .ranking {
	margin-bottom: 3%
}
/*-- /index --*/


/*-- therapist --*/
#under #therapist form {
	background: #493a3a;
	padding: 3%;
	margin-bottom: 3%
}

#under #therapist form p {
	color: #fff
}

#under #therapist form > p {
	color: #fff;
	text-align: center;
	margin-bottom: 3%;
	font-size: 1.8rem
}

	@media screen and (max-width: 428px) {
		#under #therapist form > p {
			font-size: 1.6rem
		}
	}

#under #therapist form div {
	display: flex;
	justify-content: center;
	align-items: center
}

#under #therapist form input:first-of-type {
	width: 55%;
	padding: 2.5%;
	border: none;
	margin: 0 10px;
}

#under #therapist form input:last-of-type {
	padding: 1.5% 5%;
	border: 1px solid #fff;
	box-sizing: border-box;
	background: #b6a1a1;
	color: #493a3a;
	-webkit-appearance: none
}
/*-- /therapist --*/


/*-- schedule --*/
#under #schedule #date {
	padding: 0 3% 3%
}

#under #schedule #date ul {
	overflow: hidden
}

#under #schedule #date ul li {
	width: 23%;
	margin: 1%;
	text-align: center;
	float: left;
	font-size: 1.6rem
}

	@media screen and (max-width: 428px) {
		#under #schedule #date ul li {
			width: 48%;
			font-size: 1.4rem
		}
	}

#under #schedule #date ul li a {
	display: block;
	padding: 3% 6%;
	background: #493a3a;
	color: #fff;
}

#under #schedule h3 {
	background: #e2e2e2;
	text-align: center;
	padding: 3% 0;
	margin-bottom: 3%;
	font-size: 2.1rem
}

	@media screen and (max-width: 428px) {
		#under #schedule h3 {
			font-size: 1.6rem
		}
	}
/*-- /schedule --*/


/*-- about --*/
#under #about div {
	border: 3px solid #493a3a;
	text-align: center;
	margin-bottom: 3%;
	background: #fff
}

#under #about div dl {
	border: solid 1px #493a3a;
	margin: 0.5%;
	padding: 3%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%
}

#under #about div:nth-of-type(1) dl {
	background-image: url(../images/about/about_bg01.jpg)
}

#under #about div:nth-of-type(2) dl {
	background-image: url(../images/about/about_bg02.jpg)
}

#under #about div:nth-of-type(3) dl {
	background-image: url(../images/about/about_bg03.jpg)
}
#under #about div:nth-of-type(4) dl {
	background-image: url(../images/about/about_bg04.jpg)
}
#under #about div:nth-of-type(5) dl {
	background-image: url(../images/about/about_bg05.jpg)
}
#under #about div:nth-of-type(6) dl {
	background-image: url(../images/about/about_bg06.jpg)
}
#under #about div:nth-of-type(7) dl {
	background-image: url(../images/about/about_bg07.jpg)
}

#under #about div dt {
	background: #493a3a;
	color: #fff;
	font-size: 1.8rem;
	padding: 3% 0;
	margin-bottom: 2%
}

#under #about div dd {
	line-height: 1.8
}

#under #about div dd span {
	display: block;
	color: #a81414
}
/*-- /about --*/


/*-- event --*/
#under #event dl {
	background: #f2f2f2;
	padding: 3% 0;
	margin-bottom: 6%;
	text-align: center
}

#under #event dl dt {
	background: #493a3a;
	color: #fff;
	padding: 1%;
	font-weight: bold;
	line-height: 1.4
}

	@media screen and (max-width: 428px) {
		#under #event dl dt {
			font-size: 1.6rem;
			padding: 2%
		}
	}

#under #event dl dt img {
	width: 18px;
	margin-right: 1%;
}

#under #event dl dd {
	margin-top: 2%;
	line-height: 1.4
}

#under #event dl dd div img {
	margin-bottom: 2%
}
/*-- /event --*/


/*-- group --*/
#under #group h3 {
	background: linear-gradient(to right, #5995c8, #99bedd);
	padding: 10px;
	color: #fff;
	font-weight: bold;
	margin: 6% 0 3%;
	font-size: 1.8rem
}

	@media screen and (max-width: 428px) {
		#under #group h3 {
			font-size: 1.6rem
		}
	}

#under #group div {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

#under #group div dl {
	margin: 3%;
	width: calc(76%/2)
}

	@media screen and (max-width: 428px) {
		#under #group div dl {
			margin: 3%;
			width: auto
		}
	}

#under #group div dl dt {
	text-align: center;
	padding: 1.5% 0;
	color: #fff;
	margin-bottom: 3%;
	background: #493a3a
}
/*-- /group --*/


/*-- link --*/
#under #link {
	text-align: center
}

#under #link p {
	line-height: 1.6;
	margin-bottom: 1%
}

#under #link dl dt {
	margin: 3% 0 1.5%
}

#under #link dl dd {
	margin: 0 3%
}

#under #link h3 {
	margin: 6% 0 3%
}

#under #link ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin: 0 auto
}

#under #link ul li {
	margin: 0.5%;
	width: calc(95%/5)
}
/*-- /link --*/


/*-- movie --*/
#under #movie > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

	@media screen and (max-width: 428px) {
		#under #movie > ul {
			display: block
		}
	}

#under #movie > ul > li {
	margin: 2% 2% 2.5%;
	/*width: calc(88%/2);*/
	background: #493a3a;
	color: #fff;
	font-size: 1.8rem
}

	@media screen and (max-width: 428px) {
		#under #movie > ul > li {
			margin: 6% 0;
			width: auto;
			overflow: hidden;
			
		}
	}

#under #movie > ul > li video {
	width: 100%;
	background: #fff
}

#under #movie > ul > li > p {
	padding: 3% 3% 1%;
	font-weight: bold;
	line-height: 1.4;
	text-decoration: underline
}

#under #movie > ul > li div {
	margin: 3%;
	float: left;
	width: 61%
}

#under #movie > ul > li div:first-of-type {
	width: 30%;
	height: 13.2vw;
	overflow: hidden;
	margin-right: 0
}

	@media screen and (max-width: 428px) {
		#under #movie > ul > li div:first-of-type {
			height: 30vw
		}
	}

#under #movie > ul > li div:last-of-type p:last-of-type {
	font-size: 1.4rem
}

#under #movie > ul > li div:last-of-type p {
	margin-top: 6%
}

#under #movie > ul > li div:last-of-type ul > li > a {
	border: 1px solid #fff;
	box-sizing: border-box;
	display: block;
	text-align: center;
	padding: 4% 0;
	margin-top: 6%
}
/*-- /movie --*/


/*-- notfound --*/
#notfound {
	text-align: center
}

#notfound p {
	line-height: 2.4;
	padding: 3%
}

#notfound ul {
	margin: 3% 0 6%
}
/*-- /notfound --*/


/*-- system --*/
/*
#system > div {
	margin-top: 6%
}

#system > div div {
	overflow: hidden;
	font-size: 3rem;
	background: #fff
}

	@media screen and (max-width: 428px) {
		#system > div div {
			font-size: 2.1rem
		}
	}

#system > div:nth-of-type(5) div,
#system > div:nth-of-type(6) div {
	font-size: 2.1rem
}

	@media screen and (max-width: 428px) {
		#system > div:nth-of-type(5) div,
		#system > div:nth-of-type(6) div {
			font-size: 1.6rem
		}
	}

#system > div:nth-of-type(1) div {
	border: 5px solid #e75b5c
}

#system > div:nth-of-type(2) div {
	border: 5px solid #49afd9
}

#system > div:nth-of-type(3) div {
	border: 5px solid #e75b5c
}

#system > div:nth-of-type(4) div {
	border: 5px solid #49afd9
}

#system > div:nth-of-type(5) div {
	border: 5px solid #4ac56d
}

#system > div:nth-of-type(6) div {
	border: 5px solid #f29952
}

#system > div div dl {
	overflow: hidden
}

#system > div:nth-of-type(1) div dl {
	border-bottom: 3px solid #e75b5c
}

#system > div:nth-of-type(2) div dl {
	border-bottom: 3px solid #49afd9
}

#system > div:nth-of-type(3) div dl {
	border-bottom: 3px solid #e75b5c
}

#system > div:nth-of-type(4) div dl {
	border-bottom: 3px solid #49afd9
}

#system > div:nth-of-type(5) div dl {
	border-bottom: 3px solid #4ac56d
}

#system > div:nth-of-type(6) div dl {
	border-bottom: 3px solid #f29952
}

#system > div div dl:last-of-type {
	border-bottom: 0
}

#system > div div dl dt,
#system > div div dl dd {
	text-align: right;
	font-family: 'Montserrat', sans-serif;
	padding: 0 2% 0.5% 0;
	margin-top: 1.5%
}

#system > div div dl dt {
	width: 40%;
	float: left;
	margin-top: 2%;
	position: relative
}

#system > div div dl dt.recommendation::before {
	content: '';
	position: absolute;
	left: 5%;
	top: -28%;
	background: url("./images/system/recommendation.png") center center no-repeat;
	background-size: 40px 42px;
	width: 40px;
	height: 42px
}

	@media screen and (max-width: 428px) {
		#system > div div dl dt.recommendation::before {
			top: -20%;
			background-size: 29px 31px;
			width: 29px;
			height: 31px
		}
	}

#system > div:nth-of-type(5) div dl dt,
#system > div:nth-of-type(6) div dl dt {
	width: auto;
	text-align: left;
	padding-left: 2%
}

#system > div:nth-of-type(5) div dl dt.img,
#system > div:nth-of-type(6) div dl dt.img {
	width: 55%
}

#system > div:nth-of-type(5) div dl dt img,
#system > div:nth-of-type(6) div dl dt img {
	display: block;
	width: 150px;
	margin-bottom: 5px
}

	@media screen and (max-width: 428px) {
		#system > div:nth-of-type(5) div dl dt img,
		#system > div:nth-of-type(6) div dl dt img {
			width: 100px
		}
	}

#system > div div dl dd {
	float: right;
	font-size: 3.6rem;
	font-weight: bold;
	color: #e75b5c
}

	@media screen and (max-width: 428px) {
		#system > div div dl dd {
			font-size: 3rem
		}
	}

	@media screen and (max-width: 320px) {
		#system > div div dl dd {
			font-size: 2.7rem
		}
	}

#system > div:nth-of-type(5) div dl dd,
#system > div:nth-of-type(6) div dl dd {
	font-size: 3rem;
	font-weight: normal
}

	@media screen and (max-width: 428px) {
		#system > div:nth-of-type(5) div dl dd,
		#system > div:nth-of-type(6) div dl dd {
			font-size: 2.4rem
		}
	}

#system > div:nth-of-type(5) div dl dd.jp,
#system > div:nth-of-type(6) div dl dd.jp {
	font-size: 2.4rem
}

	@media screen and (max-width: 428px) {
		#system > div:nth-of-type(5) div dl dd.jp,
		#system > div:nth-of-type(6) div dl dd.jp {
			font-size: 1.8rem
		}
	}

#system > p {
	font-size: 2.1rem;
	text-align: center;
	padding: 6% 2%
}

	@media screen and (max-width: 428px) {
		#system > p {
			font-size: 1.4rem
		}
	}

#system > p:nth-of-type(3),
#system > p:last-of-type {
	line-height: 1.8;
}

#system > p.ban {
	border: 5px solid #333;
	box-sizing: border-box;
	padding: 4% 2%;
	margin: 3% 0;
	text-align: left;
	color: #333;
	background: rgba(255,255,255,0.6)
}

#system > p.ban strong {
	display: block;
	font-size: 2.4rem;
	margin-bottom: 4%;
	font-weight: bold;
	text-align: center
}

	@media screen and (max-width: 428px) {
		#system > p.ban strong {
			font-size: 1.6rem
		}
	}
*/
/*-- /system --*/


/*-- ranking --*/
#ranking .genre li a {
	background: #fff;
	padding: 10px 20px;
	margin: 0 10px 2%;
	display: block;
	font-size: 2.4rem;
	border: 3px solid #493a3a;
	box-sizing: border-box;
	color: #493a3a;
	text-align: center
}

	@media screen and (max-width: 428px) {
		#ranking .genre li a {
			font-size: 1.8rem
		}
	}

#ranking .genre li.on a {
	background: #493a3a;
	color: #fff
}

#ranking .box {
	background: #f2f2f2;
	padding: 2%;
	overflow: hidden;
	margin-bottom: 6%
}

#ranking .box:last-of-type {
	margin-bottom: 0
}

#ranking .box .img {
	width: 40%;
	float: left
}

	@media screen and (max-width: 690px) {
		#ranking .box .img {
			width: 97%
		}
	}

#ranking .box .img img {
	width: 100%;
	box-shadow: -10px 10px 0px 0 rgba(0, 0, 0, 0.5);
	margin: 0 0 10px 10px
}

#ranking .detail > img {
	margin: 3% 0 6%;
	width: 100%;
	padding: 0 5%;
	box-sizing: border-box
}

#ranking .detail {
	float: right;
	width: 57%
}

	@media screen and (max-width: 690px) {
		#ranking .detail {
			float: none;
			width: auto
		}
	}

#ranking .detail div {
	overflow: hidden;
	border-bottom: 5px solid #493a3a
}

#ranking .detail div .name {
	position: relative;
	display: inline-block;
	background: #493a3a;
	padding: 2.5% 1.5% 1.5%;
	float: left;
	color: #fff;
	font-size: 2.1rem;
	padding-left: 45px
}

	@media screen and (max-width: 690px) {
		#ranking .detail div .name {
			font-size: 1.6rem;
			padding-left: 30px
		}
	}

	@media screen and (max-width: 320px) {
		#ranking .detail div .name {
			font-size: 1.4rem
		}
	}

#ranking .detail div .name::after {
	content: "";
	position: absolute;
	border-bottom: 60px solid #493a3a;
	border-right: 40px solid transparent;
	box-sizing: border-box;
	top: 0;
	right: -40px
}

#ranking .detail div .name::before {
	content: "";
	transition: all .2s ease-in;
	background: url("../images/name_icon.png") center center no-repeat;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	display: inline-block;
	position: absolute;
	top: 1.2vw;
	left: 10px
}

	@media screen and (max-width: 690px) {
		#ranking .detail div .name::before {
			background-size: 15px 15px;
			width: 15px;
			height: 15px;
			top: 2.4vw
		}
	}

#ranking .detail div .size {
	float: right;
	padding: 2% 1.5% 1%;
	font-size: 1.6rem
}

	@media screen and (max-width: 690px) {
		#ranking .detail div .size {
			padding: 3% 1.5% 1%;
			font-size: 1.2rem
		}
	}

	@media screen and (max-width: 320px) {
		#ranking .detail div .size {
			font-size: 1rem
		}
	}

#ranking .detail > p {
	line-height: 1.8;
	padding-top: 3%;
	overflow: auto;
	max-height: 205px;
	text-decoration: underline
}
/*-- /ranking --*/


/*-- play --*/
#under #play div {
	border: 3px solid #493a3a;
	text-align: center;
	margin-bottom: 3%;
	background: #fff;
}

#under #play div dl {
	border: solid 1px #493a3a;
	margin: 0.5%;
	padding: 3%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	overflow: hidden
}

#under #play div:first-of-type dl {
	background-image: url(../images/play/01.jpg)
}

#under #play div:first-of-type dl dt {
	font-size: 3rem;
	color: #785b4c;
	margin-bottom: 3%;
	display: flex;
	align-items: center;
	justify-content: center
}

	@media screen and (max-width: 428px) {
		#under #play div:first-of-type dl dt {
			font-size: 2.4rem
		}
	}

#under #play div.pt1 dl dt {
	width: 30%;
	float: left
}

	@media screen and (max-width: 428px) {
		#under #play div.pt1 dl dt {
			width: auto;
			float: none
		}
	}

#under #play div.pt2 dl dt {
	width: 30%;
	float: right
}

	@media screen and (max-width: 428px) {
		#under #play div.pt2 dl dt {
			width: auto;
			float: none
		}
	}

#under #play div.pt3 dl dt {
	width: 40%;
	float: right
}

	@media screen and (max-width: 428px) {
		#under #play div.pt3 dl dt {
			width: auto;
			float: none
		}
	}

#under #play div.pt4 dl dt {
	width: 40%;
	float: left
}
	
	@media screen and (max-width: 428px) {
		#under #play div.pt4 dl dt {
			width: auto;
			float: none
		}
	}

#under #play div dl dt span {
	font-size: 1.6rem;
	margin: 0 1%
}

#under #play div dl dd {
	font-size: 1.8rem;
	line-height: 1.6
}

	@media screen and (max-width: 428px) {
		#under #play div dl dd {
			font-size: 1.6rem;
			line-height: 1.4
		}
	}

#under #play div:nth-of-type(n+2) dl dd {
	color: #e84486
}

#under #play div.pt1 dl dd,
#under #play div.pt2 dl dd {
	width: 70%;
	float: left
}

	@media screen and (max-width: 428px) {
		#under #play div.pt1 dl dd,
		#under #play div.pt2 dl dd {
			width: auto;
			float: none
		}
	}

#under #play div.pt3 dl dd,
#under #play div.pt4 dl dd {
	width: 60%;
	float: left
}

	@media screen and (max-width: 428px) {
		#under #play div.pt3 dl dd,
		#under #play div.pt4 dl dd {
			width: auto;
			float: none
		}
	}

#under #play div.line2 dl dd {
	padding-top: 7%
}

	@media screen and (max-width: 428px) {
		#under #play div.line2 dl dd {
			padding-top: 3.5%
		}
	}

#under #play div.line3 dl dd {
	padding-top: 8%
}

	@media screen and (max-width: 428px) {
		#under #play div.line3 dl dd {
			padding-top: 4%
		}
	}

#under #play div.line4 dl dd {
	padding-top: 6%
}

	@media screen and (max-width: 428px) {
		#under #play div.line4 dl dd {
			padding-top: 3%
		}
	}

#under #play div.line6 dl dd {
	padding-top: 3%
}

#under #play div dl dd strong {
	color: #e84486;
	display: block;
	margin: 2% 0 1%
}

#under #play div dl dd small {
	font-size: 1.6rem;
	display: block
}

#under #play div:last-of-type dl dt {
	font-size: 2.4rem;
	margin-bottom: 3%;
	line-height: 1.4;
	font-weight: bold
}

	@media screen and (max-width: 428px) {
		#under #play div:last-of-type dl dt {
			font-size: 1.8rem
		}
	}

#under #play div:last-of-type dl dd {
	font-size: 1.6rem;
	color: #000
}

	@media screen and (max-width: 428px) {
		#under #play div:last-of-type dl dd {
			font-size: 1.4rem
		}
	}
/*-- /play --*/


/*-- hotellist --*/
#under #hotellist {
	font-size: 1.4rem
}

	@media screen and (max-width: 428px) {
		#under #hotellist {
			
		}
	}

#under #hotellist dl.main {
	border: 2px solid #785b4c;
	box-sizing: border-box;
	background: #fff
}

#under #hotellist dl.main dt {
	padding: 1.5% 1%;
	text-align: center
}

#under #hotellist dl.main.area dt {
	background: #785b4c;
	color: #fff;
	font-size: 1.6rem
}

	@media screen and (max-width: 428px) {
		#under #hotellist dl.main.area dt {
			
		}
	}

#under #hotellist dl.main dt,
#under #hotellist dl.main dd {
	border-bottom: 2px solid #785b4c;
	box-sizing: border-box
}

#under #hotellist dl.main dd:last-of-type {
	border-bottom: none
}

#under #hotellist dl.main dd {
	display: flex
}

#under #hotellist dl.main dd div:first-of-type {
	display: flex;
	flex-wrap: wrap;
	width: 40%
}

#under #hotellist dl.main dd div p {
	padding: 2%;
	border-left: 2px solid #785b4c;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	line-height: 1.4
}

#under #hotellist dl.main.area dd div:first-of-type p {
	border-left: none
}

#under #hotellist dl.main dd div:first-of-type p:first-of-type {
	width: 6%;
	background: #785b4c
}

#under #hotellist dl.main.area dd div:first-of-type p:first-of-type {
	background: none
}

#under #hotellist dl.main dd div:first-of-type p:last-of-type {
	width: 100%
}

#under #hotellist dl.main dd div:last-of-type {
	width: 60%
}

#under #hotellist dl.main dd div:last-of-type p:first-of-type {
	border-bottom: 2px solid #785b4c
}

#under #hotellist dl.main dd a {
	text-decoration: underline
}

#under #hotellist iframe {
	width: 100%;
	height: 600px;
	margin: 3% 0
}
/*-- /hotellist --*/


/*-- review --*/
#under #review .txt {
	border: 5px solid #3c68ca;
	box-sizing: border-box;
	padding: 3%;
	text-align: center;
	background: #f2f2f2;
	margin-bottom: 4%
}

#under #review .txt img {
	width: 85%;
	max-width: 343px
}

#under #review .txt p {
	line-height: 1.6;
	margin-top: 3%;
	font-size: 1.6rem
}

	@media screen and (max-width: 428px) {
		#under #review .txt p {
			
		}
	}

#under #review dl {
	background: #f2f2f2;
	margin-bottom: 6%
}

#under #review dl dt {
	background: linear-gradient(to right, #5995c8, #99bedd);
	color: #fff;
	padding: 3%;
	font-weight: bold;
	font-size: 1.8rem
}

	@media screen and (max-width: 428px) {
		#under #review dl dt {
			
		}
	}

#under #review dl dt img {
	width: 18px;
	margin-right: 1%
}

#under #review dl dd {
	padding: 2%;
	overflow: hidden;
	font-size: 1.4rem
}

	@media screen and (max-width: 428px) {
		#under #review dl dd {
			padding: 3%;
			
		}
	}

#under #review dl dd > div a {
	max-width: 300px;
	margin: 0 auto;
	display: block
}

#under #review dl dd div:first-of-type img {
	width: 100%
}

#under #review dl dd div:last-of-type {
	margin-top: 3%
}

#under #review dl dd div:last-of-type p {
	line-height: 1.6
}

#under #review dl dd div:last-of-type p strong {
	color: #669dcd;
	margin-right: 2%
}

#under #review dl dd div:last-of-type p:nth-of-type(3) {
	margin: 2% 0
}

#under #review dl dd div:last-of-type p:last-of-type {
	overflow: auto;
	max-height: 299px
}

#under #review .btn {
	text-align: center;
	background: #fff;
	padding: 6% 0
}

#under #review .btn li {
	background: linear-gradient(to right, #5995c8, #99bedd);
	display: inline-block;
	margin: 0 0.5%;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold
}

	@media screen and (max-width: 428px) {
		#under #review .btn li {
			
		}
	}

#under #review .btn li a {
	width: 190px;
	display: block;
	text-align: center;
	line-height: 50px
}
/*-- /review --*/


/*-- profile --*/
#profile .box {
	overflow: hidden
}

#profile h4 {
	background: #493a3a;
	color: #fff;
	padding: 10px 15px;
	font-size: 2.4rem;
	font-weight: bold;
	margin-top: 6%
}

	@media screen and (max-width: 428px) {
		#profile h4 {
			font-size: 1.8rem
		}
	}

#profile h4 span {
	font-size: 1.6rem;
	margin-left: 15px;
	font-family: Helvetica, sans-serif
}

#profile .detail h3 {
	overflow: hidden;
	border-bottom: 5px solid #493a3a;
	margin-top: 6%
}

#profile .detail h3 .name {
	position: relative;
	display: inline-block;
	background: #493a3a;
	padding: 2.5% 1.5% 1.5%;
	float: left;
	color: #fff;
	font-size: 2.4rem;
	padding-left: 45px
}

	@media screen and (max-width: 428px) {
		#profile .detail h3 .name {
			font-size: 2.1rem;
			padding-left: 35px
		}
	}

#profile .detail h3 .name::after {
	content: "";
	position: absolute;
	border-bottom: 60px solid #493a3a;
	border-right: 40px solid transparent;
	box-sizing: border-box;
	top: 0;
	right: -40px
}

#profile .detail h3 .name::before {
	content: "";
	transition: all .2s ease-in;
	background: url("../images/name_icon.png") center center no-repeat;
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	top: 2vw;
	left: 10px
}

	@media screen and (max-width: 428px) {
		#profile .detail h3 .name::before {
			background-size: 20px 20px;
			width: 20px;
			height: 20px;
			top: 2.5vw
		}
	}

#profile .detail h3 .entry {
	float: right;
	padding: 2% 1.5% 1%;
	font-size: 1.8rem
}

	@media screen and (max-width: 428px) {
		#profile .detail h3 .entry {
			padding: 3% 1.5% 1%;
			font-size: 1.4rem
		}
	}

#profile .rank-icon {
	width: 45%;
	max-width: 300px;
	margin: 6% auto
}

#profile .deta {
	font-size: 2.1rem;
	border-bottom: 2px solid #493a3a;
	overflow: hidden;
	padding: 3% 2% 2%
}

	@media screen and (max-width: 428px) {
		#profile .deta {
			font-size: 1.8rem
		}
	}

#profile .deta dt {
	float: left
}

#profile .deta dd {
	float: right
}

#profile .deta dd img {
	margin-left: 5px
}

#profile .detail > p {
	line-height: 2;
	padding: 3%;
	text-decoration: underline
}

#profile .detail video {
	height: 400px;
	width: 100%;
	background: #fff
}

	@media screen and (max-width: 428px) {
		#profile .detail video {
			height: 250px
		}
	}

#profile .week {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 6% 3% 0
}

#profile .week dl {
	text-align: center;
	width: 100%;
	display: flex;
	background: #fff;
	margin-bottom: 3%;
	border: 1px solid #493a3a;
	box-sizing: border-box
}

#profile .week dl:last-of-type {
	margin-bottom: 0
}

#profile .week dl.on {
	border: 2px solid #e84486
}

#profile .week dl dt {
	background: #493a3a;
	color: #fff;
	padding: 3% 0;
	width: 40%
}

#profile .week dl.on dt {
	background: #e84486
}

#profile .week dl dd {
	padding: 3% 0;
	width: 60%
}

#profile .week dl.on dd {
	color: #e84486;
	font-weight: bold
}

#profile .review {
	background: #fff;
	padding: 3%
}

#profile .review:last-of-type {
	padding: 3% 3% 0
}

#profile .review p {
	line-height: 1.6
}

#profile .review p strong {
	color: #493a3a;
	margin-right: 2%;
	font-weight: bold
}

#profile .review p:nth-of-type(2) {
	margin: 2% 0
}

#profile .review p:last-of-type {
	overflow: auto;
	max-height: 299px;
	border-bottom: 1px dashed #000;
	padding-bottom: 3%
}

.star5_rating {
	position: relative;
	z-index: 0;
	display: inline-block;
	white-space: nowrap;
	color: #CCCCCC;
	font-size: 18px;
	margin-left: 0.5%
}

.star .star5_rating {
	font-size: 18px;
	margin: 0 10px;
}

	@media (max-width: 428px) {
		.star .star5_rating {
			font-size: 12px;
			margin: 0 2px;
		}
	}

#profile #review .star .star5_rating {
	font-size: 30px;
	margin: 0;
}

.box2 .star5_rating{
	font-size: 18px;
	margin-right: 1em;
}

.star5_rating:before, .star5_rating:after{
    content: '★★★★★';
}

.star5_rating:after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #ffcf32;
}

.star5_rating[data-rate="5"]:after{ width: 100%; } /* star5 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* star4.5 */
.star5_rating[data-rate="4"]:after{ width: 80%; } /* star4 */
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* star3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* star3 */
.star5_rating[data-rate="2.5"]:after{ width: 50%; } /* star2.5 */
.star5_rating[data-rate="2"]:after{ width: 40%; } /* star2 */
.star5_rating[data-rate="1.5"]:after{ width: 30%; } /* star1.5 */
.star5_rating[data-rate="1"]:after{ width: 20%; } /* star1 */
.star5_rating[data-rate="0.5"]:after{ width: 10%; } /* star0.5 */
.star5_rating[data-rate="0"]:after{ width: 0%; } /* star0 */

#profile .btn {
	text-align: center;
	background: #fff;
	padding: 6% 0
}

#profile .btn li {
	background: #493a3a;
	display: inline-block;
	margin: 0 0.5%;
	color: #fff
}

#profile .btn li a {
	width: 190px;
	display: block;
	text-align: center;
	line-height: 50px
}
/*-- /profile --*/


/*-- franchise --*/
#franchise {
	text-align: center
}

#franchise > img {
	max-width: 350px;
	width: 90%;
	margin-bottom: 6%
}

#franchise > p {
	margin-bottom: 3%;
	line-height: 1.4;
	font-weight: bold
}

#franchise > p:nth-of-type(1) {
	color: #ae6230
}

#franchise > p:nth-of-type(1),
#franchise > p:nth-of-type(4),
#franchise > p:nth-of-type(5),
#franchise > p:nth-of-type(6),
#franchise > p:nth-of-type(7) {
	font-size: 2.3rem
}

#franchise > p:nth-of-type(2) {
	font-size: 3.6rem
}

	@media (max-width: 428px) {
		#franchise > p:nth-of-type(2) {
			font-size: 3.3rem
		}
	}

#franchise > p:nth-of-type(2),
#franchise > p:nth-of-type(4),
#franchise > p:nth-of-type(5),
#franchise > p:nth-of-type(6),
#franchise > p:nth-of-type(7) {
	color: #ce2876
}

#franchise > p:nth-of-type(4),
#franchise > p:nth-of-type(5),
#franchise > p:nth-of-type(6),
#franchise > p:nth-of-type(7) {
	margin-bottom: 2%
}

#franchise > ul li {
	margin: 6% 2% 0
}

#franchise > ul li p:first-of-type {
	color: #ce2876;
	font-size: 2.7rem;
	margin: 3% 0;
	font-weight: bold
}

#franchise > ul li p:last-of-type {
	line-height: 1.6
}
/*-- /franchise --*/


/*-- questionnaire --*/
#questionnaire > p {
	text-align: center;
	margin-bottom: 6%;
	line-height: 1.6
}

#questionnaire > p:first-of-type {
	box-shadow: 0px 0px 0px 5px #493a3a;
	border: solid 1px white;
	background: #493a3a;
	color: #fff;
	line-height: 1.8;
	text-align: center;
	padding: 3%
}
/*-- /questionnaire --*/


/*-- reserve --*/
#reserve > p {
	text-align: center;
	margin-bottom: 6%;
	border: 5px solid #707070;
	background: #fff;
	line-height: 1.8;
	padding: 3%
}
/*-- /reserve --*/


/*-- recommendation --*/
#recommendation .box {
	margin-bottom: 6%
}

#recommendation .box h3 {
	background: #493a3a;
	color: #fff;
	padding: 3%;
	text-align: center;
	font-size: 2.1rem
}

	@media (max-width: 428px) {
		#recommendation .box h3 {
			font-size: 1.6rem
		}
	}

#recommendation .box dl dt,
#recommendation .box dl dd {
	margin: 3% 3% 0
}

#recommendation .box dl dt {
	color: #f00;
	font-size: 2.1rem
}

#recommendation .box dl dt a,
#recommendation .box dl dd a {
	text-decoration: underline
}

#recommendation .box ul {
	display: flex
}

#recommendation .box ul li {
	margin: 3% 1% 1% 0
}

#recommendation .box ul.one li {
	width: 100%
}

#recommendation .box ul.two li {
	width: 50%
}

#recommendation .box ul.three li {
	width: 33%
}

#recommendation .box ul li:last-of-type {
	margin: 3% 0 1% 0
}

#recommendation .box ul li img {
	width: 100%
}

#recommendation .box iframe {
	box-sizing: border-box;
	margin: 2% 0 1%
}
/*-- /recommendation --*/

/* schcount */

.schcount {
    background: #fff;
    border: 2px solid #000;
    box-sizing: border-box;
    padding: 10px;
    width: 95%;
    max-width: 480px;
    margin: 20px auto 15px;
}

.schcount p {
    font-size: 24px;
}

	@media screen and (max-width: 480px) {
		.schcount p {
			font-size: 18px;
		}
	}

.schcount p span {
    font-size: 30px;
	font-weight: bold;
	color: #ff0000;
}

	@media screen and (max-width: 480px) {
		.schcount p span {
			font-size: 24px;
		}
	}

/* /schcount */

/* marquee */
.marquee2 {
padding:0.5em 0;
overflow:hidden;
margin-bottom:10px;
position:relative;
}

.marquee2 span:after {
content:"";
white-space:nowrap;
padding-right:50px;
}

.marquee2 span {
margin:0;
padding-left:150px;
display:inline-block;
white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:7s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:7s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:7s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:7s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:7s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}

/* /marquee */

/* shopcolor */

.d-box li .info.shinsaibashi {background: #7a314e}
.d-box li .info.umeda {background: #584733}
.d-box li .info.kyoto {background: #3b483e}
.d-box li .info.kobe {background: #481e20}
.d-box li .info.shinbashi {background: #4f3b3d}
.d-box li .info.nagoya {background: #583d66}
.d-box li .info.sizuoka {background: #626262}

/* /shopcolor */

/* 20230629 */

/* flex */

.flex {
  	display:-ms-flexbox;
  	display:flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

.flex-s {justify-content:flex-start!important;}
.space-a {justify-content: space-around!important;}
.space-b {justify-content: space-between!important;}
.item-c {align-items: center;}

/*/ flex */

/*-- schedule --*/

#under #schedule #date2 {
	padding: 0 3% 3%
}

#under #schedule #date2 ul {
	overflow: hidden;
	width: 100vw;
}

#under #schedule #date2 ul li {
	width: 19%;
	margin: 1%;
	text-align: center;
	float: left;
	font-size: 1.6rem
}

	@media screen and (max-width: 428px) {
		#under #schedule #date2 ul li {
			width: 42%;
			font-size: 1.4rem
		}
	}

#under #schedule #date2 ul li a {
	display: block;
	padding: 3% 6%;
	background: #493a3a;
	color: #fff;
}

/*-- /schedule --*/

/*-- profile --*/

#profile .week2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

#profile .week2 dl {
    text-align: center;
    width: 150px;
    background: #fff;
    padding: 0;
    margin: 15px 10px;
}

#profile .week2 dl.on {
	font-weight: bold
}

#profile .week2 dl dt {
	background: #493a3a;
	color: #fff;
	padding: 3%
}

#profile .week2 dl.on dt {
	background: #e84486
}

#profile .week2 dl dd {
	padding: 6% 0
}

#profile .week2 dl.on dd {
	color: #e84486
}

/*-- /profile --*/

.psch-day_slide {
	width: 100%;
	max-width: 1184px;
	margin: 0 auto;
}

.psch-day_slide .btn_prev, .psch-day_slide .btn_next {
    position: absolute;
    top: 0;
    width: 70px;
    height: 100%;
    padding: 1px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	z-index: 30;
	cursor: pointer;
}

.psch-day_slide .btn_prev {left: -60px;}
.psch-day_slide .btn_next {right: -60px;}

.psch-day_slide .btn_prev img {width: 29px;}
.psch-day_slide .btn_next img {width: 29px;}

.psch-day_slide .btn_prev.slick-disabled,
.psch-day_slide .btn_next.slick-disabled {
    opacity: 0;
}
 
.psch-day_slide .btn_prev.slick-disabled:before,
.psch-day_slide .btn_next.slick-disabled:before {
    opacity: 1;
}

.psch-day_slide2 {
	width: 100%;
	max-width: 726px;
	margin: 0 auto;
	padding: 0 5%;
}

	@media screen and (max-width: 428px) {
		.psch-day_slide2 {
			max-width: 360px;
			padding: 0 3%;
		}
	}

.psch-day_slide2 .btn_prev, .psch-day_slide2 .btn_next {
    position: absolute;
    top: 0;
    width: 70px;
    height: 100%;
    padding: 1px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	z-index: 30;
	cursor: pointer;
}

.psch-day_slide2 .btn_prev {left: -40px;}
.psch-day_slide2 .btn_next {right: -40px;}

	@media screen and (max-width: 428px) {
		.psch-day_slide2 .btn_prev {left: -33px;}
		.psch-day_slide2 .btn_next {right: -33px;}
	}

.psch-day_slide2 .btn_prev img {width: 20px;}
.psch-day_slide2 .btn_next img {width: 20px;}

.psch-day_slide2 .btn_prev.slick-disabled,
.psch-day_slide2 .btn_next.slick-disabled {
    opacity: 0;
}
 
.psch-day_slide2 .btn_prev.slick-disabled:before,
.psch-day_slide2 .btn_next.slick-disabled:before {
    opacity: 1;
}

.psch-day_slide3 {
	width: 100%;
	max-width: 1139px;
	margin: 0 auto;
}

.psch-day_slide3 .btn_prev, .psch-day_slide3 .btn_next {
    position: absolute;
    top: -65px;
    width: 70px;
    height: 100%;
    padding: 1px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	z-index: 30;
	cursor: pointer;
}

.psch-day_slide3 .btn_prev {left: -100px;}
.psch-day_slide3 .btn_next {right: -100px;}

.psch-day_slide3 .btn_prev img {width: 29px;}
.psch-day_slide3 .btn_next img {width: 29px;}

.psch-day_slide3 .btn_prev.slick-disabled,
.psch-day_slide3 .btn_next.slick-disabled {
    opacity: 0;
}
 
.psch-day_slide3 .btn_prev.slick-disabled:before,
.psch-day_slide3 .btn_next.slick-disabled:before {
    opacity: 1;
}

/* all-more */

.list-item {
	opacity: 1
}

.list-item.is-hidden {
	opacity: 0;
	height: 0;
	margin: 0!important;
	display: none;
	border: none!important;
}

.list-btn {
	text-align: center;
	margin: 20px auto !important;
	width: 200px !important
}

.list-btn button {
    cursor: pointer;
    outline: none;
    padding: 0;
    line-height: 42px;
    width: 200px;
    font-size: 16px;
    box-sizing: border-box;
	background: #493a3a;
    color: #fff;
}

.list-btn.is-btn-hidden {
  display : none
}
/* /all-more */

/* /20230629 */

.gradation {	
	background: linear-gradient(to right,  rgba(217,161,74,1) 0%,rgba(142,100,26,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
}

.d-box li a.new-line2 {
    border: 3px solid #2d9ac9;
    box-sizing: border-box;
}	
	
.d-box li a .taiken {
    width: 60%;
    margin-top: 3%;
	text-align: left;
}	

#recommendation .box dl dt span {
    margin-bottom: 5px;
    color: #fff;
    background: #f00;
    font-size: 1.5rem;
    display: block;
    width: 40%;
    box-sizing: border-box;
    font-weight: bold;
    padding: 3px 5px;
    border-radius: 10px;
    text-align: center;
}
.slider{
	display: none;
  }
  .slider.slick-initialized{
	display: block; /*slick-initializedが付与されたら表示*/
  }

  .d-box li a.new-line3 {
	border: 3px solid #dfc11d;
	box-sizing: border-box;
}

.d-box li a .iseki {
	width: 38%;
	margin-top: 3%;
	text-align: left;
}

.d-box li .info.area {
    background: #ffb901;
	color: #000;

}
.d-box li .info.nara {
    background: #fe9900;
}

.d-box li .info.aroma {
	background: #bfa219
}

#system{
	.systemslider{
		    margin: 0 auto 2%;
		
	}
	.systemslider:last-of-type{
		    margin: 0 auto ;
		
	}
}

/* 2025 topnews */

#index main #news {

	h2 {
		border-bottom: 5px solid #65ccbb;
	}

	.box {
		overflow: auto;
		max-height: 500px;
		line-height: 1.4

		img {
			width: 100%
		}

		h3 {
			background: linear-gradient(to right, #65ccbb, #8fceda);
			padding: 10px;
			color: #fff;
			font-weight: bold;
			margin-top: 15px;
			text-align: center
		}

	}

	dl {
		background: #f2f2f2;
		padding: 3% 0;
		margin-bottom: 6%;
		text-align: center;

		dt {
			background: #65ccbb;
			color: #fff;
			padding: 1%;
			font-weight: bold;
			line-height: 1.4;
			

			@media screen and (max-width: 428px) {
				font-size: 1.6rem;
				padding: 2%
			}

			img {
				width: 18px;
				margin-right: 1%;
			}
		}

		dd {
			margin-top: 2%;
			line-height: 1.4;

			div img {
				margin-bottom: 2%
			}
		}
	}
}

/* /2025 topnews */