html.pc .sp, html.tablet .pc, html.sp .pc {
  display: none;
}

.is-pc {
  display: block !important;
}

@media (max-width: 640px) {

.is-pc {
    display: none !important
}
  }

.is-sp {
  display: none !important;
}

@media (max-width: 640px) {

.is-sp {
    display: block !important
}
  }

.is-tb {
  display: none !important;
}

@media (max-width: 1100px) {

.is-tb {
    display: block !important
}
  }

body{
  margin: 0;
}

#wrapper {
  overflow: hidden;
}

@media (max-width: 1100px) {

#wrapper {
    min-width: inherit
}
  }

@media (max-width: 640px) {

#wrapper {
    min-width: 100%
}
  }

#return_top a {
  background: url("../../../../images/common/tri01.gif") no-repeat scroll left 5px rgba(0, 0, 0, 0);
  line-height: 1em;
  padding-left: 10px;
}

#return_top {
  text-align: center;
  margin: 10px;
}

#return_top a + a {
    margin-left: 10px;
  }

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.txt-center {
  text-align: center;
}

.mb2 {
  margin-bottom: 2%;
}

@media (max-width: 640px) {

.mb2 {
    margin-bottom: 3.5%
}
  }

.mb4 {
  margin-bottom: 4%;
}

@media (max-width: 640px) {

.mb4 {
    margin-bottom: 7%
}
  }

.mb6 {
  margin-bottom: 6%;
}

@media (max-width: 640px) {

.mb6 {
    margin-bottom: 10%
}
  }

.block1 {
  color: #195069;
  width: 50%;
  background-color: #fff;
  position: relative;

}

/*margin-bottom: 50px;*/

@media (max-width: 640px) {

.block1 {
    width: 100%;
    background-color: transparent

}
  }

.block1_orange{
    color: #545454;
  }

.block1_pink{
     color: #545454;
  }

.block1_green{
     color: #545454;
  }

.block1_image {
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
    width: 100%;
    background-size: cover;
  }

@media (max-width: 640px) {

.block1_image {
      left: 0;
      height: 120vw;
      z-index: 1
  }
    }

.block1_sub_text {
    position: absolute;
    top: 30px;
    left: 30px;
    font-weight: bold;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    font-size: 16px;
    z-index: 1;
  }

@media (max-width: 640px) {

.block1_sub_text {
      right: 30px;
      font-size: 3vw
  }
    }

.block1_title {
    text-align: center;
    padding-top: 50%;
    margin-bottom: 10%;
  }

@media (max-width: 640px) {

.block1_title {
      padding-top: 0;
      height: 120vw;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      width: 100%;
      position: relative;
      z-index: 2;
      margin-bottom: 0
  }

      .block1_title br {
        display: none;
      }
    }

.block1_title .gaia_title_main {
      font-size: 36px;
    }

@media (max-width: 1100px) {

.block1_title .gaia_title_main {
        font-size: 3.5vw;
        height: 40px;
        line-height: 40px;
        padding: 0 20px
    }
      }

@media (max-width: 640px) {

.block1_title .gaia_title_main {
        font-size: 8vw
    }
      }

.block1_title_icon {
      display: inline-block;
      margin-top: 5%;
      max-width: 50px;
    }

.block1_title_icon_blue{
        width: 15%;
      }

@media (max-width: 640px) {

.block1_title_icon_blue{
          margin: 30px auto 0;
          width: 20%
      }
        }

.block1_title_icon_green{
        width: 7%;
       }

@media (max-width: 640px) {

.block1_title_icon_green{
          margin: 30px 0 0 -3%;
          width: 11%
       }
        }

.block1_title_icon_orange{
        width: 14%;
       }

@media (max-width: 640px) {

.block1_title_icon_orange{
          margin: 30px 0 0 -9%;
          width: 16%
       }
        }

.block1_title_icon_pink{
           width: 13%;
      }

@media (max-width: 640px) {

.block1_title_icon_pink{
          margin: 30px 0 0 -5%;
          width: 16%
      }
        }

.block1_title_icon img {
        width: 100%;
      }

.block1_text1 {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2%;
    font-size: 18px;
    font-weight: bold;
  }

@media (max-width: 640px) {

.block1_text1 {
      width: 100%;
      padding: 20px 20px 0
  }
    }

.block1_text2 {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
  }

@media (max-width: 640px) {

.block1_text2 {
      width: 100%;
      padding: 20px 20px 0
  }
    }

.block1_recommend_button{
     text-align: center;
     padding: 20px 0 40px;
     max-width: 330px;
     margin-left: auto;
     margin-right: auto;
   }

@media (max-width: 640px) {

.block1_recommend_button{
      width: 88%;
      padding-bottom:0
   }
    }

.block1_recommend_button a{
      background-color: #fcb632 !important;
      width: 100%;
      padding: 20px 40px;
      font-size: 14px;
      font-weight: bold;
      color: #fff;
      display: inline-block;
      transition: opacity 0.4s ease-in-out;
      background: url(../images/template/arrow_down.png) no-repeat;
      background-position: 90% center;
      background-size: 12px;
    }

.block1_recommend_button a:hover{
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        opacity: 0.7;
      }

.block1_recommend_button.blue a{
        background-color: #37a0c5 !important;
      }

/* template */

.template .block1_image{
    background: url("../../detail/images/mv_photogenic.jpg") no-repeat center center;
    background-size: cover;
  }

/* photogenic */

.photogenic .block1_image{
    background: url("../../detail/images/mv_photogenic.jpg") no-repeat center center;
    background-size: cover;
  }

/* akogare */

.akogare .block1_image{
    background: url("../../detail/images/mv_akogare.jpg") no-repeat center center;
    background-size: cover;
  }

/* oyako */

.oyako .block1_image{
    background: url("../../detail/images/mv_oyako.jpg") no-repeat center center;
    background-size: cover;
  }

/* one */

.one .block1_image {
    background: url("../../detail/images/mv_one.jpg") no-repeat center center;
    background-size: cover;
  }

/* italia */

.italia .block1_image{
    background: url("../images/mv_italia.jpg") no-repeat center center;
    background-size: cover;
  }

@media (max-width: 640px) {
    .italia .block1_title .gaia_title_main {
      font-size: 6vw;
    }
  }

/* france */

.france .gaia_title_main {
    font-size: 29px;
  }

@media (max-width: 1100px) {

.france .gaia_title_main {
      font-size: 2.5vw;
      height: 40px;
      line-height: 40px;
      padding: 0 20px
  }
    }

@media (max-width: 640px) {

.france .gaia_title_main {
      font-size: 8vw
  }
    }

