@charset "UTF-8";
:root {
	--main-font: 'Zen Maru Gothic', serif;

	--black: #323232;
	--white: #ffffff;
	--pink: #f5d7d7;
    --darkpink: #ecb0b0;
    --green:#dfeed6;
    --darkgreen:#c0dbad;
    --orange:#ffeac1;
     --darkorange:#ffd382;
    --blue: #ccdbf3;
    --darkblue: #99b8e6;
    --red:#c9283a;
    --beige: #faf7f5;
}
body{
    background: #fbf7f5;
    font-family: var(--main-font);
    
}
.kiwi-maru {
  font-family: "Kiwi Maru", serif;
  font-weight: 500;
  font-size: 21px;
}
section{
    padding-bottom:150px;
    background: #fff;
}
section.spot_area{
    padding-bottom:100px;
    padding-top: 50px;
}
section.ticket_area {
   padding-bottom: 180px;
}
section.ticket_area .inner{
   
}
section.tour_area{
    padding-bottom: 100px;
}

h2 img{
    max-width: 100%;
    height: auto;
    height: 41px;
}
.red{
    color: var(--red);
}
.tour_area .wave-svg-inline,
.spot_area .wave-svg-inline
{
    height: 58px;
    position: relative;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}
.spot_area svg{
    width: 100vw;
    height: 200px;
    position: absolute;
    left: 0;
    bottom: 0;
    fill: #fff;
    padding-left: 220px;

    
}
.tour_area svg{
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    bottom: 0;
    fill:  #e9eef5; /* 色を変更 */
    padding-left: 220px;
}
.outer_01{
    background: linear-gradient(180deg, var(--white) 0%, var(--white) 250px, var(--beige) 250px, var(--beige) 100%);
    margin: -2px 0 auto;
}
.outer_02{
    background:  var(--beige);
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    background: linear-gradient(180deg, #e9eef5 0%, #e9eef5 400px, #ffffff 400px, #ffffff 100%);
        padding-top: 60px;
   
}
.right_bg_area{
    position: relative;
}
.right_bg{
    background: #fff;
    position: absolute;
    right: -220px;
    width: 220px;
    z-index: 100;
    height:97.2%;

    top: 129px;
    background-image: url(../img/side_bg.jpg);  
    background-repeat: round;
    background-size: 220px;
    
    
    
   top: 130px;
    height: -webkit-fill-available;
    
}

@media screen and (max-width: 1280px) {
.right_bg{
    top: 129px;
    }
}
@media screen and (max-width: 1200px) {
section {
    padding-bottom: 60px;
    }
section.spot_area{
    padding-bottom: 100px;
    }
.right_bg{
    width: 150px;
    background-size: 150px;
    right: -150px;
    top: 139px;
    }
.tour_area .wave-svg-inline, .spot_area .wave-svg-inline {
    width: 100%;
    margin: 0 calc(50% - 50vw);
    margin: 0 auto;
}
.tour_area svg {
            padding-left: 0;
}
.spot_area svg {
  
            padding-left: 0;
    }
}

@media screen and (max-width: 1100px) {
.right_bg{
    top: 132px;
    }
}
@media screen and (max-width: 1000px) {

.right_bg{
    top: 2.5%;
    }
}
@media screen and (max-width: 960px) {
.spot_area svg{
    width: 100%;
    }
.right_bg{
    display: none;
}
.outer_02 {
    width: 100%;
    margin: -2px auto 0;
}

}
@media screen and (max-width: 767px) {
section{
    padding-bottom:60px;
}

.tour_area .wave-svg-inline,
.spot_area .wave-svg-inline {
    height: 9px;
    }
.spot_area svg,
.tour_area svg {
    height: auto;
    }
    section.spot_area {
        padding-bottom: 80px;
    }
    section.ticket_area {
    padding-bottom: 200px;
}
}

@media screen and (max-width: 480px) {
.kiwi-maru {
    font-size: 15px;
}
section.tour_area {
    padding-bottom: 60px;
    padding-top: 85px;
}
section.ticket_area {
    padding-bottom: 120px;
}
section.spot_area {
        padding-bottom: 70px;
        padding-top: 20px;
    }

h2 img{
    height: 28px;
    }
.outer_01 {
    background: linear-gradient(180deg, var(--white) 0%, var(--white) 200px, var(--beige) 200px, var(--beige) 100%);
padding-top: 10px;
    }
.outer_02 {
    background: linear-gradient(180deg, #e9eef5 0%, #e9eef5 280px, #ffffff 280px, #ffffff 100%);
            padding-top: 30px;
    }
    
}
@media screen and (min-width:1280px) {
.br_1280{
    display: block;
}
}
@media screen and (max-width:1280px) {
.br_1280{
    display: none;
}
}
/* -----------------------------------------------------------

	メイン画像

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

.main_area {
    overflow: hidden;
    margin-left: 220px;
}
.main_area {
    background-image:
        url(../img/mv_topbg.png),
        url(../img/mv_bottombg_01.png),
        url(../img/mv_bottombg_02.png),
        url(../img/mv_bottombg_03.png),
        url(../img/mv_bottombg_04.png),
        url(../img/mv_bottombg.svg),
        linear-gradient(0deg, rgb(251 247 245), rgb(255 255 255));
        
    background-repeat:
        no-repeat,
        no-repeat,
        no-repeat,
        no-repeat,
        no-repeat,
        no-repeat,
        no-repeat;
    background-position:
        top 0 center,
        bottom 13% left 7%,
        bottom 6% left 21%,
        bottom 5% left 45%,
        bottom 5% left 67%,
        bottom 4% center,
        center;
    background-size:
        100%, 6%, 7%, 5%, 16%, 100%,100%;
}


.main_inner {
    aspect-ratio: 13 / 10;
    margin: 0 auto;
    position: relative;

}
.item_01{
    width: 60%;
    position: absolute;
    top: 3%;
    left: 2%;
    z-index: 2;
}
.item_02{
    width: 37%;
    position: absolute;
    bottom: 8%;
    right: -2%;
    z-index: 1;
}
.item_03{
   width: 16%;
    position: absolute;
    top: 4%;
    right: 13%;
    z-index: 3;
}
.item_04{
   width: 35%;
    position: absolute;
    top: 4%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
@media screen and (max-width: 1920px) {
 

}
@media screen and (max-width: 1680px) {

}
@media screen and (max-width: 1200px) {
.main_area {
    margin-left: 150px;
}
}
@media screen and (max-width: 960px) {

}

@media screen and (max-width: 767px) {
.main_area {
    background-position: top 0 center, bottom 8% left 7%, bottom 5% left 21%, bottom 5% left 45%, bottom 5% left 67%, bottom 4% center, center;
    }
.main_area {
        margin-left: 0;
    }
.main_inner {
    aspect-ratio: 12 / 20;
    margin: 0 auto;
    position: relative;
}
.item_01{
    width: 72%;
    position: absolute;
    top: 30%;
    left: -6%;
    z-index: 2;
}
.item_02{
    width: 46%;
    position: absolute;
    bottom: 8%;
    right: -4%;
    z-index: 1;
}
.item_03{
   width: 26%;
   position: absolute;
   top: 30%;
   right: 4%;
   z-index: 3;
}
.item_04{
   width: 34%;
   position: absolute;
   top: 6%;
   left: 50%;
   transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
}

}
@media screen and (max-width: 480px){
.main_area {
    background-position: top 0 center, bottom 6% left 6%, bottom 2% left 21%, bottom 2% left 48%, bottom 3% left 74%, bottom 2% center, center;
    background-size: 100%, 8%, 10%, 8%, 20%, 100%, 100%;
    }
 .item_01 {
   top: 33%;
   top: 34%;
    }
.item_02 {
    bottom: 7%;
    }
.item_04{
   width: 160px;
   top: 5%;
   } 
.item_03 {
    width: 82px;
    right: 6%;
    top: 34%;
    }
}
@media screen and (min-width:1280px) {
}
    


.inner{
    width:640px;
    margin: 0 auto;
}
@media screen and (min-width:1280px) {
.inner{
   width: 90%;
   max-width: 780px;
}  
}
@media screen and (max-width: 1200px) {
nav ul li a::before {
    width: 16px;
    height: 16px;
    } 
}
@media screen and (max-width: 960px) {
.inner{
    width:86%;
}
}
@media screen and (max-width: 767px){
.inner{
    width:85%;
}
}

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

リード

---------------------------------------------------*/
.lead_area{
    line-height: 2em; 
    font-style: normal;
    font-weight: 400;
    
        position: relative;
        width: 100vw;
        margin: 0 calc(50% - 50vw);
        padding-top: 80px;
    padding-bottom: 240px;
}

/*.lead_area {
    background: var(--beige);
    background-image: url(../img/kotrip.png), url(../img/mountain.png);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom  0  center, right -176px bottom 251px;
    background-size: 500px, 480px;
}*/


.lead_area .top_box{
    margin: 0px auto 65px;
    font-size: 20px;
    text-align: center;
}
.lead_area .top_box .inner{
    
}

.lead_area .top_box .title {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
}

.lead_area .kotrip_link{
    width: 500px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}
.lead_area .kotrip_link a{
    display:block; 
}

.lead_area {
    background: var(--beige);
    background-image: url(../img/mountain.png);
    background-repeat: no-repeat;
    background-position: right -176px bottom 251px;
    background-size: 480px;
}


@media screen and (max-width:1280px) {
.lead_area {
    background: var(--beige);
    background-image:url(../img/mountain.png);
    background-repeat: no-repeat;
    background-position: right -176px bottom 252px;
    background-size: 37%;
}

    
}
@media screen and (max-width:960px) {
.lead_area {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 150px;
}
.lead_area {
        background-image: none;
}
.lead_area .top_box {
    font-size: 14px;
    margin: 0px auto 75px;
}
.lead_area .top_box .text{
        line-height: 2em;
    }
.mountain{
   width: 60%;
   margin: 30px auto;
    }
.lead_area .top_box .title {
    font-size: 20px;
}  
.lead_area .kotrip_link {
    width: 360px;
    }
}
@media screen and (max-width: 767px){
.lead_area {
    width: 100%;
    margin-left: 0;
    padding-top: 0;
    }
.lead_area .top_box .inner {
    
    }
.lead_area .top_box {
    margin: 50px auto 65px;
    font-size: 15px;
    line-height: 1.6em;
}
.lead_area .top_box .title {
    font-size: 20px;
    line-height: 1.6em;
}

    
}
@media screen and (max-width: 480px){
.lead_area{
    
    }
.lead_area .top_box{
    margin: 30px auto 30px;
    }
 .lead_area .top_box{
    font-size: 14px;
    line-height: 1.6em;
    }
.lead_area .top_box .inner{
    width: 85%;
    }
.lead_area .top_box .title {
    font-size: 18px;
    margin-bottom:20px;
    }
    .lead_area {
        background-size: 300px, 342px;
    }
    .lead_area {
        
        padding-bottom: 150px;
    }
        .mountain {
            width: 64%;
    }
.lead_area .kotrip_link {
    width: 300px;
    }
}


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

共通

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

.tab_area a.spring_link{
    background: var(--darkpink);
}
.tab_area a.summer_link{
    background: var(--darkgreen);
}
.tab_area a.autumn_link{
    background: var(--darkorange);
}
.tab_area a.winter_link{
    background: var(--darkblue);
}

.tab_area h2{
    margin:0 auto 30px;
    text-align: center;
}

/*タブ切り替え全体のスタイル*/
.tabs {
    margin: 0 auto;
}
.tab_content{
    padding-top:50px;
}
.outer_02 .tab_content {
    padding-top: 30px;
}
/*タブのスタイル*/
.spot_area .tab_item{
  width: calc( 100%/4);
  font-size: 20px;
  text-align: center;
  color: var(--white);
  display: block;
  float: left;
  transition: all 0.2s ease;
  border-radius: 10px 10px 0 0;
}
.tour_area .tab_item{
  width: calc( 100%/6);
  font-size: 20px;
  text-align: center;
  color: var(--white);
  display: block;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
}
.tour_area2 .tab_item{
  width: calc( 100%/5);
  font-size: 20px;
  text-align: center;
  color: var(--white);
  display: block;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
}
/*追加*/
.ticket_area .tab_item{
  width: calc( 100%/2);
  font-size: 20px;
  text-align: center;
  color: var(--white);
  display: block;
  float: left;
  transition: all 0.2s ease;
  border-radius: 10px 10px 0 0;
}
/*-------------*/

.spot_area .tab_item_04{
  margin-right: 0;
}
.spot_area .tab_item_01 {
    border: 3px solid var(--pink);
    background-image: url(../img/spring.png);   
}
.spot_area .tab_item_02 {
  background: var(--white);
  border: 3px solid var(--green);
  background-image: url(../img/summer.png);
}
.spot_area .tab_item_03 {
  background: var(--white);
  border: 3px solid var(--orange);
  background-image: url(../img/autumn.png);
}
.spot_area .tab_item_04 {
  background: var(--white);
  border: 3px solid var(--blue);
  background-image: url(../img/winter.png);
}
.spot_area .tab_item {
    background-size: 36px;
    background-repeat: no-repeat;
    background-position: center;
    height: 56px;
    border-bottom: none;
}
.tab_item:hover {
  opacity: 0.75;
}




.tour_area .tab_item_01,
.tour_area2 .tab_item_06{
  background-image: url(../img/no1.png);   
}
.tour_area .tab_item_02,
.tour_area2 .tab_item_07{
  background-image: url(../img/no2.png);
}
.tour_area .tab_item_03,
.tour_area2 .tab_item_08 {
  background-image: url(../img/no3.png);
}
.tour_area .tab_item_04,
.tour_area2 .tab_item_09 {
  background-image: url(../img/no4.png);
}
.tour_area .tab_item_05,
.tour_area2 .tab_item_10 {
  background-image: url(../img/no5.png);
}
.tour_area .tab_item_11{
  background-image: url(../img/no6.png);
}
.tour_area .tab_item,
.tour_area2 .tab_item{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 60px;
}


/*追加*/
.ticket_area .tab_item_01{
    border: 3px solid var(--green);
    background-image: url(../img/kintetsu.png);
}
.ticket_area .tab_item_02{
    border: 3px solid var(--green);
    background-image: url(../img/jr.png);
}
.ticket_area .tab_item{
    background-size: auto 36px;
    background-repeat: no-repeat;
    background-position: center;
    height: 56px;
    border-bottom: none;
}
/*-------------*/




/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
    
  

}
input[name="tab_item2"] {
  display: none;
}
input[name="tab_item3"] {
  display: none;
}

/*追加*/
input[name="tab_item4"] {
  display: none;
}

/*-------------*/
/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#spring:checked ~ #spring_content,
#summer:checked ~ #summer_content,
#autumn:checked ~ #autumn_content,
#winter:checked ~ #winter_content
{
  display: block;
}

#no1_tour:checked ~ #no1_tour_content,
#no2_tour:checked ~ #no2_tour_content,
#no3_tour:checked ~ #no3_tour_content,
#no4_tour:checked ~ #no4_tour_content,
#no5_tour:checked ~ #no5_tour_content,
#no11_tour:checked ~ #no11_tour_content,

#no1_tour2:checked ~ #no1_tour2_content,
#no2_tour2:checked ~ #no2_tour2_content,
#no3_tour2:checked ~ #no3_tour2_content,
#no4_tour2:checked ~ #no4_tour2_content,
#no5_tour2:checked ~ #no5_tour2_content
{
  display: block;
}

#kintetsu:checked ~ #kintetsu_content,
#jr:checked ~ #jr_content
{
  display: block;
}

/*選択されているタブのスタイルを変える*/

.spot_area .tabs input:checked + .tab_item_01 {
  background-color: var(--pink);
  background-image: url(../img/spring_ac.png);
}
.spot_area .tabs input:checked + .tab_item_02 {
  background-color: var(--green);
background-image: url(../img/summer_ac.png);
}
.spot_area .tabs input:checked + .tab_item_03 {
  background-color: var(--orange);
    background-image: url(../img/autumn_ac.png);
}
.spot_area .tabs input:checked + .tab_item_04 {
  background-color: var(--blue);
    background-image: url(../img/winter_ac.png);
}

.tour_area .tabs input:checked + .tab_item_01 {
    background-image: url(../img/no1_ac.png);
}
.tour_area .tabs input:checked + .tab_item_02 {
    background-image: url(../img/no2_ac.png);
}
.tour_area .tabs input:checked + .tab_item_03 {
    background-image: url(../img/no3_ac.png);
}
.tour_area .tabs input:checked + .tab_item_04 {
    background-image: url(../img/no4_ac.png);
}
.tour_area .tabs input:checked + .tab_item_05 {
    background-image: url(../img/no5_ac.png);
}
.tour_area .tabs input:checked + .tab_item_11 {
    background-image: url(../img/no6_ac.png);
}

.tour_area2 .tabs input:checked + .tab_item_06 {
    background-image: url(../img/no1_ac.png);
}
.tour_area2 .tabs input:checked + .tab_item_07 {
    background-image: url(../img/no2_ac.png);
}
.tour_area2 .tabs input:checked + .tab_item_08 {
    background-image: url(../img/no3_ac.png);
}
.tour_area2 .tabs input:checked + .tab_item_09 {
    background-image: url(../img/no4_ac.png);
}
.tour_area2 .tabs input:checked + .tab_item_10 {
    background-image: url(../img/no5_ac.png);
}

/*追加*/
.ticket_area .tabs input:checked + .tab_item_01 {
    background-color: var(--green);
    background-image: url(../img/kintetsu_ac.png);
}
.ticket_area .tabs input:checked + .tab_item_02 {
    background-color: var(--green);
    background-image: url(../img/jr_ac.png);
}



.tabs button {
  cursor: pointer;
  width: auto;
  overflow: visible;
  text-align: left;
  color:#534741;
  font-family: var(--main-font);  
  display: flex;
  flex-direction: column;
  font-weight: 600;
}
.tabs ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 16px;
    gap: 5%;
    
}
.spot_area .tabs ul li {
    width: calc(95% / 2);
    margin-bottom: 50px;
}
.spot_area .tabs ul li a{
    color:var(--black); 
}
.tour_area .tabs ul li,
.tour_area2 .tabs ul li{
    
}
.tabs ul li img{
    margin-bottom: 18px;
}
.spot_area .tabs ul li .title{
    margin-bottom: 6px;
    line-height: 1.4em;
}
.spot_area .tabs ul li .title_plan{
    font-weight: 500;
    line-height: 1.4em;
}
.tour_area .tabs ul li .title,
.tour_area2 .tabs ul li .title{
     color: var(--darkblue);
    font-size: 20px;
    margin-bottom: 18px;
    line-height: 1.4em;
    letter-spacing: -.03em;
    font-weight: 600;
}
.credit{
    font-size: 12px;
    color: #000;
    display: block;
    letter-spacing: 0em;
    font-weight: 400;
}
.spot_area .tabs ul li .title_plan{
   line-height: 1.4em;
   letter-spacing: -.04em;
}
.tour_area .tabs ul li .title_plan,
.tour_area2 .tabs ul li .title_plan{
   line-height: 1.5em;
    font-weight: 500;
}
.tour_area .tabs ul li .title_plan .mini,
.tour_area2 .tabs ul li .title_plan .mini{
   font-size: 12px;
    display: block;
}
.tour_area .tabs ul li .date,
.tour_area2 .tabs ul li .date{
   text-align: center;
    margin-top: 20px;
    font-weight: 500;
}
.tour_area .tabs ul li .date .top_box,
.tour_area2 .tabs ul li .date .top_box{
    font-size: 24px;
}
.tour_area .tabs ul li .date .top_box span.pink_bg,
.tour_area2 .tabs ul li .date .top_box span.pink_bg{
    background: #f0887a;
    color: #fff;
    padding: 0 8px;
    font-size: 20px;
    margin-right: 10px;
}
.tour_area .tabs ul li .date .top_box span.exclusion,
.tour_area2 .tabs ul li .date .top_box span.exclusion{
    font-size: 20px;
}
.tour_area .tabs ul li .date .bottom_box,
.tour_area2 .tabs ul li .date .bottom_box{
    font-size: 26px;
    color: #ea5541;
    line-height: 1;
    position: relative;
}
.tour_area .tabs ul li .date .bottom_box span,
.tour_area2 .tabs ul li .date .bottom_box span{
    font-size: 40px;
}
.tabs ul li .date .bottom_box:before {
    content: "";
    position: absolute;
    bottom: -28px;
    left: 50%;
    margin-left: -11px;
    border: 11px solid transparent;
    border-top: 11px solid #ea5541;
}
.tabs .close-button {
  background: #fff;
  position: absolute;
  right: 10px;
  top: 10px;
}


