@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Roboto:400,700&display=swap);
@import url(//fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap); /* 英語用テキスト */
@import url(//fonts.googleapis.com/css?family=Prompt:400,500,600,700&display=swap); /* タイ語用テキスト */

html body .akita-winter-01 {
  color: #412c17;
  overflow-x: hidden;
}

html body .akita-winter-01.en {
  font-family: "Montserrat",Droid Sans;
}

html body .akita-winter-01.th {
  font-family: 'Prompt';
}

html body .akita-winter-01.zh-CN,
html body .akita-winter-01.zh-HK,
html body .akita-winter-01.zh-TW{
  font-family: 'PingFang SC';
}

@media screen and (min-width: 768px) {
  .akita-winter-01 {
    margin: 20px 0 -40px;
  }
}

/* main-visual =================================================== */
.akita-winter-01 .main-visual {
  position: relative;
}

@media screen and (min-width: 768px) {
  .akita-winter-01 .main-visual {
    margin: 0 20px;
  }
}

.akita-winter-01 .main-visual .logo {
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 275px;
  z-index: 1;
}
.akita-winter-01 .main-visual .logo img {
  filter:
    drop-shadow(0 0 50px rgba(0, 0, 0, 1))
    drop-shadow(0 0 5px rgba(0, 0, 0, 1));
}

.akita-winter-01.en .main-visual .logo {width: 275px;}
.akita-winter-01.th .main-visual .logo {width: 295px;}
.akita-winter-01.zh-CN .main-visual .logo {width: 277px;}
.akita-winter-01.zh-HK .main-visual .logo {width: 262px;}
.akita-winter-01.zh-TW .main-visual .logo {width: 259px;}

@media screen and (min-width: 768px) {
  .akita-winter-01 .main-visual .logo {
    margin: 0;
    width: 424px;
  }
  
  .akita-winter-01.en .main-visual .logo {width: 424px;}
  .akita-winter-01.th .main-visual .logo {width: 470px;}
  .akita-winter-01.zh-CN .main-visual .logo {width: 431px;}
  .akita-winter-01.zh-HK .main-visual .logo {width: 480px;}
  .akita-winter-01.zh-TW .main-visual .logo {width: 427px;}
}

.akita-winter-01 .main-visual-movie {
  position: relative;
}

.akita-winter-01 .main-visual-movie::before {
  background: #b2b2b2;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  opacity: .4;
}

@media screen and (min-width: 768px) {
  .akita-winter-01 .main-visual {
    position: relative;
    margin: 0 auto;
    max-width: 1920px;
    z-index: 1;
  }

  .akita-winter-01 .main-visual-movie {
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.18);
    height: calc(100vh - 82px - 82px - 40px);
    overflow: hidden;
    margin: 0 20px;
  }
}

@media screen and (min-width: 1140px) {
  .akita-winter-01 .main-visual-movie {
    height: calc(100vh - 82px - 58px - 40px);
  }
}

.akita-winter-01 #background-video {
  background: #fff;
  height: calc(100vh - 63px - 65px);
  margin-left: 50%;
  max-width: none;
  transform: translate(-50%,0);
  width: calc((100vh - 63px - 65px) * 1.7768);
}

@media screen and (min-width: 768px) {
  .akita-winter-01 #background-video {
    height: calc(100vh - 82px - 58px - 40px);
    width: 1880px;
  }
}

.akita-winter-01 .controller__toggle {
  bottom: 20px;
  left: 20px;
  margin: 0;
  position: absolute;
  width: 60px;
  z-index: 1;
}

.akita-winter-01 .controller__btn {
  display: none;
}

.akita-winter-01 .controller__btn.is-active {
  display: block;
}

@media screen and (min-width: 768px) {
  .akita-winter-01 .controller__toggle {
    bottom: 25px;
    left: auto;
    right: 25px;
    width: 70px;
  }
}

.akita-winter-01 .main-visual .content-nav {
  background: #f4efe9;
  border-bottom: 1px solid #c1b29f;
  border-top: 1px solid #c1b29f;
  height: 65px;
  overflow: hidden;
  position: relative;
}

.akita-winter-01 .main-visual .content-nav-lay {
  -webkit-overflow-scrolling: touch;
  height: 63px;
  overflow-x: auto;
}

.akita-winter-01 .main-visual .content-nav-lay::-webkit-scrollbar {
  display: none;
}

.akita-winter-01 .main-visual .content-nav ul {
  padding-top: 20px;
  width: 670px;
}

.akita-winter-01 .main-visual .content-nav ul li {
  float: left;
  font-size: 0.875rem;
  letter-spacing: 0.03em;
  margin: 0 15px;
}

.akita-winter-01 .main-visual .content-nav ul li a {
  color: #745638;
  font-weight: 500;
}

.akita-winter-01 .main-visual .content-nav .content-nav-slide-left {
  border-right: 1px solid #c1b29f;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 57px;
}

.akita-winter-01 .main-visual .content-nav .content-nav-slide-left span {
  background: #f4efe9;
  cursor: pointer;
  display: block;
  height: 63px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
}

.akita-winter-01 .main-visual .content-nav .content-nav-slide-left span::before {
  border-bottom: 2px solid #745638;
  border-left: 2px solid #745638;
  content: '';
  display: inline-block;
  height: 8px;
  left: 50%;
  position: absolute;
  text-indent: 0;
  top: 50%;
  transform: translate(-30%,-50%) rotate(45deg);
  width: 8px;
}

.akita-winter-01 .main-visual .content-nav .content-nav-slide-right {
  border-left: 1px solid #c1b29f;
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 57px;
}

.akita-winter-01 .main-visual .content-nav .content-nav-slide-right span {
  background: #f4efe9;
  cursor: pointer;
  display: block;
  height: 63px;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
}

.akita-winter-01 .main-visual .content-nav .content-nav-slide-right span::before {
  border-right: 2px solid #745638;
  border-top: 2px solid #745638;
  content: '';
  display: inline-block;
  height: 8px;
  left: 50%;
  position: absolute;
  text-indent: 0;
  top: 50%;
  transform: translate(-80%,-50%) rotate(45deg);
  width: 8px;
}

.akita-winter-01 .main-visual .content-nav .content-nav-slide-left.active,
.akita-winter-01 .main-visual .content-nav .content-nav-slide-right.active{
  display: block;
}

