/*  Common
=============================================== */

html,body,div,span,applet,object,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,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}

/* General
-------------------------------- */

#con-body { background-color:#dadce2; color:#333; text-align:center; /* general font */ font-family:Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; /* adobe font */ font-family:source-han-sans-japanese, sans-serif; font-weight:400; font-style:normal; }

.cover { background:url(/img/cover.gif); display:block; width:100%; height:100%; }

.lazy { display:block; position:relative; }

.txts { font-size:80%; }
.txtb { font-size:120%; }

/*media print*/
@media print {
body {display:none !important;}
}

/* Header
============================================= */

#header-area { position:fixed; z-index:1000; top:0; left:0; width:100%; background-color:#fff; }

#header { width:1012px; height:93px; margin:auto; padding:18px; box-sizing:border-box; }
#header:after {content:"";clear:both;display:block;}
#logo { float:left; width:240px; height:40px; margin-top:8px; }
#logo a, #logo span { display:block; width:100%; height:100%; background:url(../img/common/logo.png) center center no-repeat; background-size:cover; text-indent:-9999px; }
#logo a { /* hover fade */ transition: opacity 0.2s ease-out; }
@media (hover: hover) { #logo a:hover { opacity:0.7; } }
#header-btn-area { float:right; height:100%; display:flex; align-items:center; }
#header-btn { /* for space */ font-size:0; }
#header-btn li { display:inline-block; vertical-align:middle; /* for space */ font-size:1.2rem; }
#btn-signup,
#btn-regist { width:6em; margin-left:0.5em; }
#btn-signup a,
#btn-regist a { display:block; width:100%; padding:0.6em 0; box-sizing:border-box; border-radius:1.1em; color:#fff; text-decoration:none; font-family: source-han-sans-japanese, sans-serif; font-weight:400; font-style:normal; /* hover fade */ transition: opacity 0.2s ease-out; }
@media (hover: hover) { #header-btn li a:hover { opacity:0.7; } }
#btn-signup a { background-color:#fc3b1e; }
#btn-regist a { background-color:#32c85a; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#header { width:auto; height:83px; padding:12px 10px; }

#logo { width:150px; height:25px; margin-top:17px; }

#header-btn li { font-size:0.8rem; }

}

@media all and (max-width: 374px) {

#header { width:auto; padding:12px 8px; }

#logo { width:130px; height:22px; }

#header-btn li { font-size:0.7rem; }

}


/* Pagebody
============================================= */

#pagebody { margin-top:93px; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#pagebody { margin-top:83px; }

}


/* Main
============================================= */

.mov_yt_inner { position:relative; width:auto; height:0; padding-top:56.25%; }
.mov_yt_inner iframe { position:absolute; left:0; top:0; width:100%; height:100%; }

.detail #main { width:980px; margin:auto; background-color:#fff; }

#dtl-name { padding:20px; font-size:150%; line-height:120%; }

#dtl-pic p { position:relative; width:100%; height:0; padding-top:40.8%; }
#dtl-pic p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#dtl-subttl { padding:15px; background-color:#fff; }
#dtl-subttl-t { font-size:110%; line-height:140%; }

#dtl-subttl-btn { padding-top:1.0em; text-align:center; }
#dtl-subttl-btn a { display:block; width:15.0em; margin:auto; padding:0.7em 0; background-position:1.0em center; background-repeat:no-repeat; border-radius:1.75em; box-shadow:0px -5px 10px rgba(0,0,0,0.1) inset; text-shadow:2px 2px 3px rgba(0,0,0,0.1); color:#fff; font-size:130%; font-weight:bold; text-decoration:none; outline:none; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#dtl-subttl-btn a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.streaming #dtl-subttl-btn a, .streaming .tkp-ttl { background-color:#3ec75a; }
.stage #dtl-subttl-btn a, .stage .tkp-ttl,
.stage.streaming #dtl-subttl-btn a, .stage.streaming .tkp-ttl { background-color:#fc3b1e; }
.art #dtl-subttl-btn a, .art .tkp-ttl,
.art.streaming #dtl-subttl-btn a, .art.streaming .tkp-ttl { background-color:#fda91f; }
.event #dtl-subttl-btn a, .event .tkp-ttl,
.event.streaming #dtl-subttl-btn a, .event.streaming .tkp-ttl { background-color:#ff91a0; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

.detail #main { width:auto; font-size:90%; }

#dtl-name { padding:10px; }

}


/* ----- text ----- */

