@charset "UTF-8";
html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

.mincho_600 {
  font-family: "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
}

.mincho_normal {
  font-family: "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: normal !important;
}

.gothic{
  font-family: "Zen Kaku Gothic New", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
}

.mb70 {
  margin-bottom: 70px !important;
}

main.sub p.lead {
  margin-bottom: 20px;
}

#order-jacket .bg{
  background: #120536;
}
#order-jacket h1{
    font-size: 2.0rem;
    text-align: left;
    width: 940px;
    margin: 50px auto 0;
}
  #order-jacket h1 span{
    font-weight: bold;
}
@media (max-width: 767px) {
#order-jacket h1{
        padding: 0 10px;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
}
  #order-jacket h1 span{
    font-size: 1.8rem;
}

}

#order-jacket #mv {
  padding: 30px 30px 60px;
  background: #fff;
  line-height: 0;
}
#order-jacket #mv img {
  display: block;
  width: 100%;
  max-width: 940px;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #order-jacket #mv {
    padding: 0;
  }
}
#order-jacket .plan {
  background: #120536;
  padding-top: 80px;
  padding-bottom: 50px;
  color: #fff;
}
@media (max-width: 767px) {
  #order-jacket .plan {
    padding-top: 40px;
    padding-bottom: 30px;
  }
}
#order-jacket .plan .lead_wrapper {
  text-align: center;
  margin-bottom: 30px;
}
#order-jacket .plan .lead_wrapper .lead {
  border-bottom: 5px solid rgba(209, 191, 114, 0.7);
  font-size: 2.2rem;
  text-align: center;
  display: inline-block;
  line-height: 1;
}
@media (max-width: 767px) {
  #order-jacket .plan .lead_wrapper .lead {
    font-size: 3.59vw;
    line-height: 1.6;
  }
}
#order-jacket .plan h2 {
  font-size: 3rem;
  text-align: center;
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  #order-jacket .plan h2 {
    font-size: 6.154vw;
  }
}
#order-jacket .plan h2 span {
  font-size: 1.2rem;
  font-weight: normal;
}
#order-jacket .plan .plan2_material_list {
  width: 380px;
  margin: 20px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
}
@media (max-width: 767px) {
  #order-jacket .plan .plan2_material_list {
    width: 80%;
    gap: 20px;
    margin-top: 10px;
  }
}
#order-jacket .plan .plan2_material_list figcaption {
  color: #000;
  font-size: 1.4rem;
  letter-spacing: -0.8px;
  font-weight: normal;
}
@media (max-width: 767px) {
  #order-jacket .plan .plan2_material_list figcaption {
    font-size: 2.8vw;
  }
}
#order-jacket .plan_area {
  background: #fff;
  color: #000;
  margin: 0 auto 30px;
  width: 858px;
  text-align: center;
  padding: 50px;
}
@media (max-width: 767px) {
  #order-jacket .plan_area {
    width: 90%;
    margin: 0 auto 30px;
    padding: 24px 20px 35px;
  }
}
#order-jacket .plan_area h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
  font-size: 3rem;
  font-weight: bold;
  color: #AF743D;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  #order-jacket .plan_area h3 {
    gap: 10px;
    font-size: 4.8vw;
    margin-bottom: 20px;
    text-align: left;
    letter-spacing: -2px;
  }
  #order-jacket .plan_area h3 b {
    font-size: 6.2vw;
    display: inline-block;
    padding: 0 3px;
  }
}
#order-jacket .plan_area h3 .plan_label {
  width: 66px;
  height: 66px;
}
@media (max-width: 767px) {
#order-jacket .plan_area h3 .plan_label {
  width: 46px;
  height: 46px;
}
}
#order-jacket .plan_area .plan_img_01 {
  width: 323px;
  margin: 0 auto 10px;
}
@media (max-width: 767px) {
  #order-jacket .plan_area .plan_img_01 {
    margin-bottom: 10px;
    width: 100%;
  }
}
#order-jacket .plan_area .plan_img_01 img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #order-jacket .plan_area .plan_img_01 img {
    margin-bottom: 10px;
    width: 200px;
  }
}
#order-jacket .plan_area .plan_img_01 figcaption {
  color: #000;
  text-align: center;
  font-size: 2rem;
  letter-spacing: -0.8px;
  font-weight: normal;
}
@media (max-width: 767px) {
  #order-jacket .plan_area .plan_img_01 figcaption {
    font-size: 4.359vw;
  }
}
#order-jacket .plan_area .plan_img_01_02 figcaption {
  font-size: 1.6rem;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #order-jacket .plan_area .plan_img_01_02 figcaption {
    font-size: 3.59vw;
  }
}
@media (max-width: 767px) {
  #order-jacket .plan_area .target_material {
    font-size: 3.077vw;
  }
}
#order-jacket .plan_area .price {
  color: #AF743D;
  font-size: 4.5rem;
  margin-top: 0;
  line-height: 1;
}
@media (max-width: 767px) {
  #order-jacket .plan_area .price {
    font-size: 8vw;
    letter-spacing: -2px;
  }
}
@media (max-width: 767px) {
  #order-jacket .plan_area .price .price_set {
    font-size: 3.9vw;
  }
}
#order-jacket .plan_area .price .price_text {
  font-size: 7.3rem;
}
@media (max-width: 767px) {
  #order-jacket .plan_area .price .price_text {
    font-size: 14vw;
  }
}
#order-jacket .plan_area .price .taxin {
  font-size: 1.6rem;
}
@media (max-width: 767px) {
  #order-jacket .plan_area .price .taxin {
    letter-spacing: 0;
    font-size: 3.846vw;
    display: block;
    margin-top: 1rem;
  }
}
#order-jacket #links {
  padding: 60px 0;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  background: #fff;
}
@media (max-width: 767px) {
  #order-jacket #links {
    width: 100%;
    padding: 30px 0;
  }
}
#order-jacket #links img {
  width: 580px;
  height: auto;
}
@media (max-width: 767px) {
  #order-jacket #links img {
    width: 90%;
    margin: 0 auto;
    display: block;
  }
}
#order-jacket .accordion_area {
  position: relative;
  padding: 60px 0 0;
  background-color: #4d1b12;
  color: #333;
}
@media (max-width: 767px) {
  #order-jacket .accordion_area {
    padding-top: 50px;
  }
}
#order-jacket .accordion_area h2 {
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
  color: #fff;
}
@media (max-width: 767px) {
  #order-jacket .accordion_area h2 {
    font-size: 5.12vw;
  }
}
#order-jacket .accordion_area .brand {
  width: 850px;
  margin: 0 auto 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  background: #fff;
}
@media (max-width: 767px) {
  #order-jacket .accordion_area .brand {
    width: 80%;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
#order-jacket .accordion_area .brand img {
  width: 383px;
}
@media (max-width: 767px) {
  #order-jacket .accordion_area .brand img {
    width: 100%;
  }
}
#order-jacket .accordion_area .brand .brand_desc {
  padding: 0 45px;
}
@media (max-width: 767px) {
  #order-jacket .accordion_area .brand .brand_desc {
    padding: 20px 25px 30px;
  }
}
#order-jacket .accordion_area .brand .brand_desc h3 {
  color: #921D19;
  font-size: 2.3rem;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.2;
}
@media (max-width: 767px) {
  #order-jacket .accordion_area .brand .brand_desc h3 {
    font-weight: normal;
    font-size: 5vw;
  }
}
#order-jacket .accordion_area .brand .brand_desc h3 span {
  font-size: 1.6rem;
}
#order-jacket .accordion_area .brand .brand_desc p {
  font-size: 1.6rem;
  font-weight: normal;
}
@media (max-width: 767px) {
  #order-jacket .accordion_area .brand02 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
#order-jacket .accordion_area .brand_btn {
  margin: 0 auto 60px;
  text-align: center;
}
#order-jacket .accordion_area .brand_btn a {
  font-size: 1.8rem;
  font-weight: normal;
  color: #fff;
  border: 1px solid #fff;
  padding: 10px 30px;
  display: inline-block;
  color: #fff;
  text-decoration: none;
}
#order-jacket .accordion_area .mb0 {
  margin-bottom: 0 !important;
}
#order-jacket .accordion_area .brand-description-wrap {
  position: relative;
  -webkit-transition: max-height 0.8s ease;
  transition: max-height 0.8s ease;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  #order-jacket .accordion_area .brand-description-wrap {
  }
}
#order-jacket .accordion_area .fade-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 360px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#F8F8F7));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #F8F8F7);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #F8F8F7);
  pointer-events: none;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  z-index: 2;
}
@media (max-width: 767px) {
  #order-jacket .accordion_area .fade-overlay {
    height: 280px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #F8F8F7), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(bottom, #F8F8F7 50%, rgba(255, 255, 255, 0));
    background: linear-gradient(0deg, #F8F8F7 50%, rgba(255, 255, 255, 0));
  }
}
#order-jacket .accordion_area .brand-description-wrap.expanded {
  max-height: 3000px;
}
#order-jacket .accordion_area .brand-description-wrap.expanded .fade-overlay {
  opacity: 0;
}

