@charset "utf-8";

/***********************************************************************************************************************
* デバイス横サイズ767px以下
***********************************************************************************************************************/
@media screen and (max-device-width: 767px){
.pc{ display:none !important; }
.sp{ display: block !important; }
.hover:hover{
	opacity: 1;
}

html{
	min-width: 0;
}
body{
	overflow-x: hidden;
}
html *:not(br):not(span):not(strong):not(em):not(i){
	font-size: 1.3rem;
}
img{
	width: 100%;
	height:auto;
}
body{
	width: 100%;
}
.wrap,
.wrap-s{
	width: 100%;
	max-width: 100%;
	min-width: 0;
	padding: 0;
}
.wrap-s.mgn{
	padding: 0 3%;
}
.wrap-s.pg-top{
	padding-top: 3vw;
}

main{
	padding-top: 47px;
}

/*ios document click */
.toggle-button,
.btn-toggle,
.thead,
#search-box .title,
#search-box .sub-title,
.comic-list .btn,
.faq-list .question{
	cursor: pointer;
}

/*ヘッダー*/
header{
	min-width: 0;
	display: block;
	width: 100%;
	height: 47px;
}
header::before{
	height: 47px;
}
	header .logo{
		position: relative;
		width: 47px;
		height: 47px;
		background: #ec661b;
	}
		header .logo img{
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			width: 47px;
		}
	/*メニュー*/
	header>nav{
		background: #efefef;
		position: absolute;
		left: 100%;
		top: 47px;
		width: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		-webkit-transition: all 0.6s ease;
		transition: all 0.6s ease;
		display: none;
	}
	header>nav.block{
		display: block;
	}
	header>nav.active{
		left: 0px;
	}

/*お問い合わせボタン*/
body>header .btn-inquiry{
	position: absolute;
	left: 54px;
	top: 0px;
	width: -webkit-calc(100% - 203px);
	width: calc(100% - 203px);
	height: 100%;
	z-index: 2;
}
body>header .btn-inquiry a{
	display: block;
	position: absolute;
	right: 0px;
	top: 10px;
	background: #000;
	font-size: 2.5vw;
	line-height: 26px;
	font-weight: bold;
	padding: 0 1.2em;
	color: #fff;
	white-space: nowrap;
/*
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
*/
	-webkit-border-radius: 13px;
	border-radius: 13px;
}
body>header .btn-search{
	position: absolute;
	right: 82px;
	top: 0px;
	width: 60px;
	height: 100%;
	z-index: 2;
		
}
body>header .btn-search a{
	display: block;
	position: absolute;
	left: 50%;
	background: #f4e827;
	font-size: 10px;
	line-height: 47px;
	font-weight: bold;
	padding: 0 1.0em;
	color: #000;
	white-space: nowrap;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height:47px;
	width: 60px;

}

/*ボタン*/
body>header #menu-button{
	position: absolute;
	display: block;
	right: 0px;
	top: 0;
	width: 75px;
	height: 47px;
	cursor: pointer;
	z-index: 2;
}
	body>header #menu-button>div{
		width: 28px;
		height: 2px;
		background: #000;
		position: absolute;
		-webkit-transition: all .5s;
		   -moz-transition: all .5s;
		    -ms-transition: all .5s;
		     -o-transition: all .5s;
		        transition: all .5s;
	}
	body>header #menu-button>div:nth-child(1){
		top: 35%;
		right: 10px;
		-webkit-transform: translate(0%,0%);
		-moz-transform: translate(0%,0%);
		-ms-transform: translate(0%,0%);
		-o-transform: translate(0%,0%);
		transform: translate(0%,0%);
	}
	body>header #menu-button.active {
		top: 0px;
	}
	body>header #menu-button.active>div{
	}
	body>header #menu-button.active>div:nth-child(1) {
		top: 50%;
		-webkit-transform: translate(-5%,-50%) rotate(45deg);
		   -moz-transform: translate(-5%,-50%) rotate(45deg);
		    -ms-transform: translate(-5%,-50%) rotate(45deg);
		     -o-transform: translate(-5%,-50%) rotate(45deg);
		        transform: translate(-5%,-50%) rotate(45deg);
	}
	body>header #menu-button>div:nth-child(2){
		top: 50%;
		right: 10px;
	}
	body>header #menu-button.active>div:nth-child(2) {
		opacity: 0;
	}
	body>header #menu-button>div:nth-child(3){
		top: 65%;
		right: 10px;
		-webkit-transform: translate(0%,0%);
		   -moz-transform: translate(0%,0%);
		    -ms-transform: translate(0%,0%);
		     -o-transform: translate(0%,0%);
		        transform: translate(0%,0%);
	}
	body>header #menu-button.active>div:nth-child(3) {
		top: 50%;
		-webkit-transform: translate(-5%,-50%) rotate(-45deg);
		   -moz-transform: translate(-5%,-50%) rotate(-45deg);
		    -ms-transform: translate(-5%,-50%) rotate(-45deg);
		     -o-transform: translate(-5%,-50%) rotate(-45deg);
		        transform: translate(-5%,-50%) rotate(-45deg);
	}
	body>header #menu-button p{
		font-size: 1.0rem;
		line-height: 47px;
		font-weight: bold;
	}

header .menu{
	display: block;
	padding: 0;
}
	header .menu>li>a{
		position: relative;
		display: block;
		height: auto;
		padding: 1.3em 3.5%;
		line-height: 1em;
		color: #000;
		border-bottom: 1px solid #e0e0e0;
	}
	header .menu>li.menu-hover>a::after,
	header .menu>li.menu-hover.active>a::after,
	header .menu .box>div>ul>li>a.nolink::after{
		content: "";
		background: #000;
		position: absolute;
		left: auto;
		right: 5%;
		bottom: 50%;
		width: 12px;
		height: 2px;
		margin-left: 0px;
		border: none;
		-webkit-transform: rotate(0deg) translateY(50%);
		transform: rotate(0deg) translateY(50%);
	}
	header .menu>li.menu-hover>a::before,
	header .menu .box>div>ul>li>a.nolink::before{
		content: "";
		background: #000;
		position: absolute;
		left: auto;
		right: 5%;
		bottom: 50%;
		margin-right: 6px;
		width: 2px;
		height: 12px;
		border: none;
		-webkit-transform: rotate(0deg) translate(50%,50%);
		transform: rotate(0deg) translate(50%,50%);
	}
	header .menu>li.menu-hover>a.active::before,
	header .menu .box>div>ul>li>a.nolink.active::before{
		display: none;
	}
/*メニュープルダウン*/
header .menu .box{	
	display: none;
	position: relative;
	left: 0px;
	top: 0px;
	background: #dfdfdf;
	padding: 0;
	-webkit-transition: none;
	transition: none;
}
header .menu>li.menu-hover.active .box{
	top: 0px;
}
	header .menu .box>div>p,
	header .menu .box>div>a{
		display: none;
	}
		header .menu .box>div>p i,
		header .menu .box>div>a i{
			display: block;
			font-size: 1.2rem;

		}
	header .menu .box>div>ul{
		padding-left: 0px;
		display: block;
		width: 100%;
	}
		header .menu .box>div>ul>li{
			width: 100%;
			padding-left: 0px;
		}
		header .menu .box>div>ul>li img{display: none;}
		header .menu .box>div>ul>li a{
			position: relative;
			display: block;
			color: #000;
			text-align: left;
			font-size: 1.2rem;
			line-height: 1em;
			font-weight: normal;
			padding: 1.2em 3.5% 1.2em 7.5%;
			border-bottom: 1px solid #eaeaea;
		}
		header .menu .box>div>ul>li p{
			margin-top: 0px;
			font-size: 1.4rem;
			line-height: 1em;
			font-weight: bold;
		}
		header .menu .box>div>ul>li ul li a{
			padding: 1em 3.5% 1em 11%;
		}
header .menu-right{
	position: relative;
	right: 0px;
	top: 0px;
	display: block;
}
	header .menu-right .link{
		display: block;
		padding: 0;
		width: 100%;
	}
		header .menu-right .link li{
			margin: 0px;
			width: 100%;
			border-bottom: 1px solid #e0e0e0;
			overflow: hidden;
		}
		header .menu-right .link li:nth-child(2n){
		}
		header .menu-right .link li:nth-child(3n){
		}
		header .menu-right .link a{
			display: block;
			font-size: 1.2rem;
			line-height: 22px;
			white-space: nowrap;
			padding: 1.5em 3.5vw;
		}
		header .menu-right .link a img{
			margin-right: 5px;
			width: 20px;
		}
	header .menu-right .sns{
		padding: 42px 0px;
	}
		header .menu-right .sns li{
			margin: 0 15px;
		}
		header .menu-right .sns a{
			font-size: 4.1rem;
			line-height: 1em;
		}

/*フッター*/
footer{
	min-width: 0;
}
footer .follow-us{
	padding: 35px 0 26px;
}
	footer .follow-us .wrap-s{
		display: block;
	}
	footer .follow-us strong{
		display: block;
		font-size: 1.0rem;
		font-size: 2.6666vw;
		line-height: 1em;
		text-align: center;
		margin-bottom: 2em;
	}
	footer .follow-us .font-en{
		display: block;
		font-size: 1.8rem;
		font-size: 4.8vw;
		line-height: 1em;
		font-weight: bold;
		margin: 0 0 0.5em;
	}
	footer .follow-us ul{
		margin-left: 0px;
		-webkit-justify-content: center;
		justify-content: center;
	}

