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

/* header */
header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 122;
  background: rgba(0, 0, 0, 0);
}

header a {
  pointer-events: none;
}

header h1 {
  margin: 9.5vh auto 0 4vw;
  margin: 25.5vh auto 0 0;
  width: 100vw;
  display: flex;
  justify-content: center;
}

header.loaded h1 {
  width: 18vw;
}
header.loaded h1 img, h1 img, h1 svg {
  width: 9vw;
  height: auto;
}
header h1 img {
  top: 16vh;
  left: 40vw;
  width: 12vw;
  height: 3.25vh;
  transition: all 1s;
}

header.loaded a {
  pointer-events: initial;
}
/* 
header.loaded h1 img {
  top: 0;
  left: 0;
  transition: all 1s;
} */

header section>div {
  opacity: 0;
  transition: all 1s;
}

header.loaded section>div {
  opacity: 1;
}

/* header */
/* プリロード */
#preloadCon {
  padding: 5vw 0 0;
  padding: 11vh 0 0;
  line-height: 6vw;
  line-height: 10vh;
  display: flex;
  flex-flow: column;
  align-items: center;
}

#preloadCon h2 {
  font-size: 3.71vw;
  font-size: 7.4vh;
}

#preloadWrap p {
  text-align: center;
  margin: 5vw 0;
}

#preloadWrap {
  height: 100%;
  padding-top: 24vh;
}

#preloadWrap p {
  font-size: .94vw;
  font-size: 1.65vh;
  line-height: 1.75vw;
  line-height: 3.2vh;
  padding: 7.5vh 0 0;
  margin: 1vh 0;
}

#preloadWrap img {
  width: 100%;
}

#preloadWrap b#preloadBar {
  display: block;
  width: 0;
  height: 3px;
  margin-top: 5vw;
  background: #3D392B;
  transition: all .2s;
}

#preloadWrap #skip {
  margin: 6vh auto 0;
  font-size: 1.7vw;
  font-size: 2.4vh;
  width: 3.5vw;
  width: 4.25vh;
  padding: 0 0 .5vw;
  cursor: pointer;
}

#preloadWrap #skip:active,
#preloadWrap #skip:hover {
  letter-spacing: .2vw;
  padding-left: .25vw;
}

#topfloatingMenu {
  height: 4.26vw;
  line-height: .62vw;
  width: 11.39vw;
  padding: 0 3.2vw 0 .9vw;
}
#topfloatingMenu svg {
  height: auto;
  width: 1.76vw;
}
#topfloatingMenu p {
  font-size: 0.99vw;
  line-height: 1.41vw;
}
/* プリロード */
/* ファーストビュー */
#mainV {
  /* height: calc(100vh - 4.17vw); */
  margin-bottom: 0;
}

#mainV #slider .msg {
  width: 30.2vw;
  bottom: 24.5vh;
  right: 0;
  left: initial;
  cursor: pointer;
  text-align: left;
}

#mainV #slider .msg h3 {
  font-size: 5.73vw;
  line-height: 4.7vw;
  /* transform: scale(1.25, 1); */
  /* font-weight: 200;
margin-left: 3vw; */
  letter-spacing: .2vw;
}

#mainV #slider img.icon {
  width: 2.8vw;
}

#mainV #slider .msg p {
  padding: .8vw 0 0;
  margin-top: 0;
  font-size: 1.9vw;
  height: 5vw;
  line-height: 2vw;
  font-weight: 400;
  text-align: left;
}

#mainV #slider li.black .msg h3,
#mainV #slider li.black .msg p,
#mainV #slider li.black a span,
#mainV #slider li.black .msg a .dliPlus,
#mainV #slider li.black .msg a .dliPlus::before {
  color: #000;
}

#mainV #slider li.black .msg a {
  border-color: #000;
}

#mainV #slider li .msg a {
  color: #fff;
  padding: 1vw 0 .5vw;
  width: 69%;
  font-size: 1.36vw;
  font-weight: 400;
  border-bottom: 2px solid #fff;
  letter-spacing: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#mainV #slider li .msg:hover a {
  letter-spacing: .3vw;
}

#mainV #slider li a span {
  font-family: "Oswald", "Bebas Neue", "Bebas", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

