@charset "utf-8";
/* CSS Document */
body{
	margin: 0;
	padding: 0;
}
#content{
	width: 100%;
	padding: 0;
	padding-left: 0;
}
#content_base{
	width: 100%;
	height: 100%;
	background-repeat: repeat;
	background-position: center top;
	background-image: url(../img/back.jpg);
}
@media screen and (min-width: 641px) {
	.fixed{
	    position: fixed;
	    top: 0;
	    left: 0;
	}
	
	/*コンテンツ領域*/
	#content #cont_wrap{
	width: 100%;
	min-height: 650px;
	margin: 0 auto;
	position: relative;
	}
	
	/*メインイメージ*/
	#main{
	width: 1160px;
	height: 700px;
	margin-left: auto;
	margin-right: auto;
	}
	#main_wrap{
	width: 100%;
	height: auto;
	}
	
	/*グローバルナビゲーション*/
	#navi_base{
	width: 100%;
	height: 60px;
	margin-bottom: 20px;
	z-index: 16;
	background-color: #e5004f;
	border-top: 1px solid #ff1616;
	border-bottom: 1px solid #ff1616;
	}
	#navis{
	width: 1160px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	background-position: center top;
	}
	.list{
	    list-style-type: none;
	    overflow: hidden;
	    margin: 0;
	    padding: 0;
	}
	.list li{
	    float: left;
	}
	
	/*更新情報*/
	#news_base00{
	background-image: url(../img/news_back_00.png);
	background-repeat: no-repeat;
	width: 1160px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	}
	#news_base{
	    width: 800px;
	    height: 50px;
	    margin-top: 10px;
	    margin-left: auto;
	    margin-right: auto;
	    background-image: url(../img/news_back.png);
	    background-repeat: no-repeat;
	    padding-top: 10px;
	}
	#news{
	    overflow-x: hidden;
	    width: 700px;
	    height: 30px;
	    margin-left: 90px;
	    padding-top: 4px;
	}
	.news_text{
	    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	    font-size: 15px;
	    color: #5D5D5D;
	    font-weight: bold;
	}
	.news_line{
	width: 700px;
	height: 1px;
	margin-top: 7px;
	margin-bottom: 7px;
	border-top: 1px dotted #404040;
	}
	
	/*コンテンツ領域*/
	.contents-wrap{
	width: 100%;
	height: auto;
	margin-bottom: 40px;
	margin-top: 40px;
	}
	.contents-wrap02{
	width: 1160px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	}
	
	/*セクション区切り*/
	.lines{
	width: 100%;
	height: 3px;
	background-color: #e5004f;
	}
	
	/*コンテンツタイトル*/
	.cont_title{
	width: 1160px;
	height: 57px;
	margin-bottom: 30px;
	}
	
	/*供述調書*/
	#cont_key{
	width: 1160px;
	height: auto;
	}
	#key_base{
	overflow: hidden;
	}
	#key_base div{
	transition: .8s;
	}
	.list-mv02{
	opacity: 0;
	}
	.mv02{
	opacity: 1.0;
	}
	
	/*見どころ*/
	#cont_point{
	width: 1160px;
	height: auto;
	}
	#point_base{
	overflow: hidden;
	}
	#point_base div{
	transition: .8s;
	}
	.list-mv02{
	opacity: 0;
	}
	.mv02{
	opacity: 1.0;
	}
	.points{
	width: 1160px;
	height: 344px;
	}
	.point_empty{
	width: 1160px;
	height: 20px;
	}
	#point_title{
	width: 1160px;
	height: 81px;
	margin-bottom: 30px;
	padding-top: 20px;
	}
	
	/*パートナー診断*/
	#cont_game{
	width: 1160px;
	height: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	background-image: url(../img/game_back.png);
	}
	#frame_game {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	}
	
	/*インタビュー*/
	#cont_interview{
	width: 1160px;
	height: auto;
	color: #606060;
	font-size: 15px;
	line-height: 27px;
	}
	.interview-lines{
	width: 1160px;
	height: 1px;
	margin-bottom: 4px;
	margin-top: 4px;
	border-bottom: 1px solid #B5A6B8;
	}
	.interview-q{
	color: #6e49e5;
	font-size: 17px;
	font-weight: bold;
	}
	.interview-a{
	color: #4B4B4B;
	font-weight: normal;
	font-size: 16px;
	line-height: 31px;
	}
	.photos01{
	width: 320px;
	height: 412px;
	float: right;
	padding-bottom: 20px;
	padding-left: 30px;
	background-image: url(../img/back.jpg);
	background-repeat: repeat;
	}
	.photos02{
	width: 320px;
	height: 412px;
	float: left;
	padding-right: 30px;
	padding-bottom: 10px;
	background-image: url(../img/back.jpg);
	}
	
	/*視聴方法バナー*/
	#howto_cont{
	width: 1160px;
	height: 84px;
	}
	.howto_bana{
	width: 570px;
	height: 84px;
	float: left;
	}
	#howto_empty{
	width: 20px;
	height: 84px;
	float: left;
	}
	
	/*キャンペーン*/
	#cont_cp{
	width: 1160px;
	height: 1708px;
	background-image: url(../img/cp_main.jpg);
	}
	#cp_navi{
	width: 500px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1507px;
	}
	
	/*フォトギャラリー*/
	#cont_photo{
	width: 1160px;
	height: auto;
	background-image: url(../img/photo_back.png);
	background-position: center top;
	background-repeat: no-repeat;
	}
	#sliders{
	width: 900px;
	height: 890px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	}
	
	/*VOD*/
	#vod_base{
	width: 560px;
	height: 315px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	}
	
	/*関連番組*/
	#cont_program{
	width: 1080px;
	height: 577px;
	margin-left: auto;
	margin-right: auto:
	}
	.programs{
	width: 530px;
	height: 577px;
	float: left;
	}
	#programs_empty{
	width: 20px;
	height: 577px;
	float: left;
	}
	
	/*チ・チャンウクFCバナー*/
	#fc_cont{
	width: 230px;
	height: 70px;
	margin-left: auto;
	margin-right: auto;
	}
	
	/*スマホコンテンツの非表示*/
	#cont_wrap_phone{
	display: none;
	}
}