footer .credit-point ul{
	padding: 15px -webkit-calc(3% - 7px);
	padding: 15px calc(3% - 7px);
}
footer .credit-point ul li{
	width: 50%;
	padding: 0;
}
	footer .credit-point ul li a,
	footer .credit-point ul li:nth-child(2) a{
		position: relative;
		padding: 7px;
	}
	footer .credit-point ul li a::after{
		content: "";
		position: absolute;
		right: 2%;
		top: 50%;
		margin-top: -5px;
		width: 10px;
		height: 10px;
		border-top: 2px solid #ec661b;
		border-right: 2px solid #ec661b;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
		footer .credit-point ul li figure{
			position: relative;
			width: 45px;
			height: 45px;
			margin-right: 7px;
		}
			footer .credit-point ul li figure img{
				width: 60%;
			}
		footer .credit-point ul li p{
			width: -webkit-calc(100% - 52px);
			width: calc(100% - 52px);
			font-size: 1.0rem;
			font-size: 2.133vw;
			font-size: 2.29vw;
			padding-right: 1em;
		}
footer .link-area{
	padding: 40px 0 25px;
}
	footer .banner-link{
		display: block;
		width: 100%;
		margin-left: 0px;
		padding-bottom: 15px;
	}
		footer .banner-link li{
			width: 100%;
			padding: 0 0 10px;
			text-align: center;
		}
		footer .banner-link li a{
			width: 70%;
		}
	footer nav ul{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	footer nav ul li{
		padding: 3px 10px;
	}
		footer nav ul li::after{
			margin-top: -6px;
			height: 12px;
		}
		footer nav ul li:nth-child(3n)::after{
			display: none;
		}
		footer nav ul li a{
			white-space: nowrap;
			font-size: 1.0rem !important;
			font-size: 2.666vw !important;
		}
footer .footer-bottom{
	padding: 50px 0 25px;
}
	footer .footer-bottom .wrap-s{
		position: relative;
		-webkit-justify-content: center;
		justify-content: center;
	}
	footer .footer-bottom .logo{
		width: 23.1vw;
		margin-right: 2vw;
	}
	footer .footer-bottom .copyright{
		font-size: 1.0rem;
		font-size: 2.127vw;
	}
	footer .footer-bottom .trademark{
		right: 0;
		width: 100%;
		top: -35px;
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
		text-align: center;
	}

#pagetop{
	right: 3%;
	bottom: 15px;
	width: 50px;
	height: 50px;
}
	#pagetop a{
		top: 50px;
		width: 50px;
		height: 50px;
	}

/*下層エリア*/
.lower{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.lower-area{
	-webkit-order: 1;
	order: 1;
}

/*パンくずリスト*/
.breadcrumbs{
	position: relative;
	-webkit-order: 2;
	order: 2;
	top: 0px;
	width: 100%;
	background: #e3e3e3;
	padding: 1em 3%;
	z-index: 2;
}
.breadcrumbs li,
.breadcrumbs li>a{
	font-size: 1.0rem;
	color:#888;
}
.breadcrumbs li{
	color: #000;
}
	.breadcrumbs li::after{
		border-top: solid 1px #888;
		border-right: solid 1px #888;
	}

/*モーダウィンドウ*/
#modal .iframe{
	width: 100%;
}
	#modal .iframe iframe{
		width: 100%;
		width: 100vw;
		min-height: 60vh;
	}
#modal .box{
	padding: 10px 10px 10px;
}
	#modal .box .title{
		font-size: 1.8rem;
		font-size: 4.8vw;
		line-height: 1.6em;
		margin-bottom: 0.4em;
	}
#modal .close {
	-webkit-transform: scale(0.7,0.7);
	-moz-transform: scale(0.7,0.7);
	-ms-transform: scale(0.7,0.7);
	-o-transform: scale(0.7,0.7);
	transform: scale(0.7,0.7);
    font-size: 1.4rem;
}

#modal .close {
    top: -25px;
    right: -6px;
    opacity: 1;
}

/***********************************************************************************************************************
* パーツ
***********************************************************************************************************************/
.radio-group label{
	display: block;
}
.radio-group .name-tag{
	font-size: 1.3rem;
	padding-left: 2em;
}
.check-group label{
	display: block;
}
.radio-list label{
	margin: 0 20px 5px 0;
}
/*スライダー*/
.swiper-button-prev,
.swiper-button-next{
	width: 35px;
	height: 35px;
	margin-top: -17px;
}
.swiper-button-prev{
	left: -18px;
}
.swiper-button-prev::after{
	width: 7px;
	height: 7px;
}
.swiper-button-next{
	right: -18px;
}
.swiper-button-next::after{
	width: 7px;
	height: 7px;
}

/*タイトル*/
.headline-box{
	text-align: center;
	margin: 0px 0 20px;
}
.headline-box.top{
	margin-top: -10px;
}
	.headline-box span{
		min-width: 0px;
		padding: 0.9em 2.6em;
		font-size: 1.8rem;
		font-size: 4.2666vw;
		line-height: 1.25em;
	}
	.headline-box .font-en{
		font-size: 1.0rem;
		font-size: 2.1333vw;
		line-height: 1em;
		margin-top: 1.0em;
	}

.headline-border{
	font-size: 1.8rem;
	font-size: 4.2666vw;
	font-size: 3.8vw;
	line-height: 1.4em;
	color: #ec661b;
	margin-bottom: 1em;
}
	.headline-border span::before,
	.headline-border span::after{
		display: none;
	}

.headline{
	font-size: 1.6rem;
	line-height: 1.6em;
	padding: 10px 0;
	margin-bottom: 30px;
}

/*ボタン*/
.btn-b{
	font-size: 1.4rem;
	line-height: 36px;
	white-space: nowrap;
	padding: 0 2em;
	width: 100%;
	height: 40px;
	border: 2px solid #ec661b;
}
.btn-d {
    padding: 0;
    font-size: 1.3rem;
    height: 34px;
    line-height: 34px;
}
.btn-d>span{
    padding-right: 2px;
}
.btn-d.smh{
	font-size: 1.2rem;
}

.btn-e>span {
    font-size: 1.1rem;
}
.btn-red{
	font-size: 1.4rem;
	line-height: 36px;
	white-space: nowrap;
	padding: 0 2em;
	width: 100%;
	height: 40px;
	border: 2px solid #fff;
}
.line-area{
	padding: 20px 0;
	text-align: center;
	background: #efefef;
}
.btn-line{
	display: inline-block;
	padding: 0 3.8em;
	background: #57bc38;
	font-size: 1.4rem;
	line-height: 40px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
	.btn-line span{position: relative;}
	.btn-line span::after{
		content: "";
		position: absolute;
		right: -14px;
		top: 50%;
		margin-top: -4px;
		width: 7px;
		height: 7px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

/*もっと見る*/
.btn-more{
	width: -webkit-calc(100% - 6vw);
	width: calc(100% - 6vw);
	height: 40px;
	margin: 0 auto 40px;
	font-size: 1.6rem;
	line-height: 40px;
}
	.btn-more span::before{
		margin-right: 7px;
		height: 14px;
	}
	.btn-more span::after{
		width: 14px;
	}

/*セレクトリスト*/
.select-list{
	width: 100%;
	padding: 0 3vw 20px;
}
	.select-list .select-box{
		width: 100%;
	}
	.select-list .select-box::after{
		right: 10px;
	}
	.select-list .select-box select{
		padding: 0 25px 0 15px;
		font-size: 1.4rem !important;
		line-height: 35px;
		height: 35px;
	}

/*コミックタブ等*/
.tab-list{
	padding: 20px 5px 0;
}
	.tab-list li{
		padding: 0 2px;
	}
	.tab-list li a{
		height: 45px;
		font-size: 1.0rem;
		font-size: 2.4vw;
		line-height: 1.55em;
		padding: 0 0.5em;
	}

/*アンカーリンク*/
.anchor-link{
	padding: 30px 0 10px;
}
.anchor-link.tab{
	padding: 20px 0 10px;
}
	.anchor-link li{
		width: 50%;
		margin-bottom: 10px;
	}
	.anchor-link li:nth-child(2n+1){
		border-left: 1px solid #e3e3e3;
	}
	.anchor-link a{
		padding: 0 25px 0 15px;
		font-size: 1.4rem;
		line-height: 1.5rem;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}
	.anchor-link li a::after{
		right: 10px;
	}


/*下部のリンク*/
.lower-link{
	padding: 26px 0;
}
	.lower-link li{
		padding: 0 1.5vw 0 3vw;
	}
	.lower-link li:nth-child(2n){
		padding: 0 3vw 0 1.5vw;
	}
	.lower-link a{
		border: 2px solid #ec661b;
		font-size: 1.2rem;
		line-height: 38px;
	}
	.lower-link img{
		width: auto;
		height: 14px;
		margin-right: 5px;
	}

.btn-c,
.btn-a,
.btn-b,
.btn-d{
	padding: 0 1em;
}

/***********************************************************************************************************************
* 00 TOPページ
***********************************************************************************************************************/
#fukidashi{
	position: fixed;
	bottom: 15px;
	left:3%;
	width: 130px;
	z-index: 10;
}

#fukidashi-close{
	position:absolute;
	right:-4px;
	top:-6px;
	width: 30px;
}



