@charset "utf-8";
/*********************************************************************
 *
 *  For ALL
 *
*********************************************************************/

@media print, screen and (min-width: 768px) {
/* html body */
/* --------------------------------------------------------------------------- */
html {
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: 100%; /* iPhone */
	overflow-y: scroll;
	font-size: 62.5%;
}
body {
	width: 100%;
	min-width: 1000px;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #FFF;
	color: #2b2b2b;
	font-size: 1.2rem;
	line-height: 1.7;
	/*letter-spacing:0.05rem;*/
	font-family: "Avenir", "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

/* wrap */
/* --------------------------------------------------------------------------- */
#wrap {
	max-height: 999999px;/* android chrome フォントサイズバグ回避 */
	overflow:hidden;
}

/* header */
/* --------------------------------------------------------------------------- */
header {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	min-width: 1200px;
	z-index:100;
	font-family: 'Oswald', sans-serif;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f45762+5,ee2d87+28,ee2b85+68,f77555+90,f55a60+100 */
    background: #fff000; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #f45762 5%, #fff000 28%, #fff000 68%, #f77555 90%, #f55a60 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #f45762 5%,#fff000 28%,#fff000 68%,#f77555 90%,#f55a60 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #f45762 5%,#fff000 28%,#fff000 68%,#f77555 90%,#f55a60 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+,  Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45762', endColorstr='#f55a60',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	box-shadow:0px 0px 5px 1px #444;
}
header .inner {
	position:relative;
	margin:0 auto;
	width: 1000px;
	height:140px;
}
header h1 {
	position: absolute;
	left:0;
	top: 18px;
	width: 320px;
}
header h1 a {
	height: 100px;
	background-image:url(../../../img/common/headerfooter/logo.png);
	background-size: auto 100%;
}
header .btnTicket {
	position: absolute;
    right: 0;
    top: 8px;
    width: 300px;
    height: 70px;
    background-image: url(../../../img/common/headerfooter/btn_ticket.png);
    background-size: auto 70px;
}
header .border {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6px;
    background-image: url(../../../img/common/headerfooter/border.jpg);
    background-size: auto 16px;
}
header #navgToggle {
	display:none;
}
/* navG */
/* --------------------------------------------------------------------------- */
#navG {
	display:block !important;
	position:absolute;
	right: 15px;
	top: 88px;
	width: 590px;
}
#navG ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	flex-wrap: wrap;
}

#navG ul li{
	box-sizing: content-box;
	padding: 0 12px 0 14px;
	width: auto;
	margin: 0 auto;
}

#navG ul .line1 {
	border-left: 1px solid #000;
}

#navG ul .enjoy{
	border-right: 1px solid #000;
}

#navG ul li.line1{
	margin: 0 0 8px;
	/*width:11.3%; テーマありの場合*/
	width: auto;
	
}


#navG ul .line2{	
	width: auto;
	margin: 0 0 8px;
	border-left: 1px solid #000;
}

#navG ul .recruit{
	border-right: 1px solid #000;
}

#navG ul .empty{
	width: 80px;
}

#navG ul li a {
	display:block;
	font-size:1.0rem;
	font-weight:bold;
	line-height:12px;
	text-align:center;
	color: #000;
}
#navGbg {
	display:none;
}

/* navU */
/* --------------------------------------------------------------------------- */
#navU {
	position:absolute;
	left: 354px;
	top:18px;
}
#navU ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 300px;
	margin: 0 auto;
}
#navU li {
	width:54px;
}
#navU li a {
	height:54px;
	background-size:auto 54px;
}
#navU li.line a {
	background-image:url(../../../img/common/ico/social_6_line.png);
}
#navU li.twitter a {
	background-image:url(../../../img/common/ico/social_6_tw.png);
}
#navU li.facebook a {
	background-image:url(../../../img/common/ico/social_6_fb.png);
}
#navU li.instagram a {
	background-image:url(../../../img/common/ico/social_6_in.png);
}
#navU li.youtube a {
	background-image:url(../../../img/common/ico/social_6_yt.png);
}
#navU li.mail a {
	background-image:url(../../../img/common/ico/social_6_mail.html);
}
#navU li.tiktok a {
	background-image:url(../../../img/common/ico/social_6_tiktok.png);
}

/* footer */
/* --------------------------------------------------------------------------- */
footer {
	position:relative;
	padding-top: 100px;
	background-color:#000;
}

footer .info {
	margin-bottom:50px;
	font-size:1.5rem;
	text-align:center;
	color: #fff;
}
footer .info a {
	color: #fff;
}
footer .info p {
	margin-bottom:5px;
}
footer .copyright {
    padding: 10px 0;
    padding-bottom: 9.5vh;
    color: #E3007F;
    text-align: center;
}
footer .copyright .url {
	font-size:2.4rem;
	font-weight: bold;
}
footer .copyright .cr {
	font-size:1.5rem;
}
footer .btnPagetop {
	position: fixed;
	bottom:-80px;
	right: 10px;
	width: 50px;
	height:50px;
	z-index:1;
	background-image:url(../../../img/common/headerfooter/btn_pagetop.png);
	background-size:50px auto;
}
.displayScroll footer .btnPagetop {
	z-index: 100;
	bottom:20px;
}