@media screen and (max-width: 640px) {
	/*PCコンテンツの非表示*/
	.contents-wrap{
	display: none;
	}
	.lines{
	display: none;
	}
	#news_base00{
	display: none;
	}
	#navi_base{
	display: none;
	}
	#vod_base{
	display: none;	
	}
	#main_wrap{
	display: none;
	}
	
	/*コンテンツ領域*/
	#content #cont_wrap{
	width: 100%;
	margin: 0 auto;
	}
	#cont_wrap_phone{
	width: 100%;
	margin: 0;
	height: 100%;
	}
	.cont_lines{
	width: 100%;
	height: 1px;
	border-top: 2px solid #e5004f;
	}
	
	/*メインイメージ*/
	#main_phone {
	max-width: 100%;
	height: 100%;
	}
	#main_phone img{
	max-width: 100%;
	height: auto;
	vertical-align:bottom;
	}
	
	/*グローバルナビ*/
	#navi__base{
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #e5004f;
	}
	#navis{
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	}
	.list{
	list-style-type: none;
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	width: 400px;
	height: 58px;
	margin-left: auto;
	margin-right: auto;
	}
	.list li{
	    float: left;
	}
	.list img{
	vertical-align:bottom;
	}
	.empty_phone{
	width: 33px;
	height: 10px;
	float: left;
	}
	
	/*更新情報*/
	#news_base{
	max-width: 85%;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ed0101;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 5px;
	}
	#news{
	overflow-x: hidden;
	height: 30px;
	padding-top: 5px;
	}
	.news_text{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #5D5D5D;
	font-weight: bold;
	}
	.news_line{
	width: 100%;
	height: 1px;
	margin-top: 7px;
	margin-bottom: 7px;
	border-top: 1px dotted #404040;
	}
	#news_phone_title{
	width: 46px;
	height: 14px;
	margin-left: auto;
	margin-right: auto;
	}
	
	/*コンテンツ領域*/
	.cont_phones{
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 30px
	}
	
	/*コンテンツタイトル*/
	.cont_title_phone{
		margin-bottom: 10px;
	}
	.cont_title_phone img{
		max-width: 100%;
		height: auto;
	}
	
	/*供述調書*/
	#cont_phone_key img{
		max-width: 95%;
		height: auto;
	}
	
	/*みどころ*/
	#cont_phone_point img{
	width: 90%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	}
	
	/*パートナー診断*/
	#cont_phone_game img{
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	}
	
	/*インタビュー*/
	#cont_phone_interview{
	color: #606060;
	font-size: 14px;
	line-height: 26px;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	}
	#cont_phone_interview img{
		max-width: 100%;
	    height: auto;
	}
	.interview-lines{
	width: 100%;
	height: 1px;
	margin-bottom: 4px;
	margin-top: 4px;
	border-bottom: 1px solid #B4A6B8;
	}
	.interview-q{
	color: #6e49e5;
	font-size: 15px;
	font-weight: bold;
	}
	.interview-a{
	color: #8F49A3;
	font-weight: bold;
	}
	#interviw_navi{
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	}
	#empty01{
	width: 100%;
	height: 25px;
	}
	.empty02{
	width: 5px;
	height: 79px;
	float: left;
	}
	
	/*キャンペーン*/
	#cont_phone_cp img{
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	}
	#cp_navi_phone img{
		max-width: 70%;
		height: auto;
	}
	
	/*フォトギャラリー*/
	#cont_phone_photo{
	width: 95%;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
	}
	.slider_phone li img{
		max-width: 100%;
	    height: auto;
	}
	
	/*チ・チャンウクFCバナー*/
	#banas img{
	width: 60%;
	height: auto;
	}
	
	/*関連番組*/
	#cont_phone_program img{
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	}
}