/*
Theme Name:みくらしま2022_responsive
Theme URI:https://www.mikura-isle.net/
Description:みくらしま2022_responsive
Author:NaomiYamaguchi
*/

/* reset ---------------------------------------- */
*	{ margin:0; padding:0; box-sizing:border-box; }
body 	{
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.3;
	background:url(img/main_bg.jpg) no-repeat #fff -50px -50px;
}
a		{ color:#333333; } 
a:link		{ color:#0064B2; text-decoration:none; } 
a:visited	{ color:#0064B2; text-decoration:none; } 
a:hover		{ color:#0099ff; text-decoration:none; } 
a:active	{ color:#99cc33; text-decoration:none; } 

.clearfix,.cf	{ zoom:1; }
.clearfix:before, .clearfix:after,
.cf:before, .cf:after	{ content:""; display:table; }
.clearfix:after,.cf:after { clear:both; }

.show_more	{  }
p.wpsm-show {  }
.wpsm-content { margin-bottom:1rem; }
p.wpsm-hide { margin-top:1rem; }
p.wpsm-hide::before { content:" "; padding-top:1.5rem; display:block; }

br.sp	{ display:none; }

/*---Basic Structure------menu is written in the nav section-------------*/

#wrapper	{ padding:0;margin:20px auto; text-align:left; width:980px; }
#header_container	{ display:flex; width:980px;height:85px; }
/*
#main_container	{ padding:0;margin:20px 0 0;width:980px; }
#main		{ padding:0;margin:0 0 30px 0;float:left;width:700px; }
#side		{ padding:0;margin:0;float:right;width:250px; }
*/

#main_container	{ display:flex;width:980px; margin:20px 0 0; }
#main		{ width:700px; margin:0 30px 0 0;  }
#side		{ width:250px; position:sticky; top:0; height:100%; }

/*---ヘッダー----------------------------------------------------------*/

h1 a,
.logo a { display:block;width:450px;height:35px; margin:15px 0 0 0;background:url(img/logo.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#header_container .left h2	{ display:block;width:450px;height:20px; margin:5px 0 0 0;background:url(img/logo_sub.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#header_container .right	{ padding:15px 0 0 0; width:520px;height:30px; }
#header_container .right ul.lang{ padding:3px 0 0 0;margin:0 0 0 170px;list-style-type:none;width:120px;height:24px;float:left; }
#header_container .right li.lang_jp	{ float:left;text-indent:-9999px;background:url(img/lang_jp.gif) no-repeat; }
#header_container .right li.lang_jp a	{ display:block;width:49px;height:17px; }
#header_container .right li.lang_en	{ float:left;text-indent:-9999px;background:url(img/lang_en.gif) no-repeat; }
#header_container .right li.lang_en a	{ display:block;width:67px;height:17px; }

#header_container .right .search	{ color:#000; width:220px; float:right; height:25px; border-radius:15px;  border:1px solid #ccc; position:relative; }
#header_container .right .search #searchform	{ position:relative; width:200px; font-size:.8rem; }
#header_container .right .search #searchform input[type="text"] { padding:0 0 0 2rem; border:none; background:none; }
#header_container .right .search #s-box		{ height:25px; padding:0 ; position:absolute; left:0; top:0; border-radius:2px; outline:0; background:#fff; }
#header_container .right .search #searchBtn	{ height:25px; position:absolute; left:10px; top:0; background:none; color:#666; border:none; font-size:16px; }
#header_container .right .search #searchBtn:hover{ color:#7fbfff; }

#header_container .right .sns			{ padding:0; margin:10px 0 0 0; /*width:280px;*/ height:30px; overflow:hidden; float:right; position:relative; bottom:0; right:-220px; }
#header_container .right .sns span		{ margin:0 0 0 1px; height:20px; overflow:hidden; }
#header_container .right .sns span.tweet	{ width:85px; }
#header_container .right .sns span.fb		{ width:120px; position:relative; top:4px; }

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

#footer_container	{ padding:0;margin:0 0 20px 0;}
#footer_container .copyright { color:#333;font-size:10px;text-align:center; }
#footer_container ul	{ padding:8px 0;margin:0;width:980px;height:30px;font-size:10px;list-style-type:none;background:url(img/footer_nav_bg.gif) 0 0 no-repeat; }
#footer_container li	{ padding:0 10px;line-height:12px;float:left;list-style:none;border-right:1px solid #ff0; }
#footer_container li a	{ line-height:14px;color:#fff; }
#footer_container li a:hover { color:#ff0;text-decoration:underline; }
.copyright	{ font-size:10px; text-align:center; }
#footer_container .right { display:none; }

/*---メニュー----------------------------------------------------------*/
#menu-mainmenu		{ width:980px; height:50px; display:flex; justify-content:space-around;align-items:center;background:#1861ae;border-radius:5px; }
#menu-mainmenu li	{ list-style:none; }
#menu-mainmenu li a 	{ color:#fff; }

.inner		{ width: 980px; /*margin: 0 auto;*/ /*border:2px solid #f0f;*/ }
.inner:after	{ content: "";clear: both;display: block; }
/* header */
#top-head	{ top: 0; position: relative; /*width: 100%;*/ margin: 0 auto; line-height: 1;z-index: 999; }
#top-head a,
#top-head	{ color: #fff; text-decoration: none; }
#top-head .inner{ position: relative; }
#top-head .logo { display:none;  }
#global-nav ul	{ display:flex; justify-content:space-around;align-items:center; list-style: none; height:50px; background:#1861ae;border-radius:5px; /*position: absolute;right: 0;bottom: 0;*/font-size: 14px; border:0px solid #000;  }
#global-nav ul li { /*float: left;*/ }
#global-nav ul li a { /*padding: 0 30px;*/ }
#global-nav ul li:nth-last-child(1) { display:none; }

/* Toggle Button */
#nav-toggle { display: none;position: absolute;right: 12px;top: 14px;width: 34px;height: 36px;cursor: pointer;z-index: 101; }
#nav-toggle div {position: relative; }
#nav-toggle span {display: block;position: absolute;height: 4px;width: 100%;background: #666;left: 0;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out; }
#nav-toggle span:nth-child(1) {top: 0; }
#nav-toggle span:nth-child(2) {top: 11px; }
#nav-toggle span:nth-child(3) {top: 22px;}

/*---メインカラム-トップページ--------------------------------*/

#main #top #flash	{ padding:0;margin:0 0 20px 0;width:700px;height:400px;background-color:#ccc; }
#main #top h2		{ margin:0;width:100%; /*700からマイナスマージン*/height:auto; /*50からマイナスマージン*/font-size:16px;color:#fff;position:relative;padding:0; }
#main #top h2:after 	{ position:absolute;content:'';top:0;left:0;border:0;border-top:0;width:0;height:0; }
#main #top #info1	{ padding:0 0 1rem 15px ;margin:0 0 1rem 0; border:1px solid #333; border-radius:5px; }
#main #top #info1 h3	{ margin:10px 0 1rem 0; padding: 0 10px; width: 100%; border-left:8px solid #0064B2; line-height:2; font-weight:900; background: none; }
#main #top #info1 ul.infobox	{ padding:0;margin:0;width:670px;height:295px;overflow:auto;list-style-type:none; }
#main #top #info1 ul.infobox li.date	{ padding:0px 0px 0px 20px;margin:0px 0px 5px 0px;color:#333;font-size:12px;line-height:120%;background:url(img/li.gif) no-repeat 0 0; }
#main #top #info1 ul.infobox span.headline	{ padding:0px 0px 8px 0;margin:0px 0px 10px 0px;color:#333;font-size:14px;font-weight:bolder;line-height:120%;text-decoration:underline; }
#main #top #info1 ul.infobox li.headline { padding:0px 0px 8px 20px;margin:0px 0px 10px 0px;color:#333;font-size:12px;line-height:120%;border-bottom:1px dotted #ccc; }

#image-bloc { height:400px; margin-bottom:25px; }
#image-bloc .sli { width:700px; height:400px; }
.bx-wrapper { box-shadow: 0 0 0 #ccc; border: 0px solid #fff; border-radius:5px; }
#image-bloc div { border-radius:5px; }

.facebook_wrap{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
 
.fb-page,
.fb-page span,
.facebook_wrap iframe{
  width: 100% !important;
  height: 500px !important;
}

/*---サイドカラム-トップページ--------------------------------*/

#side ul 		{ margin:0;} 
#side li 		{ list-style:outside none; }

#side #infobanner0 	{ padding:0; margin:0 0 10px 0; width:250px; background-color:#fff; }
#side #infobanner0 a img 	{ width:250px; height:auto; padding:0; border:1px solid #ccc; }

#side #infobanner1 	{ padding:0;margin:0 0 10px 0;width:250px;height:188px;background-color:#;position:relative; }
#side #infobanner1 .live{ padding:52px 0 0 45px;margin:0;width:200px;  height:160px; }/* ライブカメラの様子　元の画確は640:480 */
#side #infobanner1 .ribbon	{ position:absolute;left:0;top:0;z-index:1; }


#side #infobanner3,
#side #infobanner4 { padding:0; margin:0 0 10px 0; width:250px;/*height:95px;*/ }
#side #infobanner4 { border:none; margin: 0 auto; text-align:center; }
#side #infobanner3 a img		{ padding:0; margin:2px; width:250px; height:91px; border:1px solid #ccc; }

#side #infobanner2 { padding:0; margin:0 0 5px 0; width:250px; height:90px; position:relative; border:1px solid #ccc; }
#side #infobanner2 { background:url("img/tokaikisen.png") 0 0 no-repeat; background-size:cover; }
#side #infobanner2 h4		{ padding:0; position:absolute; top:5px; left:5px; }
#side #infobanner2 .date	{ position:absolute; top:5px; right:5px; font-size:10px;}
#side #infobanner2 .possible	{ position:absolute; top:25px; left:50%; transform:translateX(-50%); text-align:center; width:190px; }
#side #infobanner2 .go_archive	{ position:absolute; bottom:5px; right:5px;text-align:right;font-size:10px; }
#side #infobanner2 .go_archive a,
#side #infobanner2 .go_archive a:visited{ color:#fff; }
#side #infobanner2 .go_archive a:hover	{ color:#ff0; text-decoration:underline; }


#side dl#info		{ border:1px solid #ccc; border-radius:5px; margin:0 0 1rem; padding:10px;  /*padding:0 0 10px 0;margin:0 0 10px 0;background:url(img/side_info_footer.png) no-repeat 0 bottom;*/ }
#side dl#info dt	{ }
#side dl#info dt	{ margin:10px 0 1rem 0; padding: 0 10px; width: 100%; border-left:8px solid #0064B2; line-height:2; font-weight:900; background: none; }
#side dl#info dd	{ padding:0 0 0 10px;margin:0; }
#side #house		{ margin:0 0 10px 0;background:url(img/side_house.png) no-repeat 0 0; }
#side #house a		{ width:250px;height:35px;display:block;text-indent:-9999px; }
#side #sitemap		{ margin:0 0 10px 0;background:url(img/side_sitemap.png) no-repeat 0 0; }
#side #sitemap a	{ width:250px;height:35px;display:block;text-indent:-9999px; }
#side #rss		{ margin:0 0 10px 0;background:url(img/side_rss.png) no-repeat 0 0; }
#side #rss a		{ width:250px;height:35px;display:block;text-indent:-9999px; }
#side #teikan		{ margin:0 0 10px 0;padding:10px;border:1px solid #ddd;-moz-border-radius:.5em;-webkit-border-radius:.5em;-o-border-radius:.5em;-ms-border-radius:.5em; }

/*---リンク集ページ--------------------------------*/
ul.link			{ margin:0;padding:0;list-style-type:none; }
ul.link li.linkcat h3	{margin:10px 0 0 0;padding:10px;list-style-type:none; }
ul.link li.linkcat ul.xoxo { margin:0;padding:0 0 25px 0;list-style-type:none; }
ul.link ul.xoxo li	{ padding:0 0 0 8px ;margin:5px 0 ;font-size:14px;font-weight:normal;line-height:130%;border-bottom:1px dotted #ccc;padding-bottom:5px; }
ul.link ul.xoxo a	{ padding:0 3px 0 25px;font-size:14px;font-weight:bold;display:block;background:url(img/li.gif) no-repeat 0 0;}
ul.link ul.xoxo a:hover	{ color:#084;}


/*---第二階層共通ページ--------------------------------*/
#main h2	{ padding:13px;margin:0 0 20px 0;width:100%; height:45px; /*50からマイナスマージン*/font-size:16px;color:#fff;position:relative;padding:0.8em 0 0 1em;background:#3497e2; border-radius:5px; }
#main h2:after  { position:absolute;content:'';top:100%;left:20px;border:10px solid transparent;border-top:10px solid #3497e2;width:0;height:0; }
#main h3	{ padding:7px 0 10px 28px;margin:0 0 10px ;width:100%;height:35px;background:url(img/h3.png) no-repeat 0 0; }
#main h3 a.hp_ari	{ float:right;font-size:.8em;font-weight:normal;padding:0 1em 0 0; }

#main h4 	{ padding:0 0 0 20px;margin:0 0 0 10px;width:100%;height:35px;background:url(img/li.png) no-repeat 0 0; }
#main .prevnext	{ text-align:center;font-size:10px; }
#main .page_dsc { padding:0;margin:0 0 25px 0;width:100%;line-height:25px;color:#333;background:url(img/note_bg.png) 0 0 repeat-y; }
#main p		{ padding:0;margin:0 0 25px 0;line-height:25px;color:#333;background:url(img/note_bg.png) 0 0 repeat-y; }
#main em	{ padding:5px;margin:0 0 10px 0;width:680px; /*700からマイナスマージン*/height:20px;border-left:10px solid #ccc; }
#main hr	{ margin:10px 0 20px 0;border:0;height:0;border-top:1px solid rgba(0, 0, 0, 0.1);border-bottom:1px solid rgba(255, 255, 255, 0.3); }
#main .postdate { padding:0;margin:0 0 15px 0;font-size:12px; }

/*---カテゴリー共通ページ--------------------------------*/
#main .cat-desc	{ margin:0 0 20px 0; }
#main .entry	{ padding:0 0 25px 0;margin:0 0 10px 0 ; }
#main .entry h3 { padding:7px 0 0 28px;margin:0;width:700px; /*700からマイナスマージン*/height:50px; /*50からマイナスマージン*/background:url(img/h3.png) no-repeat 0 0; }
#main .entry h3 span	{ font-size:12px;font-weight:normal; }
#main .entry h3 a.hp_ari{ width:200px; float:right; text-align:right;	border:1px solid #ccc; }

#main .entry .post-meta {}
#main .entry .post-meta dl	{ padding:5px;margin:10px 0 25px 0;border:1px solid #ccc; }
#main .entry .post-meta dt	{ float:left;width:12em;padding:.2em 0 0 20px;background:url(img/li.gif) no-repeat 0 .3em;clear:both; }
#main .entry .post-meta dd	{ padding:.2em 0 0 0;margin:0 0 0 12em;line-height:1.5em; }
#main .entry img.gallerypic	{ padding:4px;margin:0 5px 5px 0;border:1px solid #ccc; width:100px;height:100px; object-fit:cover; }
.youtubevideo {
  width: 100%!important;
  aspect-ratio: 16 / 9;
}
.youtubevideo iframe {
  width: 100%!important;
  height: 100%!important;
}

/*----------Single用更新日ページ ----------*/
#main .entry .postdate	{ padding:0 0 3px 18px;margin:0 0 8px 10px;line-height:150%;background:url(img/li_time.png) no-repeat 0 0; }

/*----------東海汽船ページ ----------*/
#main .entry-content .postdate { padding:0 0 3px 18px;margin:0 0 8px 10px;line-height:150%;background:url(img/li_time.png) no-repeat 0 0; }

/*---------FAQ用 --------------*/

/* Main FAQ block */
#faq-block		{ width:100%; }
#faq_block .faq_list	{ padding:15px 0 7px 0!important; }
#faq_block .faq_list h4 { color:#000;margin:0;padding:0 0 0 0px;font-weight:bold;font-size:110%;cursor:pointer;background:url(img/li_q.gif) no-repeat 0 0; }
#faq_block .faq_list .faq_answer	{ color:#000;margin:0;padding:0 0 0 20px;font-size:95%;cursor:pointer;background:url(img/li_a.gif) no-repeat 0 3px; }

/* list style shortcode */
#faq_block li.faqlist_question,
#faq_block li.faqlist_question a	{ color:#000;margin:0 0 0 25px;padding-bottom:4px;font-weight:bold;font-size:110%;cursor:pointer;background:url(img/li.gif) no-repeat 0 0; }

/* standard shortcode */
#faq_block .single_faq .faq_question,
#faq_block .single_faq .faq_question a	{ color:#000;padding-bottom:4px;font-weight:bold;font-size:110%; }
#faq_block .single_faq .expand_title	{ cursor:pointer; }
/* pagination */

#faq_block .faq_list p.faq_nav a:hover	{ text-decoration:none; }
#faq_block .faq_list p.faq_nav span.current	{ font-weight:bold; }

/*---御蔵島基本情報--------------------------------*/

#main table.info_traffic	{ border-top:1px solid #ccc;border-left:1px solid #ccc;border-collapse:collapse;border-spacing:0;background-color:#ffffff;empty-cells:show;margin-bottom:25px; }
#main .info_traffic th		{ border-right:1px solid #ccc;border-bottom:1px solid #ccc;color:#fff;background-color:#06c;background-position:left top;padding:5px;text-align:center; }
#main .info_traffic td		{ border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px; }
#main ul.info 			{ padding:0px 0px 0px 0px;margin:0 0 25px 0;list-style-type:none;text-align:left; }
#main ul.info li		{ padding:0 0 3px 20px;margin:0 0 8px 20px;line-height:150%;background:url(img/li_tick.gif) no-repeat 0 2px; }

/*----------御蔵島基本情報英語ページ ----------*/
#main .entry .postdate		{ padding:0 0 3px 18px;margin:0 0 8px 10px;line-height:150%;background:url(img/li_time.png) no-repeat 0 0; }
#main strong.e_stay_name	{ padding:0 0 3px 22px;margin:0 0 0 7px;background:url(img/li.gif) no-repeat 0 0; }
#main strong.e_captain_name	{ padding:0 0 3px 22px;margin:0 0 0 7px;background:url(img/li_orange.png) no-repeat 0 0; }
#main ul.info_e,
#main ul.info_captain_e		{ padding:0;margin:0 0 5px 8px;list-style-type:circle;text-align:left; }
#main ul.info_e li,
#main ul.info_captain_e li 	{ padding:0 0 3px 20px;margin:0 0 0 20px; }


/*---うみへ--------------------------------*/
#main table.ocean_boat_captain	{ border-top:1px solid #ccc;border-left:1px solid #ccc;border-collapse:collapse;border-spacing:0;background-color:#ffffff;empty-cells:show;margin-bottom:25px; }
#main .ocean_boat_captain th	{ border-right:1px solid #ccc;border-bottom:1px solid #ccc;color:#fff;background-color:#06c;background-position:left top;padding:5px;text-align:center; }
#main .ocean_boat_captain td	{ border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px; }
#main ul.ocean_item		{ padding:0px 0px 0px 0px;margin:0 0 25px 0;list-style-type:none;text-align:left; width:100%; }
#main ul.ocean_item li		{ padding:0 0 3px 20px;margin:0 0 8px 20px;line-height:150%;background:url(img/li_tick.gif) no-repeat 0 2px; }
#main ol.ocean_howto 		{ padding:0px 0px 0px 0px;margin:0 0 25px 0;text-align:left; }
#main ol.ocean_howto li		{ padding:0 0 3px 0x;margin:0 0 8px 20px;line-height:150%; }
#main ul.ocean_caution		{ padding:0px 0px 0px 0px;margin:0 0 25px 0;list-style-type:none;text-align:left; }
#main ul.ocean_caution li	{ padding:0 0 3px 20px;margin:0 0 8px 20px;line-height:150%;background:url(img/li_tick.gif) no-repeat 0 2px; }

/*---やまへ--------------------------------*/
#main table.mountain_guide ,
#main table.mountain_course	{ border-top:1px solid #ccc;border-left:1px solid #ccc;border-collapse:collapse;border-spacing:0;background-color:#ffffff;empty-cells:show;margin-bottom:5px; }
#main .mountain_guide th ,
#main table.mountain_course th	{ border-right:1px solid #ccc;border-bottom:1px solid #ccc;color:#fff;background-color:#06c;background-position:left top;padding:5px;text-align:center; }
#main .mountain_guide td ,
#main table.mountain_course td	{ border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px; }
#main .mountain_guide_caption	{ width:100%;text-align:right;font-size:10px;margin-bottom:25px; }
#main table.mountain_guide img	{ display:block;  }
#main .mountain_box  		{ width:100%; padding-bottom:10px ; margin-bottom:0; border:1px solid #ccc; border-radius:5px; background-color:rgba(204,255,204,.7); }
#main .mountain_box .inner   	{ padding-top:20px; width:100%; }
#main .mountain_box .inner div	{  }
#main .mountain_box .inner div p{ padding:0 10px; background:none; }
#main .mountainmap		{ width:100%; height:auto; }

/*---宿泊バンガロー--------------------------------*/

#main ul.banga_type  { padding:0px 0px 0px 0px;margin:0 0 25px 0;list-style-type:none;text-align:left; }
#main ul.banga_type li { padding:0 0 3px 20px;margin:0 0 8px 20px;line-height:150%;background:url(img/li.gif) no-repeat 0 2px; }
#main ul.banga_item  { padding:0px 0px 0px 0px;margin:0 0 25px 0;list-style-type:none;text-align:left; }
#main ul.banga_item li { padding:0 0 3px 20px;margin:0 0 8px 20px;line-height:150%;background:url(img/li_orange.png) no-repeat 0 2px; }
#main ul.banga_tick  { padding:0px 0px 0px 0px;margin:0 0 25px 0;list-style-type:none;text-align:left; }
#main ul.banga_tick li { padding:0 0 3px 20px;margin:0 0 8px 20px;line-height:150%;background:url(img/li_tick.gif) no-repeat 0 2px; }

/*---共通項目--------------------------------*/
#main ul.site  { padding:0px 0px 0px 0px;margin:0 0 25px 0;list-style-type:none;text-align:left; }
#main ul.site li { padding:0 0 3px 20px;margin:0 0 8px 20px;line-height:150%;background:url(img/li.png) no-repeat 0 2px; }

/*---共通項目--------------------------------*/
.gobacktop{ padding:0;margin:0;width:700px;height:20px;display:block;background:url(img/pagetop.gif) no-repeat right 0; }
img { border:none; }
.txt10{ font-size:10px; }
.txt12{ font-size:12px; }
.red{ color:#f60; }
.center{ text-align:center; }
img.centered {display:block;margin-left:auto;margin-right:auto;}
img.alignright  { padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft  { padding:4px;margin:0 7px 2px 0;display:inline;}
.alignright {float:right;}
.alignleft {float:left}


@media screen and (max-width: 640px) {
br.sp	{ display:block; }

#wrapper{ width:100%; margin:0; }
#main	{ width:calc(100% - 10px); margin:5px; }
#header_container .right	{ display:none; }
#footer_container	{ padding:0;margin:0 5px 20px 5px;}
.menu-footermenu-container { display:none; }
.gobacktop{ display:none; }
#footer_container ul		{ background:none; }
#footer_container .right	{ display:block; }
#footer_container .right	{ width:100%; }
#footer_container li a		{ color:#000; font-size:.8rem; }
#footer_container .right ul.lang{ display:flex; justify-content:center; flex-wrap:wrap; padding:3px 0 0 0; margin:1rem auto 2rem auto;list-style-type:none; width:100%; background-color:#fff; font-size:.8rem; }
#footer_container .right ul.lang li { line-height:2; }
#footer_container .right .search	{ display:block; color:#000; width:100%; float:none; height:25px; border-radius:15px;  border:1px solid #ccc; position:relative; }
#footer_container .right .search #searchform	{ position:relative; width:100%; font-size:.8rem; }
#footer_container .right .search #searchform input[type="text"] { padding:0 0 0 2rem; border:none; background:none; }
#footer_container .right .search #s-box		{ height:25px; padding:0 ; position:absolute; left:0; top:0; border-radius:2px; outline:0; background:#fff; }
#footer_container .right .search #searchBtn	{ height:25px; position:absolute; left:10px; top:0; background:none; color:#666; border:none; font-size:16px; }
#footer_container .right .search #searchBtn:hover{ color:#7fbfff; }

#footer_container .right .sns			{ display:none; padding:0; margin:10px 0 0 0; width:280px; height:30px; overflow:hidden; float:none; position:static; bottom:0; right:-220px; }
#footer_container .right .sns span		{ margin:0 0 0 1px; height:20px; overflow:hidden; }
#footer_container .right .sns span.tweet	{ width:85px; }
#footer_container .right .sns span.fb		{ width:120px; position:relative; top:4px; }
.copyright	{ font-size:10px; text-align:center; }
#main h2	{ width:100%; height:initial; padding:.8rem 1em; }


.menu-footermenu-container { display: none; }
#header_container { display: none; }
#main_container	{ display:block; width:100%; margin:50px 0 0 0; }
h1 a,
.logo a { width:250px;height:30px; margin:0; background-size: contain; }

#image-bloc { width:100vw!important; height:250px; margin-bottom:25px; }
#image-bloc div { border-radius:0; }
#image-bloc .sli { width:100vw!important; height:250px; }

.bx-wrapper	{ border:0!important; }
.bx-wrapper .bx-controls-direction a { z-index: 0!important; }
#main #top #info1 { width:96vw!important; height: auto; margin:0 auto 1rem; border:1px solid #aaa; border-radius:5px; }
#main #top #info1 ul.infobox	{ width:95%;height:auto; }
#main #top .facebook_wrap	{ width:95%; margin:0 auto 1rem; }

#side	{ width:calc(100% - 10px); margin: 0 5px; }

#side #infobanner0 a img { width:100%; height:auto; }
#side #infobanner2 a img { width:100%; height:auto;  }
#side #infobanner3 a img { width:100%!important; height:auto; }
#side > a img { display:block; width:100%; height:auto; }

#side #infobanner0 { width:100%;  }
#side #infobanner2 { width:100%; }
#side #infobanner3 { display:flex; flex-wrap:wrap; justify-content:space-around; width:100%; }
#side #infobanner3 li { width:48%; height:auto; }

#header_container .left,
#header_container .right { display:none; }
#top-head,.inner { width: 100vw; padding: 0; }
#top-head { top: 0; position: fixed; margin-top: 0; }

#mobile-head { background: #fff;width: 100%;height: 56px;z-index: 10000;position: relative; }

#top-head .logo { display:block; position: absolute;left: 13px;top: 13px; z-index: 9999; /*border:1px solid #f00;*/ }
#top-head .logo img { width:280px; height:auto; object-fit:cover; }
#global-nav	{ position: absolute;/* 開いてないときは画面外に配置 */
top: -550px;background: #333; width: 100%;text-align: center;padding: 0;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out; }

#global-nav ul { display:block; list-style: none;position: static;right: 0;bottom: 0;font-size: 14px; }
#global-nav ul li { /*float: none;position: static;*/ }
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a { width: 100%; display: block; color: #fff; padding: 18px 0; background:#1861ae; }
#global-nav ul li:nth-last-child(1) { display:block; }

#nav-toggle {display: block; }
/* #nav-toggle 切り替えアニメーション */.open #nav-toggle span:nth-child(1) {top: 11px;-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);transform: rotate(315deg); }
.open #nav-toggle span:nth-child(2) {width: 0;left: 50%; }
.open #nav-toggle span:nth-child(3) {top: 11px;-webkit-transform: rotate(-315deg);-moz-transform: rotate(-315deg);transform: rotate(-315deg); }
/* #global-nav スライドアニメーション */.open #global-nav {/* #global-nav top + #mobile-head height */-moz-transform: translateY(556px);-webkit-transform: translateY(556px);transform: translateY(556px);}

#menu-mainmenu		{ width:100%; display:block; }
#menu-mainmenu li	{ list-style:none; }
#menu-mainmenu li a 	{ color:#fff; }

#main a img	{ display:block;width: 100%; height: auto; }

#main table.info_traffic { width:100%!important; }
#main ul.info		 { width:100%!important; }
#main ul.info li	 { margin: 0 0 8px 10px; }

#main .entry .post-meta dd { overflow-wrap: break-word; }

#main table.ocean_boat_captain {  }
#main table.ocean_boat_captain td img { width: 40px; height: auto; }
#main .scroll-table { overflow: auto; white-space: nowrap; font-size:14px; }

#main table.mountain_guide td	{ overflow-wrap: break-word; font-size:14px; }
#main table.mountain_guide td img { width: 40px; height: auto; }

#main #faq-block		{ width:calc(100% - 20px); }
#main #faq-block .faq-list	{ padding-left:0!important; padding-bottom:1rem; }
#main #faq-block h4.faq-question{ height:auto; }
#main #faq-block .faq-answer p	{ padding-left:30px!important; padding-bottom:1rem; }

#main .entry .gall { display:flex; justify-content:space-around; flex-wrap:wrap; }

body.category-event #main .entry h3	{ width:100%; height:initial!important; margin:0 0 10px; /*position: relative;*/ background:none!important; border:1px solid #333; border-radius:3px; }
body.category-event #main .entry h3 span{ display:block!important;    width: 90%; }
body.category-event #main .entry h3 a	{ display: inline-block!important; width: 95%; margin-left: -18px; margin-bottom: 8px;line-height: 1; }

body.category-news #main .entry h3	{ width:100%; height:initial!important; margin:0 0 10px; /*position: relative;*/ background:none!important; border:1px solid #333; border-radius:3px; }
body.category-news #main .entry h3 span{ display:block!important;    width: 90%; }
body.category-news #main .entry h3 a	{ display: inline-block!important; width: 95%; margin-left: -18px; margin-bottom: 8px;line-height: 1; }

}