/* CSS Document */

/* body
----------------------------------------------- */
body {
    font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    color: #666666;
    background-color: #ffffff;
    font-size: 86%;
    line-height: 150%;
	margin:0;
	padding:0;
}

table.t_main{
margin-bottom:50px;
}

/* リンク
----------------------------------------------- */
a{
 color:#4cacc1;
 text-decoration:underline;
}

a:hover{
 color:#4cacc1;
 text-decoration:none;
}

a:visited{
 color:#0099FF;
 text-decoration:none;
}

.a2{
 color:#666666;
 text-decoration:none;
}

.a2:hover{
 color:#4cacc1;
 text-decoration:none;
}


/* ヘッダー
----------------------------------------------- */
div#head{
 width:90%;
 padding:8px 0px 5px 10px;
 background:url(../img/logo.gif) center right no-repeat;
 height:68px;
 margin:0 auto;
}

div#head .logo{
 float:left;
 width:350px;
 text-align:left;
 margin:12px 0 0;
}

.h_sp{
display:none;
}

div#head .info{
 float:right;
 width:300px;
 text-align:right;
 padding-top:50px;
}

div#head_s{
 width:90%;
 padding:10px 0px 5px 10px;
 background:url(../img/logo_s.gif) center right no-repeat;
 height:46px;
}

div#head_s .logo{
 float:left;
 width:350px;
 text-align:left;
 margin-top:10px;
}

div#head_s .info{
 float:right;
 width:300px;
 text-align:right;
 padding-top:35px;
}

#headimg_kaso{
height:100px;
background:url(../img/head_img.gif) center center no-repeat #f9d600;
}

/* メニュー
----------------------------------------------- */
#main_menu{
	display:block;
	width:100%;
	height:37px;
	text-align:center;
	background:url(../img/menu_left.gif) repeat-x top left;
}

.menu_area{
	width:764px;
	height:37px;
	margin:0 auto;
}

.m_m1,.m_m2,.m_m3,.m_m4{
	display:block;
	width:152px;
	height:37px;
	float:left;
	position:relative;
}

.m_m1{
	background:url(../img/menu1.gif) no-repeat top left;
}
.m_m2{
	background:url(../img/menu2.gif) no-repeat top left;
}
.m_m3{
	background:url(../img/menu3.gif) no-repeat top left;
}
.m_m4{
	background:url(../img/menu4.gif) no-repeat top left;
}
.m_m5{
	display:block;
	width:154px;
	height:37px;
	float:left;
	position:relative;
	background:url(../img/menu_5.gif) no-repeat top left;
}

a#photolink1,a#photolink2,a#photolink3,a#photolink4,a#photolink5{
   display: block;
   width: 152px;
   height: 37px;
}
a:hover#photolink1,a:hover#photolink2,a:hover#photolink3,a:hover#photolink4,a:hover#photolink5{	 
   background-color:rgba(0,0,0,0.12);
}

a.pul{
 display: block;
 width: 154px;
 font-size:9pt;
 color: #666666;
 text-decoration: none; 
}

a:hover.pul{
 display: block;
 width: 154px;
 font-size:9pt;
 color: #99CCFF;
text-decoration: underline; 
}

div.menubox{
	  
  background-color:#ebf7ff;
}

div.plmenu{	  
border-bottom:#cccccc solid 1px;
padding:3px;
text-align:left;
}

.hamburger-menu{
display:none;
}

/* メインボタン
----------------------------------------------- */

div#main_btn{
 margin:10px auto 2px;
 width:750px;
 height:50px;
 padding:3px 0 0;
 background:url(../img/line_g6.gif) repeat-x top left;
}

div#main_btn_f{
 display:block;
 width:750px;
 height:3px;
 background:url(../img/line_g6.gif) repeat-x top left;
 clear:both;
 margin:0 auto 5px;
}

div#main_btn a{
display:block;
 width:150px;
 height:50px;
 float:left;
 text-decoration:none;
}


/* レイアウト
----------------------------------------------- */
#container{
	width:760px;
	min-height:600px;
	height:auto;
	overflow:auto;
	margin:0 auto;
}

#main{
	width:550px;
	float:left;
}

#side{
	width:200px;
	float:right;
}

.main_contents{
	width:100%;
	min-height:600px;
	height:auto;
	text-align:left;
}

.sp_side{
display:none;
}

/* トップ
----------------------------------------------- */

/* アニメ・スライダー */
#top_anime{
	width:100%;
	height:220px;
	background-color:#f9d600;
	text-align:center;
}


@media screen and (min-width: 1024px){
#slide{
	display:block;
	width:1020px;
	margin:0 auto;
	padding:0;
	height:220px;
	overflow:hidden;
}
}

/*@media screen and (max-width: 1010px){
#slide{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	height:220px;
	overflow:hidden;
}
}*/

/* イベント・ワークショップ */
#top_wp{
width:748px;
height:480px;
margin:0 0 15px;
}

.top_ws_ti{
display:block;
width:100%;
height:50px;
margin:15px auto 0;
overflow:hidden;
background:url(../img/evws_ti.png) no-repeat top left;
text-indent:-999em;
}

.cale_area{
height:480px;
margin:15px 0 0;
padding:0;
clear:both;
}

.cale_area_l{
float:left;
width:420px;
}

.cale_area_r{
float:right;
width:315px;
margin:0;
padding:0;
}

.top_wp_cale{
background-color:#f1f7ff;
border: 1px #65a3ff dotted;
min-height:400px;
}


#top_wp table{
width:406px;
margin:0 auto;
text-align:center;
}

#top_wp table td{
width:58px;
}

.top_wp_list ul{
margin:0;
padding:0;
}

.top_wp_list ul li{
margin:0;
padding:5px 0 5px 10px;
list-style:none;
width:100%;
}

.top_wp_list ul li:nth-child(even){
background-color:#F0F9FE;
}

.top_wp_list ul li:last-child{
margin:0 0 3em;	
}

.kyukan{
background-color:#ebebeb;
padding:10px;
margin:0;
}

.kyukan_area{
background-color:#ebebeb;
padding:10px;
margin:0;
}

.kyukan_sp{
display:none;
}


/* トピックス */
div#topic{
 text-align:left;
}

div#topic h1{
 color:#4cacc1;
 font-size:145%;
 line-height:110%;
}
div#topic h2{
 color:#4cacc1;
 font-size:120%;
 font-weight:normal;
 line-height:125%;
 margin-top:-3px;
}

div#topic h3,.topi_ce h3{
 color:#4cacc1;
 font-size:125%;
 line-height:120%;
 background:url(../img/topic_hata.gif) no-repeat left center;
 padding-left:20px;
 padding-bottom:3px;
 min-height:20px;
 height:auto;
 overflow:auto;
}

div#topic h4,.main_topi h4{
 color:#4cacc1;
 font-size:110%;
 line-height:120%;
 font-weight:normal;
}

div#topic a{
 color:#4cacc1;
 text-decoration:underline;
}

div#topic a:hover{
color:#4cacc1;
text-decoration:none;
}

div#topic a:visited{
 color:#0099FF;
 text-decoration:underline;
}

div#topic p.main_txt{
 font-size:110%;
 font-weight:normal;
 line-height:135%;
 margin-top:-3px;
}

div.topic_ti{
 text-align:right;
 background:url(../img/topic_ti.gif) no-repeat top left;
 height:29px;
 padding:25px 1.5em 5px 0;
 color:#333333;
}

.topi_libtn{
text-align:right;
}

div.topic_ti2{
 text-align:left;
 height:50px;
 padding:0;
 color:#333333;
}

div.list_btn{
text-align:right;
padding:10px 0;
}

.main_topi{
 padding:10px 0;
 background:url(../img/line_g.gif) repeat-x bottom left;
 width:100%;
 min-height:100px;
 height:auto;
 overflow:auto;
}

div.topi_ce{
float:left;
width:450px;
text-align:left;
min-height:100px;
}

div.topi_ri{
float:right;
width:85px;
text-align:right;
min-height:100px;
}

.topi_date{
text-align:right;
}

div.lookbtn{
padding-top:50px;
}

div.lookbtn2{
padding-top:30px;
}

div.time{
text-align:right;
padding-bottom:-5px;
}

table#list_topi{
 padding:5px 0;
 background:url(../img/line_g.gif) repeat-x bottom left;
 width:100%;
}

div.topi_li_le{
 float:left;
 width:446px;
 text-align:left;
}


/* トップカレンダー */

table.t_cale{
font-size:100%;
margin:0;
border: #cccccc solid 1px;
border-collapse: collapse;
}

table.t_cale td{
margin:0;
padding:0;
width:19px;
text-arign:center;
height:23px;
font-size:11px;
}

.t_month{
color:#0f75ff;
font-size:14px;
padding:5px 0;
border-top: #cccccc solid 1px;
border-left: #cccccc solid 1px;
border-right: #cccccc solid 1px;
border-bottom:none;
}

.kyukan_top{
background:url(../img/t_cl_bg.png) no-repeat center center #dcdcdc;
}


/* トピックス一覧
----------------------------------------------- */
.topi_ti{
background:url(../img/topic_list_ti.gif) no-repeat top left;
text-indent:-999em;
}

div#list_hyoji{
padding:10px 0 15px 0;
font-size:95%;
min-height:30px;
height:auto;
}

div.list_hyoji_le{
padding-top:10px;
width:45%;
float:left;
text-align:left;
}

