html {
	font-family:Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, Helvetica, sans-serif ;
	}
body{
	background:#fff;
	line-height:1.8;
	text-align:center;
	}
h1 {
	width:100%;
	margin:0 auto;
	text-indent:-9999em;
	font-size:0;
	}
h2{
	color:#e84382;
	text-align:left;
	margin-bottom:15px;
	}

img{
	vertical-align:top;
	max-width:100%;
	}


header {
	text-align:center;
	}

footer {
	}

section{
	display:block;
	/*clear:both;*/
	margin:30px auto;
	}

#drawer-navigation{ 
	display:none;
}


/* 全ページ共通 */
.sp{
	display:block;
	}
.pc{
	display:none;
	}

#container{
	width:96%;
	margin:0 auto;
	overflow:hidden;
	}

#main_container{
	width:96%;
	margin:4px auto;
	}



/* メニュー
=============================================== */
nav{
/*	height:40px;*/
	background:#fff;
	overflow:hidden;
	position:relative;
/*	padding-bottom:40px;*/
	}
/* 左よせロゴ */
#nav_logo{
	float:left;
	margin:0;
	padding:2px 0 2px 4px;
	}
#nav_logo img{
	vertical-align:middle;
	max-height:36px;
	margin:0;
	padding:0;
	}
#nav_logo a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	}
nav li{
	display:block;
	}
nav li a{
	color:#fff;
	text-decoration:none;
	transition:none;
	}
nav li a:hover{
	color:#ffec41;
	text-decoration:none;
	}
#nav_container{
	width:100%;
	
	position:relative;
	}
#nav_logo{
	float:left;
	padding:2px 0 2px 10px;
	}
#nav_logo img{
	max-height: 36px;
	}
#mb_menu{
	display:block;
	width:100px;
	float:right;
/*	margin:0;*/
	}
#mb_menu a{
	text-decoration:none !important;
	color:#fff;
	}
#mb_menu a:hover,#mb_menu a:active{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.menu{
	background:#999;
	border:1px #999 solid;
	color:#fff;
	border-radius:3px;
	vertical-align: top;
	padding: 0;
	}


#nav_close{
	display:block;
	}

/* SNS用 */
#nav_sns{
	width:100%;
	position:absolute;
	top:90px;
	right:13px;
	}
#nav_sns p{
	margin:0;
	padding:0;
	width:40px;
	float: right;
	}
#nav_sns img{
	vertical-align:middle;
	}
#nav_sns a{
	display:block;
	}
#nav_sns a:hover,#nav_sns a:active{
	opacity: 0.7;
	filter: alpha(opacity=70);
	}



/* Sidr のデザイン変更 */
#mobile_menu {
	display: block;
	font-size:12px;
}
#mobile_menu:after {
    content: url(../img/nav_hamburger.png);
    margin: 5px;
    position: relative;
}

#navigation{
	display: none;
}
.sidr ul li{
	color:#999;
	text-align:left !important;
	}
.sidr ul li:first-child a:after{
	content: url(../img/nav_close.png);
    margin: 5px;
    position: relative;
	vertical-align:top;
	}
.sidr ul li a, .sidr ul li span {
    color: #fff;
    display: block;
    padding: 0 15px;
    text-decoration: none;
}
.sidr ul li span{
	color:#999 !important;
	}
.sidr ul li a:hover{
	color:#ffec41;
	}

/*
#nextoa_bg{
	width: 100%;
	margin: 0 auto;
	background-color: #000000;
}
*/

.nextoa{
/*
	clear:both;
	display:block;
*/

	text-align: center;
	margin:  0 auto;
	
	}
.nextoa p{
	display: inline;
	background:#47bcc6;
	color:#fff;
	border-radius:15px;
	padding: 10px 20px;
	}

.discontinued{
/*
	clear:both;
	display:block;
*/

	text-align: center;
	margin:  0 auto;
	border: solid　#D10003;
	
	}


.discontinued p{
/*	display: inline;*/
	background:#D10003;
	border: solid #D10003;
	color:#FFFFFF;
	border-radius:15px;
	padding: 10px 0px;
	}




/* TOP
=============================================== */
#top_container{
	width:100%;
	background:url(../img/bg_top.jpg) center center no-repeat #180303;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
	
	margin:0 0 30px 0;
	padding:0;
	}