.france .block1_image{
    background: url("../images/mv_france.jpg") no-repeat center center;
    background-size: cover;
  }

@media (max-width: 640px) {
    .france .block1_title .gaia_title_main {
      font-size: 5vw;
    }
  }

/* spain */

.spain .block1_image {
    background: url("../images/mv_spain.jpg") no-repeat 52% center;
    background-size: cover;
  }

@media (max-width: 640px) {
    .spain .block1_title .gaia_title_main {
      font-size: 6vw;
    }
  }

.morocco .block1_image {
		background-position: center;
	}

@media (max-width: 1100px) {

.morocco .gaia_title_main {
			font-size: 2.5vw;
			height: 40px;
			line-height: 40px;
			padding: 0 20px
	}
		}

@media (max-width: 640px) {

.morocco .gaia_title_main {
			font-size: 6vw
	}
		}

/* portugal */

.portugal .block1_image{
    background: url("../images/mv_portugal.jpg") no-repeat center center;
    background-size: cover;
  }

.portugal .block1_title .gaia_title_main {
		font-size: 26px;
		height: 1.5em;
	}

@media (max-width: 1100px) {

.portugal .block1_title .gaia_title_main {
			font-size: 2.5vw;
			height: 40px
	}
		}

@media (max-width: 640px) {

.portugal .block1_title .gaia_title_main {
      font-size: 4.5vw
	}
	  }

/* northernEurope */

.northernEurope .block1_image{
    background: url("../images/mv_northernEurope.jpg") no-repeat center center;
    background-size: cover;
  }

.northernEurope .block1_title .gaia_title_main {
		font-size: 26px;
		height: 1.5em;
	}

@media (max-width: 1100px) {

.northernEurope .block1_title .gaia_title_main {
			font-size: 2.5vw;
			height: 40px
	}
		}

@media (max-width: 640px) {

.northernEurope .block1_title .gaia_title_main {
      font-size: 4.5vw
	}
	  }

.block2 {
  background-color: #fff;
  width: 50%;
  margin-left: 50%;
  padding: 5% 5% 0;
  color: #195069;
  position: relative;
  margin-bottom: 50px;
  min-height: 450px;
}

.block2_pink{
    /*color: #8a8a8a;*/
    color: #545454;
   }

.block2_pink .block2_sub_title{
     color: #8a8a8a;
    }

.block2_orange{
     color: #545454;
  }

.block2_orange .block2_sub_title{
      color: #8a8a8a;
    }

@media (max-width: 1100px) {

.block2 {
    min-height: 400px
}
  }

@media (max-width: 640px) {

.block2 {
    width: 100%;
    margin-left: 0;
    margin-bottom: 5%;
    min-height: inherit
}
      .block2.show .block2_image {
        display: block;
      }
      .block2.show .block2_text {
        display: block;
      }
      .block2.show .block2_button {
        display: block;
      }
      .block2.show .block2_open {
        display: none;
      }
      .block2.show .block2_close {
        display: block !important;
      }
  }

.block2.is-odd {
    margin-left: 0;
  }

.block2.is-odd .block2_image_pc {
      left: 100%;
      margin-left: 0;
    }

@media (max-width: 640px) {

.block2.is-odd .block2_image_pc {
        left: 0
    }
      }

.block2_sub_title {
    font-size: 14px;
    margin-bottom: 30px;
    margin-top: 5%;
    font-weight: bold;
  }

@media (max-width: 640px) {

.block2_sub_title {
      font-size: 3.2vw;
      text-align: center;
      margin-top: 0;
      margin-bottom: 20px
  }
    }

.block2_sub_title.orange{
      color: #8a8a8a;
     }

.block2_title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20%;
    line-height: 1.4;
  }

@media (max-width: 640px) {

.block2_title {
      display: flex;
      justify-content: space-between;
      margin-bottom: 0
  }
    }

.block2_title.orange{
      color: #fd8300;
     }

.block2_main_title{
   font-weight: bold;
  }

@media (max-width: 640px) {

.block2_main_title{
      width: 46%;
      height: 32vw;
      font-size: 4.3vw;
      font-weight: bold;
      line-height: 1.6;
      padding-top: 11%
  }

      .block2_main_title.one-line{
         line-height: 32vw;
         padding-top: 0;
      }
    }

.block2_main_title.pink{
      color: #f3558c;
    }

.block2_main_title.orange{
       color: #fd8300;
    }

.block2_image_pc {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }

@media (max-width: 640px) {

.block2_image_pc {
      left: 0;
      position: relative;
      height: 80vw;
      margin-bottom: 20px;
      display: none
  }
    }

.block2_image_sp {
     position: absolute;
     top: 0;
     left: -100%;
     width: 50%;
     height: 100%;
     background-repeat: no-repeat;
     background-size: cover;
  }

@media (max-width: 640px) {

.block2_image_sp {
      left: 0;
      position: relative;
      height: 32vw;
      margin-bottom: 20px;
      display: none
  }
    }

.block2_text {
    font-size: 14px;
    line-height: 1.5;
    padding-bottom: 30%;
  }

@media (max-width: 640px) {

.block2_text {
      padding-bottom: 24%;
      font-size: 13px
  }
    }

.block2_text.orange{
      color: #545454;
     }

.block2_button {
    position: absolute;
    bottom: 0;
    right: 0;
  }

@media (max-width: 640px) {

.block2_button {
      position: relative;
      text-align: center;
      padding-bottom: 20px;
      display: none
  }
    }

.block2_button .block_button{
      background-color: #37a0c5;
    }

.block2_button .block_button_pink {
         background-color: #ffa6bc;
      }

.block2_button .block_button_orange{
        background-color: #fdca00;
       }

.block2_open {
    text-align: center;
    padding-bottom: 20px;
    display: none;
  }

@media (max-width: 640px) {

.block2_open {
      display: block
  }
    }

.block2_open img {
      width: 5%;
    }

.block2_close {
     text-align: center;
     padding-bottom: 20px;
     display: none !important;
  }

@media (max-width: 640px) {

.block2_close {
      display: block
  }
    }

.block2_close img {
      width: 5%;
    }

.block2_image_topic1{
  background-position: center;
}

.morocco .block2_title {
		margin-bottom: 10%;
	}

.morocco .block2_button--2 {
		bottom: 65px;
	}

.morocco .block2_text {
		padding-bottom: 40%;
	}

.block3 {
  padding: 5%;
  background-color: #fff;
  color: #195069;
  display: none;
  }

.block3_orange{
     color: #545454;
  }

.block3_pink{
     color: #545454;
  }

.block3_green{
     color: #545454;
  }

.block3.selected {
    display: block;
  }

