@charset "UTF-8";



/*=========================
トップページ専用
=========================*/
@media screen and (min-width:800px) {
	#main {
		width: 1100px;
		margin: auto;
	}
}

/*スライダー*/
.bx-wrapper {
	margin: 0px 0 50px;
	border: none;
	box-shadow:none;
}
@media screen and (min-width:800px) {
	.bx-wrapper {
		margin: 0 auto;
	}
}
.bx-wrapper .bx-pager {
	margin: 0;
	padding: 0;
	bottom: -20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background-color: #999;
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background-color: #F8B500;
}
@media screen and (min-width:800px) {
	.bx-wrapper {
		margin-top: 30px;
	}
}


/*見出し*/
#contwrap h3 {
	display: table;
	border: none;
	margin: 40px auto 20px;
	padding: 0 .2em .2em;
	font-size: 1em;
	font-size: 1.44em;
	line-height: 1;
	background: url(../img/common/bg_pagetitle.png) 0 .6em repeat-x;
	background-size: 10px 20px;
}
@media screen and (min-width:800px) {
	#contwrap h3 {
		margin: 100px auto 40px;
	}
}

/*最新情報*/
.newspage {
	padding: 0 1vw;
}
@media screen and (min-width:800px) {
	.newspage {
		padding: 0;
	}
}
.newspage ul {
	padding: 10px 0 0 0;
	border-top: 1px solid #999;
}
.newspage ul li {
	margin:0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #ccc;
}
.newspage ul li a {
	font-size: .88em;
}
/*日付*/
.newspage li b {
	font-size: .7em;
	font-weight: normal;
	white-space: nowrap;
	color: #666;
}
/*ラベル*/
.newspage li span {
	display: inline-block;
	padding: .1em .5em;
	text-align: center;
	font-size: .7em;
/*	white-space: nowrap;*/
	background-color: #F8B500;
}
.newspage li span.newsLabel_news {
	color: #fff;
	background-color: #F08300;
}
.newspage li a {
	display: block;
	margin-top: .5em;
}
@media screen and (min-width:800px) {
	.newspage li {
		display: flex;
		justify-content: space-between;
		align-items:flex-start;
	}
	.newspage li span {
		width: 22%;
	}
	.newspage li a {
		width: 55%;
		margin-top: 0;
	}
}
.sns_account .facebook_block {
	display: flex;
	justify-content: center;
}
#news_wonderlab {
	padding: 2vw;
}
@media screen and (min-width:800px) {
	#news_wonderlab h3 {
		margin-top: 0;
	}
	#news_wonderlab {
		margin-top: 100px;
		padding: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#news_wonderlab .newspage {
		width: 480px;
	}
}

/*ワンダーラボのご案内*/
#news_wonderlab dl {
/*	width: 590px;*/
	margin-top: 4vw;
	box-sizing: border-box;
	border: 10px solid #F8B500;
}
#news_wonderlab dl dt {
	background-color: #F8B500;
}
#news_wonderlab dl dt h4 {
	margin: 0;
	padding: 5px 0 15px;
	border: none;
	text-align: center;
	color: #fff;
}
#news_wonderlab dl dd {
	padding: 10px;
	/*display: flex;
	align-items: center;
	flex-wrap: wrap;*/
}
#news_wonderlab dl dd img {
	display: block;
	width: 100%;
	margin: 10px auto 0;
}
#news_wonderlab dl dd p {
	padding: 1vw;
	font-size: .88em;
}
#news_wonderlab dl dd ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#news_wonderlab dl dd ul li {
	margin-left: .6em;
	margin-bottom: .6em;
}
#news_wonderlab dl dd ul li a {
	display: block;
	padding: .2em 1.5em;
	border: 1px solid #F8B500;
	border-radius: 3em;
	white-space: nowrap;
}
@media screen and (min-width:800px) {
	#news_wonderlab dl {
		width: 590px;
		margin-top: 0;
	}
	#news_wonderlab dl dd img {
		width: auto;
		margin: 10px auto 0;
/*		margin: 5% auto 0;*/
	}
	#news_wonderlab dl dd p {
/*		margin: 5% auto;*/
	}
	#news_wonderlab dl dd ul {
		margin-bottom: 1em;
		justify-content: center;
	}
	#news_wonderlab dl dd ul li:not(:first-child) {
		margin-top: 0;
		margin-left: 2em;
	}
}