#top_img{
	width:100%;
	display:block;
	
		display:block;
	text-align:center;
	background-image:url(../img/bg.jpg);
	background-size: cover;

	
/*
		background-image: url(../img/top-bg.jpg);
	background-repeat: repeat;
	background-size: auto;
*/

	
	}
#top_img img{
	max-width:100%;
	}


/* ボタン 
=============================================== */

/* 水色ボタン */
.btn01{
	margin:15px 0;
	}
.btn01 a:after{
	content: url(../img/btn_arrow.png);
    margin: 0 0 0 10px;
    position: relative;
	vertical-align:top;
	}
.btn01 a{
	padding:8px;
	background:#fff;
	color:#47bcc6;
	border:#47bcc6 2px solid;
	border-radius:5px;
	text-decoration:none;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
	}
.btn01 a:hover,.btn01 a:active{
	background: #47bcc6;
	color: #fff;
	border:#47bcc6 2px solid;
	}

/* ピンクボタン */
.btn02{
	margin:15px 0;
	}
.btn02 a:after{
	content: url(../img/btn_arrow.png);
    margin: 0 0 0 10px;
    position: relative;
	vertical-align:top;
	}
.btn02 a{
	padding:8px;
	background:#fff;
	color:#e84382;
	border:#e84382 2px solid;
	border-radius:5px;
	text-decoration:none;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
	}
.btn02 a:hover,.btn02 a:active{
	text-decoration:none;
	background: #e84382;
	color: #fff;
	border:#e84382 2px solid;
	}

/* アーカイブ（ボタン） */
.btn_archives{
	float:right;
	}
.btn_archives a{
	text-decoration:none;
	}
.btn_archives a:hover{
	text-decoration:none;
	}

/* クチコミ投稿（ボタン） */
#btn_toukou{
	width:100%;
	max-width:480px;
	margin-left: auto;
	margin-right: auto;
    margin-bottom: -25px;
	}
#btn_toukou a:after{
	content: normal;
	}
#btn_toukou a{
	display:block;
	font-size:1.2em;
/*	background: #e84382;*/
	padding:2px;
	}
#btn_toukou a:hover{
	text-decoration:none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	}




/* 左側
=============================================== */
main{
	width:96%;
	margin:0 auto 20px auto;
	color:#555;
	}

h2{
	margin:0;
	padding:0;
	font-size:1.4em;
	font-weight:normal;
	}
h2:before{
	content: url(../img/h_icon.png);
    margin: 5px;
    position: relative;
	vertical-align:top;
	text-shadow:none;
	}

/* 前回放送アーカイブ */
#top_archives{
	width:100%;
	max-width:640px;
	margin:0 auto 30px auto;
	padding:0;
	}

.YoutubeWrapper{
	position: relative ;
	margin-top: 0 ;
	margin-bottom: 1.2em ;
	padding-top: 69px ;
	padding-bottom: 50% ;
	overflow: hidden ;
	}

.YoutubeWrapper iframe {
	position: absolute ;
	top: 0 ;
	left: 0 ;
	height: 100% ;
	width: 100% ;
	}

/* 番組紹介 */
#outline a :hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	}

/* 待ち受け画面 */
#download a :hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	}

/* 感染対策 */
#taisaku a :hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	}


/* クチコミ投稿 */

#toukou_container{
	overflow:hidden;
	}
#kuchikomi{
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	}
/*#kuchikomi a img{
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
	margin-top: 10px;
	}*/
#kuchikomi a{
	display:block;
	margin:0 auto 15px auto;
	}
#kuchikomi a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	}
#kuchikomi p{
	font-size:0.9em;
	text-align:left;
	margin-top: 10px;
	}
#kuchikomi p a{
	display:inline;
	}
#kuchikomi a{
	color:#ff711a;
	}
#kuchikomi a:hover,#kuchikomi a:active{
	color:#47bcc6;
	}

/* 投稿 */

#movie_container{
	overflow:hidden;
	}
#movie{
	margin-left:auto;
	margin-right:auto;
	}
#movie a img{
/*	box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);*/
	margin-top: 10px;
	}
#movie a{
	display:block;
	margin:0 auto 15px auto;
	}
#movie a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	}
#movie p{
	font-size:0.9em;
	text-align:left;
	margin-top: 10px;
	}