@media screen and (min-width: 768px) {
  .akita-winter-01 .main-visual .content-nav {
    background: none;
    border-bottom: 0;
    border-top: 0;
    height: auto;
    overflow: visible;
    padding-top: 0;
    position: static;
  }

  .akita-winter-01 .main-visual .content-nav-lay {
    height: auto;
    overflow-x: visible;
  }

  .akita-winter-01 .main-visual .content-nav ul {
    background: url(/japan-travel-planner/akita-winter-01/images/bg_contents_nav.png) center top / 100% 120px no-repeat;
    bottom: -15px;
    height: 120px;
    left: -20px;
    letter-spacing: -.4em;
    margin: 0;
    max-width: 1117px;
    padding: 70px 0 0;
    position: absolute;
    text-align: center;
    width: 90%;
    z-index: 2;
  }

  .akita-winter-01 .main-visual .content-nav ul li {
    display: inline-block;
    float: none;
    font-size: 0.875rem;
    letter-spacing: 0.03em;
    margin: 0 2.2%;
  }

  .akita-winter-01 .main-visual .content-nav ul li a {
    padding-left: 28px;
    position: relative;
  }

  .akita-winter-01 .main-visual .content-nav li a::before {
    border-radius: 15px;
    border: 1px solid #000;
    content: '';
    display: block;
    height: 15px;
    left: 0;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 15px;
  }

  .akita-winter-01 .main-visual .content-nav li a::after {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    content:'';
    display: inline-block;
    height: 4px;
    left: 6px;
    position: absolute;
    top: 50%;
    transform:translate(0,-50%) rotate(45deg);
    vertical-align: middle;
    width: 4px;
  }

  .akita-winter-01 .main-visual .content-nav li:nth-child(1) a::before,
  .akita-winter-01 .main-visual .content-nav li:nth-child(1) a::after{border-color: #3E7BAB;}
  .akita-winter-01 .main-visual .content-nav li:nth-child(2) a::before,
  .akita-winter-01 .main-visual .content-nav li:nth-child(2) a::after{border-color: #9f64ab;}
  .akita-winter-01 .main-visual .content-nav li:nth-child(3) a::before,
  .akita-winter-01 .main-visual .content-nav li:nth-child(3) a::after{border-color: #735537;}
  .akita-winter-01 .main-visual .content-nav li:nth-child(4) a::before,
  .akita-winter-01 .main-visual .content-nav li:nth-child(4) a::after{border-color: #BA5083;}
  
  .akita-winter-01 .main-visual .content-nav .content-nav-slide-left,
  .akita-winter-01 .main-visual .content-nav .content-nav-slide-right{
    display: none;
  }
}

/* content-layout =================================================== */
.akita-winter-01 .content-layout01,
.akita-winter-01 .content-layout02{
  margin: 0 auto;
  padding: 0 18px;
}

@media screen and (min-width: 768px) {
  .akita-winter-01 .content-layout01 {
    max-width: 1480px;
    padding: 0 20px;
  }
}

@media screen and (min-width: 768px) {
  .akita-winter-01 .content-layout02 {
    max-width: 1060px;
    padding: 0 020px;
  }
}

.akita-winter-01 .txt-word01 {
  white-space: nowrap;
}

/* about-akita =================================================== */
#about-akita {
  background: url(/japan-travel-planner/akita-winter-01/images/bg_about_sp.jpg) center top / cover repeat-y;
  margin-bottom: 30px;
  padding-top: 40px;
  position: relative;
}

#about-akita::after {
  background: url(/japan-travel-planner/akita-winter-01/images/bg_about_semicircle_sp.png) center top / 100% 50px no-repeat;
  bottom: 0;
  content: '';
  display: block;
  height: 50px;
  left: 0;
  position: relative;
  right: 0;
  width: 100%;
}

#about-akita .hdg-about {
  margin: 0 auto 20px;
  width: 184px;
}

.akita-winter-01.en #about-akita .hdg-about {width: 184px;}
.akita-winter-01.th #about-akita .hdg-about {width: 178px;}
.akita-winter-01.zh-CN #about-akita .hdg-about {width: 145px;}
.akita-winter-01.zh-HK #about-akita .hdg-about {width: 141px;}
.akita-winter-01.zh-TW #about-akita .hdg-about {width: 141px;}

#about-akita .img-dog {
  position: absolute;
  right: 12px;
  top: 20px;
  width: 59px;
}

#about-akita .txt-about {
  margin-bottom: 50px;
}

#about-akita .txt-about p {
  font-size: 0.875rem;
  line-height: 1.928;
  margin-bottom: 20px;
  text-align: center;
}

#about-akita .img-akita {
  margin-bottom: 40px;
  position: relative;
}

#about-akita .img-akita::before {
  background: url(/japan-travel-planner/akita-winter-01/images/bg_snowflake_001.png) center top / 100% auto no-repeat;
  content: '';
  display: block;
  height: 96px;
  left: 7%;
  position: absolute;
  top: 53%;
  transform:translate(0,-50%);
  width: 74px;
}

#about-akita .img-akita::after {
  background: url(/japan-travel-planner/akita-winter-01/images/bg_snowflake_002.png) center top / 100% auto no-repeat;
  bottom: 4%;
  content: '';
  display: block;
  height: 30px;
  position: absolute;
  right: 7%;
  transform:translate(0,-50%);
  width: 27px;
}

#about-akita .img-akita li {
  border-radius: 10px;
  box-shadow: 0px 0px 9px 0px rgba(47, 35, 23, 0.28);
  margin-bottom: 25px;
  overflow: hidden;
}

#about-akita .img-akita li:nth-child(1) {
  margin-right: 10%;
}

#about-akita .img-akita li:nth-child(2) {
  margin-left: 34.666%;
}

#about-akita .img-akita li:nth-child(3) {
  margin-right: 26%;
}

#about-akita .img-akita li img {
  width: 100%;
}

#about-akita .doyouknow .hdg-doyouknow {
  margin: 0 auto 20px;
  width: 282px;
}

.akita-winter-01.en #about-akita .doyouknow .hdg-doyouknow {width: 282px;}
.akita-winter-01.th #about-akita .doyouknow .hdg-doyouknow {width: 282px;}
.akita-winter-01.zh-CN #about-akita .doyouknow .hdg-doyouknow {width: 164px;}
.akita-winter-01.zh-HK #about-akita .doyouknow .hdg-doyouknow {width: 182px;}
.akita-winter-01.zh-TW #about-akita .doyouknow .hdg-doyouknow {width: 164px;}

#about-akita .doyouknow .txt-doyouknow {
  font-size: 0.875rem;
  line-height: 1.928;
  margin-bottom: 20px;
  text-align: center;
}

#about-akita .doyouknow .btn-detail {
  font-size: 0.875rem;
  margin-bottom: 40px;
  text-align: center;
}

#about-akita .doyouknow .btn-detail a {
  background: #fff;
  border-radius: 8px;
  border: 2px solid #917c66;
  display: inline-block;
  padding: 15px 10px;
  text-align: center;
  width: 230px;
}

#about-akita .img-doyouknow-akitadog {
  margin-bottom: -60px;
  position: relative;
  z-index: 1;
}

#about-akita .img-doyouknow-akitadog li:nth-child(1) {
  margin: 0 auto;
  position: relative;
  width: 294px;
}

#about-akita .img-doyouknow-akitadog li:nth-child(1)::before {
  background: url(/japan-travel-planner/akita-winter-01/images/bg_footprint01.png) center top / 100% auto no-repeat;
  content: '';
  display: block;
  height: 104px;
  left: -30px;
  position: absolute;
  top: -35px;
  width: 95px;
}

#about-akita .img-doyouknow-akitadog li:nth-child(2) {
  display: none;
}