@media screen and (min-width:1280px) {

}
@media screen and (max-width:960px) {
.tabs ul {
    font-size: 14px;
    }
.tour_area .tabs ul li .date .top_box,
.tour_area2 .tabs ul li .date .top_box {
    
}
.tour_area .tabs ul li .date .bottom_box,
.tour_area2 .tabs ul li .date .bottom_box {
    font-size: 20px;
}

.tour_area .tabs ul li .title_plan .mini,
.tour_area2 .tabs ul li .title_plan .mini{
   font-size: 10px;
    display: block;
    line-height: 1.2em;
    margin-top: 5px;
}
}

@media screen and (max-width: 767px){
.spot_area .tabs ul li .title,
.spot_area .tabs ul li .title_plan {
    width: 100%;
    }
.tour_area .tab_item{
  width: calc( 100%/3);
}
.tour_area2 .tab_item{
  width: calc( 100%/3);
}
.tour_area .tabs ul li .date .top_box span.exclusion,
.tour_area2 .tabs ul li .date .top_box span.exclusion {
   
}
}
@media screen and (max-width: 480px){

.tab_content {
    padding-top: 30px;
}
.outer_02 .tab_content {
    padding-top: 20px;
}
.tabs ul {
        font-size: 12px;
    }  
.spot_area .tabs ul li {
    margin-bottom: 30px;
}
.tabs ul li img {
    margin-bottom: 8px;
}
.spot_area .tabs ul li .title {
    font-size: 12px;
    }
    .spot_area .tab_item {
        background-size: 22px;
        height: 36px;
    }
.tour_area .tabs ul li .title,
.tour_area2 .tabs ul li .title {
    font-size: 14px;
    margin-bottom: 8px;
    margin-top: 4px;
    }
.tour_area .tab_item,
.tour_area2 .tab_item {
    height: 40px;
}
.tour_area .tabs ul li .date .top_box,
.tour_area2 .tabs ul li .date .top_box {
        font-size: 16px;
    }
.tour_area .tabs ul li .date .top_box span.pink_bg,
.tour_area2 .tabs ul li .date .top_box span.pink_bg {
    padding: 0 6px;
    font-size: 16px;
    margin-right: 6px;
}
.tour_area .tabs ul li .date .top_box span.exclusion,
.tour_area2 .tabs ul li .date .top_box span.exclusion{
    font-size: 14px;
}
.tour_area .tabs ul li .date .bottom_box,
.tour_area2 .tabs ul li .date .bottom_box {
        font-size: 16px;
    }
.tour_area .tabs ul li .date .bottom_box span,
.tour_area2 .tabs ul li .date .bottom_box span {
    font-size: 26px;
}
.credit{
    font-size: 11px;
}
    
    
.ticket_area .tab_item{
    background-size: auto 24px;
    background-repeat: no-repeat;
    background-position: center;
    height: 36px;
    border-bottom: none;
}

}