#mainV #slider li .msg a .dliPlus,
#mainV #slider li .msg a .dliPlus::before {
  color: #FFF;
  width: .73vw;
  height: 1px;
  top: 0;
}

#mainV #slider li .msg:hover a .dliPlus {
  width: 20vw;
}

#mainV #slider li .msg:hover a .dliPlus::before {
  width: 0;
}

#mainMsg img{
  width: 36%;
  /* top: 28.13vw; */
  bottom: 8.75vh;
}

.viewMore:hover {
  height: 0;
}

.viewMore:hover {
  margin-bottom: 0;
}

#mainVPager {
  width: 0.6vw;
  margin-top: 1vw;
  left: 89.75vw;
  /* top: calc(50vh + 8.15vw - 4vw); */
  bottom: 8.5vh;
  flex-flow: column;
}

#mainVPager>div {
  font-size: 1.5vw;
  padding: .75vw;
  line-height: .8vw;
}

#mainVPager .prevArrow,
#mainVPager .nextArrow {
  cursor: pointer;
}

#mainVPager button {
  width: 100%;
  height: .9vw;
  display: flex;
  justify-content: center;
  cursor: pointer;
}

#mainVPager button img {
  width: 2vw;
  max-width: initial;
  height: 0.5vw;
}

#mainVPager button:first-child img {
  transform: rotateX(180deg);
}
/* 縦線 */
#mainVPager .align_border {
  display: flex;
  flex-flow: column;
  justify-content: center;
  height: 5.5vw;
  padding: .25vw 0;
  margin: 0;
}

#mainVPager .align_border div {
  width: 50%;
  height: 100%;
}
#mainVPager .align_border div:first-child {
  width: 1px;
}

/* 縦線 */
/* ファーストビュー */
.innerContent .iconTtl img {
  margin: 0 1.75vw -.25vw 0;
  width: 3.27vw;
}

.controllScrollOver {
  margin: 0 0 3.1vw;
}

.controllScrollWrap {
  width: 80vw;
  height: 23.07vw;
}

#topSlideInclude li {
  margin-right: 2.6vw;
}

#topSlideInclude li:last-child {
  padding-right: 20vw;
}

body #floatingMenu.spOnly {
  width: 53.59vw;
}

.controllScrollWrap>ul {
  padding-left: 0;
}

.controllScrollWrap a::after {
  right: 0;
  bottom: 0;
  width: 1.1vw;
  height: 1.1vw;
  background-image: url(../img/top/arrowRightDownBlock.svg);
  background-size: .9vw;
  background-position: left top;
}
.controllScrollWrap>ul li {
  margin-right: 2vw;
}
.controllScrollWrap>ul li .msg {
  justify-content: center;
  margin-top: 0;
}

.controllScrollWrap>ul li .msg h3 {
  font-size: 3.18vw;
  line-height: 4.1vw;
  text-align: center;
}

.controllScrollWrap>ul li .msg p {
  font-size: 1.46vw;
  line-height: 1.5vw;
  text-align: center;
}

.controllScrollWrap>ul li .msg b {
  font-size: 1.46vw;
  line-height: 2.8vw;
}
.controllScrollWrap>ul li .msg b.rows3 {
  line-height: 1.8vw;
  margin-bottom: .5vw;
}
.controllScrollWrap>ul li .msg h4 {
  font-size: 1.05vw;
}

.controllScrollBarOver {
  margin-top: 2.8vw;
  display: flex;
  height: 5vw;
}

.controllScrollBar {
  width: 56.5vw;
  cursor: pointer;
}

.controllScrollBarActive {
  cursor: pointer;
}

.controllScrollButtonWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 35vw;
}

.controllScrollButtonPrev,
.controllScrollButtonNext {
  border: 1px solid #333;
  border-radius: 3vw;
  width: 3vw;
  height: 3vw;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .6s;
}

.controllScrollButtonPrev:hover,
.controllScrollButtonNext:hover {
  border-width: 3px;
}

.controllScrollButtonPrev:active,
.controllScrollButtonNext:active {
  background: rgba(0, 0, 0, .2);
}

