@charset "UTF-8";

/*---------------
reset
-----------------*/
body,pre, blockquote, address,
table,td,div,form,
h1,h2,h3,h4,h5,h6,p,
ol,ul,li,dl,dt,dd{
    margin: 0;
    padding: 0;
}
ol,ul,li,dl,dt,dd{
	list-style:none;
	text-decoration:none;
	/*line-height:0;*/
}
fieldset,img{ border:0; vertical-align: bottom;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
-webkit-text-size-adjust:none;
}

/* ---------------------------------------------
	タイポグラフィー
--------------------------------------------- */
body {
    font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W4","Hiragino Kaku Gothic Pro","Lucida Grande",Verdana,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 16px; line-height: normal;
}

.txt10 { font-size: 63%; line-height: 1.5em;}	/* 10px */
.txt10w { font-size: 63%; line-height: 1.8em;}	/* 10px */
.txt11 { font-size: 70%; line-height: 1.5em;}
.txt11w2 { font-size: 70%; line-height: 1.2em;}
.txt11w { font-size: 70%; line-height: 1.8em;}
.txt12 { font-size: 75%; line-height: 2.25em;}
.txt12w { font-size: 75%; line-height: 1.7em;}	/* 12px */
.txt12w2 { font-size: 75%; line-height: 1.2em;}	/* 12px */
.txt12w3 { font-size: 75%; line-height: 1.4em;}	/* 12px */
.txt13 { font-size: 80%; line-height: 2.0em;}
.txt13w { font-size: 80%; line-height: 1.3em;}
.txt13w2 { font-size: 80%; line-height: 1.6em;}
.txt14 { font-size: 88%; line-height: 1.5em;}	/* 14px */
.txt14w { font-size: 88%; line-height: 1.8em;}	/* 14px */
.txt14n { font-size: 88%; line-height: 1.2em;}	/* 14px */
.txt16 { font-size: 100%; line-height:1.5em;}	/* 16px */
.txt18 { font-size: 113%;  line-height: 1.3em;}	/* 18px */
.txt21 { font-size: 132%;  line-height: 1.3em;}	/* 21px */
.txt26 { font-size: 163%;  line-height: 1.4em;}

h1, h2, h3, h4, h5, h6 { font-size: 100%;}

/* ---------------------------------------------
	基本項目
--------------------------------------------- */