#movie p a{
	display:inline;
	}
#movie a{
	color:#ff711a;
	}
#movie a:hover,#movie a:active{
	color:#47bcc6;
	}



/* 過去の放送はこちら */
#info ul{
	width:96%;
	margin:0 auto;
	padding:0;
	font-size:0.9em;
	font-weight:normal;
	list-style:none;
	text-align:left;
	}
#info li{
	margin-left:10px;
	margin-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: #bbb dashed 1px;
	}
#info li:last-child{
	border:none;
	}
#info li:before{
	content: url(../img/li_icon.png);
    margin: 5px;
/*    position: relative;*/
	vertical-align:top;
	text-shadow:none;
	}
#info li img{
	vertical-align:middle;
	}

#info li a{
/*	text-decoration:none;	*/
	color:#ff711a;
	}
#info a:hover,#info a:active{
/*	text-decoration:none;	*/
	color:#47bcc6;
	}

#info a :hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	}

#info .info_bm{
	background: #47bcc6;
	border-radius: 5px;
	padding: 7px 3px 7px 3px;
}

.archive-p{
	text-align: left;
	width: 90%;
	margin: 0 auto;
	font-size: 1.2em;
	color: #000000;
	background-image: url(../img/bg_blue.gif);
	padding: 10px;
	padding-left: 20px;
}


#ig{
	display:none;
	}

#ig_container{
/*	margin: 15px auto;*/
	width:96%;
	max-width: 450px;
	
/*
	border: #aaa 2px solid;
	border-radius:10px;
	background:#fff;
*/

	}
#ig_container p{
	margin:0;
/*	padding:2px 0;*/
	background:#000;
	color:#fff;

	border-radius: 8px 8px 0 0;
	}
#ig_container img{
	margin:12px;
	}
#ig_container a img{
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
	}

#ig_container a:hover img,#ig_container a:active img{
	box-shadow: 0 0 1px 0 rgba(0,0,0,0.5);

	opacity: 0.7;
	filter: alpha(opacity=70);
	}

#Insta-iframe{
	height:350px;
	}
#sb_instagram .sb_instagram_header{
	width: auto !important; 
}

#staff{
	margin-left:auto;
	margin-right:auto;
	background: #c2edff;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
	
	}



/* 右側 
=============================================== */
aside{
	width:96%;
	margin:0 auto;
	}

/* バナーエリア */
#banner_container{
	width:100%;
	text-align:center;
	clear:both;
	overflow:hidden;
	}
#banner_container ul{
	list-style:none;
	margin:30px auto 0 auto;
	padding:0;
	}
#banner_container li{
	width:100%;
	margin:15px auto;
	}

#banner_container li:last-child{
	margin:0 auto;
	}

#banner_container img{
	max-width:98%;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
	}
#banner_container a:hover,#banner_container a:active{
	opacity: 0.7;
	filter: alpha(opacity=70);
	}

/* 1年前のあの日 */
#movie_contaienr{
	width:100%;
	padding-bottom: 20px;
	}
.m_comment{
	margin:15px 10px;
	padding:2px 0;
	text-align:center;
	font-size:0.9em;
	
	background:#47bcc6;
	border-radius:15px;
	color:#fff;
	}
#movie_contaienr a{
	transition: all .2s;
}
#movie_contaienr a:hover{
	opacity: 0.7;
}



/* スペシャルコンテンツ */
#special_container ul{
	margin:0 auto;
	padding:0;
	width:100%;
	font-size:16px;
	font-weight:normal;
	list-style:none;
	text-align:left;
	
	overflow:hidden;
	}
#special_container li{
	display:block;
	margin: 10px auto;
	padding:0;
	background:#47bcc6;
	border-radius:5px;
	max-width:300px;

	box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
	}
#special_container li img{
	width:100%;
	max-width:300px;
	}
#special_container li a{
	display:block;
	padding:4px;
	text-decoration:none;
	color:#fff;

	}
#special_container a:hover,#special_container a:active{
	text-decoration:none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	}


#tw{
	display:none;
	}





/* Page Top
=================================== */

.page-topLink{
  bottom: 5px;
  right: 5px;
  width: 20px;
  padding: 13px 10px;
  }


