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

	style.css last-up 2019-10-01

----------------------------------------------------*/
html {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
 	height: 100vh;
	scroll-behavior: smooth;
}
body {
	font-size: 16px;
	margin: 0;
	padding: 0;
	color: #000;
	background-attachment: fixed;
	background-image:url("../images/back_img.jpg");
	background-position: center bottom;
 	background-repeat: no-repeat;
 	background-size: cover;
 	height: 100vh;
	
}

.container {
	max-width: 1000px;
}

/*ベンダープレフィックス*/
.d-flex {
	display: flex;
		display:-webkit-box;
  		display:-ms-flexbox;	
}
.justify-content-between {
	justify-content: space-between;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
}
.flex-wrap {
	-webkit-flex-wrap: wrap;
 	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

.img-fluid {
	width: 100%;
	height: auto;
}

/*----------------------------------------------------

	header

----------------------------------------------------*/
header h1 {
	margin-bottom:  0px;
}
#link_tnext {
	margin-top: 5px;
	margin-left: 10px;
}

#head_title,
#head_title_sub{
	text-align: center;
}
@media screen and (min-width:1350px) {
  header {
      position: relative;
  }
  #link_tnext {
      position: absolute;
      top: 5px;
      left: 15px;
  }
}

@media screen and (min-width:992px) {
  #head_title,
  #head_title_sub {
      float:left;
  }
	#head_title_sub img {
	margin-top: 28px;
	}
	header .container {
		padding-top: 25px;
	}
}
@media screen and (min-width: 768px) and (max-width:991px) {
    #head_title,
    #head_title_sub {
        float:left;
    }
	#head_title_sub img {
	margin-top: 40px;
	}
	header .container {
		padding-top: 25px;
	}
}
@media screen and (max-width:767px) {
	#head_title {
		padding-top: 5px;
	}	
  #head_title_sub {
		margin-top: 0;
	}
}

/*----------------------------------------------------

	contents_base

----------------------------------------------------*/
@media screen and (min-width: 768px) {
.box_flex {
	display: flex;
		display:-webkit-box;
  		display:-ms-flexbox;
}
}

.box {
	background-color: #fff;
	border-radius: 5px;
	padding-top: 12px;
	padding-bottom: 12px;
	box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.2);
}
@media screen and (min-width: 768px) {
  .box_l {
      margin-right: 9px;
  }
  .box_r {
      margin-left: 9px;
  }
}


@media screen and (min-width: 768px) {
  .row_box {
      margin-bottom: 18px;
  }
}
@media screen and (max-width: 767px) {
  .box {
      margin-bottom: 18px;
  }
}

.img_banner {
	margin-bottom: 40px;
}


/*----------------------------------------------------

	日程

----------------------------------------------------*/
.box_day {
	font-size: 15px;	
}

.box_day dl {
	margin-bottom: 0;
}
.box_day dt,dd {
	padding-top: 3px;
	padding-bottom: 3px;
}
.box_day dt {
	background-color: #eeeeee;
	border-radius: 3px;
	padding-left: 10px;
}
.box_day dd {
	padding-left: 10px;
}
.box_day dd span {
	margin-right: 15px;
}
@media screen and (min-width: 768px) {
	.box_day dl {
		overflow: hidden;
	}
	.box_day dt,dd {
		float: left;
	}
	.box_day dt {
		clear:left;
		width: 130px;
	}
}

/*----------------------------------------------------

	タイトル

----------------------------------------------------*/
.box_title {
	font-size: 20px;
	font-weight: bold;
}

.box_access .box_title {
	color: #0191da;
}
.box_access .box_title::before {
  content: '';
  display: inline-block;
  width: 45px;
  height: 38px;
  background-image: url("../images/icon_access.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.box_car .box_title {
	color: #e5004f;
}
.box_car .box_title::before {
  content: '';
  display: inline-block;
  width: 45px;
  height: 38px;
  background-image: url("../images/icon_car.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.box_display .box_title {
	color: #8fc31f;
}
.box_display .box_title::before {
  content: '';
  display: inline-block;
  width: 45px;
  height: 38px;
  background-image: url("../images/icon_display.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.box_map .box_title {
	color: #8957a1;
}
.box_map .box_title::before {
  content: '';
  display: inline-block;
  width: 45px;
  height: 38px;
  background-image: url("../images/icon_map.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.box_photo .box_title {
	color: #e5004f;
	font-size: 24px;
}
.box_photo .box_title::before {
  content: '';
  display: inline-block;
  width: 49px;
  height: 40px;
  background-image: url("../images/icon_car.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
/*----------------------------------------------------

	アクセス

----------------------------------------------------*/
.btn_area {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0;
}
.btn {
	border-radius: 24px;
	font-size: 24px;
	padding: 1px 38px;
}
.btn-access {
	background-color: #0191da;
	color: #fff;
	margin: 0 auto;
}
.btn-access:hover {
	color: #fff;
	opacity: 0.8;
}
/*ムービー掲載後*/
.btn_area.open_btn {
	margin-top: 25px;
}

/*----------------------------------------------------

	見どころ

----------------------------------------------------*/
.box_car p {
	margin-bottom: 0;
}
.box_car .text_att {
	color: #e5004f;	
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.box_car .car_image {
	margin: 15px auto;
}

.btn-car {
	background-color: #e5004f;	
	color: #fff;
	margin: 0 auto;
}
.btn-car:hover {
	color: #fff;
	opacity: 0.8;
}

/*ムービー掲載後*/
.open_text {
	font-size: 15px;
	line-height: 1.3;
	padding-bottom: 5px;
}
/*----------------------------------------------------

	展示内容

----------------------------------------------------*/
.box_display h3 {
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: #8fc31f;
	border-radius: 3px;
	text-align: center;
}

.box_display ul {
	padding-left: 20px;
	font-size: 15px;
}
/*----------------------------------------------------

	アクセス詳細

----------------------------------------------------*/
/*.box_map .img_map {
	margin-bottom: 20px;
}*/

.btn-map {
	background-color: #8957a1;
	color: #fff;
	margin: 0 auto;
	font-size: 20px;
	line-height: 1;
	padding-top: 5px;
	padding-bottom: 6px;
}
.btn-map:hover {
	color: #fff;
	opacity: 0.8;
}
/*----------------------------------------------------

	展示風景

----------------------------------------------------*/
.btn_photo {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

.btn_photo .btn {
	border-radius: 8px;
	font-size: 22px;
	padding: 1px 38px;
}
.btn-back {
	background-color: #003894;
	color: #fff;
	margin: 0 auto;
}
.btn-back:hover {
	color: #fff;
	opacity: 0.8;
}

.box_photo .flex-wrap img {
	margin-bottom: 18px;
}