@media (max-width: 767px) {
  #order-jacket #model_kaiser .brand-description-wrap {
  }
}
@media (max-width: 767px) {
  #order-jacket #model_kaiser .brand-description-wrap.expanded {
  }
}
#order-jacket #plan3 .setplan_list, #order-jacket #plan4 .setplan_list, #order-jacket #plan5 .setplan_list, #order-jacket #plan6 .setplan_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 586px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #order-jacket #plan3 .setplan_list, #order-jacket #plan4 .setplan_list, #order-jacket #plan5 .setplan_list, #order-jacket #plan6 .setplan_list {
    width: 100%;
  }
}
#order-jacket #plan3 .setplan_list li, #order-jacket #plan4 .setplan_list li, #order-jacket #plan5 .setplan_list li, #order-jacket #plan6 .setplan_list li {
  width: 46.5%;
}
@media (max-width: 767px) {
  #order-jacket #plan3 .setplan_list li, #order-jacket #plan4 .setplan_list li, #order-jacket #plan5 .setplan_list li, #order-jacket #plan6 .setplan_list li {
    width: 47.5%;
  }
}
#order-jacket #plan3 .setplan_list li img, #order-jacket #plan4 .setplan_list li img, #order-jacket #plan5 .setplan_list li img, #order-jacket #plan6 .setplan_list li img {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  #order-jacket #plan3 .setplan_list li img, #order-jacket #plan4 .setplan_list li img, #order-jacket #plan5 .setplan_list li img, #order-jacket #plan6 .setplan_list li img {
    margin-bottom: 10px;
  }
}
#order-jacket #plan3 .setplan_price, #order-jacket #plan4 .setplan_price, #order-jacket #plan5 .setplan_price, #order-jacket #plan6 .setplan_price {
  text-align: center;
  color: #000;
  line-height: 1;
}
#order-jacket #plan3 .setplan_price .spp_title, #order-jacket #plan4 .setplan_price .spp_title, #order-jacket #plan5 .setplan_price .spp_title, #order-jacket #plan6 .setplan_price .spp_title {
  font-size: 2rem;
  display: inline-block;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  #order-jacket #plan3 .setplan_price .spp_title, #order-jacket #plan4 .setplan_price .spp_title, #order-jacket #plan5 .setplan_price .spp_title, #order-jacket #plan6 .setplan_price .spp_title {
    font-size: 3.333vw;
  }
}
#order-jacket #plan3 .setplan_price .spp_yen, #order-jacket #plan4 .setplan_price .spp_yen, #order-jacket #plan5 .setplan_price .spp_yen, #order-jacket #plan6 .setplan_price .spp_yen {
  font-size: 2.5rem;
}
@media (max-width: 767px) {
  #order-jacket #plan3 .setplan_price .spp_yen, #order-jacket #plan4 .setplan_price .spp_yen, #order-jacket #plan5 .setplan_price .spp_yen, #order-jacket #plan6 .setplan_price .spp_yen {
    font-size: 4.103vw;
  }
}
#order-jacket #plan3 .setplan_price .spp_price, #order-jacket #plan4 .setplan_price .spp_price, #order-jacket #plan5 .setplan_price .spp_price, #order-jacket #plan6 .setplan_price .spp_price {
  font-size: 4.4rem;
}
@media (max-width: 767px) {
  #order-jacket #plan3 .setplan_price .spp_price, #order-jacket #plan4 .setplan_price .spp_price, #order-jacket #plan5 .setplan_price .spp_price, #order-jacket #plan6 .setplan_price .spp_price {
    font-size: 7.692vw;
  }
}
#order-jacket #plan3 .setplan_price .spp_intax, #order-jacket #plan4 .setplan_price .spp_intax, #order-jacket #plan5 .setplan_price .spp_intax, #order-jacket #plan6 .setplan_price .spp_intax {
  font-size: 1.3rem;
  display: inline-block;
  margin-top: 7px;
}
@media (max-width: 767px) {
  #order-jacket #plan3 .setplan_price .spp_intax, #order-jacket #plan4 .setplan_price .spp_intax, #order-jacket #plan5 .setplan_price .spp_intax, #order-jacket #plan6 .setplan_price .spp_intax {
    font-size: 3.077vw;
  }
}
#order-jacket #plan3 .setplan_ico, #order-jacket #plan4 .setplan_ico, #order-jacket #plan5 .setplan_ico, #order-jacket #plan6 .setplan_ico {
  text-align: center;
  margin-top: -5rem;
}
@media (max-width: 767px) {
  #order-jacket #plan3 .setplan_ico, #order-jacket #plan4 .setplan_ico, #order-jacket #plan5 .setplan_ico, #order-jacket #plan6 .setplan_ico {
    margin-top: -4rem;
  }
}
#order-jacket #plan3 .setplan_ico img, #order-jacket #plan4 .setplan_ico img, #order-jacket #plan5 .setplan_ico img, #order-jacket #plan6 .setplan_ico img {
  width: 2.6rem;
  height: auto;
}
@media (max-width: 767px) {
  #order-jacket #plan3 .setplan_ico img, #order-jacket #plan4 .setplan_ico img, #order-jacket #plan5 .setplan_ico img, #order-jacket #plan6 .setplan_ico img {
    width: 2rem;
  }
}
#order-jacket #plan3 .setplan_ico2, #order-jacket #plan4 .setplan_ico2, #order-jacket #plan5 .setplan_ico2, #order-jacket #plan6 .setplan_ico2 {
  margin-top: 50px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  #order-jacket #plan3 .setplan_ico2, #order-jacket #plan4 .setplan_ico2, #order-jacket #plan5 .setplan_ico2, #order-jacket #plan6 .setplan_ico2 {
    margin-top: 20px;
    margin-bottom: 0;
  }
}
#order-jacket #plan3 .setplan_ico2 img, #order-jacket #plan4 .setplan_ico2 img, #order-jacket #plan5 .setplan_ico2 img, #order-jacket #plan6 .setplan_ico2 img {
  width: 2.8rem;
}
#order-jacket #plan3 .setplan_setprice, #order-jacket #plan4 .setplan_setprice, #order-jacket #plan5 .setplan_setprice, #order-jacket #plan6 .setplan_setprice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
  color: #AF743D;
  position: relative;
}
@media (max-width: 767px) {
  #order-jacket #plan3 .setplan_setprice, #order-jacket #plan4 .setplan_setprice, #order-jacket #plan5 .setplan_setprice, #order-jacket #plan6 .setplan_setprice {
    margin-top: 20px;
    margin-bottom: 40px;
  }
}
#order-jacket #plan3 .setplan_setprice .spsp_title, #order-jacket #plan4 .setplan_setprice .spsp_title, #order-jacket #plan5 .setplan_setprice .spsp_title, #order-jacket #plan6 .setplan_setprice .spsp_title {
  font-size: 4.5rem;
}
@media (max-width: 767px) {
  #order-jacket #plan3 .setplan_setprice .spsp_title, #order-jacket #plan4 .setplan_setprice .spsp_title, #order-jacket #plan5 .setplan_setprice .spsp_title, #order-jacket #plan6 .setplan_setprice .spsp_title {
    font-size: 1.4rem;
  }
}
#order-jacket #plan3 .setplan_setprice .spsp_yen, #order-jacket #plan4 .setplan_setprice .spsp_yen, #order-jacket #plan5 .setplan_setprice .spsp_yen, #order-jacket #plan6 .setplan_setprice .spsp_yen {
  font-size: 4.5rem;
  font-weight: bold;
}
@media (max-width: 767px) {
  #order-jacket #plan3 .setplan_setprice .spsp_yen, #order-jacket #plan4 .setplan_setprice .spsp_yen, #order-jacket #plan5 .setplan_setprice .spsp_yen, #order-jacket #plan6 .setplan_setprice .spsp_yen {
    font-size: 1.8rem;
  }
}
#order-jacket #plan3 .setplan_setprice .spsp_price, #order-jacket #plan4 .setplan_setprice .spsp_price, #order-jacket #plan5 .setplan_setprice .spsp_price, #order-jacket #plan6 .setplan_setprice .spsp_price {
  font-size: 7.5rem;
  line-height: 4.1rem;
}
@media (max-width: 767px) {
  #order-jacket #plan3 .setplan_setprice .spsp_price, #order-jacket #plan4 .setplan_setprice .spsp_price, #order-jacket #plan5 .setplan_setprice .spsp_price, #order-jacket #plan6 .setplan_setprice .spsp_price {
    font-size: 12vw;
  }
}
#order-jacket #plan3 .setplan_setprice .spsp_intax, #order-jacket #plan4 .setplan_setprice .spsp_intax, #order-jacket #plan5 .setplan_setprice .spsp_intax, #order-jacket #plan6 .setplan_setprice .spsp_intax {
  font-size: 1.3rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  #order-jacket #plan3 .setplan_setprice .spsp_intax, #order-jacket #plan4 .setplan_setprice .spsp_intax, #order-jacket #plan5 .setplan_setprice .spsp_intax, #order-jacket #plan6 .setplan_setprice .spsp_intax {
    font-size: 1.4rem;
    position: absolute;
    right: 0;
    top: 48px;
  }
}
#order-jacket .brown_btn {
  text-align: center;
  margin: 40px auto 0;
}
@media (max-width: 767px) {
  #order-jacket .brown_btn {
    margin-top: 20px;
  }
}
#order-jacket .brown_btn a {
  font-size: 1.6rem;
  color: #fff;
  font-family: "Zen Kaku Gothic New", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  display: inline-block;
  padding: 24px 40px 24px 35px;
  background: #814B1A;
  text-decoration: none;
  position: relative;
  font-weight: normal;
  width: 100%;
  max-width: 420px;
}
#order-jacket .brown_btn a:hover {
  background: #A66C28;
}

