@charset "utf-8";

/* ---------------------------------------------------------
   HTML5 Bones
   This stylesheet contains print styling and a section for 
   you to simply add your own. This is a basic template 
   after all.
   ---------------------------------------------------------*/

html,body{
	height:100%;
}

body {}

/* Default link styling */
a{text-decoration:none;}
a:link { color:#FF4000;}
a:visited { color:#FF4000;}
a:hover, a:focus { color:#FF794D; text-decoration:underline;}
a:active { color:#FF4000; }


	
/* ---------------------------------------------------------
    Author's styles
   ---------------------------------------------------------*/

body {
	color:#FFF;
	font-family:helvetica,"Hiragino Kaku Gothic ProN","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	font-size:14px;
	line-height:1.7;
	background:#8C0000;
}

/* サファリのみ フォント指定 */
html:\66irst-child body {
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}



/* ---------------------------------------------------------
    clear
   ---------------------------------------------------------*/

.clear{
	clear:both;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/* ---------------------------------------------------------
    wrap
   ---------------------------------------------------------*/

#wrap{
	position: relative;
	height:auto !important; /* IE6対策 */
	height: 100%; /* IE6対策 */
	min-height: 100%;
	width:100%;
}

#contents{
	width:100%;
	padding-bottom:70px;
	box-sizing:border-box;
}



/* ---------------------------------------------------------
    main
   ---------------------------------------------------------*/

main{
	display: block;
	width:100%;
}

#mainContent{
	width:100%;
	margin-bottom:70px;
}

.mainContentInner{
	width:1100px;
	margin:0 auto;
}

/*
.mainInner{
	width:1100px;
	margin:0 auto;
}
*/



/* ---------------------------------------------------------
    header
   ---------------------------------------------------------*/

header#header.before{
	width:100%;
	height:580px;
	background:url(../live/images/before_img01.jpg) center no-repeat;
}

header#header.onair{
	width:100%;
	height:320px;
	background:url(../live/images/onair_img01.jpg) center no-repeat;
}

#headerInner{
	clear:both;
	width:1100px;
	padding-top:20px;
	margin:0 auto;
	box-sizing:border-box;
}


/*-- logo --*/

header#header #logo{
	width:129px;
	float:left;
}

/* h1 */
header#header #logo h1{
	width:129px;
}

header#header #logo h1 a{
	display:block;
	width:129px;
	height:24px;
	text-indent:-9999px;
	background:url(../live/images/logo_ecoms.png) no-repeat;
}

header#header #logo h1 a:hover{
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}


/*-- headerBox01 --*/

header#header .headerBox01{
	width:160px;
	float:right;
}

header#header .headerBox01 ul{
	clear:both;
	width:100%;
}

header#header .headerBox01 li{
	width:30px;
	margin-right: 10px;
}

header#header .headerBox01 li img{
	width:30px;
	height:30px;
	display:block;
}

header#header .headerBox01 li.left{
	margin-right:10px;
}

header#header .headerBox01 li a{
	display:block;
	width:100%;
	text-decoration:none;
}

header#header .headerBox01 li a:hover{
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

/*-- inquiryBox --*/
#inquiryBox{
	position: fixed;
	top: 65px;
	right: 0;
}

#inquiryBox a:hover{
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

#inquiryBox img{

}



/* ---------------------------------------------------------
    footer
   ---------------------------------------------------------*/

footer#footer{
	width:100%;
	height:70px;
    position:absolute;
    bottom:-23px;
	background:#551500;
}

footer#footer .clearfix{
	overflow:hidden;
}

#footerInner{
	clear:both;
	width:1100px;
	margin:0 auto;
	padding-top:24px;
	box-sizing:border-box;
}


/*-- footerBox01 --*/

footer#footer .footerBox01{
	width:129px;
	float:left;
}

footer#footer .footerBox01 h2{
	width:129px;
}