@media screen and (min-width: 768px) {
  #about-akita {
    background: url(/japan-travel-planner/akita-winter-01/images/bg_about.jpg) center top / 1920px auto repeat-y;
    margin-bottom: 0;
    padding-top: 70px;
  }

  #about-akita::after {
    background: url(/japan-travel-planner/akita-winter-01/images/bg_about_semicircle.png) center top no-repeat;
    height: 230px;
    width: 100%;
  }

  #about-akita .hdg-about {
    margin: 0 auto 30px;
    width: 245px;
  }

  .akita-winter-01.en #about-akita .hdg-about {width: 245px;}
  .akita-winter-01.th #about-akita .hdg-about {width: 242px;}
  .akita-winter-01.zh-CN #about-akita .hdg-about {width: 206px;}
  .akita-winter-01.zh-HK #about-akita .hdg-about {width: 213px;}
  .akita-winter-01.zh-TW #about-akita .hdg-about {width: 213px;}

  #about-akita .img-dog {
    left: 50%;
    margin-left: 410px;
    right: auto;
    top: 85px;
    width: 118px;
  }

  #about-akita .txt-about {
    margin: 0 auto 100px;
    max-width: 1020px;
  }

  #about-akita .txt-about p {
    font-size: 1rem;
    line-height: 2.14;
  }

  #about-akita .img-akita {
    margin-bottom: 110px;
    position: relative;
  }

  #about-akita .img-akita::before,
  #about-akita .img-akita::after {
    display: none;
  }

  #about-akita .img-akita li {
    margin-bottom: 0;
  }

  #about-akita .img-akita li:nth-child(1) {
    margin: 0 0 0 45.417%;
  }

  #about-akita .img-akita li:nth-child(2) {
    left: 17.361%;
    margin-left: 0;
    position: absolute;
    top: -10%;
    width: 25.69%;
  }

  #about-akita .img-akita li:nth-child(3) {
    bottom: -8%;
    left: 0;
    margin-right: 0;
    position: absolute;
    width: 37.5%;
  }

  #about-akita .doyouknow .hdg-doyouknow {
    margin: 0 auto 20px;
    width: 394px;
  }

  .akita-winter-01.en #about-akita .doyouknow .hdg-doyouknow {width: 394px;}
  .akita-winter-01.th #about-akita .doyouknow .hdg-doyouknow {width: 376px;}
  .akita-winter-01.zh-CN #about-akita .doyouknow .hdg-doyouknow {width: 223px;}
  .akita-winter-01.zh-HK #about-akita .doyouknow .hdg-doyouknow {width: 249px;}
  .akita-winter-01.zh-TW #about-akita .doyouknow .hdg-doyouknow {width: 223px;}

  #about-akita .doyouknow .txt-doyouknow {
    font-size: 1rem;
    line-height: 2.14;
    margin: 0 auto 35px;
    max-width: 610px;
    position: relative;
    z-index: 2;
  }

  #about-akita .doyouknow .btn-detail a {
    background: #fff;
    border-radius: 8px;
    border: 2px solid #917c66;
    display: inline-block;
    padding: 15px 10px;
    text-align: center;
    transition: all .6s ease;
    width: 230px;
  }

  #about-akita .doyouknow .btn-detail a:hover {
    background: #917c66;
    color: #fff;
  }

  #about-akita .img-doyouknow-akitadog {
    margin-bottom: 0;
    position: relative;
  }

  #about-akita .img-doyouknow-akitadog li:nth-child(1) {
    left: 50%;
    margin: 0 0 0 15%;
    position: absolute;
    top: -60px;
    width: 404px;
  }

  #about-akita .img-doyouknow-akitadog li:nth-child(1)::before {
    display: none;
  }

  #about-akita .img-doyouknow-akitadog li:nth-child(2) {
    display: block;
    margin: 0 17% 0 0;
    position: absolute;
    right: 50%;
    top: 0;
  }
}

@media screen and (min-width: 1920px) {
  #about-akita {
    background: url(/japan-travel-planner/akita-winter-01/images/bg_about.jpg) center top / cover repeat-y;
  }
  #about-akita::after {
    background: url(/japan-travel-planner/akita-winter-01/images/bg_about_semicircle.png) center top / 100% 230px no-repeat;
  }
}

/* btn-akita-winter-01 =================================================== */
.akita-winter-01 .btn-akita-winter-01 {
  align-items: center;
  background: #f4efe9;
  border-radius: 8px;
  border: 2px solid #917c66;
  color: #412c17;
  display: flex;
  font-size: 0.75rem;
  justify-content: center;
  min-height: 50px;
  position: relative;
  text-align: center;
  transition: all .6s ease;
  padding-right: 25px;
  padding-left: 22px;
}

.akita-winter-01 .btn-akita-winter-01 .external {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translate(0,-50%);
}

@media screen and (min-width: 768px) {
  .akita-winter-01 .btn-akita-winter-01 {
    font-size: 0.875rem;
    min-height: 60px;
    padding-right: 28px;
    padding-left: 28px;
  }

  .akita-winter-01 .btn-akita-winter-01:hover {
    background: #917c66;
    color: #fff;
  }
}

.akita-winter-01 .btn-akita-winter-01.type1,
.akita-winter-01 .btn-akita-winter-01.type2 {
  min-height: 60px;
  border-color: #816C57;
  color: #fff;
  font-size: .875rem;
  font-weight: bold;
}
.akita-winter-01 .btn-akita-winter-01.type1 {
  background: #3E7BAA;
}
.akita-winter-01 .btn-akita-winter-01.type2 {
  background: #9E5594;
}
.akita-winter-01 .btn-akita-winter-01.type1 .external,
.akita-winter-01 .btn-akita-winter-01.type2 .external {
  width: 10px;
}


@media screen and (min-width: 768px) {
  .akita-winter-01 .btn-akita-winter-01.type1,
  .akita-winter-01 .btn-akita-winter-01.type2 {
    min-height: 76px;
    font-size: 1.125rem;
  }
  .akita-winter-01 .btn-akita-winter-01.type1:hover,
  .akita-winter-01 .btn-akita-winter-01.type2:hover {
    background: #816C57;
    color: #fff;
  }
  .akita-winter-01 .btn-akita-winter-01.type1 .external,
  .akita-winter-01 .btn-akita-winter-01.type2 .external {
    width: auto;
  }
}


/* how-to =================================================== */
#how-to {
  margin-bottom: 50px;
}

#how-to .hdg-how-to {
  margin: 0 auto 20px;
  width: 282px;
}
.akita-winter-01.en #how-to .hdg-how-to {width: 282px;}
.akita-winter-01.th #how-to .hdg-how-to {width: 124px;}
.akita-winter-01.zh-CN #how-to .hdg-how-to {width: 144px;}
.akita-winter-01.zh-HK #how-to .hdg-how-to {width: 140px;}
.akita-winter-01.zh-TW #how-to .hdg-how-to {width: 140px;}

#how-to .how-to-block {
  padding-bottom: 409px;
  position: relative;
}

