@charset "UTF-8";
/* CSS Document */

html,body {font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;font-size:16px;line-height:1.8em;color:#333;background: url(../img/bg.png);}

a {text-decoration:none;color:#333;word-break:break-all;}
img {display:block;margin:0 auto;max-width:100% !important;height:auto !important;}


#joqr_link a,
#sns a {display:block;}
#joqr_link a {width:119px;}

#gnav {float:right;padding:35px 0 0 0;}
#gnav li {display:inline;padding:0 0 0 20px;font-size:0.75em;}

#pagetop a {color:#ee774e;font-weight:bold;float:left;}
#pagetop a:before {content:"";display:inline-block;width:17px;height:0.8em;background:url(../img/pagetop.png) no-repeat center center;background-size:100% auto;margin-right:5px;}

#sns {text-align:center;float:right;}
#sns ul {width:80px;}
#sns li:nth-child(odd) {float:left;}
#sns li:nth-child(even) {float:right;}
#sns a {width:30px;}

.com_banner ul {display:table;width:100%;}
.com_banner ul:before,
.com_banner ul:after {content:"";display:table;clear:both;}
.com_banner li {float:left;text-align:center;}
.com_banner ul[data-banner="1"] li {width:100%;float:none;}
.com_banner ul[data-banner="2"] li {width:45%;}
.com_banner ul[data-banner="2"] li:nth-child(odd) {float:left;}
.com_banner ul[data-banner="2"] li:nth-child(even) {float:right;}
.com_banner ul[data-banner="3"] li {width:calc(33.3% - 40px);margin-left:60px;}
.com_banner ul[data-banner="3"] li:first-child {margin-left:0;}

#footer {padding:10px 0;margin-bottom:0;margin-top:30px;}
#copy {text-align:center;margin:0;}

#header {margin-top:0;padding:0;}
#joqr_link {width:120px;padding:25px 0;float:left;}

#header_menu:before,
#header_menu:after {content:"";display:table;clear:both;}

#header .box {padding:0;}

#mainvisual {margin-bottom:50px;}

#contact {float:left;}
#contact a {display:block;color:#ee774e;border:solid 1px #ee774e;font-size:1.15em;font-weight:bold;text-align:center;}
#contact a:before {content:"";display:inline-block;width:30px;height:30px;background:url(../img/contact.png) no-repeat center center;background-size:100% auto;margin-right:10px;vertical-align:middle;}
#ag,
#radiko {float:right;}
#ag a {display:block;border:solid 1px #ff0066;}
#radiko a {display:block;border:solid 1px #00a7e9;}
#ag a img,
#radiko a img {width:auto;height:30px !important;margin:0 auto;}
#contact,#ag,
#radiko {width:45%;background: #fff;}
#contact a,#ag a,
#radiko a {padding:10px 0;background: #fff;}

.wholebox {padding:0;}

.wholebox:before,
.wholebox:after,
.wholebox .box_wrapper:before,
.wholebox .box_wrapper:after {content:"";display:table;clear:both;}
.wholebox .box_wrapper {width:960px;margin:0 auto;}

.box {padding:30px 0;}
.box.white {background-color:#fff;}
.box.gray {background-color:#f2f2f2;}
.box.black {background-color:#e6e6e6;}
.box.bg {background: url(../img/bg.png);}

.box:before,
.box:after,
.box .box_wrapper:before,
.box .box_wrapper:after {content:"";display:table;clear:both;}
.box .box_wrapper {width:960px;margin:0 auto;}

.column .column_inner {float:left;}
.column .column_inner:nth-child(1) {margin-left:0 !important;}
.column.gray .column_inner {background-color:#f2f2f2;}

.column.gray[data-column="2"] .column_inner {width:calc(50% - 90px);margin-left:60px;padding:30px;}
.column.gray[data-column="3"] .column_inner {width:calc(33.3% - 100px);margin-left:60px;padding:30px;}
.column.gray[data-column="4"] .column_inner {width:calc(25% - 105px);margin-left:60px;padding:30px;}

.column[data-column="2"] .column_inner {width:calc(50% - 30px);margin-left:60px;margin-bottom:30px;}
.column[data-column="3"] .column_inner {width:calc(33.3% - 40px);margin-left:60px;padding:30px 0;}
.column[data-column="4"] .column_inner {width:calc(25% - 23px);margin-left:30px;padding:30px 0;}

.contents_menu {font-size:1.15em;font-weight:bold;padding-bottom:20px;border-bottom:solid 1px #333;margin: 5px 10px 30px;}

.archive_btn {width:236px;text-align:center;padding-top:50px;clear:both;margin:0 auto;}
.archive_btn a {display:table-cell;width:500px;height:50px;border:solid 1px #ee774e;color:#ee774e;font-size:1.15em;font-weight: bold;line-height:1.8em;vertical-align:middle;background: #fff;}
.archive_btn a:before {content:"";display:inline-block;vertical-align:middle;}
.archive_btn[data-type="entry"] a:before {display:none;}
.archive_btn[data-type="personality"] {width:467px;}
.archive_btn[data-type="timetable"] {width:450px;}
.archive_btn[data-type="corner"] {width:450px;}

.archive_btn[data-type="personality"] a:before {background-image:url(../img/personality.png);}
.archive_btn[data-type="timetable"] a:before {background-image:url(../img/timetable.png);}
.archive_btn[data-type="corner"] a:before {background-image:url(../img/corner.png);}

.next_btn {text-align:center;clear:both;margin-top:20px;}
.next_btn a {display:inline-block;padding:5px 15px;border:solid 1px #ee774e;color:#ee774e;font-size:0.9em;}
.next_btn[data-type="entry"] a:after {content:"続きを読む ＞";}
.next_btn[data-type="timetable"] a:after {content:"放送時間一覧";}

aside .contents_menu {margin-bottom:0;}
aside .contents_menu.month {margin-bottom:30px;}
aside nav {margin: 0 10px 30px;}

p a {text-decoration:underline;color:#ec774f;word-break:break-all;}

#sp_btn,
#shadow,
#sp_menu {display:none;}

.SandboxRoot.env-bp-430 .timeline-Tweet-text {font-size: 10.5pt !important;line-height: 14pt!important;}
.SandboxRoot.env-bp-550 .timeline-Tweet-text {font-size: 10.5pt !important;line-height: 14pt!important;}
.SandboxRoot.env-bp-820 .timeline-Tweet-text {font-size: 10.5pt !important;line-height: 14pt!important;}
.SandboxRoot.env-bp-430 .timeline-Header-title {font-size: 17pt !important;line-height: 26pt!important;}
.SandboxRoot.env-bp-550 .timeline-Header-title {font-size: 17pt !important;line-height: 26pt!important;}
.SandboxRoot.env-bp-820 .timeline-Header-title {font-size: 17pt !important;line-height: 26pt!important;}

/*ipad 横*/
@media screen and (max-width:1024px){
	.wholebox .box_wrapper {width:90%;}
	.box .box_wrapper {width:90%;}
	
	.column[data-column="2"] .column_inner,
	.column[data-column="3"] .column_inner {width:100% !important;margin-left:0 !important;float:none !important;padding:20px 0;}
	.column[data-column="4"] .column_inner {width:100% !important;margin-left:0 !important;float:none !important;padding:20px 0;}
	
	.contents_menu {text-align:center;padding-top:20px;}
	
	#gnav {display:none;}
	
	#sp_btn {display:block;width:50px;height:50px;background:#EE774E url(../img/sp_btn_off.png) no-repeat center center;background-size:100% auto;border-radius:100%;position:absolute;right:10%;top:25px;}
	#sp_btn.active {background:#EE774E url(../img/sp_btn_on.png) no-repeat center center;background-size:100% auto;}
	#gnav {display:none;}
	#shadow {display:none;width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:4;}
	#sp_menu {display:block;width:100%;position:fixed;left:0;top:100%;z-index:5;}
	#sp_menu .close {height:50px;margin:0 5%;}
	#sp_menu .logo {width:90%;margin:58px auto 20px;}
	#sp_menu #sp_gnav {margin:0 5%;padding-bottom:10px;border-bottom:solid 1px #fff;}
	#sp_menu #sp_gnav li a {color:#fff;}
	#sp_menu #sp_menu_footer {text-align:center;padding:15px 10%;}
	#sp_menu #sp_menu_footer li {display:inline-block;width:40px;margin:0 5px;}
}
/*ipad 縦*/
@media screen and (max-width:768px){
	
	#contact,
	#radiko  {width:100%;float:none;}
	#contact {margin-bottom:20px;}
	
	.archive_btn {width:100% !important;}
	
}
/*iphone*/
@media screen and (max-width:375px){
	.contents_menu {text-align:left;}
	.contents_menu .date {display:block;font-weight:normal;font-size:0.7em;text-align:right;}
	

}