a.common_link{
    position: relative;
    display: block;
    padding: 35px 0 40px 0;
    max-width: 340px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 1;
    border-radius: 8px;
    font-weight: 500;
}

a.common_link:before {
  position: absolute;
    content: '';
    bottom: 25px;
    display: block;
    width: 100%;
    height: 5px;
    background-image: url(../img/dot.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.spot_area a.common_link{
   margin: 0px auto 90px;
   padding: 27px 0 40px 0;
}
.spot_area a.common_link span{
   font-size: 16px;
   display: block;
    margin-bottom:4px;
}
@media screen and (max-width:960px){
a.common_link {
    padding: 20px 0 30px 0;
    font-size: 20px;
    }
a.common_link:before {
    bottom: 15px;
    }
.spot_area a.common_link{
    padding: 20px 0 30px 0;  
    }
}
@media screen and (max-width: 767px){

}


@media screen and (max-width: 480px){
a.common_link {
        padding: 15px 0 25px 0;
        font-size: 16px;
        width: 240px;
    }
a.common_link:before {
        bottom: 12px;
    }
.spot_area a.common_link{
    padding: 15px 0 25px 0;
    margin: 0px auto 40px;
    }
.spot_area a.common_link span {
    font-size: 13px;
    }
}
/*---------------------------------------------------

ツアー旅行

---------------------------------------------------*/
.tour_area {

}
.tour_area a.common_link,
.tour_area2 a.common_link{
    background: #99b8e6;
    margin: 30px auto 20px;
}
.balloon1 {
    position: relative;
    display: block;
    padding: 6px 10px;
    width: 300px;
    color: #fff;
    font-size: 20px;
    background: #99b8e6;
    text-align: center;
    margin: 20px auto 20px;
    line-height: 1;
}
.balloon1:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -11px;
    border: 11px solid transparent;
    border-top: 14px solid #99b8e6;
}

@media screen and (max-width: 480px){
.tour_area .link_box a{
    width: 300px;
    }
.balloon1 {
    font-size: 16px;
    }
}




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

企画きっぷ

---------------------------------------------------*/
.ticket_box{
    text-align: center;
    font-size: 17px;
    line-height: 1.4em;
    /*padding: 45px 0 45px 0;*/
   /*  background:#f7f8f6;*/
}

.ticket_box .outer_ticket{
    /*max-width:540px;*/
    margin:0 auto;

}
.ticket_box h2{
    margin-bottom:30px;
}
.ticket_box .image{
    margin: 35px auto;
}
.ticket_box .text{
    text-align: center;
    margin-bottom: 20px;
}
.ticket_box .text span{
    font-size:12px;
}

.ticket_box a.common_link{
    background: var(--darkgreen);
    margin: 10px auto 0px;
    
}
.table {
  width: 100%;
  background:#a7da8314;
  text-align: left;
  margin-bottom: 40px;
}
.table div:last-child{
  border: none;
}
.table_inner {
    padding:20px;
}
.table_green {
  background: #eef7e9;
}
.table .title {
  font-weight:bold;
    margin-bottom: 5px;
}
.table ul li{
    text-indent: -1em;
    padding-left: 1em;
}
@media screen and (min-width:1280px) {
/*.ticket_box .outer_ticket {
    max-width: 600px;
    }*/
}
@media screen and (max-width:960px) {
.ticket_box {
    font-size: 14px;
    }
}
@media screen and (max-width: 767px){
.ticket_box .outer_ticket {
   /* max-width: 86%;*/
}

}
@media screen and (max-width: 480px){

    .ticket_box {
        font-size: 12px;
    }
    .ticket_box .outer_ticket {
        max-width: 100%;
    }
.ticket_box a.common_link img{
    width:120px;
}
    .ticket_box .text span{
    font-size:10px;
}
}






#js-main_01{
    opacity: 0;
    transition: opacity 1s;
    transform: translateX(-10px) /*スクロールアップする距離*/;
    transition: all 2s /*処理にかかる時間*/;
}
#js-main_01.active{
    opacity: 1;
    transform: translate(0, 0);
}