@media (max-width: 640px) {

.block3 {
    padding: 30px 0
  }
  }

.block3_title {
    text-align: center;
    margin-bottom: 20px;
  }

.block3_text {
    font-weight: bold;
    font-size: 24px;
    line-height: 1.3;

  }

@media (max-width: 640px) {

.block3_text {
      font-size: 16px

  }
    }

.block3_number {
    font-size: 24px;
    margin-bottom: 2px;
  }

.block3_number_orange{
     color: #fd8300;
   }

.block3_number_pink{
     color: #f3558c;
   }

.block3_number_green{
      color: #37af57;
     }

.block3_center {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 20px;
    line-height: 1;
  }

.block3_buttons {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

.block3_buttons_green a:first-child,
        .block3_buttons_green a:nth-child(2){
          margin-right: 2%;
        }

@media (max-width: 640px){

.block3_buttons_green a:first-child,
        .block3_buttons_green a:nth-child(2){
            margin: 0 auto 10px
        }
          }

@media (max-width: 640px) {

.block3_buttons {
      display: block
  }
    }

.block3_button_center {
    text-align: center;
    padding: 20px 0 40px;
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
  }

.block3_button {
    width: 48%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 20px 0;
    transition: opacity 0.4s ease-in-out;
    cursor: pointer;
    font-weight: bold;
  }

@media (max-width: 640px) {

.block3_button {
      width: 90%;
      max-width: 330px;
      margin: 0 auto
  }
    }

.block3_button_white {
      border: 1px solid #d9d9d9;
      background: url("../images/template/icon_blueArrow.png") #fff no-repeat;
      background-position: 90% center;
      background-size: 9px;
       padding: 12px 0;
    }

.block3_button_white_green{
        background: url("../images/icon_greenArrow.png") #fff no-repeat;
        background-position: 90% center;
        background-size: 9px;
        padding: 12px 0;
      }

@media (max-width: 640px) {

.block3_button_white {
          padding: 5px 0;
          margin-bottom: 10px
    }
        }

.block3_button_blue {
      color: #fff;
      background: url("../images/template/arrow.png") #37a0c5 no-repeat;
      background-position: 90% center;
      background-size: 12px;
    }

.block3_button_blue_green{
         background-color: #6bc435;
       }

@media (max-width: 640px) {

.block3_button_blue {
        margin-bottom: 30px
    }
      }

.block3_button:hover {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
      opacity: 0.7;
    }

.block3_divider {
    margin: 30px 0;
    border-top: 1px solid #f1eee8;
  }

.block3_item_container {
    width: 100%;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    padding-top: 20px;
  }

.block3_item {
    display: flex;
    justify-content: space-between;
  }

.block3_item.is-last .block3_item_title:after {
        display: none;
      }

@media (max-width: 640px) {

.block3_item.is-last .block3_item_box:after {
          display: none
      }
        }

@media (max-width: 640px) {

.block3_item {
      flex-wrap: wrap;
      justify-content: center
  }
    }

.block3_item_title {
      max-width: 100px;
      min-width: 80px;
      width: 20%;
      margin-right: 40px;
      position: relative;
    }

@media (max-width: 640px) {

.block3_item_title {
        width: 80px;
        margin-bottom: 20px;
        margin-right: 0
    }
      }

.block3_item_title:after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -2px;
        border-right: 4px dotted #f1eee8;
        height: 100%;
        z-index: 0;
      }

@media (max-width: 640px) {

.block3_item_title:after {
          display: none
      }
        }

.block3_item_title_text {
        padding: 5px 0;
        background-color: #f1eee8;
        font-weight: bold;
        text-align: center;
        font-size: 16px;
        border-radius: 5px;
        position: relative;
        z-index: 1;
      }

.block3_item_title_text_orange{
          background-color: #fdca00;
           color: #fff;
        }

.block3_item_title_text_pink{
           background-color: #ff8da9;
           color: #fff;
        }

.block3_item_title_text_green{
           background-color: #86d357;
           color: #fff;
        }

.block3_item_image {
      margin-top: 30px;
    }

.block3_item_image img {
        width: 100%;
      }

.block3_item_slide {
      margin-top: 30px;
      position: relative;
    }

.block3_item_slide ul{
         position: relative;
       }

@media (max-width: 640px) {

.block3_item_slide > img{
            width: 100%
       }
          }

.block3_item_slide_item {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        transition: opacity 0.4s ease-in-out;
        overflow: hidden;
      }

.block3_item_slide_item:nth-child(1) {
          position: relative;
        }

.block3_item_slide_item.selected {
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          opacity: 1;
        }

.block3_item_slide_item img {
          width: 100%;
        }

.block3_item_slide_button {
        position: absolute;
        top: 50%;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        background-color: #d9d9d9;
        margin-top: -20px;
        transition: opacity 0.4s ease-in-out;
        cursor: pointer;
      }

.block3_item_slide_button:hover {
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
          opacity: 0.7;
        }

@media (max-width: 640px) {

.block3_item_slide_button:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=NaN)";
            opacity: inherit
        }
          }

.block3_item_slide_button img {
          width: 16px;
          margin-left: 12px;
          margin-top: 12px;
        }

@media (max-width: 640px) {

.block3_item_slide_button img {
            margin-left: 0
        }
          }

.block3_item_slide_prev {
        right: 100%;
        margin-right: 20px;
      }

.block3_item_slide_prev img {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg);
          margin-left: 10px;
        }

@media (max-width: 640px) {

.block3_item_slide_prev img {
            margin-left: 0
        }
          }

@media (max-width: 640px) {

.block3_item_slide_prev {
          margin-right: 0;
          position: absolute;
          left: 5%
      }
        }

.block3_item_slide_next {
        left: 100%;
        margin-left: 20px;
      }

@media (max-width: 640px) {

.block3_item_slide_next {
          margin-left: 0;
          position: absolute;
          right: 5% !important;
          left: inherit
      }
        }

.block3_item_slide_thumbs {
        display: flex;
        justify-content: center;
        margin-top: 20px;
      }

.block3_item_slide_thumb {
        width: 10px;
        height: 10px;
        border: 1px solid #37a0c5;
        border-radius: 5px;
        margin: 0 5px;
      }

.block3_item_slide_thumb.selected {
          background-color: #37a0c5;
        }

.block3_item_slide_thumb_orange{
            border: 1px solid #fdca00;
         }

.block3_item_slide_thumb_orange.selected {
               background-color: #fdca00;
            }

.block3_item_slide_thumb_pink{
             border: 1px solid #ff8da9;
          }

.block3_item_slide_thumb_pink.selected {
             background-color: #ff8da9;
           }

