@charset "utf-8";

/*　▼　本文全体　#pagewrap　▼　*/

#pagewrap *, #pagewrap *:before, #pagewrap *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#pagewrap{
	font-family:arial,helvetica,clean,sans-serif;
	color:#2a2a2a;
	background:#82b81a;
	font-size:small;
	background:#f5f5f5;
}

#pagewrap p,#pagewrap li,#pagewrap h1,#pagewrap h2,#pagewrap h3,#pagewrap h4,#pagewrap h5,#pagewrap h6{
	line-height:140%; padding:5px 10px;
}

#pagewrap p	{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccccc; margin:0 5px; }
#pagewrap h1	{ font-size:medium; color:#00a6ba; border-left:10px solid #fdd000; border-bottom:2px solid #fdd000 ; padding-left:15px; padding-top:5px; padding-bottom:3px; margin-bottom:3px; background:#ffffff; }


/* ------------------------------------------------ */
/*　▼　クリックボタン（アイコンなし）用パーツ　.tap-button　▼　*/

#pagewrap .tap-button{
	text-align:left;
	font-size:small;
	font-weight:normal;
	border-width: 3px 0;
	border-style: solid;
	border-color: #666666;
	background: #d4d4d4;
	padding-left:40px;
	background-image: url(../images/arrow_circle_re.png);
	background-repeat: no-repeat;
	background-position: left center;

}

#pagewrap .tap-button a	{ display:block; color:#b80b0b; }




/* ------------------------------------------------ */

#pagewrap #head	{
	/*background:#8b0000; line-height:160%; */
	color:#ffffff; text-align:center;
}
#pagewrap #head .title .movie	{ width:50% ; float:left; padding:5px; }
#pagewrap #head .title .movie #player	{ width:100%; height:auto; margin: 0 auto; }

#pagewrap #head .title .logo	{ width:50%; float:left; padding:5px; }

#pagewrap #menu	{ background:#130067; }
#pagewrap #menu ul	{ width:100%; margin:0 auto; }
#pagewrap #menu ul li	{ float:left; width:33%; text-align:center; margin:0; padding:0; }
#pagewrap #menu ul li img	{ max-width:160px; width:100%; }

#pagewrap #cast ul	{ width:100%; margin:0 auto; padding:0; }
#pagewrap #cast ul li	{ float:left; width:25%; text-align:center; margin:0; padding:0; }
#pagewrap #cast ul li img	{ border:1px double #000000; }
#pagewrap #cast .sub-contents	{ margin:10px auto; padding:10px 3px; margin-bottom:0px; padding-bottom:0px; border-top:3px double #231208; }
#pagewrap #cast .sub-contents img	{ float:left; margin-right:10px; width:40%; height:auto; }
#pagewrap #cast .sub-contents .name	{ font-size:24px; line-height:160%; letter-spacing:0.1em; margin-bottom:15px;
	border-bottom:1px dotted #101010; text-align:center;
	font-family:"游明朝M" , YuMinchoM, "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }

#pagewrap #staff p	{ font-size:18px; line-height:160%; letter-spacing:0.1em; margin-bottom:15px; text-align:center; border-bottom:0;
	font-family:"游明朝M" , YuMinchoM, "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }

#pagewrap #story ul	{ width:100%; margin:0 auto; }
#pagewrap #story ul li	{ float:left; width:25%; text-align:center; border-top:3px double #007cbf; border-bottom:3px double #007cbf;
	font-size:16px; line-height:160%; letter-spacing:0.1em;
	font-family:"游明朝M" , YuMinchoM, "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
#pagewrap #story ul li	{ color:#aaaaaa; }
#pagewrap #story ul li a	{ display:block; }
#pagewrap #story ul li:hover	{  }
#pagewrap #story .sub-contents2	{ margin:10px auto; padding:10px 3px; margin-bottom:0px; padding-bottom:0px; }

#pagewrap #story p.photo	{ border:0; text-align:center; margin:0; padding:0; }
#pagewrap #story p.photo img	{ width:45%; margin:5px 5px; margin-bottom:5px; }
#pagewrap #story p.story-no	{ font-size:24px; line-height:160%; letter-spacing:0.1em; border-bottom:0;  margin:0; padding:0;
	font-family:"游明朝M" , YuMinchoM, "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
#pagewrap #story p.txt		{ margin:5px 0; border:0;}
#pagewrap #story p.date		{ font-size:small; text-align:right; border:0; }