.controllScrollButtonPrev b,
.controllScrollButtonNext b {
  font-size: 1.5vw;
  transform: scale(1.3, 1.8);
  margin-top: -.2vw;
  display: inline-block;
  font-weight: 400;
  transition: all .6s;
}

.controllScrollButtonPrev:hover b,
.controllScrollButtonNext:hover b {
  font-weight: bold;
  font-size: 1.7vw;
  margin-top: -.3vw;
}


.tabContent {
  height: 30.78vw;
  padding: 0;
  margin: 4.25vw 0 5.95vw;
}
.bannerMsg{
  padding: 0;
  text-shadow: 3px 0 30px rgba(0, 0, 0, .5);
}
/* #scheduleAppWrap .bannerMsg,
#pcSidepaddingWrap .bannerMsg{
  position: absolute;
  top: 0;
  left: 0
} */
#scheduleAppWrap a:first-of-type .bannerMsg::before,
#bannerYoutube .bannerMsg::before,
#bannerGreeting .bannerMsg::before,
#bannerAccessWrap .bannerMsg::before{
  position: absolute;
  content: "";
  top: 0;
  left: -1px;
  width: 6.46vw;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(90deg, rgba(105, 148, 123, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
#scheduleAppWrap #appInfo::after,
#bannerBigpresent .bannerMsg::after,
#bannerSightSeeingWrap .bannerMsg::after,
#bannerRentalBike .bannerMsg::after{
  position: absolute;
  content: "";
  top: 0;
  left: initial;
  right: -1px;
  width: 6.46vw;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(-90deg, rgba(105, 148, 123, 1) 0%, rgba(0, 0, 0, 0) 100%);
  border: none;
}
#pcSidepaddingWrap div:after{
  border: none;
}
#pcSidepaddingWrap a{
  display: block;
  border-bottom: 3px solid #FFF;
}
/* #pcSidepaddingWrap a::after{
  border-bottom: 3px solid;
  border-image: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%, transparent 100%, transparent 100%);
  border-image-slice: 1;
} */

/* #pcSidepaddingWrap div.bannerImgWrap:after,
#bannerScheduleWrap:after{
  border: none;
} */
#pcSidepaddingWrap{
  background-color: #69947b;
  padding: 0 10vw;
  margin-top: -1px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
#bannerGreeting,
#bannerAccessWrap{
  padding-left: 1px;
}
#bannerSightSeeingWrap,
#bannerRentalBike{
  padding-right: 1px;
}
/* #pcSidepaddingWrap:before,#scheduleAppWrap::before {
  position: absolute;
  content: "";
  top: 0;
  left:9.9vw;
  width: 7.03%;
  height: 100%;
  z-index: 3;
  pointer-events: none;
  background-image: linear-gradient(90deg, rgba(105, 148, 123, 1) 0%, rgba(0, 0, 0, 0) 100%);
} */

/* #pcSidepaddingWrap::after{
  position: absolute;
  content: "";
  top: 0;
  right: 9.9vw;
  width: 7.03%;
  height: 100%;
  z-index: 3;
  pointer-events: none;
  background-image: linear-gradient(-90deg, rgba(105, 148, 123, 1) 0%, rgba(0, 0, 0, 0) 100%);
} */
/* #scheduleAppWrap::after {
  position: absolute;
  content: "";
  top: 0;
  right: 9.9vw;
  width: 12.03%;
  height: 100%;
  z-index: 3;
  pointer-events: none;
  background-image: linear-gradient(-90deg, rgba(105, 148, 123, 1) 30%, rgba(0, 0, 0, 0) 100%);
} */
#Familyfriendly .layer2,
#eventReviewWrap .bannerMsg{
  border-left: 4px solid;
  border-image: linear-gradient(to bottom, transparent 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 80%, transparent 80%, transparent 100%);
  border-image-slice: 4;
}
#bannerMapWrap .bannerImgWrap, #bannerAutoCampWrap .bannerImgWrap{
  height: 100%;
}

