<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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; overflow: hidden; }
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, 
.mfp-content, 
header.secHeader { font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Meiryo", "Helvetica Neue", Arial, sans-serif; }
/* IE HACK */
_:-ms-input-placeholder, :root #contents, 
_:-ms-input-placeholder, :root .mfp-content, 
_:-ms-input-placeholder, :root header.secHeader { font-family: "メイリオ", "Meiryo", sans-serif; }

#contents img { max-width: 100%; height: auto; }
#sqexHeader-black_rsp , #sqexFooter { z-index: 9000; position: relative; }



/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents::before ,
#contents::after { content: ""; display: block; clear: both; }
#contents { zoom:1; background: #000; color: #fff; position: relative; /*overflow: hidden;*/ }
@media screen and (min-width: 641px) {
}



/* --------------------------------------------------------
#nowloading
-------------------------------------------------------- */
#nowloading { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #161616; z-index: 9998; }
#nowloading_icon { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; text-align: center;  z-index: 9991; }
#nowloading_icon { border-radius: 50%; border: solid 1px #161616; }
@media screen and (min-width: 641px) {
}

#nowloading .bgmjudge { width: calc(580/750*100%); height: 0; padding-top: calc(370/750*100%); position: absolute; top: 50%; left: 50%; margin-top: calc(-185/750*100%); margin-left: calc(-290/750*100%); opacity: 0; }
#nowloading .bgmjudge p { position: absolute; left: 0; }
#nowloading .bgmjudge__ttl { top: 0; width: 100%; height: 0; padding-top: calc(83/580*100%); background: url("../img/bgmjudge/title.png") center center no-repeat; background-size: contain; }
#nowloading .bgmjudge__text { top: 0; margin-top: calc(95/580*100%); width: 100%; height: 0; padding-top: calc(77/580*100%); 
	background: url("../img/bgmjudge/text_sp.png") center center no-repeat; background-size: contain; }
#nowloading .bgmjudge__list { position: absolute; top: 0; left: 0; width: 100%; height: 0; margin-top: calc(220/580*100%); 
	display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; justify-content: center; }
#nowloading .bj__list__item { width: calc(150/580*100%); height: 0; padding-top: calc(150/580*100%); margin: 0 calc(40/580*100%); 
	background-position: center center, center 300px; background-repeat: no-repeat; background-size: contain; }

#nowloading .bj__list__item[data-state="on"] { background-image: url("../img/bgmjudge/btn_on.png"), url("../img/bgmjudge/btn_on_ov.png"); }
#nowloading .bj__list__item[data-state="off"] { background-image: url("../img/bgmjudge/btn_off.png"), url("../img/bgmjudge/btn_off_ov.png"); }

@media screen and (min-width: 641px) {
	#nowloading .bgmjudge { width: calc(580/1346*100%); padding-top: calc(300/1346*100%); margin-top: calc(-150/1346*100%); margin-left: calc(-290/1346*100%); }
	
	#nowloading .bgmjudge__ttl {}
	#nowloading .bgmjudge__text { margin-top: calc(104/580*100%); padding-top: calc(40/580*100%); background: url("../img/bgmjudge/text_pc.png") center center no-repeat; background-size: contain; }
	#nowloading .bgmjudge__list { margin-top: calc(173/580*100%); }
	#nowloading .bj__list__item { width: calc(125/580*100%); padding-top: calc(125/580*100%); margin: 0 calc(34/580*100%); cursor: pointer; }
	
	#nowloading .bj__list__item:hover { background-position: center 300px, center center; }
}
@media screen and (min-width: 1347px) {
	#nowloading .bgmjudge { width: 580px; padding-top: 300px; margin-top: -150px; margin-left: -290px; }
}



/* ----------------------------------------------------------------------------------------------------------------
ページ遷移アニメーション
---------------------------------------------------------------------------------------------------------------- */
/*.barba-container { transform-style: preserve-3d; perspective: 1000px; }*/
.main { opacity: 1; transform-origin: center center; }
.pagechangeOut { transform-style: preserve-3d; perspective: 1000px; }
.pagechangeOut { filter: blur(20px) brightness(0.5); transition: filter 0.5s; }
@media screen and (min-width: 641px) {
}