footer#footer .footerBox01 h2 a{
	display:block;
	width:129px;
	height:24px;
	text-indent:-9999px;
	background:url(../live/images/logo_ecoms.png) no-repeat;
}

footer#footer .footerBox01 h2 a:hover{
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


/*-- footerBox02 --*/

footer#footer .footerBox02{
	width:370px;
	float:right;
}

footer#footer .copy{
	width:176px;
	float:left;
	color:#FFF;
	font-size:1.1em;
	text-align:center;
	box-sizing:border-box;
	margin-right:40px;
	line-height:140%;
}

footer#footer .footerBox02 p{
	width:153px;
	float:right;
}

footer#footer .footerBox02 p a{
	display:block;
	width:153px;
	height:22px;
	text-indent:-9999px;
	background:url(../live/images/logo_sus.png) no-repeat;
}

footer#footer .footerBox02 p a:hover{
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}



/* ---------------------------------------------------------
    pagescroll.js
   ---------------------------------------------------------*/

#nav-dock {
	position: fixed;
	right: 0;
	bottom: 50px;
}

#nav-dock a {
	display: block;
	width: 40px;
	height: 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#nav-dock #prev {
	background:url(/t2/shared/images/scroll_btn_up.gif) no-repeat;
}

#nav-dock #next {
	background:url(/t2/shared/images/scroll_btn_down.gif) no-repeat;
}



/* ---------------------------------------------------------
    汎用css
   ---------------------------------------------------------*/
   
/* float */
.left{float:left;}
.right{float:right;}

/* margin-top */
.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

/* margin-bottom */
.mb0{margin-bottom:0 !important}
.mb3{margin-bottom:3px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}

/* margin-right */
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}

/* margin-left */
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}

/* padding-bottom */
.pb0{padding-bottom:0 !important}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}

/* padding-top */
.pt0{padding-top:0 !important}
.pt5{padding-top:5px !important}
.pt7{padding-top:7px !important}
.pt10{padding-top:10px !important}

.pr0{padding-right:0 !important}
.pl0{padding-left:0 !important}

/* 解除 */
.borderNone{border:none!important;}
.mgnNone{margin:0!important;}
.pdgNone{padding:0!important;}
.lh0{line-height: normal!important;}



/* ---------------------------------------------------------
    404error
   ---------------------------------------------------------*/

.errorBox01{
	margin:0 auto;
}

.errorBox01 dl{
	padding:100px 0;
	line-height:200%;
}

.errorBox01 dt{
	font-weight:bold;
	font-size:200%;
	margin-bottom:20px;
	text-align:center;
}

.errorBox01 dd{
	text-align:center;
}

.errorBox01 dd a{
	font-weight:bold;
}




/* ---------------------------------------------------------
    index
   ---------------------------------------------------------*/

/*-- mainTitle01 --*/

.mainTitle01{
	width:100%;
	background:#551500;
	margin-bottom:70px;
}

.mainTitle01 .mainTitle01Inner{
	width:1100px;
	padding:30px 0 40px;
	margin:0 auto;
}

.mainTitle01 h2{
	margin:0 auto;
}
	
.mainTitle01 p{
	width:661px;
	margin:0 auto;
}

.mainTitle01 img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}


/*-- dateBox --*/

.dateBox{
	width:100%;
	border-bottom:4px solid #661A00;
	margin-bottom:60px;
	box-sizing:border-box;
}

.dateBox p.title{
	width:100%;
	margin-bottom:40px;
}

.dateBox p.title img{
	max-width:100%;
	height:auto;
	display:block;
}

.dateBox ul{
	clear:both;
}


/* days */

.dateBox ul.days{
	width:945px;
	margin:0 auto 50px auto;
	font-size:3.0em;
	line-height: 140%;
}

.dateBox ul.days li span.day{
	padding:0 8px;
	font-size: 2.0em;
}

.dateBox ul.days li span.week{
	background:#551500;
	padding:8px;
	margin-left:15px;
	vertical-align: text-bottom;
	font-size: 0.8em;
}

