/*
 Theme Name: 浜松科学館様メインサイト Theme 2020
 Theme URI:
 Description: 浜松科学館メインサイトのベーステーマです。
 Version: 1.3
 Author: 浜松科学館
 Author URI: https://www.mirai-ra.jp/
*/

@font-face {
    font-family: D7MBI;
    src: url(assets/css/fonts/DSEG7Modern-BoldItalic.woff);
}

/* ===================================================================
 Reset
=================================================================== */

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
 margin: 0; padding: 0; border: 0; font-weight: normal; font-size: 100%; vertical-align:baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article, header, footer, aside, figure, figcaption, nav, section { display:block; }
html { scroll-behavior:smooth; }
body { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
table { border-collapse: collapse; border-spacing: 0;}

/* ===================================================================
 Layout
=================================================================== */
html { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
*, :before, :after { -webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit; }
body { padding:0; margin:0 auto; font-size:16px; line-height:1.8; color:#000; font-family: "Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic","メイリオ",Helvetica,Arial,sans-serif; }

#page { position:relative; word-wrap:break-word; overflow: hidden;}

.site-content-contain { background:#fff url("assets/images/bg.png") no-repeat center -100px fixed; position: relative; padding-top: 60px;}
.single-principle .site-content-contain { background-color: transparent; background-image: none;}
.single-principle .site-content-contain.principle { background:#fff url("assets/images/bg.png") no-repeat center -100px fixed;}


.home .site-content-contain {padding-top: 0;}
.site-content { width:100%; margin:0 auto; }
#main { line-height: 1.8; }
.page #main { text-align: center;}

@media only screen and (max-width: 768px) {
	.site-content-contain { padding-top: 90px;}
}

/*--------------------------------------------------------------
 サイドバーあり
--------------------------------------------------------------*/
.has-sidebar .site-content { width: 94%; max-width: 1200px; margin: 0 auto ;}
.has-sidebar #secondary { float: left; width: 20%; max-width: 220px;  }
.has-sidebar #primary { float: right; width:76.66%;/*920px*/ }

@media only screen and (min-width: 769px) {
	.page-gp-floorguide.has-sidebar .site-content { display: flex; align-items: stretch;}
	.page-gp-floorguide.has-sidebar #primary { float: none; order:2; margin-left: 3.34%; }
	.page-gp-floorguide.has-sidebar #secondary { float:none; width: 20%; max-width: 220px; order:1;}
	.page-gp-floorguide.has-sidebar #secondary h3 { font-size: 18px; font-weight: bold; color: #000; margin: 1.4em auto 0.6em auto; text-align: center; position: relative; display: block; padding: 0 50px; letter-spacing: 0.05em; line-height: 1.2; text-align: center;}
	.page-gp-floorguide.has-sidebar #secondary h3:before,
	.page-gp-floorguide.has-sidebar #secondary h3:after { content: ''; position: absolute; top: 44%; display: inline-block; width: 45px; height: 1px; background-color: #00A9C9; }
	.page-gp-floorguide.has-sidebar #secondary h3:before{left:0;}
	.page-gp-floorguide.has-sidebar #secondary h3:after{right: 0;}
}

@media only screen and (max-width: 768px) { 
	.has-sidebar #secondary { display: none; }
	.has-sidebar:not(.error404) #primary { float: none; width: 100%; margin-left:auto; margin-right:auto;}
}



/*--------------------------------------------------------------
 Alignments
--------------------------------------------------------------*/
.alignleft { display:inline; float:left; margin-right:1.5em; }
.alignright { display:inline; float:right; margin-left:1.5em; }
.aligncenter { clear:both; display:block; margin-left:auto; margin-right:auto; }

.clear { clear: both;}
.clear:after { content:" "; display:block; clear:both;}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{ }

p { margin:0 0 1em; padding:0; }
em {}
small { font-size: 90%;}
i { font-style: normal;}
hr { background-color: #bbb; border: 0; height: 1px; margin-bottom: 1.5em;}
img { max-width:100%; height: auto; margin:0; padding:0; -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; }
video { height: auto; max-width: 100%; }

img.alignleft { float: left; margin-right: 1.5em; }
img.alignright { float: right; margin-left: 1.5em; }

@media screen and (max-width: 30em) {
	img.alignleft,
    img.alignright { float: none; margin: 0;}
}

embed,
iframe,
object { margin-bottom: 1.5em; max-width: 100%;}

ul li { list-style-type: none; }

/*--------------------------------------------------------------
 Links
--------------------------------------------------------------*/
a { color: #000; text-decoration: none; }
a:focus { }
a:hover,
a:active { text-decoration: underline; -webkit-transition: all .3s; transition: all .3s; }

p a { color: #000; text-decoration: underline;}
p a:hover { text-decoration: none;}

/* グループリンク */
.gr { cursor:pointer; }

/* 自動アイコン */
a[href$=".pdf"]::before {
  content: "\f1c1";
  font-family: 'Font Awesome 5 Free';
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}

a[href$=".doc"]::after,
a[href$=".docx"]::after {
  content: "\f1c2";
  font-family: 'Font Awesome 5 Free';
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}
a[href$=".xls"]::after,
a[href$=".xlsx"]::after {
  content: "\f1c3";
  font-family: 'Font Awesome 5 Free';
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}

/* ===================================================================
 FORMS
=================================================================== */
.error,
body .mw_wp_form .error { color: #FF0000; background: url("assets/images/ico_error.png") no-repeat 0 top; background-size:14px 14px; padding: 0 0 0 18px; }
.required { color: #FF0000; margin-left: 0.5em; font-weight: bold;}
.comment { color: #333;}

/*スクロールバー全体*/
::-webkit-scrollbar {
    width: 10px;
}
/*スクロールバーの軌道*/
::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}
/*スクロールバーの動く部分*/
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 50, .5);
  border-radius: 10px;
  box-shadow:0 0 0 1px rgba(255, 255, 255, .1);
}

label { margin-right: 1em; }
fieldset { }
input,
textarea,
select{ max-width: 100%; color: #555; background:#fff; background-image:-webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)); border:1px solid #E2E2E2; -webkit-border-radius:3px; border-radius:3px; padding:.5em; line-height: 1.2; font-size: 14px; display: inline-block;}
input:focus,
textarea:focus,
select:focus { color: #222; border-color: #E2E2E2;}

input[type="radio"]:focus,
input[type="checkbox"]:focus { outline: thin dotted #333;}

input[type="radio"],
input[type="checkbox"] { margin-right: 0.1em; margin-left: 0;}

input[type="radio"] + label,
input[type="checkbox"] + label { }

button,
input[type="button"],
input[type="submit"] { padding:1em 2em; font-size:14px; font-weight:bold; line-height:1; color:#fff; background-color:#222; -webkit-appearance: none;
 border:0; -webkit-border-radius:2px; border-radius:2px; -webkit-box-shadow:none; box-shadow:none; cursor:pointer; display:inline-block;
 text-shadow:none; -webkit-transition:background .2s; transition:background .2s; }


/*--------------------------------------------------------------
 Accessibility
--------------------------------------------------------------*/
.screen-reader-text { clip:rect(1px,1px,1px,1px); height:1px; overflow:hidden; position:absolute!important; width:1px; word-wrap:normal!important; top:1px; }
.screen-reader-text:focus { background-color:#f1f1f1; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 0 2px 2px rgba(0,0,0,0.6); box-shadow:0 0 2px 2px rgba(0,0,0,0.6); clip:auto!important; color:#21759b; display:block; font-size:14px; font-size:.875rem; font-weight:700; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000; }

/* ===================================================================
 Header
=================================================================== */
#masthead { margin: -45px 0 0 0; padding: 0; }
.site-header { background:#FFF; margin:0; padding: 0;}
.site-header .head { position: relative; width:94%; max-width: 1200px; margin:0 auto; padding: 0; }
.site-header:after { content:" "; display:block; clear:both;}
.logo { float: left; position: absolute; z-index:99999; }
.logo img.tab,
.logo img.sp { display: none;}
.logo img {width: auto; max-width: 100%;}

@media only screen and (min-width: 769px) {
	.site-header { height: 130px; }
    .logo { width: 265px;}
}

@media only screen and (max-width: 768px) {
    .site-header { height: 55px; }
    .logo { width: 115px;}
    .head-bn { display: none;}
}

@media only screen and (max-width: 414px) {
	.site-header { height: 50px; }
    .logo { width: 100px;}
}

.head-bn { position: absolute; top: 0; right: 0; z-index: 99999;}
.head-bn .lang { border-right: 1px #F0F0F0 solid; float: left; }
.head-bn .lang-sp { display: none; float: left; width: 24px; line-height: 33px;}

.head-bn .lang li{ float: left; margin: 0 15px 0 0; padding: 0; text-align: left;}
.head-bn .lang li:last-child{ margin: 0 20px 0 0;}
.head-bn .lang { display: block; /*display: none;*/ }
#page-home .head-bn .lang { display: block;}
#page-home .head-bn .lang ul li { line-height: 33px;}

@media only screen and (max-width: 980px) {
	#head-bn-menu li.search { margin: 0 10px 0 0 !important;}
	#head-bn-menu { margin: 0 0 0 15px !important; padding: 0 0 0 15px !important; border-left: 1px #F0F0F0 solid;}
	.head-bn .lang { display: block; /*display: none;*/}
	#page-home .head-bn .lang { display: none;}
	.head-bn .lang-sp { display: inline-block;}
	.head-bn .lang-sp input#label2 { display: none;}
	.head-bn .lang-sp .lang-box .on { display: inline-block;}
	.head-bn .lang-sp .lang-box .off { display: none;}
	.head-bn .lang-sp .lang-box label.lang-open { cursor: pointer; }
	.head-bn .lang-sp .lang-box .hidden_show { height: 0; padding: 0; overflow: hidden; opacity: 0;}
	.head-bn .lang-sp input#label2:checked ~ .lang-box .hidden_show { padding: 5px 0; height: auto; opacity: 1;}
	.head-bn .lang-sp input#label2:checked ~ .lang-box .on { display: none;}
	.head-bn .lang-sp input#label2:checked ~ .lang-box .off { display: inline-block;}
	/* lang */
	.head-bn .lang-sp .hidden_show { width: 200px; margin-left: -100px; color: #fff; background: #eee; text-align: center; text-align: center; z-index: 200;-moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s;}
}


#head-bn-menu{ float: right; width: auto; height: 33px; margin: 0 auto 0; padding: 0; list-style-type: none; }
#head-bn-menu li{ float: left; margin: 0 0 0 30px; padding: 0; position: relative; text-align: center;}
#head-bn-menu li.member { padding: 0 8px;background: #f0f0f0;}
#head-bn-menu li.login { margin: 0 0 0 10px; padding: 0 8px;background: #f0f0f0;}
#head-bn-menu li a{ display: block; height: 33px; margin: 0; padding: 0; line-height: 1; text-decoration: none;}

#head-bn-menu li.search { margin: 0 0 0 30px; width: 30px; line-height: 33px;}
#head-bn-menu li.search input#label1 { display: none;}
#head-bn-menu li.search .search-box {}
#head-bn-menu li.search .search-box .on { display: inline-block;}
#head-bn-menu li.search .search-box .off { display: none;}
#head-bn-menu li.search .search-box label.search-open {  cursor: pointer; }
#head-bn-menu li.search .search-box .hidden_show { height: 0; padding: 0; overflow: hidden; opacity: 0;}
#head-bn-menu li.search input#label1:checked ~ .search-box .hidden_show { padding: 5px 0; height: auto; opacity: 1;}
#head-bn-menu li.search input#label1:checked ~ .search-box .on { display: none;}
#head-bn-menu li.search input#label1:checked ~ .search-box .off { display: inline-block;}
/* Search */
#head-bn-menu li.search .hidden_show { width: 350px; margin-left: -150px; color: #fff; background: #EEE; text-align: center; text-align: center; z-index: 200;
-moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s;}
#head-bn-menu li.search .hidden_show form { margin: 20px 25px;}
#head-bn-menu li.search .hidden_show form label { margin-right: 0;}
#head-bn-menu li.search .hidden_show form input { width: 100%; padding:0 .5em; line-height: 36px;}
#head-bn-menu li.search .hidden_show form button.search-submit { height: 36px;top: calc(100% - 37px);}

/*--------------------------------------------------------------
 Navigation
--------------------------------------------------------------*/
#head-nav { position: relative; top: 50px;width: 94%;max-width: 1200px;padding:0; text-align:right; z-index:88888;margin: 0 auto;}
#head-nav:after { content:" "; display:block; clear:both;}
#head-nav > ul { display:flex; width:100%; margin:0; list-style:none;justify-content: flex-end;}
#head-nav > ul > li { padding:10px; height: 60px; text-align:center; border-left:1px solid #F0F0F0;}
#head-nav > ul > li > img,
#head-nav > ul > li > a > img{ height:44px; width: auto;}

#head-nav > ul > li:hover,
#head-nav > ul > li:active{ background:#F5F5F5; }
#head-nav > ul > li#mn09 { border-right:1px solid #F0F0F0;}
#head-nav > ul > li#mn10 { display: none;}

@media only screen and (min-width: 1240px) {
	#head-nav > ul > li#mn07 { padding:10px 16px;}
	#head-nav > ul > li#mn08 { padding:10px 16px;}
	#head-nav > ul > li#mn09 { padding:10px 16px;}
}
@media only screen and (max-width: 1180px) {
	#head-bn-menu li{ margin: 0 0 0 20px;}
	#head-bn-menu li.search { margin: 0 0 0 20px;}
	#head-nav > ul > li#mn02 { display: none;}
	#head-nav > ul > li#mn06 { display: none;}
	#head-nav > ul > li#mn07 { margin-right:90px;border-right:1px solid #F0F0F0;}
	#head-nav > ul > li#mn08 { display: none;}
	#head-nav > ul > li#mn09 { display: none;}
}
@media only screen and (max-width: 980px) {
	#head-nav > ul > li#mn05 { display: none;}
}
@media only screen and (max-width: 768px) {
	#head-nav { top: -10px;}
	#head-nav > ul > li#mn01 { display: none;}
	#head-nav > ul > li#mn03 { display: none;}
	#head-nav > ul > li#mn04 { display: none;}
	#head-nav > ul > li#mn07 { /*margin-right:0;*/ display: none; }
	#head-nav > ul > li#mn10 { display: block; margin-right:70px;}
	#head-nav > ul > li#mn21 { display: none;}
	#head-nav > ul > li#mn22 { display: none;}
}
@media only screen and (max-width: 414px) {
	#btn-menu {right: 3% !important;}
	#head-nav > ul > li > a > img{ height:30px;}
	#head-nav > ul > li {height: 55px;}
	#head-nav > ul > li#mn07 { padding:10px 5px;}
	#head-nav > ul > li#mn10 { padding:10px 8px; margin-right:65px;}
}


/* スマホメニュー (2020.02) */

#head-nav-sp { display:none; }

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

	#head-nav-sp { display:block; }
	#head-nav-sp { width:100%; }
	#head-nav-sp ul { width:100%; height:auto; margin:0 auto; padding:0 0 50px 0; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
	#head-nav-sp ul li { display: inline-block; width: 25%; height:auto; font-size:12px; font-weight:normal; text-align:center; vertical-align:middle; margin:0; background:#41597b; overflow:hidden; }
	#head-nav-sp ul li:nth-child(1), #head-nav-sp ul li:nth-child(2), #head-nav-sp ul li:nth-child(3) { border-right: 1px solid #ffffff; }
	#head-nav-sp ul li:last-child { margin: 0; }
	#head-nav-sp ul li a { display:block; width:100%; height:100%; padding:17px 0; color:#ffffff; }


}









/* mega --------------------- */
#head-nav .mn-wrap { position:absolute; top:100%; left:0; width:100%;}
#head-nav .mn-wrap .mn-inner {
 width:100%; height:auto; max-height:0; margin:0 auto; background:#F5F5F5; overflow:hidden; transition:max-height .5s ease; }
#head-nav  > ul > li:hover .mn-wrap .mn-inner { max-height:350px; padding-bottom: 20px;}

#head-nav .mn-wrap .mn-inner ul { margin: 10px auto; width: 920px; list-style:none;}
#head-nav .mn-wrap .mn-inner ul li { float: left; width: 25%;  margin: 10px auto;text-align: center; line-height: 80px; border-right: 1px solid #fff; }

#head-nav .mn-wrap .mn-inner ul li a { width: 100%; margin: 0 auto; padding: 20px; display: inline-block; }
#head-nav .mn-wrap .mn-inner ul li:nth-child(4) a { border-right: none; }

#head-nav .mn-wrap .mn-inner ul.mn-guide li img { height: 91px;}
#head-nav .mn-wrap .mn-inner ul.mn-floorguide li:nth-child(-n+4) { padding-top:15px; padding-bottom: 20px;}
#head-nav .mn-wrap .mn-inner ul.mn-floorguide li:nth-child(-n+4) { position: relative; display: inline-block; margin-bottom: 1em; }
#head-nav .mn-wrap .mn-inner ul.mn-floorguide li:nth-child(-n+4):before {
content: ''; position: absolute; bottom: -10px; display: inline-block; width: 210px; height: 1px; left: 50%; background-color: #FFFFFF;
-moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#head-nav .mn-wrap .mn-inner ul.mn-about {}

/* mega mn2 */
#head-nav .mn-wrap .mn-inner ul li ul { margin: 10px auto 20px auto; width: 100%; list-style:none;}
#head-nav .mn-wrap .mn-inner ul li ul li { float: none; width: 100%; height: 32px; line-height: 32px; margin: 0 auto; padding:0 20px; font-size: 12px; border: none; position: relative; display: block; }
#head-nav .mn-wrap .mn-inner ul li ul li + li { margin-top: 5px;}
#head-nav .mn-wrap .mn-inner ul li ul li a { color: #000; background: #fff; text-decoration: none; margin: 0 auto; padding: 0; display: inline-block;}
#head-nav .mn-wrap .mn-inner ul li ul li a::before{
  content: ''; width: 5px; height: 5px; position: absolute; top: 50%; right:30px; margin-top: -3px;
  border: 0px; border-top: solid 1px #000; border-right: solid 1px #000;
  -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#head-nav .mn-wrap .mn-inner ul li ul li a:hover { color: #fff; background: #555; }
#head-nav .mn-wrap .mn-inner ul li ul li a:hover::before { border-top: solid 1px #FFF; border-right: solid 1px #FFF;}






/* ===================================================================
多言語
=================================================================== */
/* グローバルナビ --------------------- */
.lang #masthead {}
.lang header .head { display: flex;align-items: flex-end;box-sizing: border-box;justify-content: flex-end;}
.lang header .head >:first-child { margin-right: auto;}
/* ロゴ --------------------- */
.lang header .head .logo { float: none;position: relative;}
/* 多言語ボタン --------------------- */
.lang header .head .head-bn {top:5px; position: absolute;}
.lang header .head .head-bn .lang { display: block; margin-bottom: 15px;}
.lang header .head .head-bn .lang ul { display: flex; justify-content: flex-end;align-items: center;}
.lang header .head .head-bn .lang ul li {margin: 0 10px 0 0;float: none;}
.lang header .head .head-bn .lang ul li a { font-weight: 600; color: #999;}
.lang header .head .head-bn .lang ul li a:hover { color: #00A9C9; text-decoration: underline;}
.lang header .head .head-bn .lang ul li:last-child {margin: 0;}
.lang header .head .head-bn .lang ul li.active a { color: #00A9C9; text-decoration: underline;}
/* ナビゲーション --------------------- */
.lang header .head .site-navi #head-nav {top: 0;width: 100%;max-width: 100%;}
.lang header .head .site-navi #head-nav > ul > li { padding:0; margin-left: 17px; height: auto; text-align:center; border-left:none;font-size: 10px;display: block;line-height: 1em;}
.lang header .head .site-navi #head-nav > ul > li a { font-weight: 600;}
.lang header .head .site-navi #head-nav > ul > li a:hover { color: #00A9C9;}
.lang header .head .site-navi #head-nav > ul > li:first-child { margin-left: 0;}
.lang header .head .site-navi #head-nav > ul > li:hover,
.lang header .head .site-navi #head-nav > ul > li:active{ background:none;}
.lang header .head .site-navi #head-nav > ul > li a svg {margin: 0 auto;width: 32px;height: 25px; fill: #00a9c9;;display: block;margin-bottom: 10px;}
.lang header .head .site-navi #head-nav > ul > li a:hover svg { fill: #00a9c9;}
/* SNS --------------------- */
.lang header .head .site-sns { margin-left: 25px;}
.lang header .head .site-sns h4 { font-weight: 600; font-size: 11px; color: #777;margin-bottom: 3px;}
.lang header .head .site-sns ul { display: flex;align-items: center;}
.lang header .head .site-sns ul li { margin-left: 5px; padding-left: 5px; border-left: 1px solid #e0e0e0;}
.lang header .head .site-sns ul li:first-child { margin-left: 0;}
.lang header .head .site-sns ul li:last-child { padding-right: 5px; border-right: 1px solid #e0e0e0;}
.lang header .head .site-sns ul li img { width: 26px;}

/* spnavi --------------------- */
#nav-off-canvas.lang .js-nav-block ul li p.sns { margin: 0; padding: 5px 0 0 30px;}
#nav-off-canvas.lang .js-nav-block ul li ul.sns li { display: inline-block;width: auto;}
#nav-off-canvas.lang .js-nav-block ul li ul.sns li a { padding: 0 0 0 10px;}
#nav-off-canvas.lang .js-nav-block ul li ul.sns li:first-child a { padding: 0 0 0 30px;}
#nav-off-canvas.lang .js-nav-block ul li ul.sns li a:hover,
#nav-off-canvas.lang .js-nav-block ul li ul.sns li a:focus { text-decoration:none; background:#EEE;}

/* フッター --------------------- */
.lang .foot { margin: 0 auto;}
.lang .foot-info { margin-bottom: 15px; text-align: center;}
.lang .foot-info ul { display: flex;justify-content: center;align-items: center;flex-wrap: wrap; margin-left: -3%;}
.lang .foot-info ul li { font-size: 18px; max-width: 47%; margin-left: 3%; width: auto;}
.lang .foot-add { margin-bottom: 20px; text-align: center;}
.lang .foot-add ul { display: flex;justify-content: center;align-items: center;flex-wrap: wrap; margin-left: -3%;}
.lang .foot-add ul li { font-size: 12px; max-width: 47%; margin-left: 3%; width: auto;}
.lang .foot-add ul li:first-child { max-width: 100%; width: 100%;}
.lang .foot-info-area { float: none !important; width: 100% !important;}
.lang .foot-info-area .foot-sns { margin-bottom: 20px; text-align: center;}
.lang .foot-sns ul li { display: inline-block; padding: 0 10px 0 0; text-align:center; list-style-type:none; width:20%!important; box-sizing:border-box!important; }
.lang .foot-sns ul li img{width:100%;}

@media only screen and (min-width: 769px) {
	.lang .site-header { height: 130px;}
	.lang header .head .logo img { width: auto; height: 100px;}
	.lang header .head .head-bn .lang ul li { font-size: 12px;}
}
@media only screen and (max-width: 768px) {
	.lang #masthead {padding: 0;}
	.lang #btn-menu { top: 7px;}
	.lang #head-nav { display: none;}
	.lang .foot-info { display: block;}
	.lang .foot-info ul li { font-size: 13px; max-width: 100%; margin-left: 3%; width: 100%;}
	.lang .foot-info ul li:first-child { font-size: 16px;}
	.lang header .head .site-navi { display: none;}
	.lang header .head .site-sns { display: none;}
	.site-header { height: 60px;}
}
@media only screen and (max-width: 415px) {
.lang .foot-add ul li { font-size: 11px; max-width: 100%; margin-left: 3%; width: 100%;}
.lang .foot-add ul li + li { margin-top: 5px;}
}


/* ===================================================================
 FRONT PAGE
=================================================================== */
/* メインビジュアル
---------------------------------------------------------------------- */
#mv { position: relative; width: 100%; padding-top: 35.3125%; margin-top: 0; }
/* スライド */
#mv .mv_slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}

#mv .slick-dotted.slick-slider { margin-bottom: 0;}
#mv .mv_slider img { width: 100%;}

#mv-sp { display:none; }

#page-en .mv_slider li:nth-child(n + 2),
#page-pt .mv_slider li:nth-child(n + 2),
#page-kr .mv_slider li:nth-child(n + 2),
#page-cn .mv_slider li:nth-child(n + 2) {display: none;}

@media only screen and (max-width: 768px) {
	#mv { display:none; }

	#mv-sp { display: block; }
	#mv-sp { position: relative; width: 100%; padding-top: 100%; margin-top: 50px; }
	/* スライド */
	#mv-sp .mv_slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}

	#mv-sp .slick-dotted.slick-slider { margin-bottom: 0;}
	#mv-sp .mv_slider img { width: 100%;}
}




/* カウントダウン
---------------------------------------------------------------------- */
#top-count {
    width: 100% !important;
    margin: 0 auto !important;
	padding: 55px 0 60px 0;
	max-width: 100% !important;
	background-color: rgba(0,0,0,0.9);
}
@media only screen and (max-width: 980px) {
	#top-count {
		padding: 40px 0 45px 0;
	}
}
@media only screen and (max-width: 768px) {
	#top-count {
		padding: 20px 0 25px 0;
	}
}
#top-count h2 {
	color: #fff;
	line-height: 0.8em;
	text-align: center;
	margin-bottom: 12px;
	font-weight: 600;
	margin-bottom: 15px !important;
}
#top-count h2 img {
	width: 70%;
}
#box-count {
	height: 25px;
	position: relative;
}
#box-count .box {
	position: absolute;
	width: 100%;
	z-index: 100;
	bottom:0;
	display: none;
	margin: 0 auto !important;
}
#box-count #loader-bg {
	z-index: 200;
	width: 100%;
	position: absolute;
	bottom:-4px;
	left: 0;
	height: 38px;
 }
.loader,
.loader:after {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.loader {
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 5px solid rgba(255, 255, 255, 0.2);
	border-right: 5px solid rgba(255, 255, 255, 0.2);
	border-bottom: 5px solid rgba(255, 255, 255, 0.2);
	border-left: 5px solid #dffe19;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
	margin: 4px auto auto auto;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

ul#cd-example {
	display: flex;
	justify-content: center;
	text-align: bottom;
	align-items: center;
	z-index: 100;
}
ul#cd-example li {
	position: relative;
	color: #fff;
	line-height: 25px;
	height: 25px;
	vertical-align: middle;
	filter: drop-shadow(0 0 4px #dffe19);
}
ul#cd-example li.time {
	width: 2.5em;
}
ul#cd-example li.day {
	width: 2.5em;
}
ul#cd-example li span {
	font-family: D7MBI;
	font-size: 24px;
	position: absolute;
	top: 0;
	left: 0;
}
ul#cd-example li span.days,
ul#cd-example li span.hours,
ul#cd-example li span.minutes,
ul#cd-example li span.seconds {
	color:#dffe19;
	z-index: 10000;
}
ul#cd-example li span.Clock-Time-Background {
	opacity: 0.3;
	z-index: 9999;
}
ul#cd-example li.date {
	padding: 0 10px 0 2px;
	font-size: 14px;
	font-weight: 600;
	color:#dffe19;
	line-height: 14px;
	height: 14px;
	align-self: flex-end;
}
ul#cd-example li.seperator {
	padding: 0 3px;
	color:#dffe19;
	font-size: 18px;
}
@media screen and (min-width:414px){
	#top-count-area .inner {
		padding: 25px 20px 30px 20px;
		max-height: 160px;
		overflow: hidden;
	}
	#top-count h2 {
		font-size: 20px;
		margin-bottom: 20px !important;
	}
	#top-count h2 img {
		max-width: 400px;
	}
	#box-count {
		height: 40px;
	}
	#box-count #loader-bg {
		bottom:-4px;
		height: 48px;
	 }
	.loader,
	.loader:after {
	  width: 40px;
	  height: 40px;
	}
	.loader {
		margin: 4px auto auto auto;
	}
	ul#cd-example li {
		line-height: 40px;
		height: 40px;
	}
	ul#cd-example li.time {
		width: 3.9em;
	}
	ul#cd-example li.day {
		width: 3.9em;
	}
	ul#cd-example li span {
		font-size: 39px;
	}
	ul#cd-example li.date {
		padding: 0 18px 0 4px;
		font-size: 17px;
		line-height: 17px;
		height: 17px;
	}
	ul#cd-example li.seperator {
		padding: 0 7px;
		font-size: 22px;
	}
}