#how-to .how-to-block .how-to-map {
  bottom: 0;
  content: '';
  display: block;
  height: 409px;
  left: 50%;
  position: absolute;
  transform:translate(-65%,0);
  width: 612px;
}

#how-to .txt-how-to {
  margin: 0 0 20px;
}

#how-to .txt-how-to p {
  font-size: 0.875rem;
  line-height: 1.928;
  margin-bottom: 20px;
  text-align: center;
}

#how-to .txt-how-to .list-btn {
  margin-bottom: 40px;
  overflow: hidden;
}

#how-to .txt-how-to .list-btn ::after{
  clear: both;
  content: '';
  display: block;
}

#how-to .txt-how-to .list-btn li {
  float: left;
  padding-right: 5px;
  width: 50%;
}

#how-to .txt-how-to .list-btn li:nth-child(2n) {
  padding: 0 0 0 5px;
}

#how-to .flight-info {
  background: #fff;
  border-radius: 8px;
  border: 2px solid #917c66;
  margin-bottom: 10px;
  overflow: hidden;
}

#how-to .flight-info .hdg-flight-info {
  background: #f4efe9;
  color: #735537;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: .02em;
  padding: 12px 20px;
  text-align: center;
}

#how-to .flight-info-content .hdg {
  width: 100%;
  border-bottom: 2px solid #917c66;
  border-top: 2px solid #917c66;
  color: #735537;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: .04em;
  padding: 16px 20px;
  text-align: center;
}
#how-to .flight-info-content .hdg .eke {
  color: #412c17;
  font-size: .875rem;
  font-weight: 400;
}

#how-to .flight-info .content{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
html body .akita-winter-01.zh-CN #how-to .flight-info .content,
html body .akita-winter-01.zh-TW #how-to .flight-info .content{
  display: block;
}

#how-to .flight-info .content .list-flight {
  padding: 12px 20px;
}

#how-to .flight-info .content .list-flight li {
  display: table;
  font-size: 0.875rem;
  overflow: hidden;
  width: 100%;
}
#how-to .flight-info .content .list-flight li + li {
  margin: 12px -20px 0;
  padding: 20px 20px 0;
  width: calc(100% + 40px);
  border-top: 1px solid #917c66;
}

#how-to .flight-info .content .list-flight li .from {
  display: table-cell;
  text-align: left;
  white-space: nowrap;
  width: 5%;
}

#how-to .flight-info .content .list-flight li .to {
  display: table-cell;
  padding-left: 5px;
  text-align: left;
}

#how-to .flight-info .content .list-flight li .city {
  display: inline-block;
  font-size: .75rem;
}

#how-to .flight-info .content .list-flight li .day {
  display: table-cell;
  text-align: right;
  width: 110px;
}

html body .akita-winter-01.zh-CN #how-to .flight-info .content .list-flight li + li,
html body .akita-winter-01.zh-TW #how-to .flight-info .content .list-flight li + li{
  margin: 10px 0 0;
  padding: 0;
  width: auto;
  border-top: none;
}

#how-to .flight-info .content .notes {
  font-size: 0.875rem;
  padding: 0 20px 18px;
  margin-top: -10px;
}

#how-to .flight-info .content .btn-flight-schedule {
  padding: 12px 0 0;
}

#how-to .flight-as {
  font-size: .875rem;
  letter-spacing: .03em;
  margin-bottom: 15px;
  text-align: right;
}

#how-to .btn-flight-schedule a {
  background: #d54100;
  color: #fff;
  display: block;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1rem;
  font-weight: 700;
  padding: 18px 15px;
  position: relative;
  text-align: center;
}

#how-to .btn-flight-schedule a[target="_blank"]::after {
  background: url(/japan-travel-planner/akita-winter-01/images/arw-another_window_002.svg) center top no-repeat;
  content: '';
  display: block;
  height: 8px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform:translate(0,-50%);
  width: 8px;
}

@media screen and (min-width: 768px) {
  #how-to {
    margin: -80px 0 80px;
    padding-top: 40px;
    position: relative;
  }

  #how-to .hdg-how-to {
    margin: 0 auto 40px;
    width: 376px;
  }

  .akita-winter-01.en #how-to .hdg-how-to {width: 376px;}
  .akita-winter-01.th #how-to .hdg-how-to {width: 170px;}
  .akita-winter-01.zh-CN #how-to .hdg-how-to {width: 205px;}
  .akita-winter-01.zh-HK #how-to .hdg-how-to {width: 211px;}
  .akita-winter-01.zh-TW #how-to .hdg-how-to {width: 211px;}

  #how-to .how-to-block {
    margin-bottom: 30px;
    min-height: 610px;
    padding-bottom: 0;
  }

  #how-to .how-to-block .how-to-map {
    bottom: auto;
    height: 410px;
    left: auto;
    right: 0;
    top: 160px;
    transform: none;
    width: 600px;
    z-index: 0;
  }

  #how-to .txt-how-to {
    margin: 0;
    max-width: 550px;
    position: relative;
    z-index: 1;
  }

  #how-to .txt-how-to p {
    letter-spacing: .04em;
    line-height: 2.14;
    margin-bottom: 10px;
    text-align: left;
    text-shadow: 0 0 2px #fff;
  }

  #how-to .txt-how-to .list-btn {
    margin: 30px 0 0;
    width: 380px;
  }

  #how-to .flight-info {
    margin-bottom: 15px;
  }

  #how-to .flight-info .hdg-flight-info {
    font-size: 1.25rem;
    letter-spacing: .02em;
    padding: 17px 20px;
  }

  #how-to .flight-info .content .hdg {
    font-size: 1.125rem;
  }

  #how-to .flight-info .flight-info-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  #how-to .flight-info .flight-info-content .content {
    width: 100%;
  }
  html body .akita-winter-01.zh-CN #how-to .flight-info .flight-info-content .content,
  html body .akita-winter-01.zh-TW #how-to .flight-info .flight-info-content .content{
    width: 50%;
  }

  #how-to .flight-info .flight-info-content .content + .content {
    border-left: 2px solid #917c66;
  }

  #how-to .flight-info .content .list-flight {
    padding: 12px 36px;
  }
  html body .akita-winter-01.zh-CN #how-to .flight-info .content .list-flight,
  html body .akita-winter-01.zh-TW #how-to .flight-info .content .list-flight{
    padding: 30px 36px;
  }

  #how-to .flight-info .content .list-flight li {
    display: flex;
    align-items: center;
    gap: 40px;
    letter-spacing: .02em;
  }
  #how-to .flight-info .content .list-flight li + li {
    margin: 12px -36px 0;
    padding: 12px 36px 0;
    width: calc(100% + 72px);
  }
  html body .akita-winter-01.zh-CN #how-to .flight-info .content .list-flight li + li,
  html body .akita-winter-01.zh-TW #how-to .flight-info .content .list-flight li + li{
    margin-top: 18px;
  }
  #how-to .flight-info .content .list-flight li .flight{
    width: 70%;
  }

  #how-to .flight-info .content .list-flight li .day {
    width: 120px;
  }

  #how-to .flight-info .content .list-flight li .none{
    width: calc(30% - 40px);
  }
  #how-to .flight-info .content .list-flight li .btn-flight-schedule{
    padding: 0;
    width: calc(30% - 40px);
  }
  #how-to .flight-info .content .list-flight li .btn-flight-schedule a{
    margin: 0 0 0 auto;
    padding: 10px 15px;
    max-width: 200px;
  }

  #how-to .flight-info .content .notes {
    letter-spacing: .02em;
    padding: 0 36px 23px;
  }

  #how-to .btn-flight-schedule a {
    font-size: 1.125rem;
    margin: 0 auto;
    padding: 23px 15px;
    transition: all .6s ease;
    width: 100%;
    max-width: 405px;
  }

  #how-to .btn-flight-schedule a:hover {
    background: #c33c00;
  }

  #how-to .btn-flight-schedule a[target="_blank"]::after {
    height: 10px;
    right: 20px;
    width: 10px;
  }
}