.block3_item_slide_thumb_green{
             border: 1px solid #6bc435;
          }

.block3_item_slide_thumb_green.selected {
             background-color: #6bc435;
           }

.block3_item_plus {
      border-top: 1px solid #e5e5e5;
      padding-top: 40px;
      margin-top: 50px;
    }

.block3_item_plus_title {
        color: #195069;
        font-size: 24px;
        margin-bottom: 20px;
        font-weight: bold;
      }

.block3_item_plus_title_orange{
           color: #fd8300;
        }

.block3_item_plus_title_pink{
           color: #f3558c;
        }

.block3_item_plus_title_green{
           color: #37af57;
        }

@media (max-width: 640px) {

.block3_item_plus_title {
          font-size: 6vw
      }
        }

.block3_item_plus_text {
        margin-bottom: 20px;
      }

.block3_item_plus_items {
        width: 100%;
         border-bottom: 1px solid #e5e5e5;
         margin-top: 20px;
         padding-bottom: 30px;
      }

@media (max-width: 640px) {

.block3_item_plus_items {
          width: 90%;
          margin: 0 auto
      }
        }

.block3_item_plus_items a{
          display: block;

        }

.block3_item_plus_items a:hover{
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
          opacity: 0.8;
        }

.block3_item_plus_items_smallTitle{
            margin: 40px 0 20px 0;
        }

.block3_item_plus_items_smallTitle b{
                display: block;
                font-size: 18px;
                margin-bottom: 5px;
            }

.block3_item_plus_item {
       position: relative;
        display: flex;
        justify-content: space-between;
        padding: 20px;
        background-color: #f5fafc;
        border-radius: 10px;
        -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -o-border-radius: 10px;
         -ms-border-radius: 10px;
        width: 100%;
        margin-bottom: 20px;
      }

.block3_item_plus_item_orange{
           background-color: #fff9ef;
        }

.block3_item_plus_item_pink{
           background-color: #fff8fa;
        }

.block3_item_plus_item_green{
           background-color: #f9fdf6;
        }

@media (max-width: 640px) {

.block3_item_plus_item {
          display: block
      }
        }

.block3_item_plus_image {
        width: 30%;
      }

.block3_item_plus_image img {
          width: 100%;
        }

@media (max-width: 640px) {

.block3_item_plus_image {
          width: 98%;
          margin: 0 auto
      }
        }

.block3_item_plus_content {
        width: 65%;
      }

.block3_item_plus_content_title {
          color: #37a0c5;
          font-weight: bold;
          margin-bottom: 10px;
          font-size: 100%;
        }

.block3_item_plus_content_title_orange{
             color: #fd8300;
          }

.block3_item_plus_content_title_pink{
             color: #f3558c;
          }

.block3_item_plus_content_title_green{
             color: #6bc435;
          }

.block3_item_plus_content_text {
          margin-bottom: 30px;
          font-size: 90%;
        }

.block3_item_plus_content_more {
          position: absolute;
          right: 20px;
          bottom: 20px;
          font-family: "Fjalla One", sans-serif;
          color: #37a0c5;
          font-size: 12px;
        }

.block3_item_plus_content_more_orange{
             color: #fdca00;
          }

.block3_item_plus_content_more_pink{
             color: #ff6d91;
          }

.block3_item_plus_content_more_green{
             color: #6bc435;
          }

@media (max-width: 640px) {

.block3_item_plus_content {
          width: 98%;
          margin: 0 auto
      }

          .block3_item_plus_content_title {
            margin-top: 10px;
             font-size: 4.5vw;
          }

          .block3_item_plus_content_text {
             text-align: left;
            font-size: 4vw;
           }
        }

.block3_item_box {
      width: 80%;
      padding-top: 5px;
      padding-bottom: 40px;
      line-height: 1.5;
    }

@media (max-width: 640px) {

.block3_item_box {
        width: 100%;
        text-align: center;
        padding-bottom: 50px;
        position: relative;
        font-size: 4vw
    }

        .block3_item_box:after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 50%;
          margin-left: -2px;
          border-right: 4px dotted #f1eee8;
          height: 30px;
          z-index: 0;
        }
      }

.block3_item_box b {
        font-weight: bold;
      }

.block3_item_box_link{
        color: #37a0c5;
       }

.block3_item_box_link_orange{
        color: #fd8300;
        }

.block3_item_box_link_orange:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: .8;
     }

.block3_item_box_link:hover {
             -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
             opacity: 0.7;
           }

.block3_points {
    padding: 30px 15%;
     background-color: #f5fafc;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
    border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -o-border-radius: 10px;
     -ms-border-radius: 10px;
    }

.block3_points_orange{
       background-color: #fff9ef;
    }

.block3_points_pink{
       background-color: #fff8fa;
    }

.block3_points_green{
       background-color: #f9fdf6;
    }

@media (max-width: 640px) {

.block3_points {
      padding: 20px 5%;
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -o-border-radius: 0;
      -ms-border-radius: 0
    }
    }

.block3_points_text{
      color: #84837f;
      width: 80%;
     }

@media (max-width: 640px) {

.block3_points_text{
        font-size: 4vw
     }
      }

.block3_points_title {
      font-weight: bold;
      padding-bottom: 3px;
      margin-bottom: 20px;
      color: #318eaf;
      border-bottom: 2px solid #318eaf;
    }

.block3_points_title_orange{
         color: #fcb632;
         border-bottom: 2px solid #fcb632;
      }

.block3_points_title_pink{
         color: #ff6d91;
         border-bottom: 2px solid #ff6d91;
      }

.block3_points_title_green{
         color: #6bc435;
         border-bottom: 2px solid #6bc435;
      }

.block3_points_item {
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px;
      width: 100%;
    }

.block3_points_items {
      color: #939697;
      width: 100%;
    }

.block3_points_icon {
      font-family: "Fjalla One", sans-serif;
      font-size: 14px;
      width: 20%;
     color: #b1afaa;
      }

.block3_points_icon img{
       margin-right: 5px;
     }

@media (max-width: 640px){

.block3_points_icon {
        width: 30%;
        text-align: center
      }

          .block3_points_icon img{
            width: 14px;
            display: block;
            margin: 0 auto 5px;
          }
        }

.block3_item_image_d-16{
  width: 540px;
}

@media (max-width: 640px) {

.block3_item_image_d-16{
    width:100%
}
  }

.spain .block3_item_plus_items_smallTitle{
    color: #fd8300;
}

.morocco .block3_item_box span {
			color: #f3558c;
			font-weight: bold;
		}

.portugal .first {
		border-bottom: none;
		padding-bottom: 0;
	}

