@charset "utf-8";
/* ==================================================================
CSS information
style info :RESET
================================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;
}
body { line-height:1; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000;  font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

h1 , h2 , h3 , h4 { line-height:1; }
ul { list-style:none; }
p { line-height:1; }
img { vertical-align:bottom; border:none; }
table { font-size:inherit; font:100%;}




/* ==================================================================
CSS information
style info :共通
================================================================== */
html,body { -webkit-text-size-adjust: none; }
html { font-size: 62.5%; }
body { font-size: 14px; font-size: 1.4rem; background: #000; }
div, h1, h2, h3, h4, h5, p { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#contents table, #contents table *, #contents ul, #contents li, #contents ol, #contents dl, #contents dt, #contents dd, #contents a, #contents span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#contents header, #contents section, #contents aside, #contents article { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#contents *::before, #contents *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

#contents { font-family: "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }/* mfpINLINEにも有り */

#contents img { max-width: 100%; height: auto;}/* mfpINLINEにも有り */

#sqexHeader-black_rsp , #sqexFooter { z-index: 9000; position: relative;}


/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents::before ,
#contents::after { content: ""; display: block; clear: both; }
#contents { zoom:1; overflow: hidden; background: #000; color: #fff; position: relative;}
#contents { background: transparent; }



/* --------------------------------------------------------
#nowloading
-------------------------------------------------------- */
#nowloading { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #161616; z-index: 9998; }
#nowloadingIcon { position: absolute; top: 50%; left: 50%; width: 150px; height: 150px; margin-top: -75px; margin-left: -75px; text-align: center;  z-index: 9991; overflow: hidden; }
#nowloadingIcon .nli__box { width: 80%; margin: auto; position: relative; overflow: hidden; }
#nowloadingIcon .nli__box::before { content: ""; display: block; width: 100%; height: 100%; background: #282828; position: absolute; top: 0; left: 0; }
#nowloadingIcon .nli__box span { position: absolute; top: 0; left: 0; width: 100%; height: 0%; background: #fff; overflow: hidden;}
#nowloadingIcon .nli__box img { position: relative; border-top: 1px solid #161616; border-bottom: 1px solid #161616;}


/* --------------------------------------------------------
#allwrap
-------------------------------------------------------- */
#allwrap { max-width: 1920px; margin: 0 auto; }
@media screen and (min-width: 641px) {
	#allwrap { }
}
@media screen and (min-width: 1401px) {
	#allwrap { }
}



/* --------------------------------------------------------
.main
-------------------------------------------------------- */
.main { position: relative; }
@media screen and (min-width: 641px) {
	.main { }
}
@media screen and (min-width: 1401px) {
	.main { }
}



/* --------------------------------------------------------
.secInner
-------------------------------------------------------- */
.secInner ,
.secInner_s { position: relative; }
@media screen and (min-width: 641px) {
	.secInner { width: calc(1300/1400*100%); margin: auto; }
	.secInner_s { width: calc(1240/1400*100%); margin: auto; }
}
@media screen and (min-width: 1401px) {
	.secInner { width: 1300px; }
	.secInner_s { width: 1240px; }
}



/* --------------------------------------------------------
.secLang
-------------------------------------------------------- */
.secLang { background: #000; width: 100%; padding: calc(10/750*100%) 0; border-top: 1px solid #666; position: relative; 
	display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; justify-content: center; align-items: center; }

.secLang__icon { width: calc(46/750*100%); margin-right: calc(10/750*100%); }

.secLang__select__wrap { width: calc(340/750*100%); position: relative; background: rgba(0,0,0,0.5); border-radius: 4px; }
.secLang__select__wrap::before { content: ''; width: calc(18/340*100%); height: 100%; background: url(../../_common/img/lang/arrow.png) center center no-repeat; background-size: 100%;
	position: absolute; top: 0; right: calc(20/340*100%); z-index: 1;  }
.secLang__select__wrap::after { content: ''; width: 1px; height: 100%; position: absolute; top: 0; right: calc(55/340*100%); background: #818181;}
.secLang__select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: 1px solid #818181; border-radius: 4px; width: 100%; height: auto; position: relative; z-index: 2; 
	margin: 0; padding: calc(10/340*100%) calc(15/340*100%); color: #fff; font-size: 2.667vw; }/* font20 */
.secLang__select option { color: #000;}
.secLang__select::-ms-expand { display: none; }/* IEでアイコン削除 */

@media screen and (min-width: 641px) {
	.secLang { width: 100%; padding: calc(15/1400*100%) 0; }
	
	.secLang__icon { width: calc(25/1400*100%); margin-right: calc(10/1400*100%); }

	.secLang__select__wrap { width: calc(220/1400*100%); }
	.secLang__select__wrap::before { width: calc(12/220*100%); right: calc(8/220*100%); }
	.secLang__select__wrap::after { right: calc(26/220*100%); }
	.secLang__select { padding: calc(6/220*100%) calc(10/220*100%); font-size: 1.0714vw; }/* font15 */
	
}
@media screen and (min-width: 1401px) {
	.secLang { padding: 17px 0;}
	.secLang__select { font-size: 1.5rem; }
}
@media screen and (min-width: 1921px) {
}



/* --------------------------------------------------------
.secBgm
-------------------------------------------------------- */
.secBgm { position: absolute; bottom: 0; margin-bottom: calc(15/750*100%); width: calc(100/750*100%); z-index: 9901; }
.secBgm.fixed { position: fixed; margin-bottom: calc(25/750*100%);}

.sBgm__Icon { position: relative; padding-top: 100%; z-index: 9; 
	background-image: url(../img/bgm/soundoff.png?2), url(../img/bgm/soundon.png?2); background-repeat: no-repeat; background-size: 100%;
	background-position: center center, -204px -204px; }
.sBgm__Icon.on { background-position: -204px -204px, center center;  }
.sBgm__button { position: absolute; top: 0; left: -15%; width: 130%; height: 0; padding-top: 130%; margin-top: -15%; cursor: pointer; z-index: 10; }

.sBgm__list { width: calc(120/100*100%); margin-top: calc(15/100*100%); margin-left: calc(-10/100*100%); z-index: 11; 
	display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; justify-content: center; }
.sBgm__list .sBgm__list__btn { width: calc(30/120*100%); height: 0; padding-top: calc(30/120*100%); margin: 0 calc(2/120*100%); cursor: pointer; }
.sBgm__list .btn1 { background-image: url(../img/bgm/no1.png), url(../img/bgm/no1_on.png); }
.sBgm__list .btn2 { background-image: url(../img/bgm/no2.png), url(../img/bgm/no2_on.png); }
.sBgm__list .btn3 { background-image: url(../img/bgm/no3.png), url(../img/bgm/no3_on.png); }
.sBgm__list .btn1 ,
.sBgm__list .btn2 ,
.sBgm__list .btn3 { background-repeat: no-repeat; background-position: center top, center 100px; background-size: 100% auto; }
.sBgm__list .on { background-position: center 100px, center top;  }

@media screen and (max-width: 640px) {
.secBgm { left: calc(20/750*100%); }
}
@media screen and (min-width: 641px) {
	.secBgm { right: calc(60/1400*100%); margin-bottom: calc(20/1400*100%); width: calc(100/1400*100%);}
	.secBgm.fixed { margin-bottom: calc(20/1400*100%);}
	
	.asecBgm { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; backface-visibility: hidden; }
	.asecBgm:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
	
	.asecBgm { pointer-events : none; }
	.asecBgm div[data-type*="btn"] { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: transform .1s ease-in-out; transition: transform .1s ease-in-out; backface-visibility: hidden; pointer-events : auto; }
	.asecBgm:hover div[data-type*="btn"] { -webkit-transform: scale(1.1); transform: scale(1.1); }
	
	.sBgm__Icon { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: transform .1s ease-in-out; transition: transform .1s ease-in-out; backface-visibility: hidden; pointer-events : auto; }
	.secBgm .sBgm__button:hover + .sBgm__Icon ,
	.secBgm .sBgm__Icon:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

	.sBgm__list .sBgm__list__btn { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: transform .1s ease-in-out; transition: transform .1s ease-in-out; backface-visibility: hidden; pointer-events : auto; }
	.sBgm__list .sBgm__list__btn:hover { -webkit-transform: scale(1.2); transform: scale(1.2); }

}
@media screen and (min-width: 1401px) {
	.secBgm { right: 60px; margin-bottom: 20px; width: 100px;}
	.secBgm.fixed { margin-bottom: 20px;}
}
@media screen and (min-width: 1921px) {
	.secBgm { right: 50%; margin-right: -900px; }
}



/* --------------------------------------------------------
.soundjudge
-------------------------------------------------------- */
.soundjudge { width: 100%; position: absolute; top: 50%; left: 0; opacity: 0; }
.soundjudge .soundjudge__text { width: 100%; padding-top: calc(80/750*100%); }
.soundjudge .soundjudge__list { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: calc(70/750*100%); }
.soundjudge__list .sj__list__item { width: calc(120/750*100%); padding-top: calc(120/750*100%); margin: 0 calc(36/750*100%); cursor: pointer; }
.soundjudge__list .sj__list__item:first-child { background: url(../img/bgm/soundoff.png) center center no-repeat; background-size: cover; }
.soundjudge__list .sj__list__item:last-child { background: url(../img/bgm/soundon.png) center center no-repeat; background-size: cover; }
@media screen and (min-width: 641px) {
	.soundjudge { left: 50%; margin-left: -50%; }
	.soundjudge .soundjudge__text { padding-top: calc(60/1400*100%); margin: auto; }
	.soundjudge .soundjudge__list { width: 100%; margin-top: calc(40/1400*100%); }
	.soundjudge__list .sj__list__item { width: calc(100/1400*100%); padding-top: calc(100/1400*100%); margin: 0 calc(46/1400*100%); }

	.soundjudge__list .sj__list__item { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; backface-visibility: hidden; box-shadow: 0px 0px 0px 0px #fff; border-radius: 100%; }
	.soundjudge__list .sj__list__item:first-child:hover { -webkit-transform: scale(1.1); transform: scale(1.1); box-shadow: 0px 0px 20px 1px #d8597f; }
	.soundjudge__list .sj__list__item:last-child:hover { -webkit-transform: scale(1.1); transform: scale(1.1); box-shadow: 0px 0px 20px 1px #6a25f6; }
}
@media screen and (min-width: 1401px) {
	.soundjudge { width: 1400px; margin-left: -700px; }
}



/* --------------------------------------------------------
.secPagetop
-------------------------------------------------------- */
.secPagetop { background: #4d23e8; position: absolute; bottom: 0; right: 5px; margin-bottom: calc(0/750*100%); width: calc(40/750*100%); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; backface-visibility: hidden; }
.secPagetop.fixed { position: fixed; }
.secPagetop.off { opacity: 0; transform: translateX(50px); }

.secPagetop a { display: block; background: url(../img/btn_pagetop.png) center top no-repeat; background-size: 100%; padding-top: calc(80/40*100%); }

@media screen and (min-width: 641px) {
	.secPagetop { width: calc(40/1400*100%); }
	.secPagetop a { -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; backface-visibility: hidden; }
	.secPagetop:hover a { padding-top: calc(120/40*100%); }
}
@media screen and (min-width: 1401px) {
	.secPagetop { width: 40px; }
}
@media screen and (min-width: 1921px) {
	.secPagetop { right: 50%; margin-right: -955px; }
}



/* ----------------------------------------------------------------------------------------------------------------
magnific
---------------------------------------------------------------------------------------------------------------- */
.modal_mfpYt.mfp-bg ,
.modal_mfpImg.mfp-bg ,
.modal_mfpIframe.mfp-bg ,
.modal_mfpImgGallery.mfp-bg ,
.modal_mfpInline.mfp-bg { z-index: 9998;}
.modal_mfpYt.mfp-wrap ,
.modal_mfpImg.mfp-wrap ,
.modal_mfpIframe.mfp-wrap ,
.modal_mfpImgGallery.mfp-wrap ,
.modal_mfpInline.mfp-wrap { z-index: 9999;}
.modal_mfpYt .mfp-iframe-holder .mfp-content { max-width: 1080px; }
.modal_mfpImg .mfp-iframe-holder .mfp-content ,
.modal_mfpImgGallery .mfp-iframe-holder .mfp-content { max-width: 1280px; }
.modal_mfpIframe .mfp-iframe-holder .mfp-content { max-width: 1400px; }

.modal_mfpYt .mfp-iframe-holder .mfp-close ,
.modal_mfpImg .mfp-image-holder .mfp-close ,
.modal_mfpImgGallery .mfp-image-holder .mfp-close ,
.modal_mfpInline .mfp-inline-holder .mfp-close { position: fixed; top: 0; right: 0; background: url(../img/btn_close.png) top right no-repeat; background-size: auto 100%; width: calc(84/750*100%); height: 0; padding-top: calc(84/750*100%); }
.modal_mfpImg img,
.modal_mfpIframe img,
.modal_mfpImgGallery img {
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-touch-callout:none;
-moz-user-select:none;
touch-callout:none;
user-select:none;
}
@media screen and (min-width: 641px) {
	.modal_mfpYt .mfp-iframe-holder .mfp-close ,
	.modal_mfpImg .mfp-image-holder .mfp-close ,
	.modal_mfpImgGallery .mfp-image-holder .mfp-close ,
	.modal_mfpInline .mfp-inline-holder .mfp-close { width: calc(84/1400*100%); padding-top: calc(84/1400*100%); }
}
@media screen and (min-width: 1401px) {
	.modal_mfpYt .mfp-iframe-holder .mfp-close ,
	.modal_mfpImg .mfp-image-holder .mfp-close ,
	.modal_mfpImgGallery .mfp-image-holder .mfp-close ,
	.modal_mfpInline .mfp-inline-holder .mfp-close { width: 84px; padding-top: 84px; }
}

/* .modal_mfpImgGallery ---------------------------------------------------------------------------------------------------------------- */
.modal_mfpImgGallery .mfp-arrow { opacity: 0.5; width: 20%; height: 80%; top:10%; margin-top: 0;}
.modal_mfpImgGallery .mfp-arrow:active { margin-top: 0; }
.modal_mfpImgGallery .mfp-arrow:before,
.modal_mfpImgGallery .mfp-arrow:after { display: none; }
.modal_mfpImgGallery .mfp-arrow-left { background: url(../img/btn_prev.png) center center no-repeat; }
.modal_mfpImgGallery .mfp-arrow-right { background: url(../img/btn_next.png) center center no-repeat; }
@media screen and (min-width: 641px) {
	.modal_mfpImgGallery .mfp-arrow { opacity: 0.5; width: 100px;}
}

/* .modal_mfpIframe ---------------------------------------------------------------------------------------------------------------- */
.modal_mfpIframe .mfp-container { padding: calc(40/750*100%) 0;}
.modal_mfpIframe .mfp-iframe-scaler { padding-top: 100%;}
.modal_mfpIframe .mfp-iframe-scaler .mfp-iframe { background: transparent!important; box-shadow: none;}
.modal_mfpIframe .mfp-iframe-holder .mfp-close { width: calc(84/750*100%); height: 0; padding-top: calc(84/750*100%); top: 0; margin-top: calc(-80/750*100%);
	background: url(../img/btn_close.png) center center no-repeat; background-size: contain; }
@media screen and (min-width: 641px) {
	.modal_mfpIframe .mfp-container { padding: calc(40/1400*100%) 0;}
	.modal_mfpIframe .mfp-iframe-holder .mfp-close { width: calc(84/1400*100%); padding-top: calc(84/1400*100%); margin-top: calc(-80/1400*100%); margin-right: calc(200/1400*100%); }
	.modal_mfpIframe .mfp-iframe-scaler { padding-top: calc(500/1400*100%);}
}
@media screen and (min-width: 1401px) {
	.modal_mfpIframe .mfp-container { padding: 40px 0;}
	.modal_mfpIframe .mfp-iframe-scaler { padding-top: 500px;}
}

/* .modal_mfpInline ---------------------------------------------------------------------------------------------------------------- */
.modal_mfpInline .mfp-container { font-family: "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.modal_mfpInline .mfp-container img { max-width: 100%; height: auto;}/* mfpINLINEにも有り */
.modal_mfpInline .mfp-container { padding: 0;}
.modal_mfpInline .mfp-inline-holder .mfp-close { width: 100%; }
.modal_mfpInline .mfp-arrow { opacity: 0.5; width: 20%; height: 80%; top:10%; margin-top: 0;}
.modal_mfpInline .mfp-arrow:active { margin-top: 0; }
.modal_mfpInline .mfp-arrow:before,
.modal_mfpInline .mfp-arrow:after { display: none; }
.modal_mfpInline .mfp-arrow-left { background: url(../img/btn_prev.png) 20% center no-repeat; }
.modal_mfpInline .mfp-arrow-right { background: url(../img/btn_next.png) 80% center no-repeat; }
@media screen and (min-width: 641px) {
	.modal_mfpInline .mfp-arrow { opacity: 0.5; width: 100px;}
}
@media screen and (min-width: 1281px) {
}




/* --------------------------------------------------------
汎用クラス
-------------------------------------------------------- */
.nosp { display: none; }
@media screen and (min-width: 641px) {
	.nosp { display: inline-block; }
	.nopc { display: none; }
}

/*clearfix
----------------------------------------------------*/
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { zoom:1; }
.cr { clear:both; }