/* --------------------------------------------------------
#allwrap
-------------------------------------------------------- */
#allwrap { background: #000 url("../img/bg_r_sp.png") center top repeat-y; background-size: 100%; position: relative; }
@media screen and (min-width: 641px) {
	#allwrap { background: #000 url("../img/bg_r_pc.png") center top repeat; background-size: calc(963/1346*100%); margin: 0 auto; }
}
@media screen and (min-width: 1347px) {
	#allwrap { background-size: 963px; }
}



/* --------------------------------------------------------
.secNav__spmenu
-------------------------------------------------------- */
.secNav__spmenu { display: block; cursor: pointer; position: absolute; top: 0; right: calc(30/750*100%); margin-top: calc(30/750*100%); background: #a59365; width: calc(80/750*100%); border-radius: 100%; z-index: 2; }
.secNav__spmenu { padding-top: calc(80/750*100%); }
.secNav__spmenu.hide { right: calc(-90/750*100%); }
.secNav__spmenu.fixed { position: fixed; }

.secNav__spmenu__icon, 
.secNav__spmenu__icon::after, 
.secNav__spmenu__icon::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; 
	display: block; width: 100%; height: auto; background-color: #212329;
	-webkit-transition: all .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: all .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	position: absolute; top: 0; left: 0; padding-top: 2px; 
}
.secNav__spmenu__icon { top: 50%; left: 50%; width: calc(40/80*100%); margin-left: calc(-20/80*100%); }
.secNav__spmenu__icon:after, 
.secNav__spmenu__icon:before { content: ''; width: 100%; }
.secNav__spmenu__icon:before { margin-top: calc(-12/40*100%); }
.secNav__spmenu__icon:after { margin-top: calc(12/40*100%); }

.secNav__spmenu.active .secNav__spmenu__icon { background-color: transparent; }
.secNav__spmenu.active .secNav__spmenu__icon:after, 
.secNav__spmenu.active .secNav__spmenu__icon:before { margin-top: 0; }
.secNav__spmenu.active .secNav__spmenu__icon:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.secNav__spmenu.active .secNav__spmenu__icon:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

@media screen and (min-width: 641px) {
	.secNav__spmenu { display: none; }
}