div.list_hyoji_ri{
width:55%;
text-align:right;
float:right;
padding-top:10px;
}

/* トピックス詳細
----------------------------------------------- */
.topi_del_ti{
background:url(../img/topic_det_ti.gif) no-repeat top left;
text-indent:-999em;
}

div#back_list{
text-align:left;
padding:10px 0;
}

div#tpi_detail{
padding:10px 0;
min-height:200px;
height:auto;
overflow:auto;
}

div#tpi_detail p{
font-size:125%;
line-height:155%;
}

div#tpi_d_ti h3{
color:#6ab1d2;
 font-size:145%;
 line-height:120%;
 background:url(../img/topic_hata.gif) no-repeat left center;
 padding-left:20px;
}

div#tpi_d_ti h4{
color:#6ab1d2;
 font-size:125%;
 line-height:120%;
 background:url(../img/foot_line.gif) no-repeat top center;
 padding-top:15px;
}

div#tpi_d_le{
float:left;
width:63%;
text-align:left;
margin:0;
padding:0;
}

div#tpi_d_ri{
float:right;
width:33%;
margin:0;
padding:0;
}

div#tpi_d_ri img{
width:100%;
height:auto;
}

div#topi_dl{
text-align:left;
clear:both;
padding:10px 0 30px 0;
}

p.topi_dl_list{
text-align:left;
font-size:11pt;
font-weight:bold;
padding:3px 0;
}

p.topi_dl_moji{
font-size:9pt;
}

div#topi_dl img{
padding-right:5px;
}

.topi_dl_li a{
text-decoration:underline;
font-size:11pt;
font-weight:bold;
}

.topi_dl_li a:hover{
text-decoration:none;
font-weight:bold;
}

img.topi_dl_ic{
text-decoration:none;
}

.bk_listbtn{
height:40px;
padding:15px 0 0;
}


/* ワークショップ
----------------------------------------------- */
.ws_ti{
background:url(../img/ws_ti.gif) no-repeat top left;
text-indent:-999em;
}

.ws_info_ti{
background:url(../img/ws_shokai_ti.gif) no-repeat top left;
text-indent:-999em;
}

div#title_waku{
margin:20px 0 0;
padding:10px 0 0;
min-height:150px;
height:auto;
overflow:auto;
}

#title_waku2{
padding:10px 0px;
height:auto;
}

td.ws_img img{
margin-bottom:10px
}

#ws_honbun h1{
padding:5px 0 5px 10px;
font-size:145%;
font-weight:bold;
color:#608c3e;
border-bottom:#608c3e solid 2px;
}

.ws_honbun_txt{
min-height:200px;
height:auto;
overflow:auto;
}

.ws_honbun_txt h2{
font-size:125%;
color:#608c3e;
}

#ws_honbun p{
text-align:left;
font-size:135%;
line-height:155%;
}

.ws_txt_l{
width:520px;
float:left;
}

.ws_txt_r{
width:230px;
float:right;
}

.ws_txt_r img{
margin-bottom:10px;
}

div#ws_nati{
padding:10px 0 2px;
border-bottom:#87b960 solid 2px;
text-align:center;
margin-bottom:10px;
font-weight:bold;
color:#87b960;
font-size:10pt;
width:98%;
height:auto;
}

.ws_cale{
background:#e1edff;
min-height:300px;
height:auto;
overflow:auto;
border-radius:10px;
width:749px;
margin:10px 0 20px;
}

.ws_cale_l{
width:310px;
float:left;
}

.ws_cale_r{
width:430px;
float:right;
}

.ws_list{
margin:10px 0 0 10px;
padding:0;
min-height:200px;
height:auto;
}

.ws_list ul{
margin:0;
padding:0;
}

.ws_list ul li{
margin:0;
padding:5px 0;
list-style:none;
border-bottom:#CCC solid 1px;
}

.ws_cale_area{
background-color:#f1f7ff;
border: 1px #65a3ff dotted;
min-height:250px;
width:415px;
margin:10px auto;
text-align:center;
padding:0 0 10px;
}

.ws_cale_area table{
width:406px;
margin:0 auto;
text-align:center;
}

.ws_cale_area table td{
width:58px;
}

.ws_info{
min-height:300px;
height:auto;
}

.ws_info ul{
margin:0;
padding:0;
}

.ws_info ul li{
margin:10px 0;
padding:0 3px 0 0;
list-style:none;
width:33%;
float:left;
}

.ws_info ul li:nth-child(3n){
padding:0 0 0 0;
}

.ws_info ul li img{
display:block;
width:240px;
height:160px;
overflow:hidden;
float:none;
}

/* ニュース・テキスト
----------------------------------------------- */
div#news_ti{
font-size:145%;
color:#FF6600;
padding:5px 0 5px 5px;
border-bottom:#87b960 solid 2px;
margin-top:15px;
}

#pdf{
margin-top:15px;
padding-bottom:10px;
background:url(../img/line_g.gif) repeat-x 0% 100%;
min-height:250px;
height:auto;
overflow:auto;
}

div#pdf_le{
width:150px;
float:left;
padding-right:10px;
}

div#pdf_ri{
width:370px;
float:right;
}

div#pdf_ri h1{
margin-top:-1px;
text-align:left;
background-color:#eff2e9;
padding:5px;
font-weight:bold;
color:#87b960;
font-size:130%;
}

div#pdf_ri p.gou{
text-align:right;
font-size:100%;
}

div#pdf_ri p.honbun{
text-align:left
font-size:135%;
line-height:155%;
padding:0 5px;
}

p.back_no{
border-top:#999999 solid 1px;
margin:5px 10px 10px 10px;
}

.back_ti{
font-size:100%;
}

/* カレンダー
----------------------------------------------- */

table.cale{
font-size:100%;
margin:0 auto;
padding:0;
border:#cccccc solid 1px;
}

table.cale td{
border:#cccccc solid 1px;
margin:0;
width:58px;
text-arign:center;
height:50px;
padding:0;
}

table.cale td div{
margin:0 2px;
padding:2px;
font-size:72%;
text-arign:left;
background:#CCFF33;
color:#000000;
line-height:120%;
}


.yobi{
font-size:75%;
}

.sun{
color:#ff0000;
background:#ffedfb;
}

.sat{
color:#3333FF;
background:#ebf3ff;
}

.tue{
background:#f5f5f5 url(../img/kyukan.gif) no-repeat 5px 27px ;
}

.kyukan_seibi{
background:#f5f5f5 url(../img/kyukan_seibi.gif) no-repeat 5px 20px ;
}

.kyukan{
background:#f5f5f5;
}

.kyukan img.kyukan {
padding-bottom: 2px;
}

table.cale td.kyukan img{
width:88%;
height:auto;
padding:0;
margin:0;
}

.m_f{
background:#ffffff;
}

.day_sat{
color:#3333FF;
}

.day_sun{
color:#ff0000;
}


td.day{
width:90px;
text-arign:left;
padding:3px;
border-bottom:#cccccc solid 1px;
height:25px;
}

td.work_naiyo{
width:210px;
text-arign:left;
padding:3px;
border-bottom:#cccccc solid 1px;
}

.yobi_bg{
background:url(img/cale_yobi.gif) no-repeat center top;
}

.yobi_white{
color:#ffffff;
}

.yobi_red{
color:#FF99CC;
}

.yobi_blue{
color:#99CCFF;
}

.month{
color:#0f75ff;
font-size:130%;
}

.month_link{
font-size:12px;
}

/* ページ */
.page_area{
height:400px;
margin:15px 0 0;
padding:0;
clear:both;
}

.page_cale{
background-color:#f1f7ff;
border: 1px #65a3ff dotted;
min-height:400px;
}

.page_area table{
width:406px;
margin:0 auto;
text-align:center;
}

.page_area table td{
width:58px;
}

.page_area table td.kyukan img{
width:88%;
height:auto;
padding:0;
margin:0;
}

/* 利用 */
.riyo_uke{
min-height:200px;
margin:0 0 20px;
}

.riyo_uke table{
width:100%;
}

.riyo_uke table .taisho{
width:60%;
}

.riyo_uke table .uketuke{
width:40%;
}

/* 文章
----------------------------------------------- */

p.bun{
font-size:10pt;
text-align:left;
line-height:150%;
padding-bottom:5px;
}

p.bun2{
font-size:10pt;
text-align:center;
line-height:150%;
padding-bottom:5px;
}

ol.koumoku{
padding-right:10px;
list-style:disc;
font-size:10pt;
color:#0187a3;
text-align:left;
line-height:150%;
}

ol.koumoku li{
padding-bottom:10px;
}

td.con_waku{
font-size:9.5pt;
background:url(../img/line_g_tate.gif) repeat-y top right;
padding:0px 10px;
line-height:140%;
}

td.con_waku2{
padding:0px 10px;
font-size:9.5pt;
line-height:140%;
}

.we_normal{
font-weight:normal;
}

/* テーブル */
.table_area{}

/* DL */
.file_dl{
min-height:50px;
margin:15px 0 20px;
}

.file_dl ul{
margin:0;
padding:0;
list-style:none;
}

.file_dl ul li{
width:49%;
float:left;
padding:0 0 10px;
margin:0 10px 0 0;
}

.file_dl ul li:nth-child(2n){
margin:0 0 0 0;
}

.file_dl ul li img{
vertical-align:middle;
}

.file_dl ul li a.dl_link{
color:#000;
text-decoration:none;
font-weight:bold;
}