html, body { height:100%; color:#333333;}

/*共通スタイル*/
.cap { color:#281500;}
.cap2 { color:#DDDDDD;}
.intro { letter-spacing: 0.1em;}
.white { color:#FFF;}
.red { color:#DC0021;}
.blue { color:#4293f8;}
.gray { color:#555555;}
.bold {font-weight:bold;}

a:link { color:#4293f8; text-decoration:none; font-weight:normal;}
a:visited { color:#4293f8; text-decoration:none;}
a:hover { color:#4293f8; text-decoration:underline;}
a:active { color:#4293f8; text-decoration:none;}

.dl { color:#663300;font-weight:bold;}
.dl a:link { color:#017c70; text-decoration:none; font-weight:bold;}
.dl a:visited { color:#017c70; text-decoration:none;}
.dl a:hover { color:#017c70; text-decoration:underline;}
.dl a:active { color:#017c70; text-decoration:none;}

a img {border:none}
.clears{ clear:both;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.mt40{margin-top: 40px;}
.mt30{margin-top: 30px;}
.mt20{margin-top: 20px;}
.pt6{padding-top: 6px;}
.cx_smartphoneview .mt40{margin-top: 30px;}
.cx_smartphoneview .mt30{margin-top: 30px;}
.cx_smartphoneview .mt20{margin-top: 30px;}

.cx_smartphoneview .displaypc{ display: none;}
.displaysp{ display: none;}
.cx_smartphoneview .displaysp{ display: block;}

/*-----ボタンスタイル-----*/
.btn_base{
	position:relative;
    color:#ffffff;
	font-weight:bold;
    border-radius:10px;
    padding:1px 0;
    height:20px;
	line-height: 20px;
    font-size: 75%;
    text-align: center;
    margin: 3px 0 0;
    width: 100%;
}

/*応募ボタン*/
.btn_cs {
	background-color: #CCC;
	/*color:#ffffff;
	font-weight:bold;
	text-align: center;
	border-radius:10px;
	border:none;
	padding:1px 0;
	text-decoration:none;
	display:inline-block;
	position: relative;
	height:20px;
	line-height: 20px;*/
}
.btn_cs:hover{ text-decoration: none; cursor: default;}
.btn_link {
	/*display: block;*/
	font-weight:bold;
	/*グラデーションカラー設定ここから*/
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #666666), color-stop(100%, #444444) );
	background:-moz-linear-gradient( center top, #666666 5%, #444444 100% );
	background:-ms-linear-gradient( top, #666666 5%, #444444 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#444444');
	background-color:#444444;
	/*グラデーションカラー設定ここまで*/
	color:#ffffff;
}
/*.cx_smartphoneview .btn_link {
	display: inline-block;
}*/
/*応募ボタン マウスオーバー時*/
.btn_link:hover {
	/*グラデーションカラー設定ここから*/
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #555555), color-stop(100%, #333333) );
	background:-moz-linear-gradient( center top, #555555 5%, #333333 100% );
	background:-ms-linear-gradient( top, #555555 5%, #333333 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333');
	background-color:#333333;
	/*グラデーションカラー設定ここまで*/
}
.btn_link::after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #ffffff;
    /*border-style: inset;*/
    -webkit-transform:rotate(360deg);
    position:absolute;
    top:50%;
    right:10px;
    margin-top: -6px;
}

/*共通レイアウト*/
body{ -webkit-text-size-adjust:100% !important;}/* Safari */
.cx_smartphoneview #gbheader{ border-bottom: none !important;}
#cx_spContentsWrap{ background-color: #fff;}
#fp-wrap{
    /* background-color: #f6f6f6; */
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}
#fp-contents{
    width: 1200px !important;
	position:relative;
    /* border-left: solid 30px #fff;
    border-right: solid 30px #fff; */
}
#fp-left{
	width:61%;
	position:relative;
	float:left;
    margin: 0 3% 0 0;
    padding: 0 15px 0 5px;
    box-sizing: border-box;
}
#fp-right{
	width: 36%;
	position:relative;
	float:left;
	margin:0 0 20px 0;
}
.cx_smartphoneview #fp-wrap{ width: 100% !important; min-width: auto !important;}
.cx_smartphoneview #fp-contents{ width: 100% !important; border: none;}
.cx_smartphoneview #fp-left{
    margin: 0;
    width: 100%;
    padding: 0;
}
.cx_smartphoneview #fp-right{
    margin: 0 2% 20px 2%;
    width: 96%;
}


/*共通ベース*/
.contents_bs{
	border-top: solid 1px #ccc;
	margin-top: 3px;
}
.img_base{
	background-color: #FFF;
	border:solid 1px #eeb249;
	padding:1px;
}

/*--------------------- 左エリア ---------------------*/
h2{
	font-size:136%;
    line-height: 1.2;
	margin: 20px 0 10px 0;
}
.cx_smartphoneview h2{
    text-align: center;
    margin: 12px 0 8px;
}
h3{
    font-size: 108%;
	border-left: solid 5px #1746a6;
	line-height: 1.0;
	padding: 3px 0 0 6px;
}
.cx_smartphoneview h3{
	padding: 0 0 0 4px;
	line-height: 1.1;
}

/*-------------AD-------------*/
#gooad-long{
	min-height:90px; padding:8px 0px;
	/* border-bottom: solid 1px #ccc; */
	background-color: #efefef;
	display: flex;
	justify-content: center;
}
.cx_smartphoneview #gooad-long{ display: none;}
#gooad-spbadge320_1{
	min-height:50px; padding:10px 0px;
	background-color: #f6f6f6;
	display: none;
}
.cx_smartphoneview #gooad-spbadge320_1{
	display: flex;
	justify-content: center;
}

/*-------------イチオシエリア-------------*/
#rcmnd_base{
	overflow: hidden;
	/*グラデーションカラー設定ここから*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #112c65), color-stop(0.50, #396bd4), color-stop(0.00, #1845a4));
	background: -moz-linear-gradient(top, #1845a4 0%, #396bd4 50%, #112c65 97%);
	background: -ms-linear-gradient(top, #1845a4 0%, #396bd4 50%, #112c65 97%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#444444');
	background-color:#112c65;
	/*グラデーションカラー設定ここまで*/
	padding:5px;
}
#rcmnd_base #cntrl_area{
	background:url("../img/bg_rcmnd.png") repeat scroll 0 0 ;
/*	height:280px;*/
	padding-top: 10px;
	background-color: #333;
	position:relative;
}

#rcmnd_base #cntrl_area > ul{
    position: relative;
    width: 100%;
    height: 38px;
}
#rcmnd_base #cntrl_area #cntrl_left{
	background:url("../img/rcmnd_cntrl.png") no-repeat 17px 7px;
	width:40px;
	height:38px;
	position:absolute;
	top:0;
	left:0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	opacity:0.3;
}
#rcmnd_base #cntrl_area #cntrl_right{
	background:url("../img/rcmnd_cntrl.png") no-repeat -16px 7px;
	width:40px;
	height:38px;
	position:absolute;
	top:0;
	right:0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	opacity:0.3;
}
#rcmnd_base #cntrl_area #photo_area_l{
/*	width:528px;*/
	height:auto;
	border:solid 1px #eeb249;
	background-color: #FFF;
	margin:0 10px;
    box-sizing: border-box;
}
#rcmnd_base #cntrl_area #photo_area{
	width:100%;
	height:auto;
	border:solid 1px #FFF;
	background-color: #333;
	margin:0 auto;
	overflow:hidden;
    box-sizing: border-box;
}
#rcmnd_base #cntrl_area #photo_area ul{ width: 3000px;}
#rcmnd_base #cntrl_area #photo_area li{
	float:left;
}
#rcmnd_base #cntrl_area #photo_area li img{ width: 678px; height: auto;}

#rcmnd_base #cntrl_area #photo_area li p{
	position:absolute;
	width:570px;
	top:300px;
	left:10px;
	color:#FFF;
	font-size: 80%;
    line-height: 1.5em;
    display:none;
}

#rcmnd_base #cntrl_area #cntrl_bottom{
	/*width:530px;*/
	width:70%;
	height:20px;
	position:absolute;
	bottom:8px;
	left:0;
    right: 0;
	text-align:center;
    margin: 0 auto;
}
#rcmnd_base #cntrl_area #cntrl_bottom ul{
	margin:0 auto;
}
#rcmnd_base #cntrl_area #cntrl_bottom li{
	width:12px;
	height:12px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color: #eeb249;
	border:none;
	margin: 4px 4px 0 4px;
	float:left;
	opacity:0.3;
}
#rcmnd_base #cntrl_area #cntrl_bottom li#rcmnd_marker1{
	opacity:1.0;
}
#rcmnd_base #txt_area{
	color:#FFF;
	font-size: 85%;
	line-height: 1.5em;
	margin: 0 10px 0 10px;
	position:relative;
}
#rcmnd_base #txt_area li{
	width:570px;
	/*visibility:hidden;*/
	float:left;
	display:none;
	margin:10px 0 5px 0;
}
#rcmnd_base #txt_area li#rcmnd_txt1{
	display:block;
}
#rcmndWrap::after{
    content: "";
    display: block;
    background:url("../img/rcmnd_shadow.jpg") no-repeat scroll 0 0 ;
	width:750px;
	height:32px;
	margin-left: -18px;
    background-size: 750px 32px;
}

