@charset "utf-8";

/* ------------------------
     Font-size Adjustment
---------------------------
10px = 83.4%
11px = 91.7%
12px = 100%
13px = 108.4%
14px = 116.7%
15px = 125%
16px = 133.4%
17px = 141.7%
18px = 150%
19px = 158.4%
20px = 166.7%
21px = 175%
22px = 183.4%
23px = 191.7%
24px = 200%
25px = 208.4%
26px = 217 %

---------------------------*/
/*---------------------------
-moz- : Firefox
-webkit- : Google Chrome?ASafari
-o- : Opera
-ms- : Internet Explorer
?瘁F-moz-border-image: ?`;
*/
/*
.area > .container > .block > .box > .item
.inner
---------------------------*/

/* --------------------------
    BASE
-----------------------------*/
/*--------- default ---------*/	

body{ /* Always show scroll bars */
	overflow-y: scroll;
	/overflow-y: auto; /* for ie6/7 */
	font:100%/1.6;
	font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}



/* ------- responsive------ */

#pc_only,
.pc_only {
	display:none;
}

#pc_only2,
.pc_only2 {
	display:none;
}


#sp_only,
.sp_only {
	display:block;
}

#sp_only2,
.sp_only2 {
	display:inline-block;
}

.img100{width:100% !important}
.img90{width:90% !important}
.img80{width:80% !important}
.img70{width:70% !important}
.img60{width:60% !important}
.img50{width:50% !important}
.img40{width:40% !important}
.img30{width:30% !important}
.img20{width:20% !important}
.img10{width:10% !important}


/* ------- link------ */

a:link,
a:visited {
	text-decoration: underline;
	color:#336600;
}

a:hover ,
a:active{
	text-decoration: none;
	color:#336600;
}

a:focus,
textarea:focus,
input:focus {
	outline: none;
}



/* ----------------------------- */
/* Header */
/* ----------------------------- */

#head_area{
height:65px;
width: 100%;
position: fixed;
top: 0px;
left: 0px;
background-color:#fff;
 box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.2);
z-index: 10;
}

#head_area .logo{
	margin:10px;
	width:250px;
	height:auto;
}

#head_area .logo img{
	width:100%;
}

button{
	z-index: 9999;
}

nav{
	z-index: 9999;
}


/* ----------------------------- */
/* 2カラム */
/* ----------------------------- */

#wrapper {

  }

#container{
	width: 1200px;
	margin:50px auto 0;
	overflow:hidden;
	zoom:1;
}

#side_area{
	width: 220px;
	float:left;
}



#main_area{
	width: 940px;
	float:right;
	margin-top:16px;
}



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

#container{
	width: 100%;
	margin:50px auto 0;
	padding:0 20px;
	overflow:hidden;
	zoom:1;
	box-sizing:border-box;
}

#side_area{
	width: 18.33333%;
	float:left;
}

#side_area img{
	width: 100%;
	height:auto;
}

#main_area{
	width: 78.33333%;
	float:right;
}

/* max-width: 1200px */
}


/* ----------------------------- */
/* Footer */
/* ----------------------------- */

#foot_area{
	margin-top:100px;
	height:150px;
	background:#698C00;

}

#foot_area #inner{
	margin:0 auto;
	padding:20px 0;
	overflow:hidden;
	zoom:1;
}

#foot_area #inner .link_block {
	display:none;
}

#foot_area #inner .link_block a:link,
#foot_area #inner .link_block a:visited {
	text-decoration: none;
	color:#fff;
}

#foot_area #inner .link_block a:hover ,
#foot_area #inner .link_block a:active{
	text-decoration: underline;
	color:#fff;
}

#foot_area #inner .copyright_block{
	color:#fff;
	font-size:91.7%;
	text-align:center;
	margin-bottom:30px;
}





/* ----------------------------- */
/* Common */
/* ----------------------------- */
/*--------- content ---------*/
#content_area{
	margin-top:70px;
	padding:0;
}