@media screen and (min-width: 1000px) {
  #how-to .txt-how-to {
    max-width: 600px;
  }
  #how-to .how-to-block .how-to-map {
    height: 567px;
    top: 40px;
    width: 849px;
  }
  #how-to .txt-how-to .list-btn {
    width: 480px;
  }
}

/* around-akita =================================================== */
#around-akita{
  position: relative;
  margin: 84px 0 120px;
  background-color: #e1f3ff;
}
#around-akita::before{
  content: '';
  position: absolute;
  top: -55px;
  left: 0;
  width: 100%;
  height: 55px;
  background: url(/japan-travel-planner/akita-winter-01/images/bg_around_akita_top_sp.png) center bottom /100% 100% no-repeat;
}
#around-akita::after{
  content: '';
  position: absolute;
  bottom: -54px;
  left: 0;
  width: 100%;
  height: 54px;
  background: url(/japan-travel-planner/akita-winter-01/images/bg_around_akita_bottom_sp.png) center top /100% 100% no-repeat;
}
#around-akita .content-layout01{
  padding-top: 32px;
  padding-bottom: 32px;
}
#around-akita .hdg-around-akita {
  margin: 0 auto 20px;
  width: 209px;
}
.akita-winter-01.th #around-akita .hdg-around-akita {
  width: 324px;
}
.akita-winter-01.zh-HK #around-akita .hdg-around-akita {
  width: 136px;
}
#around-akita .lead-around-akita {
  margin-bottom: 10px;
  font-size: 1rem;
  color: #735537;
  font-weight: bold;
  letter-spacing: .03em;
}
#around-akita .box-around-akita{
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}
#around-akita .box-around-akita .txt{
  font-size: .875rem;
  line-height: calc(24/14);
  letter-spacing: .03em;
}
#around-akita .box-around-akita .img{
  position: relative;
  margin: 0 auto;
  max-width: 170px;
}
#around-akita .box-around-akita .img img{
  position: relative;
  z-index: 1;
}
#around-akita .box-around-akita .img::after{
  content: '';
  position: absolute;
  top: 5px;
  left: 50%;
  z-index: 0;
  margin-left: -30px;
  width: 527px;
  height: 242px;
  background: url(/japan-travel-planner/akita-winter-01/images/bg_around_akita_cloud_sp.png) center /100% no-repeat;
  transform: translateX(-50%);
}
#around-akita .box-around-akita .list{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 auto;
  width: 100%;
  max-width: 280px;
}


@media screen and (min-width: 768px) {
  #around-akita{
    margin: 240px 0 220px;
  }
  #around-akita::before{
    top: -172px;
    height: 172px;
    background: url(/japan-travel-planner/akita-winter-01/images/bg_around_akita_top_pc.png) center bottom /100% 100% no-repeat;
  }
  #around-akita::after{
    bottom: -172px;
    height: 172px;
    background: url(/japan-travel-planner/akita-winter-01/images/bg_around_akita_bottom_pc.png) center top /100% 100% no-repeat;
  }
  #around-akita .content-layout01{
    padding-top: 0;
    padding-bottom: 0;
    max-width: 996px;
  }
  #around-akita .hdg-around-akita {
    margin: 0 auto 28px;
    width: 255px;
  }
  .akita-winter-01.th #around-akita .hdg-around-akita {
    width: 494px;
  }
  .akita-winter-01.zh-HK #around-akita .hdg-around-akita {
    width: 267px;
  }
  #around-akita .lead-around-akita {
    margin-bottom: 40px;
    font-size: 1.25rem;
    text-align: center;
  }
  #around-akita .box-around-akita{
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto auto;
    grid-gap: 30px 70px;
  }
  #around-akita .box-around-akita::after{
    content: '';
    position: absolute;
    top: -30px;
    left: 50%;
    z-index: 0;
    margin-left: -28px;
    width: 1644px;
    height: 535px;
    background: url(/japan-travel-planner/akita-winter-01/images/bg_around_akita_cloud_pc.png) center /100% no-repeat;
    transform: translateX(-50%);
  }
  #around-akita .box-around-akita .txt{
    display: flex;
    grid-column: 2/3;
    grid-row: 1/2;
    align-items: flex-end;
    position: relative;
    z-index: 1;
    line-height: calc(26/14);
  }
  #around-akita .box-around-akita .img{
    grid-column: 1/2;
    grid-row: 1/4;
    position: relative;
    z-index: 1;
    max-width: 346px;
  }
  #around-akita .box-around-akita .img::after{
    display: none;
  }
  #around-akita .box-around-akita .list{
    grid-column: 2/3;
    grid-row: 2/4;
    gap: 12px;
    position: relative;
    z-index: 1;
    max-width: 100%;
  }
}


/* things-to-do =================================================== */
#things-to-do {
  background: #f5f0ea url(/japan-travel-planner/akita-winter-01/images/bg_things_to_do.png) center top /769px auto no-repeat;
  padding: 50px 0 40px;
}

#things-to-do .hdg-things-to-do {
  margin: 0 auto 20px;
  width: 337px;
}

.akita-winter-01.en #things-to-do .hdg-things-to-do {width: 337px;}
.akita-winter-01.th #things-to-do .hdg-things-to-do {width: 199px;}
.akita-winter-01.zh-CN #things-to-do .hdg-things-to-do {width: 227px;}
.akita-winter-01.zh-HK #things-to-do .hdg-things-to-do {width: 253px;}
.akita-winter-01.zh-TW #things-to-do .hdg-things-to-do {width: 216px;}

#things-to-do .nav-things-to-do {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin:0 -5px 20px;
}

#things-to-do .nav-things-to-do li {
  margin:0 5px 10px;
  width: 106px;
}

#things-to-do .nav-things-to-do li a {
  align-items: center;
  background: #fff;
  border-radius: 8px;
  border: 2px solid #000;
  display: flex;
  font-size: .75rem;
  font-weight: 700;
  justify-content: center;
  min-height: 37px;
  text-align: center;
  width: 100%;
}