.dtbx-ttl { padding:15px; color:#fff; font-size:120%; line-height:120%; }
.stage .dtbx-ttl { background-color:#fc3b1e; }
.art .dtbx-ttl { background-color:#fda91f; }
.event .dtbx-ttl { background-color:#ff91a0; }
.streaming .dtbx-ttl { background-color:#3ec75a; }

.dtbx-t { padding:20px; }
.dtbx-t p { text-align:left; font-size:95%; line-height:150%; word-break:break-all; }

.stage .txt-color, .stage .dtl-box a { color:#fc3b1e; }
.art .txt-color, .art .dtl-box a { color:#fda91f; }
.event .txt-color, .event .dtl-box a { color:#ff91a0; }
.streaming .txt-color, .streaming .dtl-box a { color:#3ec75a; }

.btn-plain { display:block; text-align:center; }
.btn-plain a { display:block; margin:auto; padding:0.7em 0; background-color:#0077cf; border-radius:1.75em; text-shadow:2px 2px 3px rgba(0,0,0,0.1); color:#fff!important; text-align:center; font-size:110%; font-weight:bold; text-decoration:none; outline:none; }
.btn-plain span.nolink { display:block; margin:auto; padding:0.7em 0; background-color:#ccc; border-radius:1.75em; text-shadow:2px 2px 3px rgba(0,0,0,0.1); color:#fff!important; text-align:center; font-size:110%; font-weight:bold; outline:none; }

@media all and (max-width: 767px) {

.dtbx-ttl { padding:13px; }
.dtbx-t { padding:10px; }

}

/* ----- picture ----- */

.dtbx-pic { padding:10px; background-color:#ecedf0; }
.dtbx-p { padding:10px; }
.dtbx-p span { margin:auto; background:#e6e6e6; background-size:cover; }

.dtbx-cap { font-size:90%; line-height:160%; padding-bottom:10px; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

.dtbx-pic { padding:10px; }
.dtbx-p { padding:0 0 10px 0; }

}

/* ----- movie ----- */

.dtl-mov-area { width:560px; margin:auto; }
.dtl-mov { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.dtl-mov-inner { position: absolute; top:0; left:0; width:100%; height:100%; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

.dtl-mov-area { width:auto; }

}

/* ----- news ----- */

.dtl-news { padding:15px 15px 1px 15px; background-color:#ecedf0; }
.dtnw-box { margin-bottom:15px; background-color:#fff; border-radius:10px; box-shadow:0px 2px 5px rgba(0,0,0,0.1); }
.dtl-news h2 { padding:12px; font-size:130%; line-height:120%; border-radius:10px 10px 0 0; border-bottom:#efefef 1px solid; }
.dtnw-t { padding:15px; text-align:left; line-height:150%; word-break:break-all; }
.dtnw-t h3 { margin-bottom:7px; color:#D80003; font-size:110%; }
.dtnw-t p { font-size:95%; }

.stage .dtl-news h2,
.stage .dtnw-t h3 { color:#fc3b1e; }
.art .dtl-news h2,
.art .dtnw-t h3 { color:#fda91f; }
.event .dtl-news h2,
.event .dtnw-t h3 { color:#ff91a0; }
.streaming .dtl-news h2,
.streaming .dtnw-t h3 { color:#3ec75a; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

.dtl-news { padding:10px 10px 1px 10px; }
.dtl-news h2 { padding:7px; font-size:110%; }
.dtnw-t { padding:10px; }
.dtnw-t h3 { margin-bottom:4px; }

}

/* ----- sns ----- */

#dtl-sns { padding:20px; background-color:#ecedf0; }
#dtl-sns p { display:inline-block; margin-right:1.0em; }
#dtl-sns p:last-child { margin-right:0; }
#dtl-sns-tw a, #dtl-sns-fb a, #dtl-sns-ig a { display:block; width:14.0em; margin:auto; padding:0.7em 0; background:url(../img/common/icon_arrow.png) right 0.8em center no-repeat; background-size:0.7em; border-radius:1.75em; box-shadow:0px -5px 10px rgba(0,0,0,0.1) inset; text-shadow:2px 2px 3px rgba(0,0,0,0.1); color:#fff; font-size:130%; font-weight:bold; text-decoration:none; outline:none; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#dtl-sns-tw a:hover, #dtl-sns-fb a:hover, #dtl-sns-ig a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
#dtl-sns-tw a { background-color:#0098e3; }
#dtl-sns-fb a { background-color:#3b5998; }
#dtl-sns-ig a { background-color:#da3174; }
#dtl-sns-tw a i, #dtl-sns-fb a i, #dtl-sns-ig a i { display:inline-block; width:1.0em; height:1.0em; margin-right:0.2em; background-position:center; background-repeat:no-repeat; background-size:1.0em; text-indent:-9999px; }
#dtl-sns-tw a i { background-image:url(../img/common/icon_tw.png); }
#dtl-sns-fb a i { background-image:url(../img/common/icon_fb.png); }
#dtl-sns-ig a i { background-image:url(../img/common/icon_ig.png); }
#dtl-sns p#dtl-sns-t { display:block; padding-top:1.0em; font-size:90%; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#dtl-sns { padding:20px 10px 10px 10px; box-shadow:0px 0px 7px rgba(0,0,0,0.1) inset; }
#dtl-sns p { display:block; margin-right:0; margin-bottom:10px; }
#dtl-sns p a { font-size:110%; }
#dtl-sns p#dtl-sns-t { padding-top:0em; }

}


/* list-nav
-------------------------------- */

#list-nav { background-color:#c0c4ce; }
#list-nav ul { width:980px; margin:auto; /* for space */ font-size:0; }
#list-nav ul li { display:inline-block; width:20%; vertical-align:bottom; /* for space */ font-size:1rem; }

.tpl-box { position:relative; display:inline-block; vertical-align:middle; width:100%; }
.tpl-box label { display:flex; justify-content:center; align-items:center; width:100%; height:100%; padding:5% 0; box-sizing:border-box; cursor:pointer; /* hover fade */ transition: opacity 0.2s ease-out; }
@media (hover: hover) { .tpl-box label:hover { opacity:0.5; } }
.tpl-inner { display:block; width:100%; height:100%; }
a.tpl-inner { text-decoration:none; color:#fff; }

.tpl-box label.tpl-current::after { position:absolute; display:inline-block; content:""; bottom:-13px; right:50%; margin-right:-15px; border-top:20px solid #fff; border-right:15px solid transparent; border-left:15px solid transparent; }

#tpl-nav-all,
#tpl-nav-stage,
#tpl-nav-art,
#tpl-nav-event,
#tpl-nav-streaming { color:#fff; }
#tpl-nav-all { background-color:#0055ff; }
#tpl-nav-stage { background-color:#fc3b1e; }
#tpl-nav-art { background-color:#fda91f; }
#tpl-nav-event { background-color:#ff91a0; }
#tpl-nav-streaming { background-color:#3ec75a; }
#tpl-nav-all.tpl-current,
#tpl-nav-stage.tpl-current,
#tpl-nav-art.tpl-current,
#tpl-nav-event.tpl-current,
#tpl-nav-streaming.tpl-current { background-color:#fff; }
#tpl-nav-all.tpl-current { color:#0055ff; }
#tpl-nav-stage.tpl-current { color:#fc3b1e; }
#tpl-nav-art.tpl-current { color:#fda91f; }
#tpl-nav-event.tpl-current { color:#ff91a0; }
#tpl-nav-streaming.tpl-current { color:#3ec75a; }

.tpl-btn { display:block; width:3.0em; height:3.0em; margin:0 auto 0.5em auto; text-indent:-9999px; background-position:center center; background-repeat:no-repeat; font-family:source-han-sans-japanese, sans-serif; font-weight:700; font-style:normal; }
#tpl-nav-all .tpl-btn { background-image:url(../img/common/icon_filter_all.png); background-size:88%; }
#tpl-nav-stage .tpl-btn { background-image:url(../img/common/icon_filter_stage.png); background-size:88%; }
#tpl-nav-art .tpl-btn { background-image:url(../img/common/icon_filter_art.png);  background-size:100%; }
#tpl-nav-event .tpl-btn { background-image:url(../img/common/icon_filter_event.png);  background-size:100%; }
#tpl-nav-streaming .tpl-btn { background-image:url(../img/common/icon_filter_streaming.png); background-size:88%; }
#tpl-nav-all.tpl-current .tpl-btn { background-image:url(../img/common/icon_filter_all2.png); }
#tpl-nav-stage.tpl-current .tpl-btn { background-image:url(../img/common/icon_filter_stage2.png); }
#tpl-nav-art.tpl-current .tpl-btn { background-image:url(../img/common/icon_filter_art2.png); }
#tpl-nav-event.tpl-current .tpl-btn { background-image:url(../img/common/icon_filter_event2.png); }
#tpl-nav-streaming.tpl-current .tpl-btn { background-image:url(../img/common/icon_filter_streaming2.png); }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

.tpl-box label { padding:10% 0; }

#list-nav,
#list-nav ul { width:auto; }
#list-nav ul li { font-size:3.0vw; }

}


/* ----- modal ----- */

.modal-content { position:fixed; display:none; z-index:10001; margin:0; background:#fff; left:50%; top:50%; transform:translate(-50%,-50%); width:60%; max-width:500px; }
.modal-overlay2 { z-index:10000; position:fixed; top:0; left:0; width:100%; height:120%; background-color:rgba(0,0,0,0.5); cursor:crosshair; }

.tkp { border-radius:10px; text-align:center; background-color:#fff; }
.tkp-ttl { padding:0.8em; color:#fff; line-height:120%; font-weight:bold; border-radius:10px 10px 0 0; background-color:#0055ff; }
.tkp-ttl i { display:inline-block; width:1.0em; height:1.2em; margin-right:0.2em; text-indent:-9999px; }
.tkp ul li a { display:block; padding:0.8em 0.8em 0.8em 1.1em; border-bottom:#dcdddd 1px solid; line-height:120%; font-weight:bold; color:#333; text-decoration:none; outline:none; }
.tkp ul li a:hover { background-color:#efefef; }
.tkp ul li:last-child a { border-bottom:none; border-radius:0 0 10px 10px; }
.tkp-notice { padding-top:0.4em; color:#fff; font-size:80%; }
.top-streaming .tkp-ttl { background-color:#3ec75a; }
.top-stage .tkp-ttl,
.top-stage.top-streaming .tkp-ttl { background-color:#fc3b1e; }
.top-art .tkp-ttl,
.top-art.top-streaming .tkp-ttl { background-color:#fda91f; }
.top-event .tkp-ttl,
.top-event.top-streaming .tkp-ttl { background-color:#ff91a0; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

.modal-content { max-width:auto; }

}


/* Footer
============================================= */

#footer { background-color:#2b2b2b; }

.f-banner { padding:5px; color:#fff; font-size:70%; line-height:140%; border-bottom:#3b3b3b 1px solid; }
.f-banner { /* for space */ font-size:0; }
.f-banner li { display:inline-block; margin:5px; vertical-align:middle; /* for space */ font-size:1rem; }
.f-banner li a { display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#f-bn-aec,
#f-bn-act { width:167px; height:45px; }
#f-bn-group { width:200px; height:70px; }
#f-bn-academy-n,
#f-bn-mittelin,
#f-bn-eventgo,
#f-bn-entame905 { width:167px; height:60px; }
#f-bn-aec a { background-image:url(../img/common/bnr_aec.jpg); }
#f-bn-group a { background-image:url(../img/common/bnr_group.jpg); }
#f-bn-act a { background-image:url(../img/common/bnr_act.jpg); }
#f-bn-academy-n a { background-image:url(../img/common/bnr_academy-n.png); }
#f-bn-mittelin a { background-image:url(../img/common/bnr_mittelin.png); }
#f-bn-eventgo a { background-image:url(../img/common/bnr_eventgo2.png); }
#f-bn-entame905 a { background-image:url(../img/common/bnr_entame905.png); }

#f-link,
#f-copy { padding:7px; color:#fff; font-size:70%; line-height:140%; }
#f-link { border-bottom:#3b3b3b 1px solid; }
#f-link a,
#f-copy a { color:#fff; }


/* pagetop
-------------------------------- */

#pagetop { position:fixed; z-index:10; bottom:-200px; right:20px; padding-bottom:20px; }
#pagetop a { display:block; width:3.0em; height:3.0em; border-radius:1.5em; background:url(../img/common/pagetop.png) center center no-repeat; background-size:cover; text-indent:-9999px; outline:none; }



/*	For Neuma Test Only
-------------------------------- */

#testWindowArea
{
	display:block;
	padding:12px;

	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;

	background-color:#000;

	font-size:120%;

	position:fixed;
	right:10px;
	top:10px;

	text-align:left;
	color:#FFF;

	z-index:9999;
}

.runButton
{
	padding:6px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border:none;
	background-color:#666;
	color:#fff;
	cursor:pointer;
}
.runButton:hover
{
	background-color:#999;
}
.returnButton
{
	padding:6px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border:none;
	background-color:#666;
	color:#fff;
	cursor:pointer;
}
.returnButton:hover
{
	background-color:#999;
}


/*eof*/