#bannerSightSeeingWrap .bannerMsg,
#bannerRentalBike .bannerMsg,
#bannerGreeting .bannerMsg,
#bannerAccessWrap .bannerMsg,
#bannerAutoCampWrap .bannerMsg,
#bannerMapWrap .bannerMsg{

  padding:1.77vw 0 0 2.45vw;
}
#bannerSightSeeingWrap .bannerMsg::before,
#bannerRentalBike .bannerMsg::before,
#bannerAutoCampWrap .bannerMsg::before,
#bannerMapWrap .bannerMsg::before,
#bannerStamp .bannerMsg::before,
#bannerBigpresent .bannerMsg::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-left: 3px solid;
  border-image: linear-gradient(to bottom, transparent 15%, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 1) 85%, transparent 85%, transparent 100%);  border-image-slice: 1;
}
#pcSidepaddingWrap #bannerAccessWrap .bannerMsg h3,
#pcSidepaddingWrap #bannerRentalBike .bannerMsg h3{
  font-size: 2.05vw;
  line-height: initial;
}
#pcSidepaddingWrap #bannerAccessWrap .bannerMsg,
#pcSidepaddingWrap #bannerRentalBike .bannerMsg{
  padding-top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#pcSidepaddingWrap #bannerAccessWrap .bannerMsg:after,
#pcSidepaddingWrap #bannerRentalBike .bannerMsg:after{
  border: none;
}
#pcSidepaddingWrap #bannerAccessWrap .bannerMsg p:last-child,
#pcSidepaddingWrap #bannerRentalBike .bannerMsg p:last-child{
  right: 4.5vw;
  top: 3.5vw;
}
#appInfo::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -1px;
  width: 100%;
  height: 100%;
  border-left: 3px solid;
  border-image: linear-gradient(to bottom, transparent 12%, rgba(255, 255, 255, 1) 12%, rgba(255, 255, 255, 1) 88%, transparent 88%);
  border-image-slice: 4;
}
#bannerMapWrap .bannerMsg, 
#bannerAutoCampWrap .bannerMsg{
  padding:1.77vw 0 0 0;
}
#bannerBigpresent .bannerMsg{
  padding:1.77vw 0 0 2.45vw;
}
#bannerYoutube .bannerMsg{
  padding:0.77vw 0 0 1vw;
  text-align: center;
}
#pcSidepaddingWrap #bannerYoutube .bannerMsg p:last-child {
  position: relative;
  right: initial;
  width: 7.5rem;
  width: 4.5vw;
  margin:0 auto;
  top:.5vw;
}
#pcSidepaddingWrap #bannerYoutube .bannerMsg p{
  text-align: center;
  margin: 1vw 0 0;
}
#pcSidepaddingWrap #bannerYoutube .bannerMsg p:first-child{
  margin-top: -2vw;
}
#bannerBigpresent .bannerMsg p:last-child,
#bannerGreeting .bannerMsg p:last-child,
#bannerSightSeeingWrap .bannerMsg p:last-child{
top:2vw;
}
#bannerMapWrap .bannerImgWrap img, #bannerAutoCampWrap .bannerImgWrap img{
  height: 100%;
}
/* #bannerBigpresent,
.mainmenu div a:nth-child(odd)::after,
.mainmenu div a:nth-child(even)::before,
.mainmenu a::after,
#bannerEverntWrap:after, 
#Familyfriendly a:after, 
#bannerScheduleWrap:after{
  content: none;
  border: none;
  border-bottom: 1px solid #fff;
} */
.mainmenu div a:nth-child(odd):after{
  border-bottom: none;
}
.bannerMsg p:last-child:before {
  width: 0.67vw;
  height: 100%;
  left: -1vw;
}
#bannerAutoCampWrap .bannerMsg p:last-child:before, #bannerMapWrap .bannerMsg p:last-child:before {
  left: -1vw;
}
#pcSidepaddingWrap #bannerBigpresent,#pcSidepaddingWrap #bannerAccessWrap{
  border-left: none;
}
#spMainBannerHelfSize > a {
  display: block;
  width: 50vw;
  height: 24.22vw;
  margin-top: -1px;
}
#spMainBannerHelfSize > a p{
  font-size: 1.51vw;
  line-height: initial;
  
}
#spMainBannerHelfSize>a::after{
  border-bottom: none;
}
#spMainBannerHelfSize>a::after{
  position: absolute;
  content: "";
  top: 1px;
  right: 0;
  width: 100%;
  height: 100%;
  border-bottom: 3px solid;
  border-image: linear-gradient(to right, transparent 10.5%, rgba(255, 255, 255, 1) 10.5%, rgba(255, 255, 255, 1) 100%);
  border-image-slice: 3;
  z-index: 1;
}
#spMainBannerHelfSize>a:nth-child(even)::after{
  border-image: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 89.5%, transparent 89.5%);
  border-image-slice: 3;
}
#spMainBannerHelfSize>a:nth-child(even) .bannerImgWrap::before{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-left: 3px solid;
  border-image: linear-gradient(to bottom, transparent 10%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 90%, transparent 90%);
  border-image-slice: 3;
}
#spMainBannerHelfSize > a p:last-child{
  position: relative;
  padding-top: .5vw;
  font-size: 0.99vw;
  margin-left: 1vw;
  height: 2.5vw;
  width: 4vw;
  top: initial;
  right:  initial;
  display: flex;
  align-items: center;
}

