@charset "UTF-8";
@media screen and (min-width: 1080px) {

#topContent{
    height: 18vw;
	margin-bottom: 3vw;
}
#topContentMsg>h2 {
	line-height: 3.6vw;/**/
	font-size: 2.5vw;
	margin: 3.5vw 0 0 0;/*上部マージン*/
}
#topContentMsg>h2>span {
	font-size: 5vw;
	transform: initial;
  	line-height: 4vw;
	font-weight: 600;
	text-shadow: 0 0 2vw #000;
}
#topContent > img{
  max-width: initial;
  object-fit: cover;
  width: 100%;
  height: auto;
}
#thumbnail_title{
  display: block;
  height: 6vw;
  margin-left: -0.9vw;
  margin-right: 0;
}
	
	
	
/*アコーディオン*/
.accordion {
	display: block;
	margin: 0vw 0vw 0 0vw;
	padding: 0 2.6vw 0 7.5vw;
	font-size: 100%;
}
.accordion p{
	padding-bottom: 0vw;
	width: 100%;
}
.toggle {
  display: none;
}
.faq {
  position: relative;
}
.question,.answer {
  transform: translateZ(0);
  transition: all 0.3s;
}
	
.question {
	margin: 0vw 0vw 2.5vw 0vw;
	border-radius: 1vw;
	border: solid 0.2vw #202020;
  padding: 1.5vw 5vw 1.5vw 1.5vw;
  display: block;
  color: #18293c;
	background-color: #fff;
	cursor: pointer;
	line-height: 2.5vw;
}
.question > p{
  display: block;
	cursor: pointer;
	line-height: 2vw;
	margin: 1vw 0vw 0 0vw;
}
.question > span {
	display: block;
    font-size: 120%;
	margin: 0 0 0vw;
    line-height: 1.5vw;
  font-weight: 600;	
}
.question:after,.question:before {
  content: "";
  position: absolute;
  right: 2.5vw;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0.2vw;
  height: 2vw;
  background-color: #18293c;
  transition: all 0.3s;
}
.question:after {
  transform: rotate(90deg);
}
.answer {
  max-height: 0;
  overflow: hidden;
}
.answer > .answerContent {
  margin: 0vw 5vw 0vw 0vw;
  padding: 0vw 0vw 0vw 0vw;
}
.answer > .answerContent p{
  margin-bottom: 2.5vw;
}
.answer > .answerContent p span{
	display: block;
    font-size: 90%;
	margin: 1vw 0 0vw;
	line-height: 2.5vw;
	font-weight: 400;	
}
.toggle:checked + .question + .answer {
  max-height: 10000px;/*コンテンツ高さ調整*/
  transition: all 1.5s;
}
.toggle:checked + .question:before {
  transform: rotate(90deg) !important;
}	
	

/*スライドスクロール（写真のみ）*/
.slide-scroll2{
	margin-top: -4vw;
	margin-left: -5vw;
	margin-bottom: 3vw;
}
.slide-scroll3{
	margin: 0 -10vw 3vw 7.5vw;
}
/* 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:1vw;
}
.flex,.flex2{
	display:flex;
}
.flex img{
	max-width: 65vw;
	height: auto;
	margin-right: 1vw;
}	
.flex2 img{
	max-width: 20vw;
	height: auto;
	margin-right: 1vw;
}

    
/* マップ：リンクボタン */
/*
  #audiencePoints #introUnder p{
    margin-top: 7.2vw;
  }
  #audienceSpot {
    width: 100%;
  }

  #audienceSpotWrap {
    width: 64.63vw;
    margin: 4.58vw 0 0 8vw;
    position: relative;
    overflow: initial;
  }
  #audienceSpot img:first-child {
    width: 23.83vw;
    height: auto;
    margin-bottom: 1.72vw;
    padding-left: 0;
  }

  #audienceSpot #mapWrap img:first-child {
    height: auto;
    width: 64.63vw;
    margin-bottom: 0;
    padding-left: 0;
    cursor: initial;
  }
  #audienceSpotWrap .tab li {
    width: 3.1vw;
    height: 3.1vw;
  }

  #point1{
    top: 8vw;
    left: 9.5vw;
  }
  #point2{
    top: 2vw;
    left: 8vw;
  }
*/
    
    
 #mapWrap img.map{/*******************************/
  width: 65vw;
  height: auto;
  position: relative;
  padding: 0;
}   
 #audienceSpotWrap .scroll_set{
  margin: 0 0VW 0 0vw;
  padding: 0;
  width: 76vw;
  overflow-x: scroll;  /* 横スクロールの指定 */
  white-space: nowrap;  /* 横スクロールの指定 */
  overflow-scrolling: touch;  /* スクロールを滑らかにする */
  -webkit-overflow-scrolling: touch;  /* スクロールを滑らかにする */
    scrollbar-color: #bbb #fff;
}

#audienceSpotWrap .tab li.award{/**********************ボタン形状*/
  display: block;
  width: 4.9vw;
  height: 3.0vw;
    border: none;
  justify-content: center;
  align-items: center;
    color: #000;
  background-color: none;
    cursor:initial;
}
#audienceSpotWrap .tab li.award a {
  display: block;
  width: 100%;
  height: 170%;
  background-color: none;
}   
#audienceSpotWrap .tab li.booth{/**********************ボタン形状*/
  display: block;
  width: 8vw;
  height: 3.1vw;
  border-radius: 0.5vw;
    border: none;
  justify-content: center;
  align-items: center;
    color: #000;
  background-color: none;
    cursor:initial;

}
#audienceSpotWrap .tab li.booth a {
  display: block;
  width: 100%;
  height: 170%;
  background-color: none;
}       

#audienceSpotWrap .tab li.active{
  /*background: none;*/
}
#point1{/*************************************各ボタンの位置*/
  position: absolute;
  top: 21.2vw;
  left: 25.6vw;
}
#point2{
  position: absolute;
  top: 23.2vw;
  left: 34.7vw;
}   
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

}