#order-jacket .brown_btn a::after {
  content: "";
  background: url(image/btn_arrow.svg) no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
  width: 6px;
  height: 11px;
  background-size: contain;
}
@media (max-width: 767px) {
  #order-jacket .brown_btn a {
    width: 100%;
    font-size: 3.2vw;
    padding: 15px 20px 15px 15px;
  }
}
#order-jacket #plan4 .plan4_sp_title {
  font-size: 2rem;
}
@media (max-width: 767px) {
  #order-jacket #plan4 .plan4_sp_title {
    font-size: 3.59vw;
  }
}
#order-jacket #plan4 .plan4_sp_yen {
  font-size: 2.3rem;
}
@media (max-width: 767px) {
  #order-jacket #plan4 .plan4_sp_yen {
    font-size: 3.333vw;
  }
}
#order-jacket #plan4 .plan4_sp_price {
  font-size: 3.8rem;
}
@media (max-width: 767px) {
  #order-jacket #plan4 .plan4_sp_price {
    font-size: 7.179vw;
  }
}
#order-jacket #plan4 .plan4_sp_taxin {
  font-size: 1.3rem;
}
@media (max-width: 767px) {
  #order-jacket #plan4 .plan4_sp_taxin {
    position: absolute;
    right: 8px;
    top: 42px;
    font-size: 2.308vw;
  }
}
#order-jacket #plan4 .set_plan4 {
  background: #D9D9D9;
  padding: 15px;
  width: 584px;
  text-align: center;
  margin: 0 auto;
  font-weight: normal;
}
@media (max-width: 767px) {
  #order-jacket #plan4 .set_plan4 {
    padding: 8px;
    width: 100%;
    position: relative;
  }
}
#order-jacket #plan4 .setplan_ico3 {
  margin: 0;
  padding: 25px 0;
}
@media (max-width: 767px) {
  #order-jacket #plan4 .setplan_ico3 {
    padding: 15px 0;
  }
}
#order-jacket #plan4 .setplan_ico4 {
  margin-top: 40px;
}
@media (max-width: 767px) {
  #order-jacket #plan4 .setplan_ico4 {
    margin-top: 20px;
  }
}
#order-jacket #plan4 .plan4_brand_list {
  display: inline-block;
  position: relative;
  padding: 0 40px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  #order-jacket #plan4 .plan4_brand_list {
    margin-top: 20px;
    padding: 6px 6px 10px 6px;
  }
}
#order-jacket #plan4 .plan4_brand_list .plan4_brand_title {
  width: 100px;
  font-size: 1.4rem;
  display: inline-block;
}
@media (max-width: 767px) {
  #order-jacket #plan4 .plan4_brand_list .plan4_brand_title {
    font-size: 2.564vw;
    display: inline;
  }
}
#order-jacket #plan4 .plan4_brand_list .plan4_brand_yen {
  font-size: 2.1rem;
}
@media (max-width: 767px) {
  #order-jacket #plan4 .plan4_brand_list .plan4_brand_yen {
    font-size: 4.103vw;
  }
}
#order-jacket #plan4 .plan4_brand_list .plan4_brand_price {
  font-size: 3rem;
}
@media (max-width: 767px) {
  #order-jacket #plan4 .plan4_brand_list .plan4_brand_price {
    font-size: 6.41vw;
  }
}
#order-jacket #plan4 .plan4_brand_list .plan4_brand_taxin {
  font-size: 1.3rem;
}
@media (max-width: 767px) {
  #order-jacket #plan4 .plan4_brand_list .plan4_brand_taxin {
    font-size: 2.564vw;
  }
}
#order-jacket #plan4 .plan4_brand_list::before,
#order-jacket #plan4 .plan4_brand_list::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
#order-jacket #plan4 .plan4_brand_list::before {
  left: 0;
  border-left: 1px solid #000;
}
#order-jacket #plan4 .plan4_brand_list::after {
  right: 0;
  border-right: 1px solid #000;
}
#order-jacket #plan4 .plan4_brand_list ul {
  list-style: none;
  margin: 0;
  padding: 0 0 10px;
}
@media (max-width: 767px) {
  #order-jacket #plan4 .plan4_brand_list ul {
    padding-bottom: 0;
  }
}
#order-jacket #plan4 .plan4_brand_list li {
  font-size: 18px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  #order-jacket #plan4 .plan4_brand_list li {
    margin-top: -5px;
  }
}
#order-jacket #plan4 .plan4_note {
  margin: 15px auto;
  text-align: center;
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  #order-jacket #plan4 .plan4_note {
    font-size: 2.821vw;
  }
}
#order-jacket #btn_list {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #fff;
}
@media (max-width: 767px) {
  #order-jacket #btn_list {
    margin-bottom: 0;
  }
}
#order-jacket #btn_list a {
  width: 580px;
  display: block;
  margin: 0 auto 30px;
}
@media (max-width: 767px) {
  #order-jacket #btn_list a {
    width: 90%;
    margin: 0 auto 20px;
  }
}
#order-jacket #btn_list img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  #order-jacket #btn_list img {
    width: 100%;
  }
}
#order-jacket #plan5 h2, #order-jacket #plan6 h2 {
  font-size: 2.8rem;
  font-weight: normal;
  color: #AB0A0A;
  margin-bottom: 5px;
  line-height: 1.2;
}
#order-jacket #plan5 h2 span, #order-jacket #plan6 h2 span {
  font-size: 1.6rem;
  color: #000;
}
#order-jacket #plan5 {
  margin-bottom: 0 !important;
  padding-bottom: 30px;
  background: #120536;
}
#order-jacket #plan5 .plan_area {
  margin-bottom: 0 !important;
}
@media (max-width: 767px) {
  #order-jacket #plan5 .plan_area h2 {
    font-size: 4.615vw;
  }
}
@media (max-width: 767px) {
  #order-jacket #plan5 .plan_area h2 span {
    font-size: 3.077vw;
  }
}
#order-jacket #plan6 {
  padding-top: 0;
}
@media (max-width: 767px) {
  #order-jacket #plan6 h2 {
    font-size: 4.615vw;
  }
}
@media (max-width: 767px) {
  #order-jacket #plan6 h2 span {
    font-size: 3.077vw;
  }
}
#order-jacket #model_kaiser {
  background: #2C3C31;
  font-weight: normal;
}
#order-jacket #model_kaiser .kaiser_inner {
  background: #fff;
  width: 944px;
  padding: 50px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #order-jacket #model_kaiser .kaiser_inner {
    width: 90%;
    padding: 30px 5%;
  }
}
@media (max-width: 767px) {
  #order-jacket #model_kaiser .kaiser_model01, #order-jacket #model_kaiser .kaiser_model {
    text-align: center;
  }
}
#order-jacket #model_kaiser .kaiser_model01 .kaiser_label, #order-jacket #model_kaiser .kaiser_model .kaiser_label {
  background: #20335C;
  color: #fff;
  font-size: 2rem;
  display: inline-block;
  padding: 5px 7px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
