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

html,body {font-family:'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';font-size:14px;line-height:1.8em;color:#333;background:#DECECF;}


#wrap {width:960px;margin:0 auto;position:relative;overflow:hidden;}
#wrap:before,
#wrap:after {content:"";display:table;clear:both;}

.cf:before,
.cf:after {content:"";display:table;clear:both;}
img {display:block;width:100%;}
a {text-decoration:none;color:#333;}
input[type="submit"] {cursor:pointer;}
a:hover,
input[type="submit"]:hover {opacity:0.7;}


/*header*/
header {background:#fff;margin-bottom:20px;position:relative;}

header .header_top {display:table;width:100%;table-layout:fixed;}
header .header_top > div {display:table-cell;position:relative;}
header .header_top .header_left {width:360px;}
header .header_top .header_right {background:url(../img/head_bg.jpg) no-repeat left top;background-size:cover;}
.header_sp {display:none;}

input {border:none;}
form {display:block;position:relative;height:30px;}
form:before,
form:after {content:"";display:table;clear:both;}
#search input[type="text"],
.search_sp input[type="text"] {display:block;width:calc(100% - 68px);padding:0 10px;height:100%;float:left;}
#search input[type="submit"],
.search_sp input[type="submit"] {display:block;width:48px;height:100%;background:#E6646E url(../img/search.png) no-repeat center center;background-size:17px auto;float:right;}

#joqr {width:110px;position:absolute;left:10px;top:10px;z-index:1;}
#search {position:absolute;left:0;bottom:0;z-index:1;}
#search form {width:358px;border:solid 1px #E6E6E6;}

#pp_link {display:block;width:126px;height:126px;border-radius:100%;position:absolute;right:37px;bottom:34px;}
#pp_link:before {content:"";display:block;width:126px;height:126px;border-radius:100%;background:rgba(230,100,110,1);position:absolute;left:0;top:0;
	animation:personAnime 3s cubic-bezier(0.3,0.1,0.8,0.9)  infinite normal;
	-webkit-animation:personAnime 3s cubic-bezier(0.3,0.1,0.8,0.9)  infinite alternate;
}
#pp_link img {width:92px;position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
@keyframes personAnime {
	0% {filter:blur(0);}
	100% {filter:blur(20px);}
}
@-webkit-keyframes personAnime {
	0% {filter:blur(0);}
	100% {filter:blur(20px);}
}


header .header_bottom {padding:35px 0 35px 190px;background:url(../img/on_air.png) no-repeat 70px center;background-size:90px auto;}
#air {display:table;width:100%;table-layout:fixed;}
#air ul {display:table-cell;}
#air ul:nth-child(1) {padding-right:30px;border-right:solid 1px #DECECF;}
#air ul:nth-child(2) {padding-left:30px;}
#air ul li {display:table;width:100%;table-layout:fixed;font-size:0.9em;line-height:1.8em;}
#air ul li span {display:table-cell;}
#air ul li .name {width:9em;}
#air ul li .fm {width:80px;}

#menu_btn,
#open_menu {display:none;}

/*50thbnr*/
div#bnr {margin-bottom:20px;}
div#bnr_sp {display:none;}

/*contents*/
#contents {margin-bottom:290px;}
#contents:before,
#contents:after {content:"";display:table;clear:both;}

/*main*/
#main {width:calc(100% - 300px);float:right;}

.category_title {color:#fff;background:url(../img/gradient_bg.png) repeat-y left top;background-size:100% auto;padding:10px 20px;font-size:1.15em;line-height:1.5em;}
.box {background:#fff;padding:20px;}

#information {margin-bottom:20px;}
#information li {margin-bottom:5px;}
#information li:before,
#information li:after {content:"";display:table;clear:both;}
#information li .info_title {width:calc(100% - 180px);float:left;}
#information li .info_date {width:180px;float:right;text-align:right;}
#information .archive_link {text-align:right;margin-top:10px;}
#information li.new a .info_title:after {content:"NEW!";margin-left:1em;color:#E6646E;}

#news:before,
#news:after {content:"";display:table;clear:both;}
#news li {width:calc(50% - 50px);padding:20px;background:#fff;margin-bottom:20px;position:relative;}
#news li:nth-child(odd) {float:left;clear:left;}
#news li:nth-child(even) {float:right;}
#news li:after {content:"";display:block;width:100%;height:10px;background:url(../img/gradient_bg.png) repeat-y left top;background-size:100% auto;position:absolute;left:0;bottom:0;}
#news li a {dispaly:block;}
#news .image {margin-bottom:10px;background-position:center center;background-size:cover;background-repeat:no-repeat;}
#news h2 {height:4.5em;overflow:hidden;margin-bottom:20px;font-size:1.15em;line-height:1.5em;}
#news .date {text-align:right;}

#twitter {margin-bottom:10px;}

/*aside*/
aside {width:280px;float:left;}

#contact,
#contact_drive {display:block;margin-bottom:20px;}

#menu_list {margin-bottom:20px;background:#fff;}
#menu_list .main_menu {border-bottom:solid 1px #A0A0AF;font-size:1.15em;line-height:1.5em;}
#menu_list .main_menu a {display:block;padding:10px 20px;}
#menu_list .sub_menu a {padding:0 20px;}
#menu_list .sub_menu a:before {content:"▶";margin-right:1em;color:#E6646E;}
#menu_list .main_menu a:hover {background:#D8E2EA;opacity:1;}
#menu_list .sub_menu:first-child {padding-top:10px;}
#menu_list .sub_menu:last-child {padding-bottom:10px;}

#month {margin-bottom:20px;background:#fff;}
#month > ul {padding:10px 20px;}
#month > ul > li > a:before {content:"▶";display:inline-block;margin-right:1em;color:#E6646E;transition:0.5s;}
#month > ul > li.active a:before {transform:rotate(90deg);}
#month > ul > li > ul {padding-left:55px;display:none;}
#month > ul > li > ul > li > a:before {content:"-";}

#calendar {margin-bottom:20px;}
#calendar table {width:100%;border-spacing:1px;border-collapse:separate;}
#calendar th,
#calendar td {text-align:center;padding:2px 0;}
#calendar td {background:#fff;}
#calendar td a {color:#E6646E;}

.search_sp,
.category_menu_sp {display:none;}

/*footer*/
footer {border-top:solid 1px #333;padding:35px 0 40px;}
footer .sns {text-align:center;}
.sns li {display:inline-block;width:30px;}
footer small {display:block;text-align:center;}

.scroll_radiko {display:block;width:112px;position:fixed;right:-200px;bottom:300px;z-index:1;transition:0.3s;}
.scroll_pagetop {display:block;width:40px;position:fixed;right:-200px;bottom:160px;z-index:1;transition:0.3s;}
.scroll_home {display:block;width:40px;position:fixed;right:-200px;bottom:60px;z-index:1;transition:0.3s;}
.scroll_radiko.show {right:-10px;}
.scroll_pagetop.show {right:50px;}
.scroll_home.show {right:50px;}

#scroll_menu_sp {display:none;}

.gotop {cursor:pointer;}

@media screen and (max-width:960px){
	#wrap {width:100%;}
	
	/*header*/
	.header_top {display:none !important;}
	.header_sp {display:block;}
	.header_sp .header_sp_top {position:relative;background:#F2F2F2;}
	.header_sp .header_sp_top > div {position:absolute;}
	.header_sp .header_sp_top .joqr {width:23.4%;left:0;top:0;}
	.header_sp .header_sp_top .contact {width:76.4%;right:0;top:0;}
	/*.header_sp .header_sp_top .contact {width:38.2%;right:38.2%;top:0;}
	.header_sp .header_sp_top .contact.drive {right:0;top:0;}*/
	
	#air ul {display:block;padding:0 !important;border:none !important;}
	
	#menu_btn {display:block;width:50px;height:50px;background:#A0A0AF;position:absolute;right:0;bottom:0;z-index:1;}
	#menu_btn span {display:block;width:30px;height:4px;background:#fff;border-radius:5px;position:absolute;left:10px;transition:0.3s;}
	#menu_btn span:nth-child(1) {top:14px;}
	#menu_btn span:nth-child(2) {top:24px;}
	#menu_btn span:nth-child(3) {top:34px;}
	#menu_btn.active span:nth-child(1) {top:24px;transform:rotate(45deg);}
	#menu_btn.active span:nth-child(2) {left:25px;width:0;}
	#menu_btn.active span:nth-child(3) {top:24px;transform:rotate(-45deg);}
	
	#open_menu {overflow:hidden;display:none;width:100%;position:absolute;right:0;}
	
	/*50thbnr*/
	div#bnr {margin-bottom:20px;padding:0 20px;}
	div#bnr_sp {display:none;}
	
	/*main*/
	#main,
	aside {float:none;width:auto;}
	#main {padding:0 20px;}
	
	#contents {margin-bottom:0;}
	
	#news .image {width:38%;float:left;margin-right:20px;}
	#news h2 {font-weight:bold;}
	
	/*aside*/
	#contact,
	#contact_drive,
	#menu_list,
	#month,
	#calendar {display:none;}
	
	#main #contact,
	#main #contact_drive,
	#main #menu_list,
	#main #month {display:block;}
	
	#banner {max-width:250px;margin:0 auto 20px;}
	
	.search_sp,
	.category_menu_sp {display:block;}
	.search_sp {background:url(../img/gradient_bg.png) repeat-y left top;background-size:100% auto;padding:20px;}
	.category_menu_sp li {border-bottom:solid 1px #D0C0B7;}
	.category_menu_sp li a {display:block;padding:10px 20px;background:#fff url(../img/link_arrow.png) no-repeat right 20px center;background-size:10px auto;font-weight:bold;}
	.category_menu_sp li a:hover {background-color:#D8E2EA;opacity:1;}
	
	footer {border-top:none;}
}
@media screen and (max-width:768px){
	
	#wrap {padding-bottom:120px;}
	
	header .header_bottom {padding:10px 10px 10px 70px;background:url(../img/on_air.png) no-repeat 10px center;background-size:45px auto;}
	#air ul li {display:table;width:100%;table-layout:fixed;font-size:0.7em;line-height:1.8em;}
	#air ul li .fm {width:60px;}
	
	/*50thbnr*/
	div#bnr {display:none;}
	div#bnr_sp {display:block;padding:0 20px;margin-bottom:20px;}
	
	#information li .info_title {display:block;width:auto;}
	#information li .info_date {display:none;}
	
	#news li {width:auto !important;float:none !important;padding-bottom:35px;}
	#news .image {width:auto;height:125px;background-size:auto 100%;}
	#news .image img {width:auto;height:100%;}
	#news h2 {font-size:1em;line-height:1.5em;}
	
	.scroll_radiko,
	.scroll_pagetop,
	.scroll_home {display:none;}
	
	#scroll_menu_sp {display:block;width:100%;box-shadow:0 -5px 20px rgba(0,0,0,0.2);position:fixed;left:0;bottom:-300px;z-index:2;transition:0.3s;}
	#scroll_menu_sp.show {bottom:0;}
	#scroll_menu_sp ul {width:100%;position:absolute;}
	#scroll_menu_sp ul li {width:33.33%;float:left;}
	#scroll_menu_sp ul li a {display:block;}
	#scroll_menu_sp ul li a:hover {opacity:1;}
}
@media screen and (max-width:400px){
	
	header {margin-bottom:10px;}
	#main {padding:0 10px;}
	
	#information {margin-bottom:10px;}
	#information li .info_title {font-weight:bold;}
	#information .archive_link {width:7em;text-align:center;margin:20px auto 0;}
	#information .archive_link a {display:block;padding:5px 0;background:#B3B3B3;color:#fff;}
	
	#news li {padding:10px 10px 15px;margin-bottom:10px;}
	#news li:after {height:5px;}
	#news .image {width:90px;height:90px;}
	#news li h2 {margin-bottom:0;}
	#news .date {font-size:0.8em;line-height:1.5em;}

	#banner {margin-bottom:10px;}
	
	#search_sp {padding:10px;}
	.category_menu_sp li a {padding:10px;background-position:right 10px center;}
}