@charset "UTF-8";
/*--------------------------------
clearfix
---------------------------------*/
.main:before,
.main:after,
.main section:before,
.main section:after,
#contents:before,
#contents:after,
#header-wrap:before,
#header-wrap:after,
.cf:before,
.cf:after{ content: ""; display: table;}

.main:after,
.main section:after,
#contents:after,
#header-wrap:after,
.cf:after { clear: both;}

.main,
.main section,
#contents,
#header-wrap,
.cf {zoom: 1;}

img{max-width: 100%;height: auto;}
html{ height:100%}
body{	 height:100%;font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
 background:url(../img/bg_dot_sp.jpg) left top repeat-x;}

/*--------------------------------
header
---------------------------------*/
#header { padding:8px 0 0 10px; height:62px; background:url(../img/bg_tower_sp.png) bottom left repeat-x;}
#header h1 a{ display: inline-block; width:240px; height:auto; margin-top:6px}
#header h1 a:hover{ opacity:.8}

.search{ float:left; margin:5px;}
#search_button,
.search-input{ width:auto; font-size:12px; padding:8px 2px}
#search_button{ width:35px; height:35px; margin-left:-1px; background:url(../img/seach.png) center center no-repeat;background-size:100% auto; cursor:pointer}
.search-input{ width:165px;}