.portugal .first .block3_item_plus_item {
			margin-bottom: 0;
		}

.portugal .block3_item_link {
		margin-top: 5px;
		margin-bottom: 20px;
		text-align: right;
		padding-right: 20px;
	}

@media (max-width: 640px) {

.portugal .block3_item_link {
			padding-right: 40px
	}
		}

.portugal .block3_item_link a {
			font-weight: bold;
		}

.portugal .block3_item_link a span {
				color: #37a0c5;
				font-weight: bold;
			}

.northernEurope .block3_copy {
		font-size: 20px;
		line-height: 1.4;
		text-align: center;
	}

@media (max-width: 640px) {

.northernEurope .block3_copy {
			font-size: 12px
	}
		}

.northernEurope .block3_item_box .more {
			text-align: right;
		}

.northernEurope .block3_item_box .more a {
				font-weight: bold;
				color: #37a0c5;
			}

.block4_button_container {
    width: 100%;
    max-width: 600px;
    margin: 40px auto 60px;
    position: relative;
  }

@media (max-width: 640px) {

.block4_button_container {
      width: 90%;
      margin: 20px auto 60px
  }
    }

.block4_button_container a{
      display: block;
      margin-bottom: 20px;
    }

.block4_button_container a:hover{
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        opacity: .7;
      }

.block4_button_container_ichiran{
        margin: 40px auto 0;
    }

.block4_button_container_ichiran a{
            margin-bottom: 0;
        }

.block4_button{
    padding: 12px 0;
    text-align: center;
    line-height: 1.5;
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    transition: 0.4s ease-in-out;
    background: url("../images/template/arrow.png") no-repeat;
    background-position: 95% center;
    background-size: 20px;
  }

.block4_button_blue {
       background: url("../images/template/arrow.png") #37a0c5 no-repeat;
       background-position: 95% center;
       background-size: 20px;
    }

.block4_button_pink {
         background: url("../images/template/arrow.png") #ffa6bc no-repeat;
         background-position: 95% center;
         background-size: 20px;
     }

.block4_button_orange {
         background: url("../images/template/arrow.png") #fcb632 no-repeat;
         background-position: 95% center;
         background-size: 20px;
     }

.block4_button_green {
         background: url("../images/template/arrow.png") #6bc435 no-repeat;
         background-position: 95% center;
         background-size: 20px;
     }

/*
.btn_recommend_orange{
  position: relative;

  &:before{
     content: url("../images/icon1_akogare.png");
     background-size: 100% 100%;
     width: 64px;
     height: 64px;
     position: absolute;
     left: -8px;
     top: -9px;
     z-index: 998;
  }
}
*/