.cx_smartphoneview #rcmnd_base{
	width:98%;
	padding:1%;
}
.cx_smartphoneview #rcmnd_base #cntrl_area{
	width:100%;
    padding-top: 6px;
	/*zoom: 0.5;
	-moz-transform:
	scale(0.5,0.5)
	translate(-0px,-0px);*/
}
/*.cx_smartphoneview #rcmnd_base #cntrl_area #photo_area{ width: 353px;}*/
/*.cx_smartphoneview #rcmnd_base #cntrl_area #photo_area li img{ width: 100%;}*/
.cx_smartphoneview #rcmnd_base #cntrl_area #photo_area li img{ width: 353px;}
.cx_smartphoneview #rcmnd_base #cntrl_area #photo_area_l{ margin: 0 6px}
.cx_smartphoneview #rcmnd_base #cntrl_area #cntrl_left,
.cx_smartphoneview #rcmnd_base #cntrl_area #cntrl_right{
	/*zoom: 1.5;
	-moz-transform:
	scale(1.5,1.5)
	translate(0px,0px);
	top:-25%;*/
}
.cx_smartphoneview #rcmnd_base #cntrl_area #cntrl_left{ background-position: 17px 7px;}
.cx_smartphoneview #rcmnd_base #cntrl_area #cntrl_right{ background-position: -16px 7px;}