#spMainBannerHelfSize > a .bannerMsg{
  padding: 3.4vw 0 0;
}
#spMainBannerHelfSize > a:nth-child(odd) .bannerMsg{
    display: flex;
    flex-direction: column;
    align-items: end;
    text-align: right;
    padding-right: 4.06vw;
}

#spMainBannerHelfSize>a:nth-child(even) .bannerMsg {
  padding-left: 4.06vw;
}

#pcSidepaddingWrap .bannerMsg h3 {
  font-size: 3.04vw;
}

#pcSidepaddingWrap .bannerMsg p {
  font-size: 1.35vw;
  font-weight: 500;
  text-align: left;
  line-height: 2vw;
}
#bannerMapWrap .bannerMsg p:first-child, 
#bannerAutoCampWrap .bannerMsg p:first-child,
#bannerSightSeeingWrap .bannerMsg p:first-child,
#bannerAccessWrap .bannerMsg p:nth-child(2) span,
#bannerRentalBike .bannerMsg p:nth-child(2){
  font-size: 1.35vw;
  margin: 0;
  line-height: initial;
}
#bannerBigpresent .bannerMsg p:nth-child(2) {
  font-size: 1.2vw;
  line-height: 1.67vw;
  padding: 0 0 0;
}
#pcSidepaddingWrap #bannerBigpresent .bannerMsg h3{
  font-size: 2.1vw;
  line-height: initial;
}


#pcSidepaddingWrap .bannerMsg p:last-child {
  font-size: 0.99vw;
  position: absolute;
  right: 1.88vw;
}
#pcSidepaddingWrap #bannerStamp .bannerMsg p:last-child {
  top: 2vw;
}

#pcSidepaddingWrap .mainmenu>div .bannerMsg p:last-child {
  font-size: 0.99vw;
  position: absolute;
  bottom: .5vw;
  left: 0;
  right: 0;
  text-align: center;
  width: 4vw;
  margin: auto;
}

.bannerImgWrap img {
  width: 100%;
}

.bannerMsg p:last-child {
  font-size: .82vw;
}
.mainmenu div a:nth-child(even):after {
  border-image:none;
}
#bannerBigpresent,
#bannerYoutube,
#bannerStamp,
.mainmenu > a,
.mainmenu > div {
  width: calc(100%/3);
}
#bannerStamp{
  position: relative;
}
#bannerStamp .bannerMsg img{
position: absolute;
width: 18.92vw;
top:1.04vw;
left: 2.5vw;
}
#bannerYoutube .bannerImgWrap{
  border-image: none;
}
#bannerYoutube .bannerMsg p:last-child:before {
  left: -.5vw;
}
#bannerYoutube h3 img{
  width: 13.97vw;
  margin: 0 0 -3vw;
}

.bannerMsg h3 {
  font-size: 3.54vw;
  line-height: 3vw;
}

.mainmenu {
  width: 80%;
}

#pcSidepaddingWrap .mainmenu > div .bannerMsg p{
  text-align: center;
}
#pcSidepaddingWrap #bannerAccessWrap,
#pcSidepaddingWrap #bannerRentalBike{
  width: 50%;
  border: none;
}

.mainmenu .noOrder {
  flex-flow: nowrap;
  align-items: flex-end;
  width: 64.84vw;
  margin-left: 0;
}

