@charset "UTF-8";
/* CSS Document */

html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td { margin:0; padding:0;}
html, body { height:100%; }
img { border: 0; vertical-align: bottom; border-style: none;}
a img { border-style:none;}
a { outline: none; }
a:link,a:visited,a:active {outline: none;} 
a:link { color: #E9385B;}
a:visited { color: #E9385B;}
a:hover { color: #069;}
a:active { color: #09C;}

body,td,th { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color: #ffffff; font-size: 16px; line-height:180%; color: #222;  background-repeat: no-repeat; background-position: center top; background-attachment: fixed;}
hr{ border:solid 1px #333;}
.opp{ filter:alpha(opacity=30)!important; -moz-opacity: 0.3!important; opacity: 0.3!important;}

.youtube { position: relative; width: 100%; max-width: 902px; margin: 0 auto 60px; font-size: 13px;}
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
.fb_iframe_widget > span { vertical-align: baseline !important; }
.fb_iframe_widget{ width:90px;}

.clearfix{ clear:both;}
.clearfix2{ clear:both; height:100px;}
.clearfix3{ clear:both; height:120px;}
.clearfix4{ clear:both; height:30px;}
.clearline{ background-image:url(../img/line2.gif); height:2px; background-position:center; box-shadow: 0px 2px 7px #000;
 position: relative;}

.opp{ filter: alpha(opacity=50)!important; -moz-opacity: 0.5!important; opacity: 0.5!important;}
#imgnotice{ font-size:12px; padding:0 0 10px 10px; color:#ccc;}
.notice{ font-size: 13px; line-height: 140%; color: #ccc; margin-left: 2px;}

iframe.twitter-share-button {width: 80px!important;}

.stage{ position: relative; width: 100%; padding-top: 56.25%;}
.stage iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

.shop img{ width:100%;}
img.newsimg{ max-width:180px;}
.async-hide { opacity: 0 !important}

/* layout */
h1{ display:none;}
.line{ height:10px; background-image:url(../img/line.png); box-shadow:0px 2px 7px #000; z-index:10; position: relative;}
.line2{ height:19px; background-image:url(../img/line2.png); box-shadow:0px 2px 7px #000; z-index:10; position: relative;}
.mainvisual{ background-image:url(../img/main.jpg); height:715px; background-position:center top; position: relative; text-align:center;}
.mainvisual .j20th{ padding-top:50px;}
.mainvisual .logo{ padding-top:30px; padding-left: 20px;}
.mainvisual .e20th{ padding-top:25px;}
.news{ background-image:url(../img/bg.jpg); text-align:center;}
.news h3{ padding:40px 0;}
.news .topics img{ float:left; display:block;}
.news .topics{ color:#FFF; width:90%; margin:0 auto; text-align:left; max-width:960px; padding-bottom:20px;}
.news .topics span{ color:#FC0;}
.news .topics a{ color:#FFF; text-decoration:none;}
.news .topics a:hover{ color:#F33; text-decoration:underline;}
.news .topics span.new{ display:inline-block; padding:2px 5px; margin-left:10px; background-color:#F00; font-size:60%; line-height:1; color:#FFF;}
.projects{ text-align:center; padding:80px 0;}
.projects img{ width:95%; max-width:820px;}
.after{ text-align:center; padding:50px 0; font-weight:bold; font-size:300%; line-height:1.5; color: #84653c; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; text-shadow: 2px 2px 3px rgba(102, 102, 102, 0.55);}

.cal{ background-image:url(../img/bg.jpg); text-align:center;}
.cal h3{ padding:40px 0 20px;}
.cal p{ color:#FFF; padding-bottom:40px;}
.cal .inner{ width:90%; max-width:1100px; margin:0 auto; padding-bottom:80px;}
.cal .inner .cals{ display:inline-block; width:23%; padding:1% 0.5%; color:#FFF; text-align:left;}
.cal .inner .cals img{ width:100%; padding-bottom:5px;}
.cal .inner .cals a{ text-align:center; display: inline-block; width: 30%; margin: 0 1%; background-color: #555; background: linear-gradient(to bottom,#c14b11,#4c2108); color: #fff; border: 1px #9c6f58 solid; text-decoration: none; font-size: 70%; padding: 0; border-radius: 5px; margin-top: 1%;}
.cal .inner .cals a:hover{ background: linear-gradient(to bottom,#ffcc00,#4c2108);}
.cal .inner .cals span{ text-align: center; display: inline-block; width: 30%; margin: 0 1%; background-color: rgba(85, 85, 85, 0.37); background: linear-gradient(to bottom,rgba(85, 85, 85, 0.46),rgba(34, 34, 34, 0.46)); color: rgba(255, 255, 255, 0.57); border: 1px rgba(153, 153, 153, 0.66) solid; text-decoration: none; font-size: 70%; padding: 0; border-radius: 5px; margin-top: 1%;;}

.lineup{ text-align:center; color:#333;}
.lineup h3{ padding:40px 0 20px;}
.lineup p{ color:#333; padding-bottom:40px;}
.lineup .inner{ width:90%; max-width:1100px; margin:0 auto; padding-bottom:80px;}
.lineup .inner .cals{ display:inline-block; width:31%; padding:1% 0.5%; color:#666; text-align:center; font-size:90%; line-height:1.5;}
.lineup .inner .cals img{ width:100%; padding-bottom:10px; border:dotted 1px #ccc; margin-bottom:5px;}
.lineup .inner .cals a{ text-align:center; display: inline-block; width: 30%; margin: 0 1%; background-color: #555; background: linear-gradient(to bottom,#c14b11,#4c2108); color: #fff; border: 1px #9c6f58 solid; text-decoration: none; font-size: 70%; padding: 0; border-radius: 5px; margin-top: 1%;}
.lineup .inner .cals a:hover{ background: linear-gradient(to bottom,#ffcc00,#4c2108);}
.lineup .inner .cals span{ font-size:80%; color:#ccc; display:block;}

.live{ background-image:url(../live01/bg.jpg); text-align:center; background-repeat:no-repeat;}
.live h1{ display:block; padding-top:30px;}
.live h1 img{ max-width:463px; width:80%;}
.live h2{ padding:10px 0; color:#fc0000; font-size:380%; text-shadow:2px 2px 2px rgba(0, 0, 0, 0.36); line-height:1.3; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.live h2 img{ max-width:614px; width:90%;}
.live h3{ padding-bottom:50px; font-size:193%; color:#fc0100;}
.live h4{ padding:0; color:#fc0000; font-size:240%; text-shadow:2px 2px 2px rgba(0, 0, 0, 0.36); line-height:1.3; }
.live .topics{ color:#333; width:90%; margin:0 auto; text-align:left; max-width:960px; padding:0;}
.live .topics span{ font-size:80%; color:#333;}
.live .notice{ font-size:80%; width:90%; text-align:left; margin:0px auto; padding-bottom:30px; color:#777; max-width:960px;}
.live_banners{ text-align:center; margin:0 auto; background-image:url(../live/bg_button.jpg);}
.live_banners img{ width:33.33%; max-width:400px;}

.past{ background-color:#000; text-align:center; padding:5%; color:#eee;}
.past h3{ color:#C18E4D; padding-bottom:5%; font-size:200%;}
.past .live_banners{ text-align:center; margin:0 auto; max-width:800px; background-image:none;}
.past .live_banners img{ width:32.33%; padding:3% 0.5%;}

.footer{ text-align:center; font-size:80%; padding:50px 0 30px; width:90%; margin:0 auto; line-height:1.5;}
.footer img{ padding:4px 4px 15px;}
.footer a{ color:#333; text-decoration:none;}
.footer a:hover{ color:#C00;}

@media screen and (min-width: 640px) {
.hidepc{ display:none}
.mainvisual_sp{ display:none;}
.banners img{ width:25%;}
.news .topics .text{ display:table-cell; padding:0 0 0 30px;}
.ab_shopimg{ width:50% !important;}
}

@media screen and (max-width: 639px) {
.mainvisual{ display:none;}
.mainvisual_sp img{ width:100%;}
.hidesp{ display:none}
.projects{ padding:40px 0 20px;}
.banners img{ width:33.3%;}
.news .topics img{ width:30%;}
.news .topics .text{ display:table-cell; padding:0 0 0 10px;}
.news h3{ padding:20px 0;}
.news h3 img{ width:60%; }
.news .topics{ font-size:80%; line-height:1.5;}
.after{ font-size:120%;}
.cal .inner{ width:100%;}
.cal h3 img{ width:95%;}
.cal .inner .cals{ padding:0 0 15px 0; width:47%;}
.cal .inner .cals a, .cal .inner .cals span{ font-size:70%;}
.live h2{ padding:10px 0; font-size: 280%;}
.live h3{ padding-bottom:20px; font-size:142%; color:#fc0100;}
.live .topics{ line-height:1.8;}
.live .topics span{ display:block; line-height:1.5;}
.footer{ font-size:65%;}
.ab_shopimg{ width:100%;}
.lineup h3 img{ width:70vw; max-width:400px;}
.lineup .inner{ width:95%;}
.lineup .inner .cals{ width:99%; text-align:left;}
.lineup .inner .cals img{ width:30%; float:left; margin-right:10px;}
.past h3{ font-size:150%;}
}