.cx_smartphoneview #rcmnd_base #cntrl_area #photo_area li p{
	width:100%;
	left:0px;
}
.cx_smartphoneview #rcmnd_base  #txt_area{
	width:100%;
	margin:0;
/*	min-height: 80px;*/
/*	height: auto !important;*/
/*	height: 80px;*/
}
.cx_smartphoneview #rcmnd_base #txt_area li{
	width:100%;
	margin:2px 0 0 0 ;
	/*visibility:hidden;*/
	float:left;
}

/*------------- これからの放送予定 -------------*/
#oa_schedule > ul{
    display: flex;
    flex-wrap: wrap;
}
#oa_schedule > ul > li{
    width:33.33%;
    flex-shrink: 0;
	border-bottom: solid 1px #ccc;
    box-sizing: border-box;
}
#oa_schedule > ul > li a{ display: block;}
#oa_schedule > ul > li a:hover{
    text-decoration: none;
    background-color: #fffaeb;
}
#oa_schedule > ul > li a:hover .btn_link{
	/*グラデーションカラー設定ここから*/
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #555555), color-stop(100%, #333333) );
	background:-moz-linear-gradient( center top, #555555 5%, #333333 100% );
	background:-ms-linear-gradient( top, #555555 5%, #333333 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333');
	background-color:#333333;
	/*グラデーションカラー設定ここまで*/
}
#oa_schedule .list_box{
	padding: 10px 0;
}
#oa_schedule .list_box dl{
	border-left: solid 1px #ccc;
	padding:0 9px;
}
/* #oa_schedule > ul > li:nth-of-type(3n),
#oa_schedule > ul > li:nth-last-of-type(1){ width: 207px;} */
#oa_schedule > ul > li:nth-of-type(3n) dl,
#oa_schedule > ul > li:nth-last-of-type(1) dl{ border-right: solid 1px #ccc;}
#oa_schedule .list_box img{ width: 100%; height: auto;}
#oa_schedule .list_box .ttl{
	font-size: 92%;
	line-height: 1.2em;
	font-weight: bold;
	color:#555;
	margin-top:6px;
}
#oa_schedule .list_box .oadate{
	font-size: 88%;
	line-height: 1.3em;
	font-weight: bold;
	color:#4293f8;
	margin:3px 0 0 0;
}

.cx_smartphoneview #oa_schedule{
	width:96%;
	padding:0 2%;
}
.cx_smartphoneview #oa_schedule > ul > li{
	width:50%;
}
.cx_smartphoneview #oa_schedule > ul > li:nth-of-type(3n){ width: 50%;}
.cx_smartphoneview #oa_schedule > ul > li:nth-of-type(3n) dl,
.cx_smartphoneview #oa_schedule > ul > li:nth-last-of-type(1) dl{ border-right: none;}
.cx_smartphoneview #oa_schedule .list_box dl{
    padding:0 5px;
	border: none;
}
.cx_smartphoneview #oa_schedule > ul > li:nth-of-type(2n+1) dl{ border-right: solid 1px #ccc;}
.cx_smartphoneview #oa_schedule .list_box .img_base{
	height:auto;
}
.cx_smartphoneview #oa_schedule .list_box img{
	width:100%;
	height:auto;
}
.cx_smartphoneview #oa_schedule .list_box .ttl{ font-size: 86%;}
.cx_smartphoneview #oa_schedule .list_box .oadate{ font-size: 83%;}


/*------------- バナーエリア -------------*/
.bnrWrap img{
    width: 100%;
    height: auto;
}
.cx_smartphoneview .bnrWrap{
    width: 96%;
    padding: 0 2%;
}