/* navF */
/* --------------------------------------------------------------------------- */
#navF {
	margin:0 auto 50px;
	width: 820px;
}
#navF ul {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: center;
}
#navF li {
	margin-bottom:5px;
	padding:0 25px;
	color:#fff;
	border-left:1px solid #fff;
}
#navF li a {
	font-size:1.2rem;
	line-height:1.6rem;
	color:#fff;
}

#navF .border_right{
	border-right:1px solid #fff;
}

/* navFU */
/* --------------------------------------------------------------------------- */
#navFU {
	display: block;
	margin:0 auto;
}
#navFU ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 400px;
	margin: 0 auto 40px;
}
#navFU li {
	padding:0 8px;
	width: 60px;
}
#navFU li a {
	height: 60px;
	background-size:auto 60px;
}
#navFU li.line a {
	background-image:url(../../../img/common/ico/social_6_line.png);
}
#navFU li.twitter a {
	background-image:url(../../../img/common/ico/social_6_tw.png);
}
#navFU li.facebook a {
	background-image:url(../../../img/common/ico/social_6_fb.png);
}
#navFU li.instagram a {
	background-image:url(../../../img/common/ico/social_6_in.png);
}
#navFU li.youtube a {
	background-image:url(../../../img/common/ico/social_6_yt.png);
}
#navFU li.mail a {
	background-image:url(../../../img/common/ico/social_4_mail.html);
}
#navFU li.tiktok a {
background-image:url(../../../img/common/ico/social_6_tiktok.png);
}	
/* areaContents */
/* --------------------------------------------------------------------------- */
.pageHome #areaContents {
	padding-top: 130px;
	padding-bottom:0;
}
.pageCp #areaContents {
	padding-top: 180px;
	padding-bottom: 130px;
	background:url(../../../img/common/bg/paint_2.jpg) center 70px repeat-y;
	background-size: 101% auto;
}
.pageCp #areaContents2 {
	padding-top: 180px;
	padding-bottom: 130px;
	background:url(../../../img/common/bg/paint_2.jpg) center 70px repeat-y;
	background-size: 101% auto;
}
/* section */
/* --------------------------------------------------------------------------- */
section > .inner {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1100px;
}
section.wide > .inner {
	width:100%;
}

/* sound */
/* --------------------------------------------------------------------------- */
p.soundBtn {
	position:fixed;
	left: 20px;
	bottom: 20px;
	width: 50px;
	height: 50px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	background-image: url(../../../img/common/sound/btn_sound_on.png);
	background-size: cover;
	z-index:10;
}
p.clicked {
	background-image: url(../../../img/common/sound/btn_sound_off.png);
}


/* h3 */
/* --------------------------------------------------------------------------- */
h3 img {
	max-width:100%;
}


/* coming soon */
/* --------------------------------------------------------------------------- */
.comingsoon {
	margin: 0 auto;
    padding-top: 30px;
    padding-right: 10px;
    width: 382px;
}
.comingsoon2 {
	display:block;
	margin: 50px auto 80px;
    width: 500px;
}	
.comingsoon-txt {
	text-align: center;
	font-size:3rem;
	}


	
	
}
/* min-width: 768px */


@media screen and (max-width: 767px) {
/* html body */
/* --------------------------------------------------------------------------- */
html {
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: 100%; /* iPhone */
	overflow-y: scroll;
	font-size: 62.5%;
}
body {
	min-width:320px;
	width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	font-size: 1.3rem;
	line-height: 1.7;
	/*letter-spacing:0.05rem;*/
}

/* wrap */
/* --------------------------------------------------------------------------- */
#wrap {
	max-height: 999999px;/* android chrome フォントサイズバグ回避 */
	overflow:hidden;
}

/* header */
/* --------------------------------------------------------------------------- */
header {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	background-color:#fff;
	z-index:100;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f45762+5,ee2d87+28,ee2b85+68,f77555+90,f55a60+100 */
    background: #fff000; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #f45762 5%, #fff000 28%, #fff000 68%, #f77555 90%, #f55a60 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #f45762 5%,#fff000 28%,#fff000 68%,#f77555 90%,#f55a60 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #f45762 5%,#fff000 28%,#fff000 68%,#f77555 90%,#f55a60 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45762', endColorstr='#F45762',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    font-family: 'Oswald', sans-serif;
	box-shadow:0px 0px 5px 1px #444;
	color: #fff;
}
header .inner {
	position:relative;
	width:100%;
	padding-top:7px;
	height: 55px;
}
header h1 {
	position: absolute;
	left: 4%;
	top:9px;
	width:144px;
	z-index:101;
}
header h1 a {
	height:45px;
	background-image:url("../../../img/common/headerfooter/logo.png");
	background-size:auto 45px;
	background-position:left top !important;
}
header .btnTicket {
	margin: 8px 50px 0 156px;
    height: 38px;
	background-image:url(../../../img/common/headerfooter/btn_ticket.png);
	background-position:center center;
	background-size:contain;
}
header .border {
	position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 12px;
    background-image: url(../../../img/common/headerfooter/border.jpg);
    background-size: auto 4px;
}
header #navgToggle {
	position: absolute;
	right: 14px;
	top: 22px;
	display:block;
	width: 30px;
	height: 22px;
	z-index:110;
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 30px;
	height: 22px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
	border-radius: 0;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 10px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}