.page-topLink{
	display: block;
	position: fixed;
	z-index: 9999;
	bottom: 10px;
	right: 5px;
	width: 14px;
	padding: 13px 13px;
	background: rgba(255,255,255,.7);
	border-radius: 80%;
	border: 4px solid #47bcc6;
	color: #47bcc6;
	font-size:16px;
	text-align: center;
	text-decoration: none; 
	line-height: 1;
	cursor:pointer;
	behavior: url(PIE.htc); 
	}
.page-topLink a{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#47bcc6;
	text-decoration:none;
	}
.page-topLink:hover{
	background: rgba(255,255,255,1) !important;
	}
.page-topLink:focus{
	background: rgba(255,255,255,1) !important;
	}








/* clear */
.clear {
	clear: both;
}

.center {
	text-align: center;
}

.red {
	color: #F03;
}
.pink {
	color: #e84483;
}
.blue {
	color: #24a1ac;
}
.orange {
	color: #F63;
}

.f08{
	font-size:0.8em;
	}
.f09{
	font-size:0.9em;
	}
.size10 {
	font-size: 1.0em;
}
.size11 {
	font-size: 1.1em;
}
.size12 {
	font-size: 1.2em;
}
.size13 {
	font-size: 1.3em;
}
.size14 {
	font-size: 1.4em;
}
.size15 {
	font-size: 1.5em;
}
.bold {
	font-weight: bold;
}
.b-yellow {
	background-color: #FF9;
}
.t-align-r {
	text-align: right;
}




.sns-archive{
  /* floatを解除 */
  clear: both;
}




/*SP 767px以下*/
@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
  .tb {
    display: none;
  }
  .sp {
    display: block !important;
	  
  }
  .pcBr {
    display: none;
  }
  .spBr {
    display: block;
  }

	
	#main_container{
	width:100%;
	display:block;
	overflow:hidden;
	background-image:url(../img/../img/top/bg.png) ;
	background-repeat: repeat;
	background-size: auto;
/*	background-size:contain;*/
	
	margin:0 auto;
		
	}

	main{
display: -webkit-flex;
flex-flow: column wrap;
	}

	
	.nextoa{
/*
	clear:both;
	display:block;
*/
	padding-top: 8%;
	text-align: center;
	margin:  0 auto;
		width: 100%;
	
	}
.nextoa p{
	font-size: 0.6em;
	display: inline;
	background:#47bcc6;
	color:#fff;
	border-radius:15px;
	padding: 4% 3% 4% 3%;
	width: 100%;
	}
	

	.nextoa img{
		width: 7%;
		margin-top: 2%;
	}

		.discontinued{
/*
	clear:both;
	display:block;
*/
/*	padding-top: 8%;*/
	text-align: center;
	margin:  0 auto;
		width: 95%;
	
	}
.discontinued p{
/*	font-size: 0.7em;*/
/*	display: inline;*/
	background: #D10003;
	color:#FAFAFA;
	border: solid #D10003;
	border-radius:15px;
	padding: 3% 0%;
	width: 100%;
	}
	
    .discontinued a{
        text-decoration: none;
    }

	.ndiscontinued img{
		width: 7%;
		margin-top: 2%;
	}

	
	
/* メニュー
=============================================== */
	
	#header-contents{
		background-color: #FFFFFF;
		width: 100%;
		height: 70px;
		position: fixed;
		top: -56px;
		left: 0;
	}
	
	.header_logo{
		float: left;
		margin-left: 2%;
		margin-top: 3%;
	}

	/* 番組紹介
=============================================== */

	#outline{
	display: block;
/*	padding:10px;*/
	width: 100%;
	padding: 5px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background: #FFFFFF;
	margin-left: -2%;
	margin-top: 10%;

	}
	
	#btn_toukou img{
	margin-bottom: -5%;
/*	max-width:300px;*/
	}

	/* 待ち受け画面
=============================================== */

	#download{
	display: block;
/*	padding:10px;*/
	width: 100%;
	padding: 5px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background: #FFFFFF;
	margin-left: -2%;
	margin-top: -2%;

	}
	
	#btn_toukou img{
	margin-bottom: 5%;