/*------------- TOPICS -------------*/
#topics{
	border: solid 1px #ccc;
    margin-top: 30px;
}
#topics > div:nth-of-type(1){
	background:url("../img/bg_topics.png") repeat-x scroll 0 0 ;
	height:28px;
}
#topics > div:nth-of-type(1) h4{
	float:left;
	font-size: 115%;  line-height: 1.6em;
	color:#FFF;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding-left: 6px;
	text-shadow: -1px -1px 2px #000;
}
#topics > div:nth-of-type(1) p{
	padding-right: 8px;
	float:right;
	font-size: 82%;
	line-height: 2.2em;
	color:#EEE;
	text-shadow: -1px -1px 1px #000;
}
#topics .article_area{
	padding: 10px;
    border-bottom: 1px dashed #aaa;
}
#topics .article_area:nth-last-of-type(1){ border-bottom: none;}
#topics .article_area .photo{
	/*width:124px;*/
    width:154px;
	height:auto;
	margin:0 7px 3px 0;
	float:left;
    box-sizing: border-box;
}
#topics .article_area dt{
/*    font-size: 94%;*/
    color: #333;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 5px;
}
#topics .article_area .detail{
    font-size: 88%;
    color: #333;
    line-height: 1.7;
}
#topics .article_area > a:hover{ text-decoration: none;}
#topics .article_area a:hover span.link,
#topics .article_area p a:hover{ text-decoration: underline;}

.cx_smartphoneview #topics{
	width:96%;
	margin: 30px 2% 0;
}
.cx_smartphoneview #topics .article_area dt{ font-size: 90%;}
.cx_smartphoneview #topics .article_area .detail{ font-size: 80%;}
.cx_smartphoneview #topics .article_area .photo{
	width:136px;
	height:auto;
	margin:0 7px 3px 0;
}
.cx_smartphoneview #topics .article_area .photo img{
	/*width:132px;*/
    width: 100%;
	height:auto;
}

/*------------- レギュラー番組・スペシャル番組 -------------*/
#regular_prgrm{ margin-top: 40px;}
#regular_prgrm > ul{
    display: flex;
    flex-wrap: wrap;
}
#regular_prgrm li{
	background-color: #b6bfd8;
	width:24.25%;
	margin:8px 1% 0 0;
	/* float:left; */
}
#regular_prgrm li:nth-of-type(4n){ margin: 8px 0 0;}
#regular_prgrm li:hover{background-color: #cbd1e3;}
#regular_prgrm li a:hover {text-decoration:none;}
#regular_prgrm dd.genre{
	background-color: #183778;
	height:22px;
	font-weight: bold;
	color: #FFF;
	font-size: 75%;
	line-height: 1.9em;
	text-align: center;
}
#regular_prgrm dd.img{
	width:auto;
	height:auto;
	margin:4px;
}
#regular_prgrm dd.img img{
    width: 100%;
    height: auto;
}
#regular_prgrm dd.oadate{
	background:url("../img/bg_regular.png") repeat scroll 0 0 ;
	/* width:128px; */
	height:20px;
	margin:0px 4px 4px 4px;
	padding: 0 4px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:none;
	color:#FFF;
	font-size: 75%; line-height: 1.8em;
	text-shadow: 0px 0px 2px #13295c;
}
#regular_prgrm dt{
	font-weight: bold;
	color: #203562;
	font-size: 82%;
	line-height: 1.2;
	margin:0 6px 3px;
}

.cx_smartphoneview #regular_prgrm{
	width:96%;
	margin-left:2%;
	margin-right:2%;
}
.cx_smartphoneview #regular_prgrm li{
	width:33%;
	margin:2% 0.5% 0 0;
}
.cx_smartphoneview #regular_prgrm li:nth-of-type(3n){ margin:2% 0 0 0;}
.cx_smartphoneview #regular_prgrm dd.img{
	width:94%;
	min-height:62px;
	margin:4px auto;
}
.cx_smartphoneview #regular_prgrm dd.img div{
	width:98%;
	background: url("../img/bg_rcmnd.png") repeat scroll 0 0 #333;
	margin:0 auto;
}
.cx_smartphoneview #regular_prgrm dd.img p{
	width:132px;
	margin:0 auto;
}
.cx_smartphoneview #regular_prgrm dt{
	width:94%;
	margin:0px auto 3px;
    font-size: 86%;
}
.cx_smartphoneview #regular_prgrm dd.oadate{
	width:90%;
	margin:0px auto 4px auto;
	padding: 3px 2%;
    font-size: 82%;
    line-height: 1.2;
    height: auto;
}

/*------------- 放送終了番組 -------------*/
#archive{ margin-bottom: 50px;}
#archive .contents_bs{ padding:0 10px;}
#archive dt{
	border-bottom: dashed 1px #aaa;
	color:#1746a6;
	font-size: 100%;
	font-weight: bold;
	margin: 10px 0;
    position: relative;
}
.cx_smartphoneview #archive dt{ margin: 5px 0 10px;}
.cx_smartphoneview #archive dt::after{
    content: "";
    display: block;
    background: url("../img/plusIcn.png") no-repeat 0 0;
    width: 20px;
    height: 20px;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition: all 200ms ease-out;
}
.cx_smartphoneview #archive dt.show::after{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: all 200ms ease-out;
}