.fdl_list{
border-bottom:#87b960 solid 1px;
padding-bottom:3px;
text-indent:-1em;
padding-left:2em;
}


/* 目指すもの
----------------------------------------------- */
.message_ti{
background:url(../img/mezasu_ti.gif) no-repeat top left;
text-indent:-999em;
}

div#mess_btm{
padding:15px 0 10px;
min-height:30px;
text-align:center;
}

div#mess_ti{
padding:10px 0 2px 5px;
border-bottom:#87b960 solid 2px;
text-align:left;
margin-bottom:10px;
clear:both;
}

div#mess_sbbtm{
padding:0px 0 20px 0;
text-align:left;
min-height:80px;
}

#mess_sbbtm ul{
margin:0;
padding:0;
list-style:none;
}

#mess_sbbtm ul li{
width:auto;
float:left;
padding:0 1em 0 0;
}

div#me_kihon_ti{
text-align:center;
font-size:11pt;
color:#608c3e;
font-weight:bold;
line-height:120%;
border-bottom:#608c3e solid 1px;
padding-bottom:5px;
}

div#me_kihon_ti2{
text-align:left;
font-size:11pt;
color:#608c3e;
font-weight:bold;
line-height:120%;
border-bottom:#608c3e solid 1px;
padding-bottom:5px;
}

ol.me_list{
font-size:9.5pt;
line-height:135%;
}

.mess_sbti{
font-size:10pt;
font-weight:bold;
color:#666666;
}

.mess_ws{
min-height:300px;
height:auto;
overflow:auto;
clear:both;
}

.mess_ws ul{
margin:0;
padding:0;
list-style:none;
}

.mess_ws ul li{
width:48%;
float:left;
padding:0;
background:url(../img/teki_ws_bgh.gif) no-repeat 0 18px;
min-height:150px;
margin:0 0.8em 15px 0;
}

.mess_ws ul li:nth-child(2n){
margin:0 0 15px 0;
}

#teiki_ws{}

.teiki_ws_ti{
min-height:95px;
height:auto;
clear:both;
}

div#teiki_ws2{
width:265px;
}

#teiki_ws3{
padding:10px 23px 8px 8px;
font-size:9pt;
line-height:135%;
background:url(../img/teki_ws_bgf.gif) no-repeat bottom left;
min-height:95px;
margin:10px 0 0;
clear:both;
}

.bun_f{
background:url(../img/line_g.gif) repeat-x center bottom;
padding:0 0 15px;
}

div#teiki_ws_le{
width:110px;
float:left;
padding:53px 4px 0 10px;
font-size:10pt;
font-weight:bold;
color:#608c3e;
text-align:left;
}
div#teiki_ws_ri{
width:135px;
float:right;
}


/* 利用
----------------------------------------------- */
.riyo_ti{
background:url(../img/riyo_ti.gif) no-repeat top left;
text-indent:-999em;
}

.riyo_op{
min-height:100px;
height:auto;
margin:10px 0 0;
}

.riyo_op dl{
margin:0;
padding:0;
}

.riyo_op dl dt{
margin:0;
padding:0;
width:340px;
float:left;
}

.riyo_op dl dd{
margin:0;
padding:0;
width:210px;
float:left;
text-align:right;
}

.riyo_toi{
height:20px;
background:url(../img/line_g.gif) repeat-x top left #ebebeb;
padding:15px 0;
text-align:center;
clear:both;
}

.riyo_toi_f{
height:3px;
background:url(../img/line_g.gif) repeat-x top left #ebebeb;
clear:both;
}

.yoyaku_contents{
width:750px;
margin:0 auto 30px;
min-height:700px;
height:auto;
overflow:auto;
}

.yoyaku_ti{
background:url(../img/yoyakuform_ti2.gif) no-repeat top left;
text-indent:-999em;
margin:10px 0 0;
}

.yoyaku_entindex{
width:350px;
margin:0 auto;
padding:30px 50px;
text-align:left;
border: 1px #65a3ff dotted;
background-color:#f1f7ff;
line-height:3em;
}

.yoyaku_index_er{
width:430px;
margin:0 auto;
}

.yoyaku_form{}

.yoyaku_form table{
width:100%;
border:none;
font-size:13px;
}

.yoyaku_form table th{
font-weight:normal;
text-align:left;
background:url(../img/line_g.gif) repeat-x bottom left ;
vertical-align:middle;
width:25%
}

.yoyaku_form table td{
background:url(../img/line_g.gif) repeat-x bottom left ;
padding:8px 0;
text-align:left;
vertical-align:middle;
width:75%
}

.yoyaku_form table td .yoyaku_sb td{
width:50%;
}

.yoyaku_contents ul{
margin:0 auto;
padding:0;
list-style:none;
width:60%;
clear:both;
}

.yoyaku_contents ul li{
width:50%;
float:left;
padding:0 0 10px;
margin:0;
text-align:center;
}

.yoyaku_contents ul li:first-child{
width:100%;
}

.price_ti{
background:url(../img/ryokin_ti.gif) no-repeat top left;
text-indent:-999em;
}


/* 施設
----------------------------------------------- */
.shise_bg{
background:url(../img/shise_bg.gif) repeat-x top left;
text-align:center;
margin:0;
padding:10px 0 0;
}

div#shise_btn{
 width:300px;
 padding-top:3px;
 background:url(../img/line_g6.gif) repeat-x top left;
}

#shise_btn2{
width:81%;
background:url(../img/line_g6.gif) repeat-x top left;
padding:3px 0 0;
margin:0 0 0 45px;
clear:both;
}

#shise_btn2 a{
display:block;
width:auto;
float:left;
margin:0;
padding:0;
}

#shise_btn2 a:nth-child(3),#shise_btn2 a:nth-child(4){
padding:0 0 3px;
background:url(../img/line_g6.gif) repeat-x bottom left;
}

div#shise_btn_f{
 margin-top:3px;
 width:300px;
 height:3px;
 background:url(../img/line_g6.gif) repeat-x top left;
}

.shise_map{
padding:20px 0;
}

.shise_map_sp{
display:none;
}

.shise_dtl{
display:none;
}

.shise_kotoba ul{
margin:0 auto;
padding:0;
list-style:none;
width:97.5%;
}

.shise_kotoba ul li{
width:50%;
float:left;
text-align:center;
}

.shise_come{
display:block;
}

.shise_come img{
padding:4em;
}
 


/* キャンプ場・まんてんにとまる
----------------------------------------------- */
.camp_stay_ti{
background:url(../img/camp_ti.gif) no-repeat top left;
text-indent:-999em;
}

.camp_img{
text-align:center;
}

.camp_info{}

.camp_info table{
width:100%;
}

.camp_info table th{
background-color:#eff2e9;
width:30%;
text-align:center;
font-weight:normal;
vertical-align:middle;
}

.camp_info table td{
width:70%;
padding:5px;
}

.riyo_price{
display:block;
width:100%;
overflow:auto;
}

.riyo_price2{
display:block;
width:100%;
}

.riyo_price2 table{
width:100%;
}

.riyo_price2 table td{
width:auto;
}

.table_txt{
display:none;
}

.manten_ti{
background:url(../img/manten_ti.gif) no-repeat top left;
text-indent:-999em;
}

/* まんてん
----------------------------------------------- */
#kiyaku,#kiyaku2{
min-height:700px;
clear:both;
height:auto;
overflow:auto;
}

#kiyaku dl,#kiyaku2 dl{
margin:0;
padding:0;
display: flex;
flex-wrap: wrap;
}

#kiyaku dt,#kiyaku2 dt{
width:90px;
background:url(../img/line_g.gif) repeat-x bottom left;
text-align:center;
box-sizing: border-box;
padding: 1em 1em 1em 2em;
margin: 0px;
display: flex;
flex-direction: column;
justify-content: center;
}

#kiyaku dd,#kiyaku2 dd{
width:655px;
background:url(../img/line_g.gif) repeat-x bottom left;
padding: 0.5em;
margin: 0px;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
}

#kiyaku dt.check,#kiyaku2 dt.check{
width:90px;
margin:0;
padding:8px 0 0;
float:left;
min-height:50px;
background-color:#eff2e9;
background-image:none;
text-align:center;
}

#kiyaku dd.check2,#kiyaku2 dd.check2{
width:655px;
margin:0;
padding:8px 0 0;
float:left;
min-height:50px;
background-color:#eff2e9;
text-align:center;
background-image:none;
}


#manten_m{
clear:both;
width:100%;
height:45px;
}

#manten_m ul{
list-style:none;
margin:0;
padding:0;
}

#manten_m li{
display:block;
margin:0 5px 0 0;
padding:3px 0;
float:left;
}

#manten_m li:last-child{
margin:0 0 0 0;
}

#manten_m li a{
text-decoration:none;
}

#manten_m li a:hover{
text-decoration:none;
filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#man_step{
margin:0 0 20px;
padding:0;
clear:both;
min-height:260px;
height:auto;
width:100%;
}

#man_step dl{
margin:0;
padding:0;
}

#man_step dt{
width:100px;
float:left;
background:url(../img/line_g.gif) repeat-x bottom left;
text-align:left;
color:#608c3e;
padding:5px 0 0;
margin:0;
min-height:50px;
}

#man_step dd{
width:420px;
float:left;
background:url(../img/line_g.gif) repeat-x bottom left;
text-align:left;
padding:5px 0 0;
margin:0;
min-height:50px;
}

#man_step table{}