/*	max-width:300px;*/
	}


		/* 感染対策
=============================================== */
	#taisaku{
	display: block;
	width: 100%;
	padding: 10px 5px 10px 5px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background: #FFFFFF;
		margin-left: -2%;
		margin-top: -2%;
	}

	
	/* 口コミ投稿
=============================================== */
	#post{
	display: block;
	width: 100%;
	padding: 10px 5px 0 5px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background: #FFFFFF;
		margin-left: -2%;
		margin-top: -2%;
	}
	
		/* 動画投稿
=============================================== */
	#movie{
	display: block;
	width: 100%;
	padding: 10px 5px 10px 5px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background: #FFFFFF;
		margin-left: -2%;
		margin-top: -2%;
	}

	

	/*過去のハイライトシーンh
=============================================== */
	#info{
	display: block;
/*	padding:10px;*/
	width: 100%;
	padding: 10px 5px 10px 5px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background: #FFFFFF;
		margin-left: -2%;
		margin-top: -2%;

	}

	
/* Twitter
=============================================== */
#tw{
	display: block;
/*	padding:10px;*/
	width: 100%;
	padding: 10px 5px 0 5px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background: #FFFFFF;
	margin-left: -2%;
	margin-top: -2%;

	}

	/* Instagram
=============================================== */
#ig{
	display: block;
/*	padding:10px;*/
	width: 100%;
	padding: 10px 5px 0 5px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background: #FFFFFF;
	margin-left: -2%;
	margin-top: -2%;
		
	order: 1;
	-webkit-order: 1;
	}
	
	
	
	#hulu{
		margin-top: -2%;
		order: 2;
		-webkit-order: 2;
	}
	
	
			#youtube{
		margin-top: -2%;
		order: 2;
		-webkit-order: 2;
	}

	#tada{
		margin-top: -2%;
		order: 2;
		-webkit-order: 2;
	}
	
	
	#blog{
		margin-top: -2%;
		order: 3;
		-webkit-order: 3;
	}
	

		#center{
		margin-top: -2%;
		order: 3;
		-webkit-order: 3;
	}


	
}

@media screen and (min-width : 640px) {

  .tb {
    display: block;
  }
  .sp {
     display: block;
	  
  }
  .pcBr {
    display: none;
  }
  .spBr {
    display: block;
  }

	
main{
	width:80%;
/*	float: left;*/
	}
aside{
	width:32%;
	float: right;
	}

	#main_container{
	width:100%;
	display:block;
	overflow:hidden;
	background-image:url(../img/../img/top/bg.png) ;
	background-repeat: repeat;
	background-size: auto;
/*	background-size:contain;*/
	
	margin:0 auto;
	padding-bottom:30px;
	}


.nextoa{
/*
	clear:both;
	display:block;
	text-align: left;
	position:absolute;
	top: 5px;
	left: 60px;
*/
	}

#nav_sns{
	width:160px;	
	top:40px;
	right:13px;
	}



#kuchikomi p{
	font-size:1em;
	text-align:left;
	}
#special_container ul{
	max-width:810px;
	margin-left: auto; 
	margin-right: auto; 
	}
#special_container li{
	float:left;
	margin: 10px;
	}

	
	.nextoa{
/*
	clear:both;
	display:block;
*/

	text-align: center;
	margin:  0 auto;
		margin-top: 5%;
	
	}
	
		.discontinued{
/*
	clear:both;
	display:block;
*/

	text-align: center;
	margin:  0 auto;
/*		margin-top: 5%;*/
	
	}
    
        .discontinued a{
        text-decoration: none;
    }



	
	/* メニュー
=============================================== */
	
	#header-contents{
		background-color: #FFFFFF;
		width: 100%;
		height: 70px;
		position: fixed;
		top: -56px;
		left: 0;
	}
	
	.header_logo{
		float: left;
		margin-left: 2%;
		margin-top: 2%;
	}

	/* 番組紹介
=============================================== */

	#outline{
	display: block;
/*	padding:10px;*/
	width: 100%;
	padding: 5px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background: #FFFFFF;
	margin-left: -2%;
	

	}
    
    	/* 待ち受け画面
=============================================== */

	#download{
	display: block;
/*	padding:10px;*/
	width: 100%;
	padding: 5px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background: #FFFFFF;
	margin-left: -2%;
	

	}
    
        	/* 感染対策
=============================================== */

	#taisaku{
	display: block;
