@charset "UTF-8";

body{
	background:	#fff;
	}


/* ヘッダー
--------------------------------------------------------- */
header	{
	width:	100%;
	background:	#ff0000;
}

#header_inner	{
	width:	960px;
	margin:	0 auto;
	padding:	0 0 20px 0;
	text-align:	center;
}

header h1 img	{
	width:	420px;
	height:	auto;
	margin:	0 auto;
	padding:	20px 0 10px 0;
}

header h2	{
	margin:	0 0 15px 0;
	color:	#fff;
	font-size:	12px;
}

header ul.sharebtn	{
	clear:both;
	display:	inline-block;
	overflow:	hidden;
	height:	20px;
}

header ul.sharebtn li	{
	float: left;
	padding-left: 10px;
}

header h3.cd_msg	{
	position: absolute;
	clear:	both;
	display:	inline;
	color:	#ff0000;
	background:	#fff;
	top:	245px;
	left:	228px;
	padding:	5px 10px;
}

/********** アーカイブ **********/
#archive_area	{
	overflow:	hidden;
	margin:	0 0 30px 0;
}

#archive_area a	{
	color:	#000;
}

#archive_area section	{
	box-sizing:border-box;
	float:	left;
	width:	48%;
	margin:	0 2% 2% 0;
	padding:	2em 1.2em 0 1.2em;
	border:	1px dotted #ff0000;
}

#archive_area a:hover section	{
	background:	#fbd0d0;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}


#archive_area a section h3	{
	font-size:	14px;
	
}

#archive_area a section p	{
	font-size:	12px;
}

.leftCont .boxTit.archiveTit {
	margin: 12px 0 30px 0;
	background: url(../img/index_icon_archive.png) left top/52px 52px no-repeat;
	height: 52px;
	padding: 0 0 0 64px;
}

#archive_area span.arrow	{
	color:	#ff0000;
	padding:	0 15px 0 0;
	background: url(../img/icon_arrow.png) right center no-repeat;
	background-size:	6px 8px;
}


/* アーカイブ - 各種タイトル */

.Tit_jimbocho h3	{
	margin: 12px 0 30px 0;
	background: url(../img/index_icon_jimbocho.png) left top/52px 52px no-repeat;
	padding: 0 0 0 64px;	
}

.Tit_dainippon h3	{
	margin: 12px 0 30px 0;
	background: url(../img/index_icon_archive.png) left top/52px 52px no-repeat;
	padding: 0 0 0 64px;	
}

.Tit_home h3	{
	margin: 12px 0 30px 0;
	background: url(../img/index_icon_home.png) left top/52px 52px no-repeat;
	padding: 0 0 0 64px;	
}




/* アーカイブ - 放送内容 */
article.prg_txt	{
	width:	600px;
	margin:	30px 0 0 85px;
}

article.prg_txt h2	{
	margin: 55px 0 30px 0 !important;
	padding: 6px 6px !important;
	color: #000 !important;
	font-size: 22px !important;
	border-top: 1px dotted #ff0000;
	border-bottom: 1px dotted #ff0000;
	background: #fff !important;
	display: block !important;
	float: none !important;
	line-height: normal !important;
}

article.prg_txt h3	{
	font-size:	18px;
	font-weight:	bold;
}

article.prg_txt section	{
	margin:	0 0 50px 0;
}


/* アーカイブ -プレイリスト */

h3.playlist	{
	border-bottom:	1px solid #ccc;
}





/********** 安部礼司とは **********/
.leftCont .boxTit.aboutTit {
	margin: 12px 0 30px 0;
	background: url(../img/index_icon_about.png) left top/52px 52px no-repeat;
	height: 52px;
	padding: 0 0 0 64px;
}

.about_area section.ct1	{
	overflow:	hidden;
	width:	600px;
	margin:	50px auto;
}


.about_area section.ct2	{
	overflow:	hidden;
	width:	600px;
	margin:	50px auto 60px auto;
}

.about_area h3	{
	margin:	0 0 20px 0;
	padding:	0 0.2em;
	font-size:	22px;
	border-bottom:	1px solid #000;
}

.about_area h3 span	{
	margin:	0 0 0 2.0em;
	color:	#ff0000;
	font-size:	14px;
}


img.untoldstory_tit	{
	width:	350px;
	height:	auto;
	margin:	40px 0 10px 0;
}