/*メインビジュアル*/
.top-visual,
.top-visual .swiper-slide{
	min-width: 0;
	height: 106.6666vw;
	overflow: hidden;
}
	.top-visual .msg{
		top: 49.5%;
	}
		.top-visual .msg .title{
			font-size: 1.8rem;
			font-size: 4.8vw;
			line-height: 1.6666em;
		}
			.top-visual .msg .title img{
				width: 84.5vw;
			}
		.top-visual .msg p{
			font-size: 1.0rem;
			font-size: 2.6666vw;
			line-height: 1.875em;
			font-weight: bold;
			margin-top: 2em;
		}

/*検索*/
.search-area{
	background: rgba(0,0,0,0.8);
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	padding: 10px 3%;
	z-index: 2;
}
	.search-area ul li,
	.search-area ul li.shop,
	.search-area ul li.comic{
		width: 50%;
		margin: 0;
		padding: 0 5px 0 0;
	}
	.search-area ul li.comic{
		padding: 0 0 0 5px;	
	}
	.search-area ul li a{
		display: block;
		background: #ec661b;
		color: #fff;
		width: auto;
		height: auto;
		margin: 0;
		font-size: 1.4rem;
		line-height: 30px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		text-align: center;
	}
	.search-area ul li a img{
		width: 14px;
		margin: 0 5px 7px 0;
		vertical-align: bottom;
	}
	.search-area .balloon{
		width: 26.6666%;
		right: -2vw;
		top: -29vw;
	}

/*pickup*/
.top-pickup{
	padding: 20px 20px 35px;
	overflow: hidden;
}
	.top-pickup .title{
		font-size: 1.8rem;
		line-height: 1em;
		text-align: center;
		margin-bottom: 20px;
		letter-spacing: 5px;
	}
	.top-pickup .swiper-container{
		overflow: visible;
	}
	.top-pickup .swiper-slide{
		width: -webkit-calc(50% - 5px);
		width: calc(50% - 5px);
	}
	.top-pickup a.arrow{
		position: absolute;
		right: 3%;
		top: 20px;
	}