/*	padding:10px;*/
	width: 100%;
	padding: 5px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background: #FFFFFF;
	margin-left: -2%;
	

	}


    
	
	/* 口コミ投稿
=============================================== */
	#post{
	display: block;
	width: 100%;
	padding: 10px 5px 0 5px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background: #FFFFFF;
		margin-left: -2%;
		margin-top: -2%;
	}
	

	
	
		/* 口コミ投稿
=============================================== */
	#movie{
	display: block;
	width: 100%;
	padding: 10px 5px 10px 5px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background: #FFFFFF;
		margin-left: -2%;
		margin-top: -2%;
	}

	

	/*過去のハイライトシーンh
=============================================== */
	#info{
	display: block;
/*	padding:10px;*/
	width: 100%;
	padding: 10px 5px 10px 5px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background: #FFFFFF;
		margin-left: -2%;
		margin-top: -2%;

	}

	
/* Twitter
=============================================== */
#tw{
	display: block;
/*	padding:10px;*/
	width: 100%;
	padding: 10px 5px 0 5px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background: #FFFFFF;
	margin-left: -2%;
	margin-top: -2%;

	}

	/* Instagram
=============================================== */
#ig{
	display: block;
/*	padding:10px;*/
	width: 100%;
	padding: 10px 5px 0 5px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background: #FFFFFF;
	margin-left: -2%;
	margin-top: -2%;
		
	order: 1;
	-webkit-order: 1;
	}
	
	
	
	#hulu{
		margin-top: -2%;
		order: 2;
		-webkit-order: 2;
	}
	
	
			#youtube{
		margin-top: -2%;
		order: 2;
		-webkit-order: 2;
	}

	#tada{
		margin-top: -2%;
		order: 2;
		-webkit-order: 2;
	}
	
	
	#blog{
		margin-top: -2%;
		order: 3;
		-webkit-order: 3;
	}
	

		#center{
		margin-top: -2%;
		order: 3;
		-webkit-order: 3;
	}



}

@media screen and (min-width : 960px) {

/* 全ページ共通 */
.sp{
	display:none;
	}
	  .tb {
    display: none;
  }

.pc{
	display:block;
	}

body {
	margin: 0 auto;
	padding: 0;
	line-height:1.5;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif, "メイリオ", "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
a {
	text-decoration: underline;
	color: #F36;
	outline: none;
}
a:visited {
	text-decoration: underline;
	color: #366;
	outline: none;
}
a:hover {
	text-decoration: underline;
	color: #F90;
	outline: none;
}
h1 {
	background:url(../img/top/bg.jpg) center center no-repeat;
}
h1 img{
	}

main{
	width:960px;
	}
	
content{
	width: 620px;
	float: left;
	}

aside{
	width:300px;
	float:right;
	margin-right: 6px;
	}

section{
	margin:30px auto 0 auto;
	}

#main_container{
	width:100%;
	display:block;
	overflow:hidden;
	
	
/*
background-color: #ECECEC;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;
1
2
3
background-color: #ECECEC;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;
*/
	

	background-image:url(../img/../img/top/bg.png) ;
	background-repeat: repeat;
	background-size: auto;

/*	background-size:contain;*/
	
	margin:0 auto;
	padding-bottom:30px;
	}

#container{
	width:960px;
	margin:0 auto;
	overflow:visible;
	}


/* TOP
=============================================== */
#top_img{
	width:100%;
	text-align:center;
	display:block;
	margin:0 auto;
	}
.top_bg{
	display:block;
	text-align:center;
	background-image:url(../img/bg.jpg);
	background-size: cover;

/*
	background-image: url(../img/top-bg.jpg);
	background-repeat: repeat;
	background-size: auto;
*/
	}



/* メニュー
=============================================== */
nav{
	padding-bottom:0;
	}
#nav_container{
	width:960px;
	margin:0 auto;
	line-height:1.8;
	overflow:hidden;

	position:relative;
	}

#nav_close{
	display:none;
	}
#nav_logo img{
	width:50px;
	height:50px;
	max-height:50px;
	margin:5px 0;
	}

/* PC用ナビゲーションバー */
 #mobile_menu {
	display: none;
}
 
#nav_sns{
	width:160px;	
	top:12px;
	left:490px;
	right:0;
	}



.nextoa{
	
	margin-top: 30px;
	}

	.discontinued{
	
/*	margin-top: 30px;*/
	}
    
    .discontinued a{
        text-decoration: none;
    }