/*SNSアカウント*/
.sns_account {
	margin: 2vw;
}
.sns_account .description ul {
	padding-top: .5em;
}
.sns_account .description ul li {
	margin-top: .5em;
}
.sns_account .description ul li a {
	padding-left: 28px;
}
.sns_account .description ul li a[href*="twitter"] {
	background: url(../img/common/icon_twitter.png) 0 0 no-repeat;
}
.sns_account .description ul li a[href*="facebook"] {
	background: url(../img/common/icon_facebook.png) 0 0 no-repeat;
}
@media screen and (min-width:800px) {
	.sns_account {
		width: 1100px;
		margin: auto;
		display: flex;
		justify-content: space-between;
	}
	.sns_account .description {
		width: 280px;
	}
	.sns_account .snsblock {
		width: 790px;
		display: flex;
		justify-content: space-between;
	}
	.sns_account .twitter_block,
	.sns_account .facebook_block {
		width: 380px;
		display: block;
	}
}


/*新着の一覧へ*/
.newspage p {
	font-size: .88em;
}
.newspage p a {
	padding: 0 0 0 11px;
	text-decoration: none;
	background: url(../img/common/arrow_orange.png) 0 35% no-repeat;
}


/*各コンテツへのリンク*/
.subcont_links {
	margin-top: 40px;
}
@media screen and (min-width:800px) {
	.subcont_links {
		margin-top: 100px;
	}
	.subcont_links ul {
		display: flex;
		flex-wrap: wrap;
	}
	.subcont_links li {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		width: 33.33%;
	}
}
.subcont_links li a {
	display: flex;
	text-decoration: none;
	color: #06c;
}
.subcont_links li a[href*=diorama] {
	background:url("../img/top/contPh_01.jpg") no-repeat 50% 50%;
	background-size:cover;
}
.subcont_links li a[href*=skywalk] {
	background:url("../img/top/contPh_02.jpg") no-repeat 50% 50%;
	background-size:cover;
}
.subcont_links li a[href*=kids-geopark] {
	background:url("../img/top/contPh_03.jpg") no-repeat 50% 50%;
	background-size:cover;
}
.subcont_links li a[href*=theater] {
	background:url("../img/top/contPh_04.jpg") no-repeat 50% 50%;
	background-size:cover;
}
.subcont_links li a[href*=wonderlab] {
	background:url("../img/top/contPh_05.jpg") no-repeat 50% 50%;
	background-size:cover;
}
.subcont_links li a[href*=pyroclastic-flow] {
	background:url("../img/top/contPh_06.jpg") no-repeat 50% 50%;
	background-size:cover;
}
.subcont_links li a span {
	display: block;
	width: 100%;
	margin: 17vw 0 0 0;
	padding: 1vw;
	background-color: rgba(255,255,255,.85);
}
@media screen and (min-width:800px) {
	.subcont_links li a span {
		margin: 8vw 0 0 0;
		padding: 20px;
	}
}


/*各コンテツへのリンク　説明文追加　2019/04/08*/
.subcont_links2 {
	margin-top: 40px;
}
@media screen and (min-width:800px) {
	.subcont_links2 {
		margin-top: 100px;
	}
	.subcont_links2 ul {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
	}
	.subcont_links2 li {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		width: 33.33%;
	}
}
.subcont_links2 li:not(:first-of-type) {
	margin-top: 1px;
}
.subcont_links2 li a {
	display: block;
	height: 100%;
	text-decoration: none;
	color: #333;
}
.subcont_links2 li a div {
	height: 100%;
	box-sizing: border-box;
	padding: 1em;
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,.9) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 100%);
}
#contwrap .subcont_links2 li a div h4 {
	margin: 0 0 .5em 0;
	padding: 0;
	border: none;
}
#contwrap .subcont_links2 li a div p {
	padding-right: 40%;
	font-size: .95em;
	text-shadow: 1px 1px 0 #fff;
}