#pagewrap #movie ul	{ width:100%; margin:0 auto; }
#pagewrap #movie li	{ float:left; width:50%; text-align:center; margin:5px 0; padding:0; }
#pagewrap #movie li img	{ width:95%; height:auto; }

#pagewrap #onair p	{ font-size:18px; line-height:160%; letter-spacing:0.1em; margin-bottom:15px; text-align:center; border-bottom:0;
	font-family:"游明朝M" , YuMinchoM, "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }


#pagewrap .bg	{
	background-image:url(../images/main-bgm.png);
	background-position:left top;
	background-repeat:repeat-y;
	-moz-background-size:100% auto;
	background-size:100% auto;
	padding:5px;
}

#pagewrap .heading	{ font-size:16px; color:#c20000; line-height:160%; letter-spacing:0.1em; text-align:center;
	 font-family:"游明朝M" , YuMinchoM, "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }


#pagewrap #p-head h1	{ font-size:medium; color:#ffffff; border:0 ; padding:10px; background:#8b0000; text-align:center; margin:0px; }
#pagewrap .p-title	{ font-size:14px; text-align:center; padding:10px 0px; }
#pagewrap .p-img	{ text-align:center; padding:10px; border:0; }
#pagewrap #p-body h2.method	{ font-size:medium; color:#8b0000; border-top:1px solid #8b0000; border-bottom:1px solid #8b0000; padding:5px; text-align:center; margin:5px 0; }
#pagewrap .tel-no	{ width:90%; margin:6px auto; text-align:center; font-size:medium; font-weight:normal; border-width: 1px; border-style: solid; border-color: #8b0000;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #d8d8d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d8d8d8));
	background: -webkit-linear-gradient(top, #ffffff 0%,#d8d8d8 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#d8d8d8 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#d8d8d8 100%);
	-moz-box-shadow: 0px 0px 3px #CCC;
	-webkit-box-shadow: 0px 0px 3px #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#pagewrap .tel-no a	{ display:block; color:#000000; }
#pagewrap .close	{ font-size:medium; text-align:center; border:0; }
#pagewrap .highlight	{ color:#ff0000; }

#pagewrap .attention		{ width: 95%; margin: 0 auto; border: solid 2px #FF473F; background-color: #ffffff; }
#pagewrap .attention dt		{ background-color: #FF473F; padding: 12px; font-size: 20px; font-weight: bold; letter-spacing: 0.9em; color: #ffffff; text-align: center; }
#pagewrap .attention dd		{ padding: 10px; line-height: 1.8em; font-size: 14px; }

#pagewrap .announce		{ width: 95%; margin: 0 auto; border: solid 2px #409fff; background-color: #ffffff; }
#pagewrap .announce dt		{ background-color: #409fff; padding: 12px; font-size: 20px; font-weight: bold; letter-spacing: 0.9em; color: #ffffff; text-align: center; }
#pagewrap .announce dd		{ padding: 10px; line-height: 1.8em; font-size: 14px; }


/* ------------------------------------------------ */
/*　▼　追加要素　▼　*/
#pagewrap .no-border	{ border:0; }
#pagewrap .no-space	{ margin:0; padding:0; }

#pagewrap .copyright	{ padding:5px 0; text-align:center; }
#pagewrap .centering	{ text-align:center; }
#pagewrap .box		{ border:1px solid #555555; margin-bottom:5px; }
#pagewrap .top-border	{ border-top: 1px solid #555555; }

/* bottomにボーダーライン追加 */
#pagewrap .bottom-border_d	{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #555555; }
#pagewrap .border-d	{ border-bottom:1px dotted #cccccc; }
#pagewrap .sel	{ display:block; margin:5px auto; font-size:14px; color:#d04081; }

#pagewrap .fit	{ width:100%; height:auto; }
#pagewrap .p90	{ width:90%; height:auto; }
#pagewrap .half	{ width:50%; height:auto; }
#pagewrap .p30	{ width:30%; height:auto; }
#pagewrap .p33	{ width:33%; height:auto; }
#pagewrap .p20	{ width:20%; height:auto; }
#pagewrap .notice img	{ width:100%; max-width:410px; height:auto; margin:5px auto; }

#pagewrap .float-r	{ float:right; }
#pagewrap .float-l	{ float:left; }

#pagewrap .font-m	{ font-size:small; }