@charset "UTF-8";


/* header */

#topContent{
    height: auto;
	width: 100vw;
	margin-bottom: 10vw;
	position: relative;
  background-color: black;
}
#topContentMsg{
	justify-content: center;
  position: absolute;
  width: 100vw;
  top: 10vw;/*上部マージンで中央調整*/
  margin: auto;
  z-index: 1;
  display: flex;
  flex-flow: column;
  color: #fff;
}
#topContentMsg > h2{
    width: 80%;
  text-align: center;
  font-size: 6vw;
  line-height: 10vw;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  transform: initial;
  margin-top: 5vw;/*上部マージンでロゴとの間隔を調整*/
  font-weight: 500;
	text-shadow: 0 0 1vw #000;
}
#topContentMsg > h2 span{
  text-align: center;
  font-size: 12vw;
  font-family: "Rockwell", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  transform: initial;
  line-height: 12vw;
  font-weight: 600;
	text-shadow: 0 0 2vw #000;
}
#topContent > img{
  max-width: initial;
  object-fit: cover;
  width: 100%;
  height: auto;
  opacity: 0.8;
}

/*---------------------*/
#mainV{
	height: auto;
	width: 100vw;
	max-width: initial;
	min-width: 100%;
	min-height: 100%;
}

header h1 {
  margin: 7.5vw 70vw 0 10vw;
}
header > *{
  height: 100%;
}
header section.loaded{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
header.loaded h1{
  margin: 8vw 0 0 -16.25vw;
}
header.loaded h1 img,
h1 img,
h1 svg {
  width: 20vw;
  height: auto;
}
h1 svg *{
  fill: #FFF;
}
/*---------------------*/

/*
h3{
	font-size: 6.04vw;
	text-align: center;
	margin: 0 0 0vw;
	font-weight: bold;
}
h3 img{
	display: block;
	margin:9.18vw  auto;
}
*/





/* H3_コンテンツ */

.inner_Content{
	width: 100%;
	background-color: #fff;
	font-size: 3.6vw;
	line-height: 7.2vw;
	font-weight: 500;
	color: #202020;
}
.inner_Content.gray{
	background-color: #eeedee;
}
.inner_Content .inside{
	margin: 0vw 5vw 10vw;
}
.inner_Content > .inside p.inner{
  padding: 0vw 0vw 0vw 0vw;
  margin: 0vw 5vw 0vw;/*    padding: 6.09vw 0 5.21vw;*/
  }
.inner_Content h3{
	font-size: 160%;
	font-weight: bold;
	margin-bottom: 5vw;
}
.inner_Content h4{
	margin-top: 0vw;
	padding: 2.5vw 10vw;
	font-size: 160%;
	font-weight: bold;
	color: #fff;
	background-color: #202020;
		line-height: 150%;
}
.inner_Content h4 span{
	margin-left: 5vw;
	font-size: 70%;
	font-weight: bold;
}
.inner_Content h4 .h4_logo_gopro{
    width: 20%;
    position:absolute;
    margin-top:-8.8vw;
    right: 10vw;
}
.inner_Content h4 .h4_logo_panasonic{
    width: 25%;
    position:absolute;
    margin-top:-8.5vw;/*-17.5/27*/
    right: 10vw;
}
.inner_Content h5{
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 5vw;
}
.inner_Content h5 span{
	font-size: 80%;
	margin-bottom: 5vw;
}
.inner_Content p{
  font-size: 3.5vw;
  line-height: 7.25vw;
  word-break: break-all;
	text-align: justify;	
}


/*本文回り込み*/
.boxSet {
	margin: 0vw 0vw 10vw;
}
.boxSet > .text {
	margin: 0vw 12.5vw 10vw 11vw;
}
.boxSet > .text_min {
	margin: 0vw 12.5vw -3vw 11vw;
}
.boxSet > .text > p > span {
	display: block;
	line-height: 5vw;
	font-size:90%;
	margin-top: -5vw;
}
.boxSet > .text > p.dates {
	display: block;
	line-height: 6vw;
	font-size:110%;
	margin-bottom: 5vw;
}
.boxSet img {
	width: 100%;
	margin: 0vw 0vw 5vw 0vw;
}
.boxSet > .map{
  width: 80%;
  height: auto;
  margin: 0 0vw 0vw 10vw;
  vertical-align: bottom;
}
.boxSet > a> .map2{
  width: 80%;
  height: auto;
  margin: 0vw 0vw 0vw 10vw;
}
.boxSet > .ver > iframe {/*2025ch*/
	width: 100vw;
	height: 100vh;
	margin: 0vw 0vw 0vw 0vw;
}
.boxSet > .hor > iframe {/*2025ch*/
	width: 100vw;
	height: 56.25vw;
	float: right;
	margin: 0vw 0vw 10vw 0vw;
}
.boxSet > .hor_inner > iframe {/*2025ch*/
	width: 80vw;
	height: 45vw;
	float: left;
	margin: 5vw 0vw 2vw 10vw;
}
.boxSet > .GPSmap > iframe {/*2025ch*/
width: 80%;
height: 55vh;
  margin: 0vw 0vw 0 10vw;
}
.box_main {
	margin: 0;
	padding: 0 0vw 5vw;
}
.alone > a{/*2025ch*/
	display: flex;
	margin: 0vw 10vw 5vw;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
	width: 80vw;
	line-height: 4vw;
	position: relative;
	/*border: 0.2vw solid #202020;*/
	/*border-radius: 0.5vw;*/
	border-radius: 2vw 2vw 2vw 2vw;	
	padding: 2vw 0 2vw;/*上下余白指定*/
	text-align: center;/*テキスト中央寄せ*/
	color: #202020;
	background-color: #FAFAA6;
	border: 0.5vw solid #202020;
	/*border-top: none;*/ 
	/*box-shadow: inset 0vw 2vw 2vw -1.5vw rgba(0, 0, 0, 0.4);*/
	font-size: 3.0vw;
}	
.alone_green > a{/*2025ch*/
	display: flex;
	margin: 0vw 10vw 5vw;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
	width: 80vw;
	line-height: 4vw;
	position: relative;
	/*border: 0.2vw solid #202020;*/
	/*border-radius: 0.5vw;*/
	border-radius: 2vw 2vw 2vw 2vw;	
	padding: 2vw 0 2vw;/*上下余白指定*/
	text-align: center;/*テキスト中央寄せ*/
	color: #202020;
	background-color: #B0E8BC;
	border: 0.5vw solid #202020;
	/*border-top: none;*/ 
	/*box-shadow: inset 0vw 2vw 2vw -1.5vw rgba(0, 0, 0, 0.4);*/
	font-size: 3.0vw;
}
.alone_black > a{/*2025ch*/
	display: flex;
	margin: 0vw 10vw 5vw;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
	width: 80vw;
	line-height: 4vw;
	position: relative;
	/*border: 0.2vw solid #202020;*/
	/*border-radius: 0.5vw;*/
	border-radius: 2vw 2vw 2vw 2vw;	
	padding: 2vw 0 2vw;/*上下余白指定*/
	text-align: center;/*テキスト中央寄せ*/
	color: #fff;
	background-color: #202020;
	border: 0.5vw solid #202020;
	/*border-top: none;*/ 
	/*box-shadow: inset 0vw 2vw 2vw -1.5vw rgba(0, 0, 0, 0.4);*/
	font-size: 3.0vw;
}
.subH {
	margin-bottom: 4vw;
	padding: 2vw 3vw 2vw 3vw;
	border-radius: 1vw;
	line-height: 5vw;
    font-size: 110%;
	color: #fff;
	background-color: #B7B29F;
}
.subH_1 {
	margin-bottom: 2vw;
	padding: 1vw 3vw 2vw 0vw;
	color: #202020;
	border-bottom: 0.5vw solid #202020;
}
.H_sub {
	margin: 0 10vw 4vw;
	padding: 1vw 3vw 1vw 3vw;
	border-radius: 1vw;
	color: #fff;
	background-color: #B7B29F;
}












/*別ウインドウボタン*/
.Btn{
	display: block;
	line-height: 5vw;
	position: relative;
	/*border: 0.5vw solid #202020;*/
	border-radius: 1vw;
	margin-bottom: 5vw;
	padding: 2vw 0;/*上下余白指定*/
	text-align: center;/*テキスト中央寄せ*/
	color: #fff;
	background-color: #000;
}
.Btn-booth{
	display: block;
	line-height: 10vw;
	position: relative;
	/*border: 0.5vw solid #202020;*/
	border-radius: 1vw;
	margin-bottom: 5vw;
	padding: 2vw 0;/*上下余白指定*/
	text-align: center;/*テキスト中央寄せ*/
	color: #fff;
	background-color: #000;
}
.Btn-Map{
	display: block;
	line-height: 5vw;
	position: relative;
	/*border: 0.5vw solid #202020;*/
	border-radius: 1vw;
	margin-bottom: 5vw;
	padding: 2vw 0;/*上下余白指定*/
	text-align: center;/*テキスト中央寄せ*/
	color: #fff;
	background-color: #8D4041;
}
.Btn-rental{
	display: block;
	line-height: 5vw;
	position: relative;
	/*border: 0.5vw solid #202020;*/
	border-radius: 1vw;
	margin: 4vw 0 5vw;
	padding: 2vw 0;/*上下余白指定*/
	text-align: center;/*テキスト中央寄せ*/
	color: #fff;
	background-color: #8D4041;
}
.Btn-Icon{
  position: absolute;
  top: 50%;
  right: 5vw;/*右からの距離*/
  width: 2.5vw;/*アイコンの横幅指定*/
  transform: translateY(-50%);/*この指定で上下中央に*/
}



/* タブ */
.navs{
	width: 100%;
	height: 14vw;
	margin-bottom: 5vw;/*2025ch*/
	display: flex;
	justify-content: center;
	padding: 0vw 10vw;
	text-align: center;
	border-bottom: 0.5vw solid #020202;
	background-color: #fff;
	position: relative;
}

.navs_item,li .navs_item>a {
	width: calc(100%/4);
	height: 100%;
	padding-top: 3.6vw;/*高さ調整*/
	font-size: 110%;
	font-weight: bold;
	line-height: 3.0vw;
	background-color: #fff;
	text-align: center;
    display: block;
	float: left;
	transition: all 0.3s ease;
	cursor: pointer;
}
.navs li+li{
    position: relative;
}
.navs li+li::before{
    content: "";
    display: block;
    height: 6vw;
    border-left: 0.5vw solid #202020;
    position: absolute;
    margin: auto;
}
.navs li:first-of-type{
	border-left: none;
}
.navs_item_current{	
	background-color: #202020;
	color:#fff;
}
.navs .navs_item_current + li::before {
	display:none;
}
.navs span{
	/*display: inline-block;*/
	display:block;
	width: 100%;
	padding-top: 1vw;
	font-size: 50%;
	line-height: 2.4vw;
}
.list-wrap-tab ul.hide{
	display: none;
}

	




/* テーブル */

.table-scroll {
	overflow-x: auto;
	margin-left: 10vw;
	margin-bottom: 2.5vw;
	padding-bottom: 5vw;
/*スクロールバー非表示（IE・Edge）*/
	-ms-overflow-style: none;
/*スクロールバー非表示（Firefox）*/
	scrollbar-width: none;
}
/*スクロールバー非表示（Chrome・Safari）*/
.table-scroll::-webkit-scrollbar{
	display:none;
}
.table_design {
	border-collapse: separate;
	table-layout: fixed;
	width: auto;
	line-height: 120%;
	border-spacing: 0px;/************/
	font-size: 80%;
}
.table_design thead th {
	white-space: nowrap;
	padding: 2.5vw 10vw 2vw 2vw;
	font-weight: bold;
}
.table_design span {
	font-size: 70%;
}
.table_design p.fin {
  text-align: center;
	background-color: indianred;
	width: 100%;
	margin-top: 1vw;
    border-radius: 1vw;
    padding: 0 0.5vw;
	color: #fff;
	font-size: 100%;
}
/*.table_design thead th:nth-child(2) {
  position: relative;
}*/
.table_design tbody {
	border-collapse: separate;
	border-spacing: 2px;
}
.table_design th {
	white-space: nowrap;
	padding: 2vw;
	border-bottom: 2px solid #aaa;/*******/
	border-right: 2px solid #aaa;/*******/
}
.table_design th.sticky {
	position: sticky;
	top: 0;
	left: 0;
	background: none;
	border-left: none;
	border-right: none;
		border-right: 2px solid #aaa;/*******/

}
.table_design th.sticky:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #eeedee;
	z-index: -1;
}
.table_design th.sticky-gray {
	position: sticky;
	top: 0;
	left: 0;
	background: none;
	border-left: none;
	border-right: none;
	border-bottom: 8px solid #eeedee;/*******/
}
.table_design th.sticky-gray:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    background-color: #DFDED5;
	z-index: -1;
}
.table_design td.none-border {
	border-bottom: 8px solid #eeedee;/*******/
	border-right: 0px solid #aaa;/*******/
}
.table_design th.gray,td.gray {
    background-color: #eeedee;
}
.table_design tr {
	width: auto;
}
/*.table_design tbody tr:nth-child(odd) {
  background-color: #fff;
}*/
.table_design td {
	padding: 2vw;
	border-bottom: 2px solid #aaa;/*******/
	border-right: 2px solid #aaa;/*******/
}
.table_design th.gray,td.gray {
    /*background-color: #E1E0E1;*/
}