#content_area #inner{
	margin:0 auto;
	position:relative;
}

#content_area #inner #common{
	padding:0 20px;
}


/*------- 見だし --------*/

#common h1{
width:80%;
margin:100px auto;
font-size:125%;
font-weight:700;
text-align:center;
border-bottom:#94C859 solid 2px;
box-sizing:border-box;
}

#common h3{
font-size:125%;
font-weight:700;
margin:0;
}


/*------- パンくずリスト --------*/
.breadcrumb{
font-size:91.7%;
}

h2.def{
font-size:150%;
font-weight:700;
margin-bottom:30px;
border-left:#B08C22 solid 5px;
padding:0 0 0 10px;
}


/*------- テーブル1 --------*/

table.table_g{
width:100%;
border-top:#000 solid 1px;
border-left:#000 solid 1px;
margin:0 auto;
box-sizing:border-box;
}

table.table_g th,
table.table_g td{
	display:block;
	border-right:#000 solid 1px;
	border-bottom:#000 solid 1px;
	padding:15px 10px;
	box-sizing:border-box;
}

table.table_g th{
	font-weight:700;
	text-align:center;
	letter-spacing:1px;
	background:#B4D966;
}



/* ----------------------------- */
/* TOPページ */
/* ----------------------------- */
/*--------- village ---------*/
#village_area{
	margin-top:70px;
	padding:0;
	background:#FDFBFC;
}

#village_area #inner{
	width: 1200px;
	margin:0 auto;
	position:relative;
}


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

#village_area #inner{
	width: 100%;
	margin:0 auto;
	position:relative;
	box-sizing:border-box;
}

#village_area #inner img{
	width: 100%;
	height:auto;
}

/* max-width: 1200px */
}


/*--------- banner ---------*/
#banner_area{
	padding:20px 0;
	background:#3399CC;
}

#banner_area #inner{
	width: 1200px;
	margin:0 auto;
	position:relative;
}

#banner_area #inner ul.panel{
	margin:10px 0 10px;
	overflow:hidden;
	zoom:1;
}

#banner_area #inner ul.panel li{
	width:50%;
	float:left;
	text-align:center;
}

#banner_area #inner ul.panel li img{
	width:90%;
	height:auto;
}



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

#banner_area #inner{
	width: 100%;
	margin:0 auto;
	position:relative;
	box-sizing:border-box;
}

/* max-width: 1200px */
}



/*--------- profile ---------*/
#profile_area{
	padding:0 0 20px;
	background:#2B0A03 url(../img/top/about_bg2.png) center top no-repeat;
}

#profile_area #inner{
	margin:0 auto;
	position:relative;
}

#profile_area #inner .stit{
	text-align:center;
}

#profile_area #inner .message{
	text-align:center;
}

#profile_area #inner .message{
	text-align:center;
}

#profile_area #inner .message img{
	width: 100%;
	height:auto;
}

#profile_area #inner ul.panel{
	margin:10px 0 10px;
	padding:0 10px;
	overflow:hidden;
	zoom:1;
}

#profile_area #inner ul.panel li{
	width:50%;
	float:left;
	text-align:center;
	margin-bottom:20px;
}

#profile_area #inner ul.panel li img{
	width:90%;
	height:auto;
}


/*--------- radio ---------*/
#radio_area{
	padding:0 0 20px;
	background:#F5F5F5;
}

#radio_area #inner{
	margin:0 auto;
	position:relative;
}

#radio_area #inner .stit{
	text-align:center;
	margin-bottom:30px;
}

#radio_area #inner .stit img{
	width:80%;
}

#radio_area #inner .message{
	text-align:center;
	margin-bottom:30px;
}

#radio_area #inner .message img{
	width:90%;
}

#radio_area #inner ul.guest{
	padding:0 10px;
	overflow:hidden;
	zoom:1;
}