/* ----------------------------------------------------------------------------------------------------------------
.secNavigation
---------------------------------------------------------------------------------------------------------------- */
.secNavigation { background: #212329; position: absolute; top: 0; left: 0; width: 100%; z-index: 8999; box-shadow: 0px 10px 60px 0px rgba(0,0,0,0.6) ;}
.secNavigation.open { display: block; }
/*.secNavigation.useTop { transform: translateY(-100px); }*/
.secNavigation a { display: block; }
/*.useTop .sHead__logo { display: none; }*/

.secNav__ttl { width: calc(504/750*100%); margin-left: calc(30/750*100%); position: relative; }

.secNav__gnavWrap { width: 100%; position: relative; top: 0; left: 0; padding: 0; }

.secNav__gnav { width: 100%; margin: 0 auto; position: relative; }
.secNav__gnav .secNav__gnav__list { position: relative; }
.secNav__gnav .sN__g__l__btn { }
.secNav__gnav .sN__g__l__btn:last-child { margin-bottom: 0; }
.secNav__gnav .sN__g__l__btn .btn { display: block; position: relative; }
.secNav__gnav .sN__g__l__btn .btn div { position: relative; }


@media screen and (max-width: 640px) {
.secNavigation.fixed { z-index: 9001; }
.secNav__ttl { padding: calc(12/750*100%) 0 calc(20/750*100%); }

.secNav__gnavWrap { position: absolute; top: -100%; left: 0; height: 0; transition: all .2s cubic-bezier(0.25, 0.1, 0.25, 1.0); overflow: hidden; /*filter: blur(200px) brightness(2.5);*/ }
.secNav__gnavWrap::before { content: ""; display: block; background: #212329; width: 100%; height: 0; padding-top: calc(137/750*100%); position: absolute; top: 0; left: 0; margin-top: calc(-0/750*100%); }
.secNavigation.fixed .secNav__gnavWrap { position: fixed; }
.secNavigation.open .secNav__gnavWrap { height: 100vh; top: 0; background: rgba(0,0,0,0.85); /*filter: blur(0px) brightness(1);*/ }

.secNav__gnavLogo { width: calc(504/750*100%); margin-left: calc(30/750*100%); padding: calc(12/750*100%) 0 calc(20/750*100%); position: relative; }

.secNav__gnav { margin-top: calc(30/750*100%); }
.secNav__gnav .secNav__gnav__list { width: calc(650/750*100%); margin: 0 auto; }
.secNav__gnav .sN__g__l__btn { width: 100%; margin-top: calc(30/650*100%); }
.secNav__gnav .sN__g__l__btn div { background: rgba(58,45,12,0.8); }
.secNav__gnav .sN__g__l__btn.current div { background: rgba(104,84,35,0.8); }

}
@media screen and (min-width: 641px) {
	.secNavigation { box-shadow: none; }
	.secNavigation .secInner { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; align-items: flex-end; }
	.secNavigation.fixed { position: fixed; }

	.secNav__ttl { width: calc(539/1246*100%); margin-left: 0; padding: calc(10/1246*100%) 0; }
	
	.secNav__gnavWrap { width: calc(700/1246*100%); }
	.secNav__gnavLogo { display: none; }
	
	.secNav__gnav { }
	.secNav__gnav .secNav__gnav__list { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-end; justify-content: flex-end; }
	.secNav__gnav .sN__g__l__btn { margin: 0 calc(20/700*100%); cursor: pointer; position: relative; }
	.secNav__gnav .sN__g__l__btn:last-child { margin-right: 0; }
	.secNav__gnav .sN__g__l__btn .btn { padding: calc(55/1346*100vw) 0 calc(14/1346*100vw); }
	.secNav__gnav .sN__g__l__btn .btn div { width: 100%; display: -webkit-flex; display: flex; }
	.secNav__gnav .sN__g__l__btn::after { content: ""; display: block; width: 0%; height: 4px; background: #ae976a; position: absolute; left: 50%; bottom: 0; margin-left: 0%; 
		-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; opacity: 0; }
	.secNav__gnav .sN__g__l__btn:hover::after , 
	.secNav__gnav .sN__g__l__btn.current::after { width: 100%; margin-left: -50%; opacity: 1; }
	
	.secNav__gnav .sN__g__l__btn.gnb0 { width: calc(41/700*100%); }
	.secNav__gnav .sN__g__l__btn.gnb1 { width: calc(162/700*100%); }
	.secNav__gnav .sN__g__l__btn.gnb2 { width: calc(129/700*100%); }
	
}
@media screen and (min-width: 1347px) {
	.secNav__gnav .sN__g__l__btn .btn { padding: 55px 0 14px; }
}



/* --------------------------------------------------------
.secBgmController
-------------------------------------------------------- */
.secBgmController_wrap { width: calc(530/750*100%); position: absolute; bottom: 0; right: 50%; margin-right: calc(-265/750*100%); margin-bottom: calc(130/750*100%); z-index: 8998; }
.secBgmController { position: relative; }
.sBC__state { width: calc(215/530*100%); margin: 0 auto; padding-top: calc(42/530*100%); position: relative; 
	background: url("../img/bgm/btn_off_sp.png") center center no-repeat, url("../img/bgm/btn_on_sp.png") center bottom -50px no-repeat; background-size: 100%; }
.sBC__state.play { background-position: center bottom -50px, center center; }
.sBC__bgmList { width: 100%; margin-top: calc(34/530*100%); display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; }
.sBC__bL__btn { background-color: #646464; background-position: center center; background-repeat: no-repeat; background-size: contain; 
	width: calc(60/530*100%); height: 0; padding-top: calc(60/530*100%); border-radius: 100%; }
.sBC__bL__btn.on { background-color: #fff; }

.sBC__bL__btn.-btn0 { background-image: url("../img/bgm/no0.png"); background-color: transparent; width: calc(69/530*100%); border-radius: 0; opacity: 0.4; }
.sBC__bL__btn.-btn0.on { opacity: 1; }
.sBC__bL__btn.-btn1 { background-image: url("../img/bgm/no1.png"); }
.sBC__bL__btn.-btn2 { background-image: url("../img/bgm/no2.png"); }
.sBC__bL__btn.-btn3 { background-image: url("../img/bgm/no3.png"); }
.sBC__bL__btn.-btn4 { background-image: url("../img/bgm/no4.png"); }
.sBC__bL__btn.-btn5 { background-image: url("../img/bgm/no5.png"); }

@media screen and (min-width: 641px) {
	.secBgmController_wrap { width: calc(290/1346*100%); top: 0; bottom: inherit; right: calc(50/1346*100%); margin-right: 0; margin-bottom: 0; margin-top: calc(100/1346*100%); z-index: 8999; }
	.secBgmController_wrap.fixed { position: fixed; }
	.secBgmController { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; }
	.sBC__state { width: calc(99/290*100%); margin: 0; padding-top: calc(25/290*100%); cursor: pointer;
		background: url("../img/bgm/btn_off_pc.png") center center no-repeat, url("../img/bgm/btn_on_pc.png") center bottom -50px no-repeat; background-size: 100%; }
	.sBC__state.play { }
	.sBC__bgmList { width: calc(182/290*100%); margin-top: 0; }
	.sBC__bL__btn { width: calc(25/182*100%); padding-top: calc(25/182*100%); cursor: pointer; }
	.sBC__state:hover {  background-position: center bottom -50px, center center; }
	.sBC__bL__btn:not(.-btn0):hover { background-color: #fff; }
	.sBC__bL__btn.-btn0:hover { opacity: 1; }
}
@media screen and (min-width: 1347px) {
	.secBgmController_wrap { width: 290px; right: 50px; margin-top: 100px; }
}



/* --------------------------------------------------------
.main
-------------------------------------------------------- */
.main { position: relative; padding-top: calc(137/750*100%); padding-bottom: calc(400/750*100%); }
@media screen and (min-width: 641px) {
	.main { padding-top: calc(90/1346*100%); padding-bottom: 0; }
}
@media screen and (min-width: 1347px) {
	.main { padding-top: 90px; }
}



/* --------------------------------------------------------
.secConts
-------------------------------------------------------- */
.secConts { position: relative; }
@media screen and (min-width: 1921px) {
	.secConts { overflow: hidden; }
}



/* --------------------------------------------------------
.secInner
-------------------------------------------------------- */
.secInner { position: relative; }
@media screen and (min-width: 641px) {
	.secInner { width: calc(1246/1346*100%); margin: auto; padding-top: 1px; }
}
@media screen and (min-width: 1347px) {
	.secInner { width: 1246px; }
}



/* --------------------------------------------------------
.btnOv
-------------------------------------------------------- */
@media screen and (min-width: 641px) {
	.btn_ov a { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; -webkit-backface-visibility: hidden; 
		display: block; position: relative; overflow:hidden; }
	.btn_ov a:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }
	
	.-refS a, 
	.-refL a { display: block; overflow: hidden; }
	
	.-refS a:after, 
	.-refL a:after { content: ""; width: 100px; height: 200%; position: absolute; top: -50%; left: -100%; opacity: .2; z-index: 1; 
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%);
		-webkit-transform: skewX(-30deg); transform: skewX(-30deg); }
	
	.-refS a:hover:after { left: 150%; 
		-webkit-transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1); }
	.-refL a:hover:after { left: 130%;
		-webkit-transition: all 900ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 900ms cubic-bezier(0.19, 1, 0.22, 1); }
	
}



/* --------------------------------------------------------
#pageTop
-------------------------------------------------------- */
#pageTop { width: calc(80/750*100%); position: absolute; right: 0; bottom: 0; z-index: 8999; transition: transform .3s; }
#pageTop.fixed { position: fixed; }
#pageTop.hide { transform: translateX(80px); }
#pageTop a { display: block; width: 100%; height: 0; padding-top: 100%; background: url(../img/btn_pagetop.png) center center no-repeat; background-size: 100%; position: relative; }
#pageTop a span { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; }
@media screen and (min-width: 641px) {
	#pageTop { width: calc(50/1346*100%); }
	#pageTop a { padding-top: 100%; }
	#pageTop a { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; -webkit-backface-visibility: hidden; transform-origin: right bottom; }
	#pageTop a:hover { -webkit-transform: scale(1.15); transform: scale(1.15); }
}
@media screen and (min-width: 1347px) {
	#pageTop { width: 50px; margin-left: 620px; }
}






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

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



/* ----------------------------------------------------------------------------------------------------------------
magnific
---------------------------------------------------------------------------------------------------------------- */
.modal_mfpYt.mfp-bg ,
.modal_mfpImg.mfp-bg ,
.modal_mfpIframe.mfp-bg ,
.modal_mfpImgGallery.mfp-bg ,
.modal_mfpInline.mfp-bg { z-index: 9998; opacity: 0.9; background: #000; }
.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: 1280px; }

.modal_mfpYt .mfp-iframe-holder .mfp-close ,
.modal_mfpImg .mfp-image-holder .mfp-close ,
.modal_mfpIframe .mfp-iframe-holder .mfp-close ,
.modal_mfpImgGallery .mfp-image-holder .mfp-close ,
.modal_mfpInline .mfp-inline-holder .mfp-close { position: fixed; top: 0; right: 0; height: 0; padding-top: calc(85/750*100%); 
	background: url(../img/btn_close.png) top right no-repeat; background-size: auto calc(70/85*100%); background-position: 98%;}
.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 (max-width: 640px) {
.modal_mfpYt .mfp-iframe-holder .mfp-close ,
.modal_mfpImg .mfp-image-holder .mfp-close ,
.modal_mfpIframe .mfp-iframe-holder .mfp-close ,
.modal_mfpImgGallery .mfp-image-holder .mfp-close ,
.modal_mfpInline .mfp-inline-holder .mfp-close { opacity: 1; }
}
@media screen and (min-width: 641px) {
	.modal_mfpYt .mfp-iframe-holder .mfp-close ,
	.modal_mfpImg .mfp-image-holder .mfp-close ,
	.modal_mfpIframe .mfp-iframe-holder .mfp-close ,
	.modal_mfpImgGallery .mfp-image-holder .mfp-close ,
	.modal_mfpInline .mfp-inline-holder .mfp-close { padding-top: calc(84/1246*100%); 
		background: url(../img/btn_close.png) top right no-repeat; background-size: auto calc(44/84*100%); background-position: 96%; }
}
/* .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_mfpImgGallery .mfp-arrow:hover { opacity: 1; }
}

/* .modal_mfpIframe ---------------------------------------------------------------------------------------------------------------- */
.modal_mfpIframe .mfp-container { padding: 30px 0; }
.modal_mfpIframe .mfp-iframe-scaler { padding-top: calc(640/640*100%); }
.modal_mfpIframe .mfp-iframe-scaler .mfp-iframe { background: transparent!important; box-shadow: none; }
@media screen and (min-width: 641px) {
	.modal_mfpIframe .mfp-iframe-scaler { padding-top: calc(500/1346*100%); }
}
@media screen and (min-width: 1347px) {
	.modal_mfpIframe .mfp-iframe-scaler { padding-top: 500px; }
}

/* .modal_mfpInline ---------------------------------------------------------------------------------------------------------------- */
.modal_mfpInline .mfp-container { font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Meiryo", "Helvetica Neue", Arial, sans-serif; }
.modal_mfpInline .mfp-container img { max-width: 100%; height: auto;}
.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;}
}



</pre></body></html>