/* スライド */
.slide-scroll{
    overflow-x: scroll;
	overflow-y: hidden;
	margin-left: 10vw;
	margin-bottom: 20vw;
	-ms-overflow-style: none;/*スクロールバー非表示（IE・Edge）*/
	scrollbar-width: none;/*スクロールバー非表示（Firefox）*/
}
.slide-scroll::-webkit-scrollbar{/*スクロールバー非表示（Chrome・Safari）*/
	display:none;
}
.slide-scroll>div{
    width: 40vw;
    height: 28vw;
	display: flex;
}
.slide-scroll>div>div{
	white-space: nowrap;
	flex-shrink: 0;
	width: 50vw;/*単体：横幅*/
    margin-right: 5vw;
	position: relative;
	text-align: center;
	background-color: black;
	/*border-radius: 2vw;*/
}
.slide-scroll>div>div img.imgbg{
	opacity: 0.6;
	/*border-radius: 2vw;*/
}
.slide-scroll>div>div img.imgup{
	width: 25%;
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
}
.slide-scroll>div>div p{
	width: 100%;
	position: absolute;
	top: 72%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 110%;
	color: #fff;
	font-weight: bold;
	line-height: 4.5vw;
	text-align: center; 	
}


/*スライドスクロール（写真のみ）*/
.slide-scroll2{
	margin-left: 10vw;
	margin-bottom: 10vw;
}
/* simplebar用 */
.simplebar-track {
    border-radius: 1vw;/* バーに丸みをもたせる*/
}
.simplebar-track .simplebar-scrollbar.simplebar-visible::before{
  opacity:1;
}
.simplebar-track .simplebar-scrollbar::before{
  background: #bbb;/* バー色設定 */
}
.scroll-area{
  height:auto;
  padding-bottom:0vw;
}