.btn_recommend_orange{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.block4_btn_illust{
  display: block;
  position: absolute;
  width: 80px;
  height: 90px;
  z-index: 999;
  background-size: contain;
}

.block4_btn_illust_blue{
     background: url("../images/icon6_akogare.png") no-repeat top left;
     top: -5px;
     left: 8%;
  }

@media (max-width: 640px) {

.block4_btn_illust_blue{
      /*left: -19px*/
  }
    }

.block4_btn_illust_orange{
     background: url("../images/icon1_akogare.png") no-repeat top left;
     top: -10px;
     left: 8%;
  }

@media (max-width: 640px) {

.block4_btn_illust_orange{
        left: -10px
  }
      }

.block4_btn_illust_pink{
     background: url("../images/icon1_oyako.png") no-repeat top left;
     top: -5px;
     left: 9%;
  }

@media (max-width: 640px) {

.block4_btn_illust_pink{
      left: -4px
  }
    }

.block4_btn_illust_green{
     background: url("../images/icon1_one.png") no-repeat top left;
     top: 3px;
     left: 12%;
  }

@media (max-width: 640px) {

.block4_btn_illust_green{
        left: 19px
  }
      }

.block4_btn_wrapper{
  position: relative;
}

.northernEurope .block4_btn_wrapper a,
.portugal .block4_btn_wrapper a,
.italia .block4_btn_wrapper a,
.france .block4_btn_wrapper a,
.spain .block4_btn_wrapper a{
    padding: 1.5em;
}

.pink .gaia_icon_topics {
		margin: 20px auto 0;
	}

.spain .gaia_icon_topics {
		margin: 20px auto 0;
	}

.feature_main.photogenic,
.feature_main.italia,
.feature_main.portugal,
.northernEurope {
  background-color: #f1eee8;
  padding-top: 50px;
  display: block;
}

@media (max-width: 640px) {

.feature_main.photogenic,
.feature_main.italia,
.feature_main.portugal,
.northernEurope {
    padding-top: 0
}
  }

.feature_main.photogenic .block1_text2,.feature_main.italia .block1_text2,.feature_main.portugal .block1_text2,.northernEurope .block1_text2{
    padding-bottom: 15%;
  }

@media (max-width: 640px) {

.feature_main.photogenic .block1_text2,.feature_main.italia .block1_text2,.feature_main.portugal .block1_text2,.northernEurope .block1_text2{
      padding-bottom: 0
  }
    }

.feature_main.akogare,
.feature_main.spain{
  background-color: #faf2e3;
  padding-top: 50px;
  display: block;
}

@media (max-width: 640px) {

.feature_main.akogare,
.feature_main.spain{
    padding-top: 0
}
  }

.feature_main.akogare .block1_text2,.feature_main.spain .block1_text2{
    padding-bottom: 15%;
  }

@media (max-width: 640px) {

.feature_main.akogare .block1_text2,.feature_main.spain .block1_text2{
      padding-bottom: 0
  }
    }

.feature_main.pink,
.feature_main.oyako{
  background-color: #f9f3f3;
  padding-top: 50px;
  display: block;
}

@media (max-width: 640px) {

.feature_main.pink,
.feature_main.oyako{
    padding-top: 0
}
  }

.feature_main.one{
  background-color: #edf3e9;
  padding-top: 50px;
  display: block;
}

@media (max-width: 640px) {

.feature_main.one{
    padding-top: 0
}
  }

.font-fja {
  font-family: "Fjalla One", sans-serif;
  letter-spacing: 1px;
}

.wrapper {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.gaia_title_main {
  display: inline-block;
  padding: 7px 20px;
  background-color: #195069;
  line-height: 1;
  font-family: "Fjalla One", sans-serif;
  color: #fff;
  letter-spacing: .05em;
  position: relative;
  border-radius: 4px;
  height: 1.3em;
}

@media (max-width: 640px) {

.gaia_title_main {
  padding: 0 20px
}
}

.gaia_title_main:after {
   content: "";
   position: absolute;
   top: 100%;
   left: 50%;
   margin-left: -4px;
   width: 0;
   border: 4px solid transparent;
   border-top: 8px solid #195069;

 }

.gaia_title_main_blue{
     background-color: #195069;
  }

.gaia_title_main_blue:after {
     border-top: 8px solid #195069;
   }

.gaia_title_main_orange{
  background-color: #fd8300;
  }

.gaia_title_main_orange:after {
       border-top: 8px solid #fd8300;
     }

.gaia_title_main_pink{
     background-color: #f3558c;
  }

.gaia_title_main_pink:after {
     border-top: 8px solid #f3558c;
   }

.gaia_title_main_green{
     background-color: #37af57;
  }

.gaia_title_main_green:after {
     border-top: 8px solid #37af57;
   }

.gaia_title {
  display: inline-block;
  padding: 7px 20px;
  background-color: #195069;
  height: 40px;
  line-height: 1;
  font-family: "Fjalla One", sans-serif;
  color: #fff;
  letter-spacing: .05em;
  position: relative;
  border-radius: 4px;
}

.gaia_title:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -4px;
    width: 0;
    border: 4px solid transparent;
    border-top: 8px solid #195069;
  }

.gaia_title_blue{
     background-color: #195069;
  }

.gaia_title_blue:after {
     border-top: 8px solid #195069;
   }

.gaia_title_orange{
     background-color: #fd8300;
  }

.gaia_title_orange:after {
     border-top: 8px solid #fd8300;
   }

.gaia_title_pink{
  background-color: #f3558c;
  }

.gaia_title_pink:after {
     border-top: 8px solid #f3558c;
   }

.gaia_title_green{
     background-color: #37af57;
  }

.gaia_title_green:after {
     border-top: 8px solid #37af57;
   }

@media (max-width: 640px) {

.gaia_title {
    padding: 10px 20px
}
  }

.gaia_title_container {

  text-align: center;
  padding-top: 10%;
}

@media (max-width: 640px) {

.gaia_title_container {
    margin-top: 10%
}
  }

.gaia_title_container .gaia_title {
    font-size: 30px;
  }

@media (max-width: 640px) {

.gaia_title_container .gaia_title {
      font-size: 6vw
  }
    }

.gaia_title_container .gaia_icon_three{
		text-align: center;
		margin-top: 20px;
  }

.gaia_title_container .gaia_icon_three.pink{
        padding-bottom: 13%;
     }

@media (max-width: 640px) {

.gaia_title_container .gaia_icon_three.pink{
          padding-bottom: 30%
     }
        }

.gaia_title_container .gaia_icon_three.orange{
       padding-bottom: 14%;
     }

@media (max-width: 640px) {

.gaia_title_container .gaia_icon_three.orange{
        padding-bottom: 30%
     }
      }

.gaia_title_container .gaia_icon_three .gaia_icon_course{
      width: 8%;
			display: inline-block;
    }

.gaia_title_container .gaia_icon_three .gaia_icon_course img.callingman{
        width: 6%;
      }

@media (max-width: 640px) {

.gaia_title_container .gaia_icon_three .gaia_icon_course img.callingman{
          width: 12.5%
      }
        }

.gaia_title_container .gaia_icon_three .gaia_icon_course img.bicyclewoman{
				width: 100%;
      }

.gaia_title_container .gaia_icon_three .gaia_icon_course img.brownman{
        width: 6%;
}

@media (max-width: 640px) {

.gaia_title_container .gaia_icon_three .gaia_icon_course img.brownman{
        width: 12.5%
}
      }

.gaia_title_container .gaia_icon_three .gaia_icon_between{
      position: absolute;
      bottom: 0;
      width: 100%;
    }

.gaia_title_container .gaia_icon_three .gaia_icon_between .gaia_icon_pinkL{
        width: 7%;
      }

@media (max-width: 640px) {

.gaia_title_container .gaia_icon_three .gaia_icon_between .gaia_icon_pinkL{
          width: 14%
      }
        }

.gaia_title_container .gaia_icon_three .gaia_icon_between .gaia_icon_pinkR{
        width: 7%;
      }

@media (max-width: 640px) {

.gaia_title_container .gaia_icon_three .gaia_icon_between .gaia_icon_pinkR{
          width: 16%
      }
        }

.gaia_title_container .gaia_icon_three .gaia_icon_between .gaia_icon_orangeL{
        width: 7%;
      }

@media (max-width: 640px) {

.gaia_title_container .gaia_icon_three .gaia_icon_between .gaia_icon_orangeL{
          width: 14%
      }
        }

.gaia_title_container .gaia_icon_three .gaia_icon_between .gaia_icon_orangeR{
        width: 6%;
      }

@media (max-width: 640px) {

.gaia_title_container .gaia_icon_three .gaia_icon_between .gaia_icon_orangeR{
          width: 14%
      }
        }

.gaia_title_container .gaia_icon_three .gaia_icon_between .gaia_icon_blue{
        width: 7%;
      }

@media (max-width: 640px) {

.gaia_title_container .gaia_icon_three .gaia_icon_between .gaia_icon_blue{
          width: 16%
      }
        }

.gaia_title_container p{
    margin-top: 30px;
    font-size: 20px;
    color: #195069;
    font-weight: bold;
  }

@media (max-width: 640px) {

.gaia_title_container p{
      margin-top: 20px;
      font-size: 16px
  }
    }

.gaia_title_container p.green{
      color: #545454;
     }

.gaia_icon img {
    width: 100%;
  }

.gaia_icon_container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 20px;
    flex-direction: row-reverse;
  }

/*
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 20px;
     flex-direction: row-reverse;

    .gaia_icon_topics{
    margin: 20px auto 0;
    }
    */

.gaia_icon_container .gaia_icon_camera{
    margin: 20px auto 0;
   }

.gaia_icon_container .gaia_icon_banzai img{
      width: 100%;
    }

.gaia_icon_container .gaia_icon_bicycle {
      width: 4%;
      min-width: 30px;
    }

@media (max-width: 640px) {

.gaia_icon_container .gaia_icon_bicycle {
        width: 8%
    }
      }

.gaia_icon_modelplan{
    position: relative;

   }

.gaia_icon_middle {

		margin-top: 20px;
		text-align: center;
  }

.gaia_icon_middle .gaia_icon_course {
      display: inline-block;
      width: 8%;
    }

@media (max-width: 640px){

.gaia_icon_middle .gaia_icon_course {
        width: 15%
    }
      }

.gaia_icon_middle .gaia_icon_course img{
        width: 100%;
      }

.gaia_icon_middle .gaia_icon_course_green{
       width: 12%;
      }