#man_step th{
width:20%;
background:url(../img/line_g.gif) repeat-x bottom left;
text-align:left;
color:#608c3e;
padding:5px 0 0;
margin:0;
min-height:50px;
font-weight:normal;
white-space: nowrap;
vertical-align:top;
}

#man_step td{
width:80%;
background:url(../img/line_g.gif) repeat-x bottom left;
text-align:left;
padding:5px 0;
min-height:50px;
}

/* スヌーズレン
----------------------------------------------- */
.snoz_ti{
background:url(../img/snz_ti.gif) no-repeat top left;
text-indent:-999em;
}

/* レストラン
----------------------------------------------- */

.rest_menu_area{
background:#e7deb3;
min-height:600px;
height:auto;
overflow:auto;
border-radius:10px;
}

.rest_menu_h{
width:95%;
height:40px;
margin:0 auto;
padding:15px 0;
background:url(../img/menu_h.gif) no-repeat center center;
text-indent:-999em;
}

.rest_menu_area hr{
width:95%;
}

.rest_menu_area ul{
margin:0 auto;
padding:15px 0 30px;
list-style:none;
width:95%;
min-height:150px;
}

.rest_menu_area ul li{
width:25%;
float:left;
text-align:center;
padding:0 0 10px;
}

.rest_menu_area p{
clear:both;
}

.rest_menu_area p.sb_menu{
margin:0 auto;
padding:15px 0 30px;
width:95%;
}

.shop_ti{
background:url(../img/shop_osusume_ti.gif) no-repeat top left;
text-indent:-999em;
}

.shop_ti2{
background:url(../img/shop_pokettory_ti.gif) no-repeat top left;
text-indent:-999em;
}

.shop_list{
min-height:300px;
height:auto;
overflow:auto;
}

.shop_list ul,.shop_list2 ul{
margin:0 auto;
padding:15px 0 30px;
list-style:none;
width:95%;
min-height:150px;
}

.shop_list ul li{
width:50%;
float:left;
text-align:center;
padding:0 0 10px;
}

.shop_list2{
min-height:300px;
height:auto;
overflow:auto;
}

.shop_list2 ul li{
width:33.2%;
float:left;
text-align:center;
padding:0 0 10px;
min-height:120px;
}

/* スタッフ
----------------------------------------------- */
.staff_ti{
background:url(../img/staff_ti.gif) no-repeat top left;
text-indent:-999em;
}

.staff_ti2{
background:url(../img/staff_ti.gif) no-repeat top left;
text-indent:-999em;
}

.staff_list{}

.staff_list table,.staff_list2 table{
width:100%;
}

.staff_list table td{
width:50%;
}

.stf_p{}

.staff_list2 table td{
width:49%;
padding:0 1em 0 0;
}

.staff_list2 table td p{
font-weight:normal;
text-align:left;
}


/* 交通
----------------------------------------------- */
.access_ti{
background:url(../img/access_ti.gif) no-repeat top left;
text-indent:-999em;
}

.access_map{
min-height:390px;
margin:0 0 10px;
clear:both;
}

.access_map dl{
margin:0;
padding:0;	
}

.access_map dl dt{
width:55%;
float:left;
text-align:left;
margin:0;
padding:0;
}

.access_map dl dd{
width:45%;
float:left;
margin:0;
padding:0;
}

.access_dmap{}

.access_sp_dmap{
display:none;
}

/* 団体
----------------------------------------------- */
.dantai_ti{
background:url(../img/dantai_ti.gif) no-repeat top left;
text-indent:-999em;
}

.dan_tel{
background:#ebf7ff;
padding:8px 0;
text-align:center;
min-height:30px;
height:auto;
}

.dan_tel ul{
margin:0 auto;
padding:0;
list-style:none;
width:80%;
}

.dan_tel ul li{
width:50%;
float:left;
text-align:center;
padding:5px 0 0;
}

.dan_list ol{
margin: 0;
padding: 0	
}

.dan_list ol li{
list-style: none;
padding-left: 1.3em;
text-indent: -1.3em;
}

/* ボランティア
----------------------------------------------- */
.volunteer_ti{
background:url(../img/volunteer_ti.gif) no-repeat top left;
text-indent:-999em;
}

div#vl_yoko{
border-bottom:#cccccc solid 2px;
border-top:#cccccc solid 2px;
margin:10px 0;
padding:5px 0;
}

#vl_yoko table{}

#vl_yoko table th{
width:20%;
background:url(../img/line_g.gif) repeat-x bottom left ;
padding:8px 0;
font-size:9pt;
font-weight:bold;
}

#vl_yoko table td{
width:80%;
background:url(../img/line_g.gif) repeat-x bottom left ;
padding:8px 0;
font-size:9pt;
}

div#vl_yokoshosai{
border:#608c3e solid 1px;
padding:10px;
width:490px;
margin: 20px 0;
}

/* 質問
----------------------------------------------- */
.qa_main_ti{
background:url(../img/qa_ti.gif) no-repeat top left;
text-indent:-999em;
}

.qa_acs_ti{
background:url(../img/qa_acs_ti.gif) no-repeat top left;
text-indent:-999em;
}

.qa_riyo_ti{
background:url(../img/qa_riyo_ti.gif) no-repeat top left;
text-indent:-999em;
}

.qa_mh_ti{
background:url(../img/qa_mh_ti.gif) no-repeat top left;
text-indent:-999em;
}

.qa_ws_ti{
background:url(../img/qa_ws_ti.gif) no-repeat top left;
text-indent:-999em;
}

.qa_res_ti{
background:url(../img/qa_res_ti.gif) no-repeat top left;
text-indent:-999em;
}

.qa_camp_ti{
background:url(../img/qa_camp_ti.gif) no-repeat top left;
text-indent:-999em;
}

.qa_hoka_ti{
background:url(../img/qa_hoka_ti.gif) no-repeat top left;
text-indent:-999em;
}


div#qa_ti{
border-bottom:#cccccc solid 2px;
padding:4px 3px 4px 10px;
margin: 10px 0 3px 0;
background-color:#deebf4;
font-weight: bold;
font-size:11pt;
}

ul.qa{
list-style:none;
margin:0 10px 20px 10px;
}
ul.qa li{
font-size:10pt;
padding:5px;
margin-left:-5px;
background:url(../img/line_g.gif) repeat-x bottom left ;
line-height:145%;
}

div#qa_tia{
border-bottom:#cccccc solid 2px;
padding:4px 3px 4px 10px;
margin: 10px 0 3px 0;
background-color:#efefef;
font-weight: bold;
font-size:11pt;
line-height:145%;
}

p.qa_a{
padding:0px 15px 10px 25px;
font-size:9pt;
line-height:145%;
}

/* 読み物
----------------------------------------------- */
.yomi_ti{
background:url(../img/yomimono_ti.gif) no-repeat top left;
text-indent:-999em;
}

.yomi_recipe{
margin:10px 0 15px;
min-height:260px;
height:auto;
}

.yomi_recipe dl{
margin:0;
padding:0;
}

.yomi_recipe dl dt{
width:20%;
float:left;
text-align:center;
margin:0;
padding:0;
}

.yomi_recipe dl dt div{
font-size:13px;
}

.yomi_recipe dl dd{
width:75%;
float:right;
margin:0;
padding:0;
}

.yomi_bk{
margin:10px 0 15px;
min-height:260px;
height:auto;
}

.yomi_bk ol{
margin:0;
padding:0;
list-style:none;
}

.yomi_bk ol li{
width:25%;
float:left;
text-align:center;
padding:0 0 15px;
min-height:210px;
height:auto;
overflow:auto;
}

.yomi_pdflink{
min-height:40px;
margin:10px 0 0;
clear:both;
}

.yomi_large{
width:400px;
margin:0 auto;
text-align:center;
}

.yomi_large_main{
width:90%;
margin:15px auto 10px;
}

.yomi_large_main h5{
background-color:#eff2e9;
padding:5px;
font-weight:bold;
font-size:130%;
color:#87b960;
text-align:left;
margin:0;
}

.yomi_hakko{
font-size:100%;
color:#666666;
text-align:right;
}

.yomi_txt{
color:#666666;
text-align:left;
font-size:10pt;
line-height:135%;
}

.haihu_ti{
background:url(../img/news_haihu_ti.gif) no-repeat top left;
text-indent:-999em;
}


/* インフォ一覧
----------------------------------------------- */
.info_ti{
background:url(../img/info_ti.gif) no-repeat top left;
text-indent:-999em;
}

/* インフォ詳細
----------------------------------------------- */
.infodetl_ti{
background:url(../img/infodt_ti.gif) no-repeat top left;
text-indent:-999em;
}

/* リンク集
----------------------------------------------- */
.link_ti{
background:url(../img/link_ti.gif) no-repeat top left;
text-indent:-999em;
}

.link_list table{}

.link_list table th{
width:25%;
background:url(../img/line_g.gif) repeat-x bottom left ;
padding:8px 10px 8px 0;
font-size:14px;
font-weight:bold;
}

.link_list table td{
width:75%;
background:url(../img/line_g.gif) repeat-x bottom left ;
padding:8px 0;
font-size:9pt;
}

div#vl_yokoshosai{
border:#608c3e solid 1px;
padding:10px;
width:490px;
margin: 20px 0;
}

/* サイトマップ
----------------------------------------------- */
.site_ti{
background:url(../img/site_ti.gif) no-repeat top left;
text-indent:-999em;
}


/* 窓
----------------------------------------------- */
div#mado{
width: 540px;
padding:10px 0;
margin:0 auto;
}