#archive dd{
	background:url("../img/marker_archive.png") no-repeat scroll 0 0 ;
	padding-left: 12px;
	font-size: 80%; line-height: 1.1;
	margin-right: 30px;
	float:left;
	margin-bottom: 12px;
}
#archive dd a{ color: #333;}
.cx_smartphoneview #archive dd{ display: none;}
/*.cx_smartphoneview #archive{
	display: none;
}*/
.cx_smartphoneview #archive{
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 0px;
}
.cx_smartphoneview #archive .contents_bs{ padding: 5px 0 0;}

/*--------------------- 右エリア ---------------------*/

/*------------- レクタングル -------------*/
#rectBnr{
    height: 250px;
	margin-top: 24px;
    background-color: #e7e7e7;
}
.cx_smartphoneview #rectBnr{ display: none;}

/*------------- オススメ動画 -------------*/
#movie_rcm{ margin: 30px 0 0;}
#movie_rcm p{
	/*background:url("../img/bg_rcmnd.png") repeat scroll 0 0 ;
	background-color: #000b23;*/
	padding:5px 7px;
    color: #555;
    font-weight: bold;
    font-size: 88%;
}
#movie_rcm .cx_video_player{
	display:block;
	background-color: #333;
    position: relative;
}
#movie_rcm .cx_video_player img{ width:100%; height:auto;}
#movie_rcm .cx_video_player::after{
    content: "";
    display: block;
    background: url("../img/playIcn.png") no-repeat 0 0;
    background-color: rgba(0,0,0,0.3);
    width: 46px;
    height: 46px;
    position: absolute;
    bottom: 6px;
    right: 6px;
    background-size: contain;
    border: solid 4px rgba(255,255,255,0.7);
    border-radius: 50%;
}
#movie_rcm .cx_video_player:hover::after{
    border: solid 4px rgba(255,255,255,1.0);
    background-color: rgba(0,0,0,0.5);
}