#order-jacket #model_kaiser .kaiser_model01 .kaiser_label, #order-jacket #model_kaiser .kaiser_model .kaiser_label {
  font-size: 3.4vw;
}
}
#order-jacket #model_kaiser .kaiser_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#order-jacket #model_kaiser .kaiser_content > div {
  width: 47%;
}
@media (max-width: 767px) {
  #order-jacket #model_kaiser .kaiser_content {
    display: block;
    width: 100%;
  }
  #order-jacket #model_kaiser .kaiser_content > div {
    width: 100%;
  }
}
#order-jacket #model_kaiser .kaiser_text h3 {
  font-size: 3rem;
  color: #921D19;
  line-height: 0.9;
  margin-bottom: 30px;
  font-weight: bold;
}
@media (max-width: 767px) {
  #order-jacket #model_kaiser .kaiser_text h3 {
    line-height: 1.2;
    font-size: 5.128vw;
  }
}
#order-jacket #model_kaiser .kaiser_text h3 span {
  font-size: 1.4rem;
}
@media (max-width: 767px) {
#order-jacket #model_kaiser .kaiser_text h3 span {
  font-size: 3.59vw;
}
}
#order-jacket #model_kaiser .kaiser_text .kaiser_desc {
  font-size: 1.6rem;
  line-height: 1.6;
  margin-bottom: 60px;
  text-align: left;
}
@media (max-width: 767px) {
  #order-jacket #model_kaiser .kaiser_text .kaiser_desc {
    margin-bottom: 30px;
    font-size: 3.4vw;
  }
}
#order-jacket #model_kaiser .kaiser_text .kaiser_notion {
  font-size: 1.4rem;
  text-align: left;
}
@media (max-width: 767px) {
  #order-jacket #model_kaiser .kaiser_text .kaiser_notion {
    font-size: 2.8vw;
  }
}
@media (max-width: 767px) {
  #order-jacket #model_kaiser .kaiser_pic {
    width: 100%;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 20px;
  }
  #order-jacket #model_kaiser .kaiser_pic img {
    display: block;
    width: 48%;
  }
  #order-jacket #model_kaiser .kaiser_pic.pc img {
    display: none;
  }
}
#order-jacket #model_kaiser .kaiser_btn {
  margin: 30px auto 40px;
  text-align: center;
}
#order-jacket #model_kaiser .kaiser_btn a {
  font-family: "Zen Kaku Gothic New", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-size: 1.8rem;
  font-weight: normal;
  color: #fff;
  background: #671815;
  padding: 15px 40px 15px 30px;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  position: relative;
}
#order-jacket #model_kaiser .kaiser_btn a::after {
  content: "";
  background: url(image/btn_arrow.svg) no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
  width: 6px;
  height: 11px;
  background-size: contain;
}
@media (max-width: 767px) {
  #order-jacket #model_kaiser .kaiser_btn a {
    font-size: 3vw;
    padding: 13px 30px 13px 13px;
  }
}
#order-jacket #model_kaiser .kaiser_model02 {
  margin-top: 40px;
}
#order-jacket #model_kaiser .kaiser_model02 .kaiser_label {
  background: #992600;
}
#order-jacket #model_kaiser .kaiser_model02 .kaiser_text h3 {
  color: #0E2700;
}
#order-jacket #model_kaiser .kaiser_model02 .kaiser_premium_shop {
  background: #D9D9D9;
  padding: 10px;
  text-align: center;
  font-size: 1.4rem;
  margin-top: 30px;
}
@media (max-width: 767px) {
  #order-jacket #model_kaiser .kaiser_model02 .kaiser_premium_shop {
    font-size: 2.8vw;
  }
}
#order-jacket #model_kaiser .kaiser_model02 .kaiser_btn a {
  background: #112B03;
}
#order-jacket #model_kaiser .suitsmodel {
  font-size: 1.3rem;
  text-align: center;
}
@media (max-width: 767px) {
  #order-jacket #model_kaiser .suitsmodel {
    text-align: left;
            font-size: 3vw;
  }
}
#order-jacket #fair_bnr {
  padding: 0 0 80px;
  text-align: center;
  background: #fff;
  margin-top: -1px;
}
#order-jacket #fair_bnr h2 {
  font-family: "Zen Kaku Gothic New", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-size: 2.3rem;
  text-align: center;
  padding-bottom: 30px;
}
#order-jacket #fair_bnr img {
  width: 545px;
  margin: 0 auto;
  display: block;
}
#order-jacket #reserve {
  background: #fff;
  font-family: "Zen Kaku Gothic New", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
