@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,th,td,pre,code,blockquote,form,fieldset,legend,input,textarea,figcaption,figure{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#FFF}hr{display:none}img{vertical-align:bottom}select,input,button,textarea{font-size:99%}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}.hd{display:block;width:0;height:0;overflow:hidden}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section,main{display:block}*{margin:0;padding:0;box-sizing:border-box;max-height:999999px;outline:none;}*:focus{outline: none;}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;}
:root{
	--font-sans:"Noto Sans JP",sans-serif;
	--vw-min:1200;

	--color-yellow:#e6ff00;
	--color-pink:#de6083;
}
@media screen and (max-width:768px){
	:root{
		--vw-min:750;
	}
}
body{
	-webkit-text-size-adjust: 100%;
	background-color:#000;
	color: #fff;
	font-family:var(--font-sans);
	font-feature-settings: "palt";
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	font-weight: normal;
	letter-spacing: 0.07em;
	line-height: 1.8;
	word-wrap: break-word;
}
a{ color: #fff; }
a:hover{ text-decoration: none; }
.ah { transition: opacity .3s ease; }
.ah:hover { opacity: .7; }
::selection{
	background: #de6083;
	color: #000;
}
::-moz-selection{
	background: #de6083;
	color:#000;
}
@media screen and (max-width:768px){
	body{
		font-size:calc(24 / var(--vw-min) * 100vw);
		min-width: 320px;
	}
	.pc{ display: none; }
	.ah:hover { opacity: 1; }
}
@media screen and (min-width:769px){
	.sp{ display: none; }
}
@keyframes mv-text1 {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: min(calc(974.7322 / var(--vw-min) * 100vw),974.7322px) 0;
	}
}
@keyframes mv-text2 {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: max(calc(-974.7322 / var(--vw-min) * 100vw),-974.7322px) 0;
	}
}
@media screen and (max-width:768px){
	@keyframes mv-text1 {
		0% {
			background-position: 0 0;
		}
		100% {
			background-position: min(calc(800.6729 / var(--vw-min) * 100vw),800.6729px) 0;
		}
	}
	@keyframes mv-text2 {
		0% {
			background-position: 0 0;
		}
		100% {
			background-position: max(calc(-800.6729 / var(--vw-min) * 100vw),-800.6729px) 0;
		}
	}
}
#fullWrap {
	position: relative;
}
/* FOOTER */
.footer__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:768px){
	.footer__top {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		padding:min(calc(30 / var(--vw-min) * 100vw),30px);
	}
}
.footer__left {
	width:min(calc(230 / var(--vw-min) * 100vw),230px);
}
@media screen and (max-width:768px){
	.footer__left {
		width:100%;
		display: flex;
		justify-content: center;
	}
}
.footer__right {
	width:min(calc(230 / var(--vw-min) * 100vw),230px);
	display: flex;
	justify-content: flex-end;
	order:2;
}
@media screen and (max-width:768px){
	.footer__right {
		width:100%;
		display: flex;
		justify-content: center;
		order:unset;
	}
}
.footer__official {
	display: flex;
	align-items: center;
}
@media screen and (max-width:768px){
	.footer__official {

		padding-left:calc(24 / var(--vw-min) * 100vw);
	}
}
.footer__officialTitle {
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
	font-weight: 500;
	color:var(--color-yellow);
	padding-right:min(calc(60 / var(--vw-min) * 100vw),60px);
	position: relative;
}
@media screen and (max-width:768px){
	.footer__officialTitle {
		font-size:calc(34 / var(--vw-min) * 100vw);
		padding-right:min(calc(120 / var(--vw-min) * 100vw),120px);
	}
}
.footer__officialTitle:before {
	content:'';
	position: absolute;
	right:min(calc(8 / var(--vw-min) * 100vw),8px);
	top:50%;
	height:1px;
	width:min(calc(34 / var(--vw-min) * 100vw),34px);
	background:var(--color-yellow);
}
@media screen and (max-width:768px){
	.footer__officialTitle:before {
		right:0;
		width:calc(88 / var(--vw-min) * 100vw);
	}
}
.footer__officialCont {
	width:min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.footer__officialCont {
		width:calc(96 / var(--vw-min) * 100vw);
	}
}
.footer__officialLink {
	width:min(calc(40 / var(--vw-min) * 100vw),40px);
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width:768px){
	.footer__officialLink {
		width:calc(96 / var(--vw-min) * 100vw);
		height:calc(96 / var(--vw-min) * 100vw);
	}
}
.footer__officialLink:before {
	transition: all 0.3s ease;
	width:min(calc(18 / var(--vw-min) * 100vw),18px);
	height:min(calc(18 / var(--vw-min) * 100vw),18px);
}
.footer__officialLink--x:before {
	content:'';
	display: block;
	-webkit-mask:url(../img/common/icon_x.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_x.svg) no-repeat center center / contain;
	background:var(--color-yellow);
}
.footer__officialLink--facebook:before {
	content:'';
	display: block;
	-webkit-mask:url(../img/common/icon_facebook.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_facebook.svg) no-repeat center center / contain;
	background:var(--color-yellow);
}
.footer__officialLink--line:before {
	content:'';
	display: block;
	-webkit-mask:url(../img/common/icon_line.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_line.svg) no-repeat center center / contain;
	background:var(--color-yellow);
}
@media screen and (max-width:768px){
	.footer__officialLink:before {
		width:min(calc(48 / var(--vw-min) * 100vw),48px);
		height:min(calc(48 / var(--vw-min) * 100vw),48px);
	}
}
.footer__officialLink:hover:before {
	background:var(--color-pink);
}
.footer__copyright {
	color:var(--color-yellow);
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
	.footer__copyright {
		padding:min(calc(24 / var(--vw-min) * 100vw),24px);
		font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	}
}