/*------------- 更新情報 -------------*/
#update_box_l{ margin-top: 40px;}
#update_box p{
	font-size: 80%;
	line-height: 1.3em;
	float:left;
}
#update_box ul li{
	padding: 6px 0;
	border-bottom: dashed 1px #aaa;
	clear:both;
}
#update_box ul li p.marker{
	width:15px;
	color:#eeb249;
}
#update_box p.txt_news{
	width:335px;
}
#update_box p a:link { color:#333333; text-decoration:none;}
#update_box p a:visited { color:#444444; text-decoration:none;}
#update_box p a:hover { color:#333333; text-decoration:underline;}
#update_box p a:active { color:#333333; text-decoration:none;}
.cx_smartphoneview #update_box p.txt_news{
	width:94%;
}
/*------------- プレゼント・募集 -------------*/
#present{ margin-top: 40px;}
#present_box dl dt{
	padding: 10px 0 6px 0;
	color:#4293f8;
    font-size: 94%;
    line-height: 1.4;
	font-weight: bold;
}
#present_box dl dt::before{
    content: "■";
    color:#eeb249;
}
.present_subttl{
	color:#333;
    font-size: 86%;
    line-height: 1.4;
	font-weight: bold;
}
#present_box dl dd{
	border-bottom: dashed 1px #aaa;
	padding: 0 0 10px 0;
}
#present_box dl dd p.txt_present{
	padding: 0 0 6px 0;
    font-size: 82%;
    line-height: 1.4;
    color: #333;
}
#present_box dl dd p.txt_present_a{
	padding: 10px 0 0 0;
}
#present_box .btn_base{
    font-size: 86%;
    height: 26px;
    line-height: 26px;
}
#present_box a:hover{ text-decoration: none;}
#present_box a:hover dl dt{ text-decoration: underline;}
#present_box a:hover .btn_link{
	/*グラデーションカラー設定ここから*/
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #555555), color-stop(100%, #333333) );
	background:-moz-linear-gradient( center top, #555555 5%, #333333 100% );
	background:-ms-linear-gradient( top, #555555 5%, #333333 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333');
	background-color:#333333;
	/*グラデーションカラー設定ここまで*/
}

/*------------- Twitterタイムライン -------------*/
#sport_tw{ margin-top: 40px;}
/*#sport_tw .contents_bs > div{
    border: solid 1px #ccc;
}*/


/*------------- SNSアカウント一覧 -------------*/
#sns_acount{ margin-top: 40px;}
/* #acount_list .list_left{
	width:167px;
	min-height: 65px;
	height: auto !important;
	height: 65px;
	padding:8px 8px 0 0;
	border-right: dashed 1px #aaa;
	border-bottom: dashed 1px #aaa;
	float:left;
}
#acount_list .list_right{
	width:166px;
	min-height: 65px;
	height: auto !important;
	height: 65px;
	padding:8px 0 0 8px;
	border-bottom: dashed 1px #aaa;
	float:left;
} */
#account_list > ul{
    display: flex;
    flex-wrap: wrap;
}
#account_list > ul > li{
    flex-shrink: 0;
    width: 50%;
    box-sizing: border-box;
	border-bottom: dashed 1px #aaa;
    padding: 0.7em 0 0.4em;
}
#account_list > ul > li:nth-of-type(2n+1){
	border-right: dashed 1px #aaa;
    padding-right: 0.5em;
}
#account_list > ul > li:nth-of-type(2n){ padding-left: 0.5em;}
#account_list dt{
	font-size: 88%;
	color:#555555;
	font-weight: bold;
	line-height: 1.2em;
    margin-bottom: 0.3em;
}
/*#acount_list .title a:link { color:#555555; text-decoration:none; font-weight:bold;}
#acount_list .title a:visited { color:#555555; text-decoration:none;}
#acount_list .title a:hover { color:#222222; text-decoration:underline;}
#acount_list .title a:active { color:#222222; text-decoration:none;}
#acount_list .naiyou{
	display:none;
}*/
#acount_list .lineQr{
	display:none;
	left: -34px;
	position: absolute;
	top: -106px;
	width: 90px;
}
#acount_list .lineQr img{
	background: none repeat scroll 0 0 #333;
	box-shadow: 0 1px 3px #333;
	height: 90px;
	margin-right: 5px;
	overflow: visible;
	padding: 5px;
}
#acount_list .lineQr span{
	background: none repeat scroll 0 0 #333;
	bottom: -4px;
	height: 8px;
	left: 50%;
	position: absolute;
	transform: rotate(-45deg);
	width: 8px;
}
#account_list .iconSns{
	/* background: url("../img/sns_icn_off.png") no-repeat 0px 0px; */
	padding: 0;
	/* height: 29px; */
	position: relative;
}
/*.cx_smartphoneview #account_list .iconSns{
    height: 30px;
    background-size: contain;
}*/
#account_list .iconSns > ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#account_list .iconSns > ul li{
    width: 30px; height: auto;
    margin-bottom: 0.3em;
}
#account_list .iconSns img{
    width: 100%;
    height: auto;
}
.cx_smartphoneview #account_list .iconSns > ul{ justify-content: flex-start;}
.cx_smartphoneview #account_list .iconSns > ul li{ width: 20%; margin-right: 3%;}
.cx_smartphoneview #account_list .iconSns > ul::after{
    content: "";
    display: block;
    width: 48%;
}

/* #account_list .iconSns .twitter{
	position:absolute;
	top:0;
	left:0px;
}
#account_list .iconSns .facebook{
	position:absolute;
	top:0;
	left:34px;
}
#account_list .iconSns .line{
	position:absolute;
	top:0;
	left:68px;
}
#account_list .iconSns .instagram{
	position:absolute;
	top:0;
	left:102px;
}
#account_list .iconSns .tiktok{
	position:absolute;
	top:0;
	left:136px;
    background-color: #000;
    border-radius: 3px;
} */
/*.cx_smartphoneview #account_list .iconSns .facebook{ left: 35px;}
.cx_smartphoneview #account_list .iconSns .line{ left: 70px;}
.cx_smartphoneview #account_list .iconSns .instagram{ left: 105px;}
.cx_smartphoneview #account_list .iconSns .tiktok{ left: 140px;}*/