div#mado ol{
text-align:left;
}


/* サイド
----------------------------------------------- */
div#search{
display:block;
padding:5px;
border:solid 1px #CCCCCC;
text-align:left;
margin:16px 0 10px 0;
min-height:100px;
clear:both;
}

input.src_txt{
width:180px !important;
}

#search p{
text-align:center;
}

#search p input img{
width:78px;
height:auto;
}

div#sub_m{
display:block;
background:#eff2e9;
padding:10px 0;
text-align:right;
margin:10px 0;
}

#sp_sub_m{
display:none;
}

div#sub_m a{
text-decoration:none;
}

div#blog{
display:block;
padding:15px 0 10px;
text-align:center;
min-height:80px;
clear:both;
}

#blog dl{
margin:0;
padding:0;
}

#blog dl dt{
margin:0;
padding:15px 0;
width:45px;
float:left;
}

#blog dl dd{
margin:0;
padding:0;
width:145px;
float:right;
line-height:5em;
}

div.b_body{
background:#ebf7ff;
text-align:center;
padding:10px 0;
}

div.b_body td{
background: url(../img/line_b.gif) repeat-x bottom left;
padding:8px 0;
}

div.b_body a{
text-decoration:underline;
font-size:10pt;
color:#4cacc1;
}

div.b_body a:hover{
text-decoration:none;
font-size:10pt;
color:#c5e2f8;
}


div#toi{
display:block;
width:200px;
padding:10px 0;
text-align:left;
}

div#toi ol{
list-style:none;
}

div#toi li{
background:url(../img/line_g.gif) repeat-x bottom left;
padding:5px 0;
}

.pc_sns{
width:100%;
min-height:150px;
padding:25px 0 0;
height:auto;
clear:both;
}

.pc_sns ul{
margin:0;
padding:0;
list-style:none;
}

.pc_sns ul li{
width:50%;
float:left;
text-align:center;
}

.pc_sns ul li iframe{
width:100%;
height:350px;
border:none;
}

.sp_fb350{
display:none;
}

.sp_sns{
display:none;
}

.sns_ti{
text-align:left;
padding:0 0 10px;
}


/* フッター
----------------------------------------------- */


#foot_line{
height:150px;
background:url(../img/foot_img2.gif) no-repeat bottom center;
padding:10px 0 0;
}

#foot_copy{
width:90%;
padding:10px 0 30px 0;
line-height:135%;
text-align:center;
margin:0 auto 20px;
height:80px;
}

#foot_info{
padding-top:40px;
background:url(../img/foot_img.gif) no-repeat 50px 0;
height:100px;
}


/* ページトップ
----------------------------------------------- */
.scrollTop {
position: fixed;
right: 20px;
bottom: 130px;
opacity: 0;
transition: all 0.4s ease-in-out 0s;
}
 
.scrollTop a {
display: inline-block;
text-decoration:none;
font-size: 30px;
color: #fff;
background: #ffd54e;
padding: 20px 17px;
border-radius: 40px;        /* CSS3草案 */  
-webkit-border-radius: 40px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 40px;   /* Firefox用 */   
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;    
transform: rotate(-90deg);     
}
.scrollTop a:hover{
background: #ffe698;
}


/* フォントなど
----------------------------------------------- */

.f7{
font-size:7pt;
}

.f9{
font-size:8pt;
}

.f9{
font-size:9pt;
}

.f10{
font-size:10pt;
}

.f13{
font-size:13pt;
}

.bold{
font-weight:bold;
}

.red{
color:#FF0000;
}

.green{
color:#608c3e;
}

.brown{
color:#836c40;
}

.white{
color:#ffffff;
}

.pink{
color:#ff4f8c;
}

.skyb{
color:#0187a3;
}


.line135{
line-height:135%;
}

.line2{
line-height: 2em;
}

/*1024px========================================================================================================================================================================================*/

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

/* ヘッダー
----------------------------------------------- */
div#head{
 width:90%;
 padding:20px 0px 5px 0;
 background:url(../img/logo.gif) center top no-repeat;
 height:90px;
 margin:5px auto 0;
 text-align:center;
}

div#head .logo{
 float:none;
 width:45%;
 text-align:center;
 margin:40px auto 0;
 padding:5px 0 0 10px;
}

/* トップ
----------------------------------------------- */

/* アニメ・スライダー */
#top_anime{
	height:250px;
}

#slide{
	height:250px;
	background-color:#f9d600;
}

.frame {
  display:none;
}

.cell {
  display:none;
}


}

/*768px========================================================================================================================================================================================*/

@media screen and (max-width: 768px) {
	
/* ヘッダー
----------------------------------------------- */
div#head{
 width:90%;
 padding:10px 0px 15px 0;
 background:none;
 height:60px;
}


div#head .logo{
 float:none;
 width:60%;
 text-align:center;
 margin:10px auto 0;
 padding:5px 0 10px 0;
 min-height:40px;
}

.h_pc{
display:none;
}

.h_sp{
display:block;
}

#headimg_kaso{
background:url(../img/head_img.gif) center center no-repeat #f9d600;
background-size:auto 100%;
}
	

/* メニュー
----------------------------------------------- */
#main_menu{
	display:none;
}

.hamburger-menu{
display:block;
}

.menu-btn {
    position: fixed;
    top: 15px;
    right: 35px;
    display: flex;
    height: 70px;
    width: 70px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color:none;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    display: block;
    height: 55px;
    width: 46px;
    border-radius: 3px;
    background-color: none;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
	top: 5px;
	content:;
}
.menu-btn span:after {
    top: 5px;
	content: url(../img/sp_hmenu.png);
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
	content: url(../img/sp_hmenu_2.png);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    content:;
	opacity:0; 
}

#menu-btn-check {
    display: none;
}

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #ffe400;
    transition: all 0.5s;/*アニメーション設定*/
}

.menu-content ul {
    padding: 70px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #ccc;
    list-style: none;
	text-align:left;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#666;
    text-decoration: none;
    padding: 5px 15px 5px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #666;
    border-right: solid 2px #666;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 10px;
}

#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}


.hamburger-menu li input {
    display: none;
}/*サブメニュー*/

.ham_m_label{
	padding: 5px 0;
	min-height:20px;
}

.ham_m_sb,.ham_m_sb2 {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.5s;
}

.hamburger-menu li input:checked ~ .ham_m_sb,.hamburger-menu li input:checked ~ .ham_m_sb2 {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}




/* メインボタン
----------------------------------------------- */

div#main_btn{
 margin:10px auto 10px;
 width:90%;
 height:50px;
 padding:3px 0 0;
 background:none;
}

div#main_btn_f{
display:none;
}

div#main_btn a{
display:block;
 width:20%;
 height:auto;
 float:left;
 text-decoration:none;
}

div#main_btn img{
width:100%;
height:auto;
}


/* レイアウト
----------------------------------------------- */
#container{
	width:100%;
	min-height:500px;
}

#main{
	width:100%;
	float:none;
}

#side{
	width:100%;
	float:none;
}

.main_contents{
	width:90%;
	margin:0 auto;
	min-height:500px;
}

.sp_side{
display:block;
width:100%;
margin:0 auto;
min-height:300px;
height:auto;
}

/* トップ
----------------------------------------------- */

/* アニメ・スライダー */
#top_anime{
	height:250px;
}

#slide{
	height:250px;
	width:100%;
	background-color:#f9d600;
}

/* イベント・ワークショップ */
#top_wp{
width:90%;
height:auto;
margin:0 auto 15px;
}

.top_ws_ti{
display:block;
width:100%;
height:50px;
margin:5px auto 0;
background:url(../img/evws_ti.png) no-repeat top left;
background-size:100% auto;
}

.cale_area{
height:auto;
margin:15px 0 0;
padding:0;
clear:both;
}

.cale_area_l{
float:none;
width:100%;
}

.cale_area_r{
float:none;
width:100%;
}


#top_wp table{
width:60%;
}

#top_wp table td{
width:14.2%;
}

.top_wp_list ul{
margin:10px 0 0;
padding:0;
}

.top_wp_list ul li{
margin:0;
padding:5px 0 5px 10px;
list-style:none;
width:100%;
}


.top_wp_list ul li:last-child{
margin:0;	
}

.kyukan_area{
display:none;
}

.kyukan_sp{
display:block;
background-color:#ebebeb;
padding:10px;
margin:0 0 10px;
}

/* トピックス */
div#topic{
 width:90%;
 text-align:left;
 margin:0 auto;
}

div.topic_ti{
 text-align:right;
 background:url(../img/sp_topic_ti.png) no-repeat top left;
 background-size:100% auto;
 height:29px;
 padding:20px 10px 5px 0;
 color:#333333;
}

.main_topi{
 padding:10px 0;
 background:url(../img/line_g.gif) repeat-x bottom left;
 width:100%;
 min-height:100px;
}

div.topi_ce{
float:left;
width:80%;
}

div.topi_ri{
float:right;
width:15%;
}

.topi_date{
text-align:left;
}


/* サイド
----------------------------------------------- */
div#search{
display:none;
}

div#sub_m{
display:none;
}

#sp_sub_m{
display:block;
width:100%;
min-height:100px;
}

#sp_sub_m a{
display:block;
width:33.2%;
float:left;
border-top:#CCC solid 1px;
border-right:#CCC solid 1px;
border-bottom:#CCC solid 1px;
text-align:center;
height:55px;
padding:3px 0 0;
}

