/*! Writen  by SCSS */
.breadlist {
  display: none; }

.text_dummy {
  transform: rotateY(180deg); }

.detail_content {
  max-width: 1260px;
  margin: 0 auto;
  background: linear-gradient(0deg, #b6b289 0%, #5f5929 100%); }

.container {
  background: none;
  color: #fff;
  padding-top: 0; }

.detail_main_head {
  max-width: 205px;
  width: 18.47%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 0;
  position: relative;
  z-index: 2;
  margin-top: clamp(-50px, -4.5%, -10px);
  margin-bottom: 30px; }
  @media screen and (max-width: 480px) {
    .detail_main_head {
      width: 30%;
      margin-top: -30px;
      margin-bottom: 15px; } }

.sec01 {
  padding-bottom: 60px; }
  @media screen and (max-width: 480px) {
    .sec01 {
      padding-bottom: 40px; } }
  .sec01 .plan_ttl {
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(40px, 5.385vw, 70px);
    line-height: 1;
    gap: 0 0.5em; }
    .sec01 .plan_ttl::before, .sec01 .plan_ttl::after {
      content: "";
      width: 100%;
      height: 3px; }
      @media screen and (max-width: 480px) {
        .sec01 .plan_ttl::before, .sec01 .plan_ttl::after {
          height: 2px; } }
    .sec01 .plan_ttl::before {
      background: linear-gradient(90deg, #e4e1c8, #c1bd97); }
    .sec01 .plan_ttl::after {
      background: linear-gradient(90deg, #e4e1c8, #c1bd97); }
    .sec01 .plan_ttl h3 {
      flex-shrink: 0;
      background: #fff;
      position: relative;
      z-index: 2;
      display: flex;
      align-items: baseline;
      justify-content: center;
      letter-spacing: 0;
      margin-bottom: 0.3em; }
      .sec01 .plan_ttl h3 .small {
        font-size: 0.55em; }
  .sec01 .spec_box {
    text-align: center;
    padding-bottom: 35px; }
    .sec01 .spec_box .sm1 {
      font-size: 80%; }
    .sec01 .spec_box .ldk {
      line-height: 1;
      letter-spacing: 0.017em;
      padding-bottom: 0.5em;
      margin-bottom: 0.5em;
      margin-bottom: 0.3em;
      border-bottom: 1px dashed;
      font-size: clamp(27px, 3.462vw, 45px); }
      @media screen and (max-width: 480px) {
        .sec01 .spec_box .ldk {
          margin-bottom: 0.8em;
          margin-bottom: 0.5em; } }
      .sec01 .spec_box .ldk .txt1 {
        display: block; }
      .sec01 .spec_box .ldk .txt2 {
        line-height: 1;
        font-size: 0.6em;
        letter-spacing: -0.05em; }
        .sec01 .spec_box .ldk .txt2 .small {
          display: block;
          margin-top: 0.2em;
          font-size: 0.7em; }
      .sec01 .spec_box .ldk .price {
        display: block;
        text-align: center; }
        .sec01 .spec_box .ldk .price > span {
          display: inline-block;
          background: #fff;
          color: #89844f;
          line-height: 1;
          font-size: clamp(20px, 3.6vw, 40px);
          margin-top: 0.3em;
          padding: 0.2em 0.8em 0.07em 0.8em;
          letter-spacing: 0.04em; }
          .sec01 .spec_box .ldk .price > span .s1 {
            font-size: 40%;
            display: inline-block;
            transform: translateY(-0.2em); }
      .sec01 .spec_box .ldk .ldkcaps {
        font-size: 0.3em;
        padding-left: 0.5em; }
        @media screen and (max-width: 768px) {
          .sec01 .spec_box .ldk .ldkcaps {
            display: block;
            font-size: 0.4em;
            padding: 3px 0 8px; } }
    .sec01 .spec_box .price {
      line-height: 1;
      font-size: clamp(16px, 1.847vw, 24px);
      letter-spacing: 0.137em;
      letter-spacing: 0.2em;
      font-feature-settings: "palt";
      padding-bottom: 0.7em;
      margin-bottom: 0.6em;
      border-bottom: 1px dashed; }
      @media screen and (max-width: 480px) {
        .sec01 .spec_box .price {
          padding-bottom: 0.7em;
          margin-bottom: 0.7em; } }
      .sec01 .spec_box .price .big1 {
        font-size: 1.7em;
        display: inline-block;
        transform: translateY(0.08em); }
      .sec01 .spec_box .price .big2 {
        font-size: 1.25em; }
      .sec01 .spec_box .price .s1 {
        font-size: 0.75em;
        letter-spacing: 0; }
      .sec01 .spec_box .price .cap_c {
        letter-spacing: 0.03em; }
    .sec01 .spec_box .menseki01 {
      line-height: 1;
      font-size: clamp(14px, 1.693vw, 22px);
      letter-spacing: 0.137em;
      display: flex;
      justify-content: center;
      grid-gap: 0 0.8em;
      margin-bottom: 0.2em;
      font-feature-settings: "palt"; }
      @media screen and (max-width: 870px) {
        .sec01 .spec_box .menseki01 {
          flex-direction: column;
          line-height: 1.3; } }
      .sec01 .spec_box .menseki01 .big1 {
        font-size: 1.7em; }
      .sec01 .spec_box .menseki01 .big2 {
        font-size: 1.25em; }
      .sec01 .spec_box .menseki01 .s1 {
        font-size: 0.75em;
        letter-spacing: 0; }
      .sec01 .spec_box .menseki01 .price {
        width: 100%;
        text-align: center;
        margin-bottom: 0.3em; }
    .sec01 .spec_box .menseki02 {
      font-feature-settings: "palt";
      margin-top: 0.8em;
      font-size: clamp(12px, 1.231vw, 16px);
      letter-spacing: 0.137em; }
      @media screen and (max-width: 870px) {
        .sec01 .spec_box .menseki02 {
          margin-top: 0.3em; } }

.figs_wrap {
  border: 4px solid #c4c19d;
  border-image-slice: 1;
  background: #fff;
  color: #221815;
  border-radius: 10px;
  padding-top: 60px;
  padding-bottom: 60px; }
  @media screen and (max-width: 768px) {
    .figs_wrap {
      width: calc(100% + 40px);
      margin-left: -20px;
      margin-right: -20px;
      padding-top: 20px;
      padding-bottom: 20px;
      border-left: none;
      border-right: none;
      border-radius: 0; } }
  .figs_wrap .in_inner {
    padding: 0 15px; }
  .figs_wrap .obi {
    max-width: 1070px;
    width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-bottom: clamp(25px, 3.34%, 40px);
    margin-bottom: clamp(25px, 3.34%, 40px);
    border-bottom: 1px dashed; }
    @media screen and (max-width: 768px) {
      .figs_wrap .obi {
        width: calc(100% - 20px);
        margin-bottom: 20px;
        padding-bottom: 20px; } }
    .figs_wrap .obi ul li {
      width: fit-content;
      margin-left: auto;
      margin-right: auto;
      font-size: clamp(14px, 1.616vw, 21px);
      letter-spacing: 0.1em;
      font-weight: 500;
      margin-bottom: 0.68em;
      line-height: 1.6; }
      @media screen and (max-width: 768px) {
        .figs_wrap .obi ul li {
          margin-bottom: 1.3em;
          line-height: 1.6; } }
      .figs_wrap .obi ul li .text_in {
        background: #efeee8;
        padding: 0.2em 0.8em; }
  .figs_wrap .fig {
    width: 90.42%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: clamp(30px, 4.17%, 50px); }
    @media screen and (max-width: 768px) {
      .figs_wrap .fig {
        width: 98%;
        margin-bottom: 25px; } }
  .figs_wrap .hanrei {
    width: 67.18%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: baseline;
    margin-bottom: 50px; }
    @media screen and (max-width: 768px) {
      .figs_wrap .hanrei {
        flex-wrap: wrap;
        grid-gap: 10px 0;
        max-width: 400px;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 60px;
        justify-content: center; } }
    .figs_wrap .hanrei li {
      line-height: 0;
      font-size: clamp(8px, 0.924vw, 12px); }
      @media screen and (max-width: 768px) {
        .figs_wrap .hanrei li {
          font-size: 10px; } }
      .figs_wrap .hanrei li:not(:last-child) {
        margin-right: 1em; }
      @media screen and (max-width: 768px) {
        .figs_wrap .hanrei li:nth-child(1) img {
          width: 30px; } }
      @media screen and (max-width: 480px) {
        .figs_wrap .hanrei li:nth-child(1) img {
          width: 20px; } }
      @media screen and (max-width: 768px) {
        .figs_wrap .hanrei li:nth-child(2) img {
          width: 30px; } }
      @media screen and (max-width: 480px) {
        .figs_wrap .hanrei li:nth-child(2) img {
          width: 20px; } }
      @media screen and (max-width: 768px) {
        .figs_wrap .hanrei li:nth-child(3) img {
          width: 20px; } }
      @media screen and (max-width: 480px) {
        .figs_wrap .hanrei li:nth-child(3) img {
          width: 15px; } }
      @media screen and (max-width: 768px) {
        .figs_wrap .hanrei li:nth-child(4) img {
          width: 20px; } }
      @media screen and (max-width: 480px) {
        .figs_wrap .hanrei li:nth-child(4) img {
          width: 15px; } }
      @media screen and (max-width: 768px) {
        .figs_wrap .hanrei li:nth-child(5) img {
          width: 20px; } }
      @media screen and (max-width: 480px) {
        .figs_wrap .hanrei li:nth-child(5) img {
          width: 15px; } }
      .figs_wrap .hanrei li img {
        margin-right: 5px; }
      .figs_wrap .hanrei li span {
        line-height: 1;
        display: inline-block;
        position: relative;
        top: 0.1em; }
  .figs_wrap .bnr_360 {
    margin: -15px auto 40px; }
    @media screen and (max-width: 480px) {
      .figs_wrap .bnr_360 {
        width: 90%;
        margin: -30px auto 30px; } }
  @media screen and (max-width: 480px) {
    .figs_wrap .btn_back {
      width: 70%;
      margin: 0 auto; } }

.bg_box {
  background: linear-gradient(90deg, #cedbc3, #b5d7e3);
  border-radius: 8px;
  padding: 40px 36px; }
  @media screen and (max-width: 480px) {
    .bg_box {
      padding: 15px; } }

.box_ttl_en {
  font-size: clamp(18px, 2.154vw, 28px);
  color: #fff;
  margin-bottom: 0.6em; }

.box_ttl_ja {
  font-size: clamp(16px, 2vw, 26px);
  margin-bottom: 1em;
  font-feature-settings: "palt";
  letter-spacing: 0.3em; }

.box_read {
  font-size: clamp(13px, 1.385vw, 18px);
  margin-bottom: 2em;
  font-feature-settings: "palt";
  letter-spacing: 0.3em; }

.route_check {
  display: flex;
  justify-content: center;
  gap: 146px;
  position: relative; }
  @media screen and (max-width: 480px) {
    .route_check {
      display: block; } }
  .route_check::before {
    content: "";
    position: absolute;
    width: 90px;
    bottom: 50%;
    right: calc(50% - 45px);
    height: 1px;
    background: #595656; }
    @media screen and (max-width: 480px) {
      .route_check::before {
        display: none; } }
  .route_check::after {
    content: "";
    position: absolute;
    width: 10px;
    bottom: 50%;
    right: calc(50% - 45px);
    height: 1px;
    background: #595656;
    transform: rotate(45deg);
    transform-origin: bottom right; }
    @media screen and (max-width: 480px) {
      .route_check::after {
        display: none; } }
  @media screen and (max-width: 480px) {
    .route_check li {
      width: 90%;
      max-width: 260px;
      margin: 0 auto; }
      .route_check li:nth-child(1) {
        margin-bottom: 30px; } }
  .route_check li p {
    background: #595656;
    color: #fff;
    line-height: 1;
    padding: 5px;
    font-size: clamp(14px, 1.539vw, 20px);
    text-align: center;
    letter-spacing: 0.45em; }

.root-simulator .simulator input[type="text"] {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #595656;
  width: 100%;
  padding: 10px;
  background: #FFF;
  font-size: clamp(14px, 1.539vw, 20px);
  color: #000;
  font-family: "Yu Mincho Demibold", "YuMincho Demibold", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif !important;
  text-align: center; }

.root-simulator .simulator input[type="button"] {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  width: 100%;
  max-width: 260px;
  padding: 10px;
  background: #595656;
  font-size: clamp(14px, 1.539vw, 20px);
  margin: 20px auto 0;
  color: #FFF;
  font-family: "Yu Mincho Demibold", "YuMincho Demibold", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif !important;
  cursor: pointer;
  letter-spacing: 0.45em; }

@media screen and (max-width: 768px) {
  .root-simulator .goal {
    position: relative; }

  .root-simulator .goal::before {
    position: absolute;
    left: 50%;
    top: -15px;
    z-index: 10;
    transform: translateY(-25%);
    display: block;
    width: 0;
    height: 0;
    content: "";
    border: solid transparent;
    border-width: 8px 5px;
    border-top-color: #fff; }

  .root-simulator .simulator select {
    font-size: 13px; }

  .root-simulator .simulator input[type="text"] {
    font-size: 13px;
    border-radius: 0; }

  .root-simulator .simulator input[type="button"] {
    font-size: 15px; } }
.plan_detail_image_wrap00 {
  max-width: 700px;
  margin: 0 auto;
  padding-bottom: 35px; }
  @media screen and (max-width: 480px) {
    .plan_detail_image_wrap00 {
      width: 90%; } }

.plan_detail_image_wrap {
  max-width: 890px;
  margin-inline: auto;
  padding-bottom: 35px;
  flex-wrap: wrap; }
  @media screen and (max-width: 480px) {
    .plan_detail_image_wrap {
      width: calc(100% + 40px);
      margin-inline: -20px; } }
  .plan_detail_image_wrap .image_box_m_min {
    max-width: 178px;
    width: 20%; }
    @media screen and (max-width: 480px) {
      .plan_detail_image_wrap .image_box_m_min {
        width: calc(100% / 3); } }
  .plan_detail_image_wrap .image_box_mid {
    max-width: 356px;
    width: 40%; }
    @media screen and (max-width: 480px) {
      .plan_detail_image_wrap .image_box_mid {
        width: 100%; } }
  .plan_detail_image_wrap .image_box_lg {
    max-width: 430px;
    width: 48.32%; }
    @media screen and (max-width: 480px) {
      .plan_detail_image_wrap .image_box_lg {
        width: calc(100% / 3); } }
  .plan_detail_image_wrap .image_box_min {
    max-width: 230px;
    width: 25.85%; }
    @media screen and (max-width: 480px) {
      .plan_detail_image_wrap .image_box_min {
        width: calc(100% / 3); } }

.sec02 {
  border-top: solid 4px;
  border-image: linear-gradient(to right, #f6e7cf, #e1b39e) 1;
  padding-top: 60px; }
  @media screen and (max-width: 480px) {
    .sec02 {
      padding-top: 40px; } }
  .sec02 .img_list2_ttl {
    text-align: center;
    color: #fff;
    background: #6a4126;
    padding: 0.2em 10px;
    letter-spacing: 0.05em;
    font-size: clamp(16px, 1.539vw, 20px); }
    @media screen and (max-width: 480px) {
      .sec02 .img_list2_ttl {
        width: calc(100% + 40px);
        margin: 0 -20px; } }
  .sec02 .img_list2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 20px; }
    @media screen and (max-width: 480px) {
      .sec02 .img_list2 {
        row-gap: 0;
        width: calc(100% + 40px);
        margin: 0 -20px; } }
    .sec02 .img_list2 li {
      position: relative; }
      .sec02 .img_list2 li:nth-child(1) {
        width: 100%;
        border: 1px solid #898989; }
        @media screen and (max-width: 480px) {
          .sec02 .img_list2 li:nth-child(1) {
            width: 100%;
            margin-bottom: 0; } }
        .sec02 .img_list2 li:nth-child(1) .img210 .cap {
          font-size: 10px;
          text-shadow: none; }
          @media screen and (max-width: 480px) {
            .sec02 .img_list2 li:nth-child(1) .img210 .cap {
              font-size: 7px; } }
      .sec02 .img_list2 li:nth-child(2) {
        width: calc(550% / 11.14); }
        @media screen and (max-width: 480px) {
          .sec02 .img_list2 li:nth-child(2) {
            width: 49%;
            width: 50%; } }
      .sec02 .img_list2 li:nth-child(3) {
        width: calc(550% / 11.14); }
        @media screen and (max-width: 480px) {
          .sec02 .img_list2 li:nth-child(3) {
            width: 49%;
            width: 50%; } }
      .sec02 .img_list2 li:nth-child(4) {
        width: calc(550% / 11.14); }
        @media screen and (max-width: 480px) {
          .sec02 .img_list2 li:nth-child(4) {
            width: 49%;
            width: 50%; } }
      .sec02 .img_list2 li:nth-child(5) {
        width: calc(550% / 11.14); }
        @media screen and (max-width: 480px) {
          .sec02 .img_list2 li:nth-child(5) {
            width: 49%;
            width: 50%; } }
      .sec02 .img_list2 li .time {
        position: absolute;
        bottom: 0;
        left: 0;
        background: linear-gradient(-90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) 30%, black);
        padding: 3px 20px 3px 8px;
        font-size: clamp(13px, 1.77vw, 23px);
        line-height: 1;
        color: #fff;
        font-feature-settings: "palt";
        letter-spacing: 0.03em; }
        @media screen and (max-width: 480px) {
          .sec02 .img_list2 li .time {
            padding: 3px 5px 3px;
            letter-spacing: 0em;
            font-size: 14px; } }
        .sec02 .img_list2 li .time .s {
          font-size: 70%; }
          @media screen and (max-width: 480px) {
            .sec02 .img_list2 li .time .s {
              font-size: 75%; } }
        .sec02 .img_list2 li .time .l {
          font-size: 160%;
          display: inline-block;
          transform: translateY(0.05em); }
          @media screen and (max-width: 480px) {
            .sec02 .img_list2 li .time .l {
              font-size: 140%; } }
    .sec02 .img_list2 .cap_txt {
      font-size: 10px; }
      @media screen and (max-width: 480px) {
        .sec02 .img_list2 .cap_txt {
          font-size: 8px; } }
      @media screen and (max-width: 480px) {
        .sec02 .img_list2 .cap_txt.w_sp {
          color: #fff;
          text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.8), 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 0px 2px rgba(0, 0, 0, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.8), 0px 0px 4px rgba(0, 0, 0, 0.8), 0px 0px 5px rgba(0, 0, 0, 0.8); } }

/*# sourceMappingURL=planning_detail.css.map */