@chaeset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	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;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/* ここから */
body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #333333;
  font-size: 18px;
  line-height:1.6; 
	font-family: 'Noto Sans JP', sans-serif, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  box-sizing: border-box;
}

p,h1,h2,h3,h4,h5,h6 {
  margin: 0;
}
ul li {
	list-style:none;
}

img {
  vertical-align: bottom;
}

a:hover {
  opacity: 0.8;
}
a { text-decoration:none; }

/* レイアウト */
.container { width:1170px; margin:0 auto; }
.clear { clear:both; }
.png-sp {display: none;}
.png-tab { display: none; }
section { padding:50px 0; }
.clearfix:after { content: "";display: block;clear: both;}
h2 { font-size: 45px;font-weight: 900;position: relative;display: inline-block; margin-bottom: 50px;}
h2:before { content: '';
  position: absolute;
  left: 50%;
  bottom: -5px;/*線の上下位置*/
  display: inline-block;
  width: 80px;/*線の長さ*/
  height: 2px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: black;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}
p { line-height: 35px;}
.bl{color:#00B0F0;}
.white_box { text-align: center; background-color: #ffffff; border: 4px solid #000000; margin: 10px auto 40px auto; padding: 20px 0; font-size: 140%; font-weight: bold; line-height: 42px;}
.white_box span{font-size: 80%;font-weight: normal;}
.sm{font-size:0.8rem;}

/* header */
header{text-align:center;}
header img { width: 60%;}

/* ticker */
.ticker {margin:40px auto 40px auto;padding: 10px;width:80%;text-align: left;border: #383F58 3px solid;position: relative;overflow: hidden;border-radius:30px;background-color:#ffffff;}
.ticker ul {width: 100%;position: relative;}
.ticker ul li {width: 100%;display: none;}
.ticker ul li a{color:#383F58;font-weight:900;}

/* menu */
#menu {background-color:#383F58;z-index: 1000000;position: relative;}
#menu ul {display:flex;border-left:1px solid #ffffff;}
#menu ul li {display:inline-block;color:#ffffff;width:100%;text-align:center;padding:20px 10px;border-right:1px solid #ffffff;font-weight:900;font-size:90%;}
#menu ul li a {color:#ffffff;display:block;}


/* twitter */
#twitter {}
#twitter > div:first-of-type { text-align: center;}

#pdflink {display:block;width:50%;margin:20px auto;background-color:#FC380F;color:#fff;padding:10px;text-align:center;border-radius:5px;border:1px solid #fff;font-weight:800;}
#attentionlink {display:block;width:50%;margin:20px auto;background-color:#fdd35c;color:#fff;padding:10px;text-align:center;border-radius:5px;border:1px solid #fff;font-weight:800;}
#streaming {display:block;width:50%;margin:20px auto;background-color:#4db56a;color:#fff;padding:10px;text-align:center;border-radius:5px;border:1px solid #fff;font-weight:800;}
#goodslink {display:block;width:50%;margin:20px auto;background-color:#1CB9EE;color:#fff;padding:10px;text-align:center;border-radius:5px;border:1px solid #fff;font-weight:800;}

/* introduction */
#introduction { background-image: url(images/introduction_bg.png);background-size: cover;background-repeat: no-repeat;padding-top: 50px;background-position: center;}
#introduction > div:first-of-type { text-align: center;}

/* comment */
#comment img{width:100%;}

/* cast */
#cast > div{text-align: center;}
#cast1{width:90%;margin:0 auto 50px auto;}
#cast1 td{text-align:center !important;line-height:1.5;}
#cast2{width:250px;text-align:center;margin:0 auto 20px auto;}
#cast3{width:80%;margin:0 auto 50px auto;}
#cast3 td{text-align:center !important;line-height:1.5;}

#cast2 td{padding:5px 0;font-size:120%;}
#cast2 td:first-child{text-align:right;}
#cast2 td:nth-of-type(2){text-align:center;}
#cast2 td:last-child{text-align:left;}
#cast1 .w-300,#cast3 .w-300{width:300px;}
#cast1 .w-250,#cast3 .w-250{width:250px;}
#cast2 .cast_image td{text-align:center !important;}

/* schedule */
#schedule {background-color: #F4FFFE;}
#schedule > div:first-of-type {text-align: center;}
#schedule > div:nth-of-type(2) {text-align: center;}
#schedule_table{margin-top:20px;}

/* ticket */
#ticket > div {text-align: center;}
#ticket .white_box > a { padding: 20px 10px;display:block;background-color:#00B0F0;color: #ffffff;font-weight:800;border:4px solid #ffffff;font-size:130%;width:90%;margin:10px auto 10px auto;}
#ticket #attention {text-align:left;font-size:70%;margin-top:40px;}
#ticket #attention h3 { font-size:120%;font-weight:bold;margin-bottom:10px; }
#ticket #attention p{ line-height:2; }



/* staff */
#staff {border-top:1px solid #cccccc;}
#staff > div:first-of-type {text-align: center;}
#staff th {border-bottom: 2px solid #1f181d;text-align: left;padding: 15px 3%;width: 25%;font-weight: bold;}
#staff td {border-bottom: 2px solid #dddddd;text-align: left;padding: 15px 3%;}

/* goods */
#goods {background-color:#f5f5f5;text-align:center;}
#goods > div:first-of-type {text-align: center;}

/* attention */
#attention p{font-size:80%;line-height:2;}
#attention > div:first-of-type {text-align: center;}

/* contact */
#contact { background-color:#f5f5f5; }
#contact > div {text-align: center;}
#contact > p {text-align: center;margin-bottom: 30px;}
#contact > p > a {padding: 5px;border-bottom: 1px solid;}

/* cooperation */
#cooperation > div {text-align: center;}


/* twitter_link */
#twitter_link {position:fixed;bottom:10px;right:0px;width:90px;z-index:999999999999;}

/* link */
#link {margin:30px auto;text-align:center;width:500px;display:flex;}
#link div{margin:10px;}
#link .w25{width:25%;}
#link .w100{width:100%;}
#link img{width:100%;}


/* footer */
footer { background-color: #1f181d; color: #ffffff; font-size: 50%; text-align: center; padding: 10px;}
footer a {color:#FFFFFF;text-decoration:underline;}

@media screen and (max-width:1024px) {
  
	body {font-size:14px;line-height: 30px;}
	.container { width:100%; }
	section { padding:30px 0; }
	.png { display: none; }
	.png-sp { display: block; width: 100%; }
	.png-tab { display: none; }
	.space { display: none;}
	h2 {margin-bottom: 30px;line-height: 70px;font-size: 1.8rem;}
	
	header img{width:100%;}
	
	.ticker {width: 90%;margin:20px auto 20px auto;border-radius:10px;height:30px;font-size:95%;}
	
	/* menu */
	#menu ul {display:block;width:100%;margin: 0;border-left:0px;}
	#menu ul li {width:33.1%;padding:10px 0;border-bottom:1px solid #ffffff;	}
	/*#menu ul li:nth-of-type(1){width:100%;display:block;border-right:0px;}*/
	#menu ul li:nth-of-type(3) {border-right:0px;	}
	#menu ul li:nth-of-type(6) {border-right:0px;	}
	
	/* twitter */
	#twitter {width: 100%;}
	#twitter #twitter-widget-0 {height: 300px !important;}
	
	#pdflink { width:90%;font-size:80%; }
	#attentionlink { width:90%;font-size:100%; }
	#streaming { width:90%;font-size:100%; }
	#goodslink { width:90%;font-size:100%; }
	
	/* .white_box */
	.white_box{width:90%;font-size:120%;line-height:1.5;}
	
	/* schedule */
	#schedule_table {width:95%;}
	
	/* attention */
	#attention p{width: 95%;margin: 0 auto;font-size: 90%;line-height: 2;}
	
	/*link*/
	#link {display:block;margin:0 auto;width:70%;}
	
	/* cast */
	#cast1 .w-300{width:80%;}
	#cast1 .w-250{width:70%;}
	#cast3 .w-300{width:60%;}
	#cast3 .w-250{width:50%;}
	
}