#js-main_02{
    opacity: 0;
    transition: opacity 1s;
    transform: translateX(10px) /*スクロールアップする距離*/;
    transition: all 2s /*処理にかかる時間*/;
}
#js-main_02.active{
    opacity: 1;
    transform: translate(0, 0);
}

#js-main_03{
    opacity: 0;
    transition: opacity 2s;
}
#js-main_03.active{
    opacity: 1;
}


#js-main_04{
    opacity: 0;
    transition: opacity 2s;
}

#js-main_04.active{
    opacity: 1;
}



.wave img{
    width:100%;
}
.wave{
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding-left: 220px;
}
.wave_01 {
    margin-top: -8%;
}
.wave_02 {
   margin-top: -160px;
}
.wave_03 {
   margin-top: -100px;
}

@media screen and (max-width: 1200px){
 .wave {
        padding-left: 0;
        margin: 0 auto;
    }
.wave_01 {
    margin-top: -8%;
}
.wave_02 {
   margin-top: -160px;
}
.wave_03 {
   margin-top: -100px;
}

}
@media screen and (max-width: 767px){
    
    
}
@media screen and (max-width: 480px){
    
  .wave_03 {
        margin-top: -58px;
    }   
}



.ticket_box .text,
.ticket_box a.common_link,
.ticket_area .tab_item{
    opacity: 0.5;
    pointer-events: none;
}