/*サービス*/
.top-service>.wrap{
	padding-bottom: 0;
}
.three-rows-box,
.top-border-line .three-rows-box{
	width: 100%;
	padding: 0 -webkit-calc(3% - 5px) 20px;
	padding: 0 calc(3% - 5px) 20px;
	border: none;
}
	.three-rows-box li,
	.top-border-line .three-rows-box li{
		width: 33.3333%;
		padding: 0 5px;
	}
	.three-rows-box li a{
		display: block;
	}
	.three-rows-box .icon-btn{
		background: #ec661b;
		height: 25vw;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.three-rows-box .icon-btn img{
		width: auto;
		height: 13vw;
		margin: 0;
	}
	.three-rows-box .icon-btn p{
		font-size: 1.0rem;
		font-size: 2.6666vw;
		line-height: 1.3em;
		font-weight: bold;
		color: #fff;
		margin: 0 0 0;
	}

.top-border-line{
	border: none;
}
	.top-border-line .three-rows-box::before,
	.top-border-line .three-rows-box::after{
		display: none;
	}
	.top-border-line .three-rows-box .headline-border{
		margin-bottom: 0.7em;
	}


/***********************************************************************************************************************
* 01 はじめての方はこちら
***********************************************************************************************************************/
.guide-top-area{
	padding: 20px 3% 20px 3%;
	background: #ec661b;
}
	.guide-top-area .inner figure img{
		padding-left: 20%;
	}


	.guide-top-area .inner .text-block {
	    position: relative;
	    width: 72%;
	    min-width: 253px;
	    height: auto;
	    background: #fff;
	    padding: 4% 4% 5%;
	    left: 0;
	    top: 0;
	    margin-top: -8%;
	    bottom: auto;
	}


	.guide-top-area .inner .text-block .movie-title {
	    padding-bottom: 0;

	}
	.guide-top-area .inner .text-block .movie-title>em {
	    font-size: 5.3vw;
	    display: block;
	   	padding-bottom: 0.55em;
	}

	.guide-top-area .inner .text-block p {
	    padding: 5% 0;
	    font-size: 2.7vw;
	}
	.guide-top-area .btn-b {
	    max-width: 424px;
	    color: #fff;
	    height: 33px;
	    line-height: 26px;
	}
	.guide-top-area .btn-b>span {
	    padding-right: 10px;
	    font-size: 1.3rem;
	}

	.guide-top-area .btn-b>span::after{
	    content: "";
	    position: absolute;
	    top: 50%;
	    margin-top: 0;
	    width: 6px;
		height: 6px;
	}
	
.comic-guide{
	background:url("/guide/images/bk.jpg") no-repeat;
	background-size:auto 100%;
	padding-bottom: 10px;
 }
 
.howto-enjoy-list,
.facility-list{
	padding: 0 5px;
}

.howto-enjoy-list>li,
.facility-list>li {
	max-width: unset;
    width: 47%;
    margin: 0;
    margin-right: 6%;
    margin-bottom: 30px;
    padding: 0;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.howto-enjoy-list>li:nth-child(2n),
.facility-list>li:nth-child(2n) {
    margin-right: 0;
}

.howto-enjoy-list>li .img-box,
.facility-list>li .img-box {
	margin-bottom: 12px;
}

.howto-enjoy-list>li .title,
.facility-list>li .title {
    font-size: 1.3rem;;
    margin-bottom: 8px;
}
.howto-enjoy-list>li a .title::after{
	right: -10px;
	margin-top: -4px;
	width: 7px;
	height: 7px;
}
.howto-enjoy-list>li p,
.facility-list>li p {
	font-size: 	1.2rem;
}

.guide-inter-area{
	padding:28px 0 20px;
}
.guide-inter-area .inter-area-block,
.guide-inter-area .inter-area-block>.box{
	display: block;
	width: 100%;
	padding: 0;
}
	.guide-inter-area .inter-area-block>.box{
		margin-bottom: 12px;
	}

.guide-inter-area .inter-area-block	.btn-d{
	height: 40px;
	line-height: 36px;
}

.guide-inter-area .inter-area-block .btn-d>span {
    font-size: 1.4rem;
}
.guide-inter-area .inter-area-block>.box.under,
.guide-inter-area .inter-area-block>.box.under:nth-child(2n){
	text-align: center;
	padding: 0 20px;
}
.guide-inter-area .inter-area-block>.box.under a{
	font-size: 1.4rem;
}

.guide-bottom-area{
	padding-top: 20px;
}

.guide-img-text {
    display: block;
    margin: 10px 0 10px;
    padding: 0 5px;
}


.guide-img-text>.img-box,
.guide-img-text>.text-box {
	width: 100%;
	padding: 0;
}

.guide-img-text>.text-box ,
.guide-img-text.revs>.text-box{
	padding: 20px 0;
}

.guide-img-text .title {
    font-size: 1.6rem;
    margin-bottom: 10px;
}

.gb-btn-area .btn-d.smh {
	height: 36px;
	max-width:unset;
	width: 100%;
	line-height: 33px;
    font-size: 1.4rem;
    width: 100%;
}

.guide-bottom-area .gb-btn-area {
    text-align: left;
    margin-top: 15px;
}

/***********************************************************************************************************************
* 01-01 快活クラブとは
***********************************************************************************************************************/
.headline-guide {
    font-size: 1.8rem;
    text-align: center;
    color: #ec661b;
	padding: 10px 0 20px;
}

.other-area {
	padding: 20px 0 0;
}

/***********************************************************************************************************************
* 01-02 ご利用方法
***********************************************************************************************************************/
.headline-howto {
    font-size: 1.6rem;
    padding-bottom: 28px;
}
.howto{
	padding: 30px 0;
}

.step-block {
    padding: 35px 2% 20px;
    margin: 0;
    display: block;
}

.step-block::after{
	margin-left: -28px;
	bottom:-22px;
	border-width: 22px 28px 0 28px;
}

.step-block .text-box{
	width: 100%;
	padding-left: 0;
}
.step-block .img-box{
	width: 100%;
	padding: 0;
	margin-bottom: 15px;
}
.step-block .text-box .title {
	padding-left: 68px;
	font-size: 1.5rem;
	margin-bottom: 10px;
}
.step-block .text-box .title>span {
	position: absolute;
	display: block;
	left:2px;
	top:-1px;
	width: 60px;
	padding: 6px 0;
	line-height: 1em;
	-webkit-border-radius:12px;
	border-radius:12px;
	font-size: 1.2rem;
	border: 1px solid #ec661b;
}

.step-block .text-box p {
	margin-bottom: 1em;
}


/***********************************************************************************************************************
* 02 店舗詳細
***********************************************************************************************************************/

.page-area-nav {
	border-left:none;
}

.html-format .page-area-nav>li {
	border-right:1px solid #efefef;
    padding-left: 0;
}
.html-format .page-area-nav>li:nth-child(1){
	border-left:1px solid #efefef;
}

.page-area-nav>li>a {
    font-size: 1.4rem;
    padding: 19px 0 28px;
}

.page-area-nav>li>a::after {
    margin-top: 16px;
    margin-left: -6px;
    left: 50%;
    width: 6px;
    height: 6px;
}


.shop-detail-visual,
.shop-detail-visual .bg{
	display: block;
	height: auto;
}
	.shop-detail-visual .bg .visual{
		width: 100%;
		height: auto;
		padding: 25px 0 20px;
		padding: 6.66vw 0 5.333vw;
	}
	.shop-detail-visual .bg iframe{
		width: 100%;
		height: 62.2222vw;
	}

.shop-detail-info{
	position: relative;
	right: auto;
	bottom: auto;
	width: 100%;
	padding: 0 5%;
}
	.shop-detail-info .new{
		font-size: 1.2rem;
		font-size: 3.2vw;
		line-height: 1.5em;
		margin-bottom: 0.5em;
	}
	.shop-detail-info .title{
		font-size: 2.0rem;
		font-size: 5.333vw;
		line-height: 1.2em;
		margin-bottom: 0.5em;
	}
	.shop-detail-info .floor{
		font-size: 1.0rem;
		font-size: 2.666vw;
		line-height: 2em;
		padding: 0 1.5em;
		margin-bottom: 1em;
	}
	.shop-detail-info ul li{
		padding-bottom: 0.2em;
	}
		.shop-detail-info ul li p,
		.shop-detail-info ul li a{
			font-size: 1.2rem;
			font-size: 3.2vw;
			line-height: 1.6em;
			color: #fff;
		}
		.shop-detail-info ul li p:nth-child(2){
			padding: 0 1.2em;
		}
		.shop-detail-info ul li p strong{
			white-space: nowrap;
		}
	.shop-detail-info .map{
		font-size: 1.0rem;
		font-size: 2.311vw;
		line-height: 1.5em;
		padding: 0 1em;
	}

.search-area.detail{
	padding: 10px 5%;
}
	.search-area.detail ul li{
		width: 100%;
	}


/*タイトル*/
.headline-shop{
	text-align: center;
	margin: 0px 0 20px;
}
.headline-shop.top{
	margin-top: -10px;
}
	.headline-shop span{
		min-width: 53.33vw;
		padding: 0.9em 2em;
		font-size: 1.8rem;
		font-size: 4.2666vw;
		line-height: 1.25em;
	}
	.headline-shop .font-en{
		font-size: 1.0rem;
		font-size: 2.1333vw;
		line-height: 1em;
		margin-top: 1.1em;
	}

.headline-sub {
    font-size: 1.6rem;
}

.shop-detail-box{
	padding: 0 3% 25px;
}


	.shop-detail-box .info-price{
		font-size: 1.4rem;
		line-height: 1.8em;
		margin-bottom: 0.5em;
	}
	.shop-detail-box .good-value{
		padding: 15px;
		border: 1px dashed #ec661b;
		margin-bottom: 30px;
	}
	.shop-detail-box .good-value  li {
    margin-left: 15px;
}

		.shop-detail-box .good-value .title{
			font-size: 1.6rem;
			line-height: 1.6em;
			margin-bottom: 0.4em;
		}
		.shop-detail-box .good-value p{
			margin-bottom: 0.4em;
			font-size: 1.0rem;
		}
		.shop-detail-box .good-value p strong{
			font-size: 1.3rem;
		}

	.shop-detail-box .price-img{
		/*margin-bottom: 35px;*/
	}

.shop-banner{
	width: 100%;
	margin-left: 0px;
}
	.shop-banner li{
		width: 50%;
		padding: 0 1.5vw 3vw 3vw;
	}
	.shop-banner li:nth-child(2n){
		padding: 0 3vw 3vw 1.5vw;
	}

.icon-explain{
	padding: 30px 3vw 0;
	margin-bottom: 15px;
}
	.icon-explain a{
		top: 10px;
	}
.icon-explain p{
	position: relative;
	padding: 0 1em 0 15px;
	font-size: 1.0rem;
}
	.icon-explain p::after{
		width: 13px;
		height: 13px;
	}

.service-icon-list{
	width: 100%;
	margin: 0px;
	padding: 0 1.5vw;
}
	.service-icon-list li{
		width: -webkit-calc(20% - 3vw);
		width: calc(20% - 3vw);
		height: auto;
		margin: 0 1.5vw 3vw;
	}
	.service-icon-list li span{
		display: block;
		width: 100%;
		height: 0;
		padding-bottom: 100%;
	}
	.service-icon-list li p{
		font-size: 1.0rem;
		font-size: 2.2vw;
		letter-spacing: -0.1em;
	}

.shop-information{
	padding: 0 3vw 15px;
}
	.shop-information li a{
		font-size: 1.3rem;
		line-height: 1.4em;
		color: #ec661b;
		padding: 1em 2em 1em 1em;
	}
	.shop-information li a::after{
		right: 1em;
		margin-top: -3px;
		width: 6px;
		height: 6px;
	}
.shop-article{
	width: 100%;
	margin-left: 0px;
	padding: 0 1.5vw 10px;
}
	.shop-article article{
		width: 50%;
		padding: 0 1.5vw 30px;
	}
		.shop-article article img{
			margin-bottom: 0.3em;
		}
		.shop-article article .info{
			padding-bottom: 5px;
		}
		.shop-article article time{
			display: block;
			font-size: 1.2rem;
			line-height: 1em;
		}
		.shop-article article p{
			font-size: 1.3rem;
			line-height: 1.5em;
		}
		.shop-article article p.flex{
			display: inline-block;
			position: relative;
			right: auto;
			top: 0px;
			height: auto;
			padding: 0.2em 0.5em;
			margin-top: 2vw;
		}
		.shop-article article p.flex span{
			font-size: 1.0rem;
			font-size: 2.133vw;
			line-height: 1.25em;
		}

.information-list{
	position: relative;
}
	.information-list .title{
		font-size: 1.6rem;
	}
	.information-list>a{
		top: 0px;
	}
	.information-list article time{
		font-size: 1.2rem;
		float: none;
		display: block;
	}
	.information-list article p{
		padding-left: 0em;
	}

.html-format{
	margin: 3vw;
}
	.html-format img{
		margin-bottom: 2em;
	}
	.html-format h1{
		font-size: 1.8rem;
		line-height: 1.428em;
		padding: 10px 3vw;
	}
	.html-format h2{
		font-size: 1.8rem;
		line-height: 1.6em;
	}
	.html-format h3{
		font-size: 1.6rem;
		line-height: 1.6em;
	}
	.html-format p{
		font-size: 1.4rem;
		line-height: 1.714em;
		margin-bottom: 2em;
	}	
	.html-format ul{
		margin-bottom: 2em;
	}
		.html-format ul>li{
			position: relative;
			padding-left: 1em;
			font-size: 1.4rem;
			line-height: 1.714em;
		}

	.html-format h2,
	.html-format h3,
	.html-format p,
	.html-format ul{
		padding: 0 3vw;
	}

/*パック料金説明*/
.price-explan{
	margin-bottom: 0px;
	border-bottom: 1px solid #963804;
}
	.price-explan .box{
		padding: 7px;
	}
	.price-explan .user{
		margin: 0 auto 5px;
		border-radius: 1.5em;
		border: 2px solid #fff;
	}
	.price-explan .user p:nth-child(1){
		font-size: 1.4rem;
		font-size: 3.294vw;
		line-height: 1.8em;
		white-space: nowrap;
		padding: 0 0.5em;
	}
	.price-explan .user p:nth-child(2){
		padding: 0 1em 0 0.5em;
		font-size: 1.2rem;
		font-size: 2.823vw;
		line-height: 2em;
		letter-spacing: 0px;
	}
	.price-explan .user p:nth-child(2) span{
		font-size: 1.6rem;
		font-size: 3.7647vw;
	}
	.price-explan .pack{
		font-size: 2.4rem;
		font-size: 5.647vw;
		line-height: 1em;
		color: #fff;
	}
.price-explan .price{
	padding: 1em 0;
}
.price-explan .price p{
	font-size: 1.4rem;
}
.price-explan .price strong{
	font-size: 2.2rem;
	line-height: 1em;
	display: block;
}
.price-explan .price strong span{
	font-size: 2.8rem;
}

/*料金表*/
.price-view{
	border-bottom: 1px solid #963804;
	border-top: 2px solid #963804;
}
.price-view .title-line,
.price-view .price-line{
	min-height: 0px;
}
.price-view .title-line>div,
.price-view .price-line>div{
	width: 25%;
	border: 1px solid #963804;
	padding: 1em 0.4em;
	min-height: 0px;
}
.price-view .title-line>div{
	border-top: 0px;
}
.price-view .price-line>div{
	padding: 1em 0;
}
.price-view.line2 .title-line>div:nth-child(n+2),
.price-view.line2 .price-line>div:nth-child(n+2){
	width: 75%;
}
.price-view.line3 .title-line>div:nth-child(n+2),
.price-view.line3 .price-line>div:nth-child(n+2){
	width: 37.5%;
}
.price-view .title-line>div:first-child,
.price-view .price-line>div:first-child{min-width: 25%;}

/*price text*/
.price-view .price-line>div:first-child>div{text-align: center;}
.price-view .title-line>div>div,
.price-view .price-line>div>div{
	font-size: 1.4rem;
	font-size: 3.294vw;
	line-height: 1.2em;
}
.price-view .price-line .time{
	font-size: 2.4rem;
	font-size: 5.647vw;
	line-height: 1em;
}
.price-view .price-line .night{
	font-size: 1.0rem;
	font-size: 2.5vw;
	line-height: 1.333em;
	text-align: left;
	padding: 0.5em 0.3em 0;
}
.price-view .price-line .price{
	font-size: 1.4rem;
	font-size: 3.294vw;
	line-height: 1em;
	white-space: nowrap;
}
.price-view .price-line .price em{
	font-size: 2.4rem;
	/*font-size: 5.647vw;*/
	font-size: 4.7vw;
	line-height: 1em;
}
.price-view .price-line .price span{
	display: block;
	padding-top: 0.4em;
}
.price-view .price-line .tax{
	font-size: 1.1rem;
	font-size: 2.588vw;
	line-height: 1em;
}

.price-attention{
	padding: 1em 0;
}
	.price-attention li{
		padding-left: 1em;
		text-indent: -1em;
		line-height: 1.42em;
	}

.price-view-attention{
	padding: 15px;
	border: 1px dashed #ec661b;
	margin-bottom: 30px;
	font-size: 1.3rem;
}

/*フッターバナー*/
#fixed-bnr{
	box-sizing: border-box;
	padding: 25px 20px;
}
#fixed-bnr-close{
	background: url("/images/close02-sp.png") no-repeat 0 0;
	background-size: 30px 30px;
	right: -15px;
	top: -15px;
	height: 30px;
	width: 30px;
}
#fixed-bnr-img img{
	max-width: 1000px;
}
/***********************************************************************************************************************
* 02 店舗検索・料金
***********************************************************************************************************************/
#search-box{
	padding-bottom: 20px;
}