.mainmenu .noOrder>* {
  margin-bottom: 2vw;
}

.fullWideSp{
  display: flex;
  justify-content: space-between;
  align-items: end;
  width: 100%;
}


.mainmenu .fullWideSp img {
  width: 100%;
  min-width: 100%;
}

#bannerAccessWrap .bannerMsg p span{
  font-size:inherit ;
}
#scheduleAppWrap{
  background-color: #69947B;
  width: 100%;
  padding: 0 10vw;
  display: flex;
  position: relative;
  z-index: 0;
}
#bannerExhibitionWrap .bannerMsg p:last-child:before {
  background-image: url(../img/common/arrow.svg);
}
#bannerExhibitionWrap .bannerMsg p:last-child{
  color: #FFF;
}
#bannerScheduleWrap .bannerMsg h3,#bannerScheduleWrap .bannerMsg p {
  line-height: initial;
  text-align: center;
}
#bannerScheduleWrap .bannerMsg h3{
  font-size: 2.75vw;
  margin-top: 2.25vw;
  margin-left: 2vw;
}
#bannerScheduleWrap .bannerMsg p:nth-child(2){
  font-size: 1.2vw;
  line-height: .9vw;
  margin-left: 2vw;
}
#bannerScheduleWrap .bannerMsg p:last-child{
  font-size: .8vw;
  font-size: 0.99vw;
  font-weight: 500;
  margin: 0 auto;
  width: 7.5rem;
  width: 4.5vw;
  top: 7.5vw;
}
#appBtn {
  height: 2.17vw;
  width:auto;
  margin: 1.11vw auto 0;
  justify-content: left;
}
#appBtn div{
  margin-right: .8vw;
}
#bannerScheduleWrap{
  width: 26.82vw;
}
#bannerScheduleWrap,#appInfo{
  border-bottom: 3px solid #fff;
}
#bannerScheduleWrap:after{
  border: none;
}
#bannerHighlightWrap {
  width: 28.5vw;
}

/* NEWS */
#newsSection {
  border: 25px solid #FFE200;
  background-color: #FFF;
  width: 100vw;
  padding: 0;
  height: 23.44vw;
}

#newsWrap .controllScrollWrap {
  height: 100%;
}
#newsWrap .controllScrollButtonWrap {
  display:flex;
}
#newsSection .controllScrollItemWrap .news_set p,
#newsSection .controllScrollItemWrap dd p {
  display: block;
}
#newsWrap .newsLinkWrap a p span svg {
  width: 1.68vw;
}
#newsSection .controllScrollItemWrap .news_set,
#newsSection .controllScrollItemWrap>dl {
  width: auto;
  width: 100%;
  padding: 1.2vw 2vw;
  border-radius: 10px;
  box-shadow: none;
  height: 15.8vw;
}
#newsSection .controllScrollItemWrap .news_set a::after,
#newsSection .controllScrollItemWrap>dl a::after {
  display: none;
}
#newsSection .controllScrollItemWrap .news_set::after,
#newsSection .controllScrollItemWrap>dl::after{
  display: none;
}

#newsSection .controllScrollItemWrap>dl dt {
  font-size: 0.89vw;
  width: 23.96vw;
  line-height: 1vw;
}
#newsSection .controllScrollItemWrap .news_set,
#newsSection .controllScrollItemWrap>dl dd {
  font-size: 0.94vw;
  line-height: 1.35vw;
  font-weight: 400;
  margin-top: 1.56vw;
  margin-top: 1vw;
  overflow-y: auto;
  height: 85%;
}

#newsWrap .controllScrollWrap .controllScrollItem:nth-child(n+3){
  display: block;
}
#newsSection .controllScrollItemWrap .news_set summary,
#newsSection .controllScrollItemWrap > dl h4{
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  width: 24vw;
}

#newsSection .controllScrollOver::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 35%;
  height: 100%;
  z-index: 3;
  pointer-events: none;
  background-image: linear-gradient(-90deg, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 100%);
}

#newsSection .controllScrollItemWrap {
  position: relative;
  width: auto;
  flex-flow: initial;
  align-items: center;
}
#newsSection .controllScrollItemWrap::after {
  content: " ";
  display: block;
  width: 27vw;
  height: 1px;
}
#newsSection .controllScrollItem:last-of-type {
  margin-right: 27vw;
}

