/*	RESETS NL4.0.0base
============================== */
html, body, main, div, p, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, ruby { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
ol, ul, li { list-style: none; }
a img, form, fieldset { border: none; }
input, button, select { vertical-align: middle; }
textarea { vertical-align: top; overflow: auto; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, .dpb { display: block; }
audio, canvas, progress { display: inline-block; }
progress { vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template, .nt, .alt { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline-width: 0; }
a:hover { text-decoration: none; }
abbr { cursor: help; border-bottom: 1px dotted #bbb; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong, .bt { font-weight: bolder; }
dfn { font-style: italic; }
mark { background: yellow; color: black; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border-style: none; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
optgroup { font-weight: bold; }
button, input, select { overflow: visible; } /*Edge, IE*/
button, input, select, textarea { margin: 0; } /*Firefox and Safari*/
button, select { text-transform: none; } /*Edge, Firefox, and IE*/
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; }
[disabled] { cursor: default; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /*Android 4, iOS*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /*Firefox*/
button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } /*Edge and IE ...etc*/
textarea { overflow: auto; } /*IE*/
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } /*IE10-*/
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /*Chrome*/
[type="search"] { -webkit-appearance: textfield; } /*Chrome and Safari*/
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /*Chrome and Safari on OS X*/
pre { overflow: auto; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; display: table;}
q:after, blockquote:after { clear: both; }
q::after, blockquote::after { content: ""; display: block; clear: both;}
.clearfix:before, .clearfix:after { content: ""; content: none; display: table;}
.clearfix:after { clear: both; }
.clearfix::after { content: ""; display: block; clear: both;}
.tCenter, .ct { text-align: center;}
.tLeft, .lt { text-align: left;}
.tRight, .rt { text-align: right;}
@media print { .noprint { display: none;} }
/*lazyload*/
.lazyload, .lazyloading { opacity: 0;}
.lazyloaded { opacity: 1; transition: all 1000ms;}
/*fadein*/
.fadein { -webkit-animation: fadeIn 10s ease 1 normal; animation: fadeIn 10s 1 normal;}
@-webkit-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
/*fadeout*/
.fadeout { -webkit-animation: fadeout 10s ease 1 normal; animation: fadeout 10s 1 normal;}
@-webkit-keyframes fadeout { 0% {opacity: 1} 100% {opacity: 0}}
@keyframes fadeout { 0% {opacity: 1} 100% {opacity: 0}}

/* ORG */
@media print { .noprint { display: none; } }
.bnsp { width: 300px; height: 250px; }
.nt { display: none; }
.bt { font-weight: bold; font-weight: 900; font-size: 105%;}
.ut { font-weight: lighter;}
.s_rsmp, .s_wsmp, .s_tablet, .s_pc, .s_rsmpi, .s_wsmpi, .s_tableti, .s_pci { display: none; }
.s_smp { display: -webkit-block; display: block; }
.s_smpi { display: -webkit-inline; display: inline; }
@media (min-width: 480px) { 
.s_smp, .s_smpi { display: none; } 
.s_rsmp { display: -webkit-block; display: block; } 
.s_rsmpi { display: -webkit-inline; display: inline; } 
}
@media (min-width: 640px) { 
.s_rsmp, .s_rsmpi { display: none; } 
.s_wsmp { display: -webkit-block; display: block; } 
.s_wsmpi { display: -webkit-inline; display: inline; } 
}
@media (min-width: 768px) { 
.s_wsmp, .s_wsmpi { display: none; } 
.s_tablet { display: -webkit-block; display: block; } 
.s_tableti { display: -webkit-inline; display: inline; } 
}
@media (min-width: 1000px) { 
.s_tablet, .s_tableti { display: none; } 
.s_pc { display: -webkit-block; display: block; } 
.s_pci { display: -webkit-inline; display: inline; } 
}
.br_rsmp, .br_wsmp, .br_tablet, .br_pc, .br_rsmpi, .br_wsmpi, .br_tableti, .br_pci { display: none; }
.br_smp { display: -webkit-block; display: block; }
.br_smpi { display: -webkit-inline; display: inline; }
@media (min-width: 480px) { 
.br_smp, .br_smpi { display: none; } 
.br_rsmp { display: -webkit-block; display: block; } 
.br_rsmpi { display: -webkit-inline; display: inline; } 
}
@media (min-width: 640px) { 
.br_rsmp, .br_rsmpi { display: none; } 
.br_wsmp { display: -webkit-block; display: block; } 
.br_wsmpi { display: -webkit-inline; display: inline; } 
}
@media (min-width: 768px) { 
.br_wsmp, .br_wsmpi { display: none; } 
.br_tablet { display: -webkit-block; display: block; } 
.br_tableti { display: -webkit-inline; display: inline; } 
}
@media (min-width: 1000px) { 
.br_tablet, .br_tableti { display: none; } 
.br_pc { display: -webkit-block; display: block; } 
.br_pci { display: -webkit-inline; display: inline; } 
}

br { letter-spacing: 0; }
.ct { text-align: center;}
.lt { text-align: left;}
.rt { text-align: right;}
/*size*/
.f300 { font-size: 300%;}
.f240 { font-size: 240%;}
.f220 { font-size: 220%;}
.f200 { font-size: 200%;}
.f180 { font-size: 180%;}
.f160 { font-size: 160%;}
.f140 { font-size: 140%;}
.f130 { font-size: 130%;}
.f125 { font-size: 125%;}
.f120, .big { font-size: 120%;}
.f110 { font-size: 110%;}
.f105 { font-size: 105%;}
.f100 { font-size: 100%;}
.f95 { font-size: 95%;}
.f90, .small { font-size: 90%;}
.f85 { line-height: normal; font-size: 85% !important;}
.f75 { line-height: normal; font-size: 75% !important;}
.f65 { line-height: normal; font-size: 65% !important;}
.f64 { line-height: normal; font-size: 64% !important;}
/*_height*/
.lh100 { line-height: 100%;}
.lh110 { line-height: 110%;}
.lh120 { line-height: 120%;}
.lh130 { line-height: 130%;}
.lh140 { line-height: 140%;}
.lh150 { line-height: 150%;}
.lh160 { line-height: 160%;}
.lh170 { line-height: 170%;}
.lh180 { line-height: 180%;}
.lh200 { line-height: 200%;}
.lh230 { line-height: 230%;}
/*space*/
.pd5 { padding: 5px;}
.pdt2 { padding-top: 2px;}
.pdt5 { padding-top: 3px;}
.pdb3 { padding-bottom: 3px;}
.pdt10 { padding-top: 10px;}
.pdt20 { padding-top: 20px;}
.pdb5 { padding-bottom: 5px;}
.pdb10 { padding-bottom: 10px;}
.pdb20 { padding-bottom: 20px;}
.pdtb10 { padding: 10px 0;}
.pdtb20 { padding: 20px 0;}
.ls-1 { letter-spacing: -.1em;}
.ls0 { letter-spacing: 0;}
.ls1 { letter-spacing: .1em;}
.ls2 { letter-spacing: .2em;}
/*color*/
.col { color: rgba(0, 80, 255, 1);}
.gray6 { color: rgba(42, 43, 46, 1);}
.gray5 { color: rgba(59, 63, 74, 1);}
.gray4 { color: rgba(129, 137, 157, 1);}
.gray3 { color: rgba(192, 196, 206, 1);}
.gray2 { color: rgba(236, 237, 240, 1);}
.gray1 { color: rgba(246, 247, 250, 1);}
.black { color: rgba(0, 0, 0, 1);}
.white { color: rgba(255, 255, 255, 1);}
.blue2 { color: rgba(120, 180, 255, 1);}
.blue1 { color: rgba(160, 200, 250, 1);}
.green { color: rgba(50, 200, 60, 1);}
.yellow { color: rgba(255, 240, 0, 1);}
.orange { color: rgba(255, 170, 30, 1);}
.magenta { color: rgba(255, 55, 110, 1);}
.pink { color: rgba(255, 145, 160, 1);}
a:link { color: rgba(0, 80, 255, 1);}
a:visited { color: rgba(0, 80, 255, 1);}
a:active { color: rgba(120, 180, 255, 1);}
a:hover { color: rgba(0, 0, 0, 1);}
/*etc*/
@media print { .noprint { display: none;} }
/*lazyload*/
.lazyload, .lazyloading { opacity: 0;}
.lazyloaded { opacity: 1; transition: all 1000ms;}
/*fadein*/
.fadein { -webkit-animation: fadeIn 10s ease 1 normal; animation: fadeIn 10s 1 normal;}
@-webkit-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
@keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1}}
/*fadeout*/
.fadeout { -webkit-animation: fadeout 10s ease 1 normal; animation: fadeout 10s 1 normal;}
@-webkit-keyframes fadeout { 0% {opacity: 1} 100% {opacity: 0}}
@keyframes fadeout { 0% {opacity: 1} 100% {opacity: 0}}
/*loader*/
.spinner { width: 50px; height: 50px; margin: 0 auto; animation: loading 2s linear infinite; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; display: none;}
.b1, .b2 { position: absolute; top: 0; width: 25px; height: 25px; border-radius: 100%; background-color: rgba(1, 116, 255, .75); animation: bounce 2s ease-in-out infinite;}
.b2 { top: auto; bottom: 0; animation-delay: -1.0s;}
@-moz-keyframes loading { 100% {-moz-transform: rotate(360deg);}}
@-webkit-keyframes loading { 100% {-webkit-transform: rotate(360deg);}}
@keyframes loading { 100% {transform: rotate(360deg);}}
@-moz-keyframes bounce { 0%, 100% {-moz-transform: scale(0.0);} 50% {-moz-transform: scale(1.0);}}
@-webkit-keyframes bounce { 0%, 100% {-webkit-transform: scale(0.0);} 50% {-webkit-transform: scale(1.0);}}
@keyframes bounce { 0%, 100% {transform: scale(0.0);} 50% {transform: scale(1.0);}}

/*COMMON*/
* { font-family: "Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif !important;}
html { overflow-y: visible;}

body { background-color: rgba(255, 255, 255, 1); text-align: center; z-index: 0; width: 100%; margin: 0 auto; line-height: 100%; position: relative; color: rgba(42, 43, 46, 1); -webkit-text-size-adjust: none; vertical-align: baseline; margin: 0; padding: 0; text-align: center; z-index: 0;}
body.fixed { position: fixed; width: 100%; height: 100%; left: 0;}
body a { outline-style: none;}
#anatsu { width: 100%; margin: 0 auto;}
#anatsu a { text-decoration: none; }
#anatsu header { width: 100%; padding: 0; margin-bottom: 0; text-align: left;}
#anatsu_title { width: 100%; margin: 0 auto; background: rgba(246, 247, 250, 1); padding: 1em 0 .5em 0;}
#anatsu_title-white { width: 100%; max-width: 1374px; margin: 0 auto; background: rgba( 255, 255, 255, 1); height: 75px; position: relative;}
/*#anatsu #anatsu_title h1 { font-size: 120%; font-weight: bold; text-align: center; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); display: block;}*/
#anatsu #anatsu_title h1 { width: 60%; max-width: 400px; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); display: block;}
#anatsu #anatsu_title h1 #logo { display: block; width: 100%; height: 0; padding-top: 11.320754716981132%; padding-top: -webkit-calc(60 / 530 * 100%); padding-top: calc(60 / 530 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/logo.png);}
/*for_W640-*/
@media screen and (min-width: 640px) {
body { font-size: 100%;}
#anatsu_title-white{ height: 120px;}
}
/*for_W768-*/
@media screen and (min-width: 768px) {
#anatsu #anatsu_title h1 { width: 50%;}
}
/*for_W1080-*/
@media screen and (min-width: 1080px) {
#anatsu_title-white{ height: 150px;}
}

/*back to top*/
.bktotop a { position: relative; display: block; font-size: 87.5%; background-color: #0050ff; text-decoration:none; color: #fff;}
.bktotop a { line-height: 31px; height: 31px;}
.bktotop a:after { content: ""; position: absolute; margin-top: -10.5px; top:50%; display: inline-block; background-image: url(/um/v8/img/gf_arrow.svg); background-size: 21px 123px; width: 21px; height: 21px; background-position: 0 -92px;}
.bktotop a span { margin-right: 1em; font-weight: bold;}
.bktotop a:hover { opacity: .9;}
/*for_W768-*/
@media all and (min-width: 768px) {
.bktotop a { line-height: 47px; height: 47px;}
}
/*copyright*/
.copyright p { width: 96%; margin: 0 auto; line-height: 1.3; font-size: 96%; text-align: center;}
.copyright p > small { display: block; padding: 1em;}
.copyright p > small a { text-decoration: underline; color: #81899d;}
.copyright p > small a:hover { text-decoration: none; color: #81899d;}
/*for_W768-*/
@media all and (min-width: 768px) {
.copyright { background-color: #000; padding: 1.5em 0;}
.copyright p, .copyright p > small a { color: #fff;}
.copyright p a:hover { color: #fff;}
}


/*share*/
#share_space { box-sizing: border-box; width: 100%; margin: 0 auto 1em auto; padding:  2em 0 1em 0; text-align: center; background: rgba(236, 237, 240, .5);}
#share_space dt { position: relative; display: inline-block; padding: 0 40px; font-size: 120%; font-weight: bold; letter-spacing: .05em; color: rgba(0, 0, 0, 1);}
#share_space dt:before, #share_space dt:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 25px; height: 1px; background-color: rgba(0, 0, 0, 1);}
#share_space dt:before { left: 0;}
#share_space dt:after { right: 0;}
#share_space dd { padding: 1em 2em;}
#share_img { width: 243px; height: 59px; background: url(/program/um/v8/img/share.png) no-repeat; margin: 0 auto; position: relative;}
#share_img .shade_sns { width: 57px; height: 57px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute;}
#share_img #sh_twitter { top: 1px; left: 1px;}
#share_img #sh_facebook { top: 1px; left: 92px;}
#share_img #sh_line { top: 1px; left: 184px;}
#share_img .shade_sns a { width: 100%; height: 100%; display: block; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; top: 0; left: 0;}
#share_img .shade_sns a:hover { background-color: rgba(255, 255, 255, .3);}

/*gallery_modal*/
.modaal-noscroll { overflow: hidden;}
.modaal-accessible-hide { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden;}
.modaal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; opacity: 0; overflow: hidden;}
.modaal-wrapper { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100001; overflow: auto; opacity: 1; box-sizing: border-box; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow: hidden;}
.modaal-wrapper * { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden;}
.modaal-wrapper .modaal-close { border: none; background: transparent; padding: 0; -webkit-appearance: none;}
.modaal-wrapper.modaal-start_none { display: none; opacity: 1;}
.modaal-wrapper.modaal-start_fade { opacity: 0;}
.modaal-wrapper *[tabindex="0"] { outline: none !important;}
.modaal-wrapper.modaal-fullscreen { overflow: hidden;}
.modaal-outer-wrapper { display: table; position: relative; width: 100%; height: 100%;}
.modaal-fullscreen .modaal-outer-wrapper { display: block;}
.modaal-inner-wrapper { display: table-cell; width: 100%; height: 100%; position: relative; vertical-align: middle; text-align: center; padding: 80px 25px;}
.modaal-fullscreen .modaal-inner-wrapper { padding: 0; display: block; vertical-align: top;}
.modaal-container { position: relative; display: inline-block; width: 100%; margin: auto; text-align: left; color: #000; max-width: 1000px; border-radius: 0px; background: rgba(255, 255, 255, 1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); cursor: auto;}
.modaal-container.is_loading { height: 100px; width: 100px; overflow: hidden;}
.modaal-fullscreen .modaal-container { max-width: none; height: 100%; overflow: auto;}
.modaal-close { position: fixed; right: 20px; top: 20px; color: rgba(255, 255, 255, 1); cursor: pointer; opacity: 1; width: 50px; height: 50px; background: rgba(0, 0, 0, 0); border-radius: 100%; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
.modaal-close:focus, .modaal-close:hover { outline: none; background: rgba(255, 255, 255, .1);}
.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after { background: rgba(185, 61, 12, 1);}
.modaal-close span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden;}
.modaal-close:before, .modaal-close:after { display: block; content: " "; position: absolute; top: 14px; left: 23px; width: 4px; height: 22px; border-radius: 4px; background: rgba(255, 255, 255, 1); -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out;}
.modaal-close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.modaal-close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.modaal-fullscreen .modaal-close { background: rgba(175, 183, 188, 1); right: 10px; top: 10px;}
.modaal-content-container { padding: 30px;}
.modaal-image .modaal-inner-wrapper { padding-left: 140px; padding-right: 140px;}
.modaal-image .modaal-container { width: auto; max-width: 100%;}
.modaal-gallery-wrap { position: relative; color: rgba(255, 255, 255, 1);}
.modaal-gallery-item { display: none;}
.modaal-gallery-item img { display: block;}
.modaal-gallery-item.is_active { display: block;}
.modaal-gallery-label { position: absolute; left: 0; width: 100%; margin: 20px 0 0; font-size: 18px; text-align: center; color: rgba(255, 255, 255, 1);}
.modaal-gallery-label:focus { outline: none;}
.modaal-gallery-control { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; cursor: pointer; color: rgba(255, 255, 255, 1); width: 50px; height: 50px; background: rgba(0, 0, 0, 0); border: none; border-radius: 100%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.modaal-gallery-control.is_hidden { opacity: 0; cursor: default;}
.modaal-gallery-control:focus, .modaal-gallery-control:hover { outline: none; background: rgba(255, 255, 255, 0);}
.modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after { background: rgba(175, 183, 188, 1);}
.modaal-gallery-control span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden;}
.modaal-gallery-control:before, .modaal-gallery-control:after { display: block; content: " "; position: absolute; top: 16px; left: 25px; width: 4px; height: 18px; border-radius: 4px; background: rgba(255, 255, 255, 1); -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out;}
.modaal-gallery-control:before { margin: -5px 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.modaal-gallery-control:after { margin: 5px 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.modaal-gallery-next-inner { left: 100%; margin-left: 40px;}
.modaal-gallery-next-outer { right: 45px;}
.modaal-gallery-prev:before, .modaal-gallery-prev:after { left: 22px;}
.modaal-gallery-prev:before { margin: 5px 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.modaal-gallery-prev:after { margin: -5px 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.modaal-gallery-prev-inner { right: 100%; margin-right: 40px;}
.modaal-gallery-prev-outer { left: 45px;}
.modaal-video-wrap { margin: auto 50px; position: relative;}
.modaal-video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: #000; max-width: 1300px; margin-left: auto; margin-right: auto;}
.modaal-video-container iframe, .modaal-video-container object, .modaal-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.modaal-iframe .modaal-content { width: 100%; height: 100%;}
.modaal-iframe-elem { width: 100%; height: 100%; display: block;}
.modaal-loading-spinner { background: none; position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; margin: -100px 0 0 -100px; -webkit-transform: scale(0.25); -ms-transform: scale(0.25); transform: scale(0.25);}
.modaal-loading-spinner > div { width: 24px; height: 24px; margin-left: 4px; margin-top: 4px; position: absolute;}
.modaal-loading-spinner > div > div { width: 100%; height: 100%; border-radius: 15px; background: rgba(255, 255, 255, 1);}
.modaal-loading-spinner > div:nth-of-type(1) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: 0s; animation-delay: 0s;}
.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite;}
.modaal-loading-spinner > div:nth-of-type(1) { -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);}
.modaal-loading-spinner > div:nth-of-type(2) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .12s; animation-delay: .12s;}
.modaal-loading-spinner > div:nth-of-type(2) { -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);}
.modaal-loading-spinner > div:nth-of-type(3) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .25s; animation-delay: .25s;}
.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite;}
.modaal-loading-spinner > div:nth-of-type(3) { -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);}
.modaal-loading-spinner > div:nth-of-type(4) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .37s; animation-delay: .37s;}
.modaal-loading-spinner > div:nth-of-type(4) { -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);}
.modaal-loading-spinner > div:nth-of-type(5) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .5s; animation-delay: .5s;}
.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite;}
.modaal-loading-spinner > div:nth-of-type(5) { -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);}
.modaal-loading-spinner > div:nth-of-type(6) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .62s; animation-delay: .62s;}
.modaal-loading-spinner > div:nth-of-type(6) { -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);}
.modaal-loading-spinner > div:nth-of-type(7) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .75s; animation-delay: .75s;}
.modaal-loading-spinner > div:nth-of-type(7) { -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);}
.modaal-loading-spinner > div:nth-of-type(8) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .87s; animation-delay: .87s;}
.modaal-loading-spinner > div:nth-of-type(8) { -ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);}
@media only screen and (min-width: 1400px) {
.modaal-video-container { padding-bottom: 0; height: 731px;}
}
@media only screen and (max-width: 1140px) {
.modaal-image .modaal-inner-wrapper { padding-left: 25px; padding-right: 25px;}
.modaal-gallery-control { top: auto; bottom: -55px; -webkit-transform: none; -ms-transform: none; transform: none; background: rgba(0, 0, 0, 0);}
.modaal-gallery-control:before, .modaal-gallery-control:after { background: rgba(255, 255, 255, 1);}
.modaal-gallery-next { left: auto; right: 20px;}
.modaal-gallery-prev { left: 20px; right: auto;}
}
@media screen and (max-height: 1000px) {
.modaal-inner-wrapper { padding-top: 60px; padding-bottom: 60px;}
}
@media screen and (max-height: 900px) {
.modaal-video-container { max-width: 900px; max-height: 510px;}
}
@media only screen and (max-height: 820px) {
.modaal-gallery-label { display: none;}
}
@keyframes instaReveal { 0% { opacity: 0;} 100% { opacity: 1;} }
@-webkit-keyframes instaReveal { 0% { opacity: 0;} 100% { opacity: 1;}}
@-webkit-keyframes modaal-loading-spinner { 0% { opacity: 1; -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5);} 100% { opacity: .1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}}
@keyframes modaal-loading-spinner { 0% { opacity: 1; -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5);} 100% { opacity: .1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}}