.table_inner{
    opacity: 0.5;
    pointer-events: none;
}
.table::after {
    content: "";
    position: absolute;
    background-image: url(../img/ticket_end.svg);
    background-size: cover;
    opacity: 1;
    width: 340px;
    height: 95px;
    z-index: 1;
    top: 200px;
  right: 0;
  left: 0;
  margin: auto;
}







.tour_area .tab_item,
.tour_area2 .tab_item{
    opacity: 0.4 !important;
    pointer-events: none;
}
.balloon1 {
    opacity: 0.5 !important;
}

.tabs ul li .posi{
    position: relative;
}
.tabs ul li .posi img {
    opacity: 0.5 !important;
    pointer-events: none;
}
.tabs ul li .posi::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(../img/tour_end.svg);
    background-size: cover;
    opacity: 1;
    width: 340px;
    height: 95px;
    z-index: 1;
    top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.tour_area .tabs ul li .title, .tour_area2 .tabs ul li .title,
.tour_area .tabs ul li .title_plan, .tour_area2 .tabs ul li .title_plan,
.tour_area .tabs ul li .date, .tour_area2 .tabs ul li .date,
.tour_area a.common_link, .tour_area2 a.common_link{
    opacity: 0.5 !important;
    pointer-events: none;
}

@media screen and (max-width: 767px){
.table::after,
.tabs ul li .posi::after {
    width: 250px;
    height: 69px;
    }
}

@media screen and (max-width: 480px){

}