#order-jacket #reserve .inner {
  max-width: 940px;
  margin: auto;
  width: 1200px;
  position: relative;
  padding: 70px 0 0;
}
@media (max-width: 767px) {
  #order-jacket #reserve .inner {
    width: 100%;
    padding: 20px;
    padding-bottom: 0;
  }
}
#order-jacket #reserve .reserve {
  text-align: center;
  margin-bottom: 30px;
  font-weight: normal;
}
#order-jacket #reserve .reserve p {
  font-size: 2.3rem;
  font-weight: 500;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  #order-jacket #reserve .reserve p {
    font-size: 4.615vw;
  }
}
#order-jacket #reserve .reserve p span {
  display: inline-block;
  position: relative;
  padding: 0 25px;
}
#order-jacket #reserve .reserve .res-btn {
  display: inline-block;
  background-color: #684A28;
  padding: 17px 70px;
  color: #fff;
  font-size: 1.8rem;
  text-decoration: none;
  margin-bottom: 35px;
}
#order-jacket #reserve #other {
  text-align: center;
  margin-bottom: 60px;
}
#order-jacket #reserve #other h2 {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #order-jacket #reserve #other h2 {
    font-size: 4.615vw;
  }
}
#order-jacket #reserve #other .pc img{
  max-width: 545px;
}