.conditions-section .check-area1,
 .conditions-section .check-area2 {
	background: #efefef;
	margin:0;
	padding:0;
}

	.area-section .area-nav>li {
	    width: 32.6%;
	    margin-right: 1%;
	    margin-bottom: 1%;
	}
	
	.area-section .area-nav>li:nth-child(5n) {
	    margin-right: 1%;
	}
	.area-section .area-nav>li:nth-child(3n) {
	    margin-right: 0;
	}

		.area-section .area-nav>li>a {
	    	height: 45px;
	    	line-height: 40px;
		}
		.area-section .check-list{
			display: block;
		}
		.area-section .check-tab,
		.conditions-section .check-area1,
		.conditions-section .check-area2 {
		    background: #efefef;
		    padding: 18px 3% 10px;
		}

		.area-section .check-list>li {
		    margin-right: 25px;
		    margin-bottom: 10px;
		}

		.search-submit-area {
		    margin: 30px 0 15px;
		    padding: 0 3%;
		    text-align: center;
		}
		.search-submit-area .btn-d{
			font-size: 1.4rem;
			line-height: 40px;
			height: 40px;
		}


.freeword-section,
.area-section,
.service-section,
.amusement-section,
.conditions-section{
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	margin-bottom: 2vw;
}

#search-box .title {
    position: relative;
    padding: 10px 3%;
    font-size: 1.6rem;
    background: #efefef;
}

#search-box .sub-title,
.large-cate .check-group.mgn {
	position: relative;
	font-size: 1.3rem;
	padding: 10px 3%;
	margin-top: 0;
	margin-bottom: 0;
	border-bottom:1px solid #ececec;
}
	.large-cate .check-group .check-attention{
		position: relative;
		padding-top: 10px;
	}
	.large-cate .check-group .check-attention::after{
		content: "";
		position: absolute;
		left: -3%;
		top: 0px;
		width: 106%;
		height: 1px;
		background: #ececec;
	}
#search-box .sub-title{
	font-weight: normal;
}
	#search-box .title::after,
	#search-box .sub-title::after {
	    content: "";
	    position: absolute;
	    right: 15px;
	    top: 50%;
	    width: 15px;
	    height: 15px;
	    margin-top: -8px;
	    background: url(../svg/plus.svg) no-repeat;
	    background-size: 15px;
	}

		#search-box .title.open::after, 
		#search-box .sub-title.open::after {
		    background: url(../svg/minus.svg) no-repeat;
		    background-size: 15px;
		}


.conditions-section .check-area2 .large-cate {
    margin-top: 0;
    margin-bottom: 0;
}

#search-box .sub-box{
	padding: 0;
	background: #dfdfdf;
	display: none;
}
#search-box #area{
	display: none;
}
#search-box #area .sub-box{
	display: block;
}

.freeword-section .freeword {
    height: 41px !important;
    background: #ffffff !important;
    margin: 0 auto;
    padding-left: 0;
    cursor: text;
    font-size: 1.3rem !important;
}
.freeword-section .inner {
    padding: 10px 3%;
}


.area-section .check-tab,
.conditions-section .check-area1,
.conditions-section .check-area2 {
    background:#dfdfdf;
    padding: 0px;
}

#search-box  .check-list>li{
	border-bottom:1px solid #ececec;
	padding: 13px 3%;
	margin-right: 0;
    margin-bottom: 0;
    width: 100%;
}

#search-box .check-area2 .check-list>li {
  	padding-left: 38px;
 }


.area-section .check-tab .item {
    display: block;
	padding: 0;
}
.area-section .check-list{
	display: none;
}