@media screen and (min-width:600px){
	#top-count-area img.top-sp {display: none;}
	#top-count-area img.top-pc {display: block;}
}

@media screen and (min-width:980px){
	#top-count-area .inner {
		padding: 40px 40px 50px 40px;
		max-height: 220px;
		overflow: hidden;
	}
	#top-count h2 {
		font-size: 24px;
		margin-bottom: 25px !important;
	}
	#top-count h2 img {
		max-width: 570px;
	}
	#box-count {
		height: 64px;
	}
	#box-count #loader-bg {
		bottom:-4px;
		height: 64px;
	 }
	.loader,
	.loader:after {
	  width: 50px;
	  height: 50px;
	}
	.loader {
		margin: 7px auto auto auto;
		border-top: 8px solid rgba(255, 255, 255, 0.2);
		border-right: 8px solid rgba(255, 255, 255, 0.2);
		border-bottom: 8px solid rgba(255, 255, 255, 0.2);
		border-left: 8px solid #dffe19;
	}
	ul#cd-example li {
		line-height: 56px;
		height: 56px;
	}
	ul#cd-example li.time {
		width: 5.4em;
	}
	ul#cd-example li.day {
		width: 5.4em;
	}
	ul#cd-example li span {
		font-size: 55px;
	}
	ul#cd-example li.date {
		padding: 0 24px 0 3px;
		font-size: 26px;
		line-height: 23px;
		height: 23px;
	}
	ul#cd-example li.seperator {
		padding: 0 10px;
		font-size: 34px;
	}
}