/* navG */
/* --------------------------------------------------------------------------- */
#navG {
	display:none;
	position:fixed;
	left:0;
	top:59px;
	padding: 16px 0;
	width:100%;
	z-index:90;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f45762+5,ee2d87+28,ee2b85+68,f77555+90,f55a60+100 */
    background: #f45762; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #f45762 5%, #ee2d87 28%, #ee2b85 68%, #f77555 90%, #f55a60 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #f45762 5%,#ee2d87 28%,#ee2b85 68%,#f77555 90%,#f55a60 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #f45762 5%,#ee2d87 28%,#ee2b85 68%,#f77555 90%,#f55a60 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45762', endColorstr='#f55a60',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#navG ul {
	width:100%;
}
#navG li {
}
#navG li a {
    display: block;
    padding: 7px 0;
    font-size: 1.5rem;
    line-height: 1;
    color: #fff;
    text-align: center;
}
#navGbg {
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.5);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	z-index:50;
}

/* navU */
/* --------------------------------------------------------------------------- */
#navU {
	display:none;
}

/* footer */
/* --------------------------------------------------------------------------- */
footer {
	position:relative;
	padding-top:40px;
	background-color:#000;
}

footer .info {
	margin-bottom:20px;
	font-size:1.1rem;
	text-align:center;
	color:#fff;
}
footer .info a {
	color:#fff;
}
footer .info p {
	margin-bottom:5px;
}
footer .copyright {
	padding:10px 5px 60px;
	color:#E3007F;
	text-align:center;
}
footer .copyright .url {
	font-size:1.8rem;
	font-weight: bold;
}
footer .copyright .cr {
	font-size:1.1rem;
}
footer .btnPagetop {
	position: fixed;
	bottom:-80px;
	right: 5px;
	width: 50px;
	height:50px;
	z-index:2;
	background-image:url(../../../img/common/headerfooter/btn_pagetop.png);
	background-size:50px auto;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.displayScroll footer .btnPagetop {
	z-index: 100;
	bottom:5px;
}

/* navF */
/* --------------------------------------------------------------------------- */
#navF {
	margin:0 auto 20px;
	width:90%;
}
#navF ul {
	border-top:1px solid #fff;
}
#navF li {
	float:left;
	width:50%;
	padding:5px 0;
	border-bottom:1px solid #fff;
	text-align:center;
}
#navF li a {
	font-size:1.1rem;
	line-height:1.6rem;
	color:#fff;
}

/* navFU */
/* --------------------------------------------------------------------------- */
#navFU {
	margin:0 auto 20px;
}
#navFU ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 75%;
	margin: 0 auto;
}
#navFU li {
	float:left;
	padding:0 4px;
	width: 40px;
}
#navFU li a {
	height:40px;
	background-size:auto 40px;
}
#navFU li.line a {
	background-image:url(../../../img/common/ico/social_6_line.png);
}
#navFU li.twitter a {
	background-image:url(../../../img/common/ico/social_6_tw.png);
}
#navFU li.facebook a {
	background-image:url(../../../img/common/ico/social_6_fb.png);
}
#navFU li.instagram a {
	background-image:url(../../../img/common/ico/social_6_in.png);
}
#navFU li.youtube a {
	background-image:url(../../../img/common/ico/social_6_yt.png);
}
#navFU li.mail a {
	background-image:url(../social_4_mail.html);
	}
#navFU li.tiktok a {
	background-image:url(../../../img/common/ico/social_6_tiktok.png);
	}
/* areaContents */
/* --------------------------------------------------------------------------- */
.pageHome #areaContents {
	padding-top:62px;
	padding-bottom:0;
}
.pageCp #areaContents {
	padding-top: 100px;
	padding-bottom: 70px;
	background:url(../../../img/common/bg/paint_2.jpg) center 70px repeat-y;
	background-size: 120% auto;
}
	
/* section */
/* --------------------------------------------------------------------------- */
section > .inner {
	position:relative;
	margin-left:5%;
	margin-right:5%;
}
section.wide > .inner {
	margin-left:0;
	margin-right:0;
}

/* coming soon */
/* --------------------------------------------------------------------------- */
.comingsoon {
	margin:0 auto;
	width:60%;
}
.comingsoon2 {
	display:block;
	margin: 0px auto 100px;
    max-width: 100%;
}
	
.comingsoon-txt {
	text-align: center;
	font-size:2rem;
	}


}
/* max-width: 767px */