/* アーカイブ
=============================================== */
#top_archive{
	float:left;
	width:600px;
	
	padding:10px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 
	
	}


#menu {
	width: 960px;
	margin: 10px 0 0 0;
	text-align: right;
}
footer {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0 20px 0;
	color: #FFF;
	font-size: 12px;
	text-align: center;0 rgba(0,0,0,0.5);
	background:#fff;
	background-color:#000000;
	clear: both;
}

	/* 番組紹介
=============================================== */
#outline{
/*	float: left;*/
	width:450px;
	
	padding:10px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background:#fff;
	}
#kuchikomi a{
	display:inline;
	}
#kuchikomi img{
	/*float:left;*/
	/*width:350px;*/
	}
#kuchikomi p{
	display:block;
	float:right;
	/*width:230px;*/
	margin-top:10px;
	}
    
    	/* 待ち受け画面
=============================================== */
#download{
/*	float: left;*/
	width:450px;
	
	padding:10px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background:#fff;
	}
#kuchikomi a{
	display:inline;
	}
#kuchikomi img{
	/*float:left;*/
	/*width:350px;*/
	}
#kuchikomi p{
	display:block;
	float:right;
	/*width:230px;*/
	margin-top:10px;
	}

    	/* 感染対策
=============================================== */
#taisaku{
/*	float: left;*/
	width:450px;
	margin-top: 430px;
	padding:10px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background:#fff;
	}
#kuchikomi a{
	display:inline;
	}
#kuchikomi img{
	/*float:left;*/
	/*width:350px;*/
	}
#kuchikomi p{
	display:block;
	float:right;
	/*width:230px;*/
	margin-top:10px;
	}



/* クチコミ投稿エリア
=============================================== */
#post{
	float: left;
	
	width:450px;
	
	clear: left;
	
	padding:10px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background:#fff;
	
	margin-top: 20px;
	}
#kuchikomi a{
	display:inline;
	}
#kuchikomi img{
	/*float:left;*/
	/*width:350px;*/
	}
#kuchikomi p{
	display:block;
	float:left;
	/*width:230px;*/
	margin-top:10px;
	}
#btn_toukou{
	clear:both;
	display:block;
	width: 450px;
	max-width:100%;
    margin-bottom: -5%;
	}
#btn_toukou img{
	margin-bottom: 15px;
/*	max-width:300px;*/
	}

	/* 動画投稿エリア
=============================================== */
#movie{
	float: left;
	
	width:450px;
	
	clear: left;
	
	padding:10px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background:#fff;
	
	margin-top: 20px;
	}
#movie a{
	display:inline;
	}
#movie img{
	/*float:left;*/
	/*width:350px;*/
	}
#movie p{
	display:block;
	float:right;
	/*width:230px;*/
	margin-top:10px;
	}
#movie_toukou{
	clear:both;
	display:block;
	width: 450px;
	max-width:100%;
	}
#btn_toukou img{
/*	max-width:300px;*/
	}


/* 過去の放送はこちら
=============================================== */
#info{
	float: right;
	width:450px;
	padding:10px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background:#fff;
	margin-left: 10px;
	margin-top: -640px;　/*バナー1つ*/
	/*margin-top: -802px;*/　/*バナー2つ*/
/*	margin-top: -916px;*/　/*バナー3つ*/

	
	  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between;

	
	}
#info ul{
	border:none;
	box-shadow:none;
	width:100%;
	}

#info li{
	line-height: 2.0;
	}
	
#info-main  {
    float:left;
}

	#info a{
	display:inline;
	}

	#info p{
		margin-top: 5px;
		margin-left: 180px;
        height: 100px;
	}
	

	#staff p{
	display:block;
	margin-top:10px;
		margin: 0 auto;
		text-align: left;
	}



/* hulu
=============================================== */
#hulu{
	display: block;
	float: right;
	width:450px;
	margin-left: 16px;
	padding:10px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background:#fff;
	margin-top: 20px;
	/*margin-top: -390px;*//*margin-top: -935px;*//*過去のハイライトシーン画像4つ;*/
	/*margin-top: -700px;*//*過去のハイライトシーン画像3つ;*/
    /*margin-top: -830px;*//*過去のハイライトシーン画像２つ;*/
	}
	