#radio_area #inner ul.guest li{
	width:50%;
	float:left;
	text-align:center;
	margin-bottom:20px;
}

#radio_area #inner ul.guest li img{
	width:90%;
	height:auto;
}


/*--------- index ---------*/
#index_area{
	padding:30px 0;
	background:#F8EFCF;
}

#index_area #inner{
	margin:0 auto;
	padding:0 10px;
}

#index_area #inner img{
	width: 100%;
	height:auto;
}


/*--------- map ---------*/
#map_area{
	margin:0;
	padding:0;
}

.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
}

/*--------- contact ---------*/
#contact_area{
	padding:0;
	display:none;
}

#contact_area #inner{
	margin:0 auto;
	position:relative;
}

#contact_area #inner .stit{
	text-align:center;
	margin-bottom:20px;
}

#contact_area #inner .stit img{
	width:80%;
}

#contact_area #inner .ctable{
	width:80%;
	margin:0 auto;
	border-top:#000 dashed 1px;
}

#contact_area #inner .ctable th{
	display:block;
	font-weight:700;
	text-align:center;
	padding:10px;
	border-bottom:#000 dashed 1px;
}

#contact_area #inner .ctable td{
	display:block;
	padding:20px;
	border-bottom:#000 dashed 1px;
}

#contact_area #inner .ctable td input[type="text"]{
	font-size:125%;
	padding:10px;
	width:90%;
}

#contact_area #inner .ctable td textarea{
	font-size:125%;
	padding:10px;
	width:90%;
}

#contact_area #inner .privacy{
	width:80%;
	margin:50px auto;
	text-align:center;

}

#contact_area #inner .privacy .left{
	text-align:center;
	font-size:108.4%;
	font-weight:700;
}

#contact_area #inner .privacy .right{
	text-align:center;
	font-weight:700;
}

#contact_area #inner .agree{
	margin:15px 0;
	font-size:108.4%;
	line-height:2.0;
}

#contact_area #inner .btn{
	margin:20px 0;
	text-align:center;
}

#contact_area #inner .btn img{
	width:80%;
	height:auto;
}


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

#contact_area #inner{
	width: 100%;
	margin:0 auto;
	position:relative;
	box-sizing:border-box;
}

/* max-width: 1200px */
}


/* ----------------------------- */
/* ラジオ */
/* ----------------------------- */

#radio{
	margin-top:-50px;
}

#radio .stit{
	text-align:center;
	margin-bottom:60px;
}

#radio .stit img{
	width:80%;
}

#radio .message{
	text-align:center;
	margin-bottom:60px;
}

#radio .message img{
	width:90%;
}

#radio ul.guest{
	padding:0 10px;
	overflow:hidden;
	zoom:1;
}

#radio ul.guest li{
	width:50%;
	float:left;
	text-align:center;
	margin-bottom:20px;
}

#radio ul.guest li img{
	width:90%;
	height:auto;
}




/*--------- player ---------*/

#radio  .sstit{
	margin:0 auto;
	padding:10px 0;
	color:#fff;
	text-align:center;
	font-size:125%;
	font-weight:700;
	border-top:#000 solid 1px;
	background:#3198D0;
}

#radio  ul.plist{
	margin:0 auto;
	overflow:hidden;
	zoom:1;
	border-top:#000 solid 1px;
}

#radio  ul.plist li{
	overflow:hidden;
	zoom:1;
	border-bottom:#000 dashed 1px;
}

#radio  ul.plist li .box01{
	width:35%;
	font-size:90%;
	float:left;
	padding-top:18px;
	white-space: nowrap;
}

#radio  ul.plist li .box02{
	width:65%;
	float:left;
}

/*--------- message ---------*/

#radio .message_box{
	margin:0 auto;
	padding:10px
}

#radio .message_box{
	font-size:91.7%;
	line-height:1.8;
}