#things-to-do .nav-things-to-do li a[href="#all"] {border-color: #816c57; color: #816c57;}
#things-to-do .nav-things-to-do li a[href="#culture"] {border-color: #3E7BAB; color: #3E7BAB;}
#things-to-do .nav-things-to-do li a[href="#nature"] {border-color: #327C5E; color: #327C5E;}
#things-to-do .nav-things-to-do li a[href="#festival"] {border-color: #9E5594; color: #9E5594;}
#things-to-do .nav-things-to-do li a[href="#food"] {border-color: #A85B32; color: #A85B32;}

#things-to-do .nav-things-to-do li a[href="#all"].current {background-color: #816c57; color: #fff;}
#things-to-do .nav-things-to-do li a[href="#culture"].current {background-color: #3E7BAB; color: #fff;}
#things-to-do .nav-things-to-do li a[href="#nature"].current {background-color: #327C5E; color: #fff;}
#things-to-do .nav-things-to-do li a[href="#festival"].current {background-color: #9E5594; color: #fff;}
#things-to-do .nav-things-to-do li a[href="#food"].current {background-color: #A85B32; color: #fff;}

#things-to-do .things-to-do-box {
  border-top: 2px solid #897158;
  height: 1200px;
  margin: 0 -18px 25px;
  overflow: hidden;
  position: relative;
}

#things-to-do .things-to-do-box > .content {
  background: #fff;
  border-bottom: 2px solid #897158;
  padding: 20px;
  position: relative;
}

#things-to-do .things-to-do-box > .content .category {
  background: #897158;
  border-radius: 0 0 0 5px;
  color: #fff;
  font-size: .75rem;
  min-width: 90px;
  padding: 4px 10px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}

#things-to-do .things-to-do-box > .content.culture .category {background-color: #3E7BAB;}
#things-to-do .things-to-do-box > .content.nature .category {background-color: #327C5E;}
#things-to-do .things-to-do-box > .content.festival .category {background-color: #9E5594;}
#things-to-do .things-to-do-box > .content.food .category {background-color: #A85B32;}

#things-to-do .things-to-do-box > .content .head {
  display: table;
  margin-bottom: 15px;
  width: 100%;
}

#things-to-do .things-to-do-box > .content .head .img {
  display: table-cell;
  vertical-align: middle;
  width: 57%;
}

#things-to-do .things-to-do-box > .content .head .img img {
  width: 100%;
}

#things-to-do .things-to-do-box > .content .head .hdg {
  color: #735537;
  display: table-cell;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .03em;
  padding-left: 20px;
  vertical-align: middle;
  line-height: 1.2;
}

#things-to-do .things-to-do-box > .content .txt {
  font-size: .875rem;
  letter-spacing: .03em;
  line-height: 1.714;
  margin-bottom: 15px;
}

#things-to-do .things-to-do-box > .content .btn .btn-akita-winter-01 {
  border-color: #c1b29f;
  color: #735537;
  font-size: .875rem;
  font-weight: 700;
  margin: 0 auto;
  max-width: 230px;
}

#things-to-do .things-to-do-box > .content-more {
  background: linear-gradient(to bottom,  rgba(245,240,234,0) 0%,rgba(245,240,234,1) 70%);
  bottom :0;
  font-size: .875rem;
  height: 130px;
  left: 0;
  letter-spacing: .03em;
  padding-top: 100px;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 10;
}

#things-to-do .things-to-do-box > .content-more a {
  color: #735537;
  display:inline-block;
  font-weight: 700;
  padding: 3px 5px;
}

#things-to-do .things-to-do-box > .content-more a::before{
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  border-bottom:2px solid #735537;
  border-right:2px solid #735537;
  content:'';
  display:inline-block;
  height:6px;
  margin:-5px 10px 0 0;
  transform:rotate(45deg);
  vertical-align:middle;
  width:6px;
}

#things-to-do .things-to-do-box.hidden {
  height: auto;
}

#things-to-do .things-to-do-box.hidden > .content-more {
  display: none !important;
}

#things-to-do .btn-more {
  margin: 0 auto;
  max-width: 260px;
}

#things-to-do .btn-more .btn-akita-winter-01 {
  background: #fff;
  border-color: #897158;
  color: #735537;
  font-size: .9375rem;
  font-weight: 700;
  letter-spacing: .04em;
  min-height: 65px;
}

@media screen and (min-width: 768px) {
  #things-to-do {
    background-size: 1509px auto;
    padding: 100px 0 30px;
  }

  #things-to-do .hdg-things-to-do {
    margin: 0 auto 30px;
    width: 450px;
  }

  .akita-winter-01.en #things-to-do .hdg-things-to-do {width: 450px;}
  .akita-winter-01.th #things-to-do .hdg-things-to-do {width: 273px;}
  .akita-winter-01.zh-CN #things-to-do .hdg-things-to-do {width: 323px;}
  .akita-winter-01.zh-HK #things-to-do .hdg-things-to-do {width: 381px;}
  .akita-winter-01.zh-TW #things-to-do .hdg-things-to-do {width: 605px;}

  #things-to-do .nav-things-to-do {
    margin:0 0 40px;
  }

  #things-to-do .nav-things-to-do li {
    margin:0 5px 10px;
    width: 160px;
  }

  #things-to-do .nav-things-to-do li a {
    font-size: .875rem;
    min-height: 46px;
    transition:all .3s ease;
  }

  #things-to-do .nav-things-to-do li a[href="#all"]:hover {background-color: #816c57; color: #fff;}
  #things-to-do .nav-things-to-do li a[href="#culture"]:hover {background-color: #3E7BAB; color: #fff;}
  #things-to-do .nav-things-to-do li a[href="#nature"]:hover {background-color: #327C5E; color: #fff;}
  #things-to-do .nav-things-to-do li a[href="#festival"]:hover {background-color: #9E5594; color: #fff;}
  #things-to-do .nav-things-to-do li a[href="#food"]:hover {background-color: #A85B32; color: #fff;}

  #things-to-do .things-to-do-box {
    border: 0;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    justify-content: flex-start;
    margin: 50px auto 10px;
    overflow: visible;
    width: 708px;
  }

  #things-to-do .things-to-do-box > .content {
    border-radius: 10px;
    border: 2px solid #897158;
    margin: 0 20px 50px;
    overflow: hidden;
    padding: 0 30px 90px;
    width: 314px;
  }

  #things-to-do .things-to-do-box > .content .category {
    border-radius: 80px;
    font-size: .875rem;
    height: 80px;
    line-height: 80px;
    min-width: 80px;
    padding: 0;
    position: absolute;
    right: 13px;
    top: 142px;
    width: 80px;
  }

  #things-to-do .things-to-do-box > .content .head {
    display: block;
    margin: 0 -30px 15px;
    width: auto;
  }

  #things-to-do .things-to-do-box > .content .head .img {
    display: block;
    margin-bottom: 20px;
    width: auto;
  }

  #things-to-do .things-to-do-box > .content .head .hdg {
    display: block;
    font-size: 1.25rem;
    letter-spacing: .04em;
    margin: 0 30px 15px;
    padding-left: 0;
  }

  #things-to-do .things-to-do-box > .content .txt {
    letter-spacing: .04em;
    line-height: 1.857;
  }

  #things-to-do .things-to-do-box > .content .btn {
    bottom: 30px;
    left: 30px;
    position: absolute;
    right: 30px;
  }

  #things-to-do .things-to-do-box > .content .btn .btn-akita-winter-01 {
    color: #735537;
    font-size: .875rem;
    font-weight: 700;
    max-width: 220px;
  }

  #things-to-do .things-to-do-box > .content .btn .btn-akita-winter-01:hover {
    background: #c1b29f;
    color: #fff;
  }

  #things-to-do .things-to-do-box > .content-more {
    display: none;
  }

  #things-to-do .btn-more {
    max-width: 280px;
  }

  #things-to-do .btn-more .btn-akita-winter-01 {
    background: #fff;
    color: #735537;
    font-size: .875rem;
    min-height: 70px;
  }

  #things-to-do .btn-more .btn-akita-winter-01:hover {
    background: #897158;
    color: #fff;
  }
}