#hulu a:hover{
text-decoration:none;
opacity: 0.7;
filter: alpha(opacity=70);
}

/* youtube
=============================================== */
#youtube{
	display: block;
	float: right;
	width:450px;
	margin-left: 16px;
	padding:10px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background:#fff;
	margin-top: 20px;
	/*margin-top: -430px;*//*過去のハイライトシーン画像3つ;*/
	/*margin-top: -120px;*//*過去のハイライトシーン画像5つ;*/
   /* margin-top: -550px;*//*過去のハイライトシーン画像2つ;*/
	}
	
#youtube a:hover{
text-decoration:none;
opacity: 0.7;
filter: alpha(opacity=70);
}

/* 日テレ無料TADA
=============================================== */
#tada{
	display: block;
	float: right;
	width:450px;
	margin-left: 16px;
	padding:10px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background:#fff;
	margin-top: 20px;
	/*margin-top: 0px;*//*margin-top: -500px;*//*過去のハイライトシーン画像4つ;*/
	/*margin-top: 30px;*//*過去のハイライトシーン画像5つ;*/
   /* margin-top: -350px;*//*過去のハイライトシーン画像2つ;*/
    /*margin-top: -230px;*//*過去のハイライトシーン画像3つ;*/
	}
	
	#tada a:hover{
text-decoration:none;
opacity: 0.7;
filter: alpha(opacity=70);
}


/* blog
=============================================== */
#blog{
	display: block;
	float: right;
	width:450px;
	margin-left: 16px;
	padding:10px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background:#fff;
    margin-top: 20px;/*margin-top: -500px;*//*過去のハイライトシーン画像3つ;*/
	/*margin-top: -180px;*//*margin-top: -500px;*//*過去のハイライトシーン画像2つ;*/
	/*margin-top: 30px;*//*過去のハイライトシーン画像5つ;*/
   
	}
	
	#blog a:hover{
text-decoration:none;
opacity: 0.7;
filter: alpha(opacity=70);
}

	
		/* 視聴者センターf
=============================================== */

#center{
	display: block;
	float: right;
	width:450px;
	margin-left: 16px;
	padding:10px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background:#fff;
	margin-top: 20px;
	}
	
	#center a:hover{
text-decoration:none;
opacity: 0.7;
filter: alpha(opacity=70);
}


	/* 広告
=============================================== */
	#adv_container {
	float: right;
	width: 300px;
/*	margin-top: 205px;*/
	margin-top: 50px;
        margin-bottom: 150px;
	padding: 0;
	display: block;
}
#adv_container p{
	padding: 0;
	margin:0;
	font-size: 0.8em;
	color: #666;
	text-align:center;
}


/* Instagram
=============================================== */
#ig{
	display: block;
	float: left;
	clear: both;
	width:450px;
	margin-bottom:30px;

	padding:10px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background:#fff;
     margin-top: -480px;/*ハイライトシーン5枚*/
	
	}

#ig_container{
	width:100%;
	max-width:600px;
	overflow:hidden;
	
	border:none;
	}
	
#ig_container{
	width: 96%;
	}


/* バナーエリア
=============================================== */
#banner_space {
	width:300px;
	margin: 30px 0 0 0 ;
	float:right;
	
	}
#banner_container{
	width: 300px;
	margin:0 auto 0 auto;
	}
#banner_space article{
	margin:0;
	padding:0;
	}

#banner_container ul{
	margin:0 auto ;
	padding:0;
	}
#banner_container li{
	margin:0 auto 15px auto;
	}
	
#banner_container li:last-child{
	margin:0 auto;
	}
	
#banner_container img{
	width:100%;
	max-width:100%;
	vertical-align:top;
	display:block;
	background:#fff;
	}
#banner_container a:hover img{
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
	}



/* Twitter
=============================================== */
#tw{
	display: block;
        margin-top: -1170px;

	padding:10px;
	border:#eee 1px solid;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);
	background:#fff;
	
	float: left;
	width: 450px;
	clear: both;
	}

#tw_container{
	width:100%;
	overflow:hidden;
	border:none;
	}
#tw_container div{
/*	width:48%;*/
	margin:15px 1%;
/*	float:left;*/
	}


    /* 過去のハイライトシーン　サムネイル
=============================================== */
    .img-main{
        margin-bottom: 30px;
        clear: both;
    }



}