div.aboutSec1 {width:180px;margin:	0 auto;}
div.aboutSec1 div.abeFig {width: 200px}
div.aboutSec1 div.abeFig img {width:200px; height:auto;}
div.aboutSec1 div.abeFig div.abeSpecFrm { margin: 15px 0 0 6px; background-color: #eee; border-radius: 5px; padding: 5px 12px 8px; display: inline-block; min-width: 190px; }
div.aboutSec1 div.abeFig div.abeSpecFrm dl { line-height: 1.25; }
div.aboutSec1 div.abeFig div.abeSpecFrm dl dt { float: left; text-align: right; width: 6em; padding-top: 5px; letter-spacing: 0; }
div.aboutSec1 div.abeFig div.abeSpecFrm dl dd { margin-left: 7.5em; padding-top: 5px; }
div.aboutSec1 div.sec1cont { float: right; width: 490px; }
div.aboutSec1 div.sec1cont p.sec1txt { margin-top: 20px; }
div.aboutSec1 div.sec1cont p.sec1bTit { margin-top: 60px; }


/* ----- 安部礼司とは - 知られたくない過去 ----- */
div.leadArea { padding-top: 50px; }
div.leadArea p.untoldLead { padding: 30px 0 0 103px; }

div.untoldContWrap { width: 828px; margin: 0 auto; }

div.titLeft { float: left; width: 270px; background-color: red; border-radius: 7px; }
div.titRight { float: right; width: 270px; background-color: red; border-radius: 7px; }
div.contLeft { float: left; width: 500px; }
div.contRight { float: right; width: 500px; }
p.titTxt { padding-top: 40px; text-align: center; }
div.titSec1 { background: red url(../img/untoldstory_sec01_fig.png) center center no-repeat; }
div.titSec2 { background: red url(../img/untoldstory_sec02_fig.png) center center no-repeat; }
div.titSec3 { background: red url(../img/untoldstory_sec03_fig.png) center center no-repeat; }
div.titSec4 { background: red url(../img/untoldstory_sec04_fig.png) center center no-repeat; }

.subsecs li{}
.subsecs li div.subtitFrm {border-bottom: dashed 1px #ccc;}
.subsecs li div.subtitFrm div.pointFrm { float: left; padding-top: 2px; }
.subsecs li div.subtitFrm div.pointFrm p { background-color: red; padding: 3px 5px 2px; line-height: 1; }
.subsecs li div.subtitFrm p.subtit { float: left; padding-left: 12px;font-size:16px;}
x.subsecs li p.textFrm { padding-top: 0; }



/********** キャスト／スタッフ **********/
.cast_area	{
	overflow:	hidden;
	margin:	50px 0;
}

.cast_area h3	{
	margin:	0 0 20px 0;
	padding:	0 0.2em;
	font-size:	22px;
	border-bottom:	1px solid #000;
}

.cast_area h3 span	{
	margin:	0 0 0 2.0em;
	color:	#ff0000;
	font-size:	14px;
}

.cast_area a:link,.cast_area a:visited	{
	color:	#000;
}

.cast_area dl	{
	display:	block;
	overflow:	hidden;
	margin:	0 15px 10px 0;
}

.cast_area.cat1 dl	{
	float:	left;
}

.cast_area.cat2 dl	{
	clear:	both;
	margin:	0 0 20px 0;
}

.cast_area dt	{
	float:	left;
	clear:	left;
	color:	#fb9090;
	text-align:	right;
}

.cast_area.cat1 dt	{
	width:115px;
}

.cast_area.cat2 dt	{
	width:290px;
}

.cast_area dd	{
	float:	left;
	margin:	0 0 0 15px;
	width:210px;
}

.cast_area.cat1 dd	{
	width:310px;
}

.cast_area.cat2 dd	{
	width:370px;
}



/* =========================================================
	media queries for tablet
========================================================= */
@media only screen and (max-width : 960px){

#header_inner	{
	width:	100%;
}

/********** アーカイブ **********/
#archive_area a section	{
	clear:	left;
	width:	100%;
	margin:	0 auto 15px auto;
	padding:	2em 1.2em 0 1.2em;
}

/* アーカイブ…放送内容 */
article.prg_txt	{
	width:	80%;
	margin:	0px auto;
}

article.prg_txt h2	{
	font-size:	20px;
}

article.prg_txt h3	{
	font-size:	16px;
}

article.prg_txt section	{
	margin:	0 0 40px 0;
}


/********** キャスト／スタッフ **********/
.cast_area.cat2 dt	{
	width:260px;
}

.cast_area.cat2 dd	{
	width:320px;
}


}



/* =========================================================
	media queries for smartphone
========================================================= */
@media only screen and (max-width : 640px){

#header_inner	{
	width:	100%;
	height:	auto;
	padding:	0 0 20px 0;
}

header h1 img	{
	width: 95%;
	height:	auto;
	margin:	0 auto;
	padding: 50px 0 20px 0;
}


/********** アーカイブ **********/
#archive_area a:hover section	{
	background:	none;
}

/* アーカイブ…放送内容 */
article.prg_txt	{
	width: 95%;
}

article.prg_txt h2	{
	font-size: 18px !important;
}

article.prg_txt h3	{
	font-size: 16px;
}

article.prg_txt section	{
	margin:	0 0 50px 0;
}


/********** 安部礼司とは **********/
.about_area section.ct1	{
	overflow:	hidden;
	width:	95%;
	margin:	50px auto;
}

.about_area section.ct2	{
	width:	95%;
	margin:	50px auto 80px auto;
}

.about_area h3	{
	margin:	0 0 20px 0;
	font-size: 16px;
	text-align:	center;
}

.about_area h3 span	{
	margin:	0;
	font-size: 12px;
}

img.untoldstory_tit	{
	width: 100%;
	height:	auto;
	margin:	40px 0 10px 0;
}



/********** キャスト／スタッフ **********/
.cast_area	{
	margin:	30px 0;
}

.cast_area h3	{
	margin:	0 0 20px 0;
	font-size: 16px;
	text-align:	center;
}

.cast_area h3 span	{
	margin:	0;
	font-size: 12px;
}

.cast_area dl	{
	display: block;
	overflow: hidden;
	margin:	0 0 30px 0;
}

.cast_area.cat1 dl	{
	clear:	both;
}

.cast_area.cat2 dl	{
	clear: both;
	margin:	0 0 50px 0;
}

.cast_area dt	{
	clear: both;
	text-align:	center;
	font-size: 14px;
}

.cast_area.cat1 dt	{
	width: 100%;
	padding: 0 0 5px 0;
}

.cast_area.cat2 dt	{
	width: 100%;
	padding: 0 0 5px 0;
}

.cast_area dd	{
	clear: both;
	margin:	0;
	width: 100%;
	text-align:	center;
	font-size: 18px;
}

.cast_area.cat1 dd	{
	width: 100%;
	padding: 0 0 20px 0;
}

.cast_area.cat2 dd	{
	width: 100%;
}



}