/* @override http://nb.kago.net/cstbsnews/css_rw/lineupBaseball.css */

ul,ol,dl,dt,dd{
	margin: 0;
	padding: 0;
	list-style: none;
}

/* MAIN VISUAL ----------------------------------- */
#mainVisual{
	width:100%;
	height: 174px;
	background: #060729 url(../img_rw/headerBG.jpg) no-repeat right center;
	background-size: 500px 174px;
	overflow:hidden;
}
#mvImage{
	display:block;
	max-width:320px;
	margin:56px 0 0 50px;
}




/* LEAD ----------------------------------- */
#lead{
	position:relative;
	padding: 35px 0 10px;
	background:#fff;
	border-bottom:solid 5px #fff;
	text-align:center;
}
#lead div.inner p {
	margin-bottom: 15px;
	white-space: nowrap;
}

#mediaList{
	margin:30px 0;
}
/*
#mediaList li{
	display: inline-block;
	width: 160px;
	height: 160px;
	margin-top: 0;
	margin-right: 38px;
	margin-left: 0;
	margin-bottom: 0;
	border-radius: 100px;
	background: url(../img_rw/top/partsAbout.png) no-repeat;
	-webkit-background-size: auto 160px;
	-moz-background-size: auto 160px;
	-o-background-size: auto 160px;
	-ms-background-size: auto 160px;
	background-size: auto 160px;
	overflow: hidden;
}
#mediaList li:last-child{margin:0;}
#mediaList .option01{background-position:0px 0px;}
#mediaList .option02{background-position:-160px 0px;}
#mediaList .option03{
	text-indent:-100em;
	background-position:-320px 0px;
}
#mediaList .option04{background-position:-480px 0px;}
#mediaList .option05{background-position:-640px 0px;}
*/


#mediaList li{
	display: inline-block;
	width: 188px;
	height: 68.7px;
	margin-top: 0;
	margin-right: 3px;
	margin-left: 0;
	margin-bottom: 0;
	background: url(../img_rw/top/partsAbout.png) no-repeat;
	-webkit-background-size: auto 188px;
	-moz-background-size: auto 188px;
	-o-background-size: auto 188px;
	-ms-background-size: auto 188px;
	background-size: auto 68.7px;
	overflow: hidden;
}
#mediaList li:last-child{margin:0;}
#mediaList .option01{background-position:0px 0px;}
#mediaList .option02{background-position:-188px 0px;}
#mediaList .option03{background-position:-376px 0px;}
#mediaList .option04{background-position:-564px 0px;}
#mediaList .option05{background-position:-752px 0px;}
#mediaList li a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-100em;
}
#mediaList li a:hover{
	background:rgba(255,255,255,0.25);
}




/* TABLE ----------------------------------- */
#theList{
	padding:10px 0 100px 0;
	background:#ededed url(../img_rw/bgGray.png) repeat 50% 0px;
}
.theListLead{
	text-align: center;
}
h2.theListLead img{
	display: block;
	margin: auto;
}

/* NAV 大沢さんソース*/
#tableNav{
	margin-top: 20px;
	border: solid #ccc;
	border-width: 0 1px 1px 0;
}
#tableNav a{
	float: left;
	display: block;
	width: 150px;
	height: 57px;
	padding: 5px;
	background: #fff;
	border: solid #ccc;
	border-width: 1px 0 0 1px;
	color: #666;
	font-size: 10px;
}
#tableNav.listOrange a:hover{
	background: #fef1e4;
}
#tableNav.listGreen a:hover{
	background: #edfce3;
}
#tableNav a.is-nolink,
#tableNav a.is-nolink:hover{
	background: #e5e5e5;
}
#tableNav a .areaTitle{
	display: block;
	font-size: 14px;
	line-height: 1.5;
}
#tableNav a small{
	display: inline-block;
	margin: 0 -0.25em;
}

#tableNav a:nth-child(6n){
	width: 163px;
}

/* TABLE */
#theList h2{
	margin: 0;
	padding:40px 0 5px 0;
	font-size:18px;
}

#theList .table dl{
	background:#fff;
	border: solid #ccc;
	border-width: 0 1px 1px 0;
	font-size:12px;
}

#theList .table dt{
	background:#444444;
	color: #fff;
}
#theList .table dt li{
	text-align: center;
}

#theList .table dd{
	border: solid #ccc;
	border-width: 0 0 0 1px;
}
#theList .table dd:nth-child(2n){
	background: #f6f6f6;
}

#theList .table ul::after{
	content:"";
	display:block;
	height:0;
	float:none;
	clear:both;
}
#theList .table li{
	float: left;
	display: block;
	height: 100%;
	padding: 10px;
}
li.station, li.phone, li.area{
	border-left: solid #ccc 1px;
}
li.prefecture{
	width:80px;
	text-align: center;
}
li.station{
	width:270px;
}
li.phone{
	width:110px;
}
li.area{
	width:435px;
}