@media (max-width: 640px){

.gaia_icon_middle .gaia_icon_course_green{
          width: 20%
      }
        }

.gaia_icon_middle .gaia_icon_course_orange{
        width: 4.5%;
      }

@media (max-width: 640px){

.gaia_icon_middle .gaia_icon_course_orange{
          width: 13%
      }
        }

.gaia_icon_middle .gaia_icon_course_pink{
         width: 4.5%;
      }

@media (max-width: 640px){

.gaia_icon_middle .gaia_icon_course_pink{
          width: 10%
      }
        }

.gaia_icon_middle .gaia_icon_dog {
        display: inline-block;
        width: 3.5%;
    }

@media (max-width: 640px) {

.gaia_icon_middle .gaia_icon_dog {
        width: 10%
    }
      }

.gaia_icon_middle .gaia_icon_dog img{
        width: 100%;
      }

.gaia_icon_middle .gaia_icon_recommend{
      width: 5%;
      max-width: 30px;
      margin: 20px auto 40px;
    }

@media (max-width: 640px) {

.gaia_icon_middle .gaia_icon_recommend{
        width: 7.5%
    }
      }

.gaia_icon_middle .gaia_icon_recommend img{
        width: 100%;
      }

.gaia_icon_between {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 5%;
    margin-top: -20px;
  }

@media (max-width: 640px) {

.gaia_icon_between {
      margin-top: 10px;
      padding: 0 8%
  }
    }

.gaia_icon_between .gaia_icon {
      min-width: 30px;
    }

.gaia_icon_between .gaia_icon_blue{
         width: 6%;
      }

@media (max-width: 640px) {

.gaia_icon_between .gaia_icon_blue{
          width: 8%
      }
        }

.gaia_icon_between .gaia_icon_orange{
        width: 5.5%;
      }

@media (max-width: 640px) {

.gaia_icon_between .gaia_icon_orange{
          width: 8%
      }
        }

.gaia_icon_between .gaia_icon_greenL{
        width: 5%;
      }

@media (max-width: 640px) {

.gaia_icon_between .gaia_icon_greenL{
          width: 6%
      }
        }

.gaia_icon_between .gaia_icon_greenR{
        width: 9%;
      }

@media (max-width: 640px) {

.gaia_icon_between .gaia_icon_greenR{
          width: 16%
      }
        }

.gaia_icon_between .gaia_icon_pinkL{
         width: 5%;
      }

@media (max-width: 640px) {

.gaia_icon_between .gaia_icon_pinkL{
          width: 6%
      }
        }

.gaia_icon_between .gaia_icon_pinkR{
         width: 6%;
      }

@media (max-width: 640px) {

.gaia_icon_between .gaia_icon_pinkR{
          width: 13%
      }
        }

.topics_caption{
  margin-top: 45px;
  font-size: 24px;
  color: #195069;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
}

@media (max-width: 640px) {

.topics_caption{
    font-size: 19px;
    margin-top: 35px
}
  }

.topics_caption.orange{
    color: #545454;
   }

.topics_lead{
  width: 60%;
  margin: 30px auto 0;
  font-size: 14px;
  color: #195069;
  text-align: center;
  line-height: 2;
}

@media (max-width: 640px) {

.topics_lead{
    width: 100%;
    margin: 20px auto 0;
    padding: 0 20px 0;
    font-size: 14px;
    line-height: 1.5em;
    text-align: left
}
  }

.topics_lead.orange{
  color: #545454;
   }

.block_button {
  width: 100%;
  padding: 20px 40px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  transition: opacity 0.4s ease-in-out;
  background: url("../images/template/arrow.png") no-repeat;
  background-position: 90% center;
  background-size: 12px;
}

.block_button:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity: 0.7;
  }

@media (max-width: 640px) {

.block_button {
      width: 90%
}
    }

.block_button_blue{
     background-color: #37a0c5;
  }

.block_button_orange{
    background-color: #fcb632;
  }

.block_button_pink{
     background-color: #ffa6bc;
  }

.block_button_green{
     background-color: #6bc435;
  }

.course_box {
    width: 70%;
    margin: 25px auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
  }

@media (max-width: 640px) {

.course_box {
      width: 90%;
      margin: 20px auto 10px
  }
    }

.course_item {
    width: 48%;
    border: 1px solid #fff;
    padding: 20px 0 30px;
    font-weight: bold;
    color: #84837f;
    text-align: center;
    background-color: transparent;
    transition: 0.4s ease-in-out;
    cursor: pointer;
    font-size: 14px;
    background-image: url("../images/arrow2.png");
    background-repeat: no-repeat;
    background-position: center 88%;
    background-size: 10px;
  }

.course_item_green{
       background-image: url("../images/arrow2_green.png");
     }

@media (max-width: 640px) {

.course_item {
      width: 45%;
      padding: 10px 0;
      background-position: 90% 50%
  }
    }

.course_item span{
      font-weight: bold;
      font-size: 14px;
    }

.course_item_sub {
      text-align: center;
      color: #b1afaa;
      font-family: "Fjalla One", sans-serif;
      margin-bottom: 5px;
      font-size: 12px;
    }

@media (max-width: 640px) {

.course_item_sub {
        margin-bottom: 0
    }
      }

.course_item.selected {
      background-color: #fff;
      color: #195069;
    }

.course_item.selected .green{
        color: #545454;
        }

.course_item:hover {
      background-color: #fff;
      color: #195069;
    }

.one .course_item1,
  .one .course_item2{
    margin-right: 5%;
  }

@media (max-width: 640px) {

.one .course_item1,
  .one .course_item2{
      margin-right: 2%
  }
    }

/*---RECOMMEND AREA---*/

.recommend{
  background: #f7d28d;
  max-width: inherit;
  margin-top: 8%;
}

.recommend.hide {
    display: none;
  }

.recommend .recommend_inner{
    width: 70%;
    margin: auto;
    padding-bottom: 3%;
  }

@media (max-width: 640px){

.recommend .recommend_inner{
      width: 100%
  }
    }

.recommend .recommend_inner a{
      display: block;
      margin: auto;
    }

.recommend .recommend_inner a:hover{
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
       opacity: 0.8;
     }

@media (max-width: 640px){

.recommend .recommend_inner .block_button{
        width: 100%
    }
      }

.recommend .recommend_inner .box{
        margin-bottom: 2%;
    }

@media (max-width: 640px){

.recommend .recommend_inner .box{
          margin-bottom: 3%
    }
        }

.recommend .recommend_inner .stop.is-stop{
      position: relative;

    }