@media screen and (min-width:1400px){
	#top-count-area img.mv {
		max-width: 1280px;
		height: auto;
		margin: auto;
	}
}


/* ===================================================================
 PAGE
=================================================================== */

/* パンくずリスト */
.pankuzu-area { clear:both; width:100%; margin:0 auto; padding:0; background: #ECECEC; }
.pankuzu-area:after { content:" "; display:block; clear:both;}
.pankuzu { width:94%; max-width:1200px; margin:0 auto; padding:5px 0; font-size: 11px; color: #000; }
.pankuzu span.arrow{ position: relative; display: inline-block; padding-left: 1em; margin: 0 0.5em;}
.pankuzu a { text-decoration: underline;}
.pankuzu span.arrow::before{ content: ''; width: 8px; height: 8px;
  border: 0px; border-top: solid 2px #00A9C9; border-right: solid 2px #00A9C9;
  -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
  position: absolute; top: 50%; left: 0; margin-top: -8px;
}

@media only screen and (max-width: 414px) {
    .pankuzu-area { display: none;}
}


/* ===================================================================
 Archive
=================================================================== */
.archive .entry-header .entry-title { font-size:22px; margin-bottom:0.25em; }
.archive .entry-title a { }
.archive .entry-none { text-align: center; padding: 60px 0;}


/* ===================================================================
POST
=================================================================== */
.single-post {}

/* Post Landing Page */
.entry-header {  }
.entry-header .entry-title { font-size:26px; font-weight: bold; margin-bottom:1em; line-height: 1.35; text-decoration:none; }

.entry-meta { font-size: 14px; font-weight: bold; letter-spacing: 0.05em; margin-bottom: 0.5em; }
.entry-meta a {  }
.entry-meta img { margin-right: 1em;}
.entry-date { margin-right: 1em;}
.posted-on {}
.byline { display:inline; }

/* キャプション */
.wp-caption-text { font-size: 13px;}
/* 続きを読む */
.entry-content .more-link { display: inline;}

.entry-content { clear: both; }
.post-thumbnail img { width: 100%; /*max-width: 100%;*/ height:auto; }

.entry-footer { width: 100%; border-bottom:1px solid #eee; border-top:1px solid #eee; margin-top:2em; padding:2em 0; }
.entry-footer .cat-links,
.entry-footer .tags-links { display: block; font-size:11px; letter-spacing: 0.05em; color:#777;  }
.entry-footer .cat-links + .tags-links { margin-top:1em; }
.entry-footer .cat-links a,
.entry-footer .tags-links a { color:#777; }

#news-post-section { width:960px; height:auto; margin:0 auto; background:#ffffff; box-shadow: 0 0 8px gray; }
#news-post-section p{padding:20px 0;}
#news-post-section figcaption{color:#626262; font-size:0.9em;}

.hoshizora-blog-box h2{background:#dfedef; padding:10px 5%; font-size:1.3em; font-weight:bold; margin:0 0 20px 0;}
.hoshizora-blog-box h3{font-size:1.2em; font-weight:bold; margin:0 0 10px 0;}
.blog-img-tate{max-width:500px; margin:0 auto; display:block; width:100%;}
.hoshizora-blog-box a{color:#00a9c9!important;}

@media only screen and (min-width: 769px) {
    .entry-content { display: -webkit-flex; display: flex; }
    .entry-txt { -webkit-flex: 1; flex: 1; }
    .post-thumbnail { width:100%; /*max-width:45%;*/ margin: 0 0 1em 0;}
	.post-thumbnail img{ object-fit: cover; height:500px;}
}

@media only screen and (max-width: 768px) {
	#blog-post >section{margin:40px 0 !important; width:100%!important;}
	#news-post >section{margin:40px 0 !important; width:100%!important;}
	.entry-header{padding:10px 5%!important;}
	.entry-content{padding:10px 5% 40px 5%!important;}
    .entry-header .entry-title { font-size:18px; }
    .post-thumbnail { width:100%; margin-left: 0; text-align: center; }

    #news-post-section { width:100%; height:auto; margin:0 auto; background:#ffffff; box-shadow: none; }
.post-thumbnail img{ object-fit: cover; height:200px;}
}

/* Tables */
.post table *, .post table *:before, .post table *:after { }
.post table {  }
.post table th, .post table td  {  }
.post table th { }
.post table td { }

/* List */
.post ul { list-style-type: disc; margin: 0 0 0 1.5em; padding: 0; }
.post ul li > ul { margin-bottom: 0; margin-left: 1.5em; }

.post ol { list-style-type: decimal; margin: 0 0 0 1.5em; padding: 0;}
.post ol li > ol { margin-bottom: 0; margin-left: 1.5em; }

/* Dl List */
.post dl { clear:both; width: 100%; text-align: left; border-bottom:1px solid #AAA; }
.post dt { padding: 10px 0 10px 10px; clear: left; float: left; width: 10em; border-top:1px solid #AAA; color:#777; }
.post dd { padding: 10px 0 10px 10px; margin-left: 10em; border-top:1px solid #AAA; }
.post dl:after, .post dt:after, .post dd:after { content:" "; display:block; clear:both;}

@media only screen and (max-width: 768px) {
	.post dt { clear: both; float: none; width: 100%; padding-bottom: 5px; }
	.post dd { margin-left:0; border-top:none; }
}


/* ===================================================================
PAGES
=================================================================== */
.page-header { padding-bottom:2em; }
.page .entry-header .edit-link { font-size:14px; }
.page-links { clear:both; margin:0 0 1.5em; }

/* ===================================================================
404-page / SEARCH-page
=================================================================== */
.search-results article.hentry { margin: 0 auto 1em auto; padding-bottom: 1em; border-bottom: 1px solid #CCC;}
.search .entry-header { padding:1em 0; }
.search .entry-header .entry-title { font-size:22px; margin-bottom:0.25em; border-bottom: 1px solid #555;}

/* Search */
.search-form { clear: both; position:relative; }
.search-form .search-submit { position: absolute; width: 38px; height: 32px; padding:0; background: #999; border-radius: 0 4px 4px 0; top: calc(100% - 32px); right: 0; font-size: 20px;}
#head-bn-menu li.search .hidden_show .search-form .search-submit { font-size: 18px;}

_::-webkit-full-page-media, _:future, :root .search-form .search-submit {
     top: calc(100% - 35px);
}

.error404 #main h2,
.error404 #main p,
.search-no-results #main h2,
.search-no-results #main p{ text-align: center;}
.error404 #main .search-form,
.search-no-results #main .search-form{ width: 500px; max-width: 100%; margin: 0 auto;}
.error404 #main .search-form input[type="search"],
.search-no-results #main .search-form input[type="search"]{ width: 500px; max-width: 100%;}
.error404 #main .search-form .search-field,
.search-no-results #main .search-form .search-field{ width: 500px; max-width: 100%;}



.search .post-thumbnail { width: 200px; float: left; margin:0 10px 0 0;}

/* ===================================================================
 Pagination
=================================================================== */
.nav-subtitle { display:none;}
.nav-links .nav-title { position: relative; }
.nav-title-icon-wrapper { position: absolute; text-align: center; width: 2em; }

/* Page pagination
---------------------------------------------------------------------- */
.pagination { clear:both; max-width:100%; padding:1.5em 0; margin: 2em auto 0 auto; text-align:center; }
.navigation.pagination { clear: both; width: 100%;}
.page-numbers{ display: inline-block; padding: 0 0.75em; line-height: 1; font-size: 14px; font-weight:bold; }
a.page-numbers,
.page-numbers.current { height:50px; width:50px; margin: 0.5em; border-radius:50%; line-height:50px; text-align:center; }
a.page-numbers { background: #E5E5E5;}
a.page-numbers:hover { background: #555; color: #fff;}
.page-numbers.current { background: #555; color: #fff; }
.page-numbers.current .screen-reader-text { font-size: 93.8%; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute !important; }

a.prev.page-numbers,
a.next.page-numbers
{ height:50px; width:7em; margin: 0.5em 0; border-radius:50%; line-height:50px; text-align:center; background: none;text-decoration: underline;}

a.prev.page-numbers:hover,
a.next.page-numbers:hover{ background: none; color: #000;text-decoration: none;}

.prev.page-numbers,
.next.page-numbers { padding: 0; line-height: 1; display: inline-block; }

.prev.page-numbers { float: left; position: relative; padding-left: 15px;}
.prev.page-numbers::before { position:absolute; content:''; width:6px; height:6px; border-top:solid 2px #697b91; border-right:solid 2px #697b91;
-webkit-transform:rotate(-135deg); transform:rotate(-135deg); top:50%; left:0; margin-top:-3px;}

.next.page-numbers { float: right; position: relative; padding-right: 15px;}
.next.page-numbers::before { position:absolute; content:''; width:6px; height:6px; border-top:solid 2px #697b91; border-right:solid 2px #697b91;
-webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; right:0; margin-top:-3px;}

@media only screen and (max-width: 768px) {
    .page-numbers{ font-size: 11px; }
    a.page-numbers,
    .page-numbers.current  { height:36px; width:36px; margin: 0.3em; line-height:36px; }
}

@media only screen and (max-width: 414px) {
    .page-numbers{ font-size: 10px; }
    a.page-numbers,
    .page-numbers.current  { height:33px; width:33px; line-height:33px; }
}


/* Posts pagination
---------------------------------------------------------------------- */
.post-navigation { clear:both; padding:1em 0; line-height:1.2; font-size:14px; }
.post-navigation:after { content:" "; display:block; clear:both;}
.post-navigation .nav-links { margin: 0 auto; padding: 0; width: 100%;}
.post-navigation a[rel="next"] { float: right; text-align: right;}
.post-navigation .nav-list{ clear:both; text-align:center; }
.post-navigation .nav-list a { font-size:100%; padding:0 20px; text-decoration:none;}

.post-navigation .nav-previous { float:left; text-align:left; width:50%; position: relative; padding-left: 15px; }
.post-navigation .nav-previous::before { position:absolute; content:''; width:6px; height:6px; border-top:solid 2px #697b91; border-right:solid 2px #697b91;
-webkit-transform:rotate(-135deg); transform:rotate(-135deg); top:48%; left:0; margin-top:-3px;}

.post-navigation .nav-next { float:right; text-align:right; width:48%; position: relative; padding-right: 15px; }
.post-navigation .nav-next::before { position:absolute; content:''; width:6px; height:6px; border-top:solid 2px #697b91; border-right:solid 2px #697b91;
-webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; right:0; margin-top:-3px;}


/* ===================================================================
 FOOTER
=================================================================== */
.site-footer { clear:both; margin:0 auto; padding:60px 0 44px 0; width:100%; text-aling:center; border-top:1px solid #CCC; background: #009FBD; color: #fff; position: relative;} 
.site-footer:after { content:" "; display:block; clear:both;}
.site-footer a { color: #fff;}

.foot { width: 94%; max-width: 1200px; margin: 0 auto 60px auto;}
.foot:after { content:" "; display:block; clear:both;}

.foot-info-area { float: left; width: 50%;}
.foot-nav-area { float: right; width: 380px;}

.foot-info-area .foot-add { font-size: 14px; margin: 0; padding: 0;}
.foot-info-area .foot-add a.foot-add-access img { margin-right: 0.3em; width: 14px; height: 16px;}
.foot-info-area h2 { margin: 0 0 30px 0; padding: 0;}

.foot-info h3 { font-size: 16px; color: #FFF; margin: 30px 0 0 0; padding: 0; text-align: left;}
.foot-info p { font-size: 14px; margin: 0; padding: 0; text-align: left;}

.foot-sns { margin-bottom: 40px;}
.foot-sns ul li { display: inline-block; margin: 0 10px 0 0; padding: 0; text-align:center; list-style-type:none; width:16%!important;}
.foot-sns ul li img{width:100%;}

.foot-nav { clear:both; margin:0 auto 20px auto; padding:0; }
.foot-nav:after { content:" "; display:block; clear:both;}
.foot-nav ul { float: left; width: 50%;  margin:0 auto; list-style-type:none;  }
.foot-nav ul li { text-align: left; margin: 0.3em 0; padding: 0; }
.foot-nav ul li a { display:block; margin:0; padding:0; color: #fff; font-size: 13px;text-decoration: underline;}
.foot-nav ul li a:hover { text-decoration: none;}
.foot-nav ul li.title { max-width: 6em; margin-bottom: 1em; padding: 0.2em 0.5em 0.1em 0.5em; background: #4DBCD1; color: #fff; font-size: 14px; font-weight: bold; text-align: center;}

@media screen and (min-width:769px){
	.foot-nav-sp { display:none;}
}

@media screen and (max-width:960px){
	.foot-info-area { float: left; width: 42%;}
}

@media screen and (max-width:768px){
	.foot { margin: 0 auto 30px auto;}
	.site-footer { padding:30px 0 44px 0;} 
    .foot-info-area { float: none; width: 100%; max-width: 370px; margin: 0 auto; text-align: center;}
    .foot-nav-area { float: none; width: 100%; max-width: 370px; margin: 0 auto; text-align: center;}
    .foot-info-area .foot-add a.foot-add-access,
	.foot-info,
    .foot-nav { display:none;}
    .foot-info-area .foot-add { font-size: 12px;}
    .foot-nav-sp { margin:0 auto 30px auto ; }
    .foot-nav-sp:after { content:" "; display:block; clear:both;}
    .foot-nav-sp ul { list-style-type:none; }
	.foot-nav-sp ul li { float: left; width: 50%; border-top: 1px #4DBCD1 solid; text-align: center; padding: 10px 0; font-size: 12px;}
	.foot-nav-sp ul li.end { width: 100%;}
    .foot-nav-sp ul li:nth-child(even) { border-left: 1px #4DBCD1 solid;}
    .foot-sns ul li { margin: 0 1px; }
    .foot-sns ul li img { width: 65px;}
}

@media screen and (max-width:414px){
    .foot-nav-sp { width: 96%; }
}

/* copyright */
.copyright { clear: both; width:100%; text-align:center; font-size:11px; }
.copyright a { color:#fff; text-decoration:none;}
.copyright a:hover { color:#fff; text-decoration:underline;}

/* ページ先頭へ------------------------------------------------ */
#pagetop { position: absolute; bottom:0; right:0; z-index: 10000;}
#pagetop a { width:65px; height:65px; display:block; }
#pagetop a:hover { opacity: 0.8; }

/*--------------------------------------------------------------
Social nav
--------------------------------------------------------------*/
.social-navigation { clear: left; float: left; margin-bottom: 0; width: 36%; font-size:16px; margin-bottom:1em; }
.social-navigation ul { list-style:none; margin-bottom:0; margin-left:0; }
.social-navigation li { display:inline; }
.social-navigation a { background-color:#767676; -webkit-border-radius:40px; border-radius:40px; color:#fff; display:inline-block; height:40px; margin:0 1em .5em 0; text-align:center; width:40px; }
.social-navigation a:hover,
.social-navigation a:focus { background-color:#333; }
.social-navigation .icon { height:16px; top:12px; width:16px; vertical-align:top; }

/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/
#comments { clear:both; padding:5em 0 1em 0; }
.comments-title { font-size:20px; margin-bottom:2em; }
#comments ol.comment-list { list-style: none;}
.comment-list,
.comment-list .children { list-style:none; margin:0; padding:0; }
.comment-list li:before { display:none; }
.comment-body { margin-left: 0; }
.comment-author { font-size:16px; margin-bottom:.4em; position:relative; z-index:2; }
.comment-author .avatar { height:50px; left:-65px; position:absolute; width:50px; }
.comment-meta { margin-bottom:1.5em; }
.comment-metadata { color:#777; font-size:10px; font-weight:bold; letter-spacing:0.05em; text-transform:uppercase; }
.comment-metadata a { color:#777; }
.comment-metadata a.comment-edit-link { color:#222; margin-left:1em; }
.comment-body { color:#333; font-size:14px; margin-bottom:4em; }
.comment-reply-link { font-weight:bold; position:relative; }
.comment-reply-link .icon { color:#222; left:-2em; height:1em; position:absolute; top:0; width:1em; }
.children .comment-author .avatar { height:30px; left:-45px; width:30px; }
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { border:1px solid #333; padding:2px; }
.no-comments,
.comment-awaiting-moderation { color:#767676; font-size:14px; }
.comments-pagination { margin:2em 0 3em; }
.form-submit { text-align:right; }
.comment-form #wp-comment-cookies-consent { margin:0 10px 0 0; }
.comment-form .comment-form-cookies-consent label { display:inline; }

.comments-pagination { border-top:1px solid #eee; font-size:14px; font-size:.875rem; font-weight:800; padding:2em 0 3em; text-align:center; }
.comments-pagination { border:0; }

@media screen and (max-width: 48em) {
 .comment-body { margin-left:65px; }
}

/* ===================================================================
 SIDE
=================================================================== */

#secondary .widget { padding-bottom:3em; }
#secondary h2.widget-title { position: relative; font-size:16px; font-weight:bold; text-align: center; margin-bottom:1.5em; height: 87px; line-height: 87px; text-transform:uppercase; background: #00394b;}
#secondary h2.widget-title:after{ content: ""; border-top: 13px solid #00394b; border-right: 10px solid transparent; border-bottom: 13px solid transparent; border-left: 10px solid transparent; position: absolute; left: 43%; bottom: -26px;}
#secondary h2.widget-title img { max-width: 94%;}
#secondary .widget-title a { color:inherit; }
#secondary .widget select { width:100%; }
#secondary .widget ul { list-style:none; margin:0 0 20px 0; }
#secondary .widget ul li { text-align: left; padding:0; margin-bottom: 5px; background: #00A9C9;}
#secondary .widget ul li a { position: relative; padding:13px 1em 10px 1em; font-size: 15px; font-weight: bold; line-height: 1.2; background: #008aaa; color: #fff; display: block;}
#secondary .widget ul li a:hover { background: #FFFF00;color: #000; text-decoration: none;}
#secondary .widget ul li li a { font-size: 14px; font-weight: bold; padding-left:24px; background: #00a9c9; border-bottom:1px solid #84c5db; }
#secondary .widget ul li li a:hover { background: #FFFF00; border-bottom:1px solid #ccc534;color: #000;}
#secondary .widget ul li a::before { content: ""; bottom: 5px; right: 5px; border-top: 8px solid transparent; border-right: 8px solid #fff; position: absolute; z-index: 100;}
#secondary .widget ul li a:hover::before { border-right: 8px solid #000; }
#secondary .widget ul li ul { margin:0; padding:0; }
#secondary .widget ul li li { margin-bottom: 0; }
#secondary .widget ul li.current a {background: #c9c02a; color: #fff;}
#secondary .widget ul li.current a:hover { background: #FFFF00;color: #000; text-decoration: none;}
#secondary .widget ul li.current a::before {}
#secondary .widget ul li.current a:hover::before {}
#secondary .widget ul li.current li a { background: #d1d0cb; border-bottom:1px solid #f0f0f0; color: #000;}
#secondary .widget ul li.current li a:hover {border-bottom:1px solid #f0f0f0;}
#secondary .widget ul li.current li a::before { border-right: 8px solid #000;}
#secondary .widget ul li.current a:hover::before { border-right: 8px solid #000; }

@media only screen and (min-width: 769px) {
	.page-gp-floorguide.has-sidebar #secondary .widget { position:sticky; top:10px;}
	.page-gp-floorguide.has-sidebar #secondary .widget ul.navi_floor { margin-bottom: 2em;}
	.page-gp-floorguide.has-sidebar #secondary .widget ul.navi_floor li { margin-top: 3px; background: none;}
	.page-gp-floorguide.has-sidebar #secondary .widget ul.navi_floor li a::before { border-top: 8px solid transparent; border-right: 8px solid #fff;}
	.page-gp-floorguide.has-sidebar #secondary .widget ul.navi_floor li a:hover { color: #fff;}
	.page-gp-floorguide.has-sidebar #secondary .widget ul.navi_floor li a:hover::before { border-top: 8px solid transparent; border-right: 8px solid #fff;}
	.page-gp-floorguide.has-sidebar #secondary .widget ul.navi_floor li.force a:hover { background: #c13342;}
	.page-gp-floorguide.has-sidebar #secondary .widget ul.navi_floor li.nature a:hover { background: #8faf29;}
	.page-gp-floorguide.has-sidebar #secondary .widget ul.navi_floor li.sound a:hover { background: #ec6b2e;}
	.page-gp-floorguide.has-sidebar #secondary .widget ul.navi_floor li.light a:hover { background: #fac53e;}
	.page-gp-floorguide.has-sidebar #secondary .widget ul.navi_floor li.space a:hover { background: #104390;}
	.page-gp-floorguide.has-sidebar #secondary .widget ul.navi_floor li.other a:hover { background: #a57c52;}
	.page-gp-floorguide.has-sidebar #secondary .widget ul.navi_floor li.planetariumdome a:hover { background: #000;}
	.page-gp-floorguide.has-sidebar #secondary .widget ul.navi_floor li.current a { background: #00A9C9; color: #FFF; cursor: default; }
	.page-gp-floorguide.has-sidebar #secondary .widget ul.navi_floor li.force.current a { background: #c13342;}
	.page-gp-floorguide.has-sidebar #secondary .widget ul.navi_floor li.nature.current a { background: #8faf29;}
	.page-gp-floorguide.has-sidebar #secondary .widget ul.navi_floor li.sound.current a { background: #ec6b2e;}
	.page-gp-floorguide.has-sidebar #secondary .widget ul.navi_floor li.light.current a { background: #fac53e;}
	.page-gp-floorguide.has-sidebar #secondary .widget ul.navi_floor li.space.current a { background: #104390;}
	.page-gp-floorguide.has-sidebar #secondary .widget ul.navi_floor li.other.current a { background: #a57c52;}
	.page-gp-floorguide.has-sidebar #secondary .widget ul.navi_floor li.planetariumdome.current a { background: #000;}
	.page-gp-floorguide.has-sidebar #secondary .widget ul.navi_floor li.current a::before { border-top: 8px solid transparent; border-right: 8px solid #fff;}
    .side-sp-cont { display: none;}
    .side-sp-bt { display: none;}
}

@media only screen and (max-width: 768px) {
	h2.widget-title {display: none;}
    nav.side-sp-cont { position: absolute; z-index: 2; top: 60px; left: 0; color: #000; text-align: left; width: 100%; z-index: 1001;}
	.side-sp-cont .widget ul { list-style:none; margin:0; text-align: left;}
	.side-sp-cont .widget ul li { padding:0; background: #FFF;}
	.side-sp-cont .widget ul li span { display: none;}
	.side-sp-cont .widget ul li a { position: relative; padding:18px 1em 15px 30px; font-size: 13px; font-weight:normal; line-height: 1.2; background: #FFF; color: #000; display: block;}
	.side-sp-cont .widget ul li a::before { content: ""; bottom: 3px; right: 3px; border-top: 12px solid transparent; border-right: 12px solid #000; position: absolute; z-index: 1000;}
    .side-sp-cont .widget ul li.current a,
	.side-sp-cont .widget ul li a:hover { background: #555; color: #FFF; text-decoration: none;}
    .side-sp-cont .widget ul li.current a::before,
	.side-sp-cont .widget ul li a:hover::before { border-right: 12px solid #fff; }
	.side-sp-cont .widget ul li ul { margin:0; padding:0; }
	.side-sp-cont .widget ul li li { margin-bottom: 0; font-size: 14px; background: #F0F0F0; }
	.side-sp-cont .widget ul li li strong { font-weight: 400;}
	.side-sp-cont .widget ul li li a { padding-left:45px; background: #F0F0F0; border-bottom:1px solid #DDD;  position: relative; display: block; }
	.side-sp-cont .widget ul li li a::before{ content: ''; width: 6px; height: 6px; margin-top: -6px;
 border: 0px; border-top: solid 1px #000; border-right: solid 1px #000;
 -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
 position: absolute; top: 57%; left:30px; }
	.side-sp-cont .widget ul li li.current a::before,
    .side-sp-cont .widget ul li li a:hover::before { border-top: solid 1px #fff; border-right: 1px solid #fff; }
    .side-sp-cont .widget ul li br { display: none;}

    .side-sp-bt { display: block; position: absolute; right: 13px; top: 20px; width: 100px; height: 51px; cursor: pointer; z-index: 3; text-align: center;}
    .side-sp-bt span.side-sp-tab { font-size: 12px; color: #fff;}
    .side-sp-bt span.side-sp-ico { position: relative; padding-right: 30px;}
    .side-sp-bt span.side-sp-ico::before { position: absolute; content: ''; width: 24px; height: 24px; background: #fff; border-radius: 50%; top: 50%; right: 0; margin-top: -10px; }
    .side-sp-bt span.side-sp-ico::after { position: absolute; content: ''; width: 10px; height: 10px; border-top: solid 2px #FF0000; border-right: solid 2px #FF0000; -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 50%; right: 7px; margin-top: -5px;}
    .side-sp-bt.open span.side-sp-ico::after { top: 65%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
 }
 
 @media only screen and (max-width:414px) {
     .side-sp-bt { width: 24px; }
     .side-sp-bt span.side-sp-tab { display: none; }
 }

/* Widget lists of links */
.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul { bottom: 0;}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li { padding-bottom: 0.25em; padding-top: 0.25em;}
.widget_rss ul li { padding-bottom: 1em; padding-top: 1em;}

/* Widget markup */
.widget .post-date,
.widget .rss-date { font-size: 0.81em;}

/* Text widget */
.widget_text { word-wrap:break-word; }
.widget_text ul { list-style:disc; margin:0 0 1.5em 1.5em; }
.widget_text ol { list-style:decimal; }
.widget_text ul li,
.widget_text ol li { border:none; }
.widget_text ul li:last-child,
.widget_text ol li:last-child { padding-bottom:0; }
.widget_text ul li ul { margin:0 0 0 1.5em; }
.widget_text ul li li { padding-left:0; padding-right:0; }
.widget_text ol li { list-style-position:inside; }
.widget_text ol li + li { margin-top:-1px; }

/* RSS Widget */
.widget_rss .widget-title .rsswidget:first-child { float:right; }
.widget_rss .widget-title .rsswidget:first-child:hover { background-color:transparent; }
.widget_rss .widget-title .rsswidget:first-child img { display:block; }
.widget_rss ul li { padding:2.125em 0; }
.widget_rss ul li:first-child { border-top:none; padding-top:0; }
.widget_rss li .rsswidget { font-size:22px; font-weight:300; line-height:1.4; }
.widget_rss .rss-date,
.widget_rss li cite { color:#767676; display:block; font-size:10px; font-style:normal; font-weight:bold; letter-spacing:.18em; line-height:1.5; text-transform:uppercase; }
.widget_rss .rss-date { margin:.5em 0 1.5em; padding:0; }
.widget_rss .rssSummary { margin-bottom:.5em; }

/* Contact Info Widget */
.widget_contact_info .contact-map { margin-bottom: 0.5em; }

/* アバター */
.widget-grofile h4 { font-size: 16px; margin-bottom: 0;}

/* 最近のコメント */
.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td { border: 0;}

/* 最近の投稿 */
.widget_recent_entries .post-date { display: block;}



/* タグ */
.widget_tag_cloud { line-height:1.5; }
.widget_tag_cloud a { float:left; padding:0 0.5em 0 0; width:auto; font-size: 14px; word-wrap:break-word; z-index:0; }
.widget_tag_cloud a:hover,
.widget_tag_cloud a:focus { border-color:#bbb; -webkit-box-shadow:none; box-shadow:none; text-decoration:none; }

/* Calendar widget */
.widget_calendar th,.widget_calendar td { text-align:center; }
.widget_calendar tfoot td { border:0; }



/*--------------------------------------------------------------
 Tag
--------------------------------------------------------------*/
dfn,
cite { font-style:italic; }

blockquote { color:#666; margin:0; font-size: 13px; padding:0; overflow:hidden; }
blockquote cite { display:block; margin-top:.5em; }
blockquote { quotes:"" ""; }
blockquote:before,
blockquote:after { content:""; }
.entry-content blockquote.alignleft { margin-left: 0; width: 45%; }
.entry-content blockquote.alignright { margin-right: 0; width: 45%; }

:focus { outline:none; }
address { margin:0 0 0.5em; font-style: normal; }
pre { background:#eee; font-size:15px; line-height:1.6; margin-bottom:1.6em; max-width:100%; overflow:auto; padding:1.6em; }
code,
kbd,
tt,
var { font-size:15px; }
abbr,
acronym { border-bottom:1px dotted #666; cursor:help; }
mark,
ins { background:#eee; text-decoration:none; }
big { font-size:125%; }
q { quotes:"“" "”" "‘" "’"; }


/*--------------------------------------------------------------
 Print
--------------------------------------------------------------*/
@media print {
    header,footer,nav,.pankuzu-area { display: none;}
}

/*--------------------------------------------------------------
 confusion
--------------------------------------------------------------*/
.confusion-date{
	background:#029FBD!important;
	color:#fff!important;
	padding:10px 40px!important;
	border-radius:40px!important;
}
#confusion-info h3:before{
	background:none!important;
}
#confusion-info h3:after{
	background:none!important;
}
#confusion-info h3{
	background:#029FBD!important;
	color:#fff!important;
}
#confusion-info1 ul li{
width:100%!important;
	box-shadow:0px 0px 5px 0px #b4b4b4;
	background:#ebf4f7;
	display:block;
}
#confusion-info1 .status{
	background:#ebf4f7;
	padding:30px!important;
	 display:block;
	font-size:1.3em;
}
#confusion-info1 h4{
	background:#1ca4bc;
color:#fff;
}
#confusion-info2 h2{
	font-size:1.5em;
	font-weight:bold;
}
#confusion-info2 ul{
	display:flex;
	flex-wrap:wrap;
}
#confusion-info2 ul li{
	width:18%!important;
	box-shadow:0px 0px 5px 0px #b4b4b4;
	margin-right:2%;
	background:#ebf4f7;
}
#confusion-info2 ul li:nth-child(5n){
	margin-right:0%;
}
#confusion-info2 ul li span{
display:block;
}
#confusion-info3 ul li{
width:100%!important;
	box-shadow:0px 0px 5px 0px #b4b4b4;
	background:#ebf4f7;
	display:block;
}
#confusion-info3 .status{
	background:#ebf4f7;
	padding:30px;
	 display:block;
	font-size:1.3em;
}
.confusion-title{
background:#1ca4bc;
color:#fff;
}
#confusion-info2 .time{
	background:#92cddd!important;
	display:block!important;
	padding:5px!important;
}
#confusion-info2 .status{
	background:#ebf4f7;
	display:block!important;
	font-size:1.3em;
	padding:30px 15px 15px 15px!important;
}
#confusion-info2 .status p{
padding:0px!important;
}
#confusion-info1 .green , #confusion-info2 .green{
color:#1e9e00;
	margin:0 auto;
	text-align:center;
	font-weight:bold!important;
}
#confusion-info1 .gray , #confusion-info2 .gray{
color:#909090;
	margin:0 auto;
	text-align:center;
	font-weight:bold!important;
}
#confusion-info1 .red , #confusion-info2 .red{
color:#ff0000;
	margin:0 auto;
	text-align:center;
	font-weight:bold!important;
}
.big{
	font-size:3em;
}
.zanseki-2{
	margin-top:30px;
	display:block;
}
 @media only screen and (max-width:765px) {
	 #confusion-info1 .status{
	padding:20px;
}
	  #confusion-info1 .status{
	padding:5px;
}
	 #confusion-info2 ul li{
	width:100%!important;
	margin-right:0%;
		 box-shadow:0px 0px 0px 0px #b4b4b4;
}
	  #confusion-info2 ul{
		 box-shadow:0px 0px 5px 0px #b4b4b4;
}	 
	 .zanseki-2{
	margin-top:0px;
}
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute!important;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
table.worksheet {
	font-size:13px;
	width:100%;
}
table.worksheet tr{
	border-bottom:3px solid #fff;
}
table.worksheet th{
	background:#92cddc!important;
	padding:5px;
	border-left:3px solid #fff;
	text-align:left;
}
table.worksheet td{
	background:#ebf4f7!important;
	padding:5px;
	border-left:3px solid #fff;
	text-align:left;
}
table.worksheet td{
max-width:300px;
}
#worksheet{
	margin:0 0 40px 0;
}
.kakomi{
	background:#ebf4f7!important;
	padding:5%;
	text-align:left;
	overflow:hidden;
	font-size:13px;
	margin:0px 0 0 0;
}
.kakomi2{
background:#d1e8f3!important;
	padding:5%;
	text-align:left;
	overflow:hidden;
	font-size:13px;
}
.kakomi3{
background:#efefef!important;
	padding:3%;
	text-align:left;
	overflow:hidden;
	font-size:13px;
}
.kakomi ul li{
text-align:left;
}
.kakomi .btn-bl , .kakomi2 .btn-bl{
	margin-top:15px;
}
#worksheet h2{
	font-size:1.3em;
	font-weight:bold;
}
#worksheet h4{
	font-size:1.2em;
	font-weight:bold;
}
.blocklink{
color:#fff;
background:#019fbc;
padding:10px 30px;
	text-decoration:none!important;
	margin-bottom:10px;
}
.blocklink2{
color:#fff;
background:#019fbc;
padding:20px 40px;
	border-radius:5px;
	display:block!important;
	text-decoration:none!important;
	margin:20px 0;
	width:40%!important;
	text-align:center;
}
.dantai-blocklink{
color:#fff;
background:#019fbc;
padding:10px 30px;
	text-decoration:none!important;
	display:inline-block;
	margin:10px 0;
	width:100%;
	border-radius:6px;
}
.blocklink:hover,.blocklink2:hover,.dantai-blocklink:hover{
opacity:0.7;
}
td.hiduke{
	display:table!important;
}
.jissyu-naiyo th{
	display:table!important;
}
/*dantai*/
#dantai section{
	max-width:980px!important;
	margin:0 auto;
	width:90%!important;
}
#dantai h2{
	font-size:1.5em;
	font-weight:bold;
}
#dantai-flow ul li{
	background:#efefef;
	padding:3%;
		width: 100%;
	display: flex;
	display: -moz-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	flex-direction: row;
	-moz-flex-direction: row;
	-o-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	align-content: space-between;
	align-items: stretch;
	margin-bottom:20px;
}
#dantai-flow ul li h3{
background:none!important;
	text-align:left!important;
	font-size:1.2em!important;
	padding:0!important;
	display:inline-block!important;
}
#dantai-flow ul li h3:before{
	background:none!important;
}
#dantai-flow ul li h3:after{
background:none!important;
}
#admission-group h4{
	font-weight:bold;
	text-align:left;
}
.dantai-shiryolist li{
	padding:0!important;
	width:31%!important;
	margin:0!important;
}
 @media only screen and (max-width:765px) {
.dantai-shiryolist li{
	padding:0!important;
	width:100%!important;
}
	 #dantai h2{
	font-size:1.3em;
	font-weight:bold;
}
}
#dantai-program{
	text-align:left!important;
}
#dantai-program h3{
	font-size:1.2em!important;
	width:100%!important;
	text-align:left!important;
	background:#d1e8f4;
	padding:2%!important;
}
#dantai-program h3:before,#dantai-program h3:after{
	background:none!important;
}
#dantai-program .fl_3cul{
	width:31%;
}
#dantai-program h4{
font-size:1.1em!important;
	font-weight:600!important;
	padding:10px 0;
}
.option-midashi-big{
	font-size:1.4em!important;
}
.fl_program_l{
	width:50%;
}
.fl_program_r{
	width:45%;
}
.option-list li{
	margin:30px 0;
	font-size:0.9em;
}
.option-list li:first-child{
margin-top:0;
}
.blocklink-big{
	background-color:#00a9c8;
	padding:3%;
	color: #fff;
	display:block;
	border-radius:6px;
}
.option-list .fl_2cul img{
height:200px;
	object-fit:cover;
	width:100%;
}
.trip-kakomi{
	background:#efefef;
	border-radius:10px;
	padding:7% 5% 5% 5%;
	position:relative;
	border:1px solid #019FBD;
}
.trip-midashi{
	position:absolute!important;
	left:0;
	right:0;
	margin:auto;
	top:-20px;
	border:2px solid #019FBD;
	color:#019FBD!important;
	background:#fff!important;
	width:200px!important;
	border-radius:30px;
	display:inline-block!important;
	padding:5px 30px!important;
	text-align:center!important;
}
.text-link{
	color:#019FBD!important;
}
@media only screen and (max-width:765px) {
.fl_program_l{
	width:100%;
	margin-bottom:20px;
}
.fl_program_r{
	width:100%;
}
 .trip-kakomi{
	padding:15% 5% 5% 5%;
}
	.option-list .fl_2cul{
		margin-top:0;
	}
	.option-list .fl_2cul img{
height:100px;
}
}
/*trip-program*/
#trip section{
	max-width:980px!important;
}
#trip h2{
	font-size:1.5em;
	font-weight:bold;
}
#trip-intro,#trip-program{
	text-align:left!important;
}
.trip-list .fl_3cul{
	width:31%;
}
.trip-list h4{
	font-weight:600;
	padding:10px 0;
	font-size:1.1em;
} 
.trip-time{
	background:#fff;
	border:1px solid #019FBD;
	color: #019FBD;
	padding:5px 20px;
	margin:10px 0;
}
@media only screen and (max-width:765px) {
.trip-list .fl_3cul{
	width:100%;
margin-bottom:20px;
	}
	#trip section{
		width:86%!important;
	}
	#trip h2{
	font-size:1.3em;
	font-weight:bold;
}
}
/*layout*/
.flex{
	display:flex;
}
.fl_center {
	-webkit-align-items: center !important;
	align-items: center !important;
}
.fl_between {
	-webkit-justify-content: space-between !important;
	justify-content: space-between !important;
}
.fl_wrap{
	flex-wrap: wrap!important;
}
.fl_flow_l{
	width:7%;
}
.fl_flow_r{
	width:88%;
}
.fl_4cul{
	width:24%;
}
.fl_2cul{
	width:48%;
}
.fl_4cul img{
width:100%;
}
.fl_leftlarge_l{
	width:45%;
}
.fl_leftlarge_r{
	width:52%;
}
.fl_ichiran_l{
	width:88%;
}
.fl_ichiran_r{
	width:10%;
}
.fl_ichiran_r img{
width:100%;
}
 @media only screen and (max-width:765px) {
.webcontents-inner>div{
	 display:block!important;
	 }
	 .fl_leftlarge_l{
	width:100%;
}
.fl_leftlarge_r{
	width:100%;
}
	 .blocklink2{
		 width:100%!important;
		 margin-bottom:0;
	 }
	 .fl_ichiran_l{
	width:78%;
}
.fl_ichiran_r{
	width:20%;
}
}
.note{
	font-size:13px;
	text-align:left;
}
.blocklink-red{
	padding:5%;
	color: #fff;
	display:block;
	background: #CC0D0D 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 8px;
}
.blocklink-big:hover,.blocklink-red:hover{
	opacity:0.7!important;
	text-decoration:none;
}
.sp20{
	padding-top:20px;
}
.sp40{
	padding-top:40px;
}

.sp60{
	padding-top:60px;
}
.dantai-address{
	margin:40px 0 0 0;
	border:3px solid #00a9c8;
}
.dantai-address li{
padding:3%;
	border-bottom:1px dotted #00a9c8;
	font-size:1.3em;
	font-weight:bold;
}
#webcontents h2{
	font-size:1.5em!important;
	font-weight:600!important;
}
#webcontents h3{
	background-image:none!important;
	text-align: left!important;
	padding:0!important;
	margin: 0 0 1em 0!important;
	display: block!important;
	font-size:1.2em!important;
}
#webcontents h3::before,#webcontents h3::after{
background-color:transparent!important;
}
#webcontents .fl_leftlarge_r{
	text-align: left!important;
	padding:30px;
}
.webcontents-inner{
	background:#e7f5f7;
	margin-top:60px;
}
#dantai-fee .note{
	padding-top:30px;
}
 @media only screen and (max-width:765px) {
	 .fl_flow_l{
	width:100%;
		 margin:0 auto 20px auto;
}
	 .flow-number{
		 width:12%;
		 margin:0 auto;
	 }
.fl_flow_r{
	width:100%;
}
	 #dantai-flow ul li{
	padding:5%;
	 }
	 #webcontents h2{
	font-size:1.1em!important;
}
	 #webcontents .fl_leftlarge_r{
	padding:20px;
}
	 #webcontents h3{
	font-size:1.0em!important;
}
}
.blogimg{
	width:100%;
	max-width:640px;
	padding:15px 0;
}
.schedule-month-bt{
	display:none!important;
}
#top-calendar{
	display:none!important;
}
 .print{
	display:none!important;
}
/*plane archive*/
.hero{
    position: relative;
	display:flex;
}
.content{
    margin: 0 auto;
    padding: 40px;
}
.box2{
    background: #eee;
    height: 200px;
    margin-bottom: 100px;
}
.modal-open{
    background: #FFFF03;
    color: #222;
    left: 50%;
    padding: 10px 40px;
	display:inline-block;
	text-decoration:none;
	margin-right:20px;
}
		.modal-open:hover{
		opacity:0.7;	
			text-decoration:none;
		}
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
}
.modal_in{
	position:relative;
}
.close-bt{
	position:absolute;
	background:#ddd;
	right:0;
	top:0;
	width:50px;
	height:50px;
	text-align:center;
	font-size:28px;
	
}
		.fl_plane_l{
			width:60%;
		}
.fl_plane_l h3{
font-size:1.5em;
	font-weight:600;
	margin-bottom:20px;
}
		.fl_plane_r{
			width:35%;
		}
 @media only screen and (max-width:765px) {
		.fl_plane_l{
			width:100%;
			margin-bottom:30px;
		}
	 .fl_plane_l p{
	 font-size:0.85em;
	 }
	 .fl_plane_l h3{
		 font-size:1.2em;
	 }
		.fl_plane_r{
			width:100%;
		}
	 .modal__content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
}
.modal__content .flex{
		 display:block!important;
	 }
	 .hero{
		 display:block!important;
	 }
	 .hero a{
		 margin-bottom:20px;
	 }
}
.fl_news_l{
	width:10%;
	padding:0 30px;
	background:#555;
}
.fl_news_l h4{
	color:#fff;
	margin:0 auto;
	width:100%;
	padding-top:5px;
	text-align:center;
}
.fl_news_r{
	width:90%;
}
.fl_news_r a{
 text-decoration:underline;
}
.fl_news_r a:hover{
 text-decoration:none;
}
@media only screen and (max-width:765px) {
.fl_news_l{
	width:100%;
}
	.fl_news_r{
	width:100%;
}
	.fl_news_l h4{
	padding-top:0px;
}
}
#topicsbanner {
	max-width:700px;
	margin:60px auto;
	width:90%;
}
#topicsbanner a{
	display:block;
	width:100%;
	background:#00a9c9;
		box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
	padding:5%;
	text-align:center;
	border-radius:10px;
}
#topicsbanner h2{
	font-size:1.4em;
	font-weight:600;
	color:#fff;
}
#topicsbanner p{
	background:#fff;
	border-radius:30px;
	display:inline-block;
	padding:0 30px;
	margin:10px 0;
}
#topicsbanner a:hover{
opacity:0.7;
	text-decoration:none!important;
}
.topicsbanner-icon {
	max-width:80px;
	margin:0 auto;
}
@media only screen and (max-width:765px) {
.topicsbanner-icon {
	max-width:40px;
	margin:0 auto;
}
	#topicsbanner h2{
	font-size:1.2em;
	font-weight:600;
	color:#fff;
}
	#topicsbanner p{
	font-size:12px;
}
	#topicsbanner {
	margin:60px auto 30px auto;
}
}
.text-bold{
	font-weight:600;
}
.trip-tag{
	background:#00a9c9;
	color:#fff;
	font-size:12px;
	padding:5px 10px;
	border-radius:20px;
}
.moonlist .fl_3cul{
	width:31%;
}
@media only screen and (max-width:765px) {
.moonlist .fl_3cul{
	width:100%;
	margin-bottom:20px;
}
}
.dl-index-list{
	background:#fff;
	border:2px solid #00a9c9;
	width:80%;
	margin:0 auto;
	border-radius:10px;
}
.dl-index-list li{
	width:calc(100%/4);
	position:relative;
}
.dl-index-list li a{
display:block;
	color:#00a9c9;
	width:100%;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:1.8rem 1rem;
	height:80px;
}
.dl-index-list li a.minipaddding{
padding:0.9rem 1rem;
}
.dl-index-list li a:hover{
background:#00a9c9;
	color:#fff;
	text-decoration:none;
}
@media only screen and (max-width:765px) {
.dl-index-list{
	padding:0%;
	width:80%;
	margin:0 auto;
}
	.dl-index-list li{
	width:100%;
	margin-bottom:0%;
}
	.dl-index-list li a{
	border-bottom:1px solid #ccc;
		padding:2%;
		height:auto;
	}
	.dl-index-list li a.minipaddding{
padding:2%;
}
}
.img-pc{
	display:block;
}
.img-sp{
	display:none!important;
}
@media only screen and (max-width:765px) {
.img-pc{
	display:none!important;
}
.img-sp{
	display:block!important;
}
}
/*eat space*/
#eatspace h2{
font-size:1.6em;
	font-weight:600;
}
#eatspace h3{
	background:none!important;
	text-align:left!important;
	padding:0!important;
	display:block;
	width:100%;
	font-size:1.3em!important;
}
#eatspace{
	text-align:left!important;
}
#eatspace h3::before,#eatspace h3::after{
background:none!important;
}
.eatspace-2{
	padding:60px 0;
}
/*question*/
#question{
	text-align:left!important;
}
#question h2{
font-size:1.6em;
	font-weight:600;
}
.questionlist{
	padding-bottom:60px;
}
.questionlist li h3{
	background:none!important;
	text-align:left!important;
	padding:0!important;
	display:block;
	width:100%;
	font-size:1.2em!important;
}
.questionlist h3::before,.questionlist h3::after{
background:none!important;
}
.questionlist li{
	background:#ecf4f7;
	padding:5%;
	margin:30px 0;
	border-radius:6px;
	text-align:left!important;
}
.questionlist li:first-child{
margin-top:0;
}
.questionlist li a{
	color:#4ca7c6;
}
.news-white{
	background:#fff;
	padding:20px;
	text-align:center;
	max-width:950px;
	margin:60px auto 0 auto;
	width:90%;
	color:#ff0000;
}
.event-midashi{
	font-weight:600;
	padding-left:10px;
	border-left:3px solid #00a9c9;
}
.fl_miniwork_l{
	width:70%;
}
.fl_miniwork_r{
	width:27%;
}