.scroll_list{
  margin: 0 auto;
  padding: 0;
  width: 100%;  /* コンテンツが見切れて見えるようにする */
  overflow-x: scroll;  /* 横スクロールの指定 */
  white-space: nowrap;  /* 横スクロールの指定 */
  overflow-scrolling: touch;  /* スクロールを滑らかにする */
  -webkit-overflow-scrolling: touch;  /* スクロールを滑らかにする */
    scrollbar-color: #bbb #eeedee;
}
.flex{
	display:flex;
}
.flex img{
	max-width: 60vw;
	height: auto;
	margin-right: 5vw;
}




/*アコーディオン*/
.accordion {
	margin: 0 0 0vw;
	width: 100%;
	font-size: 100%;
	padding-left: 0vw;
}
.accordion p{
  padding-bottom: 0vw;
	  width: 100%;
}
.toggle {
  display: none;
}
.faq {
  position: relative;
  margin-bottom: 5vw;
}
.question,.answer {
  transform: translateZ(0);
  transition: all 0.3s;
}
.question {
  width: 86%;
	margin-left: 5vw;
	border-radius: 2vw;
	border: solid 2px #202020;
  padding: 3vw 0vw 3vw 3vw;
  display: block;
  color: #202020;
	cursor: pointer;
}
.question span,.answer span {
    font-size: 120%;
    padding-right: 0.6rem;
    color: #202020;
    line-height: 0;
}
.question:after,.question:before {
  content: "";
  position: absolute;
  right: 5vw;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 2px;
  height: 4vw;
  background-color: #202020;
  transition: all 0.3s;
}
.question:after {
  transform: rotate(90deg);
}
.answer {
  max-height: 0;
  overflow: hidden;
}
.answer > .answerContent {
  margin-top: 2.5vw;
  padding: 3vw 8vw 3vw 5vw;
}
.answer > .answerContent p{
  margin-bottom: 0vw;
}
.toggle:checked + .question + .answer {
  max-height: 10000px;/*コンテンツ高さ調整*/
  transition: all 1.5s;
}
.toggle:checked + .question:before {
  transform: rotate(90deg) !important;
}