/***********************************************************************************************************************
* 02 検索結果
***********************************************************************************************************************/
	.lower-visual {
		/*padding-top: 20.8%;*//*1440x300アスペクト比*/
		padding-top: 134px;
	}
		.lower-visual .title {
		    margin-top: 0%;
		    font-size: 2rem;
		}

	.result-head .word {
	    padding: 20px;
	    font-size: 1.8rem;
	}
		.result-head .word .btn-d{
			position: static;
		    font-size: 1.2rem;
		    display: block;
		    margin: 0 auto;
		}

	.result-head .hit .btn-e {
	    position: absolute;
	    right: 20px;
	    top: auto;
	    bottom: -5px;
	    font-size: 1.8rem;
	}

	.result-head .word {
    	padding: 20px;
	    font-size: 1.4rem;
	    text-align: center;
	}
		.result-head .word sub{
			font-size: 1.1rem;
			display: block;
		}

		.result-head .word .btn-d {
		    position: static;
		    padding-bottom:0;
		    font-size: 1.3rem;
		    display: block;
		    margin: 10px auto 0;
		}

	.result-head .hit {
	    margin: 25px 0 0;
	}
		.result-head .hit p {
		    position: relative;
		    font-size: 1.4rem;
		    text-align: left;
		}
		.result-head .hit em {
	    	font-size: 2.1rem;
		}

	.search-list-out .slo-group .slo-block,
	.search-list-out .slo-group .slo-block>.text-box,
	.search-list-out .slo-group .slo-block>.figure-box {
		display: block !important;
	    width: 100%;
	}

	.search-list-out .slo-group .slo-block>.text-box {
	    padding: 20px 3%;
	}


	.search-list-out .slo-group {
	    margin-top: 40px;
	}
		.search-list-out .slo-group .slo-head {
		    text-align: center;
		    font-size: 1.6rem;
		    margin: 10px 0;
		}
		.search-list-out .slo-group .slo-block>.text-box .title {
		    position: relative;
		    font-size: 2rem;
		    line-height: 1.2em;
		    padding-right: 47px;
		    display: inline-block;
		    margin: 10px 0;
		}
			.search-list-out .slo-group .slo-block.new>.text-box .title::after {
			    width: 40px;
			    height: 20px;
			    font-size: 1rem;
			    line-height: 20px;
			    top:2px;
			    right:0px;
			}
			.search-list-out .slo-group .slo-block.renew>.text-box .title::after {
			    width: 60px;
			    height: 20px;
			    font-size: 1rem;
			    line-height: 20px;
			    top:2px;
			    right:-20px;
			}


	.search-list-out .slo-group .slo-block>.text-box .btn-area {
	    margin: 10px 0 0;
	}
		.search-list-out .slo-group .slo-block>.text-box .btn-area .btn-d{
			display: block;
			 margin: 0px 4px;
		}

		.search-list-out .slo-group .slo-block>.text-box .btn-area .btn-d:nth-child(1) {
		    margin-right: 4px;
		}


	.search-list-out .slo-group .slo-block>.text-box ul>li p{
		font-size: 1.2rem;
	}
		.search-list-out .slo-group .slo-block>.text-box ul>li p:nth-child(1){
			white-space: nowrap;
		}
		.search-list-out .slo-group .slo-block>.text-box ul>li p:nth-child(2){
			position: relative;
			padding-right: 100px;
		}
			.search-list-out .slo-group .slo-block>.text-box ul>li .map{
				position: absolute;
				right:0;
				top:0;
			}

	.search-list-out .slo-group .slo-block>.figure-box {
	    padding: 0px 3% 0;
	}
	.search-list-out .drw-box{
		display: none;
	}

	.search-list-out .service-icon-list {
	    width: 100%;
	    margin-left: 0;
	    padding: 0;
	}

	.search-list-out .service-icon-list>li {
	    width: 10%;
/*	    padding-top: 10%;*/
	    margin: 0;
	    margin-right: 2.85%;
	    margin-bottom: 2%;
	}
	.search-list-out .service-icon-list>li span{
		width: 100%;
		height: auto;
	}

	.search-list-out .service-icon-list>li:nth-child(8n) {
	    margin-right:0;
	}

	.icon-block-head{
		position: relative;
		height: 40px
	}
	.icon-block-head::after{
		content: "";
		position: absolute;
		display: block;
		top:50%;
		left: 50%;
		width: 10px;
		height: 10px;
		margin-top: -7px;
		margin-left: -7px;
		border-top: solid 2px #000;
		border-right: solid 2px #000;
		-webkit-transform: rotate(-225deg);
		transform: rotate(-225deg);
	}
	.icon-block-head.open::after{
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

/***********************************************************************************************************************
* 03 快活サービス
***********************************************************************************************************************/
.enjoy-list{
	width: 100%;
	margin-left: 0px;
	padding: 0 1.5vw;
}
	.enjoy-list li{
		position: relative;
		width: 50%;
		padding: 0 1.5vw 64px;
	}
	.enjoy-list li .title{
		font-size: 1.6rem;
		line-height: 1.4em;
		margin: 10px 0 8px;
	}
	.enjoy-list li p{
		min-height: 0;
		font-size: 1.2rem;
		line-height: 1.6em;
		text-align: left;
		margin-bottom: 15px;
	}
	.enjoy-list li .btn-area{
		position: absolute;
		left: 0px;
		bottom: 30px;
		width: 100%;
		padding: 0 1.5vw;
	}

/***********************************************************************************************************************
* 03 コミック
***********************************************************************************************************************/
.page-comic .btn-area{
	text-align: center;
	padding: 25px 0px;
}
	.page-comic .btn-area .attention{
		position:relative;
		right:0;
		top:-8px;
	}
	.page-comic .btn-area .btn-c{
		height: 32px;
		font-size: 1.2rem;
		width: 80%
	}

/*一覧*/
.comic-list{
	padding-top: 30px;
}
.comic-list article{
	width: 100%;
	margin-right: 0px;
	padding: 0px 3vw 45px;
}
	.comic-list figure{
		position: relative;
		width: 100%;
		height: auto;
		margin-bottom: 15px;
		text-align: center;
	}
		.comic-list figure img{
			position: relative;
			left: 0;
			top: 0;
			width: 65%;
			max-width: 100%;
			max-height: 300%;
			-webkit-transform: translate(0,0);
			transform: translate(0,0);
		}
	.comic-list .box{
		margin-bottom: 10px;
	}
		.comic-list .box .title{
			font-size: 1.6rem;
			line-height: 1.428em;
		}
	.comic-list dl{margin-bottom: 10px;}
	.comic-list .btn{
		width: 100%;
		border: 2px solid #ec661b;
		margin-bottom: 10px;
		-webkit-border-radius: 17px;
		border-radius: 17px;
		font-size: 1.2rem;
		line-height: 30px;
		font-weight: bold;
		color: #ec661b;
		text-align: center;
		cursor: pointer;
	}
	.comic-list .btn span{
		position: relative;
	}
	.comic-list .btn span:last-child{ display: none;}
	.comic-list .btn.open span:first-child{ display: none;}
	.comic-list .btn.open span:last-child{ display: inline-block;}
		.comic-list .btn span::after{
			content: "";
			position: absolute;
			right: -15px;
			top: 50%;
			width: 6px;
			height: 6px;
			border-top: 1px solid #ec661b;
			border-left: 1px solid #ec661b;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		.comic-list .btn span:first-child::after{
			-webkit-transform: rotate(225deg);
			transform: rotate(225deg);
			margin-top: -5px;
		}
	.comic-list .information{
		display: none;
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
		height: auto;
		background: #fff;
		padding: 0;
		font-size: 1.4rem;
		color: #000;
		opacity: 1;
		
	}
		.comic-list .information::before,
		.comic-list .information::after{
			display: none;
		}
	.comic-list .information_nolnk{
		display: none;
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
		height: auto;
		background: #fff;
		padding: 0;
		font-size: 1.4rem;
		color: #000;
		opacity: 1;
		
	}
		.comic-list .information_nolnk::before,
		.comic-list .information_nolnk::after{
			display: none;
		}
	.comic-list .memo{
		margin-bottom: 10px;
	}

/*店舗別検索*/
.page-comic .check-tab{
	margin-bottom: 30px;
}
.page-comic .radio-group.flex{
	width: 100%;
}
	.page-comic .radio-group.flex label{
		display: block;
		width: 100%;
		padding: 13px 3%;
		border-bottom: 1px solid #ececec;
		order: 0;
	}
	.page-comic .radio-group.flex .radio-group-lower{
		order: 0;
	}
	.page-comic .radio-group-lower{
		padding-top: 0;
	}
	.page-comic .radio-group-lower::after{
		display: none;
	}
		.page-comic .radio-group.flex .radio-group-lower label{
			padding: 13px 6%;
		}

.page-comic #area .sub-title + div{
	display: none;
}
.page-comic #search-box .sub-box{
	display: block;
}

/*書籍*/
.book-top-list{
	padding: 10px 0;
}
.book-top-list article,
.book-top-list article:nth-child(2n){
	width: 100%;
	padding: 0 0 20px 0;
}
	.book-top-list .headline{
		margin-bottom: 20px;
	}
	.book-top-list figure{
		width: 47%;
		width: 44vw;
		height: 44vw;
		margin: 0 1.5vw;
	}
		.book-top-list figure img{
			width: auto;
		}
	.book-top-list .box{
		width: 45%;
		width: 44vw;
		padding-left: 0px;
		margin: 0 1.5vw;
	}
	.book-top-list p{
		font-size: 1.2rem;
		line-height: 1.6em;
		margin-bottom: 10px;
	}


.article-list{
	padding-bottom: 10px;
}
.article-list article,
.article-list article:nth-child(3n),
.article-list article:nth-child(4n){
	width: 47%;
	width: 44vw;
	margin: 0 1.5vw 65px;
}
	.article-list figure{
		height: 44vw;
	}
		.article-list figure img{
			width: auto;
		}
	.article-list .title{
		margin: 15px 0 10px;
		font-size: 1.6rem;
		line-height: 1.2em;
	}
	.article-list p{
		font-size: 1.2rem;
		line-height: 1.6em;
	}
	.article-list .btn-area{
		bottom: -30px;
	}

/*下部のリンク*/
.lower-link-four{

	padding:0 0 20px;
}
	.lower-link-four li{
		width: 48.5%;
		margin-right: 3%;
		margin-bottom: 10px;
	}
	.lower-link-four li:nth-child(4n){
		margin-right: 3%;
	}
	.lower-link-four li:nth-child(2n){
		margin-right: 0;
	}

	.lower-link-four a{
		border: 2px solid #ec661b;
		font-size: 1.2rem;
		line-height: 38px;
	}
	.lower-link-four img{
		width: auto;
		height: 12px;
		margin-right: 5px;
	}


/***********************************************************************************************************************
* 04 インターネット
***********************************************************************************************************************/
.internet-top{
	padding: 20px 5px 30px;
	background: #efefef;
	margin-bottom:25px;
}
.internet-bottom{
	padding: 0 5px;
}
.todo-list{
	display: block;
}
	.todo-list>li{
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		width: 100%;
		margin-right: 0;
		margin-bottom: 35px;
	}
	.todo-list>li.revs{
		-webkit-flex-direction: row-reverse;
		flex-direction:         row-reverse;
	}
	.todo-list>li:last-child{
		margin-bottom: 0;
	}

