@charset "utf-8";

.forSP { display: none; }
.breakPC { display: block; }

/* 全体 ============================== */
body { background-color: red; }
.container { min-width: 1012px; padding: 0 8px; box-sizing: border-box; }
.wrapper { width: 980px; margin: 0 auto; }

a.icon { padding: 2px 18px 2px 5px; position: relative; border-radius: 3px; }
a.icon:active { color: black; }
a.icon:hover { background-color: #f2f2f2; }
a.icon::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 3px;
	height: 7px;
	width: 9px;
	margin-top: -4px;
	background: url(../images/index_icon_arrow.png) center center/contain no-repeat;
}

/* ボタン */
a.redBoxBtn {
	display: inline-block;
	border: solid 1px red;
	padding: 10px 35px 10px 15px;
	text-decoration: none;
	font-weight: 300;
	font-size: 108%;
	letter-spacing: 0.05em;
	background-color: white;
	position: relative;
}
a.redBoxBtn:hover { background-color: red; color: white; }
a.redBoxBtn::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 13px;
	height: 16px;
	width: 16px;
	margin-top: -8px;
	background: url(../images_cmn/icon_arrow_r.png) center center/contain no-repeat;
	z-index: 10;
}
a.redBoxBtnS {
	padding: 5px 30px 5px 10px;
}





/* ヘッダ ============================== */
header { padding: 20px 0 0; position: relative; }
header ul.topShareBtns { position: absolute; bottom: 0; right: 0; }
header ul.topShareBtns li { float: right; padding-left: 10px; }
header p.headLogo { float: left; width: 480px; }
header p.headLogo img { width: 100%; height: auto; }
header p.tagline{ float: left; padding: 8px 0 0 50px; line-height: 1.8; letter-spacing: 0.05em; }
header a.aboutBtn {
	float: right;
	display: block;
	width: 262px;
	height: 66px;
	overflow: hidden;
	color: white;
	text-decoration: none;
	margin-top: 12px;
	padding: 12px 5px 0 10px;
	box-sizing: border-box;
	position: relative;
}
header a.aboutBtn .jpn { display: block; font-weight: 300; letter-spacing: 0.1em; margin-left: -0.5em; }
header a.aboutBtn .eng { display: block; margin-top: 10px; letter-spacing: 0.1em; }
header a.aboutBtn.btnArrow::after { right: 5px; }
header a.aboutBtn:hover { background-color: white; }
header a.aboutBtn:hover .jpn { color: black;}
header a.aboutBtn:hover .eng { color: red; }
header a.aboutBtn.btnArrow:hover::after { background-image: url(../images_cmn/icon_arrow_r.png); }



/* 枠／ボタン飾り */
p.corner { position: absolute; width: 8px; height: 8px; box-sizing: border-box; }
p.cornerLT { left: 0; top: 0; border-left: solid 1px white; border-top: solid 1px white; }
p.cornerRT { right: 0; top: 0; border-right: solid 1px white; border-top: solid 1px white; }
p.cornerLB { left: 0; bottom: 0; border-left: solid 1px white; border-bottom: solid 1px white; }
p.cornerRB { right: 0; bottom: 0; border-right: solid 1px white; border-bottom: solid 1px white; }





/* コンテンツ ============================== */
.charasArea { margin-top: 20px; padding: 0 16px; text-align: right; }
.charasArea p.charas { display: inline-block; width: 330px; }
.charasArea p.charas img { width: 100%; height: auto; }

main { background-color: white; min-width: 996px; }



/* メインカラム */
.contents .leftCont { float: left; width: 770px; }
.contents .leftCont .abesec { margin-top: 30px; }

.leftCont .leftClm500 { float: left; width: 500px; }
.leftCont .rightClm250 { float: right; width: 250px; }
.leftCont .leftClm375 { float: left; width: 375px; }
.leftCont .rightClm375 { float: right; width: 375px; }