/*画面内スクロールボタン*/

/* 吹き出し本体 */
.balloonSet{
	margin: 0 13vw 4vw 10vw;
	position: relative;
    display: flex;/* フレックスボックスにする */
    justify-content:space-between;/*center*/
	flex-wrap: wrap;            /* 折り返し指定 */
}
.balloonSet > a{
	margin: 0 0vw 5vw 0;
	padding: 2vw 2vw;
	width: 35vw;
	position: relative;
	background-color: #fff;
	border: 0.5vw solid #202020;
	border-radius: 1vw;
	text-align: center;
	cursor: pointer;
	line-height: 4vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 3.0vw;
}
.balloonSet > .balloon2{
	margin: 0 0vw 8vw 0;
	width: 80vw;
	height: 12.5vw;
	line-height: 4vw;
}
.balloonSet > a::before{
	content: '';
	position: absolute;
	display: block;
	margin: 0 0vw 0vw 15.5vw;
	width: 0;
	height: 0;
	left: 0;
	bottom: -2.8vw;
	border-right: 1.6vw solid transparent;
	border-top: 2.8vw solid #202020;
	border-left: 1.6vw solid transparent;
}
.balloonSet > .balloon2::before{
	content: '';
	position: absolute;
	display: block;
	margin: 0 0vw 0vw 37vw;
	width: 0;
	height: 0;
	left: 0;
	bottom: -2.8vw;
	border-right: 1.6vw solid transparent;
	border-top: 2.8vw solid #202020;
	border-left: 1.6vw solid transparent;
}
/* 吹き出し本体 *//*2025ch*/
.balloonSet_movie{
	margin: 8vw 0vw 0vw 0vw;
	position: relative;
    display: flex;/* フレックスボックスにする */
    justify-content:space-between;/*center*/
	flex-wrap: wrap;            /* 折り返し指定 */
}
.balloonSet_movie > a{
	margin: 0 0vw 5vw 0;
	padding: 2vw 2vw;
	width: 35vw;
	position: relative;
	background-color: #fff;
	border: 0.5vw solid #202020;
	border-radius: 1vw;
	text-align: center;
	cursor: pointer;
	line-height: 5vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.balloonSet_movie > a::before{
	content: '';
	position: absolute;
	display: block;
	margin: 0 0vw 0vw 15.5vw;
	width: 0;
	height: 0;
	left: 0;
	bottom: -2.8vw;
	border-right: 1.6vw solid transparent;
	border-top: 2.8vw solid #202020;
	border-left: 1.6vw solid transparent;
}


/*お問い合わせフォーム*/
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
    text-align: left;
}
table.formTable th {
	margin-top:5vw;
	border-bottom:0;
}
form input[type="text"], form textarea {
	width:100%;
    margin-bottom: 5vw;
	padding:2vw;
	font-size:110%;
	display:block;
}
form input[type="submit"], form input[type="reset"], form input[type="button"] {
	display:block;
	width:100%;
	height:10vw;
    margin-top: 3vw;
    font-size: 100%;
    font-weight: bold;
    color: #fff;
    background-color: #202020;
	border:0;
}
p span.red {
	/*display: block;*/
    width: auto;
    height: auto;
    font-size: 80%;
    margin: 4vw 2vw;
    padding: 1vw 2vw;
    color: #fff;
	border-radius: 1vw;
    background-color: #656565;
}
p span.underline {
    text-decoration:underline;
}