.recommend .recommend_inner .stop.is-stop .block2_image_pc, .recommend .recommend_inner .stop.is-stop .block2_image_sp {
        background: #fff;
      }

.recommend .recommend_inner .stop.is-stop:after{
         content: 'こちらのツアーは終了しました';
         position: absolute;
         display: flex;
         justify-content: center;
         align-items: center;
         background-color: rgba(180, 135, 52, 0.8);
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
         color: #fff;
         font-weight: bold;
         font-size: 2vw;
         width: 97.5%;
         height: 90%;
         left: 1.1%;
         top: 5%;
         text-align: center;
       }

@media (max-width: 640px){

.recommend .recommend_inner .stop.is-stop:after{
            font-size: 4vw;
            width: 82%;
            height: 90%;
            left: 9%
       }
          }

.recommend .recommend_inner .stop.is-stop a{
         pointer-events: none;
       }

.recommend .recommend_inner .clear.is-clear {
      display: none;
    }

.recommend .recommend_inner .block2 {
      background-color: #fff;
      width: 68%;
      margin-left: 32%;
      padding: 3% 5% 0;
      color: #195069;
      position: relative;
      margin-bottom: 0;
      min-height: 200px;
    }

@media (max-width: 640px){

.recommend .recommend_inner .block2 {
        width: 88%;
        margin: 0 auto;
        padding: 3% 5%
    }
      }

.recommend .recommend_inner .block2.pink{
        color: #545454;
       }

.recommend .recommend_inner .block2.orange{
        color: #545454;
       }

.recommend .recommend_inner .block2_image_pc {
      position: absolute;
      top: 0;
      left: -47%;
      width: 47%;
      height: 100%;
      background-repeat: no-repeat;
      background-size: cover;
    }

.recommend .recommend_inner .block2_image_sp {
      width: 42%;
      height: 24vw;
      margin-bottom: 0;
    }

.recommend .recommend_inner .block2_title {
      margin-bottom: 0;
      background-image: url("../images/arrow_circle.png");
      background-size: 25px;
      background-repeat: no-repeat;
      background-position: 99% center;
    }

@media (max-width: 640px){

.recommend .recommend_inner .block2_title {
        justify-content: flex-start
    }
      }

.recommend .recommend_inner .block2_main_title{
      color: #d11f1f;
      font-weight: bold;

    }

@media (max-width: 640px){

.recommend .recommend_inner .block2_main_title{
        width: 55%;
        margin-left: 3%

    }
      }

.recommend .recommend_inner .block2_main_title .grey{
        color: #666666;
        font-weight: bold;
        font-size: 16px;
      }

@media (max-width: 640px){

.recommend .recommend_inner .block2_main_title .grey{
          display: block;
          line-height: 1.5;
          font-size: 13px
      }
        }

.recommend .recommend_inner .block2_main_title .grey .tour-day{
          font-weight: bold;
        }

.recommend .recommend_inner .block2_main_title .red{
        font-weight: bold;
        font-size: 22px;
      }

@media (max-width: 640px){

.recommend .recommend_inner .block2_main_title .red{
          display: block;
          line-height: 1.5;
          font-size: 17px
      }
        }

.recommend .recommend_inner .block2_main_title .red .tour-price{
          font-weight: bold;
        }

@media (max-width: 640px){

.recommend .recommend_inner .one-line {
        height: 24vw;
        line-height: 24vw;
        padding-top: 8%
    }
      }

.recommend .recommend_inner .block2_sub_title {
      margin-bottom: 10%;
    }

@media (max-width: 640px){

.recommend .recommend_inner .block2_sub_title {
        text-align: left
    }
      }

@media (max-width: 640px) {
  .accordion-box *, .accordion-box *:before, .accordion-box *:after {
    box-sizing: border-box;
  }
  .accordion-box {
    position: relative;
  }
  .accordion-box label {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 120px; /* グラデーションの高さ */
    cursor: pointer;
    text-align: center;
    /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
    background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 252) 45%);
  }
  .accordion-box input:checked + label {
    background: inherit; /* 開いた時にグラデーションを消す */
  }
  .accordion-box label:after {
    line-height: 30px;
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 50%;
    width: 40%;
    content: '続きを読む';
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    letter-spacing: 0.05em;
    font-weight: bold;
    color: #37a0c5;
    border-radius: 16px;
    background-color: #fff;
    background-image: url(../images/arrow2_sp.png);
    background-repeat: no-repeat;
    background-size: 10px 7px;
    background-position: 91% center;
    border: 1px solid #37a0c5;
  }
  .accordion-box.pink label:after {
    border: 1px solid #ff92ad;
    color: #ff92ad;
    background-image: url(../images/arrow2_palepink.png);
  }
  .accordion-box.orange label:after {
    border: 1px solid #fcb632;
    color: #fcb632;
    background-image: url(../images/arrow2_paleorange.png);
  }
  .accordion-box input {
    display: none !important;
  }
  .accordion-box .block2 {
    overflow: hidden;
    height: 48vh; /* 開く前に見えている部分の高さ */
    transition: all 0.5s;
  }
  .accordion-box input:checked + label {
    /* display: none ; 閉じるボタンを消す場合解放 */
  }
  .accordion-box input:checked + label:after {
    content: '閉じる';
    background-image: url(../images/arrow3_sp.png);
  }
  .accordion-box.pink input:checked + label:after {
    background-image: url(../images/arrow3_palepink.png);
  }
  .accordion-box.orange input:checked + label:after {
    background-image: url(../images/arrow3_paleorange.png);
  }

  .accordion-box input:checked ~ .block2 {
    height: auto;
    padding-bottom: 0; /* 閉じるボタンのbottomからの位置 */
    transition: all 0.5s;
  }

  .pink{
    color: #f3558c;
  }
}

/* reset stworld */

main {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}

main{
  letter-spacing: 1px;
  position: relative;
  z-index: 0;
}

main * {
  box-sizing: border-box;
}

main a {
  text-decoration: inherit;
  color: inherit;
}

.recommend .recommend_inner .block2 {
  padding: 1em 2em;
}

@media (max-width: 640px) {
  .accordion-box .block2 {
    height: 80vw;
    overflow: hidden;
  }
  .accordion-box label {
    height: 30vw;
    transition: height .5s linear 0s;
  }
  .accordion-box input:checked + label {
    height: 10vw;
  }
  .accordion-box input:checked ~ .block2 {
    transition: all .5s;
    height: 100%;
  }
  .accordion-box input ~ .block2 .block2_text {
    transition: padding-bottom .5s ease 0s;
    padding-bottom: 0;
  }
  .accordion-box input:checked ~ .block2 .block2_text {
    padding-bottom: 20vw;
  }
}