.todo-list .img-box{
	width: 48%;
}
.todo-list .text-box{
	width: 100%;
	padding: 0px 10px;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
	.todo-list .text-box>div{
		width: 40%;
	}
.todo-list .text-box .num{
	position: static;
	display: block;
	width: 37px;
	height: 37px;
	line-height: 37px;
	font-size: 1.8rem;
	margin:0 auto 3%;
	text-align: center;
}
.todo-list .text-box .title{
	font-size: 1.5rem;
	font-size: 3.8vw;
	margin-bottom: 5px;
}
.todo-list .text-box p{
	font-size: 1.1rem;
	font-size: 3.2vw;
	width: 60%;
	text-align: left;
	padding-left: 4vw;
}
.figure-list-four{
	padding: 0 5px;
}

.figure-list-four>li,
.figure-list-four.jc-cent-pc>li{
    width: 48.5%;
    margin-right: 3%;
	margin-left: 0;
    margin-bottom: 65px;
    text-align: center;
}
.figure-list-four>li:nth-child(4n),
.figure-list-four.jc-cent-pc>li:nth-child(4n){
    margin-right: 2.5%;
	margin-left: 0;
}
.figure-list-four>li:nth-child(2n),
.figure-list-four.jc-cent-pc>li:nth-child(2n){
    margin-right: 0;
	margin-left: 0;
}

.figure-list-four>li .title {
    font-size: 1.3rem;
    line-height: 1.2em;
    padding: 15px 0 12px;
}
.figure-list-four>li p {
    margin-bottom: 0.5em;
}

.figure-list-four>li .btn-area{
	bottom: -34px;
}

/***********************************************************************************************************************
* 04-06 07 08 09 エンターテイメント
***********************************************************************************************************************/
.inner-section {
    margin-bottom: 20px;
}
.guide-img-text.mgn {
    margin: 40px 0 0;
}

.entertainment .exp {
    text-align: center;
    font-size: 1.3rem;
    margin-bottom: 15px;
}
.entertainment .caution{
	padding: 0 5px;
}

.entertainment .search-submit-area {
    margin: 15px 0 15px;
}

.entertainment .howto-enjoy-list>li .title {
    font-size: 3.3vw;
}

.facility-list-wrap.wrap-s {
    padding: 0 3%;
}

.facility-list {
	padding: 0 5px;
    margin-top: 30px;
}
.facility-list.jc-cent {
   -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.facility-list>li .title {
    margin: 10px 0;
}
.facility-list>li p {
    padding: 0;
}
.facility-list>li .img-box {
    padding: 0;
}

.child-border-head {
    margin: 20px 0;
}
.child-border-head .title {
    font-size: 1.5rem;
    padding: 0 0 10px;
}
.child-border-head {
    margin: 10px 0 20px 0;
}

/***********************************************************************************************************************
* 05 快活のサービス
***********************************************************************************************************************/
.modal-iframe{
	padding: 0 0 20px;
}
	.modal-iframe .title{
		font-size: 1.8rem;
		line-height: 1.4em;
	}
	.modal-iframe p{
		font-size: 1.2rem;
		line-height: 1.6em;
		padding: 1.6em 3vw;
	}
	.modal-iframe .btn-area{
		padding: 0 6vw;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
		.modal-iframe .btn-area a{
			max-width: 100%;
			padding: 0;
			margin: 0 0 10px;
		}

/***********************************************************************************************************************
* 07 お食事メニュー
***********************************************************************************************************************/
.menu-list{
	padding-bottom: 20px;
}
	.menu-list li,
	.menu-list li:nth-child(3n),
	.menu-list li:nth-child(4n){
		width: 50%;
		margin: 0;
		padding: 0 1.5vw 20px 0;
	}
	.menu-list li:nth-child(2n){
		padding: 0 0 20px 1.5vw;
	}
	.menu-list figure{
		position: relative;
		width: 100%;
		height: 45.5vw;
	}
		.menu-list figure img{
			width: auto;
		}
	.menu-list .title{
		margin: 10px 0 2px;
		font-size: 1.6rem;
		line-height: 1.2em;
	}
	.menu-list .price{
		font-size: 1.4rem;
		line-height: 1.5em;
	}

.menu-info{
	margin-bottom: 30px;
}
.menu-info:last-child{
	margin-bottom: 50px;
}
	.menu-info thead th{
		font-size: 1.2rem;
		line-height: 1.4em;
		width: 9%;
		padding: 0.5em;
		vertical-align: middle;
	}
	.menu-info thead th:first-child{
		width: 37%;
	}
	.menu-info tbody th{
		font-size: 1.2rem;
		line-height: 1.4em;
		padding: 0.8em;
	}
	.menu-info tbody td{
		font-size: 1.4rem;
		vertical-align: middle;
	}

/***********************************************************************************************************************
* 08 よくあるご質問
***********************************************************************************************************************/
.faq-list{
	padding-bottom: 25px;
}
	.faq-list li{
		margin-bottom: 5px;
	}
	.faq-list li .question{
		padding: 0.8em 35px;
		font-size: 1.5rem;
		line-height: 1.555em;
	}
	.faq-list li .question::before{
		right: 15px;
		margin-right: 7px;
		height: 14px;
	}
	.faq-list li .question::after{
		right: 15px;
		width: 14px;
		height: 2px;
	}
		.faq-list li .question span,
		.faq-list li .answer span{
			left: 10px;
			top: 14px;
			width: 20px;
			height: 20px;
			font-size: 1.2rem;
			line-height: 18px;
		}
		.faq-list li .answer span{
			top: 14px;
		}
	.faq-list li .answer{
		padding: 0.8em 35px;
		font-size: 1.4rem;
		line-height: 1.6em;
	}

/***********************************************************************************************************************
* 09 インフォメーション
***********************************************************************************************************************/
.information-link{
	margin: 20px 0 20px;
	padding: 5px;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
	.information-link li{
		margin: 0;
		width: 25%;
	}
	.information-link a{
		font-size: 1.0rem;
		font-size: 2.4vw;
		line-height: 1.4em;
		padding: 1em 0.2em;
		height: 4em;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		text-align: center;
	}
	.information-link a span{
		display: block;
		padding-bottom: 1em;
		width: 100%;
	}
	.information-link a::after{
		right: 50%;
		top: auto;
		bottom: 3px;
		width: 8px;
		height: 8px;
		margin-top: 0px;
		margin-right: -6px;
	}

/*詳細*/
.info-detail{
	
}
.info-detail .category h2{
	min-width: 160px;
	height: 40px;
	font-size: 1.3rem;
	line-height: 40px;
}
.info-detail time{
	display: block;
	text-align: center;
	color: #888;
	font-size: 1.4rem;
	line-height: 1em;
	font-weight: bold;
}
.info-detail .box{
	width: 100%;
	margin: 0 auto;
	padding: 0 3vw;
}
	.info-detail .box .attention{
		font-size: 1.6rem;
		line-height: 1.8em;
		margin-bottom: 13px;
	}
	.info-detail .box img{
		margin-bottom: 20px;
		width: 80%;
		/*margin-left: 10%;*/
	}
	.info-detail .box .title{
		font-size: 1.6rem;
		line-height: 1.5em;
		margin-bottom: 15px;
	}

.info-detail .sns{
	padding: 40px 0;
}
	.info-detail .sns li{
		margin: 0 5px 5px;
	}
	.info-detail .sns .fb_iframe_widget_fluid{
		display: inline-block;
	}

.info-relation{
	padding-top: 30px;
}
	.info-relation .title{
		font-size: 1.6rem;
		line-height: 1em;
		margin-bottom: 30px;
	}
.page-info .shop-article article{
	padding-bottom: 30px;
}
.page-info .btn-area{
	padding: 40px 3vw;
}
	.page-info .btn-area .btn-b{
		
	}


/***********************************************************************************************************************
* 11 お問い合わせ
***********************************************************************************************************************/
.contact-link{
	background: #efefef;
	margin: 20px 0;
	padding: 20px 1.5vw 20px;
}
	.contact-link .title{
		font-size: 1.6rem;
		line-height: 1.6em;
		text-align: left;
		margin-bottom: 20px;
	}
		.contact-link .title img{
			width: 32px;
			height: 32px;
			margin-right: 5px;
		}
	.contact-link ul li{
		width: 50%;
		padding: 0 1.5vw;
	}
	.contact-link ul li a{
		position: relative;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		height: 35px;
		font-size: 1.0rem;
		font-size: 2.6vw;
		line-height: 1.4em;
	}
	.contact-link ul li a br{display: none !important;}
	.contact-link ul li:nth-child(3) a{
		border-top: none;
	}
	.contact-link ul li:nth-child(-n+2) a{
		border-top: 1px solid #cacaca;
	}
	.contact-link ul li a::after{
		content: "";
		position: absolute;
		right: 5px;
		top: 50%;
		width: 7px;
		height: 7px;
		border-top: 2px solid #ec661b;
		border-right: 2px solid #ec661b;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform-origin: top right;
		transform-origin: top right;
	}
.contact-msg{
	font-size: 1.4rem;
	line-height: 1.6em;
	margin: 0 3vw 30px;
}

.contact-list{
	padding-bottom: 20px;
}
	.contact-list li,
	.contact-list li:nth-child(2n){
		width: 100%;
		padding: 0 3vw 10px;
	}
	.contact-list li a{
		padding: 0 20px;
		height: 70px;
		border: 2px solid #ec661b;
	}
	.contact-list li figure{
		width: 35px;
		height: 35px;
		margin-right: 15px;
	}
		.contact-list li figure img{
			/*width: auto;*/
			max-width: 100%;
			max-height: 100%;
		}
	.contact-list li .title{
		font-size: 1.6rem;
		line-height: 1.08em;
	}
		.contact-list li .title span{
			font-size: 1.4rem;
			line-height: 1.5em;
		}

/*入力画面*/
#input-box .box{
	padding: 20px 3vw 20px;
}

.form-tbl tr{
	padding: 20px 3vw;
	border-bottom: 1px solid #e3e3e3;
}
.form-tbl th{
	font-size: 1.6rem;
	margin-bottom: 15px;
}


.form-tbl .input,
.form-tbl .input2{
	width: 100%;
	height: 40px;
}
.form-tbl .input2{
	width: 50%;
}
.form-tbl .select-box{
	width: 100%;
}
.form-tbl .select-box select{
	height: 40px;
}
.form-tbl textarea{
	width: 100%;
	height: 120px;
}

/*注意*/
.attention-box{
	padding: 20px 3vw;
}
	.attention-box .title{
		font-size: 1.6rem;
		line-height: 1em;
		margin-bottom: 10px;
	}

/*同意*/
.contact-agree{
	border: 2px solid #ec661b;
	padding: 20px 3vw;
	text-align: center;
}
.g-recaptcha{
	margin-top: 20px;
}

.page-inquiry .btn-area{
	padding: 30px 0;
}
	.page-inquiry .btn-area button{
		width: -webkit-calc(50% - 3vw);
		width: calc(50% - 3vw);
		height: 40px;
		font-size: 1.4rem;
		line-height: 38px;
		margin: 0 1.5vw;
	}
	.page-inquiry .btn-area button span{
		padding-right: 15px;
	}
	.page-inquiry .btn-area button span::after{
		width: 6px;
		height: 6px;
		margin-top: 1px;
	}

/*完了*/
.complete-box{
	padding: 15vw 3vw 12vw;
	text-align: center;
	border-bottom: 1px solid #e3e3e3;
}
	.complete-box .title{
		font-size: 1.8rem;
		font-size: 4.2vw;
		line-height: 1em;
		margin-bottom: 30px;
	}
	#confirm-box .form-tbl a{
		font-size: 1.6rem;
		line-height: 1.625em;
	}
.btn-a.large{
	width: -webkit-calc(100% - 6vw);
	width: calc(100% - 6vw);
	font-size: 1.4rem;
	line-height: 34px;
	height: 40px;
}

.time-select .select-box{
	width: 85px;
	margin: 0 10px;
}
.time-select .select-box:first-child{
	width: 60px;
}
.time-select .select-box:nth-child(3){
	width: 60px;
}

/***********************************************************************************************************************
* 13 会員規約
***********************************************************************************************************************/
.rule-box{
	padding: 0 3vw 25px;
}
.rule-box:last-child{
	padding-bottom: 30px;
}
	.rule-box .title{
		font-size: 1.8rem;
		line-height: 1em;
		margin-bottom: 1.8em;
	}
	.rule-box ol{
		padding-left: -webkit-calc(3vw + 1em);
		padding-left: calc(3vw + 1em);
	}

/***********************************************************************************************************************
* GPS検索
***********************************************************************************************************************/
.gps-map-area .title{
	font-size: 1.4rem;
	text-align: center;
	margin-bottom: 20px;
}
	.gps-map-area .title #num{
		font-size: 2.6rem;
		color: #ec661b;
	}
.gps-map-area .btn-area{
	background: #efefef;
	padding: 6vw;
}
.btn-area.gps{
	padding: 6vw;
}
.gps-map-area .btn-area .btn-d,
.btn-area.gps .btn-d{
	max-width: 100%;
	font-size: 1.4rem;
	line-height: 40px;
	height: 40px;
}
#map-gps{
	width: 100%;
	height: 333px;
	height: 89vw;
}