@media screen and (min-width: 1062px) {
  #things-to-do .things-to-do-box {
    width: 1062px;
  }
}

@media screen and (min-width: 1416px) {
  #things-to-do .things-to-do-box {
    width: 1416px;
  }
}

@media screen and (min-width: 1509px) {
  #things-to-do {
    background-size: contain;
  }
}

/* itinerary-idea =================================================== */
#itinerary-idea {
  background: url(/japan-travel-planner/akita-winter-01/images/bg_itinerary_idea.png) center top /960px auto repeat-y;
  margin: 70px 0 0;
  padding: 25px 0 50px;
  position: relative;
}

#itinerary-idea::before {
  background: url(/japan-travel-planner/akita-winter-01/images/bg_itinerary_idea_top.png) center top /960px auto no-repeat;
  content: '';
  display: block;
  height: 70px;
  left: 0;
  margin: -70px 0 0;
  position: absolute;
  right: 0;
  top: 0;
}

#itinerary-idea .hdg-itinerary-idea {
  margin: 0 auto 20px;
  width: 233px;
}

.akita-winter-01.en #itinerary-idea .hdg-itinerary-idea {width: 233px;}
.akita-winter-01.th #itinerary-idea .hdg-itinerary-idea {width: 275px;}
.akita-winter-01.zh-CN #itinerary-idea .hdg-itinerary-idea {width: 147px;}
.akita-winter-01.zh-HK #itinerary-idea .hdg-itinerary-idea {width: 141px;}
.akita-winter-01.zh-TW #itinerary-idea .hdg-itinerary-idea {width: 141px;}

#itinerary-idea .txt-itinerary-idea {
  font-size: .875rem;
  letter-spacing: .03em;
  line-height: 2.17;
  margin-bottom: 20px;
  text-align: center;
}

#itinerary-idea .day-box {
  margin: 0 -18px;
  position: relative;
  z-index: 1;
}

#itinerary-idea .day-box .nav-list {
  background: #fff;
  border-left: 2px solid #897158;
  border-radius: 8px 8px 0 0;
  border-right: 2px solid #897158;
  border-top: 2px solid #897158;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 18px;
}

#itinerary-idea .day-box .nav-list li {
  display: flex;
  width: 33.33%;
}

#itinerary-idea .day-box .nav-list li + li {
  border-left: 2px solid #897158;
}

#itinerary-idea .day-box .nav-list li a {
  align-items: center;
  background: #f4efe9;
  color: #735537;
  display: flex;
  font-size: .9375rem;
  font-weight: 700;
  height: 50px;
  justify-content: center;
  position: relative;
  text-align: center;
  width: 100%;
}

#itinerary-idea .day-box .nav-list li:first-of-type a {
  border-radius: 8px 0 0 0;
}

#itinerary-idea .day-box .nav-list li:last-of-type a {
  border-radius: 0 8px 0 0;
}

#itinerary-idea .day-box .nav-list li.current a {
  background: #fff;
}

#itinerary-idea .day-box .nav-list li.current a::after {
  background: #fff;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 100%;
}

#itinerary-idea .day-box .blk-panel .nav-list {
  border-radius: 8px;
  border: 2px solid #897158;
  margin: 25px 0 0;
}

#itinerary-idea .day-box .blk-panel .nav-list li a {
  font-size: .875rem;
}

#itinerary-idea .day-box .blk-panel .nav-list li:first-of-type a {
  border-radius: 8px 0 0 8px;
}

#itinerary-idea .day-box .blk-panel .nav-list li:last-of-type a {
  border-radius: 0 8px 8px 0;
}

#itinerary-idea .day-box .blk-panel .nav-list li.current a::after {
  display: none;
}

#itinerary-idea .day-box .blk-panel {
  background: #fff;
  border-bottom: 2px solid #897158;
  border-top: 2px solid #897158;
  padding: 30px 18px 50px;
}

#itinerary-idea .blk-schedule01 {
  overflow: hidden;
}

#itinerary-idea .blk-schedule01 .map{
  margin-bottom: 30px;
  text-align: center;
}

#itinerary-idea .blk-schedule01 .schedule-box{
  background: url(/japan-travel-planner/akita-winter-01/images/bg_dot_line.png) 18px 50px / 4px auto repeat-y;
  margin-bottom: 20px;
  min-height: 50px;
  padding-left: 60px;
}

#itinerary-idea .blk-schedule01 .schedule-box:last-of-type {
  background: none;
  margin-bottom: 0;
}

#itinerary-idea .blk-schedule01 .schedule-box .hdg{
  color: #735537;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .04em;
  margin-bottom: 10px;
  position: relative;
}

#itinerary-idea .blk-schedule01 .schedule-box .hdg.base-point1::before,
#itinerary-idea .blk-schedule01 .schedule-box .hdg.base-point2::before {
  content: '';
  display: block;
  height: 50px;
  left: -55px;
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  width: 30px;
  z-index: 1;
}

#itinerary-idea .blk-schedule01 .schedule-box .hdg.base-point1::before{
  background: url(/japan-travel-planner/akita-winter-01/images/bg_base_point1.png) center top / 30px auto no-repeat;
}

#itinerary-idea .blk-schedule01 .schedule-box .hdg.base-point2::before{
  background: url(/japan-travel-planner/akita-winter-01/images/bg_base_point2.png) center top / 30px auto no-repeat;
}

#itinerary-idea .blk-schedule01 .schedule-box .hdg .spot {
  align-items: center;
  background: #e3deda;
  border-radius: 40px;
  border: 2px solid #5b4d41;
  color: #5b4d41;
  content: '';
  display: flex;
  font-family: Roboto;
  font-size: 1rem;
  font-weight: bold;
  height: 40px;
  justify-content: center;
  left: -60px;
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  width: 40px;
  z-index: 1;
}

#itinerary-idea .blk-schedule01 .schedule-box .hdg .spot.ver1 {background: #BA5083;color: #fff;}
#itinerary-idea .blk-schedule01 .schedule-box .hdg .spot.ver2 {background: #6ba9ce;color: #fff;}
#itinerary-idea .blk-schedule01 .schedule-box .hdg .spot.ver3 {background: #9f64ab;color: #fff;}