.u-nav{ float:right;  margin-right:5px; padding-top:15px; font-size:14px;}
.u-nav li{display: inline-block;}
.u-nav li a{display: inline-block; padding:0 5px; color: #0075c1}
.u-nav li a:hover{ opacity:.8; text-decoration:none}
/*--------------------------------
#contents
---------------------------------*/



#contents{padding:10px;}
.shareBody #contents{padding:0 5px 5px;}

#contents section h2{ clear:both; margin-bottom:20px; line-height:1.4;}
#contents section h2 span{ color:#000}
#contents section .mainimg{ margin-bottom:10px}
.dot{ display:inline-block; vertical-align: super; background: url(../img/dot.jpg); padding:6px; margin-right:10px; margin-bottom:5px; font-size:14px}
.shareArea {
	margin-bottom: 10px;
	text-align:center;
}
.shareArea ul {
	margin:0.3em 0;
}
.shareArea li {
	display:inline-block;
	vertical-align:top;
	padding:0 2px;
}

.playBtn{padding:10px 0; margin-bottom:10px; border:3px solid #dbbd00; background:#fffbe3;  text-align:center; }
.playBtn a{  display:inline-block; color:#0075c1;text-decoration:none}
.playBtn a:hover{ opacity:.8}
.playBtn .play{ margin-right:20px;}
.shareBody .playBtn{padding:5px 0;}
.shareBody .playBtn .play{ margin-right:0;}
.shareBody .playBtn .item-data{ display:inline-block; font-size:12px; padding:5px }
.shareBody .playBtn .play img{width:50px; }
.shareBody .playBtn .stop img{ height:25px; }
.playBtn .play img{ width:60px; height:auto}
.playBtn .stop img{ width:auto; height:30px}
.more{ margin-bottom:30px; font-size:14px; line-height:1.6; word-break:break-all;}
.more p{ margin-bottom:15px}
.more a{ color:#0075c1; text-decoration:underline}
.more a:hover{ text-decoration:none}

#contents section h3{ margin-bottom:10px; font-size:16px; padding-left:10px; border-left: 5px solid #dbbd00;}
.shareBody #contents section h3{ margin-bottom:5px; font-size:12px; padding-left:0; border-left:none; line-height:1.2}
.shareBody #contents section h3 a{color:#0075c1; }
.shareBody #contents section h3 a:hover{ opacity:.7; text-decoration:none}
.more table{ width:100%; margin-bottom:20px; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.more table th,
.more table td{ padding:10px; border-right:1px solid #ccc;border-bottom:1px solid #ccc; box-sizing:border-box}
.more table th{ font-weight:bold; color:#0075c1; background:#dbf1ff}
.past-list a{ display:block; text-decoration:none}
.past-list a:hover{ opacity:.7}
.past-list li{padding:10px; border-bottom:1px dotted #ccc}
.past-list .acMenu div{ padding:10px 20px 10px 0 ; background:#fff url(../img/close.png) right 10px no-repeat; background-size:20px auto; color:#000; text-align:right; text-shadow:none}
.past-list .acMenu div.active{ background:#fff url(../img/open.png) right 10px no-repeat; background-size:20px auto;}
.past-list .acMenu ul li a{ border-bottom:none; color:#0075c1; padding:0}
.past-list .acMenu ul li:hover{ background-image:none}
.past-list li li{ padding:10px 0; background:#fff} 
.past-list .acMenu ul{background:#fff} 
.past-list li.acMenu { padding:0 10px;  border-bottom:none}

.comment{}
.name-input{ width: 200px;
font-size: 14px; margin-bottom:15px;}
.c-text{font-size: 14px; margin-bottom:15px; line-height:1.4}
#c_button{font-size: 14px; margin-bottom:20px;cursor:pointer }
.c-list{ margin:0 0 20px 0;border-top:1px dotted #999;}
.c-list li{ border-bottom:1px dotted #999; padding:20px 10px; background:#F5F5F5}
.c-name{ padding-bottom:10px;}
.c-name span{ margin-left:15px; color:#999; font-size:10px;}
#contents section h4{ font-size:16px; clear:both; margin-bottom:10px; line-height:1.4;}
.c-area{ font-size:12px;}
.main-bn{ margin:30px 0 0px; text-align:center}
.main-bn:nth-child(2){ margin:-20px 0 0}
.main-bn p{font-size:12px; padding-bottom:10px }
.main-bn p span{ background:#0075c1; color:#fff; padding:2px 5px; margin-right:5px;}
.main-bn p a{ display:block;color:#0075c1}
.main-bn p a:hover{ text-decoration:none; opacity:.7}
.main-bn img{ margin-bottom:10px;}
.news{clear:both; position:relative; margin-bottom:20px}
#contents section .news h2 {float:left;margin-bottom:0;}
.news .next{float:right;margin-top:0.2em;display:inline-block; background:url(../img/ar.png) right center no-repeat; font-size:12px; background-size:20px auto}
.news .next a{display:block;  padding:5px 25px 5px 10px; color:#0075c1; text-decoration:none; border:2px solid #0075c1; border-radius:20px;}
.news .next a:hover{ opacity:.7}
.news ul{ clear:both;overflow-y:scroll; height:100px}
.news ul li span{ display:inline-block; margin-bottom:5px; color:#9a8700}
.news ul li{ padding:10px; line-height:1.4; font-size:12px;}
.news ul li:nth-child(even){ background:#fffbe3;}
.news ul li a{ color:#0075c1;}
.news ul li a:hover{ text-decoration:none; opacity:.7}

.playlist{ clear:both; width:100%; }
.playlist .data{ margin-bottom:5px; color:#999; font-size:10px}
.playlist .item{ float:left; display:inline-block; margin:0 5px 5px 0; padding:5px; border:1px solid #ccc; width:48%; box-sizing:border-box; background:#fff;}
.playlist .item:hover{ border:1px solid #dbbd00;}
.playlist .mainimg{ margin-bottom:5px}
.playlist .mainimg:hover{ opacity:.7}
.playlist .radiostationName { color:#555 }
.item{ font-size:12px; line-height:1.2}
#contents section{ margin-bottom:10px}
.bnS-area{ text-align:center}
.bnS-area li{ display:inline-block; padding:5px;}
.btn01{ clear:both; margin-bottom:20px; text-align:center; }
.btn01 a{ display:block; padding:15px 10px; color:#fff; text-decoration:none}
.btn01 a:hover{ opacity:.7}
.audio{ margin-bottom:40px; padding:10px;border:1px solid #0075c1; }
.audiotitle{padding:10px; color:#0075c1}
.audiotitle img{ margin:0 5px 5px 0}
.audioArea{ padding:10px 0; text-align:center}
.audioArea div{ display:inline-block}
.audioList{ margin-top:10px; text-align:left}
.audioList a{ color:#333; text-decoration:none}
.audioList li{ padding:5px 0; border-bottom:1px dotted #CCCCCC ; list-style-type:decimal;list-style-position: inside;}
.audioList li.active a{color:#0075c1}
/*--------------------------------
.main
---------------------------------*/
.shareBody .main{ width:auto;}
.newsBody .main .news ul{ height:auto;overflow-y: auto;}


/* パンくず */
.crumb{ padding:0 0　7px; margin-bottom:10px;}
.crumb li{ display:inline; font-size:12px;}
.crumb li a{ color:#999; }
.crumb li a:hover{ text-decoration:none; opacity:.8}
.crumb li:last-child{ font-weight:bold; color:#3b3f4f}

/*--------------------------------
.side
---------------------------------*/
.side{}
.side-title{ padding:10px 0 0 ; color:#0075c1; font-size:20px}
.side-title img{ width:50px; height:auto; vertical-align:middle}
.side-welcome{ padding:10px 14px; font-size:13px; color:#0075c1; background:#fffbe3; border-left:4px solid #dbbd00; border-bottom:1px solid #f0e68c; margin:6px 0 10px; line-height:1.5; }
.sideNav{ padding:10px;}
.sideNav li{ margin-bottom:10px}
.sideNav li li{ margin-bottom:0}
.sideNav li li li{ padding-left:10px; margin-bottom:0; background:url(../img/side_li.png) 10px center no-repeat ; background-size:10px 10px}
.acMenu ul li li:hover{ background:url(../img/side_li2.png) 10px center no-repeat ; background-size:10px 10px;}

.acMenu div{
	display:block;
	padding:15px;
	cursor:pointer;
	background:#0075c1 url(../img/swich3.png) right center no-repeat;
	 background-size:40px auto;
	padding-right:15px;
	color:#fff;
	}
.acMenu ul{
	background:#fffbe3;
	display:none;
	}
.acMenu ul li ul{ background:#fff}
.acMenu ul li{ display:block; line-height:1.4}
.acMenu ul li a{ display:block;padding:15px;border-bottom:#ccc 1px dotted; color:#333; text-decoration:none; font-size:14px}
.acMenu ul li a:hover img{ opacity:.7}
.acMenu ul li:last-child a{ border:none}
.acMenu ul li a:hover{ color:#0075c1;}
.acMenu .active{
	background:#0075c1 url(../img/swich4.png) right center no-repeat;	 background-size:40px auto;

	}
.ather-nav{ display:block; margin:0 10px 10px}
.ather-nav li a{ display:block;padding:15px 0;border-bottom:#ccc 1px dotted; color:#000; text-decoration:none; font-size:14px; line-height:1.4}
.ather-nav li a:hover{ color:#0075c1;}
.ather-nav li.select{ padding:15px 0;}
.ather-nav li.select div{ padding-bottom:10px}
.ather-nav li.select select{ padding:5px; font-size:16px;
    height: 40px;
    background: #fff;}
.ather-nav li div{ font-weight:bold; color:#0075c1}
.side-bn{ text-align:center; margin-bottom:20px}
.ather-nav2{ margin:10px; border:1px solid #ccc; background:#fff}
.ather-nav2 li{ border-bottom:1px dotted #ccc; font-size:14px; line-height:1.4}
.ather-nav2 li:last-child{ border:none}
.ather-nav2 li a{ display:block; padding:15px; color:#333; text-decoration:none}
.ather-nav2 li a:hover{ color:#0075c1;}
.acMenu li div{ padding:15px; color:#333; font-size:14px;border-bottom: #dbbd00 1px dotted; background: url(../img/swich.png) right center no-repeat;	 background-size:40px auto;}
.acMenu li div:hover{ background:#fef7cb url(../img/swich.png) right center no-repeat;background-size: 40px auto;}
.acMenu li div.active:hover{background:#fef7cb url(../img/swich2.png) right center no-repeat;background-size:40px auto;}
.acMenu li .active{ background:#fef7cb url(../img/swich2.png) right center no-repeat;background-size:40px auto;}
.side-member-box{ margin:0 10px 12px; padding:10px; border:1px solid #dbbd00; background:#fffbe3; }
.side-member-title{ font-size:13px; color:#0075c1; font-weight:bold; margin-bottom:8px; }
.side-member-link{ display:block; text-align:center; background:#0f8b8d; color:#fff; text-decoration:none; padding:10px 12px; border:1px solid #0b6e70; border-radius:4px; }
.side-member-link:hover{ opacity:.85; text-decoration:none; }
/*--------------------------------
footer
---------------------------------*/
footer{  padding:10px 0; font-size:12px; color:#fff; text-align:center; background:#ffdf00}
/*--------------------------------
汎用
---------------------------------*/
.center{ text-align:center; margin:0 auto}
.required{ color:#C00}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom:40px
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#page-top {position: fixed;bottom: 0px;right: 10px;}
#page-top img{ width:60px; height:auto}

.btnBlue{background: rgb(0,134,221);
background: -moz-linear-gradient(top, rgba(0,134,221,1) 0%, rgba(0,134,221,1) 50%, rgba(0,117,193,1) 51%, rgba(0,117,193,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,134,221,1) 0%,rgba(0,134,221,1) 50%,rgba(0,117,193,1) 51%,rgba(0,117,193,1) 100%);
background: linear-gradient(to bottom, rgba(0,134,221,1) 0%,rgba(0,134,221,1) 50%,rgba(0,117,193,1) 51%,rgba(0,117,193,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0086dd', endColorstr='#0075c1',GradientType=0 );}

.mailform .name-input{ width:100%;}
@media only screen and (min-width: 481px) {
.search-input{ width:240px; }
.search-input{ font-size:14px; padding:8px}
.playlist .item{width:32%;}

}
@media only screen and (min-width: 768px) {
.playlist .item{ width:24%}
#contents section h2{ margin-bottom:30px; }

	}
@media only screen and (max-width: 940px) {
.sb-open-left{ position:absolute; right:10px; top:10px; width:50px; height:50px}
.sb-close{ position:absolute; right:10px; top:10px; width:50px; height:50px}
/*!
 * Slidebars - A jQuery Framework for Off-Canvas Menus and Sidebars
 * Version: 2.0.2
 * Url: http://www.adchsm.com/slidebars/
 * Author: Adam Charles Smith
 * Author url: http://www.adchsm.com/
 * License: MIT
 * License url: http://www.adchsm.com/slidebars/license/
 */

[canvas], [off-canvas*=push] {
z-index:1
}
[off-canvas*=reveal], [off-canvas*=shift] {
z-index:0
}
[canvas=container], [off-canvas], body, html {
margin:0;
padding:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
body, html {
	width: 100%;
	height: 100%;
}
[canvas=container] {
width:100%;
height:100%;
overflow-y:auto;
position:relative;
background-color:#;
-webkit-overflow-scrolling:touch
}
[canvas=container]:after, [canvas=container]:before {
	clear: both;
	content: '';
	display: table
}
[off-canvas] {
display:none;
position:fixed;
overflow:hidden;
overflow-y:auto;
color:#fff;
-webkit-overflow-scrolling:touch;
background: rgba(255,223,0,1);
}
[off-canvas*=top] {
width:100%;
height:100%;
top:0
}
[off-canvas*=right] {
width:100%;
height:100%;
top:0;
right:0
}
[off-canvas*=bottom] {
width:100%;
height:100%;
bottom:0
}
[off-canvas*=left] {
width:100%;
height:100%;
top:0;
left:0
}
[off-canvas*=overlay] {
z-index:9999
}
[canvas], [off-canvas] {
-webkit-transform:translate(0, 0);
-ms-transform:translate(0, 0);
transform:translate(0, 0);
-webkit-transition:-webkit-transform .3s;
transition:transform .3s;
-webkit-backface-visibility:hidden
}
[off-canvas*=shift][off-canvas*=top] {
-webkit-transform:translate(0, 50%);
transform:translate(0, 50%)
}
[off-canvas*=shift][off-canvas*=right] {
-webkit-transform:translate(-50%, 0);
transform:translate(-50%, 0)
}
[off-canvas*=shift][off-canvas*=bottom] {
-webkit-transform:translate(0, -50%);
transform:translate(0, -50%)
}
[off-canvas*=shift][off-canvas*=left] {
-webkit-transform:translate(50%, 0);
transform:translate(50%, 0)
}
.more table th,.more table td{ width:100%; display:block}

}
@media only screen and (min-width: 941px) {
body{background: url(../img/bg_dot.jpg);}
.contents-wrap{ background:#ffdf00;}
#header {padding:6px 0 2px 20px; height:72px; background:url(../img/bg_tower.jpg) bottom left repeat-x}
#header h1 a{ display: inline-block; width:auto; height:auto}
.crumb li{ font-size:12px}
.search-input{ width:200px; font-size:14px}

#search{ position:absolute; left:280px; top:20px;}
.sb-open-left,
.sb-close{ display:none}
[off-canvas*=left] { margin-left:auto !important}

.u-nav{ position:absolute; right:10px; top:10px;}
.u-nav li:first-child{ border:none; margin-right:10px}
.u-nav li a{ padding:10px; text-decoration:none;
color:#fff;
background: rgb(0,134,221);
background: -moz-linear-gradient(top, rgba(0,134,221,1) 0%, rgba(0,134,221,1) 50%, rgba(0,117,193,1) 51%, rgba(0,117,193,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,134,221,1) 0%,rgba(0,134,221,1) 50%,rgba(0,117,193,1) 51%,rgba(0,117,193,1) 100%);
background: linear-gradient(to bottom, rgba(0,134,221,1) 0%,rgba(0,134,221,1) 50%,rgba(0,117,193,1) 51%,rgba(0,117,193,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0086dd', endColorstr='#0075c1',GradientType=0 );}
.side-title{ display:none}
.sideNav{ padding:0 }
.crumb{ margin:5px 0 30px}
.left-content{ width:300px;}
.ather-nav li a{color:#333;}
.ather-nav li a:hover{ color:#0075c1;}
.ather-nav2{ margin:10px 0}
#contents{width: 880px;  margin:0 auto; padding:20px; background:#fff}
.shareBody #contents{ margin:auto; width: auto; padding:20px 10px;background:#fff;}
#contents h2{ font-size:20px;}
#contents h2 span{ padding:8px; font-size:16px;}
footer{  padding:20px 0;}
.main{ float:right; width:64%}
.side{ float:left}
.shareBody .side{ position:absolute}

.shareArea{
	float:right;
	height:1.5em;
}
.shareArea ul {
	display:inline;
	margin:0;
}
.playBtn { font-size:18px}
.playBtn .play{ margin-right:40px;}
.playBtn .play img{ width:80px; height:auto}
.playBtn .stop img{ width:auto; height:40px}
#contents section h3{font-size:20px; padding-left:15px; }
.more{ margin-bottom:40px; font-size:14px}
.c-area{ font-size:14px;}
.shareBody #contents{ position:relative;}
.shareBody .main{ position:absolute;margin-left:340px;margin-right: 10px;}
.top-section{ padding-bottom:25px; text-align:center; background:#fff7c9 url(../img/topimg_bg.jpg)}

.slider{ display: inline-block;width:600px; height:auto;}
.main-bn{float:left;display: inline-block;margin:0 0 15px 20px;}
.main-bn:nth-child(2){ margin:0 0 15px 20px}

.main-bn img{ display:block;margin-bottom:0}
.main-bn p + a img{ margin-bottom:10px;}

.news{ clear:both;}
.news ul{ height:120px}
.news ul li{ font-size:14px;}
.top-bn{ display:inline-block; position: relative;top: 10px;}
#contents section{ margin-bottom:20px}
.playlist .item{ float:left; display:inline-block; border:1px solid #ccc; width:180px; margin:0 10px 10px 0}
.shareBody .main{ padding-bottom:80px;background:#fff;}
.shareBody .side{ padding-bottom:80px;}
.shareBody footer{ width:100%; position:fixed; bottom:0}
.indexBody #contents{ padding:20px 0}
.indexBody .side{ margin-left:10px}
.indexBody,.shareBody{background: url(../img/bg_dot.jpg) left top repeat-x;}
#header h1 a{ margin-top:14px}
}

.radiolist {
	margin-bottom:3em;
}
.radiolist li {
	margin-bottom:1.3em;
}
.radiolist div {
	margin-bottom:0.2em;
}

.top-bn {
	padding-top:1em;
}
.indexBody .main {
	padding-top:1em;
}

@media only screen and (min-width: 941px) {
	.indexBody .main {
		padding-top:0;
	}
	.slider{ margin-top:28px;}
}
@media only screen and (min-width: 1290px) {
	.indexBody #contents .top-section{ margin-left:340px; margin-right:10px}
	.indexBody .side{ top:20px}
	#contents{width:1040px}
	.main{ width:700px}

}