.dateBox ul.days li.right{
	font-size: 1.5em;
	margin-top: 5px;
}

.dateBox ul.days li span.start{
	margin-left: 10px;
	font-size: 0.5em;
}


/* time */

/* 未使用
.dateBox ul.time{
	width:320px;
	margin:0 auto 40px auto;
}

.dateBox ul.time li{
	font-size:3em;
	line-height:140%;
}

.dateBox ul.time li.left{
	width:155px;
	background:url(../live/images/ico_01.png) 0 6px no-repeat;
	padding-left:65px;
	box-sizing:border-box;
}

.dateBox ul.time li.right{
	width:148px;
	background:url(../live/images/ico_02.png) 0 19px no-repeat;
	padding-left:40px;
	box-sizing:border-box;
}
*/


/*-- textBox --*/

.textBox{
	width:100%;
	margin-bottom:60px;
}

.textBox p{
	font-size:1.2em;
	text-align:center;
	margin-bottom:25px;
}

.textBox p span{
	font-size: 65%;
	margin: 0px 0px 0px 1px;
	vertical-align: super;
}


/*-- liveLogoBox --*/

.liveLogoBox{
/*	height: 120px; */
	background: #551500;
	padding:10px;
}

.liveLogoBox .logoBox{
	clear:both;
	width:100%;
}

.liveLogoBox .logo{
	width:230px;
	float:left;
}

/* 放送中 */
.liveLogoBox li.logo .onair{
	background:#CA0000;
	-webkit-box-shadow:0 0 15px 7px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:0 0 15px 7px rgba(0,0,0,0.2) inset;
    box-shadow:0 0 15px 7px rgba(0,0,0,0.2) inset;
}

.liveLogoBox li.logo .onair p{
	padding:16px 10px 9px 10px;
	color:#FFF;
	font-size:3em;
	text-align:center;
	font-weight:bold;
	line-height: 100%;
}

.liveLogoBox li.logo .onair p span{
	display:block;
	font-size:50%;
	line-height: 140%;
}

/* 放送終了 */
.liveLogoBox li.logo .offair{
	background:#6F0000;
}

.liveLogoBox li.logo .offair p{
	padding:25px 10px 22px 10px;
	color:#461200;
	font-size:3em;
	text-align:center;
	font-weight:bold;
	line-height: 120%;
}


/* 時間 */

.liveLogoBox .time{
	float: right;
	width: 320px;
	font-size: 3em;
	line-height: 140%;
	margin: 30px 40px 0px 0px;
}

.liveLogoBox .time .left{
	width: 155px;
	background: url(../live/images/ico_01.png) 0 6px no-repeat;
	padding-left: 65px;
	box-sizing: border-box;
}

.liveLogoBox .time .right{
	width: 148px;
	background: url(../live/images/ico_02.png) 0 19px no-repeat;
	padding-left: 40px;
	box-sizing: border-box;
}

.liveLogoBox li.right{
	width:420px;
	padding-top:1px;
}

.liveLogoBox .liveChange{
	clear:both;
	background: #310E00;
	padding:31px 38px;
/*	padding: 30px 25px;
	height: 35px;
	padding:40px 30px 0 0;
	margin: 15px 15px 0 0; */
}

.liveLogoBox .liveChange select{
	font-family: helvetica,"Hiragino Kaku Gothic ProN","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	height: 30px;
	margin-top: 3px;
	padding-left: 5px;
}

.liveLogoBox .liveChange .liveBtn01,
.liveLogoBox .liveChange .liveBtn02{
	display: block;
	float: left;
	width: 85px;
	height: 35px;
	background: #000;
	border: 1px solid #fff;
	text-align: center;
	line-height: 2.5;
	margin-right: 15px;
}

.liveLogoBox .liveChange .liveBtn01:hover,
.liveLogoBox .liveChange .liveBtn02:hover{
	background:#555;
	cursor:pointer;
}