.subcont_links2 li a[href*=diorama] {
	background:url("../img/top/contPh_01.jpg") no-repeat 50% 50%;
	background-size:cover;
}
.subcont_links2 li a[href*=skywalk] {
	background:url("../img/top/contPh_02.jpg") no-repeat 50% 50%;
	background-size:cover;
}
.subcont_links2 li a[href*=kids-geopark] {
	background:url("../img/top/contPh_03.jpg") no-repeat 50% 50%;
	background-size:cover;
}
.subcont_links2 li a[href*=theater] {
	background:url("../img/top/contPh_04.jpg") no-repeat 50% 50%;
	background-size:cover;
}
.subcont_links2 li a[href*=wonderlab] {
	background:url("../img/top/contPh_05.jpg") no-repeat 50% 50%;
	background-size:cover;
}
.subcont_links2 li a[href*=pyroclastic-flow] {
	background:url("../img/top/contPh_06.jpg") no-repeat 50% 50%;
	background-size:cover;
}
.subcont_links2 li a span {
	display: block;
	width: 8em;
	margin: 1em 0 0 0;
	padding: .2em 1em .1em;
	text-align: center;
	font-size: .9em;
	color: #fff;
	background-color: #f66;
	border-radius: 4em;
}
@media screen and (min-width:800px) {
	.subcont_links2 li a span {
		margin: 20px 0 0 0;
	}
	#contwrap .subcont_links2 li a div p {
		padding-right: 10%;
	}
}


/*料金*/
#price_blcok {
	display: none;
}
@media screen and (min-width:800px) {
	#price_blcok {
		display: block;
	}
}
@media screen and (max-width:799px) {
	#price_blcok.price_blcok_sp {
		display: block;
	}
}
#price_blcok table tbody td:nth-of-type(1) {
	white-space: nowrap;
}
#price_blcok p {
	white-space: nowrap;
}

@media screen and (min-width:800px) {
	#price_blcok {
		width: 1100px;
		margin: 0 auto;
	overflow:hidden;
	}
}
#price_blcok table {
	width: 100%;
}
#price_blcok table thead th {
	padding: 7px 10px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #fff;
	background-color: #F08300;
}
#price_blcok table thead th:not(:first-child) {
	border-left: 1px solid #ccc;
}
#price_blcok table tbody th,
#price_blcok table tbody td {
	padding: 7px 10px;
	vertical-align: middle;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#price_blcok table tbody th {
	color: #F08300;
	font-weight: bold;
	border-left: none;
	text-align: center;
}
#price_blcok table .user_type {
	text-align: center;
	font-weight: bold;
	color: #666;
}
#price_blcok table .user_type strong {
	color: #333;
}
#price_blcok table .price_cell {
	text-align: center;
}
#price_blcok table .price_cell strong {
	color: #F08300
}

#price_blcok table .attention_cell th,
#price_blcok table .attention_cell td {
	background-color: #FFF3D3;
}

#price_blcok table tbody strong span {
	font-weight: normal;
	font-size: .88em;
	color: #666;
}

#price_blcok p {
	margin-top: 10px;
	font-size: 0.88em;
}
#price_blcok p + p {
	margin-top: 0;
}

/*料金表改定時　追加　2018/09/20*/
#price_blcok span.note {
	padding-left: 10px;
	font-size: .75em;
	font-weight: bold;
	color: #f66;
}
#price_blcok span.attentionMark {
	margin-left: 5px;
	padding: 2px 6px 0px 6px;
	color: #fff;
	font-size: .7em;
	line-height: 1;
/*	font-weight: bold;*/
	background-color: #f66;
	border-radius: 50em;
}
#price_blcok p span {
	padding: 2px 6px 0px 6px;
	color: #fff;
	font-size: .8em;
	line-height: 1;
/*	font-weight: bold;*/
	background-color: #f66;
	border-radius: 50em;
}

/*スマホ用料金表*/
@media screen and (min-width:800px) {
	#price_blcok.price_blcok_sp {
		display: none;
	}
}
#price_blcok.price_blcok_sp {
	padding: 1vw;
}
#price_blcok.price_blcok_sp h4:first-letter {
	color: #F08300;
}
#price_blcok.price_blcok_sp h4 span {
	display: block;
	font-weight: normal;
	font-size: .88em;
	color: #666;
}
#price_blcok.price_blcok_sp table th,
#price_blcok.price_blcok_sp table td {
	border: 1px solid #ccc;
}
#price_blcok.price_blcok_sp p {
	white-space: normal;
}
#price_blcok.price_blcok_sp span.attentionMark {
	border: 1px solid #fff;
}
#price_blcok.price_blcok_sp table td.attention_cell {
	background-color: #FFF3D3;
}

