@charset "utf-8";
/* CSS Document */

/*
　 breakpoint 414px / 768px
*/

/* ===================================================================
 Common
=================================================================== */

/* ボタン青 */
.btn-bl {
 position: relative; display: inline-block; margin: 0 auto; padding: 1em 2em 0.9em 2em; border: #eee 1px solid; text-align: center; line-height: 1.15; background: #00A9C9; color: #fff; font-size: 14px; }
.btn-bl a { color: #fff; }
.btn-bl::after { content: ""; bottom: 5px; right: 5px; border-top: 8px solid transparent; border-right: 8px solid #fff; position: absolute; z-index: 100;}
.btn-bl:hover { background: #FFFF00; color:#000; -webkit-transition: all .3s; transition: all .3s;}
.btn-bl a:hover { color: #000;}
.btn-bl:hover::after { border-right: 8px solid #000; }
table .btn-bl { margin: 0 auto; }

/* ボタン白 */
.btn-w {
 display: block; width: 240px; height: 40px; border: #eee 1px solid; margin: 20px auto; position: relative;
 text-align: center; text-decoration: none; line-height: 40px; background: #F1FDFF; color: #00A9C9; font-size: 14px; }
.btn-w a { color: #00A9C9; }
.btn-w::after { content: ""; bottom: 5px; right: 5px; border-top: 8px solid transparent; border-right: 8px solid #00A9C9; position: absolute; z-index: 100;}
.btn-w:hover { color: #FFFF00; color:#000; -webkit-transition: all .3s; transition: all .3s;}
.btn-w:hover::after { border-right: 8px solid #000; }
table .btn-w { margin: 0 auto; }

/* ボタン灰 */
.btn-light-gray { display: block; width: 240px; height: 50px; border: #eee 1px solid; margin: 10px 0px; float:right;
 text-align: center; text-decoration: none; line-height: 50px; background: #cccccc; color: #000; font-size: 16px; }
.btn-gr { display: block; width: 240px; height: 40px; border: #eee 1px solid; margin: 20px 0px; position: relative;
 text-align: center; text-decoration: none; line-height: 40px; background: #555; color: #fff; font-size: 14px; }
.btn-light-gray a { color: #000; }
.btn-gr a { color: #fff; }
.btn-gr::after { content: ""; bottom: 5px; right: 5px; border-top: 8px solid transparent; border-right: 8px solid #fff; position: absolute; z-index: 100;}
.btn-light-gray:hover, .btn-gr:hover { background: #00A9C9; -webkit-transition: all .3s; transition: all .3s;}
table .btn-gr { margin: 0 auto; }

/* ボタン黒 */
.btn-bk {
 display: block; width: 240px; height: 40px; margin: 20px auto; position: relative;
 text-align: center; text-decoration: none; line-height: 40px; background: #FFF; color: #000; font-size: 14px; }
.btn-bk a { color: #000; }
.btn-bk::after { content: ""; bottom: 5px; right: 5px; border-top: 8px solid transparent; border-right: 8px solid #000; position: absolute; z-index: 100;}
.btn-bk:hover { background: #FFFF00; color:#000; -webkit-transition: all .3s; transition: all .3s; }
.btn-bk:hover::after { border-right: 8px solid #000; }
table .btn-bk { margin: 0 auto; }

/* ボタン黒 */
.btn-black {
 display: block; width: 240px; height: 40px; margin: 20px auto; position: relative;
 text-align: center; text-decoration: none; line-height: 40px; background: #000; color: #000; font-size: 14px; }
.btn-black a { color: #fff; }
.btn-black::after { content: ""; bottom: 5px; right: 5px; border-top: 8px solid transparent; border-right: 8px solid #000; position: absolute; z-index: 100;}
.btn-black:hover { background: #FFFF00; color:#000; -webkit-transition: all .3s; transition: all .3s; }
.btn-black:hover::after { border-right: 8px solid #000; }
table .btn-black { margin: 0 auto; }


.btn-bl:hover,
.btn-w:hover,
.btn-light-gray:hover,
.btn-gr:hover,
.btn-bk:hover,
.btn-black:hover{ text-decoration: none; }

.btn-bl i,
.btn-w i,
.btn-gr i,
.btn-bk i,
.btn-black i{ margin-right: 6px; }

@media only screen and (max-width: 768px) {
	.btn-light-gray { display: block; width: 100%; height: 50px; border: #eee 1px solid; margin: 10px 0px; float:right;
 text-align: center; text-decoration: none; line-height: 50px; background: #cccccc; color: #000; font-size: 16px; }
	.btn-bl,
	.btn-w,
	.btn-gr,
	.btn-bk,
	.btn-black{ font-size: 13px; }
	
}

#main section { clear: both; width: 94%; max-width: 1200px; margin: 0 auto 60px auto;}
#main section:after { content:" "; display:block; clear:both;}
section p { text-align: left;}

#main section .box { clear: both; width: 100%; margin: 0 auto 40px auto;}
#main section .box:after { content:" "; display:block; clear:both;}

@media only screen and (min-width: 769px) {
    .has-sidebar #main section { width: 100%; }
}
    
@media only screen and (max-width: 768px) {
	#main section { margin-bottom: 30px;}
    #main section .box { margin-bottom: 30px;}
}


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

/* ===================================================================
 イベントBOX 共通デザイン
=================================================================== */
/* BOX */
.event-box {
position: relative; height: auto; margin:0 auto 30px auto; background:#FFF; 
-webkit-box-shadow: 1px 1px 3px 0 #BFBFBF; -moz-box-shadow: 1px 1px 3px 0 #BFBFBF; box-shadow: 1px 1px 3px 0 #BFBFBF; -webkit-transition: all .3s; transition: all .3s; }
.event-box:after { content:" "; display:block; clear:both;}

/* カテゴリー */
.event-box .category{ position: absolute; top: 0; left: 0; z-index: 99; }
.event-box .category img { width: 80px; height: 80px; }

/* 写真 */
.event-box .photo { width: 100%; margin: 0 0 10px 0; padding:0; overflow: hidden; position: relative;}
.event-box .photo img { max-width: 100%; object-fit: cover; font-family: 'object-fit: cover;' }

/* 情報エリア */
.event-box .data { margin:0 15px 15px 15px; text-align: left;}

/* 日時 */
.event-box .time{ position: relative; padding: 2.2em 1em 0.8em 1em; margin-bottom: 15px; background: #F0F0F0; font-size: 12px; }
.event-box .time:after { content: "日時"; position: absolute; top: -.6em; left: 0; background: #00A9C9; font-size: 13px; color: #FFF; padding: 0.5em 0.7em 0.3em 0.7em;}

/* 備考 */
.mark { margin: 10px 0;}
.mark:after { content:" "; display:block; clear:both;}
.mark ul { width: 100%; list-style-type: none;}
.mark ul li { float: left; margin-right: 3px; margin-bottom: 3px; font-size: 11px; text-align: center; padding: 4px 0.7em 3px 0.7em; line-height: 1; color: #009FBD;
 border: 1px solid #009FBD; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

/* テキスト */
.event-box .txt { clear: both; font-size: 13px; text-align: left;line-height: 1.6; }

.event-none { width: 100%; text-align: center; font-weight: bold; padding: 2.5em 0; font-size: 18px;}
@media only screen and (max-width: 768px) {
	.event-none { padding: 1.5em 0; font-size: 16px;}
}
/* ----------------------------------------------------------------------------------
イベントBOX共通デザイン
　flex2＝2列（TOPページ）
　flex4＝4列（イベントページ）
 
  .event-box-home TOPページ　/　.event-box-event　イベントページ
------------------------------------------------------------------------------------- */

.event-box-home .event-box,
.event-box-event .event-box { max-width: 400px; cursor:pointer; }
.event-box-home .event-box:hover,
.event-box-event .event-box:hover
 { background: #ffff00; -webkit-box-shadow: 1px 1px 10px 0 #A6A6A6; -moz-box-shadow: 1px 1px 10px 0 #A6A6A6; box-shadow: 1px 1px 10px 0 #A6A6A6;}

/* 見出し */
.event-box-home .event-box h3,
.event-box-event .event-box h3 { text-align: left; margin-bottom: 1em; line-height: 1.25; }
.event-box-home .event-box h3 a,
.event-box-event .event-box h3 a { font-weight: bold; font-size: 15px; color: #000; }
.event-box-home .event-box:hover h3 a,
.event-box-event .event-box:hover h3 a{ color:#000; } 

.event-box-home .event-box:hover .time,
.event-box-event .event-box:hover .time { background: #FFFFEE; }

.event-box-home .event-box:hover .time:after,
.event-box-event .event-box:hover .time:after{ background: #000;}

@media only screen and (min-width: 769px) {
	.event-box-home .event-box { width:30%; /*width:47%;*/ margin-left:3%; -webkit-flex-direction: row; flex-direction: row; }
	.event-box-home .event-box .time{ padding: 1em 0.5em 0.5em 5em; }
	.event-box-home .event-box .photo,
	.event-box-event .event-box .photo { max-height: 190px; }
	.event-box-home .event-box .photo img,
	.event-box-event .event-box .photo img { margin-bottom:10px; width:100%; height:190px; object-fit: cover; font-family: 'object-fit: cover;'}
	.event-box-event{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex;
		-webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
		-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;margin-left: -2%;}
	.event-box-event::before{ content:""; display: block; width:25%; order:1;}
	.event-box-event::after{ content:""; display: block; width:25%;}
	.event-box-event .event-box{ width:23%; margin-left: 2%;}
	.event-box-event .event-box:nth-child(4n+1):last-child { margin-right: 77%; }
}

@media only screen and (max-width: 768px) {
	.event-box-home .event-box { max-width:768px; width:100%; /*width:47%;*/ margin-left:3%; -webkit-flex-direction: row; flex-direction: row; }
	.event-box-home .event-box { position: relative; height: auto; margin: 0 auto 20px auto; background: #FFF; -webkit-box-shadow: 1px 1px 3px 0 #BFBFBF; -moz-box-shadow: 1px 1px 3px 0 #BFBFBF; box-shadow: 1px 1px 3px 0 #BFBFBF; -webkit-transition: all .3s; transition: all .3s; }
	.event-box-home .event-box:nth-child(n + 3) { /*display:none;*/}
	.event-box-home .event-box .txt,
	.event-box-event .event-box .txt{ display: none;}
	.event-box-event {
		margin-left: -3%;
		display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-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; }
	.event-box-event .event-box { width:47%; margin-left:3%; -webkit-flex-direction: row; flex-direction: row; }
	.event-box-event::after{ content:""; display: block; width:47%; margin-left:3%; }
	.event-box-home .event-box .time { position: relative; padding: 0.1rem; margin-bottom: 0px; background: none; font-size: 12px; }
	.event-box-home .event-box .time:after { display:none; }
	.event-box-home .event-box .photo { width: calc(40% - 20px); width: -webkit-calc(40% - 20px); width: -moz-calc(40% - 20px); margin: 10px; padding: 0; overflow: hidden;  float: right; }
	.event-box-event .event-box .photo { width: 100%; margin: 0 0 10px 0; padding: 0; overflow: hidden; position: relative;}
	.event-box-home .event-box .photo img { width:100%; height: 180px; object-fit: cover; font-family: 'object-fit: cover;'}
	.event-box-event .event-box .photo img { width:100%; height: 180px; object-fit: cover; font-family: 'object-fit: cover;'}
	.event-box-home .event-box .data { width: calc(60% - 20px); width: -webkit-calc(60% - 20px); width: -moz-calc(60% - 20px); margin: 10px; text-align: left; float: left;}
	.event-box-home .event-box .category { display:none; }

}

@media only screen and (min-width: 415px) {
	.event-box-home {
    		margin-left: -3%;
		display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-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; }
	.event-box-home .event-box { /*width:100%;*/ margin-left:3%; -webkit-flex-direction: row; flex-direction: row;}
	.event-box-home::after{ content:""; display: block; width:30%; /*width:47%;*/ margin-left:3%; }
}

@media only screen and (max-width: 414px) {
	.event-box-home .event-box .photo { max-height: 80px;}
	.event-box-home .event-box .photo img { margin-bottom:10px; width:100%; height:80px; max-height:53%; object-fit: cover; font-family: 'object-fit: cover;'}
	.event-box-event .event-box .photo { max-height: 180px;}
	.event-box-event .event-box .photo img { margin-bottom:10px; width:100%; max-height:53%; object-fit: cover; font-family: 'object-fit: cover;'}
    .event-box-home .event-box,
    .event-box-event .event-box{ width:100%; padding-bottom: 10px; }
	.event-box-home .event-box:nth-child(n + 2) { /*display:none; */}
}


/* ----------------------------------------------------------------------------------
イベントBOX（特別展・企画展）
------------------------------------------------------------------------------------- */

/* カテゴリー（右上） */
.event-box-exhibition .event-box .category-r {  position: absolute; top: 0; right: 0; z-index: 99; 
 transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); }
.event-box-exhibition .event-box .category-r img { width: 120px; height: 120px; }
.event-box-exhibition .event-box h3 { text-align: left; font-size: 20px; font-weight: bold; margin-bottom: 0.5em; line-height: 1.25; }

/* 開催日 */
.event-box-exhibition .event-box .time{ position: relative; padding: 2.2em 1em 0.8em 1em; margin-bottom: 15px; background: #F0F0F0; font-size: 12px; }
.event-box-exhibition .event-box .time:after { content: "開催日"; position: absolute; top: -.6em; left: 0; background: #00A9C9; font-size: 13px; color: #FFF; padding: 0.5em 0.7em 0.3em 0.7em;}

@media only screen and (min-width: 769px) {
    .event-box-exhibition .event-box h3 {  margin-right: 60px; }
    .event-box-exhibition .event-box .data { float: right; width: 46.6%; max-width: 560px; margin:30px 40px 10px 0; }
    .event-box-exhibition .event-box .photo { float: left; width: 46.6%; max-width: 560px; max-height: 380px; margin: 0; }
	.event-box-exhibition .event-box .photo img { width:100%; height: 380px; object-fit: cover; font-family: 'object-fit: cover;'}
}

@media only screen and (max-width: 768px) {
    .event-box-exhibition .event-box h3 { font-size: 16px; }
    .event-box-exhibition .event-box { padding-bottom: 5px;}
    .event-box-exhibition .event-box .photo { width: 100%; max-height: 320px; overflow: hidden; position: relative;}
	.event-box-exhibition .event-box .photo img { width:100%; max-height: 320px; object-fit: cover; font-family: 'object-fit: cover;'}
}

@media only screen and (max-width: 414px) {
    .event-box-exhibition .event-box h3 { font-size: 15px; }
    .event-box-exhibition .event-box .mark { margin-bottom: 18px;}
	.event-box-exhibition .event-box .photo { max-height: 180px; margin-bottom: 15px;}
	.event-box-exhibition .event-box .photo img { width:100%; max-height: 180px; object-fit: cover; font-family: 'object-fit: cover;'}
    .event-box-exhibition .event-box .txt { display: none;}
}


/* ----------------------------------------------------------------------------------
イベントBOX（特別イベント）
------------------------------------------------------------------------------------- */

/* カテゴリー（右上） */
.special-event-box-exhibition{display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; flex-wrap: wrap;}
.special-event-box{background:#fff; box-shadow: 1px 1px 10px 0 #A6A6A6; width:48%; margin-bottom:40px;}
.special-event-box .data{padding:15px;}
.special-event-box-exhibition .special-event-box .category-r {  display:none; position: absolute; top: 0; right: 0; z-index: 99; 
 transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); }
.special-event-box-exhibition .special-event-box .category-r img { width: 120px; height: 120px; }
.special-event-box-exhibition .special-event-box h3 { text-align: left; font-size: 20px; font-weight: bold; margin-bottom: 0.5em; line-height: 1.25; }

/* 開催日 */
.special-event-box-exhibition .special-event-box .time{ position: relative; padding: 2.2em 1em 0.8em 1em; margin-bottom: 15px; background: #F0F0F0; font-size: 12px; }
.special-event-box-exhibition .special-event-box .time:after { content: "開催日"; position: absolute; top: -.6em; left: 0; background: #00A9C9; font-size: 13px; color: #FFF; padding: 0.5em 0.7em 0.3em 0.7em;}

@media only screen and (min-width: 769px) {
    .special-event-box-exhibition .special-event-box { width:48%;}
    .special-event-box-exhibition .special-event-box:nth-child(even) { margin-right: 0px; }

    .special-event-box-exhibition .special-event-box h3 {  margin-right: 60px; }
    .special-event-box-exhibition .special-event-box .data { float: left; width: 100%; /*width: 46.6%;*/ max-width: 620px; margin:0px 0 10px 0; }
    .special-event-box-exhibition .special-event-box .photo { float: left; width: 100%; /*width: 46.6%;*/ max-width: 620px; max-height: 380px; margin: 0; }
	.special-event-box-exhibition .special-event-box .photo img { width:100%; height: 380px; object-fit: cover; font-family: 'object-fit: cover;'}
}

@media only screen and (max-width: 768px) {
	.special-event-box-exhibition{display: block; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
    .special-event-box-exhibition .special-event-box h3 { font-size: 16px; }
    .special-event-box-exhibition .special-event-box { padding-bottom: 5px;}
    .special-event-box-exhibition .special-event-box .photo { width: 100%; max-height: 320px; overflow: hidden; position: relative;}
	.special-event-box-exhibition .special-event-box .photo img { width:100%; max-height: 320px; object-fit: cover; font-family: 'object-fit: cover;'}
	.special-event-box{background:#fff; box-shadow: 1px 1px 10px 0 #A6A6A6; width:100%; margin-bottom:40px;}
}

@media only screen and (max-width: 414px) {
    .special-event-box-exhibition .special-event-box h3 { font-size: 15px; }
    .special-event-box-exhibition .special-event-box .mark { margin-bottom: 18px;}
	.special-event-box-exhibition .special-event-box .photo { max-height: 180px; margin-bottom: 15px;}
	.special-event-box-exhibition .special-event-box .photo img { width:100%; max-height: 180px; object-fit: cover; font-family: 'object-fit: cover;'}
    .special-event-box-exhibition .special-event-box .txt { display: none;}
	.special-event-box{background:#fff; box-shadow: 1px 1px 10px 0 #A6A6A6; width:100%; margin-bottom:40px;}
}



/* ----------------------------------------------------------------------------------
イベントBOX（プラネタリウム）
------------------------------------------------------------------------------------- */
.planetarium_main_block { width:100%; margin:-60px 0 60px 0; }
.planetarium_main_img img { width:100%; height:auto; }
.planetarium_description_block { width:100%; padding:50px 0; background:#434343;}
.planetarium_description_title { width:100%; font-size:40px; font-weight:bold; color:#ffffff; text-align:center; }
.planetarium_description_sub { width:950px; margin:30px auto 0 auto; }
.planetarium_description_img { width:400px; float:left; }
.planetarium_description_txt { width:550px; float:left; padding:0 0 0 30px; font-size:16px; font-weight:normal; color:#ffffff; }

.planetarium_projection h2 { width:100%; font-size:30px; font-weight:bold; text-align: center; margin:0 auto 30px auto !important; padding-bottom: 20px !important; }
.event-box-planetarium { max-width:1200px; width:100%; margin:0 auto; padding: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; }
.event-box-planetarium .event-box { display: inline-block; width: 22%; width: calc((100% - 81px) / 3); width: -webkit-calc((100% - 81px) / 3); width: -moz-calc((100% - 81px) / 3); height:auto; font-size:100%; font-weight:normal; text-align: center; vertical-align: middle; padding: 0; margin: 0 40px 20px 0; /*border:1px solid #eee; background-color: #fff; box-shadow:0 0 8px #eee;*/ overflow: hidden; }
.event-box-planetarium .event-box:nth-child(3n) { margin: 0 0 20px 0; }
/*.event-box-planetarium .event-box:nth-child(n + 4) { display:none; }*/
.event-box-planetarium .event-box .time { padding:20px; /*padding: 1em 0.5em 0.8em 5em;*/ }
.event-box-planetarium .event-box .time:after { content:"" !important; background:none !important;  }
.event-box-planetarium .event-box .more-btn { width:100%; margin:20px 0; font-size:14px; text-align:center; color:#fff; background:#479dba;}

.event-box-planetarium h3 { text-align: left; font-size: 24px; font-weight: bold; margin-bottom: 0.5em; line-height: 1.25; }

.planetarium_projection_schedule { max-width:1200px; width:100%; margin:0 auto; }
.planetarium_projection_schedule h2 { width:100%; font-size:30px; font-weight:bold; text-align: center; margin:0 auto 10px auto !important; padding-bottom: 20px !important; }
.planetarium_projection_schedule_period { width:100%; font-size:18px; font-weight:normal; text-align: center; margin:0 auto 0 auto; padding-bottom: 30px; }
.projection_schedule_area { width:100%; }
.projection_schedule_block { width:100%; margin:0; padding: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;}
.projection_schedule_block li { display: inline-block; width: 22%; width: calc((100% - 41px) / 2); width: -webkit-calc((100% - 41px) / 2); width: -moz-calc((100% - 41px) / 2); height:auto; font-size:100%; font-weight:normal; text-align: center; vertical-align: middle; padding: 0; margin: 0 40px 20px 0; /*border:1px solid #eee; background-color: #fff; box-shadow:0 0 8px #eee;*/ overflow: hidden;  }
.projection_schedule_block li:nth-child(2) { margin: 0 0 20px 0; }
table.projection_schedule_table { width:100%; border:3px solid #479dba;}
table.projection_schedule_table th { font-size:110%; text-align:left; padding:20px; background:#479dba;  color:#fff;}
table.projection_schedule_table td { padding:20px; border-bottom:1px solid #479dba; background:#e7f5f8; }
table.projection_schedule_table td.time { width:30%; text-align:center; border-right:1px solid #479dba;  }
table.projection_schedule_table td.content { width:70%; text-align:left; }


@media only screen and (min-width: 769px) {
    
	.event-box-planetarium .event-box .photo { width: 100%; max-height: 280px; /*float: left; width: 46.6%; max-width: 560px; max-height: 360px;*/ margin: 0; }
	.event-box-planetarium .event-box .photo img { width:100%; height: 280px; object-fit: cover; font-family: 'object-fit: cover;'}
	.event-box-planetarium .event-box .data { width:100%; margin:0; padding:20px; /*float: right; width: 46.6%; max-width: 560px; margin:30px 40px 10px 0;*/ }
	.event-box-planetarium .event-box .more-btn a { display:block; width:100%; height:100%; padding:15px; color:#fff; background:#479dba;}
}

@media only screen and (max-width: 768px) {
	.planetarium_main_block { width:100%; margin:-10px 0 60px 0; }
	.planetarium_main_img img { width:100%; height:auto; }
	.planetarium_description_block { width:100%; padding:25px 0; background:#434343;}
	.planetarium_description_title { width:100%; font-size:26px; font-weight:bold; color:#ffffff; text-align:center; }
	.planetarium_description_sub { width:80%; margin:15px 10% 0 10%; }
	.planetarium_description_img { width:100%; float:left; }
	.planetarium_description_txt { width:100%; float:left; padding:15px 0 0 0; font-size:14px; font-weight:normal; color:#ffffff; }

	.event-box-planetarium .event-box .txt { /*display: none;*/ }
	.event-box-planetarium .event-box h3 { font-size: 15px; margin-bottom: 1em;}
	.event-box-planetarium .event-box { padding-bottom: 5px;}

	.event-box-planetarium .event-box { display: inline-block; width: 100%; height:auto; font-size:100%; font-weight:normal; text-align: center; vertical-align: middle; padding: 0; margin: 0 0 20px 0; /*border:1px solid #eee; background-color: #fff; box-shadow:0 0 8px #eee;*/ overflow: hidden; }
	.event-box-planetarium .event-box:nth-child(3n) { margin: 0 0 20px 0; }

	.event-box-planetarium .event-box .photo { width: 100%; margin: 0 0 10px 0; padding: 0; overflow: hidden; position: relative;}
	.event-box-planetarium .event-box .photo img { width:100%; height: 250px; object-fit: cover; font-family: 'object-fit: cover;'}
	.event-box-planetarium .event-box .more-btn a { display:block; width:100%; height:100%; padding:10px; color:#000; }


	.projection_schedule_block li { display: inline-block; width: 90%; height:auto; font-size:100%; font-weight:normal; text-align: center; vertical-align: middle; padding: 0; margin: 0 5% 20px 5%; /*border:1px solid #eee; background-color: #fff; box-shadow:0 0 8px #eee;*/ overflow: hidden;  }
	.projection_schedule_block li:nth-child(2) { margin: 0 5% 20px 5%; }
	table.projection_schedule_table th { font-size:90%; text-align:left; padding:10px; background:#479dba; color:#fff; }
	table.projection_schedule_table td { font-size:80%; padding:10px 5px; border-bottom:1px solid #479dba; background:#e7f5f8; }
	table.projection_schedule_table td.time { width:30%; text-align:center; border-right:1px solid #479dba;  }
	table.projection_schedule_table td.content { width:70%; text-align:left; }


}

@media only screen and (max-width: 768px) and (min-width: 415px){
    .event-box-planetarium {
    margin-left: -3%;
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-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; }
	.event-box-planetarium .event-box { width:47%; margin-left:3%; -webkit-flex-direction: row; flex-direction: row; }
	.event-box-planetarium::after{ content:""; display: block; width:47%; margin-left:3%; }
}

@media only screen and (max-width: 414px) {
    .event-box-planetarium .event-box { width:100%; }
}





/* ===================================================================
 HOME
=================================================================== */

/* -------------------------------------------------
本日のイベント・講座・プラネタリウム情報
---------------------------------------------------- */
#top-schedule-area { text-align: center; background-color: rgba(76,167,198,1.0); /*background-color: rgba(0,169,201,0.8);*/ padding: 60px 0; margin: 0 auto; }
#top-schedule { width: 94%; max-width: 1200px; position: relative; margin: 0 auto;}
#top-schedule-area:after,
#top-schedule:after { content:" "; display:block; clear:both;}

#top-schedule h2 { margin: 0 0 40px 0; padding: 0;}
#top-schedule h2 img.sp { display: none;}
#top-schedule .top-schedule-btn { position: absolute; top: 0; right: 0;}

#top-schedule-area .open_txt, 
#top-schedule-area .close_txt { font-size:24px; font-weight:normal; color:#FFFFFF; }
#top-schedule-area .open_txt_sp { display:none; }

#top-side-schedule-area { display:none; } 
#top-side-schedule-area .today_confusion { position:fixed; top:0vh; right:0px; width:6vh; height:20vh; z-index:999; }
#top-side-schedule-area .today_schedule { position:fixed; top:20vh; right:0px; width:6vh; height:20vh; z-index:999;  }
#top-side-schedule-area .today_confusion img, #top-side-schedule-area .today_schedule img { width:6vh; height:20vh; }
#top-side-schedule-area .today_confusion img:hover, #top-side-schedule-area .today_schedule img:hover { opacity:0.8; }


@media only screen and (max-width: 1280px) {
	#top-schedule-area { padding: 20px 0 20px 0; margin: 0 auto 30px auto; }
	#top-schedule h2 { margin: 0 0 15px 0;}
}

@media only screen and (max-width: 768px) {
	#top-schedule h2 img { width: 400px;}
	#top-side-schedule-area .today_confusion, #top-side-schedule-area .today_schedule { display:none; }
	#top-schedule-area .close_txt { font-size:16px; font-weight:normal; color:#FFFFFF; }
}

@media only screen and (max-width: 414px) {
	#top-schedule h2 img.pc { display: none;}
    #top-schedule h2 { text-align: center;}
	#top-schedule h2 img.sp { display: block; max-width:220px; margin: 0 auto 10px auto; padding-right:5%;}
}

/* スライド */
#top-schedule .slider { width: 100%; margin: 0 auto; padding: 0 40px; }
#top-schedule .slick-prev::before,
#top-schedule .slick-next::before { font-size: 24px; width: 30px;}
#top-schedule .slider .slick-next { right: 0; z-index: 99; }
#top-schedule .slider .slick-prev { left: 0; z-index: 100;}

#top-schedule .slide-box { position: relative; width: 21.7%; min-height: 250px; margin: 3px 10px; padding-bottom: 10px; -webkit-box-shadow: 1px 1px 3px 0 #008CA7; -moz-box-shadow: 1px 1px 3px 0 #008CA7; box-shadow: 1px 1px 3px 0 #008CA7; background-color: #fff;  cursor:pointer; -webkit-transition: all .3s; transition: all .3s;}
#top-schedule .slide-box .category { position: absolute; top: 0; left: 0; z-index: 99; }
#top-schedule .slide-box .category img { width: 60px; height: 60px; }

#top-schedule .slide-box .photo { width: 100%; max-height: 120px; margin: 0 0 10px 0; padding:0; overflow: hidden; position: relative;}
#top-schedule .slide-box .photo img { width: 100%; height: 120px; object-fit: cover; font-family: 'object-fit: cover;' }

#top-schedule .slide-box h3 { text-align: left; margin: 0 10px 0.5em 10px; line-height: 1.25; }
#top-schedule .slide-box h3 a {  font-weight: bold; font-size: 15px; color: #000;  }
#top-schedule .slide-box .time { margin: 0 10px; padding: 0.5em 0.5em 0.3em 0.5em; font-size: 12px; color: black; position:relative; background: #F1F1F1; border-left : solid 40px #00A9C9; list-style-type: none!important; text-align: left; }
#top-schedule .slide-box .time:before { width:40px; padding: 0.5em 0.5em 0.3em 0.5em; font-size: 11px; content: "時間"; position: absolute; display: block; color: #fff; font-weight: normal; text-align: center; left:-40px; top:50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#top-schedule .slide-box:hover {-webkit-box-shadow: 1px 1px 10px 0 #006E83; -moz-box-shadow: 1px 1px 10px 0 #006E83; box-shadow: 1px 1px 10px 0 #006E83; background: #FFFF00;}
#top-schedule .slide-box:hover h3 a { color:#000; } 
#top-schedule .slide-box:hover .time { border-left : solid 40px #000; }
#top-schedule .slide-box:hover .time:before { background: #000;}

#top-schedule .slick-track {display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: stretch; flex-wrap: nowrap;}
#top-schedule .slick-slide {height: auto;}

@media only screen and (min-width: 1001px) {
	#top-schedule { display: flex; box-direction: normal;box-orient: horizontal;flex-direction: row;flex-wrap: wrap;box-sizing: border-box;}
	#top-schedule h2 { width: 100%;max-width: 100%;}
	#top-schedule h2 img { width: 574px;}
	#top-schedule .top-schedule-btn { display: block;order: 2;position: static; width: 22%;max-width: 100%;margin-left: 3%;}
	#top-schedule .top-schedule-btn .block {height: 47%;}
	#top-schedule .top-schedule-btn .block + .block { margin-top: 6%;}
	#top-schedule .top-schedule-btn .block .btn-w {width: 100%;height: 100%;margin: 0;vertical-align: middle;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
	#top-schedule .top-schedule-btn .block .btn-w:hover { background: #fff000;}
	#top-schedule .top-schedule-btn .block .btn-w img {width: 60px;margin: 0 auto;display: block;}
	#top-schedule .top-schedule-btn .block .btn-w svg {margin: 0 auto;width: 80px;height: 53px; fill: #00a9c9;}
	#top-schedule .top-schedule-btn .block .btn-w:hover svg.ico-svg { fill: #000;}
	#top-schedule .top-schedule-btn .block .btn-w strong {width: 100%;margin: -40px auto 0 auto;display: block;}
	#top-schedule .top-schedule-btn-sp { display: none;}
	#top-schedule .slider {order: 1; width: 75%;max-width: 100%;}
	#top-schedule-area { padding: 20px 0 20px 0;}
	#top-schedule-area.holiday { padding: 20px 0 20px 0;}
	#top-schedule-area.holiday h2 { margin-bottom: 30px;}
}
@media only screen and (max-width: 1000px) {
	#top-schedule .top-schedule-btn { display: none;}
	#top-schedule .top-schedule-btn-sp { display: block; margin: 0;}
	#top-schedule .top-schedule-btn-sp .btn-w {width: 230px;height: auto; display: inline-block;margin: 30px auto 0 auto; padding: 15px 0 0 0;}
	#top-schedule .top-schedule-btn-sp .btn-w:hover { background: #fff000;}
	#top-schedule .top-schedule-btn-sp .btn-w img {width: 40px;margin: 0 auto;display: block;padding-top: 15px;}
	#top-schedule .top-schedule-btn-sp .btn-w svg {margin: 0 auto;width: 60px;height: 40px; fill: #00a9c9;display: block;}
	#top-schedule .top-schedule-btn-sp .btn-w:hover svg { fill: #000;}
	#top-schedule .top-schedule-btn-sp .btn-w:hover .cls-1 { fill: #000;}
	#top-schedule-area { padding: 20px 0;}
	#top-schedule-area.holiday { padding: 20px 0 20px 0;}
	#top-schedule-area.holiday h2 { margin-bottom: 25px;}
}
@media only screen and (max-width: 768px) {
	#top-schedule-area .open_txt { display:none; }
	#top-schedule-area .open_txt_sp { display:block; font-size:16px; font-weight:normal; }
	#top-schedule-area .open_txt_sp a { display:block; font-size:16px; font-weight:normal; color:#FFFFFF; }
}
@media only screen and (max-width: 515px) {
	#top-schedule .top-schedule-btn-sp .btn-w {width: 45%;}
}
@media only screen and (max-width: 415px) {
	#top-schedule .top-schedule-btn-sp .btn-w {display: block;width: 100%;}
	#top-schedule .top-schedule-btn-sp .btn-w {line-height: 45px;}
	#top-schedule .top-schedule-btn-sp .btn-w + .btn-w {margin: 10px auto 0 auto;}
	#top-schedule-area.holiday { padding: 25px 0 25px 0;}
	#top-schedule-area.holiday h2 { margin-bottom: 15px;}
}


#top-schedule-area.holiday .block { width: 94%; max-width: 980px; position: relative; margin: 0 auto;}
#top-schedule-area.holiday h2 img { max-width:270px; }
#top-schedule-area.holiday p { color: #fff;line-height: 1.6;font-size: 108%; margin-bottom: 0;}
#top-schedule-area.holiday .btn-w { margin: 20px auto 0 auto;}
@media only screen and (max-width: 768px) {
#top-schedule-area.holiday p {font-size: 100%;}
}


/* ブロック：イベント・プラネタリウム・カレンダー
----------------------------------------------------------- */
#page-home .top-block { width: 100%; max-width: 1200px; margin: 0 auto; padding-top: 60px; }
#page-home .top-block:after { content:" "; display:block; clear:both;}

.top-boxL { float: left; width:69.25%;}
#top-side { float: right; width:25%;}

@media only screen and (max-width: 1280px) {
	#top-side { width:calc(25% + 20px);}
}

@media only screen and (max-width: 768px) {
    #page-home .top-block { padding-top: 30px; padding-bottom: 0; }
    .top-boxL { float: none; width:100%; padding:0; margin: 0 0 30px 0;}
    #top-side { float: none; width:100%; padding:0 10px; }
}

/* イベント
----------------------------------- */
#top-event { max-width:960px; width:100%; text-align: center; margin:60px auto;}
#top-event:after { content:" "; display:block; clear:both;}
#top-event h2 { text-align: center; margin: 0 0 40px 30px; }
#top-event .top-event-title { width: 100%; text-align: center; font-size: 24px; font-weight: bold; padding: 10px 0; }


@media only screen and (max-width: 1280px) {
	#top-event { margin-left: 15px; margin-bottom: 60px; }
}

@media only screen and (min-width: 769px) {
	#top-event .btn-bl { float: right;}
}

@media only screen and (max-width: 768px) {
	#top-event { padding-left:10px; padding-right: 10px; margin: 0 0 30px 0; }
    #top-event h2 { text-align: center; margin: 0 auto 15px auto; }
	#top-event h2 img { width:300px;}
}




/* Home カレンダー (2020.01) ------- */
#top-calendar { width:100%; height:400px; margin-top:60px; display:block; }
#top-calendar .top-calendar { max-width:800px; width:100%; height:100%; margin:0 auto; background:#00a9c8; position:relative; }
#top-calendar .top-calendar .calendar-title-block { width:300px; height:100%; float:left;}
#top-calendar .top-calendar .calendar-title { width:100%; padding-top:50px; color:#fff; font-size:26px; text-align:center; }
#top-calendar .top-calendar .top-side-box { width:500px; height:100%; float:left; background:#e4f5f8; }
#top-calendar .top-calendar #calendar_kagakukan { width:90%; margin: auto; }
#top-calendar .top-calendar h4 { margin:5px 0 20px 0; padding:0; font-size:28px; color:#fff; font-weight:bold; text-align:center; position:absolute; left: 70px; top:200px; }
#top-calendar .top-calendar .calendar-nav .prev { float:left; display:block; text-indent:-10000px;}
#top-calendar .top-calendar .calendar-nav span { font-size: 18px;}
#top-calendar .top-calendar .calendar-nav .prev span.prev_off { display:none; /*display:block;*/ width:30px; height:30px; color:#999; border:1px solid #CCC; background:#FFF url(../parts/calender_nav_prev_none.png) no-repeat 8px 6px;}
#top-calendar .top-calendar .calendar-nav .prev span.prev_on { display:none; /*display:block;*/ color:#00A9C9; border:1px solid #00A9C9; background:#FFF url(../parts/calender_nav_prev_out.png) no-repeat 8px 6px;}
#top-calendar .top-calendar .calendar-nav .prev span.prev_on:hover { color:#555; border:1px solid #555; text-decoration:none; background:#FFF url(../parts/calender_nav_prev_over.png) no-repeat 8px 6px;}
#top-calendar .top-calendar .calendar-nav .prev span.prev_on a { display:block; width:30px; height:30px; color:#00A9C9;}
#top-calendar .top-calendar .calendar-nav .prev span.prev_on a:hover { color:#555; text-decoration:none;}
#top-calendar .top-calendar .calendar-nav .next { float:right; display:block; text-indent:-10000px;}
#top-calendar .top-calendar .calendar-nav .next span.next_off { display:block; width:30px; height:30px; color:#999; border:1px solid #CCC; background:#FFF url(../parts/calender_nav_next_none.png) no-repeat 11px 7px;}
#top-calendar .top-calendar .calendar-nav .next span.next_on { display:none; /*display:block;*/ color:#00A9C9; border:1px solid #00A9C9; background:#FFF url(../parts/calender_nav_next_out.png) no-repeat 11px 7px;}
#top-calendar .top-calendar .calendar-nav .next span.next_on:hover { color:#555; border:1px solid #555; text-decoration:none; background:#FFF url(../parts/calender_nav_next_over.png) no-repeat 11px 7px;}
#top-calendar .top-calendar .calendar-nav .next span.next_on a { display:block; width:30px; height:30px; color:#00A9C9;}
#top-calendar .top-calendar .calendar-nav .next span.next_on a:hover { color:#555; text-decoration:none;}

#top-calendar .top-calendar .calendar { width:100%; padding-top:25px; }
#top-calendar .top-calendar .calendar table { width:100%;}
#top-calendar .top-calendar .calendar table tr th { text-align:center; border:none; background:none;}
#top-calendar .top-calendar .calendar table tr td { width:14.285%; height:0; padding:2% 0; text-align:center; /*border:1px solid #FFF; background:#DDD;*/}
#top-calendar .top-calendar .calendar table tr td.today { color:#FFF; background:#00A9C9;}
/*#top-calendar .top-calendar .calendar table tr td.specialday { color:#000 !important; background:#00A9C9;}*/
#top-calendar .top-calendar .calendar table tr td.today a { color:#FFF;}
#top-calendar .top-calendar .calendar table tr td.holiday{ color:#FFF; background:#555;}
#top-calendar .top-calendar .calendar table tr td.holiday-today{ color:#FFF; background:#555; outline:5px solid #00A9C9; outline-offset: -5px }
#top-calendar .top-calendar .calendar table tr td.holiday-today a { color:#FFF;}

#top-calendar .top-calendar .calendar ul { margin:10px 0 0 2px;}
#top-calendar .top-calendar .calendar ul li { display:inline-block; margin-right:10px; padding-left:30px; list-style:none;}
#top-calendar .top-calendar .calendar ul li:first-child { background:url(../parts/calendar_icon_top_holiday.png) no-repeat left;} 
#top-calendar .top-calendar .calendar ul li:last-child { background:url(../parts/calendar_icon_top_today.png) no-repeat left;} 

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





/* Home プラネタリウム (2020.01) */
#top-planetarium { width:100%; margin:60px auto; }
#top-planetarium img { width:100%; height:auto; }
#top-planetarium-sp { display:none; }

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

	#top-planetarium { display:none; }
	#top-planetarium-sp { display:block; width:100%; margin:60px auto; }
	#top-planetarium-sp img { width:100%; height:auto; }

}


/*
#top-planetarium { text-align: center; margin-bottom: 60px;}
#top-planetarium:after { content:" "; display:block; clear:both;}
#top-planetarium h2 { text-align: center; margin: 0 0 40px 30px;}

@media only screen and (max-width: 1280px) {
	#top-planetarium { margin-left: 15px; margin-bottom: 30px;}
}

@media only screen and (min-width: 769px) {
	#top-planetarium .btn-bl { float: right;}
}

@media only screen and (max-width: 768px) {
    #top-planetarium { width: 100%; background: #F0F0F0; background-color: rgba(204,204,204,0.45); padding: 30px 10px; margin: 0 0 30px 0; }
    #top-planetarium h2 { text-align: center; margin: 0 auto 15px auto; }
 	#top-planetarium h2 img { width:300px;}
	#top-news-area:after { content:" "; display:block; clear:both;}
}
*/




/* Home 利用案内・メンバーシップ・団体・ホール案内 (2020.01) */
#top-announcement { width:100%; margin:60px auto; }
#top-announcement .home-announcement { max-width:960px; width:100%; height:180px; margin:0 auto; padding:0; display: table; table-layout: fixed; border-collapse: separate; border-spacing: 15px 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;*/ }
#top-announcement .home-announcement li { display: table-cell; /*display: inline-block;*/ width: 22%; width: calc((100% - 61px) / 4); width: -webkit-calc((100% - 61px) / 4); width: -moz-calc((100% - 61px) / 4); height:200px; font-size:100%; font-weight:normal; text-align: center; vertical-align: middle; /*-webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-box-align: center; box-align: center;*/ padding: 0; margin: 0 20px 20px 0; border:1px solid #eee; background-color: #fff; box-shadow:0 0 8px #eee; overflow: hidden; /*position: relative;*/ }
#top-announcement .home-announcement li:last-child { margin: 0 0 20px 0; }
#top-announcement .home-announcement li:hover { background-color: #ffff00; }
#top-announcement .home-announcement li a { color:#1c1c1c; display:block; /*width:100%; height:100%;*/ padding:20px; }
#top-announcement .home-announcement li a:hover { color:#000000; text-decoration: none; }
#top-announcement .home-announcement li .announcement-txt { width:100%; height:65px; margin:auto; position:absolute; top:0; left:0; right:0; bottom:0; display:table-cell; vertical-align:middle; }

@media only screen and (max-width: 768px) {
	#top-announcement .home-announcement { max-width:960px; width:90%; margin:0 auto; }
	#top-announcement .home-announcement li { display: inline-block; width: 48%; width: calc((100% - 21px) / 2); width: -webkit-calc((100% - 21px) / 2); width: -moz-calc((100% - 21px) / 2); height:160px; font-size:90%; font-weight:normal; text-align: center; /*-webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-box-align: center; box-align: center;*/ padding: 0; margin: 0 20px 20px 0; border:1px solid #cccccc; background-color: #fff; box-shadow:0 0 8px gray; overflow: hidden; position: relative; }
	#top-announcement .home-announcement li:nth-child(2) { margin: 0 0 20px 0; }
	#top-announcement .home-announcement li:last-child { margin: 0 0 20px 0; }

}
@media only screen and (max-width: 768px) {
	#top-announcement .home-announcement li a { color:#1c1c1c; display:block; padding:10px; }
}





/* Home アクセス (2020.01) */
#top-access { width:100%; height:400px; background:#fffde5; }
#top-access .home-access { width:100vw; margin:0 auto; position:relative; }
#top-access .access_info { width:25vw; padding-top:100px; position:absolute; top:0; left:10vw; }
#top-access .access_info_title { font-size:24px; font-weight:bold; padding-bottom:10px; }
#top-access .access_map { width:65vw; position:absolute; top:0; right:0; }
#top-access .access_map iframe { width:100%; }


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

	#top-access .access_info { width:90%; float:left; margin:0 5%; padding:30px 0; position:relative; }
	#top-access .access_map { width:100%; float:left; position:relative; }

}





/* TOPの小サイド
----------------------------------- */
#top-side h2 { font-size: 20px; border-bottom: 2px #FFFF00 solid; margin-bottom: 1em;}

#top-side .top-side-box { width: 100%; margin: 0 auto 30px auto; padding: 20px; background: #FFF; font-size: 13px;
 -webkit-box-shadow: 1px 1px 3px 0 #BFBFBF; -moz-box-shadow: 1px 1px 3px 0 #BFBFBF; box-shadow: 1px 1px 3px 0 #BFBFBF;}
#top-side .top-side-box:after { content:" "; display:block; clear:both;}
#top-side .top-side-box iframe { width: 100%; max-width: 260px; height: 140px; margin-bottom: 10px; }
#top-side .top-side-box .sns { display: flex;box-direction:normal;box-orient:horizontal;flex-direction:row;flex-wrap: wrap;box-sizing: border-box;margin-left: -9.33%;counter-reset:number;list-style:none;}
#top-side .top-side-box .sns li {margin: 0 0 0 9.33% !important;width: 100%;max-width: 15.67%; display: block !important;}
#top-side .top-side-box .sns li img {height: auto;max-height: 100%;}

#top-side .top-side-mn {}
#top-side .top-side-mn:after { content:" "; display:block; clear:both;}

/* カレンダー ------- */
#top-side .top-calendar { }
#top-side .top-calendar .calender { width:100%; }
#top-side .top-calendar h4 { margin:5px 0 20px 0; padding:0; font-size:13px; color:#000; font-weight:bold; text-align:center;  }
#top-side .top-calendar .calendar-nav .prev { float:left; display:block; text-indent:-10000px;}
#top-side .top-calendar .calendar-nav span { font-size: 18px;}
#top-side .top-calendar .calendar-nav .prev span.prev_off { display:block; width:30px; height:30px; color:#999; border:1px solid #CCC; background:#FFF url(../parts/calender_nav_prev_none.png) no-repeat 8px 6px;}
#top-side .top-calendar .calendar-nav .prev span.prev_on { display:block; color:#00A9C9; border:1px solid #00A9C9; background:#FFF url(../parts/calender_nav_prev_out.png) no-repeat 8px 6px;}
#top-side .top-calendar .calendar-nav .prev span.prev_on:hover { color:#555; border:1px solid #555; text-decoration:none; background:#FFF url(../parts/calender_nav_prev_over.png) no-repeat 8px 6px;}
#top-side .top-calendar .calendar-nav .prev span.prev_on a { display:block; width:30px; height:30px; color:#00A9C9;}
#top-side .top-calendar .calendar-nav .prev span.prev_on a:hover { color:#555; text-decoration:none;}
#top-side .top-calendar .calendar-nav .next { float:right; display:block; text-indent:-10000px;}
#top-side .top-calendar .calendar-nav .next span.next_off { display:block; width:30px; height:30px; color:#999; border:1px solid #CCC; background:#FFF url(../parts/calender_nav_next_none.png) no-repeat 11px 7px;}
#top-side .top-calendar .calendar-nav .next span.next_on { display:block; color:#00A9C9; border:1px solid #00A9C9; background:#FFF url(../parts/calender_nav_next_out.png) no-repeat 11px 7px;}
#top-side .top-calendar .calendar-nav .next span.next_on:hover { color:#555; border:1px solid #555; text-decoration:none; background:#FFF url(../parts/calender_nav_next_over.png) no-repeat 11px 7px;}
#top-side .top-calendar .calendar-nav .next span.next_on a { display:block; width:30px; height:30px; color:#00A9C9;}
#top-side .top-calendar .calendar-nav .next span.next_on a:hover { color:#555; text-decoration:none;}

#top-side .top-calendar .calendar table { width:100%;}
#top-side .top-calendar .calendar table tr th { text-align:center; border:none; background:none;}
#top-side .top-calendar .calendar table tr td { width:14.285%; height:0; padding:3.5% 0; text-align:center; border:1px solid #FFF; background:#DDD;}
#top-side .top-calendar .calendar table tr td.today { color:#FFF; background:#00A9C9;}
/*#top-side .top-calendar .calendar table tr td.specialday { color:#000 !important; background:#00A9C9;}*/
#top-side .top-calendar .calendar table tr td.today a { color:#FFF;}
#top-side .top-calendar .calendar table tr td.holiday{ color:#FFF; background:#555;}
#top-side .top-calendar .calendar table tr td.holiday today{ color:#FFF; background:#555;}

#top-side .top-calendar .calendar ul { margin:10px 0 0 2px;}
#top-side .top-calendar .calendar ul li { display:inline-block; margin-right:10px; padding-left:30px; list-style:none;}
#top-side .top-calendar .calendar ul li:first-child { background:url(../parts/calendar_icon_top_holiday.png) no-repeat left;} 
#top-side .top-calendar .calendar ul li:last-child { background:url(../parts/calendar_icon_top_today.png) no-repeat left;} 


/* ボタン ------- */
#top-side a.top-side-greeting {
 position: relative; display: block; width: 100%; margin: 0 auto 30px auto; padding: 3px;
 text-align: left; text-decoration: none; line-height: 40px; background: #F1FDFF; border: #00A9C9 2px solid; 
 -webkit-box-shadow: 1px 1px 3px 0 #BFBFBF; -moz-box-shadow: 1px 1px 3px 0 #BFBFBF; box-shadow: 1px 1px 3px 0 #BFBFBF;
}
#top-side a.top-side-greeting::before { content: ""; bottom: 2px; right: 2px; border-top: 12px solid transparent; border-right: 12px solid #00A9C9; position: absolute; z-index: 100;}

#top-side a.top-side-greeting:hover { background: #FFFF00; border: #FFFF00 2px solid; -webkit-transition: all .3s; transition: all .3s;}
#top-side a.top-side-greeting:hover::before{ content: ""; bottom: 2px; right: 2px; border-top: 12px solid transparent; border-right: 12px solid #000; position: absolute; z-index: 100;}

#top-side ul.top-side-mn1 { clear: both; width: 100%; margin-bottom: 30px;}
#top-side ul.top-side-mn1:after { content:" "; display:block; clear:both;}
#top-side ul.top-side-mn1 li { list-style-type: none; margin: 20px auto;
-webkit-box-shadow: 1px 1px 3px 0 #BFBFBF; -moz-box-shadow: 1px 1px 3px 0 #BFBFBF; box-shadow: 1px 1px 3px 0 #BFBFBF;}
#top-side ul.top-side-mn1 li a { width: 100%; height: 70px; margin: 0 auto; padding-left: 0; padding-right: 0; text-align: left; position: relative; text-decoration: none; display: block; line-height: 70px; background: #00A9C9; }
#top-side ul.top-side-mn1 li a::before { content: ""; bottom: 2px; right: 2px; border-top: 12px solid transparent; border-right: 12px solid #fff; position: absolute; z-index: 100;}
#top-side ul.top-side-mn1 li a:hover { background: #FFFF00; -webkit-transition: all .3s; transition: all .3s;}
#top-side ul.top-side-mn1 li a:hover::before { content: ""; bottom: 2px; right: 2px; border-top: 12px solid transparent; border-right: 12px solid #000; position: absolute; z-index: 100;}

#top-side ul.top-side-mn2{ clear: both; margin-bottom: 30px;}
#top-side ul.top-side-mn2:after { content:" "; display:block; clear:both;}
#top-side ul.top-side-mn2 li { list-style-type: none; margin-bottom: 10px; -webkit-box-shadow: 1px 1px 3px 0 #BFBFBF;  -moz-box-shadow: 1px 1px 3px 0 #BFBFBF;  box-shadow: 1px 1px 3px 0 #BFBFBF;}
#top-side ul.top-side-mn2 li a { width: 100%; height: 50px; margin: 0 auto; padding-left: 20px; padding-right: 20px; text-align: left; position: relative; text-decoration: none; display: block; line-height: 50px; background: #F1FDFF; color: #00A9C9; }
#top-side ul.top-side-mn2 li a::before { content: ""; bottom: 2px; right: 2px; border-top: 12px solid transparent; border-right: 12px solid #00A9C9; position: absolute; z-index: 100;}
#top-side ul.top-side-mn2 li a:hover { background: #FFFF00; }
#top-side ul.top-side-mn2 li a:hover::before { content: ""; bottom: 2px; right: 2px; border-top: 12px solid transparent; border-right: 12px solid #000; position: absolute; z-index: 100;}

#top-side .top-side-sns ul li { display: inline-block; text-align: center; margin: 0 8% 0 0; padding: 0; text-align:center; list-style-type:none; }
#top-side .btn-bl { width: 100%;}

@media only screen and (max-width: 1280px) {
	#top-side { padding-right: 15px;}
}

@media only screen and (max-width: 768px) {
	#top-side .top-side-box { width: 100%;}
	#top-side .top-calendar { width: 75%; margin: auto;}
	#top-side .top-calendar h2 {text-align: center;}
	#top-side .top-calendar .top-side-box { margin: 0 auto 40px auto;}
    #top-side .top-calendar .calendar-nav span { font-size: 13px;}
    #top-side .top-side-mn { float: left; width: 48%;}
    #top-side .top-side-access-sns { float: right; width:calc(48% + 5px); margin-right:-5px;}
}
@media only screen and (max-width: 568px) {
	#top-side .top-calendar { width: 100%; margin: auto;}
}
@media only screen and (max-width: 414px) {
	#top-side .top-side-mn { float: none; max-width:100%; width: 300px; margin: 0 auto 30px auto; }
    #top-side .top-side-access-sns { float: none; max-width:100%; width: 300px; margin: 0 auto 30px auto; }
    #top-side .top-side-sns { display: none;}
}





/* ニュース
----------------------------------------------------------- */
#top-news-area { background:#e4f5f8; /*background-color: rgba(204,204,204,0.45);*/ padding-top: 60px;}
#top-news-area:after { content:" "; display:block; clear:both;}
#top-news { position: relative; width: 94%; max-width: 1200px; margin: 0 auto; padding-bottom: 30px; text-align: center;}
#top-news .top-news-bg { position: absolute; left:-45px; bottom: 0; }
#top-news .top-news-bg img {  width: 285px; height: 350px;}

#top-news h2 { text-align: center; margin:0 auto 36px auto; padding-bottom: 36px; background: url("../parts/h2_bg.png") no-repeat center bottom;}
#top-news h2 img { max-width: 100%;height: 26px;width: auto;}

#top-news dl { clear:both; width: 100%; text-align: left; font-size: 15px; }
#top-news dt { clear: left; float: left; width: 10em; padding: 1.7em 0 0.7em 0; text-align: right; border-top:1px solid #E0E0E0; font-weight: bold;}
#top-news dt img { float: left; padding-top: 2px; padding-right: 3px;}
#top-news dd { margin-left: 10em; padding: 1.7em 0 0.7em 5em; border-top:1px solid #E0E0E0; }
#top-news dd a { text-decoration: underline;}
#top-news dd a:hover { text-decoration: none;}
#top-news dl:after, #top-news dt:after, #top-news dd:after { content:" "; display:block; clear:both;}

@media only screen and (min-width: 1281px) {
    #top-news .btn-bl { position: absolute; top: 0; right: 0;}
}

@media only screen and (max-width: 768px) {
	#top-news-area { padding-top: 20px;}
	#top-news { padding-bottom: 20px;}
    #top-news .top-news-bg { display: none; }
    #top-news h2 { width:94%; text-align: center; margin:0 auto 20px auto;  padding-bottom: 30px; background: url("../parts/h2_bg_sp.png") no-repeat center bottom;}
    #top-news h2 img {height: 20px;width: auto;max-width: 100%;}
    #top-news dl { padding-left:0; font-size: 12px; margin-bottom: 20px; }
    #top-news dt { padding: 15px 0 5px 0; }
    #top-news dd { padding: 15px 0 5px 5em; }
}

@media only screen and (max-width: 414px) {
    #top-news h2 { padding-bottom: 28px;}
    #top-news h2 img { height: 18px;}
    #top-news dt { clear: none; float: none; width: auto; text-align: left; padding: 15px 0 5px 0; }
    #top-news dd { margin-left: 0; padding: 0 0 10px 0; border-top:none; }
	#top-news dd { margin-left: 0; padding: 0 0 10px 0; border-top:none; }
    #top-news dt:nth-child(n + 5),
    #top-news dd:nth-child(n + 5) { display:none; }
}

/* ニュース (2020.02)
----------------------------------------------------------- */

#top-news-blogs { }
#top-news-blogs .top_news_block {max-width:960px; 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; }
#top-news-blogs .top_news_block li { display: inline-block; width: 45%; width: calc((100% - 51px) / 2); width: -webkit-calc((100% - 51px) / 2); width: -moz-calc((100% - 51px) / 2); height:auto; font-size:100%; font-weight:normal; text-align: left; vertical-align: top; /*-webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-box-align: center; box-align: center;*/ padding: 0; margin: 0 50px 0 0; /*border:1px solid #cccccc; background-color: #fff; box-shadow:0 0 8px gray;*/ overflow: hidden; }
#top-news-blogs .top_news_block li:last-child { margin: 0 0 0 0; }
#top-news-blogs .top_news_block li a { color:#1c1c1c; /*display:block; width:100%; height:100%;*/ padding:0; }#top-news-blogs .news_title { width:100%; text-align:center; font-size:24px; font-weight:bold; padding:10px 0; }
#top-news-blogs .news_thumbnail { width:80px; height:80px; margin-right:10px; font-size:0; line-height:0; float:left; }
#top-news-blogs .news_thumbnail img { width:80px; height:80px; display: block; margin:0 auto; padding:0; }
#top-news-blogs .news_date { font-size:80%; }
#top-news-blogs dd { margin-bottom:20px; background:#ffffff; }
#top-news-blogs dl:after, #top-news-blogs dd:after { content:" "; display:block; clear:both;}
#top-news-blogs .news_all_link { width:100%; text-align:center; background:#727272; }
#top-news-blogs .news_all_link a { width:100%; height:100%; display:block; padding:5px 0 !important; color:#ffffff !important; }

@media only screen and (max-width: 768px) {
	#top-news-blogs .top_news_block li { display: inline-block; width: 100%; height:auto; font-size:100%; font-weight:normal; text-align: left; vertical-align: top; /*-webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-box-align: center; box-align: center;*/ padding: 0; margin: 30px 5%; /*border:1px solid #cccccc; background-color: #fff; box-shadow:0 0 8px gray;*/ overflow: hidden; }
	#top-news-blogs .top_news_block li:last-child { margin: 30px 5%; }
}



/* SNS (2020.02)
----------------------------------------------------------- */

#top-sns-block .top_sns_btn {max-width:508px; 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; }
#top-sns-block .top_sns_btn li { display: inline-block; width: 15%; width: calc((100% - 121px) / 5); width: -webkit-calc((100% - 121px) / 5); width: -moz-calc((100% - 121px) / 5); height:auto; font-size:100%; font-weight:normal; text-align: left; vertical-align: top; margin: 0 20px 0 0; overflow: hidden; }
#top-sns-block .top_sns_btn li:last-child { margin: 0 0 0 0; }

@media only screen and (max-width: 768px) {
	.top_sns_btn{margin:0 20px!important;}
}





/* SNS
----------------------------------------------------------- */
#top-sns-area { background-color: rgba(223,245,25,0.8); padding: 60px 10px 30px 10px;}
#top-sns-area:after { content:" "; display:block; clear:both;}
#top-sns { max-width: 1060px; margin: 0 auto;}
#top-sns:after { content:" "; display:block; clear:both;}
#top-sns h2 { text-align: center; margin-bottom: 30px; }

#top-sns #instagram { float: left; width:47%; }
#top-sns #instagram ul { margin-bottom:30px;
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-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;
	-webkit-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between; }
#top-sns #instagram ul li { float:left; width:31.3%; margin-right:1%; margin-left:1%; margin-bottom:15px; padding:0; text-align:center; border-radius:10px; -webkit-flex-direction: row; flex-direction: row;}
#top-sns #instagram ul li:nth-child(3n) { margin-right:0;}
#top-sns #instagram ul::after{ content:""; display: block; width:31.3%; margin-right:1%; margin-left:1%; }

#top-sns #facebook { float: right; width:47%; }
#top-sns #facebook iframe { max-width:100%; margin: 0 auto;}

@media only screen and (max-width: 768px) {
	#top-sns-area { padding-top: 30px; padding-bottom: 15px;}
	#top-sns h2 img { width:100%; max-width:255px; }
}

@media only screen and (max-width: 414px) {
	#top-sns h2 { margin-bottom: 15px; }
    #top-sns #instagram,
    #top-sns #facebook { float: none; width:94%; margin: 0 auto 30px auto; }
}

/* Link
----------------------------------------------------------- */
#top-link-area { padding: 30px 10px;}
#top-link-area:after { content:" "; display:block; clear:both;}
#main section#top-link { max-width: 1200px; margin: 0 auto;}
#top-link ul {
    display: flex;
    box-direction: normal;
    box-orient: horizontal;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
	margin-left: -1.33%;
	align-items: center;
}
#top-link ul li {
	width: 100%;
	max-width: 48.67%;
	margin-left: 1.33%;
}
#top-link ul li a:hover {
	opacity: 0.7;
}
#top-link ul li img {
	width: auto;
	max-width: 100%;
}
#top-link ul li:nth-child(n+3) {
	margin-top: 10px;
}
@media only screen and (min-width: 414px) {
	#top-link-area { padding: 30px 20px;}
	#top-link ul li {
		max-width: 32.00333333%;
	}
	#top-link ul li:nth-child(n+3) {
		margin-top: 0;
	}
	#top-link ul li:nth-child(n+4) {
		margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) {
#top-link-area { padding: 60px 40px;}
	#top-link ul li {
		max-width: 15.33666667%;
	}
	#top-link ul li:nth-child(n+4) {
		margin-top: 0;
	}
}

/* ===================================================================
 内部ページ共通
=================================================================== */
/* ページタイトル */
#page-title { clear:both; width:100%; height: 100px; margin:0 auto; padding:20px 0; text-align:center; background:#00A9C9;position: relative;}
#page-title h1 { margin:0 auto; height: 60px; }
#page-title h1 img { height: 60px; }
#page-title h1 img.sp { display: none;}
#page-title:after { content:" "; display:block; clear:both;}
@media only screen and (max-width: 414px) {
#page-title { padding:15px 0;}
#page-title h1 { margin:0 auto; height: 35px!important; }
#page-title h1 img { height: 35px!important; }
}

/* タブレット表示時翻訳ボタン追加 */
#page-title.principle { display: flex; align-items: center; justify-content: start; width:100%; height: auto; margin:0; box-sizing: border-box; padding: 0 3%;}

#page-title.principle h1 { margin:0; height: auto; line-height: 100px; width: 20%; text-align: left;}
#page-title.principle h1 img { height:auto; width: 100%; }

#page-title.principle .zone { width: 60%;}
#page-title.principle .zone img { height: 20px;}

#page-title.principle .translation { font-size: 13px;width: 20%;}
#page-title.principle .translation p { margin-bottom: 8px; color: #fff; line-height: 1em;}
#page-title.principle .translation div { padding: 0; background-color: transparent;color: #000;cursor: pointer; font-size: 0;}
#page-title.principle .translation div:hover { background-color: transparent;}

@media only screen and (min-width: 1280px) {
	#page-title.principle h1 { width: 15%;}
	#page-title.principle .zone { width: 70%;}
	#page-title.principle .translation { ;width: 15%;}
}
@media only screen and (min-width: 980px) {
	#page-title.principle h1 img {max-width: 180px;}
}
@media only screen and (max-width: 768px) {
	#page-title { height:65px; top: 50px; z-index: 9;}
    #page-title h1 { height:60px; }
    #page-title h1 img { height:60px; }
    .has-sidebar #page-title { position: relative;}
	/* タブレット表示時翻訳ボタン追加 */
	#page-title .translation { position: absolute;top:4px; right:20px; font-size: 12px;}
	#page-title .translation p { margin-bottom: 0.1em; color: #fff;}
	#page-title .translation div { padding: 0;}
	#page-title.principle .translation { position: static; top: auto; right: auto; font-size: 12px;}
}

@media only screen and (max-width: 414px) {
	#page-title { height:65px; /*height:95px;*/ }
    .has-sidebar #page-title,
	.archive-event #page-title,
	.single-event #page-title,
    #page-complete #page-title,
    #page-confirm #page-title,
    .category #page-title,
    .single-post #page-title,
	.search #page-title { height:60px;}
    #page-title h1 { text-align: center; margin: 0 auto;}
	#page-title h1 img.pc { display: none;}
	#page-title h1 img.sp { display: inline-block; height:60px;/*height:90px;*/ }
	/* タブレット表示時翻訳ボタン追加 */
	#page-title .translation { position: absolute;top:18px; right:10px;}
	#page-title .translation div { padding: 0;}
}

/* ページ見出しh2 */

.archive .site-main h2,
.page .site-main h2,
.single-event #event-relation h2 { text-align: center; margin:0 auto 36px auto; padding-bottom: 30px; background: url("../parts/h2_bg.png") no-repeat center bottom;}
.archive .site-main h2 img,
.page .site-main h2 img,
.single-event #event-relation h2 img { max-width: 100%; height: 24px;}

.archive_title_txt { width:100%; padding:40px 0; text-align:center; font-size:24px; font-weight:bold; }





@media only screen and (max-width: 768px) {
	.archive .site-main h2,
    .page .site-main h2,
    .single-event #event-relation h2 { width:94%; text-align: center; margin:0 auto 36px auto;  padding-bottom: 25px; background: url("../parts/h2_bg_sp.png") no-repeat center bottom;}
    .archive .site-main h2 img,
    .page .site-main h2 img,
    .single-event #event-relation h2 img { height: 16px;}
}

@media only screen and (min-width: 415px) {
    .archive .site-main h2 .sp,
    .page .site-main h2 .sp { display: none;}
}

@media only screen and (max-width: 414px) {
    #page-schedule .site-main h2 { padding-bottom: 28px;}
    #page-schedule .site-main h2 img { height: 41px;}
	.archive .site-main h2,
    .page .site-main h2,
    .single-event #event-relation h2 { margin:0 auto 15px auto; }
    .archive .site-main h2 .pc,
    .page .site-main h2 .pc { display: none;}
}

/* ページ見出しh3 */
.page #main h3,
#entry-form-open h3,
.principle-block h3 { font-size: 24px; font-weight: bold; color: #000; margin: 0 auto 1em auto; text-align: center; position: relative; display: inline-block; padding: 0 90px; letter-spacing: 0.05em; line-height: 1.2; }
.page #main h3:before,
.page #main h3:after,
#entry-form-open h3:before,
#entry-form-open h3:after,
.principle-block h3:before,
.principle-block h3:after { content: ''; position: absolute; top: 44%; display: inline-block; width: 70px; height: 1px; background-color: #00A9C9; }
.page #main h3:before,
#entry-form-open h3:before,
.principle-block h3:before { left:0;}
.page #main h3:after,
#entry-form-open h3:after,
.principle-block h3:after { right: 0;}
@media only screen and (min-width: 360px) {
	.page #main h3 br { display: none;}
}
@media only screen and (max-width: 768px) {
	.page #main h3,
    #entry-form-open h3,
	.principle-block h3 { font-size: 16px; padding: 0 70px; letter-spacing: 0.02em;}
    .page #main h3:before,
	.page #main h3:after,
	#entry-form-open h3:before,
	#entry-form-open h3:after,
	.principle-block h3:before,
	.principle-block h3:after { width: 60px; }
}
@media only screen and (max-width: 360px) {
	.page #main h3,
	#entry-form-open h3,
	.principle-block h3 { font-size: 16px; padding: 0 60px; letter-spacing: 0.02em;}
    .page #main h3:before,
	.page #main h3:after,
	#entry-form-open h3:before,
	#entry-form-open h3:after,
	.principle-block h3:before,
	.principle-block h3:after { width: 50px; }
}

/* ===================================================================
 本日のイベント・講座・プラネタリウム　Schedule
=================================================================== */
#page-schedule { }
#page-schedule h4 { margin-bottom:20px; text-align: center; color:#000; font-size:20px; font-weight:bold;}

@media only screen and (max-width: 768px) {
    #page-schedule h4 { font-size:12px;}
}

/* -------------------------------------------------
本日の開館時間
---------------------------------------------------- */
#schedule-day-area { display:none!important; clear:both; background:#006289; width:100%; margin: 0 auto; padding:35px 0; overflow:hidden;}
.schedule-day { width: 94%; max-width: 1200px; margin: 0 auto; font-size:25px; font-weight:bold; color:#FFF; }
.schedule-day.holiday { position: relative;}
.schedule-day img { margin:-7px 10px 0 0;}

.schedule-day .btn-bk { float:right; width:155px; margin:-2px 0 0 0; padding:2px 0 0 0; font-size:17px;}
.schedule-day.holiday .btn-bk { float:none; position: absolute; right:0; top:20%;}

#schedule-day-area br { display:none;}
#schedule-day-area img.pc_img { }
#schedule-day-area img.sp_img { display:none;}

.schedule-caution { font-size:16px; }

@media only screen and (max-width: 768px) {
    .schedule-day { font-size:18px;}
    .schedule-day img { width:25px; margin-top:-3px; }
    .schedule-day .btn-bk { display:none;}
}

@media only screen and (max-width: 380px) {
    .schedule-day { font-size:16px; }
    #schedule-day-area br { display:block;}
    #schedule-day-area img.pc_img { display:none;}
    #schedule-day-area img.sp_img { display:inline-block; width:25px; margin-right:5px;}
}

/* -------------------------------------------------
他の日のスケジュールを見る
---------------------------------------------------- */
#schedule-calendar-area { clear:both; background: #F7F7F7; width: 100%; margin: 0 auto; padding: 50px 0;  overflow:hidden; position:relative;}
#schedule-calendar { width: 94%; max-width: 1200px; margin: 0 auto; position:relative; overflow:hidden;}

#schedule-calendar .calendar-nav { clear:both; position:absolute; width:100%; top:0;}

#schedule-calendar .calendar-nav .prev { float:left; display:block;}
#schedule-calendar .calendar-nav .prev span.prev_off { display:block; padding:5px 20px 5px 30px; color:#999; border:1px solid #CCC; background:#FFF url(../parts/calender_nav_prev_none.png) no-repeat 10px 9px;}
#schedule-calendar .calendar-nav .prev span.prev_on{ display:block; color:#00A9C9; border:1px solid #00A9C9; background:#FFF url(../parts/calender_nav_prev_out.png) no-repeat 10px 9px;}
#schedule-calendar .calendar-nav .prev span.prev_on:hover { color:#555; border:1px solid #555; text-decoration:none; background:#FFF url(../parts/calender_nav_prev_over.png) no-repeat 10px 9px;}
#schedule-calendar .calendar-nav .prev span.prev_on a { display:block; color:#00A9C9; padding:5px 20px 5px 30px;}
#schedule-calendar .calendar-nav .prev span.prev_on a:hover { color:#555; text-decoration:none;}

#schedule-calendar .calendar-nav .next { float:right; display:block;}
#schedule-calendar .calendar-nav .next span.next_off { display:block; padding:5px 30px 5px 20px; color:#999; border:1px solid #CCC; background:#FFF url(../parts/calender_nav_next_none.png) no-repeat right 10px top 9px;}
#schedule-calendar .calendar-nav .next span.next_on{ display:block; color:#00A9C9; border:1px solid #00A9C9; background:#FFF url(../parts/calender_nav_next_out.png) no-repeat right 10px top 9px;}
#schedule-calendar .calendar-nav .next span.next_on:hover { color:#555; border:1px solid #555; text-decoration:none; background:#FFF url(../parts/calender_nav_next_over.png) no-repeat right 10px top 9px;}
#schedule-calendar .calendar-nav .next span.next_on a { display:block; color:#00A9C9; padding:5px 30px 5px 20px;}
#schedule-calendar .calendar-nav .next span.next_on a:hover { color:#555; text-decoration:none;}

@media only screen and (max-width: 1280px) {
    #schedule-calendar-area { padding-bottom:calc(50px + 3%);}
    #schedule-calendar { margin-bottom:50px;}
}

@media only screen and (max-width: 768px) {
    #schedule-calendar .calendar-nav { top:0;}
    #schedule-calendar .calendar-nav .prev span.prev_off,
    #schedule-calendar .calendar-nav .prev span.prev_on,
    #schedule-calendar .calendar-nav .prev span.prev_on:hover { font-size:12px; background-position:10px 6px;}
    #schedule-calendar .calendar-nav .prev span.prev_on:hover { color:#00A9C9; border:1px solid #00A9C9; text-decoration:none; background:#FFF url(../parts/calender_nav_prev_out.png) no-repeat 10px 6px;}
    #schedule-calendar .calendar-nav .prev span.prev_on a:hover { color:#00A9C9; }
    #schedule-calendar .calendar-nav .next span.next_off,
    #schedule-calendar .calendar-nav .next span.next_on,
    #schedule-calendar .calendar-nav .next span.next_on:hover { font-size:12px; background-position:right 10px top 6px;}
    #schedule-calendar .calendar-nav .next span.next_on:hover { color:#00A9C9; border:1px solid #00A9C9; text-decoration:none; background:#FFF url(../parts/calender_nav_next_out.png) no-repeat right 10px top 6px;}
    #schedule-calendar .calendar-nav .next span.next_on a:hover { color:#00A9C9; }
}

#schedule-calendar {}
#schedule-calendar .calendar-monthly { }
#schedule-calendar .calendar { float:left; width:46%; margin:5px 2% 0 2%; text-align:center;}
#schedule-calendar .calendar table { width:100%;}
#schedule-calendar .calendar table tr th { text-align:center; border:none; background:none;}
#schedule-calendar .calendar table tr td { width:14.285%; height:0; padding:3.5% 0; text-align:center; border:none; background:url(../parts/calendar_bg_out.png) no-repeat center;}
#schedule-calendar .calendar table tr td.today { background:url(../parts/calendar_bg_today_out.png) no-repeat center; color:#FFF;}
#schedule-calendar .calendar table tr td.holiday,
#schedule-calendar .calendar table tr td.holiday:hover { background:url(../parts/calendar_bg_holiday.png) no-repeat center; color:#FFF; cursor:default;}

#schedule-calendar .calendar table tr td a { display:block; cursor: pointer;}
#schedule-calendar .calendar table tr td:hover { text-decoration: none; background:url(../parts/calendar_bg_over.png) no-repeat center; cursor:pointer;}
#schedule-calendar .calendar table tr td.today a { color:#FFF;}
#schedule-calendar .calendar table tr td.today:hover { text-decoration: none; background:url(../parts/calendar_bg_today_over.png) no-repeat center; cursor:pointer;}

#schedule-calendar .calendar table tr td a:hover,
#schedule-calendar .calendar table tr td.today a:hover { text-decoration: none; cursor:pointer;}

#schedule-calendar .calendar table tr td.noday { cursor:default;}
#schedule-calendar .calendar table tr td.noday:hover { background:url(../parts/calendar_bg_out.png) no-repeat center; }

#schedule-calendar .calendar ul { margin:20px 0 10px 10px; text-align:left;}
#schedule-calendar .calendar ul li { display:inline-block; height:31px; margin-right:20px; padding-left:35px; list-style:none; padding-top:5px;}
#schedule-calendar .calendar ul li:first-child { background:url(../parts/calendar_icon_page_holiday.png) no-repeat left;} 
#schedule-calendar .calendar ul li:last-child { background:url(../parts/calendar_icon_page_today.png) no-repeat left;} 

@media only screen and (max-width: 1280px) {
    #schedule-calendar .calendar ul li { height:20px; margin-right:20px; padding-left:25px; padding-top:0;}
    #schedule-calendar .calendar ul li:first-child,
    #schedule-calendar .calendar ul li:last-child { background-size:contain;}
    #schedule-calendar .calendar table tr { padding-bottom:5px;}
    #schedule-calendar .calendar table tr td,
    #schedule-calendar .calendar table tr td.today,
    #schedule-calendar .calendar table tr td.holiday,
    #schedule-calendar .calendar table tr td.noday,
    #schedule-calendar .calendar table tr td:hover,
    #schedule-calendar .calendar table tr td.today:hover,
    #schedule-calendar .calendar table tr td.holiday:hover,
    #schedule-calendar .calendar table tr td.noday:hover{ background-size:contain;}
}

@media only screen and (min-width:581px) {
    .schedule-calendar-sp { display: none;}
}

@media only screen and (max-width:580px) {
    .schedule-calendar-pc { display: none;}
    #schedule-calendar .calendar { width:100%; margin:0 0 20px 0;} 
}

/* 月単位のイベント・講座スケジュールボタン */
#schedule-calendar-area .schedule-month-bt { position:absolute; top:50px; right:0; background:#FF0; -webkit-box-shadow: 0px 0px 6px 2px #BFBFBF; -moz-box-shadow: 0px 0px 6px 2px #BFBFBF; box-shadow: 0px 0px 6px 2px #BFBFBF; }
#schedule-calendar-area .schedule-month-bt a[href$=".pdf"]::before {
  content: "\f1c1";
  font-family: 'Font Awesome 5 Free';
  display: none;
}
#schedule-calendar-area .schedule-month-bt a img { margin:0 2px 7px 0; }
#schedule-calendar-area .schedule-month-bt a:hover { text-decoration:none; background:#555; color: #fff;}
#schedule-calendar-area .schedule-month-bt i { font-size: 0.9em;}


@media only screen and (min-width: 1281px) {
    #schedule-calendar-area .schedule-month-bt a { font-size: 18px; display:block; width:52px; height:400px; padding-right:10px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-align:center;}
}

@media only screen and (max-width: 1280px) {
    #schedule-calendar-area .schedule-month-bt { width:330px; height:50px; top:85%; bottom:20px; left: 0; right: 0; margin:0 auto; padding:3px 0 0 0 ; background:#555; }
    #schedule-calendar-area .schedule-month-bt:hover{ background:#999; }
    #schedule-calendar-area .schedule-month-bt a { font-size: 14px; display:block; width:330px; height:50px; color:#FFF; padding-right:0; -webkit-writing-mode:  horizontal-tb; -ms-writing-mode: horizontal-tb;writing-mode: horizontal-tb;}
    #schedule-calendar-area .schedule-month-bt a img { margin-top:5px; margin-right: 8px;}
    #schedule-calendar-area .schedule-month-bt i { display: none;}
    #schedule-calendar-area .schedule-month-bt a:hover { background:none;}
}

@media only screen and (max-width: 768px) {
    #schedule-calendar-area .schedule-month-bt { top:85%; }
}

@media only screen and (max-width: 414px) {
    #schedule-calendar-area .schedule-month-bt { width:95%;}
    #schedule-calendar-area .schedule-month-bt a { width:100%; font-size:14px;}
}


/* 本日のスケジュール　下部メニュー(2020.01) */
.schedule-substructure-menu { max-width:1200px; width:100%; margin:80px auto 80px auto!important; padding: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; }

.schedule-substructure-menu li { display: inline-block; width: 22%; width: calc((100% - 46px) / 4); width: -webkit-calc((100% - 46px) / 4); width: -moz-calc((100% - 46px) / 4); height: auto; font-size:18px; font-weight:bold; text-align: center; padding: 0; margin: 0 15px 15px 0px; background-color: #e4f5f8; overflow: hidden; }
.schedule-substructure-menu li:last-child { margin: 0 0 15px 0;}
.schedule-substructure-menu li:hover { background-color: #009fbe; }
.schedule-substructure-menu li a { color:#1c1c1c; display:block; width:100%; height:100%; padding:30px 0; }
.schedule-substructure-menu li a:hover { color:#ffffff; }

@media only screen and (max-width:580px) {
	.schedule-substructure-menu { width:100%; margin:60px 0 0 0!important; }
	.schedule-substructure-menu li { display: inline-block; width: 100%; height: auto; font-size:15px; font-weight:bold; text-align: center; padding: 0; margin: 0 0 0 0; background-color: #e4f5f8; border-top:1px solid #479dba; overflow: hidden; }
	.schedule-substructure-menu li:last-child { margin: 0 0 0px 0;border-bottom:0px solid #000000; }
	.schedule-substructure-menu li a { color:#1c1c1c; display:block; width:100%; height:100%; padding:15px 0; }

}



/* -------------------------------------------------
マンスリースケジュール(2020.01)
---------------------------------------------------- */
#schedule-monthly-calendar-area { clear:both; background: #F7F7F7; width: 100%; margin: 0 auto; padding: 50px 0;  overflow:hidden; position:relative;}

#schedule-monthly-calendar { width: 94%; max-width: 1200px; margin: 0 auto; position:relative; overflow:hidden;}

#schedule-monthly-calendar .calendar-nav { clear:both; position:absolute; width:100%; top:0;}

#schedule-monthly-calendar .calendar-nav .prev { float:left; display:block;}
#schedule-monthly-calendar .calendar-nav .prev span.prev_off { display:block; padding:5px 20px 5px 30px; color:#999; border:1px solid #CCC; background:#FFF url(../parts/calender_nav_prev_none.png) no-repeat 10px 9px;}
#schedule-monthly-calendar .calendar-nav .prev span.prev_on{ display:block; color:#00A9C9; border:1px solid #00A9C9; background:#FFF url(../parts/calender_nav_prev_out.png) no-repeat 10px 9px;}
#schedule-monthly-calendar .calendar-nav .prev span.prev_on:hover { color:#555; border:1px solid #555; text-decoration:none; background:#FFF url(../parts/calender_nav_prev_over.png) no-repeat 10px 9px;}
#schedule-monthly-calendar .calendar-nav .prev span.prev_on a { display:block; color:#00A9C9; padding:5px 20px 5px 30px;}
#schedule-monthly-calendar .calendar-nav .prev span.prev_on a:hover { color:#555; text-decoration:none;}

#schedule-monthly-calendar .calendar-nav .next { float:right; display:block;}
#schedule-monthly-calendar .calendar-nav .next span.next_off { display:block; padding:5px 30px 5px 20px; color:#999; border:1px solid #CCC; background:#FFF url(../parts/calender_nav_next_none.png) no-repeat right 10px top 9px;}
#schedule-monthly-calendar .calendar-nav .next span.next_on{ display:block; color:#00A9C9; border:1px solid #00A9C9; background:#FFF url(../parts/calender_nav_next_out.png) no-repeat right 10px top 9px;}
#schedule-monthly-calendar .calendar-nav .next span.next_on:hover { color:#555; border:1px solid #555; text-decoration:none; background:#FFF url(../parts/calender_nav_next_over.png) no-repeat right 10px top 9px;}
#schedule-monthly-calendar .calendar-nav .next span.next_on a { display:block; color:#00A9C9; padding:5px 30px 5px 20px;}
#schedule-monthly-calendar .calendar-nav .next span.next_on a:hover { color:#555; text-decoration:none;}

@media only screen and (max-width: 1280px) {
    #schedule-monthly-calendar-area { padding-bottom:calc(50px + 3%);}
    #schedule-monthly-calendar { margin-bottom:50px;}
}

@media only screen and (max-width: 768px) {
    #schedule-monthly-calendar .calendar-nav { top:0;}
    #schedule-monthly-calendar .calendar-nav .prev { float:left; display:block;}
    #schedule-monthly-calendar .calendar-nav .prev span.prev_off,
    #schedule-monthly-calendar .calendar-nav .prev span.prev_on,
    #schedule-monthly-calendar .calendar-nav .prev span.prev_on:hover { font-size:12px; background-position:10px 6px;}
    #schedule-monthly-calendar .calendar-nav .prev span.prev_on:hover { color:#00A9C9; border:1px solid #00A9C9; text-decoration:none; background:#FFF url(../parts/calender_nav_prev_out.png) no-repeat 10px 6px;}
    #schedule-monthly-calendar .calendar-nav .prev span.prev_on a:hover { color:#00A9C9; }
    #schedule-monthly-calendar .calendar-nav .next { float:right; display:block;}
    #schedule-monthly-calendar .calendar-nav .next span.next_off,
    #schedule-monthly-calendar .calendar-nav .next span.next_on,
    #schedule-monthly-calendar .calendar-nav .next span.next_on:hover { font-size:12px; background-position:right 10px top 6px;}
    #schedule-monthly-calendar .calendar-nav .next span.next_on:hover { color:#00A9C9; border:1px solid #00A9C9; text-decoration:none; background:#FFF url(../parts/calender_nav_next_out.png) no-repeat right 10px top 6px;}
    #schedule-monthly-calendar .calendar-nav .next span.next_on a:hover { color:#00A9C9; }
}

#schedule-monthly-calendar {}
#schedule-monthly-calendar .calendar-monthly { }
#schedule-monthly-calendar .calendar { float:left; width:46%; margin:25px 2% 0 2%; text-align:center;}
#schedule-monthly-calendar .calendar table { width:100%;}
#schedule-monthly-calendar .calendar table th { text-align:center; border:2px solid #ffffff; background:#33bad4;}
#schedule-monthly-calendar .calendar table tr { text-align:center; border:2px solid #ffffff; background:#e4f5f8;}


#schedule-monthly-calendar .calendar table tr td { width:14.285%; height:0; padding:3.5% 0; text-align:center; border:2px solid #ffffff; /*background:url(../parts/calendar_bg_out.png) no-repeat center;*/}

#schedule-monthly-calendar .calendar table tr td.today { background:#33bad4; /*background:url(../parts/calendar_bg_today_out.png) no-repeat center;*/ color:#FFF;}
#schedule-monthly-calendar .calendar table tr td.today { text-decoration: underline; color:#FFF;}

#schedule-monthly-calendar .calendar table tr td.holiday { background:#747474; /*background:url(../parts/calendar_bg_holiday.png) no-repeat center;*/ color:#FFF; cursor:default;}

#schedule-monthly-calendar .calendar table tr td a { display:block; cursor: pointer;}
#schedule-monthly-calendar .calendar table tr td:hover { text-decoration: none; /*background:url(../parts/calendar_bg_over.png) no-repeat center;*/ cursor:pointer;}
#schedule-monthly-calendar .calendar table tr td.today a { color:#FFF;}
#schedule-monthly-calendar .calendar table tr td.today:hover { text-decoration: none; /*background:url(../parts/calendar_bg_today_over.png) no-repeat center;*/ cursor:pointer;}

#schedule-monthly-calendar .calendar table tr td a:hover,
#schedule-monthly-calendar .calendar table tr td.today a:hover { text-decoration: none; cursor:pointer;}

#schedule-monthly-calendar .calendar table tr td.noday { cursor:default;}
#schedule-monthly-calendar .calendar table tr td.noday:hover { /*background:url(../parts/calendar_bg_out.png) no-repeat center;*/ }
#schedule-monthly-calendar .calendar table tr td.holiday-today{ color:#FFF; background:#747474; outline:5px solid #00A9C9; outline-offset: -5px }
#schedule-monthly-calendar .calendar table tr td.holiday-today a { color:#FFF;}



#schedule-monthly-calendar .calendar ul { margin:20px 0 10px 10px; text-align:left;}
#schedule-monthly-calendar .calendar ul li { display:inline-block; height:31px; margin-right:20px; padding-left:35px; list-style:none; padding-top:5px;}
#schedule-monthly-calendar .calendar ul li:first-child { background:url(../parts/calendar_icon_page_holiday.png) no-repeat left;} 
#schedule-monthly-calendar .calendar ul li:last-child { background:url(../parts/calendar_icon_page_today.png) no-repeat left;} 

@media only screen and (max-width: 1280px) {
    #schedule-monthly-calendar .calendar ul li { height:20px; margin-right:20px; padding-left:25px; padding-top:0;}
    #schedule-monthly-calendar .calendar ul li:first-child,
    #schedule-monthly-calendar .calendar ul li:last-child { background-size:contain;}
    #schedule-monthly-calendar .calendar table tr { padding-bottom:5px;}
    #schedule-monthly-calendar .calendar table tr td,
    #schedule-monthly-calendar .calendar table tr td.today,
    #schedule-monthly-calendar .calendar table tr td.holiday,
    #schedule-monthly-calendar .calendar table tr td.noday,
    #schedule-monthly-calendar .calendar table tr td:hover,
    #schedule-monthly-calendar .calendar table tr td.today:hover,
    #schedule-monthly-calendar .calendar table tr td.holiday:hover,
    #schedule-monthly-calendar .calendar table tr td.noday:hover{ background-size:contain;}
}

@media only screen and (min-width:581px) {
    .schedule-calendar-sp { display: none;}
}

@media only screen and (max-width:580px) {
    .schedule-calendar-pc { display: none;}
    #schedule-monthly-calendar .calendar { width:100%; margin:10px 0 20px 0;} 
}

/* 月単位のイベント・講座スケジュールボタン */
#schedule-monthly-calendar-area .schedule-month-bt { position:absolute; top:50px; right:0; background:#FF0; -webkit-box-shadow: 0px 0px 6px 2px #BFBFBF; -moz-box-shadow: 0px 0px 6px 2px #BFBFBF; box-shadow: 0px 0px 6px 2px #BFBFBF; }
#schedule-monthly-calendar-area .schedule-month-bt a[href$=".pdf"]::before {
  content: "\f1c1";
  font-family: 'Font Awesome 5 Free';
  display: none;
}
#schedule-monthly-calendar-area .schedule-month-bt a img { margin:0 2px 7px 0; }
#schedule-monthly-calendar-area .schedule-month-bt a:hover { text-decoration:none; background:#555; color: #fff;}
#schedule-monthly-calendar-area .schedule-month-bt i { font-size: 0.9em;}


@media only screen and (min-width: 1281px) {
    #schedule-monthly-calendar-area .schedule-month-bt a { font-size: 18px; display:block; width:52px; height:400px; padding-right:10px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-align:center;}
}

@media only screen and (max-width: 1280px) {
    #schedule-monthly-calendar-area .schedule-month-bt { width:330px; height:50px; top:85%; bottom:20px; left: 0; right: 0; margin:0 auto; padding:3px 0 0 0 ; background:#555; }
    #schedule-monthly-calendar-area .schedule-month-bt:hover{ background:#999; }
    #schedule-monthly-calendar-area .schedule-month-bt a { font-size: 14px; display:block; width:330px; height:50px; color:#FFF; padding-right:0; -webkit-writing-mode:  horizontal-tb; -ms-writing-mode: horizontal-tb;writing-mode: horizontal-tb;}
    #schedule-monthly-calendar-area .schedule-month-bt a img { margin-top:5px; margin-right: 8px;}
    #schedule-monthly-calendar-area .schedule-month-bt i { display: none;}
    #schedule-monthly-calendar-area .schedule-month-bt a:hover { background:none;}
}

@media only screen and (max-width: 768px) {
    #schedule-monthly-calendar-area .schedule-month-bt { top:85%; }
}

@media only screen and (max-width: 414px) {
    #schedule-monthly-calendar-area .schedule-month-bt { width:95%;}
    #schedule-monthly-calendar-area .schedule-month-bt a { width:100%; font-size:14px;}
}




/* -------------------------------------------------
本日のスケジュール
---------------------------------------------------- */
#schedule-timetable { clear: both; width: 94%; max-width: 1200px; text-align: center; margin: 0 auto 60px auto; padding-top: 60px;}
#schedule-timetable:after { content:" "; display:block; clear:both;}

#schedule-timetable ul li {list-style-type: none;}
#schedule-timetable h3 { font-size: 23px; }
#schedule-timetable h3 img { margin-top: -10px; margin-right: 8px; }

#schedule-timetable .schedule_before_next { width:100%; margin:0 0 30px 0; }
#schedule-timetable .before_day { width:150px; margin:0; background:#cccccc; float:left; }
#schedule-timetable .before_day a, #schedule-timetable .next_day a { width:100%; height:100%; display:block; padding:10px; color:#000000 !important; }
#schedule-timetable .before_day a:hover, #schedule-timetable .next_day a:hover { color:#000000 !important; }
#schedule-timetable .next_day { width:150px; margin:0; background:#cccccc; float:right; }

@media only screen and (max-width: 768px) {
	#schedule-timetable { margin-bottom: 30px;}
	#schedule-timetable .before_day { width:100px; margin:0; background:#cccccc; float:left; }
	#schedule-timetable .next_day { width:100px; margin:0; background:#cccccc; float:right; }
}

@media only screen and (min-width: 381px) {
	#schedule-timetable h3 br { display:none;}
}
@media only screen and (max-width: 380px) {
    #schedule-timetable h3 span { display:none;}
    #schedule-timetable h3 img { display:none; }
}

#schedule-timetable .clearfix:after { display: block; clear: both; height: 0; line-height: 0; visibility: hidden; contact: "."; font-size: 0.1em; }
#schedule-timetable .clearfix { display: inline-block;}

#schedule-timetable .info-area { clear: both; display: flex;justify-content: flex-end;}
#schedule-timetable .info {
	position: relative;
	display: inline-block;
	margin: 0 0 1em 0;
	padding: 7px 10px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #FFF;
	border: solid 3px #aaa;
	box-sizing: border-box;
	border-radius: 6px;
}
#schedule-timetable .info:before {
	content: "";
	position: absolute;
	bottom: -20px;
	right: 20px;
	margin-left: 0;
	border: 10px solid transparent;
	border-top: 10px solid #FFF;
	z-index: 2;
}

#schedule-timetable .info:after {
	content: "";
	position: absolute;
	bottom: -26px;
	right: 18px;
	margin-left: 0;
	border: 12px solid transparent;
	border-top: 12px solid #aaa;
	z-index: 1;
}
#schedule-timetable .info p {margin:0; text-align:left; font-size:14px; font-weight:bold;line-height: 1.8;}
#schedule-timetable .info p img { width:17px; height:17px; vertical-align: middle;}

/*タイムスケジュール　タイムテーブル部分 -------------------------------- */
#schedule-timetable .ts-area { clear: both; width: 100%; margin: 0 auto; position: relative; top:-50px;}
#schedule-timetable .ts-area:after { content:" "; display:block; clear:both;}
#schedule-timetable ul.ts-arrow { position: absolute; height: 60px; width: 100%; top:0; left:0; z-index:100000;}
#schedule-timetable ul.ts-arrow li { margin:0; padding:0; width:60px; height:60px;}
#schedule-timetable ul.ts-arrow li:last-child { float:right;}
#schedule-timetable ul.ts-arrow li.prev_on { background: url("../parts/timetable_arrow_prev_on.png") no-repeat center top;}
#schedule-timetable ul.ts-arrow li.prev_out { background: url("../parts/timetable_arrow_prev_out.png") no-repeat center top;}
#schedule-timetable ul.ts-arrow li.prev_on:hover { background: url("../parts/timetable_arrow_prev_out.png") no-repeat center top; -webkit-transition: all .3s; transition: all .3s; cursor: pointer;}
#schedule-timetable ul.ts-arrow li.next_on { background: url("../parts/timetable_arrow_next_on.png") no-repeat center top;}
#schedule-timetable ul.ts-arrow li.next_out { background: url("../parts/timetable_arrow_next_out.png") no-repeat center top;}
#schedule-timetable ul.ts-arrow li.next_on:hover { background: url("../parts/timetable_arrow_next_out.png") no-repeat center top; -webkit-transition: all .3s; transition: all .3s; cursor: pointer;}

#schedule-timetable .ts-base { width:100%; margin-top:50px; top: 0; background: #EEE; overflow-x:scroll; text-align: left;}
#schedule-timetable .ts-hdr { height: 60px; width: 1560px; background: url( "../parts/timetable_time.png") top left no-repeat;overflow: hidden;}
#schedule-timetable .ts-ftr {padding: 10px 0;}

#schedule-timetable .ts-bg { position: relative; margin: 0 1px; padding-bottom: 50px; width: 1560px; background: url( "../parts/timetable_ts_bg.png") repeat top left; border-top: 1px solid #cccccc;overflow: hidden;}
#schedule-timetable .ts-workshop { padding-bottom: 10px;}
#schedule-timetable .ts-floor2 { background: url( "../parts/timetable_ts_bg2.png") repeat top left; border-top: none; }
#schedule-timetable .show-time { color: #fff !important; text-decoration: none; font-size:11px;}

#schedule-timetable .ts-area-sp { display:none; }

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

	#schedule-timetable .ts-area { display:none; }
	#schedule-timetable .ts-area-sp { display:block; }
	#schedule-timetable .ts-area-sp { width:100%; margin:0 auto; }
	#schedule-timetable .ts-sp-event-block { width:100%; min-height:110px; margin:0 auto; padding:15px 0; text-align:left; background:#ffffff; border-top:1px solid #000000; position:relative; }
	#schedule-timetable .ts-sp-event-block:last-child { border-bottom:1px solid #000000; }
	#schedule-timetable .ts-sp-event-time-venue { position:absolute; top:5px; left:0; }
	#schedule-timetable .ts-sp-event-time, #schedule-timetable .ts-sp-event-venue { font-size:12px; }
	#schedule-timetable .ts-sp-program { position:absolute; top:30px; left:0; padding:3px 8px; font-size:11px; background:#cccccc; }
	#schedule-timetable .ts-sp-show-name { position:absolute; top:60px; left:0; font-size:14px; font-weight:bold; width:75%;}
	#schedule-timetable .ts-sp-thumbnail { position:absolute; top:15px; right:0; width:80px; height:auto; }
	#schedule-timetable .info-area { display:none; }

}

@media only screen and (max-width: 414px) {
    #schedule-timetable h3 { min-height: 4.5em;}
	#schedule-timetable .info p {font-size:11px;}
	#schedule-timetable .info p img { width:15px; height:15px;}
}

/* タイムテーブル　ボックス --------------------------*/
#schedule-timetable li{ float:left; margin-top:10px; padding:2px 5px 8px; height:90px; font-size:11px; color:#fff; text-align: left;}
#schedule-timetable a { color: #fff !important; text-decoration: none;}
#schedule-timetable a:hover { color: #fff !important; text-decoration: underline;}

/* プラネタリウム */
#schedule-timetable .ts-planetarium li { background:#64298e; position:relative;}
/* みらいーらステージ */
#schedule-timetable .ts-stage li { background:#0cadc7; position:relative;}
/* みらいーらテーブル */
#schedule-timetable .ts-table li { background:#0cadc7; position:relative;}
/* サイエンスラボ */
#schedule-timetable .ts-sciencelabo li { background:#4c7030; position:relative;}
/* ものづくりラボ */
#schedule-timetable .ts-fablab li { background:#8eae41; position:relative;}
/* ホール */
#schedule-timetable .ts-hall li { background:#f36e3d; position:relative;}
/* セミナー */
#schedule-timetable .ts-seminar li { background:#275096; position:relative;}
/* 2階展示室 */
#schedule-timetable .ts-floor2 li { background:#c03c4f; position:relative;}
/* 1階展示室 */
#schedule-timetable .ts-floor1 li { background:#c03c4f; position:relative;}
/* その他(屋外・館外など) */
#schedule-timetable .ts-other li { background:#888888;position:relative;}
#schedule-timetable .ts-other li:nth-child(1){z-index:10!important;}
#schedule-timetable .ts-other li:nth-child(2){z-index:100!important;}
#schedule-timetable .ts-other li:nth-child(3){z-index:9999!important;}

/* 空のボックス */
#schedule-timetable li.ts-0930{ float:left; position:relative; left:1px; margin-top:10px; background: none;  height:50px;}

#schedule-timetable li .mark {
position:absolute; left:5px; bottom:5px; margin:0; min-width: 50px; width:auto !important; height:auto !important; float: none !important; display:inline-block; font-size: 10px; font-weight:bold; text-align: center; padding: 4px 5px 3px 5px; line-height: 1; color: #000; background:#FFF; border:none; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}

/* 文字数制限 --------------------------*/
#schedule-timetable .tooltip .show-name { position: relative; max-height: calc(11 * 1.2 * 3 * 1px); font-size: 11px; line-height: 1.2;
  word-break: break-all; text-align:justify; text-justify: inter-ideograph; overflow: hidden;}
#schedule-timetable .tooltip .show-name::before,
#schedule-timetable .tooltip .show-name::after { position: absolute; background: #fff;}
#schedule-timetable .tooltip .show-name::before { content: '...'; top: calc(11 * 1.2 * (3 - 1) * 1px); right: 0; width: 1em;}
#schedule-timetable .tooltip .show-name::after { content: ''; width: 100%; height: 100%;}
/* プラネタリウム */
#schedule-timetable .ts-planetarium li .tooltip .show-name:before,
#schedule-timetable .ts-planetarium li .tooltip .show-name:after{ background:#64298e;}
/* みらいーらステージ */
#schedule-timetable .ts-stage li .tooltip .show-name:before,
#schedule-timetable .ts-stage li .tooltip .show-name:after { background:#0cadc7;}
/* みらいーらテーブル */
#schedule-timetable .ts-table li .tooltip .show-name:before,
#schedule-timetable .ts-table li .tooltip .show-name:after { background:#0cadc7;}
/* サイエンスラボ */
#schedule-timetable .ts-sciencelabo li .tooltip .show-name:before,
#schedule-timetable .ts-sciencelabo li .tooltip .show-name:after{ background:#4c7030;}
/* ものづくりラボ */
#schedule-timetable .ts-fablab li .tooltip .show-name:before,
#schedule-timetable .ts-fablab li .tooltip .show-name:after{ background:#8eae41;}
/* ホール */
#schedule-timetable .ts-hall li .tooltip .show-name:before,
#schedule-timetable .ts-hall li .tooltip .show-name:after{ background:#f36e3d;}
/* セミナー */
#schedule-timetable .ts-seminar li .tooltip .show-name:before,
#schedule-timetable .ts-seminar li .tooltip .show-name:after{ background:#275096;}
/* 2階展示室 */
#schedule-timetable .ts-floor2 li .tooltip .show-name:before,
#schedule-timetable .ts-floor2 li .tooltip .show-name:after{ background:#c03c4f;}
/* 1階展示室 */
#schedule-timetable .ts-floor1 li .tooltip .show-name:before,
#schedule-timetable .ts-floor1 li .tooltip .show-name:after{ background:#c03c4f;}
/* その他(屋外・館外など) */
#schedule-timetable .ts-other li .tooltip .show-name:before,
#schedule-timetable .ts-other li .tooltip .show-name:after{ background:#888888;}


/* タイムテーブル　吹き出し ---*/
.tooltip{ position:relative; display:inline-block; font-size:11px; line-height:1.2;  }
.tooltip span{ visibility:hidden; position:absolute; top:-70px; left:0; margin:0; padding:10px; width:400px;/*width:350px;*/
 background: url("../parts/timetable_tooltip.png") ; border:1px solid #cccccc; font-size:11px; line-height:14px; color:#000000; z-index:99999;}
.tooltip:hover{border:0;/* IE6 fix */}
.tooltip:hover span{ visibility:visible;}
.tooltip span strong{ font-weight:bold;}

@media only screen and (max-width: 414px) {
    .tooltip:hover span{ visibility:hidden;}
}

/* タイムテーブル　マーク --------------------------*/
#schedule-timetable-mark { width: 100%; 
position: relative; height: auto; margin:20px auto 30px auto; padding:20px 30px 10px 30px; background:#FFF; 
-webkit-box-shadow: 1px 1px 3px 0 #BFBFBF; -moz-box-shadow: 1px 1px 3px 0 #BFBFBF; box-shadow: 1px 1px 3px 0 #BFBFBF; }
#schedule-timetable-mark:after { content:" "; display:block; clear:both;}

#schedule-timetable-mark ul li { display:inline-block; width:32%; height:auto !important; margin:0 0.5% 10px 0.5%; color:#000; font-size:12px;}
#schedule-timetable-mark ul li span { width:80px; margin: 0 10px 0 0; display: inline-block; font-size: 11px; font-weight: bold; text-align: center; padding: 4px 5px 3px 5px; line-height: 1; color: #000; background: #FFF; border: 1px solid #000; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}

@media only screen and (max-width: 768px) {
	#schedule-timetable-mark { margin:10px auto; padding:10px 10px 0 10px; } 
    #schedule-timetable-mark ul li { width:48%; margin:0 1% 0 1%; min-height: 6em;}
    #schedule-timetable-mark ul li span { display:block; margin-bottom:5px;}
}
@media only screen and (max-width: 414px) {
	#schedule-timetable-mark ul li { display:block; width:100%; margin-bottom:5px; min-height: 4em; }
}

/* ===================================================================
 混雑状況
=================================================================== */
#page-confusion {}

#page-confusion #confusion-info {}
#page-confusion #confusion-info p { text-align: center; margin: -0.8em auto 0 auto;}

#page-confusion .confusion-box h4 { text-align: left; font-size: 108%; font-weight: 600;}
#page-confusion .confusion-box ul { margin: 0;display: flex;align-items: center;box-sizing: border-box;margin-left: -1.03%;}
#page-confusion .confusion-box ul li {margin-left: 1.03%; padding: 0;width: 100%;max-width:23.97%; text-align: center;}
#page-confusion .confusion-box ul li span {display: block;padding:5px 10px;}
#page-confusion .confusion-box ul li span.time {background: #92cddd;}
#page-confusion .confusion-box ul li span.status {background: #ebf4f7;}
@media only screen and (max-width: 768px) {
	#page-confusion .confusion-box ul li {max-width:32.30333333%;}
}
@media only screen and (max-width: 415px) {
	#page-confusion .confusion-box ul li {max-width:48.97%;}
}



/* ===================================================================
 フロアガイド
=================================================================== */
/* フロアガイドナビゲーション */
.floorguide-nav { max-width: 94%; width: 1200px; margin: 0 auto 25px auto;}
.floorguide-nav:after { content:" "; display:block; clear:both;}
.floorguide-nav ul { margin: 0 0 0 -0.6%;}
.floorguide-nav ul li{ float: left; width: 13.68%; margin-left: 0.6%; box-shadow:0px 0px 3px 1px rgba(0,0,0,0.3); }
.floorguide-nav ul li:first-child{ float: left; width: 13.72%;}

.floorguide-nav ul li a { display: flex; justify-content: center; align-content: center; align-items: stretch; height: 60px; width: 100%; padding: 3px; line-height: 1.1; background: #f1fdff; text-align: center; font-size: 13px; position: relative; text-decoration: none; color: #000;}
.floorguide-nav ul li a strong { margin: auto;}

.floorguide-nav ul li a::after { content: ""; bottom: 2px; right: 2px; border-top: 12px solid transparent; position: absolute; z-index: 100;}
.floorguide-nav ul li.force a::after { border-right: 12px solid #c13342;}
.floorguide-nav ul li.nature a::after { border-right: 12px solid #8faf29;}
.floorguide-nav ul li.sound a::after { border-right: 12px solid #ec6b2e;}
.floorguide-nav ul li.light a::after { border-right: 12px solid #fac53e;}
.floorguide-nav ul li.space a::after { border-right: 12px solid #104390;}
.floorguide-nav ul li.other a::after { border-right: 12px solid #a57c52;}
.floorguide-nav ul li.planetariumdome a::after { border-right: 12px solid #000;}

.floorguide-nav ul li a:hover { color: #fff; background: #00A9C9; -webkit-transition: all .3s; transition: all .3s;}
.floorguide-nav ul li.force a:hover { background: #c13342;}
.floorguide-nav ul li.nature a:hover { background: #8faf29;}
.floorguide-nav ul li.sound a:hover { background: #ec6b2e;}
.floorguide-nav ul li.light a:hover { background: #fac53e;}
.floorguide-nav ul li.space a:hover { background: #104390;}
.floorguide-nav ul li.other a:hover { background: #a57c52;}
.floorguide-nav ul li.planetariumdome a:hover { background: #000;}

.floorguide-nav ul li a:hover::after { content: ""; bottom: 2px; right: 2px; border-top: 12px solid transparent; border-right: 12px solid #fff; position: absolute; z-index: 100;}

.floorguide-nav ul li.current a { background: #00A9C9; color: #FFF; cursor: default; }
.floorguide-nav ul li.force.current a { background: #c13342;}
.floorguide-nav ul li.nature.current a { background: #8faf29;}
.floorguide-nav ul li.sound.current a { background: #ec6b2e;}
.floorguide-nav ul li.light.current a { background: #fac53e;}
.floorguide-nav ul li.space.current a { background: #104390;}
.floorguide-nav ul li.other.current a { background: #a57c52;}
.floorguide-nav ul li.planetariumdome.current a { background: #000;}

.floorguide-nav ul li.current a:hover::after { content: ""; bottom: 2px; right: 2px; border-top: 12px solid transparent; border-right: 12px solid #fff; position: absolute; z-index: 100;}

@media only screen and (min-width: 769px) {
	.floorguide-nav label { display: none;}
    .floorguide-nav input { display: none;}
}

@media only screen and (max-width: 768px) {
	.floorguide-nav { margin: 2em auto; padding: 0; width: 350px; border-left: none;}
	.floorguide-nav label { display: block; margin: 1.5px 0; height: 50px; padding : 3px 3px 3px 5px; line-height: 46px; color: #000; font-size: 15px; font-weight: bold; text-align: left;
    background: #fff; border: 1px solid #bbb; cursor :pointer; transition: all 0.3s;}
    .floorguide-nav label img { float: right; width: 40px; height: 40px; }
    .floorguide-nav label:hover { background : #EEE; }
    .floorguide-nav input { display: none;}
    .floorguide-nav .accshow { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.5s;}
    .cssacc:checked + label + .accshow { height: auto; padding: 0; background: #fff; opacity: 1;}
    .floorguide-nav .accshow p { margin: 15px 10px}
    .cssacc:checked + label img  { transform: rotateX( 180deg ); }
    .floorguide-nav ul { margin: 0;}
    .floorguide-nav ul li,
    .floorguide-nav ul li:first-child{ float: none; width: 100%; margin-left: 0; box-shadow: none;}
    .floorguide-nav ul li a { border: #999 1px solid; border-bottom: none; font-size: 14px; }
    .floorguide-nav ul li:last-child a { border-bottom: #999 1px solid; }
}

@media only screen and (max-width: 414px) {
	.floorguide-nav { width: 300px;}
}

/* フロアガイド
----------------------------------------------------------- */
.floorguide-mv { position: relative; height: 480px; margin: 0 auto; background:  url("../images/floorguide_mv.jpg") no-repeat center 50%; background-size: cover; }

.floorguide-title-area { position: absolute; bottom: 0; right: 0; left: 0; width: 100%; height: 70px; margin: 0 auto; 
 background: url("../parts/floorguide_titlebg.png") no-repeat left -400px bottom 0; text-align: center;}
.floorguide-title-area.force { background-image: url("../parts/floorguide_cornerforce_titlebg.png");}
.floorguide-title-area.nature { background-image: url("../parts/floorguide_cornernature_titlebg.png");}
.floorguide-title-area.light { background-image: url("../parts/floorguide_cornerlight_titlebg.png");}
.floorguide-title-area.space { background-image: url("../parts/floorguide_cornerspace_titlebg.png");}
.floorguide-title-area.planetariumdome { background-image: url("../parts/floorguide_planetariumdome_titlebg.png");}
.floorguide-title-area.other { background-image: url("../parts/floorguide_other_titlebg.png");}
.floorguide-title-area.sound { background-image: url("../parts/floorguide_cornersound_titlebg.png");}
.floorguide-title { width: 94%; max-width: 1200px; text-align: left; font-size: 24px; font-weight: bold; line-height: 70px; color: #fff; margin:0 auto; padding:0;}
.floorguide-mtxt-area { position: relative; background-color: rgba(204,204,204,0.45); margin: 0 auto 60px auto; padding: 0; border-bottom: 1px solid #E0E0E0;}
.floorguide-mtxt { position: relative; width: 94%; max-width: 1200px; margin: 0 auto; padding: 25px 0; text-align: left;}
.floorguide-mtxt p { padding:0;margin:0;}
.floorguide-mtxt p + p,
.floorguide-mtxt p + ul {margin-top:15px;}

@media only screen and (min-width: 1400px) {
	.floorguide-title-area { background-position: left -200px bottom 0;}
}
@media only screen and (max-width: 768px) {
	.floorguide-mv { position: relative; height: 370px; margin: 0 auto; background:  url("../images/floorguide_mv.jpg") no-repeat center 50%; background-size: cover; }
    .floorguide-title-area { background-size: auto;background-position: left 0 bottom 0;height: auto;}
    .floorguide-title { text-align: center; font-size: 18px; padding:12px 0; line-height: 1.4em;}
    .floorguide-mtxt { height: auto; padding: 18px 0;}
    .floorguide-mtxt p { font-size: 13px; padding:0;}
	.floorguide-mtxt p + p,
	.floorguide-mtxt p + ul {margin-top:10px;}
}
@media only screen and (max-width: 414px) {
	.floorguide-mv { position: relative; height: 190px; margin: 0 auto; background:  url("../images/floorguide_mv.jpg") no-repeat center 50%; background-size: cover; }
    .floorguide-title-area {}
    .floorguide-title { font-size: 16px; padding:10px 0; line-height: 1.2em;} 
    .floorguide-mtxt { height: auto; padding: 15px 0;}
    .floorguide-mtxt p { font-size: 12px; padding:0;}
}

/* フロアガイド　リスト
----------------------------------------------------------- */
.floorguide-list { margin: 0 auto 40px auto;}
.floorguide-list:after { content:" "; display:block; clear:both;}
.floorguide-list ul li { float: left; position: relative; width: 32.3%; max-height: 285px; margin-right: 1.5%; margin-bottom: 18px;
-webkit-box-shadow: 1px 1px 10px 0 #A6A6A6; -moz-box-shadow: 1px 1px 10px 0 #A6A6A6; box-shadow: 1px 1px 10px 0 #A6A6A6;}
.floorguide-list ul li img { width:100%; object-fit: cover; font-family: 'object-fit: cover;'}

.floorguide-list ul li .floor-name { width: 100%; height: 60px; line-height: 1; padding-top: 21px; background-color: rgba(0,169,201,0.7); position: absolute; bottom: 0; color: #FFF; font-size: 16px; font-weight: bold; letter-spacing: 0.02em;}
.floorguide-list ul.force li .floor-name { background-color: rgba(193,51,66,0.9);}
.floorguide-list ul.nature li .floor-name { background-color: rgba(143,175,41,0.9);}
.floorguide-list ul.sound li .floor-name { background-color: rgba(236,107,46,0.9);}
.floorguide-list ul.light li .floor-name { background-color: rgba(250,197,67,0.9);}
.floorguide-list ul.space li .floor-name { background-color: rgba(16,67,144,0.9);}
.floorguide-list ul.other li .floor-name { background-color: rgba(165,124,82,0.9);}
.floorguide-list ul.planetariumdome li .floor-name { background-color: rgba(0,0,0,0.9);}

.floorguide-list ul li a { display: block;}

@media only screen and (max-width: 768px) {
	.floorguide-list ul li { margin-bottom: 12px; max-height: 157px;}
    .floorguide-list ul li img { height:157px; }
	.floorguide-list ul li .floor-name { font-size: 14px; height: 50px; padding-top: 20px;}
}

@media only screen and (min-width: 415px) {
	.floorguide-list ul li:nth-child(3n) { margin-right: 0;}
}

@media only screen and (max-width: 414px) {
	.floorguide-list ul li { float: left; position: relative; width: 48.5%; max-height: 120px; margin-right: 3%; margin-bottom: 9px;}
    .floorguide-list ul li:nth-child(2n) { margin-right: 0;}
    .floorguide-list ul li img { height:120px; }
    .floorguide-list ul li .floor-name { font-size: 11px; height: 40px; padding-top: 14px;}
}

/* フロアガイド　マップ
----------------------------------------------------------- */
.floorguide-map .floor-mmenu {}
.floorguide-map .floor-mmenu.display-on { color: #cc0000;}
.floorguide-map .box { font-size: 13px;}
.floorguide-map .box .text { margin-bottom: 20px; text-align: left;}
.floorguide-map .box .text ol,
.floorguide-map .box .text ul { display: flex;box-direction:normal;box-orient:horizontal;flex-direction:row;flex-wrap: wrap;box-sizing: border-box;margin-left: -2.33%;counter-reset:number;list-style:none;}
.floorguide-map .box .text ol li,
.floorguide-map .box .text ul li { margin-left: 2.33%;width: 100%;max-width: 47.67%;line-height: 1.7em;}
.floorguide-map .box .text ol li:nth-child(n+3),
.floorguide-map .box .text ul li:nth-child(n+3){margin-top:10px;}
.floorguide-map .box .text ol li:before,
.floorguide-map .box .text ul li span {
	counter-increment: number;
	content: counter(number);
	background: rgba(0,169,201,1);
	display: inline-block;
	width: 1.7em;
	height: 1.7em;
	text-align: center;
	border-radius: 20%;
	color: #fff;
	margin-right: .5em;
}
.floorguide-map .box .map { box-sizing: border-box;}
.floorguide-map .box .map .block {position: relative;}
.floorguide-map .box .map .block img { width: auto; max-width: 100%; z-index: 10;}
.floorguide-map .box .map .floor-mmenu {
	position: absolute;
	top:0;
	left:0;
	z-index: 1000;
	width:24px;
	background: #666;
	color: #fff;
	line-height: 1;
	padding: 4px 0 3px 0;
}
.floorguide-map .box .map .floor-mmenu:after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	bottom: -10px;
	left: 5px;
	border-style: solid;
	border-color: #666 transparent transparent transparent;
	border-width: 10px 7px 0 7px;
	z-index: 1;
}
.floorguide-map .box .map .floor-mmenu.display-on {background: #00a9c9;}
.floorguide-map .box .map .floor-mmenu.display-on:after {border-color: #00a9c9 transparent transparent transparent;}

#floor-force.floorguide-map .box .text ol li:before,
#floor-force.floorguide-map .box .text ul li span {background: #c13342;}
#floor-force.floorguide-map .box .map .floor-mmenu.display-on {background: #c13342;}
#floor-force.floorguide-map .box .map .floor-mmenu.display-on:after {border-color: #c13342 transparent transparent transparent;}
#floor-force.floorguide-map .box .map .floor-mmenu.active {background: #c13342;}
#floor-force.floorguide-map .box .map .floor-mmenu.active:after {border-color: #c13342 transparent transparent transparent;}
#floor-sound.floorguide-map .box .text ol li:before {background: #ec6b2e;}
#floor-sound.floorguide-map .box .map .floor-mmenu.display-on {background: #ec6b2e;}
#floor-sound.floorguide-map .box .map .floor-mmenu.display-on:after {border-color: #ec6b2e transparent transparent transparent;}
#floor-sound.floorguide-map .box .map .floor-mmenu.active {background: #ec6b2e;}
#floor-sound.floorguide-map .box .map .floor-mmenu.active:after {border-color: #ec6b2e transparent transparent transparent;}
#floor-light.floorguide-map .box .text ol li:before {background: #fac53e;}
#floor-light.floorguide-map .box .map .floor-mmenu.display-on {background: #fac53e;}
#floor-light.floorguide-map .box .map .floor-mmenu.display-on:after {border-color: #fac53e transparent transparent transparent;}
#floor-light.floorguide-map .box .map .floor-mmenu.active {background: #fac53e;}
#floor-light.floorguide-map .box .map .floor-mmenu.active:after {border-color: #fac53e transparent transparent transparent;}
#floor-nature.floorguide-map .box .text ol li:before {background: #8faf29;}
#floor-nature.floorguide-map .box .map .floor-mmenu.display-on {background: #8faf29;}
#floor-nature.floorguide-map .box .map .floor-mmenu.display-on:after {border-color: #8faf29 transparent transparent transparent;}
#floor-nature.floorguide-map .box .map .floor-mmenu.active {background: #8faf29;}
#floor-nature.floorguide-map .box .map .floor-mmenu.active:after {border-color: #8faf29 transparent transparent transparent;}
#floor-space.floorguide-map .box .text ol li:before {background: #104390;}
#floor-space.floorguide-map .box .map .floor-mmenu.display-on {background: #104390;}
#floor-space.floorguide-map .box .map .floor-mmenu.display-on:after {border-color: #104390 transparent transparent transparent;}
#floor-space.floorguide-map .box .map .floor-mmenu.active {background: #104390;}
#floor-space.floorguide-map .box .map .floor-mmenu.active:after {border-color: #104390 transparent transparent transparent;}


.floorguide-map .box .map .floor-mmenu.f1001 {top:47%;left: 37%;}
.floorguide-map .box .map .floor-mmenu.f1002 {top:56%;left: 49%;}
.floorguide-map .box .map .floor-mmenu.f1003 {top:69%;left: 55%;}
.floorguide-map .box .map .floor-mmenu.f1004 {top:58%;left: 43%;}
.floorguide-map .box .map .floor-mmenu.f1005 {top:53%;left: 57%;}
.floorguide-map .box .map .floor-mmenu.f1006 {top:73%;left: 48%;}
.floorguide-map .box .map .floor-mmenu.f1007 {top:73%;left: 41%;}
.floorguide-map .box .map .floor-mmenu.f1008 {top:72%;left: 32%;}
.floorguide-map .box .map .floor-mmenu.f1009 {top:85%;left: 44%;}
.floorguide-map .box .map .floor-mmenu.f1010 {top:83%;left: 52%;}
.floorguide-map .box .map .floor-mmenu.f1011 {top:75%;left: 60%;}
.floorguide-map .box .map .floor-mmenu.f1012 {top:42%;left: 50%;}
.floorguide-map .box .map .floor-mmenu.f2001 {top:70%;left: 80%;}
.floorguide-map .box .map .floor-mmenu.f2002 {top:30%;left: 81%;}
.floorguide-map .box .map .floor-mmenu.f2003 {top:37%;left: 73%;}
.floorguide-map .box .map .floor-mmenu.f2004 {top:49%;left: 69%;}
.floorguide-map .box .map .floor-mmenu.f2005 {top:45%;left: 80%;}
.floorguide-map .box .map .floor-mmenu.f2006 {top:38%;left: 66%;}
.floorguide-map .box .map .floor-mmenu.f2007 {top:44%;left: 63%;}
.floorguide-map .box .map .floor-mmenu.f2008 {top:73%;left: 69%;}
.floorguide-map .box .map .floor-mmenu.f2009 {top:82%;left: 73%;}
.floorguide-map .box .map .floor-mmenu.f2010 {top:90%;left: 70%;}
.floorguide-map .box .map .floor-mmenu.f2011 {top:58%;left: 58%;}
.floorguide-map .box .map .floor-mmenu.f2012 {top:61%;left: 71%;}
.floorguide-map .box .map .floor-mmenu.f2013 {top:70%;left: 61%;}
.floorguide-map .box .map .floor-mmenu.f2014 {top:61%;left: 66%;}
.floorguide-map .box .map .floor-mmenu.f2015 {top:52%;left: 73%;}
.floorguide-map .box .map .floor-mmenu.f2016 {top:53%;left: 62%;}
.floorguide-map .box .map .floor-mmenu.f2017 {top:86%;left: 63%;}
.floorguide-map .box .map .floor-mmenu.f2018 {top:54%;left: 92%;}
.floorguide-map .box .map .floor-mmenu.f2019 {top:36%;left: 92%;}
.floorguide-map .box .map .floor-mmenu.f2020 {top:18%;left: 45%;}
.floorguide-map .box .map .floor-mmenu.f2021 {top:14%;left: 51%;}
.floorguide-map .box .map .floor-mmenu.f2022 {top:8%;left: 56%;}
.floorguide-map .box .map .floor-mmenu.f3001 {top:26%;left: 79%;}
.floorguide-map .box .map .floor-mmenu.f3002 {top:24%;left: 85%;}
.floorguide-map .box .map .floor-mmenu.f3003 {top:24%;left: 68%;}
.floorguide-map .box .map .floor-mmenu.f3004 {top:37%;left: 74%;}
.floorguide-map .box .map .floor-mmenu.f3005 {top:45%;left: 72%;}
.floorguide-map .box .map .floor-mmenu.f3006 {top:54%;left: 73%;}
.floorguide-map .box .map .floor-mmenu.f3007 {top:63%;left: 74%;}
.floorguide-map .box .map .floor-mmenu.f3008 {top:60%;left: 81%;}
.floorguide-map .box .map .floor-mmenu.f3009 {top:46%;left: 81%;}
.floorguide-map .box .map .floor-mmenu.f3010 {top:36%;left: 84%;}
.floorguide-map .box .map .floor-mmenu.f3011 {top:33%;left: 91%;}
.floorguide-map .box .map .floor-mmenu.f3012 {top:23%;left: 91%;}
.floorguide-map .box .map .floor-mmenu.f3013 {top:14%;left: 61%;}
.floorguide-map .box .map .floor-mmenu.f3014 {top:2%;left: 71%;}

.principleforce .floorguide-map .box .map .floor-mmenu.display-on.f3013 + div {background: #c13342;}
.principleforce .floorguide-map .box .map .floor-mmenu.display-on.f3013 + div:after {border-color: #c13342 transparent transparent transparent;}

.floorguide-map .box .map .floor-mmenu.f3015 {top:5%;left: 78%;}
.floorguide-map .box .map .floor-mmenu.f3016 {top:1%;left: 84%;}
.floorguide-map .box .map .floor-mmenu.f3017 {top:0%;left: 89%;}

.principleforce .floorguide-map .box .map .floor-mmenu.display-on.f3016 + div {background: #c13342;}
.principleforce .floorguide-map .box .map .floor-mmenu.display-on.f3016 + div:after {border-color: #c13342 transparent transparent transparent;}

.floorguide-map .box .map .floor-mmenu.f3018 {top:20%;left: 54%;}
.floorguide-map .box .map .floor-mmenu.f3019 {top:25%;left: 58%;}
.floorguide-map .box .map .floor-mmenu.f3020 {top:30%;left: 62%;}
.floorguide-map .box .map .floor-mmenu.f4001 {top:30%;left: 36%;}
.floorguide-map .box .map .floor-mmenu.f4002 {top:18%;left: 36%;}
.floorguide-map .box .map .floor-mmenu.f4003 {top:22%;left: 47%;}
.floorguide-map .box .map .floor-mmenu.f4004 {top:5%;left: 49%;}
.floorguide-map .box .map .floor-mmenu.f4005 {top:-2%;left: 40%;}
.floorguide-map .box .map .floor-mmenu.f4006 {top:-2%;left: 34%;}
.floorguide-map .box .map .floor-mmenu.f4007 {top:-2%;left: 27%;}
.floorguide-map .box .map .floor-mmenu.f4008 {top:4%;left: 16%;}
.floorguide-map .box .map .floor-mmenu.f4009 {top:38%;left: 50%;}
.floorguide-map .box .map .floor-mmenu.f4010 {top:39%;left: 31%;}
.floorguide-map .box .map .floor-mmenu.f4011 {top:42%;left: 16%;}
.floorguide-map .box .map .floor-mmenu.f4012 {top:17%;left: 17%;}
.floorguide-map .box .map .floor-mmenu.f4013 {top:31%;left: 17%;}
.floorguide-map .box .map .floor-mmenu.f4014 {top:22%;left: 61%;}
.floorguide-map .box .map .floor-mmenu.f4015 {top:18%;left: 67%;}
.floorguide-map .box .map .floor-mmenu.f4016 {top:23%;left: 5%;}
.floorguide-map .box .map .floor-mmenu.f4017 {top:24%;left: 26%;}
.floorguide-map .box .map .floor-mmenu.f4018 {top:11%;left: 5%;}
.floorguide-map .box .map .floor-mmenu.f4019 {top:55%;left: 63%;}
.floorguide-map .box .map .floor-mmenu.f4020 {top:42%;left: 67%;}
.floorguide-map .box .map .floor-mmenu.f4021 {top:31%;left: 73%;}
.floorguide-map .box .map .floor-mmenu.f5001 {top:67%;left: 44%;}
.floorguide-map .box .map .floor-mmenu.f5002 {top:50%;left: 30%;}
.floorguide-map .box .map .floor-mmenu.f5003 {top:40%;left: 28%;}
.floorguide-map .box .map .floor-mmenu.f5004 {top:29%;left: 23%;}
.floorguide-map .box .map .floor-mmenu.f5005 {top:77%;left: 59%;}

@media only screen and (min-width: 415px) {
.floorguide-map .box .map { padding: 10px; border: 1px solid #ccc;}
}

@media only screen and (min-width: 768px) {
.floorguide-map .box { font-size: 100%;}
.floorguide-map .box .map {  padding: 20px;font-size: 13px;}
}

@media only screen and (min-width: 980px) {
.floorguide-map .box { display: flex;box-direction:normal;box-orient:horizontal;flex-direction:row;flex-wrap: wrap;box-sizing: border-box;margin-left: -2.33% !important;}
.floorguide-map .box .text { margin-bottom: 0; margin-left: 2.33%;width: 100%;max-width: 42.67%;}
.floorguide-map .box .map { margin-left: 2.33%;width: 100%;max-width: 52.67%; padding: 15px;}
}


/* フロアガイド　孫ページ
----------------------------------------------------------- */
.floorguide-p-mv { position: relative; height: 480px; margin: 0 auto;  background:  url("../images/floorguide_mv.jpg") no-repeat center 50%; background-size: cover; }
.floorguide-p-title-area { position: absolute; bottom: 0; right: 0; left: 0; width: 100%; height: 70px; margin: 0 auto;  text-align: center; background-color: rgba(0,169,201,0.70);}
.floorguide-p-title-area.science-park { background-color: rgba(75,117,38,0.9);}
.floorguide-p-title-area.corner-force { background-color: rgba(193,51,66,0.9);}
.floorguide-p-title-area.corner-nature { background-color: rgba(143,175,41,0.9);}
.floorguide-p-title-area.corner-sound { background-color: rgba(236,107,46,0.9);}
.floorguide-p-title-area.corner-light { background-color: rgba(250,197,67,0.9);}
.floorguide-p-title-area.corner-space { background-color: rgba(16,67,144,0.9);}
.floorguide-p-title-area.corner-technic { background-color: rgba(164,168,170,0.9);}
.floorguide-p-title-area.other { background-color: rgba(165,124,82,0.9);}

.floorguide-p-title { width: 94%; max-width: 1200px; text-align:center; font-size: 26px; font-weight: bold; line-height: 70px; color: #fff; margin:0 auto; padding:0; } 

.floorguide-p-mtxt-area { position: relative; background-color: rgba(204,204,204,0.45); margin: 0 auto 60px auto; padding: 0; border-bottom: 1px solid #E0E0E0;}

.floorguide-p-mtxt { position: relative; width: 94%; max-width: 1200px; height: auto; margin: 0 auto; padding: 35px 0 25px 0; text-align: left; }
.floorguide-p-mtxt .catch { font-weight: bold; text-align: left; padding:0; font-size: 28px; color: #009DB2; margin-bottom: 0.5em;line-height: 1.6em;}
.floorguide-p-mtxt p { margin: 0; padding:0; font-size: 18px;}
.floorguide-p-mtxt p + p,
.floorguide-p-mtxt p + ul {margin-top:15px;}
@media only screen and (min-width: 769px) {
	.floorguide-p-title-area {background-color: rgba(0,157,178,0.90);}
	.floorguide-p-mtxt-area { position: relative; background: rgba(204,204,204,0.45) url("../parts/floorguide_p_mtxt_bg.png") no-repeat center -10px;}
    .floorguide-p-mtxt-area.science-park { background-image: url("../parts/floorguide_sciencepark_p_mtxt_bg.png");}
	.floorguide-p-mtxt-area.corner-force { background-image: url("../parts/floorguide_cornerforce_p_mtxt_bg.png");}
	.floorguide-p-mtxt-area.corner-nature { background-image: url("../parts/floorguide_cornernature_p_mtxt_bg.png");}
	.floorguide-p-mtxt-area.corner-light { background-image: url("../parts/floorguide_cornerlight_p_mtxt_bg.png");}
	.floorguide-p-mtxt-area.corner-space { background-image: url("../parts/floorguide_cornerspace_p_mtxt_bg.png");}
	.floorguide-p-mtxt-area.corner-technic { background-image: url("../parts/floorguide_cornertechnic_p_mtxt_bg.png");}
	.floorguide-p-mtxt-area.other { background-image: url("../parts/floorguide_other_p_mtxt_bg.png");}
	.floorguide-p-mtxt-area.corner-sound { background-image: url("../parts/floorguide_cornersound_p_mtxt_bg.png");}
}
@media only screen and (max-width: 768px) {
	.floorguide-p-mv { position: relative; height: 370px; margin: 0 auto; background:  url("../images/floorguide_mv.jpg") no-repeat center 50%; background-size: cover; }
    .floorguide-p-title-area { background-size: auto 60px; height: auto;}
    .floorguide-p-title { text-align: center; font-size: 18px; padding:15px 0; line-height: 1.8em;} 
    .floorguide-p-mtxt { height: auto; padding: 15px 0;}
    .floorguide-p-mtxt .catch {font-size: 18px; padding:0;}
    .floorguide-p-mtxt p { font-size: 13px; padding:0;}
	.floorguide-p-mtxt p + p,
	.floorguide-p-mtxt p + ul {margin-top:10px;}
}
@media only screen and (max-width: 414px) {
	.floorguide-p-mv { position: relative; height: 190px; margin: 0 auto; background:  url("../images/floorguide_mv.jpg") no-repeat center top; background-size: cover; }
    .floorguide-p-title-area { background-size: auto 50px;}
    .floorguide-p-title { text-align: center; font-size: 16px; padding:12px 0;} 
    .floorguide-p-mtxt .catch {font-size: 16px; padding:0;}
    .floorguide-p-mtxt p { padding:0;}
}

/* フロアガイド　トップページ
----------------------------------------------------------- */
#page-floorguide {}
#page-floorguide h4 { font-size:20px; font-weight: bold; margin-bottom: 0.5em; text-align: left;}
#page-floorguide .info-zone {;margin-top: 15px; background: rgba(150,150,150,0.15); padding: 1.5em;}
#page-floorguide .info-zone ul { display: flex;flex-wrap: wrap;margin-left: -1.03%;}
#page-floorguide .info-zone ul li { width:100%;max-width:23.97%; margin-left: 1.03%;}
#page-floorguide .info-zone ul li a.btn-bl { display: block; margin: 0 auto; padding: 1.2em; font-weight: 600;}
#page-floorguide .info-zone ul li.nature a.btn-bl {background: #8faf29;}
#page-floorguide .info-zone ul li.other a.btn-bl {background: #a57c52;}
#page-floorguide .info-zone ul li.force a.btn-bl {background: #c13342;}
#page-floorguide .info-zone ul li.sound a.btn-bl {background: #ec6b2e;}
#page-floorguide .info-zone ul li.light a.btn-bl {background: #fac53e;}
#page-floorguide .info-zone ul li.space a.btn-bl {background: #104390;}

#page-floorguide .info-zone ul li.planetarium {max-width:35%;}
#page-floorguide .info-zone ul li.planetarium a.btn-bl {background: #000;}

#page-floorguide .info-zone ul li a:hover.btn-bl { background: #00A9C9;color: #fff;}
#page-floorguide .info-zone ul li a:hover.btn-bl::after {border-right: 8px solid #fff;}



@media only screen and (max-width:768px) {	
    #page-floorguide .info-zone ul li { max-width: 32.00333333%; margin-top: 0.3em;}
}

@media only screen and (max-width:415px) {	
    #page-floorguide .info-zone ul li { max-width: 48.67%}
	#page-floorguide #page-title { height: 90px;}
	.page-gp-floorguide #page-title { height: 90px;}
	#page-floorguide nav.side-sp-cont { top: 90px;}
}



/* ===================================================================
 原理解説(ベースステーション横タブレット用)
=================================================================== */
.principle-block .floorguide-map { text-align: center;}
.principle-block .floorguide-list { text-align: center;}
.principle-block h3 {margin: 0 auto 1.5em auto; }

.principle-block .floorguide-map .box .text { margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #f0f0f0;}
.principle-block .floorguide-map .box .text ol li { line-height: 1.5em;}
.principle-block .floorguide-map .box .map { padding: 0 10%; border: none;}

.principle-block .floorguide-list ul.force li .floor-name { background-color: rgba(193,51,66,0.9);}
.principle-block .floorguide-list ul.nature li .floor-name { background-color: rgba(143,175,41,0.9);}
.principle-block .floorguide-list ul.sound li .floor-name { background-color: rgba(236,107,46,0.9);}
.principle-block .floorguide-list ul.light li .floor-name { background-color: rgba(250,197,67,0.9);}
.principle-block .floorguide-list ul.space li .floor-name { background-color: rgba(16,67,144,0.9);}
.principle-block .floorguide-list ul.other li .floor-name { background-color: rgba(165,124,82,0.9);}
.principle-block .floorguide-list ul.planetariumdome li .floor-name { background-color: rgba(0,0,0,0.9);}

@media only screen and (min-width: 769px) {
	.principle-block .floorguide-map .box .text { margin: 25px 0 0 0; padding: 25px 0 0 0;}
	.principle-block .floorguide-map .box .text ol li,
	.principle-block .floorguide-map .box .text ul li { max-width: 31.0033%;}
	.principle-block .floorguide-map .box .text ol li:before,
	.principle-block .floorguide-map .box .text ul li:before {font-size: 12px;}
	.principle-block .floorguide-map .box .text ol li:nth-child(n+3),
	.principle-block .floorguide-map .box .text ul li:nth-child(n+3) { margin-top: 0;}
	.principle-block .floorguide-map .box .text ol li:nth-child(n+4),
	.principle-block .floorguide-map .box .text ul li:nth-child(n+4) { margin-top: 7px;}
	.principle-block .floorguide-map .box .map { padding: 0 17%;}
}

@media only screen and (min-width: 980px) {
	.principle-block .floorguide-map .box {margin-left: 0 !important;display: block;}
	.principle-block .floorguide-map .box .map { max-width: 700px;margin: 0 auto; padding: 0;}
	.principle-block .floorguide-map .box .text { max-width: 100%;margin-left: 0;}
}
@media only screen and (max-width: 360px) {

}

/* 原理解説　トップページ
----------------------------------------------------------- */
#page-principleguide {}
#page-principleguide h4 { font-size:20px; font-weight: bold; margin-bottom: 0.5em; text-align: left;}
#page-principleguide .info-zone {;margin-top: 15px; background: rgba(150,150,150,0.15); padding: 1.5em;}
#page-principleguide .info-zone ul { display: flex;flex-wrap: wrap;margin-left: -1.03%;}
#page-principleguide .info-zone ul li { width:100%;max-width:23.97%; margin-left: 1.03%;}
#page-principleguide .info-zone ul li a.btn-bl { display: block; margin: 0 auto; padding: 1.2em; font-weight: 600;}
#page-principleguide .info-zone ul li.nature a.btn-bl {background: #8faf29;}
#page-principleguide .info-zone ul li.other a.btn-bl {background: #a57c52;}
#page-principleguide .info-zone ul li.force a.btn-bl {background: #c13342;}
#page-principleguide .info-zone ul li.sound a.btn-bl {background: #ec6b2e;}
#page-principleguide .info-zone ul li.light a.btn-bl {background: #fac53e;}
#page-principleguide .info-zone ul li.space a.btn-bl {background: #104390;}

#page-principleguide .info-zone ul li.planetarium {max-width:35%;}
#page-principleguide .info-zone ul li.planetarium a.btn-bl {background: #000;}

#page-principleguide .info-zone ul li a:hover.btn-bl { background: #00A9C9;color: #fff;}
#page-principleguide .info-zone ul li a:hover.btn-bl::after {border-right: 8px solid #fff;}

.archive.tax-zone #eop .event-back-bt {
    margin: -30px auto 40px auto;
}
.archive.tax-zone .event-back-bt .btn-gr {
    float: right;
    margin: 0 auto;
    width: 240px;
}
@media only screen and (max-width:768px) {	
    #page-principleguide .info-zone ul li { max-width: 32.00333333%; margin-top: 0.3em;}
}

@media only screen and (max-width:415px) {	
    #page-principleguide .info-zone ul li { max-width: 48.67%}
	#page-principleguide #page-title { height: 90px;}
	#page-principleguide nav.side-sp-cont { top: 90px;}
}

/* ===================================================================
 プラネタリウム
=================================================================== */

#planetarium  { margin: 0 auto; }
#planetarium .btn-bl { float: right; }

@media only screen and (max-width: 768px) {
	#planetarium .btn-bl { float: none; width: 100%; }
}

/* ===================================================================
 プラネタリウム　詳細POST
=================================================================== */

.planetarium-back-bt { clear: both; width: 94%; max-width: 1200px; margin: 0 auto 50px auto;}
.planetarium-back-bt:after { content:" "; display:block; clear:both;}
.planetarium-back-bt .btn-gr { float: left; }

.planetarium { clear: both; width: 94%; max-width: 1200px; margin: 0 auto; }
.planetarium-content { margin-bottom: 50px;}
.planetarium-content:after { content:" "; display:block; clear:both;}
.planetarium .photo { float: right; width: 45%;}
.planetarium .txt { float: left; width: 52%;}
.planetarium .txt h2 { font-size: 32px; margin-bottom: 1em; font-weight: bold; line-height: 1.4;}
.planetarium .txt .mark { margin-bottom: 30px;}
.planetarium .txt p { width: 88%; font-size: 15px;}

.planetarium table.planetarium-data { border-collapse:  collapse; width: 100%; margin-bottom: 30px; background: #fff;}
.planetarium-data tr:nth-child(even) { background-color: #F5F5F5;}
.planetarium-data th { width: 16.5%; text-align: left; font-weight: bold;}
.planetarium-data th,
.planetarium-data td { padding: 10px; border: 1px solid #ccc; font-size: 15px;}

.planetarium-attention { margin-bottom: 50px;}
.planetarium-attention h3 {font-size: 15px; font-weight: bold; background: url("../parts/ico_attention.png") no-repeat left top; padding: 2px 0 0 28px; margin-bottom: 0.6em;}
.planetarium-attention p { margin-bottom: 0.2em; font-size: 12px; }

.planetarium-support { background: #F0F0F0; margin-bottom: 60px; padding: 50px 40px 40px 40px; font-size: 15px; color: #666; }
.planetarium-support p { margin-bottom: 0.5em; }

@media only screen and (max-width: 768px) {
	.planetarium-content { margin-bottom: 30px;}
	.planetarium-back-bt { display: none; }
    .planetarium .photo { float: none; width: 100%; text-align: center;}
    .planetarium .txt { float: none; width: 100%;} 
    .planetarium .txt h2 { font-size: 18px; }
    .planetarium .txt p { width: 100%; font-size: 13px;}
    .planetarium-data th,
    .planetarium-data td { font-size: 13px;}
    .planetarium-attention { margin-bottom: 20px;}
    .planetarium-support { padding: 15px 15px 5px 15px; margin-bottom: 30px; font-size: 13px;}
}

@media only screen and (max-width: 414px) {
	table.planetarium-data { margin: 0 auto; border: 1px solid #ccc; border-top: none;}
	table.planetarium-data tr { display:block; }
	table.planetarium-data th { display:block; width: 100%; border: none;  padding-bottom: 5px; border-top: 1px solid #ccc; }
	table.planetarium-data td { width: 90%; margin-left: 10%; padding-top: 5px; border: none; }
}


/* ===================================================================
 イベント・講座情報
=================================================================== */

#event-exhibition-area { background-color: rgba(231,245,248, 0.9); padding-top: 20px; margin-bottom: 60px; margin-top: -60px; }
#event-exhibition-area{display:block;}
#event-exhibition, #special-event { width: 94%; max-width: 1200px; margin: 0 auto; padding-bottom:60px;  }
#event-exhibition .btn-bl, #special-event .btn-bl { width: 100%; }

#event-exhibition .event-box:hover {background: #ffff00;}
#event-exhibition .event-box:hover .btn-bl {background: #000;}
#event-exhibition .event-box .btn-bl:hover {background: #000; color: #fff;}
#event-exhibition .event-box .btn-bl:hover::after { border-right: 12px solid #fff; }

#special-event .special-event-box 
#special-event .special-event-box:hover {background: #ffff00;}
#special-event .special-event-box:hover .btn-bl {background: #000;}
#special-event .special-event-box .btn-bl:hover {background: #000; color: #fff;}
#special-event .special-event-box .btn-bl:hover::after { border-right: 12px solid #fff; }

#event-science-area { background-color: rgba(204,204,204,0.45); padding-top: 60px; margin-bottom: 60px;}
#event-science-area:after { content:" "; display:block; clear:both;}
#event-science { width: 94%; max-width: 1200px; margin: 0 auto; padding-bottom: 30px;}

#event-program { width: 94%; max-width: 1200px; margin: 0 auto; padding-bottom: 30px;}

/* イベント・備考の説明 */
.mark-box { width: 94%; max-width: 1200px; margin:0 auto 60px auto; background:#FFF; padding: 25px 0 5px 0; -webkit-box-shadow: 1px 1px 3px 0 #BFBFBF; -moz-box-shadow: 1px 1px 3px 0 #BFBFBF; box-shadow: 1px 1px 3px 0 #BFBFBF; }
.mark-box:after { content:" "; display:block; clear:both;}
.mark-box ul { width: 100%; list-style-type: none;}
 
 /* マーク --------------------------*/
.mark-box ul li { display:inline-block; width:30%; height:auto !important; margin:0 0.5% 10px 0.5%; color:#000; font-size:12px;}
.mark-box ul li span { width:80px; margin: 0 10px 0 0; display: inline-block; font-size: 11px; font-weight: bold; text-align: center; padding: 4px 5px 3px 5px; line-height: 1; color: #009FBD; background: #FFF; border: 1px solid #009FBD; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}

@media only screen and (max-width: 768px) {
    .mark-box ul li { width:46%; margin:0 1% 0 1%; min-height: 4em;}
    .mark-box ul li span { display:block; margin-bottom:5px;}
}

@media only screen and (max-width: 414px) {
    .mark-box ul li { width:100%; margin:0 0 0.5em 0;}
}

/* ページ内ナビゲーションボタン */
.page-link-area { background-color: rgba(204,204,204,0.45); padding: 60px 0 30px 0; text-align: center;}
.single-event .page-link-area { background:none; padding: 0 0 30px 0;}
.page-link-area h4 { max-width: 94%; margin: 0 auto;}
.page-link { width: 94%; max-width: 1200px; margin: 0 auto; }
.page-link .btn-bl { width:48%; font-size: 20px; margin-bottom: 30px; padding: 1em 0.5em 0.9em 0.5em; }
.page-link .btn-bl img { margin-top: -3px; margin-right: 5px; }
.page-link .btn-bl i { font-size: 1.3em; margin-top: 1px;  }
.page-link a.btn-bl[href$=".pdf"]::before { content: "\f1c1"; font-family: 'Font Awesome 5 Free'; display: none;}

@media only screen and (max-width: 768px) {
    .page-link .btn-bl { font-size: 13px; margin-bottom: 10px; }
    .page-link .btn-bl img { width: 20px; }
}

@media only screen and (min-width: 415px) {
    .page-link-area .sp { display: none;}
    .single-event .page-link-area {padding: 0 0 30px 0;} 
    .page-link { display:-webkit-box; display:-ms-flexbox; -js-display: flex; display: flex;
      -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
      -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
      justify-content: space-between;} 
}

@media only screen and (max-width: 414px) {
    .page-link-area .pc { display: none;}
    .page-link .btn-bl { width:100%; margin-bottom: 5px; }
}

/* ===================================================================
 イベント・講座情報　詳細POST
=================================================================== */

.event-back-bt { clear: both; width: 94%; max-width: 1200px; margin: 0 auto 50px auto;}
.event-back-bt:after { content:" "; display:block; clear:both;}
.event-back-bt .btn-gr { float: left; }

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

.event .photo { float: right; width: 45%;}
.event .txt { float: left; width: 52%;}
.event .txt h2 { font-size: 32px; font-weight: bold; line-height: 1.4;}
.event .txt .mark { margin-bottom: 30px;}
.event .txt p { width: 88%; font-size: 15px;}

.event table.event-data { border-collapse:  collapse; width: 100%; margin-bottom: 30px; background: #fff;}
.event-data tr:nth-child(even) { background-color: #F5F5F5;}
.event-data th { width: 16.5%; text-align: left; font-weight: bold;}
.event-data th,
.event-data td { padding: 10px; border: 1px solid #ccc; }
.event-data td .event-floormap-btn .btn-bl { font-size: 13px; width: 150px; padding: 0.7em 2em 0.5em 2em;  }

.event-attention { margin-bottom: 40px; }
.event-attention h3 {font-size: 15px; font-weight: bold; background: url("../parts/ico_attention.png") no-repeat left top; padding: 2px 0 0 28px; margin-bottom: 0.6em;}
.event-attention p { margin-bottom: 0.2em; font-size: 12px; }

.event-support { background: #F0F0F0; margin-bottom: 40px; padding: 50px 40px 40px 40px; font-size: 15px; color: #666; }
.event-support p { margin-bottom: 0.5em; }

.event-entrybt { text-align: center; margin-bottom: 60px;}
.event-entrybt .btn-bl { padding: 1em 3em 0.9em 3em;font-size: 26px;}

@media only screen and (max-width: 768px) {
    .event-entrybt .btn-bl { font-size: 15px;}
}

@media only screen and (max-width: 768px) {
	.event-content { margin-bottom: 30px;}
    .event-back-bt {display: none; }
    .event .photo { float: none; width: 100%; text-align: center;}
    .event .txt { float: none; width: 100%;} 
    .event .txt h2 { font-size: 18px;}
    .event .txt p { width: 100%; font-size: 13px; }
    .event-data th,
    .event-data td { font-size: 13px;}
    .event-attention { margin-bottom: 30px; }
	.event-support {  margin-bottom: 30px; padding: 15px 15px 5px 15px; font-size: 13px; }
    .event-entrybt { text-align: center; margin-bottom: 30px;}
}
@media only screen and (max-width: 414px) {
	table.event-data { margin: 0 auto; border: 1px solid #ccc; border-top: none;}
	table.event-data tr { display:block; }
	table.event-data th { display:block; width: 100%; border: none;  padding-bottom: 5px; border-top: 1px solid #ccc; }
	table.event-data td { width: 90%; margin-left: 10%; padding-top: 5px; border: none; }
}

/* modal
-------------------------- */
.modal-overlay { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 200001; background-color: rgba(0, 0, 0, .65);}
.modal-content { display: none; position: fixed; left: 50%; top: 50%; z-index:200002; transform: translate(-50%, -50%); width: 90%; max-width: 680px; box-sizing: border-box; padding: 30px; background-color: #fff;}
.modal-content p { font-size: 18px; font-weight: bold; margin: 0; }
.modal-content .event-floorname { font-size: 23px; font-weight: bold; color:#00A9C9; margin-bottom: 0.5em; line-height: 1.2; }
.active { display: block !important; animation-name: fadein; animation-duration: 1s;}
	@keyframes fadein {
	from { opacity: 0;}
	to { opacity: 1;}
	}
.modal-close { position: absolute; right: 0; top: 0; width: 90px; height: 90px;}

 @media only screen and (max-width: 768px) {
	.modal-content { padding: 15px; }
    .modal-content p{ font-size: 15px; }
    .modal-content .event-floorname { font-size: 18px; }
    .modal-close { width: 70px; height: 70px;}
}

 @media only screen and (max-width: 414px) {
	.modal-content p{ font-size: 12px; }
    .modal-content .event-floorname { font-size: 14px; }
    .modal-close { width: 50px; height: 50px;}
}

#event-relation-area { background-color: rgba(204,204,204,0.45); padding-top: 60px; margin-bottom: 60px;}
#event-relation-area:after { content:" "; display:block; clear:both;}
#event-relation { width: 94%; max-width: 1200px; margin: 0 auto; padding-bottom: 30px;}

 @media only screen and (max-width: 768px) {
	#event-relation-area { padding-top: 30px; margin-bottom: 30px;}
    #event-relation { padding-bottom: 10px;}
}

/* ===================================================================
  お知らせ　一覧
=================================================================== */

#news dl,#blog dl { clear:both; width: 100%; text-align: left; font-size: 14px; border-bottom:1px solid #E0E0E0; }
#news dt,#blog dt { clear: left; float: left; width: 10em; padding: 1.7em 0 0.7em 0; text-align: right; border-top:1px solid #E0E0E0; font-weight: bold;}
#news dt img,#blog dt img { float: left; padding-top: 2px; padding-right: 3px;}
#news dd,#blog dd { margin-left: 10em; padding: 1.7em 0 0.7em 5em; border-top:1px solid #E0E0E0; }
#news dd a,#blog dd a { text-decoration: underline;}
#news dd a:hover,#blog dd a:hover { text-decoration: none;}
#news dl:after, #news dt:after, #news dd:after,
#blog dl:after, #blog dt:after, #blog dd:after{ content:" "; display:block; clear:both;}

@media only screen and (max-width: 768px) {
    #news dl,#blog dl { padding-left:0; font-size: 12px; margin-bottom: 20px; }
    #news dt,#blog dt { padding: 15px 0 5px 0; }
    #news dd,#blog dd { padding: 15px 0 5px 5em; }
}

@media only screen and (max-width: 414px) {
    #news dt,#blog dt { clear: none; float: none; width: auto; text-align: left; padding: 15px 0 5px 0; }
    #news dd,#blog dd { margin-left: 0; padding: 0 0 10px 0; border-top:none; }
}

/* ===================================================================
  お知らせ　詳細
=================================================================== */
.news-back-bt,.blog-back-bt { /*float: right;*/ }
.news-back-bt:after,.blog-back-bt:after { content:" "; display:block; clear:both;}
.news-back-bt-sp,.blog-back-bt-sp {display: none;}

.news-back-bt .btn-gr { float: none!important;margin: 0 auto;width: 240px;}
.blog-back-bt .btn-gr { float: none!important;margin: 0 auto;width: 240px;}

#news-post,#blog-post { font-size:14px;}
#news-post .entry-header,#blog-post .entry-header { float: left; width: 60%;}
#news-post-section .entry-header { width: 100%; padding: 20px 40px; }
#news-post-section .entry-content { width: 100%; padding: 0 8% 8% 8%; }
#news-post-section .news-back-bt, #news-post-section .blog-back-bt { padding: 30px 0; }

.news-table tbody th { width: 220px; }
.news-note { background: #F0F0F0; padding: 1.5em 1.5em 0.5em 1.5em; }

#news-post .entry-txt section { margin: 0 0 2.5em 0;}
#news-post .entry-txt h4,
#blog-post .entry-txt h4 { margin: 0; text-align: left;font-weight: 600; font-size: 116%;}
#news-post .entry-txt p,
#blog-post .entry-txt p,
#news-post .entry-txt ul,
#blog-post .entry-txt ul { margin: 0;}
#news-post .entry-txt strong,
#blog-post .entry-txt strong { font-size: 138%;}
#news-post .entry-txt p + p,
#blog-post .entry-txt p + p { margin-top: 1.5em;}
#news-post .entry-txt p + ul,
#blog-post .entry-txt p + ul { margin-top: 0.8em;}

#news-post .entry-txt table,
#blog-post .entry-txt table { width: 102%; margin: 0 -5px; border-collapse: separate; border-spacing: 5px; text-align: left; font-size: 14px; line-height: 1.25;}
#news-post .entry-txt thead th,
#blog-post .entry-txt thead th { padding: 1em; background: #92cddd; font-weight: bold; text-align: left;}
#news-post .entry-txt thead th:last-child,
#blog-post .entry-txt thead th:last-child { border-right: 1px solid #dddddd;}
#news-post .entry-txt tbody th,
#blog-post .entry-txt tbody th { padding: 1em; vertical-align: top; color: #008DA0; font-weight: bold; text-align: left;}
#news-post .entry-txt tbody tr,
#blog-post .entry-txt tbody tr {background: #ebf4f7;}
#news-post .entry-txt tr:nth-child(even),
#blog-post .entry-txt tr:nth-child(even) { background: #d1e8f4;}
#news-post .entry-txt tbody td,
#blog-post .entry-txt tbody td { padding: 1em; vertical-align: top;}

#news-post .entry-txt table + p,
#blog-post .entry-txt table + p,
#news-post .entry-txt table + ul,
#blog-post .entry-txt table + ul,
#news-post .entry-txt p + table,
#blog-post .entry-txt p + table,
#news-post .entry-txt ul + table,
#blog-post .entry-txt ul + table {margin-top: 1.5em;}

#news-post .entry-txt table + h4,
#blog-post .entry-txt table + h4,
#news-post .entry-txt p + h4,
#blog-post .entry-txt p + h4,
#news-post .entry-txt ul + h4,
#blog-post .entry-txt ul + h4 {margin-top: 2em;}

#news-post .entry-txt a { text-decoration: none; line-height: 1.8; display: inline-block; text-decoration: underline;}
#news-post .entry-txt br + a { margin-top: 5px;}
#news-post .entry-txt a:visited,
#news-post .entry-txt a:active{ text-decoration: underline;}
#news-post .entry-txt a:hover { text-decoration: none;}


@media only screen and (max-width: 768px) {
    #news-post,
	#blog-post { font-size:13px;}
    #news-post .entry-header,
	#blog-post .entry-header { float: none; width: 100%; }
    .news-table tbody th { width: 170px; }
	#news-post tbody th,
	#blog-post tbody th { width: 170px;}
    .news-back-bt,
	.blog-back-bt {display: none;}
    .news-back-bt-sp,
	.blog-back-bt-sp {display: block; margin-bottom: 30px;}
	 .news-back-bt-sp .btn-gr,
	.blog-back-bt-sp .btn-gr {float:none!important; margin:0 auto!important;}
}

@media only screen and (max-width: 414px) {
    .news-table tbody th { width: 100%; }
	#news-post tbody th,
	#blog-post tbody th { width: 100%;}
}



/* ===================================================================
 共通ページ
=================================================================== */
.has-sidebar p { font-size: 14px;}
.has-sidebar .note { font-size: 13px; color: #555; text-align: left;}
.has-sidebar .note ul { padding-left:1.2em; }
.has-sidebar .note ul li { position: relative; margin-bottom: 0.2em;}
.has-sidebar .note ul li:before { content: "※"; position: absolute; left: -1.2em; }

@media only screen and (max-width: 768px) {
    .has-sidebar p {font-size: 13px;}
    .has-sidebar .note { font-size: 12px;}
}

.has-sidebar ol { list-style-type: decimal; margin: 0 0 0 1.5em; padding: 0;}
.has-sidebar ol li { text-align: left; font-size: 14px; }

/* テーブル .table-cmn ---------------------------------------- */
.table-cmn table *, .table-cmn table *:before, .table-cmn table *:after{ -webkit-box-sizing: border-box; box-sizing: border-box;}
.table-cmn table{ width: 102%; margin: 0 -5px 10px -5px; border-collapse: separate; border-spacing: 5px; text-align: left; font-size: 14px; line-height: 1.25;}
.table-cmn thead th{ padding: 1em; background: #92cddd; font-weight: bold; text-align: left;}
.table-cmn thead th:last-child{ border-right: 1px solid #dddddd;}
.table-cmn tbody th{ padding: 1em; vertical-align: top; color: #008DA0; font-weight: bold; text-align: left;}
.table-cmn tbody tr:last-child th {}
.table-cmn tbody tr{background: #ebf4f7;}
.table-cmn tr:nth-child(even){ background: #d1e8f4;}
.table-cmn tbody td{ padding: 1em; vertical-align: top;}
.table-cmn table p{ margin:0 0 0.35em 0; padding: 0;}

@media only screen and (max-width:768px) {
	.table-cmn table { font-size: 13px;}
}

@media only screen and (max-width:414px) {
	.table-cmn thead { display: none;}
	.table-cmn tbody th { display: block; padding: 0.5em 1em 0.5em 1em; }
	.table-cmn tbody th + th { display: block; padding: 0 1em 0.5em 1em; }
	.table-cmn tbody td { display: block; padding: 0 1em 0.5em 1em;}
	.table-cmn tbody td::before { font-weight: bold; padding: 0 1em 0 0; content: attr(label)" :"; float: left; } 
    .table-cmn #pre-form tbody td::before,
    .table-cmn .mw_wp_form tbody td::before,
    .table-cmn .entry-form-bg tbody td::before { content: none; padding: 0; } 
    .table-cmn tbody td.nodata {display: none;}
	.single-post .table-cmn tbody td { display: block; padding: 0 1em 1em 1em;}
	.single-post .table-cmn tbody td::before { content: none; } 
}

/* ===================================================================
 ご利用案内
=================================================================== */
#page-guide h4 {text-align: left; font-size: 18px; font-weight: 600;}
#page-guide strong { font-size: 16px;}

#page-guide table + h4 { margin-top: 40px; font-weight:bold;}


@media only screen and (min-width:415px) {
    #guide-planetarium table th,
    #guide-planetarium table td { font-size: 13px; padding: 1em 0.1em; text-align: center; vertical-align: middle; }
    #guide-planetarium table tbody td { width: 14.4%;}

    #guide-admission table th,
    #guide-admission table td { font-size: 13px; padding: 2em 0.1em; text-align: center; vertical-align: middle;}
	#guide-admission table tbody td { width:16.3%;}
	#page-lang-guide #guide-admission table tbody td { width: 13.4%;}
}

@media only screen and (max-width:414px) {
    #guide-planetarium table br,
    #guide-admission table br { display: none;}
	#page-guide h4 {text-align: left; font-size: 14px;}
	#page-guide table + h4 { margin-top: 25px;}
	.dantai-contents{background:#00a9c9; color:#fff!important; padding:15px!important; margin-bottom:15px;}
}

/* 年間パスポートのご案内
----------------------------------------------------------- */
#passport-special strong { font-size: 16px;}

@media only screen and (min-width:415px) {
    #passport-price table tbody td { width: 17%;}
}


/* 貸室のご案内
----------------------------------------------------------- */
#page-rental h4 {text-align: left; font-size: 18px; font-weight: 600;}
#page-rental strong { font-size: 16px;}

#page-rental table + h4 { margin-top: 40px;}
#page-rental #group-flow .group-flow-box p { margin: 0 0 1em;}

@media only screen and (min-width:415px) {
    #rental-info table tbody th { width: 15%;}
	#rental-info table tbody td { width: 17%;}
}


/* ===================================================================
 浜松科学館について
=================================================================== */
/* 名誉館長ごあいさつ
----------------------------------------------------------- */
#about-greeting .txt { float:left; width: 65%; }
#about-greeting .photo { float:right; width: 30%; }

@media only screen and (max-width:768px) {
	#about-greeting .txt,
    #about-greeting .photo { float:none; width: 100%;}
}

/* 浜松科学館について
----------------------------------------------------------- */
#page-about {}
#page-about #main ul { padding-left:1em; margin-bottom:1em;}
#page-about #main ul li { font-size: 14px; text-align: left; margin-bottom: 0.2em; list-style-type: disc;}
#page-about #main ul.concept {margin-bottom:2em;}
#page-about #main ul.concept li {font-weight: 600;margin-top: 1.8em;font-size: 15px;}
#page-about #main ul.concept li + li {margin-top: 0.8em;}
@media only screen and (max-width: 768px) {
    #page-about #main ul li {font-size: 13px;}
}

/* 浜松科学館 メンバーシップ
----------------------------------------------------------- */
#page-member {}
#page-member #mv {margin-bottom: 20px; padding-top: 44%; overflow: hidden;}
#page-member #mv .slick-prev, #page-member #mv .slick-next {display: none !important;}
#page-member .txt { float:left; width: 55%; }
#page-member .photo { float:right; width: 40%; }
#page-member strong {font-size: 16px;}
#page-member #about-ranksystem .box {background: #f0f0f0; text-align: left; padding: 25px;}
#page-member #about-ranksystem .box h4 {font-weight: 600;}
#page-member #about-ranksystem .box ul li {font-size: 93%;}
@media only screen and (max-width:768px) {
	#page-member .txt,
	#page-member .photo {float:none; width: 100%;}
	#page-member #about-ranksystem .box {padding: 15px;}
}

/* アプリ「コンパス」紹介
----------------------------------------------------------- */
#page-compass {}
#page-compass .box-app {background: rgba(224,224,224,0.6); text-align: center; padding: 25px;}
#page-compass .box-app h4 {font-weight: 600;margin-bottom: 15px;}
#page-compass .box-app ul {letter-spacing: -0.5em;}
#page-compass .box-app ul li { display: inline-block;letter-spacing: normal;margin: auto 20px;font-size: 93%; max-width: 40%;}
#page-compass .box-app ul li img { width: auto; max-width: 100%;}
#page-compass .box-app ul li a { display: block;margin-bottom: 10px;}
#page-compass .group-flow-box .box-app {padding: 0; margin-top: 30px;background: none;}
#page-compass .group-flow-box .box-app ul { float: none; width: auto;margin: auto;}
#page-compass .group-flow-box .box-app ul li { text-align: center;}
#page-compass .group-flow-box .box-app ul li a {padding: 0;}
#page-compass .group-flow-box .box-app ul li a::before {
	content: '';
	width: auto;
	height: auto;
	margin-top: 0;
	border: none;
	position: static;
	left: 0;
	top: 0;
}
#page-compass #group-flow .group-flow-box.flow3 {
	padding: 17px 0 0 0;
}
#page-compass #group-flow .group-flow-box.flow3 p img {
	width: auto;
	max-width: 70%;
	margin: 20px auto 0 auto;
}
#page-compass #about-compass ul {margin-bottom:2em; padding-left:1em; margin-bottom:1em;}
#page-compass #about-compass ul li {font-weight: 600;margin-top: 1.8em;font-size: 15px;text-align: left;list-style-type: disc;}
#page-compass #about-compass ul li + li {margin-top: 0.8em;}
@media only screen and (min-width: 415px) {
    #group-flow .group-flow-box .btn-row3 div{ box-sizing:border-box; width:31%;}
}
@media only screen and (max-width: 415px) {
    #page-compass .box-app ul li + li { margin-top: 20px;}
	#page-compass .box-app ul li {width: auto; max-width: 280px;}
	#group-flow .group-flow-box .btn-row3 div + div{ margin-top: 20px;}
	#page-compass #group-flow .group-flow-box.flow3 p img {
		max-width: 90%;
	}
}
@media only screen and (max-width: 768px) {
	#page-compass .box-app ul li {margin: auto 10px;}
    #page-compass #about-compass ul li {font-size: 13px;}
}
#page-party #mv .slick-prev, #page-party #mv .slick-next {display: none !important;}
#page-party .txt { float:left; width: 50%; }
#page-party .photo { float:right; width: 45%; }
#page-party strong {font-size: 16px;}
#page-party #about-ranksystem .box {background: #f0f0f0; text-align: left; padding: 25px;}
#page-party #about-ranksystem .box h4 {font-weight: 600;}
#page-party #about-ranksystem .box ul li {font-size: 93%;}


/* 会員ページログイン
----------------------------------------------------------- */
#page-introduction {}
#page-introduction #main .box { padding: 35px; background: #f0f0f0; border: #ccc 1px solid;}
#page-introduction #main ul { margin:0 auto 0.6em auto; display: inline-block;}
#page-introduction #main ul li { text-align: left;}
#page-introduction #main ul li input { width: 450px;}
#page-introduction #main ul li.center { text-align: center;}
#page-introduction #main ul li + li {margin-top: 2em;}
#page-introduction #main ul li a.btn-bl { padding-left: 10em; padding-right:10em;}
#page-introduction #main p {text-align: center; margin-bottom: 0;}
#page-introduction #main p a { color: #000; font-size: 93%;}
@media only screen and (max-width: 768px) {
	#page-introduction #main .box { padding: 30px;}
	#page-introduction #main ul {display: block;}
	#page-introduction #main ul li input { width: 100%;}
	#page-introduction #main ul li a.btn-bl { padding-left: 8em; padding-right:8em;}
}



/* ===================================================================
 学校・団体観覧
=================================================================== */
#page-group .site-main { text-align: center;}

#group-flow .group-flow-box { position: relative; background: #F0F0F0; border: 1px solid #ccc; padding: 17px 0 14px 0; margin-bottom: 25px; }
#group-flow .group-flow-box:after { content:" "; display:block; clear:both;}
#group-flow .group-flow-box .number { position: absolute; top: 0; left: 0;}
#group-flow .group-flow-box h4 { font-size:20px; font-weight: bold; margin-bottom: 0.7em;}
#group-flow .group-flow-box p { margin:0 6.5%; padding: 0; text-align: center;}

#group-flow .group-flow-box ul { clear: both; float: right; width:32.5%; margin: 0 0.8% 0 0; font-size: 14px; }
#group-flow .group-flow-box ul li { text-align: left;}
#group-flow .group-flow-box ul li a{ position: relative; padding-left: 10px;}
#group-flow .group-flow-box ul li a::before{ content: ''; width: 6px; height: 6px; margin-top:-3px;
 border: 0px; border-top: solid 2px #000; border-right: solid 2px #000; 
 -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
 position: absolute;  left:0; top:50%; }

#group-guide section {  margin-bottom: 40px;}
#group-worksheet h4,
#group-guide h4 { font-weight: bold; font-size: 18px; text-align: left; margin-bottom: 0.5em;}
#group-worksheet .note,
#group-guide .note{ font-size: 13px; color:#555; margin-bottom: 1em; text-align: left; }
#group-worksheet .btn-bl,
#group-guide .btn-bl { max-width: 90%; width: 340px; float: left;}

#group-flow .group-flow-box .btn-row3 { width: 95.6%; margin: 1em auto 0 auto;}
#group-flow .group-flow-box .btn-row3:after { content:" "; display:block; clear:both;}
#group-flow .group-flow-box .btn-row3 .btn-bl { padding-left: 0.5em; padding-right: 0.5em; }

@media only screen and (min-width: 415px) {
    #group-flow .group-flow-box .btn-row3{ display:-webkit-box; display:-ms-flexbox; display:flex;
    -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
    #group-flow .group-flow-box .btn-row3::after{ content:""; display: block; width:66%;}
    #group-flow .group-flow-box .btn-row3 .btn-bl{ box-sizing:border-box; width:32%;}
}

@media only screen and (max-width:768px) {	
    #group-flow .group-flow-box { margin-bottom: 15px; }
    #group-flow .flow4 { padding: 18px 0 11px 0; }
    #group-flow .group-flow-box p { margin-left: 3%; margin-right: 3%; text-align: center; font-size: 12px;}
    #group-flow .group-flow-box ul { font-size: 12px; }
    #group-flow .group-flow-box h4 { font-size: 16px; }
    
    #group-worksheet h4,
    #group-guide h4 { font-size: 16px; }
    #group-worksheet p,
    #group-guide p { font-size: 13px;}
    #group-worksheet .note,
    #group-guide .note { font-size: 12px; }
}

@media only screen and (max-width:414px) {
    #group-flow .group-flow-box p { margin-left: 10%; margin-right: 10%; text-align: center; font-size: 12px;}
    #group-flow .group-flow-box ul { clear: both; float: none; width: 206px; margin: 0 auto; }
    #group-flow .flow1 .btn-row3 .btn-bl { float: none; width: 206px; margin:0 auto 5px auto;}
    #group-flow .flow4 .btn-row3 .btn-bl { float: none; width: 206px; margin:0 auto; }
    #group-flow .group-flow-box .btn-row3 a.margin-no { margin-bottom: 10px; }
    #group-worksheet,
    #group-guide { text-align: center;}
    #group-worksheet .btn-bl,
    #group-guide .btn-bl { float: none; max-width: 90%; width: 300px; margin: 0 auto;}
}

/* ワークシート
----------------------------------------------------------- */
#page-download #group-download table td a object,
#page-download #group-download table td a img { width: 50px; height: 50px;}


/* 観覧料について
----------------------------------------------------------- */
#page-admission h4 {text-align: left; font-size: 18px; font-weight: 600;}
#page-admission strong { font-size: 16px;}

#page-admission table + h4 { margin-top: 40px;}
#page-admission #group-flow .group-flow-box p { margin: 0 0 1em;}

@media only screen and (min-width:415px) {
    #page-admission #admission-group table tbody td { width: 17%;}
}


/* 予約
----------------------------------------------------------- */
#page-entry h4 {text-align: left; font-size: 18px; font-weight: 600;}
#page-entry table + h4 { margin-top: 40px;}

@media only screen and (min-width:415px) {
    #page-entry table tbody td { }
}


/* 予約について
----------------------------------------------------------- */
#page-reserve section { clear: both; margin-bottom: 40px; text-align: center;}
#page-reserve section:after { content:" "; display:block; clear:both;}
#page-reserve section h4 { font-weight: bold; font-size: 17px; text-align: left; margin-bottom: 0.5em;}
#page-reserve .btn-bl { float: left; width: 37%; margin: 0 2% 0 0; }

#page-reserve .box {background: #f0f0f0; text-align: left; padding: 25px;}
#page-reserve .box h4 {font-weight: 600;}
#page-reserve .box p,
#page-reserve .box li {font-size: 108%;}
#page-reserve .box p strong a,
#page-reserve .box li strong a { font-weight: 600;}
#page-reserve .box a { text-decoration: underline;}
#page-reserve .box a:hover { text-decoration: none;}
@media only screen and (max-width:768px) {
	#page-reserve .box {padding: 15px;}
}


#reserve-web {}
#reserve-fax {}

@media only screen and (max-width:768px) {	
    #reserve-fax .btn-bl { float: left; width: 48%; margin: 0 2% 0 0; }
}

@media only screen and (max-width:414px) {
    #page-reserve section h4 { text-align: center;}
    #page-reserve .btn-bl { float: none; width: 90%; margin: 0 auto 14px auto; }	
}

/* 予約フォーム entry
----------------------------------------------------------- */
/* 学校・団体観覧料 */
.tabs { width: 100%; margin: 0 auto;}
/*タブのスタイル*/
.tab-item { position: relative; float: left; width:50%; /*width: calc(100%/2); */ height: 66px; margin: 0; font-size: 15px; border-bottom: 3px solid #555; background-color: #CCC; line-height: 66px; font-size: 16px; text-align: center; text-align: center; font-weight: bold; color: #000; display: block; transition: all 0.3s ease; cursor: pointer; }
.tab-item::before { content: ""; bottom: 5px; right: 5px; border-top: 12px solid transparent; border-right: 12px solid #000; position: absolute; z-index: 100;}
.tab-item:hover { background-color: #FFFF00; }
input[name="tab-item"] { display: none;}

/*タブ切り替えの中身のスタイル*/
.tab-content { display: none; padding:5px 0 0 0; clear: both; overflow: hidden;}

/*選択されているタブのコンテンツのみを表示*/
#tab-school:checked ~ #school-content,
#tab-group:checked ~ #group-content { display: block;}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab-item { background-color: #FFFF00; color: #000;}

#entry-admission .note { font-size: 13px; color: #555;}

#pre-form { margin-bottom: 60px;}
#pre-form th { width: 31%;}
#pre-form .note{ margin: 0 auto 10px auto; font-size: 13px; }

#entry-form-open { clear: both; width: 100%; padding: 20px 0 0 0; margin-bottom: 60px; text-align: center;}
#entry-form-open .entry-form-tit { clear: both; width: 100%; padding: 60px 0 0 0; background-color: rgba(204,204,204,0.45); }
#entry-form-open .entry-form-bg { clear: both; width: 100%; padding:0 0 60px 0; background-color: rgba(204,204,204,0.45); }
#entry-form-open table { width: 94%; max-width: 1200px; margin:0 auto;}
#entry-form-open th { width: 31%;}
#entry-form-open .note { width: 94%; max-width: 1200px; margin:60px auto 20px auto; text-align: left;}
#entry-form-open .note h4 { color: #008DA0; font-size: 22px; font-weight: bold; margin-bottom: 0.5em;}

#entry-form-open dl.people{ float: left; width: 50%; max-width:280px; }
#entry-form-open dl.people dt
#entry-form-open dl.people dd{ margin-bottom: 5px;}
#entry-form-open dl.people dt{ float: left; }
#entry-form-open dl.people dd{ margin-left: 8.5em;}
#entry-form-open dl.people-r dd{ margin-left: 11em;}

#entry-form-open .total { clear: both; border-bottom: 2px solid #008DA0; font-weight: bold; color: #008DA0; text-align: right; padding: 0 5px;}
#entry-form-open .total span { font-size: 24px; padding: 0 0.5em;}
#entry-form-open td p { margin: 0.5em 0 0 0; padding: 0;}
#entry-form-open td .read { width: 100%; height: 6.5em; margin-bottom: 5px; padding: 5px; color: #000; background: #FFF; overflow-y: scroll;}
#entry-form-open td .read:after { content:" "; display:block; clear:both;}
#entry-form-open td .read br{ display: block;}
#entry-form-open td textarea { width: 100%; }
#entry-form-open input[type="submit"] { margin-top: 20px;}

@media only screen and (max-width:768px) {	
    #pre-form th,
    #entry-form-open th { width: 23.5%;}
    #entry-form-open { margin-bottom: 30px; }
    #entry-form-open .note { margin:30px auto 20px auto;}
    #entry-form-open .note h4 { color: #008DA0; font-size: 16px;}
}

@media only screen and (min-width:415px) {	
    #entry-form-open td br { display: none;}
    #entry-form-open dl.people br{ display: block;}
}

@media only screen and (max-width:414px) {	
    #pre-form th,
    #entry-form-open th { width: 100%;}
    #entry-form-open dl.people  { float: none; width: 100%; }
    #entry-form-open dl.people dd{ margin-left: 11em;}
    #entry-form-open td br { display: block;}
    #entry-form-open dl.people br{ display: none;}
}

/* 予約フォーム 確認 confirm
----------------------------------------------------------- */
#confirm-form table { margin-bottom: 25px;}
#confirm-form th { width: 31%;}
#confirm-form dl.people{ float: left; width: 50%; max-width:280px; }
#confirm-form dl.people dt,
#confirm-form dl.people dd{ margin-bottom: 5px;}
#confirm-form dl.people dt{ float: left; }
#confirm-form dl.people dd{ margin-left: 8.5em;}
#confirm-form dl.people-r dd{ margin-left: 11em;}

#confirm-form .required,
#confirm-form .comment,
#confirm-form .read{ display: none;}

@media only screen and (max-width:768px) {
    #confirm-form th { width: 23.5%;}
    #confirm-form dl.people br{ display: block;}
}

@media only screen and (max-width:414px) {	
    #confirm-form th { width: 100%;}
    #confirm-form dl.people  { float: none; width: 100%; }
    #confirm-form dl.people dd{ margin-left: 11em;}
    #confirm-form dl.people br{ display: none;}
}


/* 予約フォーム 完了 complete
----------------------------------------------------------- */
#complete-form .mw_wp_form { width: 100%; background-color: rgba(204,204,204,0.45); padding:20px 10px 3px 10px;}

/* ===================================================================
 アクセス
=================================================================== */
#page-access #access-info strong { font-size: 18px; }
#page-access .btn-row2 { width: 100%; text-align: center;}
#page-access .btn-row2:after { content:" "; display:block; clear:both;}
#page-access .btn-row2 .btn-bl { margin:0 0 10px 0; padding: 1em 1em 0.9em 1em;  }

#page-access #access-parking img { margin-bottom: 1.5em; max-width: 100%;}

@media only screen and (min-width: 415px) {
	#page-access .btn-row2 { text-align: left;
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-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; }
	#page-access .btn-row2 .btn-bl { width:42%; margin-right:2%; -webkit-flex-direction: row; flex-direction: row; }
}

@media only screen and (max-width:414px) {
    #page-access .btn-row2 .btn-bl { float: none; max-width: 94%; width: 300px; margin:0 auto 10px auto;}
}


/* ===================================================================
 学校専用ページ
=================================================================== */
#page-school .btn-bl {}
#page-school .btn-row2 { width: 100%; text-align: center;}
#page-school .btn-row2:after { content:" "; display:block; clear:both;}
#page-school .btn-row2 .btn-bl { margin:0 0 10px 0; padding: 1em 1em 0.9em 1em;  }
#page-school .btn-bl span { font-size: 11px; }

#page-school #main ul { padding-left:1em; }
#page-school #main ul li { font-size: 14px; text-align: left; margin-bottom: 0.2em; list-style-type: disc;}
#page-school #main ul + div { margin-top:1.5em; }

@media only screen and (max-width: 768px) {
    #page-school #main ul li {font-size: 13px;}
}
@media only screen and (min-width: 415px) {
	#page-school .btn-row2 { text-align: left;
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-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; }
	#page-school .btn-row2 .btn-bl { width:42%; margin-right:2%; -webkit-flex-direction: row; flex-direction: row; }
}
@media only screen and (max-width:414px) {
    #page-school .btn-row2 .btn-bl { float: none; max-width: 94%; width: 300px; margin:0 auto 10px auto;}
}
@media only screen and (min-width: 360px) {
    #page-school #main h3 br { display: block;}
}


/* ===================================================================
 基本情報
=================================================================== */

/* サイトマップ
----------------------------------------------------------- */
#page-sitemap #main h3 { font-size: 20px; font-weight: bold; color: #00A9C9; margin-bottom: 0.8em; position: static; text-align: left; padding: 0 0 0.3em 0; border-bottom: 1px solid #ccc; width: 100%;}
#page-sitemap #main h3:before, #page-sitemap #main h3:after{ content: none; }
#page-sitemap #main h3 a { font-weight: bold; color: #00A9C9; }
#page-sitemap #main h4 { font-size: 16px; text-align: left; margin: 0.6em 0 0.5em 0; }
#page-sitemap #main h4 a { font-weight: bold; }
#page-sitemap #main ul { font-size: 14px;}
#page-sitemap #main ul:after { content:" "; display:block; clear:both;}
#page-sitemap #main ul li { margin-bottom: 0.25em; text-align: left;}
#page-sitemap #main ul li a { text-decoration: underline;}
#page-sitemap #main ul li a:hover { text-decoration: none;}

@media only screen and (min-width:769px) {
    #page-sitemap #main ul{ display:-webkit-box; display:-ms-flexbox; display:flex;
    -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
    #page-sitemap #main ul::after{ content:""; display: block; width:32%;}
    #page-sitemap #main ul li{ margin-bottom:0.2em; box-sizing:border-box; width:32%;}
}
@media only screen and (max-width:768px) {
    #page-sitemap #main h3 {font-size: 16px;}
    #page-sitemap #main h4 { font-size: 14px;}
    #page-sitemap #main ul { font-size: 13px;}
}

@media only screen and (max-width: 768px) and (min-width: 415px){
    #page-sitemap #main ul{ display:-webkit-box; display:-ms-flexbox; display:flex;
    -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
    #page-sitemap #main ul::after{ content:""; display: block; width:49%;}
    #page-sitemap #main ul li{ margin-bottom:0.2em; box-sizing:border-box; width:49%;} 
}

/* サイトのご利用について
----------------------------------------------------------- */
#page-use {}
#page-use #main h4 { text-align: left; font-weight: 600;}
#page-use #main ol + h4,
#page-use #main ul + h4,
#page-use #main p + h4{ margin-top: 1.5em;}
#page-use #main ul { padding-left:1em; }
#page-use #main ul li { font-size: 14px; text-align: left; margin-bottom: 0.2em; list-style-type: disc;}
#page-use #main ul li a { text-decoration: underline;}
#page-use #main ul li a:hover { text-decoration: none;}
#page-use #main strong { font-size: 18px; }

@media only screen and (max-width: 768px) {
    #page-use #main ul li {font-size: 13px;}
    #page-use #main em { font-size: 16px;}
}


/* 個人情報の取り扱いについて
----------------------------------------------------------- */
#page-privacypolicy {}
#page-privacypolicy #main ul { padding-left:1em; }
#page-privacypolicy #main ul li { font-size: 14px; text-align: left; margin-bottom: 0.2em; list-style-type: disc;}

@media only screen and (max-width: 768px) {
    #page-privacypolicy #main ul li {font-size: 13px;}
}
@media only screen and (min-width: 360px) {
    #page-privacypolicy #main h3 br { display: block;}
}

/* ソーシャルメディアポリシー
----------------------------------------------------------- */
#page-smpolicy {}
#page-smpolicy #main h4 { text-align: left; font-weight: 600;}
#page-smpolicy #main ol + h4,
#page-smpolicy #main ul + h4,
#page-smpolicy #main p + h4{ margin-top: 1.5em;}
#page-smpolicy #main ul { padding-left:1em; }
#page-smpolicy #main ul li { font-size: 14px; text-align: left; margin-bottom: 0.2em; list-style-type: disc;}

@media only screen and (max-width: 768px) {
    #page-smpolicy #main ul li {font-size: 13px;}
}

/* 公式アプリ「コンパス」 ソフトウェア利用規約
----------------------------------------------------------- */
#page-apppolicy {}
#page-apppolicy #main h4 { text-align: left; font-weight: 600;}
#page-apppolicy #main ol + h4,
#page-apppolicy #main ul + h4,
#page-apppolicy #main p + h4{ margin-top: 1.5em;}
#page-apppolicy #main ul { padding-left:1em; }
#page-apppolicy #main ul li { font-size: 14px; text-align: left; margin-bottom: 0.2em; list-style-type: disc;}

@media only screen and (max-width: 768px) {
    #page-apppolicy #main ul li {font-size: 13px;}
}


/* リンク
----------------------------------------------------------- */
#page-link #main ul { width: 100%; padding: 0; margin: 0 auto; }
#page-link #main ul:after { content:" "; display:block; clear:both;}
#page-link #main ul li { margin-bottom: 10px; text-align: center;}
#page-link #main ul li a:hover img{  opacity:0.75; filter: alpha(opacity=75); -webkit-transition: all .3s; transition: all .3s; }

#page-link #main ul.link-txt li a {
 position: relative; display: block; margin: 0 auto; padding: 1em 2em 0.9em 2em; border-bottom: #CCC 1px solid; text-align: center; line-height: 1.15; color: #000; font-size: 14px; font-weight: bold;}
#page-link #main ul.link-txt li a::after { content: ""; bottom: 5px; right: 5px; border-top: 12px solid transparent; border-right: 12px solid #CCC; position: absolute; z-index: 100;}
#page-link #main ul.link-txt li a:hover { background: #EEE; color:#000; -webkit-transition: all .3s; transition: all .3s;}
#page-link #main ul.link-txt li a:hover::after { border-right: 12px solid #CCC; }

@media only screen and (min-width:769px) {
    #page-link #main ul{ display:-webkit-box; display:-ms-flexbox; display:flex;
    -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
    #page-link #main ul::after{ content:""; display: block; width:32%;}
    #page-link #main ul li{ margin-bottom:20px; box-sizing:border-box; width:32%;}
}
@media only screen and (max-width:768px) {
    #page-link #main ul.link-txt li a { font-size: 13px;}
}

@media only screen and (max-width: 768px) and (min-width: 415px){
    #page-link #main ul{ display:-webkit-box; display:-ms-flexbox; display:flex;
    -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
    #page-link #main ul::after{ content:""; display: block; width:49%;}
    #page-link #main ul li{ margin-bottom:10px; box-sizing:border-box; width:49%;} 
}

/* 基本情報　お問い合わせ　contact
----------------------------------------------------------- */
.telfax { padding: 20px; background: #E3FFFF; font-weight: bold; font-size: 20px; text-align: 
    center;}
.mw_wp_form td textarea { width: 100%; }
@media only screen and (max-width:768px) {
    .telfax {font-size: 16px;}
}

/* イベント講座申し込み受付　event-entry
----------------------------------------------------------- */
#event-entry .event-box { background: #E3FFFF; padding: 20px; text-align: center; box-shadow: none; }
#event-entry .event-box .event-head { font-size: 20px; font-weight: bold; color: #008DA0;}
#event-entry .event-box .event-title { font-size: 24px; font-weight: bold; margin-bottom: 0.5em; line-height: 1.25; }
#event-entry .event-box .photo { width: 285px; height: 180px; margin: 0 auto; }
#event-entry .event-box .photo img { width:100%; height: 180px; object-fit: cover; font-family: 'object-fit: cover;'}

@media only screen and (min-width: 768px) {
    #event-entry .event-box .data { float: left; width: calc(100% - 325px); }
    #event-entry .event-box .photo { float: right; }
}

@media only screen and (max-width: 767px) {
    #event-entry .event-box .photo { margin-bottom: 10px;}
    #event-entry .event-box .event-head  { font-size: 16px; }
    #event-entry .event-box .event-title { font-size: 18px; }
}

@media only screen and (max-width: 414px) {
    #event-entry .event-box { background: #E3FFFF; padding: 10px 10px 2px 10px; }
    #event-entry .event-box .data { margin:0; }
    #event-entry .event-box .photo { max-width: 96%;}
}

#event-entry p { font-size: 14px;}
#event-entry .note { font-size: 13px; color: #555; text-align: left; margin-bottom: 1em;}
#event-entry .note ul { padding-left:1.2em; }
#event-entry .note ul li { position: relative; margin-bottom: 0.2em;}
#event-entry .note ul li:before { content: "※"; position: absolute; left: -1.2em; }

#event-entry.table-cmn tbody td span.th { color: #008DA0; font-weight: bold;}
#event-entry.table-cmn tbody td button { padding:0.5em 2em; margin-right: 1em;}
#event-entry.table-cmn tbody td .participant-btn { padding-top: 1em; text-align: right;}

#page-event-entry #event-entry.table-cmn tbody tr.event-name-row { display: none;}
#page-event-confirm #event-entry.table-cmn tbody td .participant-btn { display: none;}

@media only screen and (max-width: 768px) {
    #event-entry p {font-size: 13px;}
    #event-entry .note { font-size: 12px;}
    #event-entry.table-cmn tbody td .participant-btn button { margin-bottom: 0.5em;}
}


#main #eop section {margin-bottom: 10px;}
#eop {}
#eop h1 { font-size: 30px;color: #000;text-align: center;font-weight: bold;margin: 0 auto 10px;padding-bottom: 40px; }
#eop h1 span { font-size: 30px;color: #fff;text-align: center;font-weight: bold;background: #00A9C9;padding: 7px 20px;margin-right: 0.5em;}

#eop .force h1 span {background: #c13342;}
#eop .sound h1 span {background: #ec6b2e;}
#eop .light h1 span {background: #fac53e;}
#eop .nature h1 span {background: #8faf29;}
#eop .space h1 span {background: #104390;}

#eop .event-back-bt { margin: -30px auto 40px auto;}
#eop .event-back-bt .btn-gr { float: right;margin: 0 auto;width: 240px;}

#eop .eop-block { display: flex;justify-content: space-between;flex-flow: row-reverse;}
#eop .eop-block-inner { margin: 0 10px;}
#eop .eop-block-right { width: 60%;}
#eop .eop-block-right .imgcap { font-size: 12px;}
#eop .eop-block-right .reference, #eop .eop-block-inner .reference, #eop .eop-block-1col .reference { border: 1px solid #ccc;border-radius: 8px;margin: 10px auto;padding: 10px;background: #fff;}
#eop .eop-block-right .reference p, #eop .eop-block-inner .reference p, #eop .eop-block-1col .reference p { font-size: 13px;font-weight: bold;margin-bottom:5px;}
#eop .eop-block-right .reference ul li, #eop .eop-block-inner .reference ul li, #eop .eop-block-1col .reference ul li { font-size: 12px;}
#eop .eop-block-inner h4 { color: #00A9C9;font-weight: bold;font-size: 24px;margin: 0 auto 20px auto;padding-bottom: 0;background: none;text-align: center;}
#eop .force .eop-block-inner h4 {color: #c13342;}
#eop .sound .eop-block-inner h4 {color: #ec6b2e;}
#eop .light .eop-block-inner h4 {color: #fac53e;}
#eop .nature .eop-block-inner h4 {color: #8faf29;}
#eop .space .eop-block-inner h4 {color: #104390;}


#eop .eop-block-inner p { margin-bottom: 40px;}
#eop .eop-block-1col { display: block;max-width: 960px;margin: 0 auto;}

@media only screen and (max-width:768px) {
	#eop .event-back-bt { display: block;margin: -10px auto 20px auto;}
	#eop .eop-block { display: block;}
	#eop .eop-block-inner {width: 100%;margin: 0 auto;}
	#eop .eop-block-inner img {width: 100%;height: auto;}
	#eop .eop-block-right { width: 100%;margin-bottom: 40px;}
	#eop h1 { font-size: 20px;padding-bottom: 10px;}
	#eop h1 span { display: block; margin-bottom:15px;font-size: 22px;margin-right: 0;}
	#eop .eop-block-inner h4 { font-size: 18px; }
}


/* ===================================================================
多言語
=================================================================== */

/* 名誉館長ごあいさつ
----------------------------------------------------------- */
#lang-greeting .txt { float:left; width: 65%; }
#lang-greeting .photo { float:right; width: 30%; }
#lang-greeting .group-flow-box { position: relative; background: #F0F0F0; border: 1px solid #e0e0e0; padding: 17px 17px 9px 17px; }
@media only screen and (max-width:768px) {
	#lang-greeting .txt,
    #lang-greeting .photo { float:none; width: 100%;}
	#lang-greeting .group-flow-box {padding: 10px 10px 2px 10px; }
}

/* カレンダー
----------------------------------------------------------- */
#lang-about { width: 100%; max-width: 1200px; margin: 0 auto;}
#lang-about:after { content:" "; display:block; clear:both;}

#page-lang-guide .note { font-size: 13px; color: #555; text-align: left;}
#page-lang-guide .note ul { padding-left:1.2em; }
#page-lang-guide .note ul li { position: relative; margin-bottom: 0.2em;}
#page-lang-guide .note ul li:before { content: "※"; position: absolute; left: -1.2em; }
#page-lang-guide ol { margin-left:1em;padding:0px;}

.lang-info { float: left; width:69.25%;}
.lang-info .info-block {}
.lang-info .info-block + .info-block { padding-top: 60px;}

.lang-calendar { float: right; width:25%;}

.lang-calendar h2 { font-size: 20px; border-bottom: 2px #FFFF00 solid; margin-bottom: 1em !important;padding-bottom: 0 !important; background: none !important ;}

.lang-calendar .lang-side-box { width: 100%; margin: 0 auto 30px auto; padding: 20px; background: #FFF; font-size: 13px;
 -webkit-box-shadow: 1px 1px 3px 0 #BFBFBF; -moz-box-shadow: 1px 1px 3px 0 #BFBFBF; box-shadow: 1px 1px 3px 0 #BFBFBF;}
.lang-calendar .lang-side-box:after { content:" "; display:block; clear:both;}
.lang-calendar .lang-side-box iframe { width: 100%; max-width: 260px; height: 140px; margin-bottom: 10px; }

.lang-calendar { }
.lang-calendar .calender { width:100%; }
.lang-calendar h4 { margin:5px 0 20px 0; padding:0; font-size:13px; color:#000; font-weight:bold; text-align:center;  }
.lang-calendar .calendar-nav .prev { float:left; display:block; text-indent:-10000px;}
.lang-calendar .calendar-nav span { font-size: 18px;}
.lang-calendar .calendar-nav .prev span.prev_off { display:block; width:30px; height:30px; color:#999; border:1px solid #CCC; background:#FFF url(../parts/calender_nav_prev_none.png) no-repeat 8px 6px;}
.lang-calendar .calendar-nav .prev span.prev_on { display:block; color:#00A9C9; border:1px solid #00A9C9; background:#FFF url(../parts/calender_nav_prev_out.png) no-repeat 8px 6px;}
.lang-calendar .calendar-nav .prev span.prev_on:hover { color:#555; border:1px solid #555; text-decoration:none; background:#FFF url(../parts/calender_nav_prev_over.png) no-repeat 8px 6px;}
.lang-calendar .calendar-nav .prev span.prev_on a { display:block; width:30px; height:30px; color:#00A9C9;}
.lang-calendar .calendar-nav .prev span.prev_on a:hover { color:#555; text-decoration:none;}
.lang-calendar .calendar-nav .next { float:right; display:block; text-indent:-10000px;}
.lang-calendar .calendar-nav .next span.next_off { display:block; width:30px; height:30px; color:#999; border:1px solid #CCC; background:#FFF url(../parts/calender_nav_next_none.png) no-repeat 11px 7px;}
.lang-calendar .calendar-nav .next span.next_on { display:block; color:#00A9C9; border:1px solid #00A9C9; background:#FFF url(../parts/calender_nav_next_out.png) no-repeat 11px 7px;}
.lang-calendar .calendar-nav .next span.next_on:hover { color:#555; border:1px solid #555; text-decoration:none; background:#FFF url(../parts/calender_nav_next_over.png) no-repeat 11px 7px;}
.lang-calendar .calendar-nav .next span.next_on a { display:block; width:30px; height:30px; color:#00A9C9;}
.lang-calendar .calendar-nav .next span.next_on a:hover { color:#555; text-decoration:none;}
.lang-calendar .calendar table { width:100%;}
.lang-calendar .calendar table tr th { text-align:center; border:none; background:none;}
.lang-calendar .calendar table tr td { width:14.285%; height:0; padding:3.5% 0; text-align:center; border:1px solid #FFF; background:#DDD;}
.lang-calendar .calendar table tr td.today { color:#FFF; background:#00A9C9;}
.lang-calendar .calendar table tr td.today a { color:#FFF;}
.lang-calendar .calendar table tr td.holiday{ color:#FFF; background:#555;}
.lang-calendar .calendar ul { margin:10px 0 0 2px;}
.lang-calendar .calendar ul li { display:inline-block; margin-right:10px; padding-left:30px; list-style:none;}
.lang-calendar .calendar ul li:first-child { background:url(../parts/calendar_icon_top_holiday.png) no-repeat left;} 
.lang-calendar .calendar ul li:last-child { background:url(../parts/calendar_icon_top_today.png) no-repeat left;} 


@media only screen and (max-width: 1280px) {
	.lang-calendar { width:calc(25% + 30px);}
}
@media only screen and (max-width: 768px) {
    #lang-about { padding: 0; }
    .lang-info { float: none; width:100%; padding:0; margin: 0 0 30px 0;}
    .lang-calendar { float: none; width:100%; padding:0 10px; }
	.lang-info .info-block + .info-block { padding-top: 30px;}
	#lang-about .note { font-size: 12px;}
}

/* タイトル
----------------------------------------------------------- */
.lang #page-title h1 {
	line-height: 100px;
	font-size: 28px;
	color: #fff;
	font-weight: 600;
}
@media only screen and (max-width: 768px){
	.lang #page-title h1 { line-height: 60px;font-size: 22px;}
}
@media only screen and (max-width: 415px){
	.lang #page-title h1 { line-height: 90px;font-size: 18px;}
}

/* アクセス
----------------------------------------------------------- */
#page-lang-access #access-info strong { font-size: 18px; }
#page-lang-access .btn-row2 { width: 100%; text-align: center;}
#page-lang-access .btn-row2:after { content:" "; display:block; clear:both;}
#page-lang-access .btn-row2 .btn-bl { margin:0 0 10px 0; padding: 1em 1em 0.9em 1em;  }

#page-lang-access #access-parking img { margin-bottom: 1.5em; max-width: 100%;}

@media only screen and (min-width: 415px) {
	#page-lang-access .btn-row2 { text-align: left;
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-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; }
	#page-lang-access .btn-row2 .btn-bl { width:42%; margin-right:2%; -webkit-flex-direction: row; flex-direction: row; }
}

@media only screen and (max-width:414px) {
    #page-lang-access .btn-row2 .btn-bl { float: none; max-width: 94%; width: 300px; margin:0 auto 10px auto;}
}


/* フロアガイドナビゲーション
----------------------------------------------------------- */
.lang .floorguide-nav ul { margin: 0 0 0 -0.6%;}
.lang .floorguide-nav ul li{ float: left; width: 16.0%; margin-left: 0.6%; box-shadow:0px 0px 3px 1px rgba(0,0,0,0.3); }
.lang .floorguide-nav ul li:first-child{ float: left; width: 16.4%;}
.lang .floorguide-nav ul li.planetarium { clear: none; width: auto; max-width: auto; margin-left: 0.6%; }
@media only screen and (max-width: 768px){
	.lang .floorguide-nav ul { margin: 0;}
	.lang .floorguide-nav ul li{ float: none; width: 100%; margin-left: 0; box-shadow: none; }
	.lang .floorguide-nav ul li:first-child{ float: none; width: 100%;}
}



/* ===================================================================
検索結果
=================================================================== */

/* 名誉館長ごあいさつ
----------------------------------------------------------- */
.search .excerpt ul { text-align: left; display:flex; flex-wrap:wrap; align-items: stretch; margin-left: -3.33%;}
.search .excerpt ul li {
	width: 100%;
	max-width: 46.67%;
	margin-left: 3.33%;
	margin-bottom: 20px;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 1px 1px 3px 0 #BFBFBF;
    -moz-box-shadow: 1px 1px 3px 0 #BFBFBF;
    box-shadow: 1px 1px 3px 0 #BFBFBF;
    -webkit-transition: all .3s;
    transition: all .3s;
	box-sizing: border-box;
	display: block;
}
.search .excerpt ul li:hover { background: #fff000;}
.search .excerpt ul li a:hover { text-decoration: none;}
.search .excerpt ul li a::after {
    content: "";
    bottom: 5px;
    right: 5px;
    border-top: 8px solid transparent;
    border-right: 8px solid #00A9C9;
    position: absolute;
    z-index: 100;
}
.search .excerpt ul li:hover a::after {
    border-right: 8px solid #000;
}
.search .excerpt ul li img { width: 100%; max-width: 100%; height: 100px; object-fit: cover;}
.search .excerpt ul li .txt_block {padding: 10px;}
.search .excerpt ul li .txt_block h2 { font-size: 16px; font-weight: 600; margin-bottom: 10px; color: #00A9C9;}
.search .excerpt ul li:hover  .txt_block h2 { color: #000;}
.search .excerpt ul li .txt_block p { font-size: 13px; margin: 0;}

@media only screen and (min-width:415px) {
	.search .excerpt ul li img { height: 110px;}
	.search .excerpt ul { margin-left: -1.33%;}
	.search .excerpt ul li { max-width: 32.00333333%; margin-left: 1.33%;}
}
@media only screen and (min-width:769px) {
	.search .excerpt ul li img { height: 120px;}
	.search .excerpt ul { margin-left: -1.33%;}
	.search .excerpt ul li { max-width: 23.67%; margin-left: 1.33%;}
}
@media only screen and (min-width:980px) {
	.search .excerpt ul li img { height: 140px;}
}