#newsSection>h2::before,
#newsSection h3::before {
  width: 2.7vw;
  height: 3.2vw;
  margin-right: .9vw;
  background-size: contain;

}

#newsSection>h2,
#newsSection h3 {
  border-bottom: none;
  padding-bottom: 2.25vw;
  font-size: 2.45vw;
  font-weight: 400;
}

#newsSection>h2::after,
#newsSection h3::after {
  content: none;
}

#newsWrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

#newsSection h3 {
  border: none;
  padding-bottom: 1.29vw;
  font-size: 4.95vw;
  font-weight: 600;
}

#newsWrap .controllScrollOver {
  width: 61.2vw;
  height: 100%;
}

#newsSection .newsLinkWrap {
  width: 30%;
  margin-right: 9vw;
  display: flex;
  align-items: start;
  padding-top: 6.6vw;
  flex-wrap: wrap;
}

#newsSection .newsLinkWrap a {
  padding-bottom: 1.2vw;
  margin-bottom: 0;
  margin-left: 12.66vw;
  display: block;
  text-align: left;
}

#newsWrap .newsLinkWrap a p {
  font-size: 1.3vw;
  display: flex;
  justify-content: space-between;
}

#newsWrap .newsLinkWrap a p::after {
  background-image: url(../img/top/arrow4newsPc.svg);
  width: 2.34vw;
  height: 2.34vw;
  margin: 0 0 0 1.2vw;
}

#newsWrap .newsLinkWrap a:hover p::after {
  margin: 0 0 0 1.5vw;
}

.news_set,
.news {
  border: 1px solid #000;
  border-radius: 20px;
  padding: 2vw;
  font-size: .78vw;
  line-height: 1.56vw;
  font-weight: bold;
  margin: 0 3.39vw 0 0;
}

#newsWrap .controllScrollButtonWrap {
  width: 37.38vw;
  margin-left: -5vw;
  top: 47%;
}
#newsWrap .controllScrollButtonPrev,
#newsWrap .controllScrollButtonNext{
  border: none;
  width: 2.62vw;
  height: 0.89vw;
}
#newsWrap .controllScrollButtonPrev svg,
#newsWrap .controllScrollButtonNext svg{
  width: 2.62vw;
  height: 0.89vw;
}
#newsWrap .controllScrollButtonPrev b,
#newsWrap .controllScrollButtonNext b{
transform: none;
margin: 0;
}
#newsWrap .controllScrollButtonNext svg{
  transform: rotate(180deg);
}
#newsWrap .controllScrollButtonPrev svg *,
#newsWrap .controllScrollButtonNext svg *{
  fill: #000;
  width: 2.62vw;
  height: 0.89vw;
}

.imgOverText {
  margin-left: 0;
  width: 27.5vw;
}

.imgOverText h2 {
  top: 3.5vw;
}

.imgOverText h2 img {
  width: 12.5vw;
}


#appInfo {
  /* border-bottom: 4px solid #fff; */
  background: url(../img/top/pcAppBg.png) no-repeat top left;
  background-size: contain;
  width: 53.7vw;
  height: 21.9vw;
  padding: 3.23vw 4.58vw;
  position: relative;
}
#appInfo .bannerMsg {
  padding: 0;
  width: 14.92vw;
}
#appInfo .controllScrollOver {
  width: 28.17vw;
  bottom: 3.5vw;
  left: 24vw;
  right: 0;
  margin-bottom: -2vw;
}
#appInfo .controllScrollButtonWrap {
  width: 23.94vw;
  margin: 0 0 0 -3vw;
  top: 31%;
}
#appInfo .controllScrollButtonWrap button{
  border: none;
  position: relative;
  z-index: 2;
  width: 3vw;
  height: 3vw;
}
#appInfo .controllScrollWrap::after {
  position: absolute;
  content: "";
  top: -4vw;
  left: 0vw;
  width: 40vw;
  height: 21.93vw;
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(90deg, rgba(105, 148, 123, 0) 25%, rgba(105, 148, 123, .4) 100%);
  border: none;
}
#appInfo .controllScrollWrap img {
  width: 16.92vw;
  height: auto;
  margin-right: 0.81vw;
  margin-left: 2vw;
}
#appInfo .controllScrollWrap img:first-child {
  margin-left: 0;
}
#appInfo h3 {
  font-size: 1.93vw;
  line-height: 3.07vw;
  text-align: left;
  font-weight: 500;
  letter-spacing: -.05vw;
}