#sp_sub_m a:nth-child(3){
border-right:none;
border-bottom:#CCC solid 1px;
}

#sp_sub_m a:nth-child(4){
border-top:none;
}

#sp_sub_m a:nth-child(5){
border-top:none;
border-right:#CCC solid 1px;
}

#sp_sub_m a:nth-child(6){
border-top:none;
border-right:none;
padding:0 0 3px;
}

div#blog{
display:none;
}

div#toi{
display:none;
}

.pc_sns{
padding:15px 0 0;
}

.pc_sns ul{
margin:0 auto;
padding:0;
list-style:none;
width:95%;
}

.sp_sns{
display:block;
width:65%;
height:60px;
margin:10px auto 30px;
}

.sp_sns a{
display:block;
width:48%;
height:60px;
float:left;
margin:0 3px 0 0;
border:#CCC solid 1px;
text-align:center;
}

.pc_sns_kaso{
display:none;
}

/* 文章
----------------------------------------------- */
.br::before{
content: "\A" ;
white-space: pre ;
}

/* トピックス一覧
----------------------------------------------- */
.topi_ti{
background:url(../img/sp_topic_list_ti.png) no-repeat top left;
background-size:100% auto;
}

/* トピックス詳細
----------------------------------------------- */
.topi_del_ti{
background:url(../img/sp_topic_det_ti.png) no-repeat top left;
background-size:100% auto;
}

/* 目指すもの
----------------------------------------------- */
.message_ti{
background:url(../img/sp_mezasu_ti.png) no-repeat top left;
background-size:100% auto;
}

#teiki_ws3{
padding:10px 85px 8px 8px;
background:url(../img/teki_ws_bgf.gif) no-repeat bottom left;
}


/* 利用
----------------------------------------------- */
.riyo_ti{
background:url(../img/sp_riyo_ti.png) no-repeat top left;
background-size:100% auto;
}

.riyo_op dl dt{
margin:0;
padding:0;
width:70%;
float:left;
}

.riyo_op dl dd{
margin:0;
padding:0;
width:30%;
float:left;
text-align:right;
}

.riyo_toi{
height:4em;
}

.yoyaku_contents{
width:90%;
margin:0 auto;
}

.yoyaku_ti{
background:url(../img/yoyakuform_ti2.gif) no-repeat top left;
background-size:100% auto;
}

.yoyaku_entindex{
width:70%;
}

.yoyaku_index_er{
width:70%;
}

/* 施設
----------------------------------------------- */
.shise_map{
display:none;
}

.shise_map_sp{
display:block;
min-height:300px;
padding:20px 0 15px;
}

.shise_map_sp img{
width:100%;
height:auto;
}

.shise_map_sp ul{
margin:10px auto 10px;
padding:0;
list-style:none;
width:97.5%;
min-height:55px;
}

.shise_map_sp ul li{
width:24.5%;
float:left;
text-align:center;
padding:5px 4px 5px 0;
height:55px;
}

.shise_map_sp ul li:last-child{
padding:5px 0;
}

.shise_map_sp ul li a{
color:#FFF;
text-decoration:none;
font-size:17px;
line-height:3em;
font-weight:bold;
}

.shise_map_sp ul li a div{
display:block;
border-radius:10px;
height:55px;
width:100%;
}

.soto{
background-color:#eb7c9b;
}

.naka{
background-color:#bbc700;
}

.camp{
background-color:#fbc027;
}

.mant{
background-color:#6f8cc9;
line-height:1.55em;
}

.shise_dtl{
display:block;
}

.shise_dtl ul{
width:95%;
margin:0 auto;
padding:10px 0;
list-style:none;
min-height:150px;
height:auto;
overflow:auto;
}

.shise_dtl ul li{
width:50%;
float:left;
text-align:left;
font-size:15px;
line-height:1.5em;
}

.shise_kotoba ul li img{
width:100%;
height:auto;
}

.shise_kotoba ul li:nth-child(2) img{
width:70%;
height:auto;
}

.shise_come{
display:none;
}

#shise_btn2{
width:90%;
background:none;
padding:2em 0 0;
}

#shise_btn2 a{
width:auto;
}

#shise_btn2 a img{
width:100%;
height:auto;
}

#shise_btn2 a:nth-child(3),#shise_btn2 a:nth-child(4){
background:none;
}

/* キャンプ場・まんてんにとまる
----------------------------------------------- */
.camp_stay_ti{
background:url(../img/sp_camp_ti.png) no-repeat top left;
background-size:100% auto;
}

.manten_ti{
background:url(../img/sp_manten_ti.png) no-repeat top left;
background-size:100% auto;
}

#manten_m li{
display:block;
width:16.6%;
margin:0;
text-align:center;
}

.camp_info table th{
width:25%;
}

.camp_info table td{
width:75%;
}

/* まんてん
----------------------------------------------- */

#kiyaku dt,#kiyaku2 dt{
width:12%;
}

#kiyaku dd,#kiyaku2 dd{
width:88%;
}

#kiyaku dt.check,#kiyaku2 dt.check{
width:12%;
font-size:12px;
padding:0;
}

#kiyaku dd.check2,#kiyaku2 dd.check2{
width:88%;
font-size:12px;
padding:0;
}

/* スヌーズレン
----------------------------------------------- */
.snoz_ti{
background:url(../img/sp_snz_ti.png) no-repeat top left;
background-size:100% auto;
}

/* ワークショップ
----------------------------------------------- */
.ws_ti{
background:url(../img/ws_ti.gif) no-repeat top left;
background-size:100% auto;
}

.ws_info_ti{
background:url(../img/ws_shokai_ti.gif) no-repeat top left;
background-size:100% auto;
}

div#title_waku img,div#title_waku2 img{
width:100%;
height:auto;
}

.ws_txt_l{
width:70%;
float:left;
}

.ws_txt_r{
width:25%;
float:right;
}

.ws_txt_r img{
width:100%;
height:auto;
}

.ws_cale{
width:100%;
min-height:500px;
height:auto;
}

.ws_cale_l{
width:100%;
float:none;
}

.ws_cale_r{
width:100%;
float:none;
}

.ws_info{
min-height:300px;
height:auto;
}

.ws_info ul li{
margin:10px 0;
padding:0 3px 0 0;
list-style:none;
width:33%;
float:left;
}

.ws_info ul li:nth-child(3n){
padding:0 0 0 0;
}

.ws_info ul li img{
display:block;
width:100%;
height:11em;
overflow:hidden;
}

/* レストラン
----------------------------------------------- */
.rest_menu_area ul{
min-height:120px;
}

.rest_menu_area ul li img{
width:90%;
height:auto;
}

.shop_ti{
background:url(../img/shop_osusume_ti.gif) no-repeat top left;
background-size:100% auto;
}

.shop_ti2{
background:url(../img/shop_pokettory_ti.gif) no-repeat top left;
background-size:100% auto;
}

.shop_list ul,.shop_list2 ul{
margin:0 auto;
padding:15px 0 30px;
list-style:none;
width:95%;
min-height:150px;
}

.shop_list ul li img{
width:90%;
height:auto;
}

.shop_list2 ul li{
min-height:240px;
}

.shop_list2 ul li img{
width:75%;
height:auto;
}



/* スタッフ
----------------------------------------------- */
.staff_ti{
background:url(../img/sp_staff_ti.png) no-repeat top left;
background-size:100% auto;
}

/* 交通
----------------------------------------------- */
.access_ti{
background:url(../img/sp_access_ti.png) no-repeat top left;
background-size:100% auto;
}

.access_map dl dt{
width:45%;
}

.access_map dl dd{
width:55%;
}

.access_dmap{
text-align:center;
}

/* 団体
----------------------------------------------- */
.dantai_ti{
background:url(../img/sp_dantai_ti.png) no-repeat top left;
background-size:100% auto;
}

/* ボランティア
----------------------------------------------- */
.volunteer_ti{
background:url(../img/sp_volunteer_ti.png) no-repeat top left;
background-size:100% auto;
}

/* 質問
----------------------------------------------- */
.qa_main_ti{
background:url(../img/sp_qa_ti.png) no-repeat top left;
background-size:100% auto;
}

.qa_acs_ti{
background:url(../img/sp_qa_acs_ti.png) no-repeat top left;
background-size:100% auto;
}

.qa_riyo_ti{
background:url(../img/sp_qa_riyo_ti.png) no-repeat top left;
background-size:100% auto;
}

.qa_mh_ti{
background:url(../img/sp_qa_mh_ti.png) no-repeat top left;
background-size:100% auto;
}

.qa_ws_ti{
background:url(../img/sp_qa_ws_ti.png) no-repeat top left;
background-size:100% auto;
}

.qa_res_ti{
background:url(../img/sp_qa_res_ti.png) no-repeat top left;
background-size:100% auto;
}

.qa_camp_ti{
background:url(../img/sp_qa_camp_ti.png) no-repeat top left;
background-size:100% auto;
}

.qa_hoka_ti{
background:url(../img/sp_qa_hoka_ti.png) no-repeat top left;
background-size:100% auto;
}

/* 読み物
----------------------------------------------- */
.yomi_ti{
background:url(../img/sp_yomimono_ti.png) no-repeat top left;
background-size:100% auto;
}

/* インフォ一覧
----------------------------------------------- */
.info_ti{
background:url(../img/sp_info_ti.png) no-repeat top left;
background-size:100% auto;
}