/*開館時間とお問い合せ*/
.infoblock h3 {
	margin-bottom: 20px !important;
}
@media screen and (min-width:800px) {
	.infoblock {
		width: 1100px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.infoblock div {
		width: 45%;
	}
}
.infoblock p {
	padding: 1em;
	text-align: center;
	border: 1px solid #ddd;
}
.infoblock p span {
	font-size: .88em;
}

/*Googleマップ*/
.access iframe {
	display: block;
	width: 100%;
	height: 40vh;
	margin: 0 auto;
}
@media screen and (min-width:800px) {
	.access {
		width: 1100px;
		margin: 0 auto;
	}
}


/*=== 申し込みフォームへのボタン ===*/
.inquiry_btn {
		text-align: center;
}
.inquiry_btn li a {
	display: inline-block;
	padding: 1em 2.5em;
	font-size: 1.2em;
	line-height: 1;
	font-weight: bold;
	/*				color: #0c6;*/
	color: #fff;
	/*				background-color: #F08300;*/
	/*				background-color: #f30;*/
	/*				border: 1px solid #0c6;*/
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
	text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
	text-decoration: none;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	background: #71db1a;
	background: -moz-linear-gradient(top,  #71db1a 0%, #66af00 100%);
	background: -webkit-linear-gradient(top,  #71db1a 0%,#66af00 100%);
	background: linear-gradient(to bottom,  #71db1a 0%,#66af00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71db1a', endColorstr='#66af00',GradientType=0 );
}
.inquiry_btn li span {
	display: block;
	padding-top: .2em;
	color: #666;
	font-size: .8em;
}
@media screen and (min-width:800px) {
	.inquiry_btn {
		width: 1100px;
		margin: auto;
		display: flex;
		justify-content: space-around;
	}
}


/*火山クイズ（Q&A）追加　2018/09/20*/
#kazan_quiz {
	margin: 3vw 3vw 0;
	padding: 1em;
	background-color: #56B1DA;
	border-radius: 5px;
		
	box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
}
#kazan_quiz h5 {
	text-align: center;
	font-size: 0;
	line-height: 0;
	background-color: #429C5F;
}
#kazan_quiz p {
	padding: .4em 0 0 0;
	color: #fff;
}
#kazan_quiz p + a {
	display: block;
	margin: .2em 3em;
	text-align: center;
	background-color: #fff;
	border-radius: 3em;
	text-decoration: none;
}
#kazan_quiz div + img {
	display: block;
	margin: auto;
}
@media screen and (min-width:800px) {
	#kazan_quiz {
		width: 800px;
		box-sizing: border-box;
		margin: 100px auto 0;
		padding: 30px;
		display: flex;
		justify-content: space-around;
		align-items: flex-start;
	}
	#kazan_quiz div {
		width: 420px;
	}
	#kazan_quiz p {
		padding: .4em 0 0 0;
		color: #fff;
	}
	#kazan_quiz p + a {
/*		display: none;*/
	}
	#kazan_quiz div + img {
		display: block;
		margin: -20px -20px 0 0;
	}
}


/*CMギャラリー　2018/12/03追加*/
#cm_gallery {
	box-sizing: border-box;
	padding:0 2vw;
}
#cm_gallery ul li:not(:first-child) {
	margin-top: .6em;
}
#cm_gallery ul li iframe {
	width: 100%;
	height: calc(100vw * 0.53);
}
/*旅色バナー追加*/
#cm_gallery + p {
	margin: 2em 0 0 0;
}
#cm_gallery + p img {
	display: block;
	width: 96%;
	margin: 0 auto;
}

@media screen and (min-width:800px) {
	#cm_gallery {
		padding: 0;
	}
	#cm_gallery ul {
		width:100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#cm_gallery ul li {
		width: 530px;
	}
	#cm_gallery ul li:not(:first-child) {
		margin-top: 0em;
	}
	#cm_gallery ul li:nth-child(n+3) {
		margin-top: 1em;
	}
	#cm_gallery ul li iframe {
		width: 100%;
		height: calc(530px * 0.565);
	}
	/*旅色バナー追加*/
	#cm_gallery + p img {
		display: inline;
		width: 100%;
		margin: 0 auto;
	}
}