#appInfo .bannerMsg p {
  margin: 0.67vw 0  0 -.5vw;
  font-size: 0.83vw;
  line-height: 1.35vw;
}

#appInfo .controllScrollItemWrap {
  margin-left:0;
  width: 72vw;
}
#appInfo .controllScrollButtonWrap svg {
  height: 0.71vw;
  width: 0.35vw;
}
/* スポンサー */
/* section.sponsor {
  padding: 0 13.54vw 7.5vw 21.61vw;
  padding: 0 13.54vw 2.5vw 0;
  margin-left: 21.61vw;
} */

.sponTTl {
  font-size: 1.46vw;
  padding: 3.04vw 1vw 2vw 2vw;
  font-weight: 300;
}

.sponsor{
  padding-bottom: 3vw;
}
.sponsor .swiperWrap{
  margin-left: 2.08vw;
}
.sponsor .controllScrollWrap,
.sponsor .swiper {
  height: 4.36vw;
  width: 37.5vw;
  margin: auto;
  border-radius: 0;
}

.sponsor .swiper .swiper-wrapper img{
  border-radius: 5px;
  height: 4.36vw;
}
.sponsor .swiper-next,
.sponsor .swiper-prev {
  width: 7vw;
  height: 5vw;
  top: -.5vw;
  right: 24.5vw;
}
.sponsor .swiper-prev {
  left: 23vw;
}

.sponsor .controllScrollWrap {
  height: auto;
  width: auto;
  margin: auto;
}

.sponsor .controllScrollWrap>ul {
  height: auto;
  background-color: transparent;
  border-radius: initial;
  justify-content: flex-start;
  gap: 1vw 2.56vw;
  padding-left: 4vw;
}

.sponsor .controllScrollWrap>ul li {
  position: initial;
  height: auto;
  width: auto;
  opacity: 1;
  /* background-color: #fff; */
  border-radius: 0;
  height: auto;
  width: 8vw;
  margin: 0;
}

.sponsor .controllScrollWrap>ul::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 1px;
}

.sponsor .controllScrollWrap>ul li,
.sponsor .controllScrollWrap>ul li.active,
.sponsor .controllScrollWrap>ul li.done {
  opacity: 1;
  z-index: 1;
}

.sponsor .controllScrollWrap>ul li img {
  height: auto;
  width: 8vw;
  padding: 0;
}

.sponsor .controllScrollOver {
  margin: 0 0 3.1vw;
}

.sponLinkWrap {
  display: flex;
  width: 40vw;
  justify-content: center;
  margin: auto;
  padding-top: 3vw;
}

.sponLink {
  padding: 0vw 2vw .75vw 0;
  margin: 0 1.5vw;
  /* margin-left: 45%; */
  width: 9vw;
  font-size: .83vw;
  background-position: 98% 15%;
  background-size: 1.15vw;
  text-align: left;
  transition: all .4s;
}
.sponLink:hover {
  background-position: 100% 15%;
}

/* スポンサー */


.footerTopLinkWrap.loaded {
  display: flex;
  justify-content: center;
  height: 8.06vw;
  align-items: center;
  background: #EEF0F3;
  padding: 0 13.54vw 0 21.61vw;
}

.footerTopLink {
  margin: 0;
  width: 100%;
  /* border-bottom: 1px solid #000; */
  padding: 0 25vw 0 17.5vw;
  flex-direction: row-reverse;
}

.footerTopLink li {
  width: 9.85vw;
  padding-bottom: .5vw;
  font-size: .83vw;
  transition: all .4s;
}

.footerTopLink li::after {
  width: 2vw;
  height: 2vw;
  background-size: 1.25vw;
}

.footerTopLink li:hover {
  letter-spacing: .04vw;
}

html footer.loaded {
  display: flex;
  position: relative;
  margin-bottom:7.5vw;
}
}