@charset "utf-8";

/* box-passes-facilities-02
---------------------------------------------------------- */
.box-passes-facilities-02 {
  width: 1080px;
  margin: 0 auto 60px;
}
  .box-passes-facilities-02 .ttl-cmn-01 {
    margin-bottom: 50px;
  }
  /* list-passes-facilities-02 */
  .list-passes-facilities-02 {
    display: -ms-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -10px;
  }
    .list-passes-facilities-02 .item {
      width: 25%;
      padding: 0 10px;
    }
      .list-passes-facilities-02 .item .link {
        display: block;
      }
        .list-passes-facilities-02 .item .link:hover,
        .list-passes-facilities-02 .item .link:focus {
          text-decoration: none;
        }
      .list-passes-facilities-02 .item .image {}
        .list-passes-facilities-02 .item .image img {
          display: block;
          width: 100%;
          margin-bottom: 27px;
        }
        .list-passes-facilities-02 .item .image figcaption {
          font-family: 'Oswald', sans-serif;
          font-size: 18px;
          text-align: center;
          line-height: 1.2;
        }

@media screen and (max-width: 768px) {
.box-passes-facilities-02 {
  width: 100%;
  margin: 0 auto 30px;
  padding: 0 15px;
}
  .box-passes-facilities-02 .ttl-cmn-01 {
    margin-bottom: 25px;
  }
  /* list-passes-facilities-02 */
  .list-passes-facilities-02 {
    margin: 0 -5px -15px;
  }
    .list-passes-facilities-02 .item {
      width: 50%;
      padding: 0 5px 15px;
    }
        .list-passes-facilities-02 .item .image img {
          margin-bottom: 15px;
        }
        .list-passes-facilities-02 .item .image figcaption {
          font-size: 12px;
        }
}


/* box-oneday-freepass-wrap
---------------------------------------------------------- */
.box-oneday-freepass-wrap {
  width: 1080px;
  margin: 0 auto 60px;
}
  .box-oneday-freepass-wrap .ttl-cmn-01 {
    margin-bottom: 50px;
  }
  
.box-oneday-freepass {
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
  .box-oneday-freepass .col-01 {
    flex: 0 0 314px;
  }
  .box-oneday-freepass .col-02 {
    flex: 0 0 766px;
  }
  .box-oneday-freepass .list-01 {}
    .box-oneday-freepass .list-01 .item {
      display: -ms-flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      margin-bottom: 60px;
      padding: 30px 40px;
      text-align: center;
    }
      .box-oneday-freepass .list-01 .item:last-child { margin-bottom: 0;}
      .box-oneday-freepass .list-01 .item:not(:last-child)::after {
        content: '';
        position: absolute;
        bottom: -38px;
        left: calc(50% - 8px);
        width: 25px;
        height: 16px;
        background-image: url(/wordpress/wp-content/themes/odakyu/common/img/passes/hakone/icon_plus_01.png);
        background-position: center;
        background-size: 16px;
        background-repeat: no-repeat;
      }
    .box-oneday-freepass .list-01 .item.floral-white {
      background-color: #fefcf6;
      border: 1px #ebe7ca solid;
    }
    .box-oneday-freepass .list-01 .item.goldish-white {
      background-color: #fefcec;
      border: 1px #e8e4c4 solid;
    }
    .box-oneday-freepass .list-01 .item.green {
      background-color: #f8fbf3;
      border: 1px #d1dbc0 solid;
    }
    
  .box-oneday-freepass .list-02 {
    display: -ms-flex;
    display: flex;
    width: 100%;
  }
    .box-oneday-freepass .list-02 .item {
      display: -ms-flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      flex: 0 0 314px;
      -ms-flex-negative: 1;
      flex-shrink: 1;
      margin-left: 69px;
      padding: 27px 55px 56px;
      text-align: center;
    }
      .box-oneday-freepass .list-02 .item:after {
        content: '';
        position: absolute;
        bottom: calc(50% - 8px);
        left: -48px;
        width: 25px;
        height: 16px;
        background-image: url('/wordpress/wp-content/themes/odakyu/common/img/passes/hakone/icon_plus_01.png');
        background-position: center;
        background-size: 16px;
        background-repeat: no-repeat;
      }
    .box-oneday-freepass .list-02 .item.floral-white {
      background-color: #fefcf6;
      border: 1px #ebe7ca solid;
    }
    .box-oneday-freepass .list-02 .item.goldish-white {
      background-color: #fefcec;
      border: 1px #e8e4c4 solid;
    }
    .box-oneday-freepass .list-02 .item.green {
      background-color: #f8fbf3;
      border: 1px #d1dbc0 solid;
    }

/* box-card */
.box-card-wrap { width: 100%;}
.box-card {
  line-height: 1.3;
}
  .box-card .title {
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
  }
  .box-card .title-sub {
    margin-top: 15px;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    font-weight: 300;
  }
  .box-card .text {
    margin-top: 18px;
    font-size: 14px;
    color: #333 !important;
    text-align: left;
  }
  .box-card .link {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 43px;
    padding: 10px 20px;
    background-color: #007ac2;
    border-radius: 3px;
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
    line-height: 1.2;
    color: #fff;
    text-decoration: none;
    text-align: center;
    transition: all .2s ease-in-out;
    transform: translateZ(0);
  }
    .box-card .link:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 8px;
      transform: translateY(-40%);
      margin-bottom: -50%;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px 5px 0 5px;
      border-color: #fff transparent transparent transparent;
    }