/*-- thanksBox --*/
.thanksBox{
	text-align: center;
	font-size: 2.0em;
	background: #551500;
	margin-bottom: 35px;
	padding: 30px;
}

.thanksBR{
	display:none;
}

/*-- liveBox --*/

.liveBox{
	margin-bottom:50px;
	position:relative;
	width:1100px;
	max-height:619px;
/*    height: auto;*/
	background:#888;
    overflow: hidden;
}

.liveBox img{
	max-width:100%;
	height:auto;
	display:block;
}

.liveBox p.liveBoxText{
	position: absolute;
	width: 670px;
	height: 350px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.liveBox p.liveBoxText span{
	font-weight: bold;
	text-align: center;
	display: block;
	float: left;
	font-family: A-OTF 新ゴ Pro;
}

.liveBox p.liveBoxText span.text01{
	width:100%;
	font-size:75px;
}
.liveBox p.liveBoxText span.text02{
	width: 27%;
	font-size: 100px;
	line-height: 2.1;
	text-align: right;
	padding-right: 2%;
}

.liveBox p.liveBoxText span.text03{
	width: 26%;
	font-size: 210px;
	line-height: 1;
}

.liveBox p.liveBoxText span.text04{
	width: 16%;
	font-size: 100px;
	line-height: 1;
	margin-top: 100px;
}

.liveBox p.liveBoxText span.text05{
	width: 27%;
	font-size: 100px;
	line-height: 2.1;
	text-align: left;
	padding-left: 2%;
}

.liveBox p.liveBoxText span.text06{
	width: 100%;
	font-size: 90px;
}

/*
.liveBox .liveChange{
	position: absolute;
	right: 80px;
	top: 5px;
}

.liveBox .liveChange .liveBtn01,
.liveBox .liveChange .liveBtn02{
	display: block;
	float: left;
	width: 85px;
	height: 35px;
	background: #000;
	border: 1px solid #fff;
	text-align: center;
	line-height: 2.5;
	margin-right: 15px;
}

.liveBox .liveChange .liveBtn01:hover,
.liveBox .liveChange .liveBtn02:hover{
	background:#555;
	cursor:pointer;
}
*/

.liveEndBox{
	color: #8C0000;
	background: #fff;
	height: 95px;
	font-size: 2.0em;
	text-align: center;
	padding-top: 15px;
}

.liveEndBox span.txtSub{
	display: block;
	font-size: 0.6em;
	color: #000;
}

/*-- mesBox --*/
.mesBox{
	text-align: center;
	font-size: 2.0em;
	background: #551500;
	margin-bottom: 35px;
	padding: 15px;
	margin-top: -50px;
}

.mesBox span{
	font-size: 65%;
	vertical-align: super;
	margin-left: 1px;
}

.mesBR{
	display:none;
}


/*-- linkBox --*/

.linkBox{
	width:100%;
	margin-bottom:50px;
}

.linkBox p{
	width:100%;
	margin-bottom:30px;
	background:#FFF;
}

.linkBox p img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}

.linkBox ul{
	clear:both;
}

.linkBox li{
	width:530px;
	background:#FFF;
}

.linkBox li img{
	width:530px;
	height:170px;
	display:block;
}

.linkBox a{
	display:block;
	width:100%;
	text-decoration:none;
}

.linkBox a:hover{
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}


/*-- returnBtn --*/

.returnBtn{
	width:400px;
	margin:0 auto;
}

.returnBtn a{
	display:block;
	width:100%;
	border:5px solid #FFF;
	padding:23px 20px 20px 20px;
	text-align:center;
	background:url(../live/images/ico_03.png) 97% 50% no-repeat;
	font-size:1.2em;
	color:#FFF;
	box-sizing:border-box;
	text-decoration:none;
}

.returnBtn a:hover{
	background:#A94040 url(../live/images/ico_03.png) 97% 50% no-repeat;
}

.gTag iframe{
/*	display:none; */
}