.modal{
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:9800;
	background:rgba(0,0,0,.6);
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px);
	display:none;
}
.modal__inner{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	overflow:auto;
	overscroll-behavior:contain;
}
.modal__cont{
	padding:80px;
	min-height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
}
@media screen and (max-width:768px){
	.modal__cont{
		padding:12.8vw 0;
		min-height:100vh;
	}
}
.modal__movie{
	max-width:calc(163.933vh - min(calc(160 / var(--vw-min) * 100vw),160px));
	width:100%;
	position:relative;
}
.modal__movie:before{
	content:'';
	position:relative;
	display:block;
	width:100%;
	padding-top:56.25%;
}
.modal__movie iframe{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.modal__close{
	position:absolute;
	right:0;
	top:0;
	width:80px;
	height:80px;
	z-index: 100;
}
.modal__close a{
	display:block;
	position:relative;
	width:80px;
	height:80px;
	overflow:hidden;
}
.modal__close a:before,
.modal__close a:after{
	content:'';
	position:absolute;
	left:-20px;
	right:-20px;
	top:50%;
	height:1px;
	background:#FFF;
	transition:all 0.3s ease;
}
.modal__close a:before{
	transform:rotate(45deg)
}
.modal__close a:after{
	transform:rotate(-45deg)
}
.modal__close a:hover:before,
.modal__close a:hover:after{
	background:#de00de;
}
@media screen and (max-width:768px){
	.modal__close{
		width:12.8vw;
		height:12.8vw;
	}
	.modal__close a{
		width:12.8vw;
		height:12.8vw;
	}
}

/**
 * modalBox
 * 基盤のモーダル
 */
.modalBox{
	-webkit-overflow-scrolling: touch;
	background: rgba(0,0,0,.85);
	display: none;
	width: 100%;
	height: 100%;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
.oneModal{
	display: none;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}
.oneModal.is-show {
	display: block;
}

/* oneModalIn */
.oneModalIn{
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	width: 100%;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width:767px){
	.oneModalIn{
		min-width: 100%;
	}
	.oneModalIn__cont{
		width: 100%;
	}
}

/*CP > COMMON*/
/*bnrLists*/
.bnrLists{
	display: flex;
	align-items: center;
    justify-content: center;
}
.bnrItem{
	margin: 0 min(calc(10/ var(--vw-min) * 100vw),10px) min(calc(10/ var(--vw-min) * 100vw),10px);
}
.bnrItem__link{
	display: block;
	width:min(calc(320/ var(--vw-min) * 100vw),320px);
}
.bnrItem__link img{
	width:100%;
	height:auto;
}


/* --------------
mv
--------------- */
.mv {
	position: relative;
	padding:min(calc(110 / var(--vw-min) * 100vw),110px) 0;
}
@media screen and (max-width:768px){
	.mv {
		padding:calc(110 / var(--vw-min) * 100vw) 0;
	}
}
.mv__t {
	position: absolute;
	left:0;
	top:max(calc(-1 / var(--vw-min) * 100vw),-1px);
	right:0;
	height:min(calc(112 / var(--vw-min) * 100vw),112px);
	background:url(../img/common/mv_text-t.svg) repeat-x 0 0 / auto 100%;
	animation:mv-text1 15s linear infinite;
	z-index:2;
}
@media screen and (max-width:768px){
	.mv__t {
		height:calc(110 / var(--vw-min) * 100vw);
	}
}
.mv__b {
	position: absolute;
	left:0;
	bottom:max(calc(-1 / var(--vw-min) * 100vw),-1px);
	right:0;
	height:min(calc(112 / var(--vw-min) * 100vw),112px);
	background:url(../img/common/mv_text-b.svg) repeat-x 0 0 / auto 100%;
	animation:mv-text2 17s linear infinite;
	z-index:2;
}
@media screen and (max-width:768px){
	.mv__b {
		height:calc(110 / var(--vw-min) * 100vw);
	}
}
.mv__inner {
	position: relative;
	z-index:5;
}

.caution_txt {
	display: none;
}

@media screen and (max-width:768px){
	.caution_txt {
		color:#f00;
		text-align: center;
		display: block;
		padding: 0 0 20px;
	}
}