#order-jacket #reserve #links {
  max-width: 588px;
  margin: 0px auto;
}
@media (max-width: 767px) {
  #order-jacket #reserve #links {
    max-width: 100%;
  }
}
#order-jacket #reserve #links a {
  display: block;
  margin-bottom: 10px;
}
#order-jacket #reserve .reserve_shop {
  padding: 0 20px;
}
#order-jacket #reserve.reserve01 .inner {
  padding: 0;
}
#order-jacket #reserve.reserve01 #links {
  padding-bottom: 50px;
}
#order-jacket #reserve.reserve01 .reserve {
  margin-bottom: 30px;
}
#order-jacket #reserve.reserve01 .reserve_shop {
  padding-bottom: 90px;
  text-align: center;
}
@media (max-width: 767px) {
  #order-jacket #reserve.reserve01 .reserve_shop {
    padding-bottom: 50px;
  }
}


.acordion-block {
  position: relative;
  overflow: hidden;
  height: 400px;
  transition: 0.3s height linear;
}

.acordion-block.open {
  height: auto;
}

.acordion-block::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 400px;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  transition: 0.2s opacity linear;
}

.acordion-block.open::before {
  opacity: 0;
  visibility: hidden;
}

.acordion-block + .view{
  width: 100%;
  position: absolute;
  bottom: 20px;
  z-index: 1;
  text-align: center;
}
.acordion-block + .view.open{
  position: static;
  padding: 30px 0;
}

.acordion-block + .view span{
  display: inline-block;
  border: 1px solid #000;
  line-height: 1;
  padding: 15px 30px;
  font-size: 1.6rem;
  cursor: pointer;
  width: 255px;
  transition: background-color 0.3s, color 0.3s;
}
.acordion-block + .view span:hover {
  background-color: #4B3F2C;
  color: #fff;
}
.acordion-block + .view.open span{
  background-color: #fff;
}
#about .acordion-block::before {
  background: linear-gradient(0deg, rgba(243, 247, 250, 1) 0%, rgba(243, 247, 250, 0) 100%);
}

#cordinate .acordion-block::before {
  background: linear-gradient(0deg, rgba(249, 241, 225, 1) 0%, rgba(249, 241, 225, 0) 100%);
}