#itinerary-idea .blk-schedule01 .schedule-box .hdg::after {
  background: #fff;
  content: '';
  display: flex;
  height: 50px;
  left: -60px;
  position: absolute;
  top: -10px;
  width: 50px;
  z-index: 0;
}

#itinerary-idea .blk-schedule01 .schedule-box p{
  font-size: .875rem;
  letter-spacing: .04em;
  line-height: 1.714;
  margin-bottom: 15px;
}

#itinerary-idea .blk-schedule01 .schedule-box .transport{
  color: #cb2a77;
  font-size: .75rem;
}

#itinerary-idea .blk-schedule01 .schedule-box .img img{
  border-radius: 5px;
}

@media screen and (min-width: 768px) {
  #itinerary-idea {
    background-repeat: repeat;
    background-size: 1920px auto;
    margin: 140px 0 0;
    padding: 50px 0 100px;
  }

  #itinerary-idea::before {
    background-repeat: repeat-x;
    background-size: 1920px auto;
    height: 140px;
    margin: -140px 0 0;
  }

  #itinerary-idea .hdg-itinerary-idea {
    margin: 0 auto 20px;
    width: 312px;
  }

  .akita-winter-01.en #itinerary-idea .hdg-itinerary-idea {width: 312px;}
  .akita-winter-01.th #itinerary-idea .hdg-itinerary-idea {width: 521px;}
  .akita-winter-01.zh-CN #itinerary-idea .hdg-itinerary-idea {width: 208px;}
  .akita-winter-01.zh-HK #itinerary-idea .hdg-itinerary-idea {width: 213px;}
  .akita-winter-01.zh-TW #itinerary-idea .hdg-itinerary-idea {width: 213px;}

  #itinerary-idea .txt-itinerary-idea {
    margin:0 auto 50px;
    max-width: 810px;
  }

  #itinerary-idea .day-box {
    border-radius: 15px;
    border: 2px solid #897158;
    margin: 0;
    overflow: hidden;
  }

  #itinerary-idea .day-box .nav-list {
    border: 0;
    margin: 0;
  }

  #itinerary-idea .day-box .nav-list li a {
    font-size: 1.125rem;
    height: 86px;
    transition: all .6s ease;
    width: 100%;
  }

  #itinerary-idea .day-box .nav-list li a:hover {
    opacity: .6;
  }

  #itinerary-idea .day-box .nav-list li.current a:hover {
    opacity: 1;
  }

  #itinerary-idea .day-box .blk-panel .nav-list {
    border-radius: 8px;
    margin: 50px auto 0;
    max-width: 560px;
  }

  #itinerary-idea .day-box .blk-panel .nav-list li a {
    font-size: 1rem;
    height: 56px;
  }

  #itinerary-idea .day-box .blk-panel {
    border-bottom: 0;
    padding: 60px 5.25% 80px;
  }

  #itinerary-idea .blk-schedule01 .map{
    float: left;
    margin: 10px 40px 0 0;
    max-width: 586px;
    width: 45.6%;
  }

  #itinerary-idea .blk-schedule01 .content{
    overflow: hidden;
    padding-top: 15px;
  }

  #itinerary-idea .blk-schedule01 .schedule-box{
    padding: 0 0 10px 80px;
  }

  #itinerary-idea .blk-schedule01 .schedule-box .hdg{
    font-size: 1.25rem;
    margin-bottom: 10px;
  }

  #itinerary-idea .blk-schedule01 .schedule-box .hdg.base-point1::before,
  #itinerary-idea .blk-schedule01 .schedule-box .hdg.base-point2::before {
    left: -75px;
  }

  #itinerary-idea .blk-schedule01 .schedule-box .hdg .spot {
    font-size: 1.25rem;
    left: -80px;
  }

  #itinerary-idea .blk-schedule01 .schedule-box .hdg::after {
    height: 60px;
    left: -80px;
    top: -10px;
    width: 60px;
  }

  #itinerary-idea .blk-schedule01 .schedule-box p{
    font-size: 1rem;
    margin-bottom: 20px;
  }

#itinerary-idea .blk-schedule01 .schedule-box .transport{
  font-size: .8125rem;
}

  #itinerary-idea .blk-schedule01 .schedule-box .img img{
    border-radius: 10px;
  }
}

/* fade-in =================================================== */
.akita-winter-01 .fade-in{
  opacity: 0;
  transform: translateY(30px);
  transition:all .6s ease-out;
}

.akita-winter-01 .fade-in.visible{
  opacity: 1;
  transform: translateY(0);
}

/* come-to-experience =================================================== */
.akita-winter-01 .come-to-experience {
  background: url(/japan-travel-planner/akita-winter-01/images/bg_come_to_experience_sp.jpg) center center / cover no-repeat;
  min-height: 310px;
  padding: 70px 18px 0;
  position: relative;
}

.akita-winter-01 .hdg-experience {
  color: #fff;
  font-size: 1.5625rem;
  font-weight: 900;
  letter-spacing: .05em;
  margin: 0 0 20px;
  text-align: center;
}

.akita-winter-01 .img-aircraft {
  left: 50%;
  margin-left: 55px;
  position: absolute;
  top: -70px;
  width: 308px;
}

.akita-winter-01 .come-to-experience .btn {
  margin: 0 auto;
  max-width: 340px;
}

.akita-winter-01 .come-to-experience .btn a {
  background: #d54100;
  color: #fff;
  padding: 15px;
  text-align: center;
}

.akita-winter-01 .come-to-experience .btn a svg {
  display: inline-block;
  fill: #fff;
  margin-right: 12px;
  vertical-align: -.5em;
  width: 32px;
}

.akita-winter-01 .come-to-experience .btn a span {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .akita-winter-01 .come-to-experience {
    background: url(/japan-travel-planner/akita-winter-01/images/bg_come_to_experience.jpg) center center / cover no-repeat;
    min-height: 460px;
    padding: 100px 0 0;
  }

  .akita-winter-01 .hdg-experience {
    font-size: 3.125rem;
    margin: 0 0 20px;
  }

  .akita-winter-01 .img-aircraft {
    left: 50%;
    margin-left: 255px;
    top: -185px;
    width: 767px;
  }

  .akita-winter-01 .come-to-experience .btn {
    max-width: 405px;
  }

  .akita-winter-01 .come-to-experience .btn a {
    opacity: 1;
    padding: 18px;
  }

  .akita-winter-01 .come-to-experience .btn a:hover {
    background: #c33c00;
  }

  .akita-winter-01 .come-to-experience .btn a svg {
    margin-right: .5625rem;
    width: 37px;
  }

  .akita-winter-01 .come-to-experience .btn a span {
    font-size: 1.375rem;
  }
}

.akita-winter-01 .ejf-banner-area {
  background: #f0f1f4;
  padding: 40px 18px;
}

@media screen and (min-width: 768px) {
  .akita-winter-01 .ejf-banner-area .bannerBox_01 a {
    margin: 0 auto;
    max-width: 1240px;
  }
}