/* 201812 custum */
.txtOrange {
	color: #f77700;
}
.txtGreen {
	color: #61B02C;
}
#tableNav .is-nolink {
	color: #c2c2c2;
}



/* SP ----------------------------------- */
@media screen and (max-width:767px){
	/* MAIN VISUAL ----------------------------------- */
	#mainVisual{
		height: 87px;
		background-size: auto 87px;
	}
	#mvImage{
		display:block;
		width: 60%;
		max-width:250px;
		margin:29px 0 0 10px;
	}
	
	#lead {
		padding: 25px 0 10px 0;
	}
	#lead div.inner p {
		text-align: left;
		font-size: 14px;
		white-space: normal;
	}
	
	#mediaList{
	    width:100%;
		margin:25px auto 15px auto;
		text-align:center;
        overflow:hidden;
	}
	#mediaList li{
		display:inline-block;
		width:49%;
		height:53px;
        float: left;
		margin-bottom:15px;
	}
    #mediaList li:first-child{width:100%;}
  	#mediaList li:nth-child(3),
    #mediaList li:last-child{
        float:right;
        margin-right: 0;
    }
    #mediaList .option01{
        background:#0099FD url(../img_rw/top/txt_cable_sukapa.gif) no-repeat center center;
        background-size: auto 70%;
        overflow:hidden;
        box-shadow: 0 6px 0 0 #007bcd;
    }
    #mediaList .option02{
        background:#ff7700 url(../img_rw/top/txt_cable_jcom.gif) no-repeat center center;
        background-size: auto 70%;
        overflow:hidden;
        box-shadow: 0 6px 0 0 #cc5f00;
    }
    #mediaList .option03{
        background:#61b02c url(../img_rw/top/txt_cable_cabletv.gif) no-repeat center center;
        background-size: auto 70%;
        overflow:hidden;
        box-shadow: 0 6px 0 0 #457d1f;
    }
    #mediaList .option04{
        background:#21a0db url(../img_rw/top/txt_cable_hikaritv.gif) no-repeat center center;
        background-size: auto 70%;
        overflow:hidden;
        box-shadow: 0 6px 0 0 #197ba8;
    }
    #mediaList .option05{
        background:#0076ff url(../img_rw/top/txt_cable_TBSNEWS.gif) no-repeat center center;
        background-size: auto 70%;
        overflow:hidden;
        box-shadow: 0 6px 0 0 #005ecc;
    }
  
  
  
	#mediaList li a{
		display:block;
		width:100%;
		height:100%;
		text-indent:-100em;
	}
	#mediaList li a:hover{
		background:rgba(255,255,255,0.25);
	}
	
	
	/* TABLE ----------------------------------- */
	#theList{
		padding:0 0 80px 0;
	}
	h2.theListLead{
		padding:20px 0 0 0;
		text-align: center;
	}
	p.theListLead{
		text-align: left;
		font-size: 14px;
	}
	
	/* NAV */
	#tableNav{
		width: 284px;
		width: -webkit-calc(100%);
		width: calc(100%);
	}
	#tableNav a{
		width: 131px !important;
		width: -webkit-calc(50% - 11px) !important;
		width: calc(50% - 11px) !important;
		height: 60px;
		font-size: 12px;
		line-height: 1.5;
	}
	#tableNav a areaTitle{
		padding-bottom: 2px;
		font-size: 16px;
	}
	
	/* TABLE */
	#theList h2{
		padding:30px 0 5px 2px;
		font-size:22px;
	}

	#theList .table dl{
		border-top: solid #ccc 1px;
		font-size:12px;
	}

	#theList .table dt{
		display: none;
	}

	#theList .table ul{
		padding: 10px 0;
	}
	#theList .table ul::after{
		display:none;
	}
	#theList .table li{
		float: none;
		width: auto !important;
		padding: 2px 10px;
		line-height: 1.5;
	}
	li.station, li.phone, li.area{
		border-left: none;
	}
	li.prefecture{
		text-align: left;
	}
	li.prefecture::before{
		content: "都道府県：";
		font-weight: 900;
	}
	li.station::before{
		content: "ケーブル局名：";
		font-weight: 900;
	}
	li.phone::before{
		content: "電話番号：";
		font-weight: 900;
	}
	li.area::before{
		content: "対象エリア：";
		font-weight: 900;
	}
	
	
}

@media screen and (max-width:359px){
	#table .inner{
		margin:0;
	}
	#mediaList{
		width:100%;
		margin:22px 0 10px 0;
	}
}