/* 共通パーツ */
.boxline { border: solid 1px #ccc; }
.boxNew { background: url(../images/index_new.gif) right top no-repeat; }

.leftCont .boxTit { 
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}
.leftCont .boxTit .titJpn { margin-top: 6px; font-weight: 300; font-size: 160%; letter-spacing: 0.2em; }
.leftCont .boxTit .titEng { margin-top: 8px; font-family: 'Asap', sans-serif; font-weight: 700; font-size: 80%; letter-spacing: 0.1em; color: red; }
.leftCont .boxTit .update { 
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	border: solid 1px #999;
	color: #777;
	padding: 3px 5px;
	font-weight: 300;
	font-size: 80%;
	text-align: right;
	line-height: 1.1;
}

/* ベルト */
div.beltB { background: url(../images/index_bg_black.gif) 0 0; height: 6px; line-height: 0; font-size: 0; }
div.beltR { background: url(../images/index_bg_red.gif) 0 0; height: 6px; line-height: 0; font-size: 0; }
div.beltG { background: url(../images/index_bg_gray.gif) 0 0; height: 6px; line-height: 0; font-size: 0; }

/* 放送日／更新日 */
div.boxline div.boxhead { line-height: 1; }
div.boxline div.boxhead div.headSubtit { float: left; color: white; }
div.boxline div.boxhead div.headSubtit p { padding: 4px 5px 3px; }
div.boxline div.boxhead div.headSubtit p.redbg { background-color: red; }
div.boxline div.boxhead div.headSubtit p.blkbg { background-color: black; }
div.boxline div.boxhead div.headUpdate { float: right; padding: 10px 10px 0 0; color: #999; }
div.boxline div.boxCont { padding: 10px; }

div.boxline .boxLink { margin: 0 10px; padding: 10px 0; border-top: dashed 1px #ccc; text-align: right; }



/* 次回予告 */
.leftCont .boxTit.nextTit {
	margin-top: 12px;
	background: url(../images/index_icon_next.png) left top/52px 52px no-repeat;
	height: 52px;
	padding: 0 0 0 64px;
}
.leftCont .abesec img.nextTit { margin-top: 13px; }
.leftCont .abesec .nextBox { margin-top: 8px; min-height: 264px; }
.leftCont .abesec .nextBox .nextCont { float: left; padding-left:5px; width: 410px; line-height: 1.6; }
.leftCont .abesec .nextBox .nexSummary { margin-top: 5px; }
.leftCont .abesec .nextBox img.nextAbe { float: right; }

.soundTrailer { margin: 0 10px; padding: 10px 5px; border-top: dashed 1px #ccc; }
.soundTrailer p.stTit { font-family: 'Asap', sans-serif; font-weight: 700; font-size: 80%; letter-spacing: 0.1em; color: red; }
.soundTrailer div.player { margin-top: 8px; }
.soundTrailer audio { display: none; }


/* ブログ */
.leftCont .boxTit.blogTit {
	margin-top: 12px;
	background: url(../images/index_icon_blog.png) left top/52px 52px no-repeat;
	height: 52px;
	padding: 0 0 0 64px;
}
.leftCont .abesec .nextBox p.blogTit { padding-left:5px; line-height: 1.35; }
.leftCont .abesec .nextBox .blogCont { float: left; padding-left:5px; width: 150px; margin-top: 5px; line-height: 1.6; }
.leftCont .abesec .nextBox img.blogAbe { float: right; margin-top: 15px; }



/* アンケート */
.leftCont .boxTit.surveyTit {
	margin-top: 12px;
	background: url(../images/index_icon_survey2018.png) left top/74px 61px no-repeat;
	height: 61px;
	padding: 0 0 0 75px;
}
.leftCont .boxTit.surveyTit .update { top: 10px; }

div.leftCont div.abesec div.surveyBox { margin-top: 9px; min-height: 184px; }
div.boxline div.boxContSurvey { padding: 15px; }
div.boxline div.boxContSurvey div.surveyQ { padding: 7px 0 0 36px; min-height: 30px; _height: 30px; line-height: 1.3; position: relative; letter-spacing: 0.05em; }

div.boxline div.boxContSurvey div.surveyQred::before,
div.boxline div.boxContSurvey div.surveyQblk::before {
	content: "Q";
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 300%;
	position: absolute;
	left: 0;
	top: -12px;
}
div.boxline div.boxContSurvey div.surveyQred::before {
	color: red;
}
div.boxline div.boxContSurvey div.surveyQblk::before {
	color: black;
}
div.boxline div.boxContSurvey div.surveyQ p.questionLead { margin-bottom: 3px; }
div.boxline div.boxContSurvey div.graphArea { margin-top: 12px; }
div.boxline div.boxContSurvey div.graphArea div.surveyGraph { float: left; width: 300px; }

.boxline .boxContSurvey .graphArea .surveyGraph .exampleBox { margin-top: 10px; border: dotted 1px #999; padding: 5px 8px; }
.boxline .boxContSurvey .graphArea .surveyGraph .exampleBox ul li { float: left; padding: 0 20px 0 17px; line-height: 1.2; margin-top: 5px; white-space: nowrap; letter-spacing: 0.05em; }
.boxline .boxContSurvey .graphArea .surveyGraph .exampleBox ul li.eg1 { background: url(../images/index_survey_icon1.gif) 0 0 no-repeat;}
.boxline .boxContSurvey .graphArea .surveyGraph .exampleBox ul li.eg2 { background: url(../images/index_survey_icon2.gif) 0 0 no-repeat;}
.boxline .boxContSurvey .graphArea .surveyGraph .exampleBox ul li.eg3 { background: url(../images/index_survey_icon3.gif) 0 0 no-repeat;}
.boxline .boxContSurvey .graphArea .surveyGraph .exampleBox ul li.eg4 { background: url(../images/index_survey_icon4.gif) 0 0 no-repeat;}

.boxline .boxContSurvey .graphArea .surveybtn { float: right; }
.boxContSurvey .graphArea .surveybtn a.redBoxBtn { padding: 10px 40px 10px 20px; }

div.boxline div.boxContSurvey div.surveyBtnView { margin: 20px 0 5px; text-align: center; }

div.boxline div.boxContSurvey div.graphArea div.surveyGraph p.leadNoGraph { margin-top: 3px; line-height: 1.3; }

.boxline .boxContSurvey .graphArea .surveyGraph .exampleBoxNoGraph { margin-top: 5px; border: dotted 1px #999; padding: 2px 8px 7px; }
.boxline .boxContSurvey .graphArea .surveyGraph .exampleBoxNoGraph ul li { padding-left:1.25em; text-indent:-1.25em; text-align: left; margin-top: 5px; line-height: 1.35; }
.boxline .boxContSurvey .graphArea .surveyGraph .exampleBoxNoGraph p.noVote { padding: 15px 0 10px ; text-align: center; }

.boxline .boxContSurvey .graphArea .closingBox { border: dotted 1px red; padding: 12px 8px; text-align: center; line-height: 1.35; }
.boxline .boxContSurvey .graphArea .closingBox p.cap { margin: 8px 0 10px; }



/* 今ツボ */
.leftCont .boxTit.tsuboTit {
	margin-top: 13px;
	background: url(../images/index_icon_song.png) left top/52px 52px no-repeat;
	height: 52px;
	padding: 0 0 0 64px;
}
.leftCont .boxTit.tsuboTit .titJpn { letter-spacing: 0.03em; }
div.leftCont div.abesec div.tsuboBox { margin-top: 8px; min-height: 232px; }
div.leftCont div.abesec div.tsuboBox ul.tsuboCont { float: left; padding-left: 5px; width: 280px; }
.leftCont .abesec .tsuboBox ul.tsuboCont li { padding-left: 34px; position: relative; margin-top: 10px; }
.leftCont .abesec .tsuboBox ul.tsuboCont li:first-child { margin-top: 5px; }
.leftCont .abesec .tsuboBox ul.tsuboCont li p.itunes { float: right; padding: 0 0 0 5px; }
.leftCont .abesec .tsuboBox ul.tsuboCont li p.itunes a {
	display: block;
	height: 20px;
	width: 20px;
	box-sizing: border-box;
	border: solid 1px black;
	border-radius: 10px;
	background: url(../images/icon_itunes.png) center center/ 12px 14px no-repeat;
}
.leftCont .abesec .tsuboBox ul.tsuboCont li p.itunes a:hover { background-color: red; border-color: red; }
.leftCont .abesec .tsuboBox ul.tsuboCont li p.ranknum { position: absolute; display: inline-block; left: 0; top: 0; color: red; font-size: 90%; letter-spacing: 0.1em; }
.leftCont .abesec .tsuboBox ul.tsuboCont li p.ranknum span { font-family: 'Asap', sans-serif; font-weight: 700; font-size: 128%; }
.leftCont .abesec .tsuboBox ul.tsuboCont li > span { padding-top: 3px; }
.leftCont .abesec .tsuboBox ul.tsuboCont li span.songtit { margin-right: 1em; line-height: 1.25; }
.leftCont .abesec .tsuboBox ul.tsuboCont li span.artist { display: inline-block; white-space: nowrap; }

div.leftCont div.abesec div.tsuboBox img.tsuboAbe { float: right; margin-top: 5px; }



/* ナビ */
.leftCont .boxTit.naviTit {
	margin-top: 12px;
	background: url(../images/index_icon_navi.png) left top/52px 54px no-repeat;
	height: 54px;
	padding: 0 0 0 64px;
}
div.leftCont div.abesec div.naviBox { margin-top: 7px; min-height: 232px; }
.leftCont .abesec .naviBox ul.naviCont { float: left; padding-left:5px; width: 260px; line-height: 1.6;  }
div.leftCont div.abesec div.naviBox ul.naviCont li { margin-bottom: 4px; }
div.leftCont div.abesec div.naviBox img.naviAbe { float: right; margin-top: 25px; }
.leftCont .abesec .naviBox .naviBtnArea { padding: 10px 0; border-top: dashed 1px #ccc; text-align: center; }
.leftCont .abesec .naviBox .naviBtnArea a { margin: 0 5px; }



/* TS ONE 再放送 */
.tsoneBoxFoot { margin-top: 20px; padding: 15px 20px 10px; }
.tsoneBoxFoot .tsoneBoxTit > p { font-size: 200%; margin-left: -0.5em; font-weight: 300; line-height: 1.25em; }
.tsoneBoxFoot .tsoneBoxCont { margin-top: 20px; }
.tsoneBoxFoot .tsoneBoxCont .tsCap { float: left; width: 295px; line-height: 1.8; }
.tsoneBoxFoot .tsoneBoxCont .tsoneDtl { float: right; width: 354px; }
.tsoneBoxFoot div.tsoneDtl { padding: 0 64px 10px 0; position: relative; }
.tsoneBoxFoot div.tsoneDtl > p.biztripCharas { position: absolute; bottom: -3px; right: -28px; }
.tsoneBoxFoot div.tsoneDtl dl.noticeInfoList { margin-top: 10px; }
.tsoneBoxFoot div.tsoneDtl dl.noticeInfoList dd { padding-left: 5.5em; }
.tsoneBoxFoot div.tsoneDtl dl.noticeInfoList dd p { margin-top: 5px; }
.tsoneBoxFoot div.tsoneDtl .noticeSubBox { margin-top: 15px; }
.tsoneBoxFoot div.tsoneDtl .noticeSubBox dl dd.noticeBoxLead { margin-top: 5px; }



/* アベ本 */
.abebookBox { margin-top: 20px; padding: 15px 20px; }
.abebookBox .bookCover { float: left; width: 160px; text-align: center; padding: 0 5px; }
.abebookBox .bookCover img { width: 100%; height: auto; box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.3); }
.abebookBox .bookCont { float: right; width: 530px; margin-top: 8px; }
.abebookBox .bookCont .bookBox { border: solid 2px red; }
.abebookBox .bookCont .bookTitArea { text-align: center; padding: 10px; line-height: 1.35; }
.abebookBox .bookCont .bookTitArea > p:first-child { letter-spacing: 0.2em; }
.abebookBox .bookCont .bookTitArea > p:nth-child(2) { margin-top: 3px; }
.abebookBox .bookCont .bookTitArea > p:nth-child(3) { margin-top: 8px; }
.abebookBox .bookCont .bookBox p.cap { border-top: dashed 1px red; padding: 10px; line-height: 1.6; text-align: left; }
.abebookBox .bookCont p.bookBtnArea { margin-top: 15px; text-align: center; }
.abebookBox .bookCont p.bookBtnArea a { margin: 0 2px; }



/* バナー*/
div.leftCont div.abesec ul.bnrs { margin-top: 20px; }
div.leftCont div.abesec ul.bnrs li { float: left; margin-right: 20px; margin-bottom: 20px; line-height: 1; font-size: 0; }
div.leftCont div.abesec ul.bnrs li:nth-child(2n) { margin-right: 0; }
div.leftCont div.abesec ul.bnrs li img { border: solid 1px #ccc; }
div.leftCont div.abesec ul.bnrs li img:hover { border: solid 1px red; }



/* リンク集 */
.linkssec { border-top: solid 1px #ccc; padding: 5px 0 0; margin: 5px 0 0; }
ul.links li { margin: 8px 1% 0; float: left; width: 48%; padding: 4px 0 12px; border-bottom: dashed 1px #ccc; }





/* 右カラム */
.rightCont { float: right; width: 190px; }
.rightCont .rightSection { margin-top: 20px; }
.rightCont .rightSectionTop { margin-top: 30px; }
.rightCont .rightBoxCont { text-align: center; padding: 15px 0; }
.rightCont p.rightBoxTit span { display: block; }
.rightCont p.rightBoxTit span.jpn { font-size: 135%; font-weight: 300; }
.rightCont p.rightBoxTit span.eng { margin-top: 5px; font-size: 80%; }



/* CD */
.cdBox p.coverPic { margin-top: 12px; }
.cdBox p.coverPic img { box-shadow: 3px 3px 5px rgba(0,0,0,0.3); }
.cdBox p.cdBtnArea { padding-top: 15px; }
.cdBox p.cdTit { line-height: 1.25; }
.cdBox p.cdTit > span { display: block; }
.cdBox p.cdTit > span:nth-child(2) { font-weight: 300; margin-top: 5px; }
.cdBox p.cdTit > span:nth-child(3) { margin-top: 3px; }



/* 安部グッズ */
.goodsBox .goodsCont { margin: 10px 10px 0; border: dashed 1px red; padding: 10px 8px; }
.goodsBox .goodsCont img { width: 100%; height: auto; max-width: 270px; }
.goodsBox p.goodsCap { margin-top: 10px; text-align: left; line-height: 1.5; }
.goodsBox p.goodsBtnArea { margin-top: 10px; }



/* ツイート */
.twtTit { background: url(../images/twt_icon.png) 0 50%/40px 32px no-repeat; padding: 0 0 0 48px; min-height: 32px; position: relative; }
.twtTit a {
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
	padding: 2px 4px;
	border: solid 1px red;
}
.twtTit span { display: block; }
.twtTit span.jpn { font-weight: 300; font-size: 130%; }
.twtTit span.eng { margin-top: 3px; font-size: 80%; }
.twtBox { margin-top: 5px; }
.twtBox a.twtAbe02 {
	display: inline-block;
	background: red url(../images/twt_abe.png) 5px 50%/10px 16px no-repeat;
	padding: 5px 5px 0 20px;
	min-height: 20px;
	color: white;
	text-decoration: none;
	font-size: 80%;
	border-radius: 4px;
	box-sizing: border-box;
}
.twtBox a.twtAbe02:hover { background-color: #dd0000; }
.twtBox p.btnFrame { border-top: dashed 1px #ccc; padding: 5px 0; text-align: center; }



/* メルマガ */
.rightCont .mailmagBox { padding: 15px 0 0; }
.rightCont .mailmagBox a.mailicon {
	display: block;
	margin: 15px auto;
	width: 46px;
	height: 29px;
	background: url(../images/icon_mailmag.png) center center/contain no-repeat;
}
.rightCont .mailmagBox .boxLink { margin-top: 15px; }



/* LINE@ */
.rightCont .lineatBox { padding: 10px 0; }
.lineatBox p.tit { text-align: center; padding-bottom: 10px; border-bottom: solid 1px #ccc; }
.lineatBox p.tit span.mainTit { font-size: 200%; font-weight: 700; }
.lineatBox p.tit span.subTit { display: block; margin-top:5px; letter-spacing: 0.2em; }
.lineatBox dl.lineatAcnt { margin: 12px 8px 0; display: inline-block; }
.lineatBox dl.lineatAcnt dt { background-color: black; color: white; text-align: center; padding: 3px; width: 7.5em; border-radius: 20px; box-sizing: border-box; margin-top: 8px; }
.lineatBox dl.lineatAcnt dd { margin-top: -1.3em; padding-left: 8em; text-align: left; }
.lineatBox p.lineatAddBtn { margin: 15px 0 0; border-top: dashed 1px #ccc; padding-top: 10px; }



/* スタッフ */
.rightCont .staffBox { padding: 15px 0 0; }
div.staffBox .boxLink { margin-top: 15px; text-align: center; padding: 15px 0; }



/* フッタ ============================== */
div.footLogos { margin-top: 50px; text-align: center; padding-bottom: 30px; }
div.footLogos > ul { display: inline-block; }
div.footLogos > ul > li { float: left; padding: 0 25px; }

div.topCopy { margin: 10px auto; color: white; text-align: center; }





@media only screen and (max-width: 767px) {

	.forPC { display: none; }
	.forSP { display: block; }
	
	.breakPC { display: inline; }
	.breakSP { display: block; }

	/* 全体 */
	.container { min-width: 0; padding: 34px 0 0; }
	.wrapper { width: 96%; margin: 0 auto; }

	/* ドロワーメニュー */
	.spFixed { position: fixed; left: 0; top: 0; width: 100%; z-index: 300; }
	.spFixed .navibtn { height: 34px; background-color: rgba(0, 0, 0, 0.7); position: relative; z-index: 350; transition: all 0.3s ease-in-out; }
	.navibtn .hamburg {
		position:absolute;
		left:50%;
		transform:translate(-50%,-50%);
		-webkit-transform:translate(-50%,-50%);
		height: 2px;
		width: 24px;
		border-radius: 1px;
		background-color: white;
		transition: all ease .5s;
		-webkit-transition: all ease .5s;
	}
	.navibtn .hamburg:nth-child(1) { top:30%; }
	.navibtn .hamburg:nth-child(2) { top:50%; }
	.navibtn .hamburg:nth-child(3) { top:70%; }
	.navibtn.close { background-color: red; }
	.navibtn.close .hamburg { top:50%; background-color: black; }
	.navibtn.close .hamburg:nth-child(1) { transform:translate(-50%,-50%) rotate(45deg); -webkit-transform:translate(-50%,-50%) rotate(45deg); }
	.navibtn.close .hamburg:nth-child(2) { transform:translate(-50%,-50%) rotate(-45deg); -webkit-transform:translate(-50%,-50%) rotate(-45deg); opacity:0; }
	.navibtn.close .hamburg:nth-child(3) { transform:translate(-50%,-50%) rotate(-45deg); -webkit-transform:translate(-50%,-50%) rotate(-45deg); }

	.spFixed nav.fixedNav {
		width: 100%;
		height: 100vh;
		box-sizing: border-box;
		padding: 44px 20px 10px;
		background-color: red;
		position: fixed;
		top: -100vh;
		left: 0;
		z-index: 250;
		opacity: 0;
		transition: all 0.5s ease-in-out;
		overflow: auto;
	}
	.spFixed nav.fixedNav.open { top: 0; opacity: 1; }

	.spFixed nav.fixedNav ul { padding: 5px 0 30px; }
	.spFixed nav.fixedNav ul li { margin-bottom: 10px; }
	.spFixed nav.fixedNav ul li:last-child { margin-bottom: 0; }
	.spFixed nav.fixedNav ul li a {
		display: block;
		line-height: 1.25;
		position: relative;
		padding-left: 15px;
		font-size: 95%;
		color: white;
		text-decoration: none;
	}
	.spFixed nav.fixedNav ul li a::before {
		content: "";
		width: 10px;
		height: 2px;
		background-color: white;
		border-radius: 1px;
		position: absolute;
		left: 0;
		top: 0;
		margin-top: 0.5em;
	}
	.spFixed nav.fixedNav ul li a span.date { display: block; }
	.spFixed nav.fixedNav ul li a.navCont { font-size: 108%; line-height: 1.35; }
	.spFixed nav.fixedNav ul li.noticeEnd { padding-bottom: 20px; border-bottom: solid 1px white; margin-bottom: 20px;}
	.spFixed nav.fixedNav ul li.contEnd { padding-bottom: 20px; border-bottom: solid 1px white; margin-bottom: 20px;}
	.spFixed nav.fixedNav ul li a.navCont span.subTit { font-size: 90%; display: block; }

	/* ヘッダ */
	header { padding: 20px 0 40px; }
	header p.headLogo { float: none; width: 100%; }
	header p.tagline{ float: none; padding: 20px 8px 0; font-size: 90%; line-height: 1.35; }
	header a.aboutBtn { float: none; margin: 12px auto 0 8px; }
	
	/* コンテンツ */
	.charasArea p.charas { width: 100%; }
	main { min-width: 0; width: 96%; margin: 0 auto; }
	
	/* メインカラム */
	.contents .leftCont { float: none; width: auto; }
	.contents .leftCont .abesec { padding-top: 20px; margin-top: 0; }
	
	.leftCont .leftClm500 { float: none; width: auto; }
	.leftCont .rightClm250 { float: none; width: auto; }
	.leftCont .leftClm375 { float: none; width: auto; }
	.leftCont .rightClm375 { float: none; width: auto; }
	
	/* 共通パーツ */
	.leftCont .boxTit { line-height: 1.15; }
	/* ベルト */
	div.beltB { margin-top: 30px; }
	div.beltR { margin-top: 30px; }
	div.beltG { margin-top: 30px; }
	div.beltTop { margin-top: 0; }
	
	/* 次回予告 */
	.leftCont .abesec .nextBox { min-height: 0; }
	.leftCont .abesec .nextBox .nextCont { float: none; width: auto; }
	.leftCont .abesec .nextBox img.nextAbe { display: none; }
	.soundTrailer .player { display: none; }
	.soundTrailer audio { display: block; margin: 8px auto 0; }
	
	/* ブログ */
	.leftCont .abesec .nextBox .blogCont { float: none; width: auto; }
	.leftCont .abesec .nextBox img.blogAbe { display: none; }

	/* アンケート */
	.leftCont .boxTit.surveyTit { height: auto; padding: 0 4em 0 75px; }
	div.leftCont div.abesec div.surveyBox { margin-top: 20px; min-height: 0; }
	div.boxline div.boxContSurvey div.graphArea div.surveyGraph { float: none; margin: 0 auto; }
	
	@media only screen and (max-width: 359px) {
		div.boxline div.boxContSurvey div.graphArea { margin-top: 0; }
		div.boxline div.boxContSurvey div.graphArea div.surveyGraph { width: auto; }
		div.boxline div.boxContSurvey div.graphArea div.surveyGraph > img { display: none; }
		.boxline .boxContSurvey .graphArea .surveyGraph .exampleBox { margin-top: 0; }
	}


	.boxline .boxContSurvey .graphArea .surveybtn { float: none; text-align: center; margin: 10px 0 5px; }
	div.boxline div.boxContSurvey div.surveyBtnView { margin: 10px 0 5px; }
	
	/* 今ツボ */
	.leftCont .boxTit.tsuboTit { height: auto; padding: 0 4em 0 64px; }
	div.leftCont div.abesec div.naviBox { min-height: 0; }
	div.leftCont div.abesec div.tsuboBox { min-height: 0; }
	div.leftCont div.abesec div.tsuboBox ul.tsuboCont { float: none; padding-left: 5px; width: auto; }
	div.leftCont div.abesec div.tsuboBox img.tsuboAbe { display: none; }
	
	/* ナビ */
	.leftCont .boxTit.naviTit { height: auto; padding: 0 6em 0 64px; }
	div.leftCont div.abesec div.naviBox img.naviAbe { display: none; }
	
	/* TS ONE 再放送 */
	.tsoneBoxFoot .tsoneBoxTit > p { margin-left: 0; }
	.tsoneBoxFoot .tsoneBoxCont .tsCap { float: none; width: auto; }
	.tsoneBoxFoot .tsoneBoxCont .tsoneDtl { float: none; width: auto; margin-top: 15px; }
	.tsoneBoxFoot div.tsoneDtl { padding: 0 0 10px 0; }
	
	/* アベ本 */
	.abebookBox .bookCover { float: none; width: 200px; margin: 0 auto; }
	.abebookBox .bookCont { float: none; width: auto; margin-top: 20px; }
	.abebookBox .bookCont p.bookBtnArea { text-align: left; }
	.abebookBox .bookCont p.bookBtnArea a { margin: 0 auto 10px; text-align: left; }
	
	/* バナー*/
	div.leftCont div.abesec ul.bnrs li { float: none; text-align: center; margin-right: 0; }
	div.leftCont div.abesec ul.bnrs li img { width: 100%; height: auto; max-width: 373px; }

	#spBnr { border: solid 1px #ccc; margin-top: 20px; padding: 8px; background-color: white; text-decoration: none; }
	#spBnr .splead { display: block; border: solid 1px red; padding: 3px 3px 2px; text-align: center; margin-bottom: 8px; }
	#spBnr img { width: 100%; height: auto; }

	div.leftCont div.abesec ul.bnrs li { margin-right: 0; margin-bottom: 10px; line-height: 1; font-size: 0; }
	div.leftCont div.abesec ul.bnrs li img { max-width: 373px; width: 100%; height: auto; }
	
	/* リンク集 */
	ul.links li { margin: 8px 0 0; float: none; width: auto; padding: 0 0 8px; }
	ul.links li a.icon { padding: 2px 5px 2px 5px; line-height: 1.35; display: block; }
	ul.links li a.icon::after { display: none; }
	
	
	
	/* 右カラム */
	.rightCont { float: none; width: auto; }
	/* ツイート */
	.twtBox p.btnFrameTop { border-top: none; }
	/* LINE@ */
	
	
	/* フッタ */
	div.footLogos { margin-top: 30px; padding-bottom: 20px; }
	div.footLogos > ul > li { float: none; padding: 8px 0; }
	div.topCopy { line-height: 1.15; }

}