.box-oneday-freepass .item.floral-white .box-card { color: #ba7b21;}
.box-oneday-freepass .item.goldish-white .box-card { color: #ab9c21;}
.box-oneday-freepass .item.green .box-card { color: #7d9556;}

.box-oneday-freepass .list-sub {
  margin-top: 15px;
}
  .box-oneday-freepass .list-sub .item-sub {
    position: relative;
    margin-bottom: 8px;
    font-size: 14px;
    color: #333;
    text-align: left;
    padding-left: 10px;
  }
    .box-oneday-freepass .list-sub .item-sub:last-child { margin-bottom: 0;}
    .box-oneday-freepass .list-sub .item-sub:after {
      content: '';
      display: block;
      position: absolute;
      top: 6px;
      left: 0;
      width: 5px;
      height: 5px;
      border-radius: 10px;
      background-color: #333;
    }

@media screen and (max-width: 768px) {
.box-oneday-freepass-wrap {
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}
  .box-oneday-freepass-wrap .ttl-cmn-01 {
    margin-bottom: 20px;
  }

.box-oneday-freepass {
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
  .box-oneday-freepass .col-01 {
    flex: 0 0 29%;
  }
  .box-oneday-freepass .col-02 {
    flex: 0 0 71%;
  }
  
  .box-oneday-freepass .list-01 {}
    .box-oneday-freepass .list-01 .item {
      margin-bottom: 30px;
      padding: 49px 5px;
    }
      .box-oneday-freepass .list-01 .item:not(:last-child)::after {
        content: '';
        position: absolute;
        width: 14.7%;
        bottom: -23px;
        left: calc(50% - 7.35%);
        background-size: 8px;
      }
  .box-oneday-freepass .list-02 {
    margin-left: 0;
  }
    .box-oneday-freepass .list-02 .item {
      flex: 0 0 44%;
      margin-left: 6%;
      padding: 15px 5px;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
      .box-oneday-freepass .list-02 .item:after {
        content: '';
        position: absolute;
        width: 14.7%;
        left: calc(50% - 65%);
        background-size: 8px;
      }
  
/* box-card-freepass */
.box-card-wrap {}
.box-card {}
  .box-card .title {
    font-size: 11px;
  }
  .box-card .title-sub {
    margin-top: 10px;
    font-size: 10px;
  }
  .box-card .link {
    margin-top: 15px;
    min-height: 15px;
    height: auto;
    line-height: 1.2;
    font-size: 8px;
    letter-spacing: 0.02em;
    padding: 4px 10px;
  }
    .box-card .link:after {
      right: 3px;
	    border-width: 3px 3px 0 3px;
    }
  .box-card .text {
    font-size: 10px;
  }

.box-oneday-freepass .list-sub {
}
  .box-oneday-freepass .list-sub .item-sub {
    font-size: 10px;
    padding-left: 7px;
  }
    .box-oneday-freepass .list-sub .item-sub:after {
      top: 5px;
      width: 3px;
      height: 3px;
    }

}