/* インフォ詳細
----------------------------------------------- */
.infodetl_ti{
background:url(../img/sp_infodt_ti.png) no-repeat top left;
background-size:100% auto;
}

/* リンク集
----------------------------------------------- */
.link_ti{
background:url(../img/sp_link_ti.png) no-repeat top left;
background-size:100% auto;
}

/* サイトマップ
----------------------------------------------- */
.site_ti{
background:url(../img/sp_site_ti.png) no-repeat top left;
background-size:100% auto;
}

/* カレンダー
----------------------------------------------- */
.page_area table{
width:60%;
}

.page_area table td{
width:14.2%;
}

/* フッター
----------------------------------------------- */

#foot_line{
height:100px;
background:url(../img/foot_img2.gif) no-repeat top center;
background-size:160% auto;
margin:10px 0 0;
}

#foot_copy{
width:90%;
margin:0 auto;
padding:10px 0 30px 0;
line-height:135%;
text-align:left;
font-size:80%;
}

.foot_logo{
display:block;
width:100%;
font-size:120%;
text-align:center;
font-weight:bold;
color:#000;
}

.foot_br::before {
content: "\A" ;
white-space: pre ;
}

}


/*481px========================================================================================================================================================================================*/

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

/* レイアウト
----------------------------------------------- */
#container{
min-height:500px;
}

.main_contents{
min-height:400px;
}	
	
/* ヘッダー
----------------------------------------------- */
div#head{
 width:90%;
 padding:8px 0px 5px 10px;
 background:none;
 height:60px;
 margin:0 auto;
}

div#head .logo{
 float:none;
 width:100%;
 text-align:left;
 margin:10px auto 0;
 padding:10px 0 0;
}

div#head .logo img{
width:85%;
height:auto;
}

#headimg_kaso{
height:65px;
background:url(../img/head_img.gif) center center no-repeat #f9d600;
background-size:auto 100%;
}

/* メニュー
----------------------------------------------- */
.menu-btn {
    position: fixed;
    top: 5px;
    right: 10px;
    height: 40px;
    width: 40px;
}

.menu-content ul {
    padding: 35px 10px 0;
}

.menu-content ul li a {
    font-size: 13.5px;
    padding: 2px 15px 2px 0;
}
.menu-content ul li a::before {
    top: 6px;
}

.ham_m_label{
	padding: 2px 0;
	min-height:10px;
}

/* メインボタン
----------------------------------------------- */

div#main_btn{
 margin:10px auto 15px;
 width:90%;
 min_height:100px;
 height:100px;
 padding:3px 0 0;
 background:none;
}

div#main_btn a{
display:block;
 width:33.3%;
 height:auto;
 float:left;
 text-decoration:none;
}

div#main_btn a:nth-child(4){
	margin:0 0 0 5em;
}

/* トップ
----------------------------------------------- */
/* アニメ・スライダー */
#top_anime{
height:180px;
}

#slide{
height:180px;
}

/* イベント・ワークショップ */
#top_wp{
width:98%;
height:auto;
margin:0 auto 15px;
}

.top_ws_ti{
background:url(../img/sp_evws_ti.png) no-repeat top left;
background-size:100% auto;
}

#top_wp table{
width:98%;
}

#top_wp table td img{
width:98%;
height:auto;
}

.top_wp_list ul{
width:98%;
}

.kyukan{
font-size:15px;
}

/* トピックス */
div#topic{
 width:98%;
}

div.topic_ti{
 text-align:left;
 background:url(../img/sp_topic_ti2.png) no-repeat top left;
 background-size:100% auto;
 height:30px;
 padding:55px 10px 5px 0;
 color:#333333;
}

div#topic h3,.topi_ce h3{
 min-height:20px;
 height:auto;
 overflow:auto;
}

.main_topi{
 padding:10px 0;
 background:url(../img/line_g.gif) repeat-x bottom left;
 width:95%;
 min-height:100px;
 margin:0 auto;
}

div.topi_ce{
float:left;
width:75%;
margin:0;
padding:0;
}

div.topi_ri{
float:left;
width:15%;
margin:0;
padding:0;
}

.topi_date{
text-align:left;
}

/* カレンダー
----------------------------------------------- */
.page_area table{
width:98%;
}

.page_area table td img{
width:98%;
height:auto;
}

.month_link{
font-size:11px;
}

.kyukan{
margin:0;
padding:0;
}

.kyukan img{
width:98%;
height:auto;	
}

/* ニュース・テキスト
----------------------------------------------- */
div#pdf_le{
width:100%;
float:none;
padding-right:0;
text-align:center;
}

div#pdf_ri{
width:100%;
float:none;
}

/* トピックス一覧
----------------------------------------------- */
.topi_ti{
background:url(../img/sp_topic_list_ti2.png) no-repeat top left;
background-size:100% auto;
}

div.list_hyoji_le{
padding-top:10px;
width:100%;
float:none;
text-align:center;
}

div.list_hyoji_ri{
width:100%;
float:none;
text-align:center;
padding-top:10px;
}

/* トピックス詳細
----------------------------------------------- */
.topi_del_ti{
background:url(../img/sp_topic_det_ti2.png) no-repeat top left;
background-size:100% auto;
}

div#tpi_detail{
padding:10px 0;
width:100%;
min-height:100px;
height:auto;
overflow:auto;
}

div#tpi_d_le{
float:none;
width:100%;
min-height:100px;
height:auto;
}

div#tpi_d_ri{
float:none;
width:100%;
text-align:center;
}

/* 目指すもの
----------------------------------------------- */
.message_ti{
background:url(../img/sp_mezasu_ti2.png) no-repeat top left;
background-size:100% auto;
}

#mess_btm{
padding:10px 0 5px;
min-height:70px;
clear:both;
}


#mess_btm img{
padding:0 0 5px;
}

#mess_sbbtm ul li{
width:100%;
float:none;
padding:0;
}

.mess_ws ul li{
width:100%;
float:none;
padding:0;
background:url(../img/sp_teki_ws_bgh.png) no-repeat 0 18px;
background-size:100% auto;
min-height:150px;
margin:0;
}

.mess_ws ul li:nth-child(2n){
margin:0 0 15px 0;
}


.teiki_ws_ti{
width:100%;
}

div#teiki_ws_le{
width:100%;
float:none;
padding:30px 0 10px;
font-size:14px;
text-align:center;
}
div#teiki_ws_ri{
width:100%;
float:none;
text-align:center;
}

#teiki_ws3{
padding:10px;
background:url(../img/sp_teki_ws_bgf.png) no-repeat bottom left;
background-size:100% auto;
min-height:70px;
}


/* 利用
----------------------------------------------- */
.riyo_ti{
background:url(../img/sp_riyo_ti2.png) no-repeat top left;
background-size:100% auto;
}

.riyo_op dl dt{
width:100%;
float:none;
}

.riyo_op dl dd{
width:100%;
float:none;
text-align:center;
padding:0 0 10px;
}

.yoyaku_ti{
background:url(../img/sp_yoyakuform_ti2.png) no-repeat top left;
background-size:100% auto;
}

.yoyaku_entindex{
width:85%;
padding:30px 1em;
}

.yoyaku_index_er{
width:90%;
}

.yoyaku_form table th{
background:none;
display:block;
width:100%;
padding:1em 0 0;
}

.yoyaku_form table td{
display:block;
width:100%
}

.yoyaku_form table td table.yoyaku_sb td{
display:block;
width:70%
}

.yoyaku_form table td table.yoyaku_sb td:nth-child(odd){
background:none;
}

.yoyaku_contents ul{
margin:0;
width:100%;
}

.yoyaku_contents ul li{
width:100%;
float:none;
}

.price_ti{
background:url(../img/sp_ryokin_ti.png) no-repeat top left;
background-size:100% auto;
}

/* 施設
----------------------------------------------- */
.shise_map_sp{
display:block;
min-height:200px;
padding:20px 0 15px;
}

.shise_map_sp ul{
margin:10px auto 10px;
padding:0;
list-style:none;
width:97.5%;
min-height:100px;
}

.shise_map_sp ul li{
width:49%;
padding:5px 3px 5px 0;
height:55px;
}

.shise_map_sp ul li:nth-child(2n){
padding:5px 0;
}

.shise_map_sp ul li a{
font-size:16px;
line-height:3.3em;
}

.shise_map_sp ul li a div{
display:block;
border-radius:10px;
height:55px;
width:100%;
}

.shise_dtl ul li{
width:100%;
float:none;
font-size:14px;
line-height:1.5em;
}

.shise_kotoba ul{
margin:10px auto 0;
width:95%;
min-height:200px;
}

.shise_kotoba ul li{
width:100%;
float:none;
padding:10px 0 0;
}

.shise_kotoba ul li img{
width:100%;
height:auto;
}

.shise_kotoba ul li:nth-child(2) img{
width:50%;
height:auto;
}

#shise_btn2{
width:95%;
padding:0;
margin:0 0 0 10.5%;
}


/* キャンプ場・まんてんにとまる
----------------------------------------------- */
.camp_stay_ti{
background:url(../img/sp_camp_ti2.png) no-repeat top left;
background-size:100% auto;
}

.manten_ti{
background:url(../img/sp_manten_ti2.png) no-repeat top left;
background-size:100% auto;
}

.camp_img img{
width:95%;
height:auto;
}

#manten_m{
width:75%;
margin:0 auto;
}

#manten_m li{
display:block;
width:33.3%;
margin:0;
text-align:center;
}

.riyo_price{
display:block;
width:100%;
overflow:scroll;
}