#store-gps-list li{
	border-bottom: 1px solid #bebebe;
}
	#store-gps-list li a{
		position: relative;
		display: block;
		padding: 3vw 6vw;
	}
	#store-gps-list li .title{
		font-size: 1.8rem;
		line-height: 1.4em;
	}
	#store-gps-list li p{
		font-size: 1.2rem;
	}


/*各種お問い合わせ*/
.various-box{
	padding: 10px;
	margin-bottom: 20px;
}
.various-box .flex{
	padding: 0px;
	display: block;
}
.various-box .box{
	padding: 10px;
	width: 100%;
	margin-bottom: 15px;
}
	.various-box .box .title{
		font-size: 1.6rem;
		line-height: 1em;
	}
	.various-box .box.mail p{
		font-size: 1.3rem;
		line-height: 1.7em;
		margin-bottom: 1em;
	}
	.various-box .box.mail a{
		height: 40px;
		font-size: 1.4rem;
		line-height: 40px;
	}

	.various-box .box.tel p{
		font-size: 1.4rem;
		line-height: 1.6em;
		margin-bottom: 1em;
	}
		.various-box .box.tel p em,
		.various-box .box.tel p a{
			display: inline-block;
			font-size: 2.6rem;
			line-height: 1em;
			padding: 5px;
			margin: 0;
		}
		.various-box .box.tel p span{
			font-size: 1.8rem;
			margin-top: 0.5em;
			display:inline-block;
		}
	.various-box .box.tel ul li{
		font-size: 1.2rem;
		line-height: 1.5em;
		text-indent: -1em;
		padding-left: 1em;
		color: #636363;
	}
.various-box .info{
	padding: 10px;
}

/***********************************************************************************************************************
* 14 快活CLUBのプライベート空間
***********************************************************************************************************************/

.gallery-area .gallery-wrapper .gallery-top {
    position: relative;
    height: auto;
}


.gallery-area .gallery-wrapper .gallery-top .swiper-slide{
	padding-top: 66.6%;
}

.gallery-area .gallery-wrapper .gallery-top .swiper-slide .inr{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}


.gallery-area .gallery-wrapper .catch-layer .inr {
    position: absolute;
    left: 20px;
    bottom: 25px;
}
.gallery-area .gallery-wrapper .catch-layer .inr .title>span {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 1.6rem;
    margin-bottom: 10px;
}
.gallery-area .gallery-wrapper .catch-layer .inr .title>em {
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
}

.gallery-area .gallery-thumbs-wrapper {
    padding: 20px 15px 12px;
}


.gallery-area .gallery-thumbs .swiper-wrapper {
	-webkit-flex-wrap:wrap !important;
    flex-wrap:wrap !important;
    overflow: hidden;
}
.gallery-area .gallery-thumbs .swiper-slide,
.gallery-area .gallery-thumbs .swiper-slide:nth-child(6n){
	width: 31% !important;
	margin-right: 3.5% !important;
    -webkit-flex-shrink: inherit; 
    flex-shrink: inherit;
    margin:0;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.gallery-area .gallery-thumbs .swiper-slide:nth-child(3n){
	margin-right: 0 !important;
}

.inner-page-navigation {
    padding: 20px 5px 12px;
    background: #e0e0e0
}


.inner-page-navigation>ul {
	flex-wrap:wrap;
	margin-left: auto;
	margin:0 auto;

}
.inner-page-navigation>ul>li{
	width: 50%;
	margin-left: 0;
	margin-right: 0;
	padding:0 3px;
	text-align: center;
	margin-bottom: 8px;
}

.inner-page-navigation>ul>li>a.btn-d {
	max-width: unset;
    position: relative;
    line-height: 30px;
    height: 30px;
    width: 100%;
    display: block;
}

.inner-page-navigation>ul>li>a.btn-d::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -7px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.page-private .private-area,
.page-private .private-area.section1 {
    padding-top: 30px;
}
.page-private .private-area.section4{
    padding-top: 0;
}

.page-private .private-area .head-icon{
	transform: scale(0.7,0.7);
}

.page-private .private-area .head-icon img {
	max-width: 100%;
	width: auto;
}

.page-private .private-area .head-icon {
    margin: 0px auto 5px;
}
.page-private .headline {
    margin-bottom: 20px;
}

.page-private .headline-lg {
    font-size: 2rem;
    padding-bottom: 15px;
    margin-bottom: 20px;
    line-height: 1.4em;
}
.page-private .private-area .headline {
    color: #ec661b;
    font-size: 1.9rem;
    border-color: #ec661b;
}

.page-private .guide-img-text {
    margin: 25px 0;
}

.page-private .guide-img-text .title {
    margin-top: 10px;
    font-size: 2.1rem;
    margin-bottom: 20px;
}
.page-private .guide-img-text .title>span>em {
    font-size: 2.8rem;
}

.page-private .guide-img-text>.text-box, .page-private .guide-img-text.revs>.text-box {
    padding: 20px 0 10px;
}

.page-private .guide-img-text>.text-box {
    padding-left: 0;
}

.page-private .group1 .guide-img-text .title,
.page-private .group2 .guide-img-text .title {
    margin-top: 0px;
    font-size: 1.7rem;
    margin-bottom: 10px;
}

.page-private .group1 {
    margin-bottom: 20px;
}

.private-img-list{
    position: relative;
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}

.private-img-list>li {
    position: relative;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
}

.private-img-list>li .caption {
    font-size: 1.8rem;
    line-height: 1.15em;
    padding: 18px 0 0px;
}

.private-img-list>li p {
    margin-top: 15px;
}

.section3 .private-img-list>li .caption {
    font-size: 1.6rem;
    margin-bottom: 30px;
}


.api-search-area .api-block {
    margin: 0 auto;
    padding-bottom: 30px;
    display: block;
    text-align: center;
}


.api-search-area .api-block .bth-box {
    padding-top: 20px;
    text-align: center;
}

.api-search-area .api-block .text-box {
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 20px;
}
.api-search-area .api-block .text-box i{
	display: inline-block;
}
.api-search-area {
    padding-top: 30px;
}

.api-search-area .api-block .text-box p {
    font-size:2.2rem;
    color: #ec661b;
    padding: 0 0 0 10px;
    line-height: 1.3em;
    font-weight: bold;
}
.api-search-area .search-block {
    padding: 25px 10px;
}
.search-block a.search-btn1 {
    max-width: 340px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    height: 45px;
    line-height: 39px;
}

.search-block a.search-btn1>span {
    padding: 0px 20px;
    font-size: 1.4rem;
    font-weight: bold;
}

.private-icon-list {
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px;
}
.private-icon-list>ul{
	margin-left: -2%;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.private-icon-list>ul>li {
    width: 48%;
    margin-left: 2%;
    margin-bottom: 25px;
    position: relative;
}
.private-icon-list>ul>li img{
	width: auto;
}
.private-icon-list>ul>li p {
    margin-top: 20px;
    font-size: 1.4rem;
}

/*モーダルVR高さ*/
.vr-view iframe{
	height: 75vh;
}

/*kaikatsupoteto CSS*/
.popup-inner {
  padding: 35px;
}
.popup-close-btn {
  right: 8px;
  top: 8px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
/*kaikatsupoteto CSS*/

/*767px*/
}