/*who_lineup*/
#who_lineup { box-sizing: border-box; width: 100%; margin: 0 auto 15px auto; text-align:left; padding:10px 0 15px 0; position:relative; background: rgba(246, 247, 250, .5);}
#who_lineup h2 { padding: .3em 4% .8em 4%; text-align: left; font-size: 120%; font-weight: bold; position:relative;}
#who_lineup h2 .list_link { float: right; font-size: 85%; font-weight: lighter;}
#who_lineup h2 a { text-decoration: none; }
#who_lineup .outer { overflow:hidden; margin: 0 6px; height: 130px;}
#who_lineup .outer .inner { display:block; -webkit-transform: translateZ(0); list-style-type:none;}
#who_lineup .outer ul:before, #who_lineup .outer ul:after { content: ""; display: table;}
#who_lineup .outer ul:after { clear: both;}
#who_lineup .outer ul::after { content: ""; display: block; clear: both;}
#who_lineup .inner li { width: 110px; float:left; opacity: .7;}
#who_lineup .inner li:hover { opacity: 1;}
#who_lineup .inner li a { display:block;}
#who_lineup .inner li a { text-decoration: none; text-align:center; line-height: 1.6; padding: 0.25em .5em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#who_lineup .inner li .thumb { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}
#who_lineup .inner li .name_txt { font-size: 90%;}
#who_lineup .ctrl { display: none;}
#who_lineup .inner .lnkoff { opacity: 1;}
#who_lineup .inner .lnkoff a { cursor: default; pointer-events: none;}
#who_lineup .inner .lnkoff .name_txt { color: rgba(42, 43, 46, 1);}
/*for_W640-*/
@media all and (min-width: 640px) {
#who_lineup .outer { height: 150px;}
#who_lineup .inner li, #who_lineup .inner li a { width: 130px;}
}
/*for_W768-*/
@media all and (min-width: 768px) {
#who_lineup h2 { padding: .5em 2% 1em 2%; z-index: 100;}
#who_lineup .outer { margin: 0 1em 0 20px; height: 180px;}
#who_lineup .inner li, #who_lineup .inner li a { width: 160px;}
#who_lineup .ctrl { display: block;}
#who_lineup .ctrl-lef { display: block; width: 50px; height: 100%; position: absolute; top: 0; left: 0; background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); z-index: 10; opacity: 1;}
#who_lineup .ctrl-rig { display: block; width: 50px; height: 100%; position: absolute; top: 0; right: 0; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); z-index: 10; opacity: 1;}
#who_lineup .ctrl .ctrl-lef span { position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit- transform: translateY(-50%); font-size: 120%; text-align: left; padding-left: 5px;}
#who_lineup .ctrl .ctrl-rig span { position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit- transform: translateY(-50%); font-size: 120%; text-align: right; padding-right: 5px;}
.hidebtn { opacity: .2; cursor: default; pointer-events: none;}
}