/* .cx_smartphoneview #acount_list .list_left{
	width:100%;
	min-height: 10px;
	height: auto !important;
	height: 10px;
	padding:4px 0 0 0;
	border-right: none;
	border-bottom: dashed 1px #aaa;
	clear:both;
}
.cx_smartphoneview #acount_list .list_right{
	width:100%;
	min-height: 10px;
	height: auto !important;
	height: 10px;
	padding:4px 0 0 0;
	border-right: none;
	border-bottom: dashed 1px #aaa;
	clear:both;
}
.cx_smartphoneview .iconBox{
	width:63px;
	height:63px;
	float:left;
	margin:0 5px 0 0;
	border:solid 1px #9d9d9d;
}
.cx_smartphoneview .iconBox img{
	width:63px;
	height:63px;
}
.cx_smartphoneview .rightArea{
	float:left;
}
.cx_smartphoneview #acount_list .title{
	margin-bottom: 3px
} */

/*------------- 関連コンテンツ -------------*/
#contents_links{ margin-top: 40px;}
#contents_links a:hover{text-decoration: none;}
#contents_links dl{
	margin-bottom: 5px;
	padding:5px 5px 2px 5px;
	color:#FFF;
	/*グラデーションカラー設定ここから*/
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0%, #1e4087), color-stop(100%, #112c65) );
	background:-moz-linear-gradient( center top, #1e4087 0%, #112c65 100% );
	background:-ms-linear-gradient( top, #1e4087 0%, #112c65 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e4087', endColorstr='#112c65');
	background-color:#112c65;
	/*グラデーションカラー設定ここまで*/
}
#contents_links dl:hover{
	/*グラデーションカラー設定ここから*/
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0%, #194cb8), color-stop(100%, #183779) );
	background:-moz-linear-gradient( center top, #194cb8 0%, #183779 100% );
	background:-ms-linear-gradient( top, #194cb8 0%, #183779 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#194cb8', endColorstr='#183779');
	background-color:#183779;
	/*グラデーションカラー設定ここまで*/
}
#contents_links dt{
	width:120px;
	height:76px;
	float:left;
	margin: 0 8px 3px 0
}
#contents_links dd.ttl{
	font-weight: bold;
	font-size: 80%;
	line-height: 1.2em;
	margin: 3px 0 8px 0;
}
#contents_links dd.txt{
	font-size: 75%;
	line-height: 1.3em;
	color:#dae1f6;
}
img.kanrenbnr{
	width:100%;
	max-width: 100%;
	height: auto;
}
/*---------------フッター---------------*/
#ftr{
	border-top:solid 1px #9d9d9d;
    margin:auto;
    padding: 15px 0 15px;
    text-align: center;
    background-color: #FFF;
    font-size: 63%;
    line-height: 1.5em;
}
#copyright {
    color: #666;
    margin: 5px auto 0px auto;
    text-align: center;
    width: 100%;
}
.cx_smartphoneview #ftr{
	text-align: left;
	width:98%;
	padding: 10px 1% 10px;
}

/*---------------ページトップボタン---------------*/
#page-top {
    bottom: 40px;
    position: fixed;
    right: 0;
    font-size: 75%;
    line-height: 133%;
}
#page-top a {
    background: none repeat scroll 0 0 #684747;
    border-radius: 22px 0 0 22px;
    color: #fff;
    display: block;
    height: 42px;
    line-height: 42px;
    opacity: 0.7;
    overflow: hidden;
    padding-left: 26px;
    position: relative;
    width: 158px;
}
#page-top a span {
	background: url("/images/gt_sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-position: -600px -198px;
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    width: 22px;
}

.cx_smartphoneview #page-top a span{
	background:url("/images/gt_sprite_sp.png") no-repeat;
	-webkit-background-size: 60px 250px;
	-moz-background-size: 60px 250px;
	background-size: 60px 250px;
}
.cx_smartphoneview #page-top { position: fixed; bottom: 40px; right: 0; }
.cx_smartphoneview #page-top a {
	background:#684747;
	text-decoration: none;
	width: 26px;
	height: 32px;
	overflow:hidden;
	padding-left: 16px;
	color: #fff;
	line-height: 42px;
	display: block;
	-webkit-border-radius: 22px 0 0 22px;
	-moz-border-radius: 22px 0 0 22px;
	border-radius: 22px 0 0 22px;
	opacity: 0.8;
}
.cx_smartphoneview #page-top a span {
	width: 24px; height: 26px; display: inline-block; background-position: 0 -212px; vertical-align: middle;}