/*学童など夏のパンフ・教育旅行パンフ*/
#main .pamphlet_block {
	padding: 0 2vw 0;
}
#main .pamphlet_block.firstBlock {
	padding: 10vw 2vw 0;
}
#main .pamphlet_block dl {
	padding: 2vw;
	border: 1px solid #ccc;
	border-top: 1px dashed #ccc;
	border-bottom: none;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#main .pamphlet_block.firstBlock dl {
	border-top: 1px solid #ccc;
}
#main .pamphlet_block:last-of-type dl {
	border-bottom: 1px solid #ccc;
}

#main .pamphlet_block dl dt {}
#main .pamphlet_block dl dt img {
	width: 35vw;
}
#main .pamphlet_block dl dd {
	width: 57%;
}
#main .pamphlet_block dl dd h3 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.2;
	background: none;
}
#main .pamphlet_block dl dd p.linkSection a {
	display: table;
}
@media screen and (min-width:800px) {
	#main .pamphlet_block {
		width: 1100px;
		margin: auto;
		padding: 0px 0 0;
	}
	#main .pamphlet_block.firstBlock {
		padding: 80px 0 0;
	}
	#main .pamphlet_block dl {
		padding: 30px 30px 20px;
		border: 1px solid #ccc;
		border-top: 1px dashed #ccc;
		border-bottom: none;
		justify-content: flex-start;
	}
	#main .pamphlet_block.firstBlock dl {
		border-top: 1px solid #ccc;
	}
	#main .pamphlet_block:last-of-type dl {
		border-bottom: 1px solid #ccc;
	}
	#main .pamphlet_block dl dt {
		width: 200px;
		text-align: center;
	}
	#main .pamphlet_block dl dt img {
		width: auto;
	}
	#main .pamphlet_block dl dd {
		box-sizing: border-box;
		width: 820px;
		padding: 0 0 0 20px;
	}
	#main .pamphlet_block dl dd h3 {
		margin: 0 0 10px 0;
		padding: 0;
	}
	#main .pamphlet_block dl dd p.linkSection {
		display: flex;
		justify-content: space-between;
	}
	#main .pamphlet_block dl dd a {
/*		display: table;*/
		margin: 10px auto 0;
		padding: .2em 4em;
		border: 1px solid #f66;
		border-radius: 3em;
		text-decoration: none;
		background-position: 2.7em .4em;
	}
}


/*学童など夏パンフ公開後、削除する*/
/*教育旅行パンフ*/
#pamphlet_education {
	padding: 10vw 2vw 0;
}
#pamphlet_education dl {
	padding: 2vw;
	border: 1px solid #ccc;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#pamphlet_education dl dt {}
#pamphlet_education dl dt img {
	width: 35vw;
}
#pamphlet_education dl dd {
	width: 57%;
}
#pamphlet_education dl dd h3 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.2;
	background: none;
}
@media screen and (min-width:800px) {
	#pamphlet_education {
		width: 1100px;
		margin: auto;
		padding: 80px 0 0;
	}
	#pamphlet_education dl {
		padding: 30px 30px 20px;
		border: 1px solid #ccc;
		justify-content: flex-start;
	}
	#pamphlet_education dl dt {}
	#pamphlet_education dl dt img {
		width: auto;
	}
	#pamphlet_education dl dd {
		width: auto;
		padding: 0 0 0 20px;
	}
	#pamphlet_education dl dd h3 {
		margin: 0 0 10px 0;
		padding: 0;
	}
	#pamphlet_education dl dd a {
		display: table;
		margin: 10px auto 0;
		padding: .2em 4em;
		border: 1px solid #f66;
		border-radius: 3em;
		text-decoration: none;
		background-position: 2.7em .4em;
	}
}

/*コロナウイルスの対応　2020/02/28追加*/
p.virus_20200228 {
	padding: 4vw;
	text-align: center;
	background: #f66;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
p.virus_20200228 a {
	color: #fff;
}
@media screen and (min-width:800px) {
	p.virus_20200228 {
		margin-top: 30px;
		padding: 20px 0;
		border: none;
	}
}


/*常設展示　2020/04/15追加*/
.jyosetsutenji {
　　　　position: relative;
        padding:0;
}

.absolute {
    position: absolute;
    top: 200px;
    right: 200px;
}