/*********************************************************/

.inner_Content.report{
	background-color: #7F994A;
	color: #fff;
}

/* フォトアルバム：写真表示サイズ */
.baguetteBoxReport .album {
	height: auto;
	/*width: 32vw;*/
	width: calc(97vw/3);
	padding: 0px;
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 0.8vw;
	margin-left: 0vw;/*1.3*/
	margin-right: 0vw;/*1.3*/
}
.baguetteBoxReport {
	width: 100vw;
	padding-left: .8vw;
}
.baguetteBoxReport img{
	margin: -0vw;
	padding: 0vw;
}


/* タブ */
.navs{
	width: 100%;
	height: 14vw;
	margin-bottom: 8vw;
	display: flex;
	justify-content: center;
	padding: 0vw 9vw;
	text-align: center;
	border-bottom: 0.5vw solid #7F994A;
	background-color: #fff;
	position: relative;
}
.navs_item,li .navs_item>a {
	width: calc(100%/4);
	height: 100%;
	padding-top: 2.4vw;/*高さ調整*/
	font-size: 120%;
	font-weight: bold;
	line-height: 4.5vw;/*高さ調整*/
	background-color: #fff;
	text-align: center;
    display: block;
	float: left;
	transition: all 0.3s ease;
	cursor: pointer;
	color:#7F994A;/**/
	border: 0.5vw solid #7F994A;
	border-bottom:none;
	border-radius: 2vw 2vw 0vw 0vw;
	margin-left: 0.6vw;
}
.navs li+li{
    position: relative;
}
.navs li+li::before{
    content: "";
    display: block;
    height: 100%;/*線の長さ調整*/
    border-left: none;
    position: absolute;
    margin: auto;
}
.navs li:first-of-type{
	border: 0.5vw solid #7F994A;
	border-bottom:none;
}
.navs_item_current{	
	background-color: #7F994A;
	color:#fff;
  border-radius: 2vw 2vw 0vw 0vw;
}
.navs .navs_item_current + li::before {
	display:none;
}
.navs span{
	/*display: inline-block;*/
	display:block;
	width: 100%;
	font-size: 55%;
	line-height: 2.4vw;
	margin-top: -0.7vw;
}
.list-wrap-tab ul.hide{
	display: none;
}
.balloon{
	color: #202020;
}
.inner_Content h4{
	margin-top: 10vw;
}