.table_txt{
display:block;
}


/* まんてん
----------------------------------------------- */
#kiyaku dt,#kiyaku2 dt{
width:16%;
}

#kiyaku dd,#kiyaku2 dd{
width:84%;
}

#kiyaku dt.check,#kiyaku2 dt.check{
width:16%;
font-size:12px;
}

#kiyaku dd.check2,#kiyaku2 dd.check2{
width:84%;
font-size:12px;
}

/* スヌーズレン
----------------------------------------------- */
.snoz_ti{
background:url(../img/sp_snz_ti2.png) no-repeat top left;
background-size:100% auto;
}


/* ワークショップ
----------------------------------------------- */
.ws_ti{
background:url(../img/sp_ws_ti.png) no-repeat top left;
background-size:100% auto;
}

.ws_info_ti{
background:url(../img/sp_ws_shokai_ti.png) no-repeat top left;
background-size:100% auto;
}

div#title_waku{
min-height:50px;
height:auto;
overflow:auto;
}

.ws_cale_area{
width:98%;
}

.ws_cale_area table{
width:98%;
}

.ws_cale_area table td img{
width:98%;
height:auto;
}

.ws_info ul li{
margin:10px 0;
padding:0 0 0 0;
width:100%;
float:none;
min-height:8em;
height:auto;
overflow:auto;
}

.ws_info ul li img{
display:block;
width:30%;
height:auto;
float:left;
padding:0 0 1em;
}

.ws_info_bun{
display:block;
width:65%;
float:right;
min-height:100px;
height:auto;
padding:0 0 1em;
font-size:13px;
line-height:1.2em;
}

div#ws_nati{
padding:0 0 2px;
margin:0 auto 10px;
}

.ws_txt_l{
width:100%;
float:none;
}

.ws_txt_r{
width:60%;
float:none;
margin:0 auto;
}

.ws_list{
min-height:100px;
height:auto;
}

/* レストラン
----------------------------------------------- */
.rest_menu_h{
background:url(../img/menu_h.gif) no-repeat center center;
background-size:140% auto;
}

.rest_menu_area ul{
min-height:120px;
}

.rest_menu_area ul li{
width:49%;
}

.shop_ti{
background:url(../img/sp_shop_osusume_ti.png) no-repeat top left;
background-size:100% auto;
}

.shop_ti2{
background:url(../img/sp_shop_pokettory_ti.png) no-repeat top left;
background-size:100% auto;
}


.shop_list2 ul li{
width:49%;
}

.shop_list2 ul li img{
width:75%;
height:auto;
}

/* スタッフ
----------------------------------------------- */
.staff_ti{
background:url(../img/sp_staff_ti2.png) no-repeat top left;
background-size:100% auto;
}

.staff_list table td img{
width:80%;
height:auto;
}

.staff_ti2{
background:url(../img/sp_staff_ti2.png) no-repeat top left;
background-size:100% auto;
}

.stf_p img{
width:100%;
height: auto;
}

.staff_list2 table td{
display:block;
width:100%;
float:none;
padding:0;
}

/* 交通
----------------------------------------------- */
.access_ti{
background:url(../img/sp_access_ti2.png) no-repeat top left;
background-size:100% auto;
}

.access_map dl dt{
width:100%;
float:none;
text-align:center;
}

.access_map dl dd{
width:100%;
float:none;
padding:10px 0 0;
}

.access_dmap{
display:none;
}

.access_sp_dmap{
display:block;
}

.access_sp_dmap img{
width:100%;
height:auto;
}

.dmap_no{
font-size:17px;
text-align:center;
}

/* 団体
----------------------------------------------- */
.dantai_ti{
background:url(../img/sp_dantai_ti2.png) no-repeat top left;
background-size:100% auto;
}

.dan_tel{
min-height:30px;
height:auto;
}

.dan_tel ul{
margin:0 auto;
padding:0;
list-style:none;
width:55%;
}

.dan_tel ul li{
width:100%;
float:none;
text-align:left;
padding:0;
margin:0;
}

/* ボランティア
----------------------------------------------- */
.volunteer_ti{
background:url(../img/sp_volunteer_ti2.gif) no-repeat top left;
background-size:100% auto;
}

#vl_yoko table th{
display:block;
width:100%;
background:none ;
padding:8px 0 0;
}

#vl_yoko table td{
display:block;
width:100%;
padding:8px 0;
}

/* 質問
----------------------------------------------- */
.qa_main_ti{
background:url(../img/sp_qa_ti2.png) no-repeat top left;
background-size:100% auto;
}

.qa_acs_ti{
background:url(../img/sp_qa_acs_ti2.png) no-repeat top left;
background-size:100% auto;
}

.qa_riyo_ti{
background:url(../img/sp_qa_riyo_ti2.png) no-repeat top left;
background-size:100% auto;
}

.qa_mh_ti{
background:url(../img/sp_qa_mh_ti2.png) no-repeat top left;
background-size:100% auto;
}

.qa_ws_ti{
background:url(../img/sp_qa_ws_ti2.png) no-repeat top left;
background-size:100% auto;
}

.qa_res_ti{
background:url(../img/sp_qa_res_ti2.png) no-repeat top left;
background-size:100% auto;
}

.qa_camp_ti{
background:url(../img/sp_qa_camp_ti2.png) no-repeat top left;
background-size:100% auto;
}

.qa_hoka_ti{
background:url(../img/sp_qa_hoka_ti2.png) no-repeat top left;
background-size:100% auto;
}

/* 読み物
----------------------------------------------- */
.yomi_ti{
background:url(../img/sp_yomimono_ti2.png) no-repeat top left;
background-size:100% auto;
}

.yomi_recipe{
margin:10px 0 15px;
min-height:260px;
height:auto;
}

.yomi_recipe dl dt{
width:100%;
float:none;
}

.yomi_recipe dl dd{
width:100%;
float:none;
}

.yomi_bk ol li{
width:33.2%;
float:left;
text-align:center;
min-height:230px;
}

.yomi_large{
width:90%;
}

.haihu_ti{
background:url(../img/sp_news_haihu_ti.png) no-repeat top left;
background-size:100% auto;
}


/* インフォ一覧
----------------------------------------------- */
.info_ti{
background:url(../img/sp_info_ti2.png) no-repeat top left;
background-size:100% auto;
}

/* インフォ詳細
----------------------------------------------- */
.infodetl_ti{
background:url(../img/sp_infodt_ti2.png) no-repeat top left;
background-size:100% auto;
}

/* リンク集
----------------------------------------------- */
.link_ti{
background:url(../img/sp_link_ti2.png) no-repeat top left;
background-size:100% auto;
}

.link_list table th{
display:block;
width:100%;
background:none;
padding:8px 10px 8px 0;
font-size:14px;
}

.link_list table td{
display:block;
width:100%;
background:url(../img/line_g.gif) repeat-x bottom left ;
padding:8px 0;
font-size:9pt;
}

/* サイトマップ
----------------------------------------------- */
.site_ti{
background:url(../img/sp_site_ti2.png) no-repeat top left;
background-size:100% auto;
}

/* 窓
----------------------------------------------- */
div#mado{
width: 90%;
}

/* サイド
----------------------------------------------- */
#sp_sub_m{
display:block;
width:100%;
min-height:180px;
height:auto;
clear:both;
}

#sp_sub_m a{
display:block;
width:49.8%;
float:left;
border-top:#CCC solid 1px;
border-right:#CCC solid 1px;
border-bottom:none;
text-align:center;
height:55px;
}

#sp_sub_m a:nth-child(2){
border-right:none;
}

#sp_sub_m a:nth-child(3){
border-right:#CCC solid 1px;
border-bottom:#CCC solid 1px;
}

#sp_sub_m a:nth-child(4){
border-top:#CCC solid 1px;
border-right:none;
border-bottom:#CCC solid 1px;
}

#sp_sub_m a:nth-child(5){
border-right:#CCC solid 1px;
border-bottom:#CCC solid 1px;
}

#sp_sub_m a:nth-child(6){
border-right:none;
border-bottom:#CCC solid 1px;
}

#sp_sub_m img{
width:98%;
height:auto;
}

.pc_sns ul li{
width:100%;
float:none;
text-align:center;
}

.pc_sns ul li iframe{
width:95%;
margin:0 auto;
text-align:center;
}

.fb_pc{
display:none;
}

.sp_fb350{
display:block;
width:90%;
margin:0 auto;
text-align:center;
}

.sp_sns{
display:block;
width:98%;
height:60px;
margin:10px auto 30px;
}

.sp_sns a{
display:block;
width:49%;
height:60px;
float:left;
margin:0 3px 0 0;
border:#CCC solid 1px;
text-align:center;
}

.sp_sns a:last-child{
margin:0;
}

.sp_sns img{
width:98%;
height:auto;
}

/* フッター
----------------------------------------------- */

#foot_line{
height:80px;
background:url(../img/foot_img2.gif) no-repeat 45% 0%;
background-size:200% auto;
}

#foot_copy{
width:95%;
margin:0 auto;
padding:10px 0 30px 0;
line-height:140%;
text-align:left;
font-size:90%;
min-height:100px;
}

.foot_logo{
font-size:150%;
}

/* 文章
----------------------------------------------- */

.bun img{
width:40%;
height:auto;
}

.br_480::before{
content: "\A" ;
white-space: pre ;
}

/* DL */
.file_dl ul li{
width:100%;
float:none;
padding:0 0 10px;
}

}