@charset "UTF-8";
@import url("icon.css");
/***フォントサイズ***************************************************************************************************/
.h1-font-size {
  font-size: 25px;
  line-height: calc(25px + 3px); }
  @media (max-width: 767px) {
    .h1-font-size {
      font-size: 21px;
      line-height: calc(21px + 3px); } }

.h2-font-size, h2, #salon .header-title, #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) span:first-of-type, #products_detail .content-wrap .related_products .title, #column_detail h3, #column_detail #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #column_detail .name, #column_detail #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #column_detail a, #column_detail #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) #column_detail .catch-copy, #column_detail #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap #column_detail .name, #column_detail #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-info > div.detail-wrap form #column_detail button, #doctor_detail .recommend-wrap .docter-info .name, #salon_detail .child-header .title-area h3, #salon_detail .child-header .title-area #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #salon_detail .child-header .title-area .name, #salon_detail .child-header .title-area #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #salon_detail .child-header .title-area a, #salon_detail .child-header .title-area .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) .child-header .title-area .catch-copy, #salon_detail .child-header .title-area #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #salon_detail .child-header .title-area #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .child-header .title-area h3, #products_detail .child-header .title-area #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #products_detail .child-header .title-area .name, #products_detail .child-header .title-area #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #products_detail .child-header .title-area a, #products_detail .child-header .title-area #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #products_detail .child-header .title-area .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .child-header .title-area .name, #products_detail .child-header .title-area .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-info > div.detail-wrap form .child-header .title-area button, #ayas-beauty .comingSoon:after, #ayas-beauty_detail h3, #ayas-beauty_detail #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #ayas-beauty_detail .name, #ayas-beauty_detail #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #ayas-beauty_detail a, #ayas-beauty_detail #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) #ayas-beauty_detail .catch-copy, #ayas-beauty_detail #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap #ayas-beauty_detail .name, #ayas-beauty_detail #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-info > div.detail-wrap form #ayas-beauty_detail button {
  font-size: 25px;
  line-height: calc(25px + 3px); }
  @media (max-width: 767px) {
    .h2-font-size, h2, #salon .header-title, #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) span:first-of-type, #products_detail .content-wrap .related_products .title, #column_detail h3, #column_detail #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #column_detail .name, #column_detail #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #column_detail a, #column_detail #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) #column_detail .catch-copy, #column_detail #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap #column_detail .name, #column_detail #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-info > div.detail-wrap form #column_detail button, #doctor_detail .recommend-wrap .docter-info .name, #salon_detail .child-header .title-area h3, #salon_detail .child-header .title-area #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #salon_detail .child-header .title-area .name, #salon_detail .child-header .title-area #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #salon_detail .child-header .title-area a, #salon_detail .child-header .title-area .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) .child-header .title-area .catch-copy, #salon_detail .child-header .title-area #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #salon_detail .child-header .title-area #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .child-header .title-area h3, #products_detail .child-header .title-area #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #products_detail .child-header .title-area .name, #products_detail .child-header .title-area #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #products_detail .child-header .title-area a, #products_detail .child-header .title-area #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #products_detail .child-header .title-area .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .child-header .title-area .name, #products_detail .child-header .title-area .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-info > div.detail-wrap form .child-header .title-area button, #ayas-beauty .comingSoon:after, #ayas-beauty_detail h3, #ayas-beauty_detail #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #ayas-beauty_detail .name, #ayas-beauty_detail #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #ayas-beauty_detail a, #ayas-beauty_detail #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) #ayas-beauty_detail .catch-copy, #ayas-beauty_detail #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap #ayas-beauty_detail .name, #ayas-beauty_detail #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-info > div.detail-wrap form #ayas-beauty_detail button {
      font-size: 21px;
      line-height: calc(21px + 3px); } }

.h3-font-size, h3, #doctor .content > .doctor-panel a .text-wrap .name, #salon .search-wrap > div:last-of-type ul li a, #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap form button, #cart .total-list > li:nth-last-of-type(2) {
  font-size: 19px;
  line-height: calc(19px + 3px); }
  @media (max-width: 767px) {
    .h3-font-size, h3, #doctor .content > .doctor-panel a .text-wrap .name, #salon .search-wrap > div:last-of-type ul li a, #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap form button, #cart .total-list > li:nth-last-of-type(2) {
      font-size: 17px;
      line-height: calc(17px + 3px); } }

.tiny-font-size, #event_detail .text-wrap > div:first-of-type ul li:last-of-type, .maypage-menu > li p:nth-of-type(2) {
  font-size: 12px;
  line-height: calc(12px + 3px); }
  @media (max-width: 767px) {
    .tiny-font-size, #event_detail .text-wrap > div:first-of-type ul li:last-of-type, .maypage-menu > li p:nth-of-type(2) {
      font-size: 10px;
      line-height: calc(10px + 3px); } }

.small-font-size, #doctor .content > .doctor-panel a .text-wrap, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .category, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .price .no_tax_price, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .price .sale_text, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .sale_price .no_tax_price, #ayas-beauty_detail .item_card > a .price > p:nth-of-type(2), #cart .cart-tab > li, #faq .menu > li a, #guide .menu > li a, #sitemap .main-link li a p:last-of-type, #registar .terms #webterm > div, #registar .terms #webterm > dl > dd {
  font-size: 13px;
  line-height: calc(13px + 8px); }
  @media (max-width: 767px) {
    .small-font-size, #doctor .content > .doctor-panel a .text-wrap, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .category, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .price .no_tax_price, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .price .sale_text, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .sale_price .no_tax_price, #ayas-beauty_detail .item_card > a .price > p:nth-of-type(2), #cart .cart-tab > li, #faq .menu > li a, #guide .menu > li a, #sitemap .main-link li a p:last-of-type, #registar .terms #webterm > div, #registar .terms #webterm > dl > dd {
      font-size: 11px;
      line-height: calc(11px + 8px); } }

.big-font-size, #top .next-btn, #salon .newShop-wrap .slick-slide .name, #salon_detail .content .eyecatch > div:nth-of-type(2) .point-title, #cart .point-wrap > div > div:first-of-type > p:last-of-type .now-point, .h4-font-size, h4 {
  font-size: 1.25rem;
  line-height: 1.5; }

.normal-font-size, #column_detail .detail-wrap .doctor-wrap .sticky-doctor-info > div:last-of-type > div:nth-of-type(3) .next-btn, #products_detail .content-wrap .item-info > div.detail-wrap form .quantity input, #products_detail .content-wrap .item-info > div.detail-wrap [data-content-id] li table, #cart .cart-list > li > div:nth-of-type(4) .item_num, #cart .cart-list > li > div:nth-of-type(4) .changeBtn, #cart .point-wrap > div > div:last-of-type > div > div .use-point, #cart .adress .adress-add .addBtn, #faq dl dt:before, #faq dl dd:before, #sitemap .main-link li a p:first-of-type {
  font-size: 1rem;
  line-height: 1.7; }

.tiny-font-size, #event_detail .text-wrap > div:first-of-type ul li:last-of-type, .maypage-menu > li p:nth-of-type(2) {
  font-size: .625rem;
  line-height: 1;
  letter-spacing: .03rem; }
  @media (max-width: 767px) {
    .tiny-font-size, #event_detail .text-wrap > div:first-of-type ul li:last-of-type, .maypage-menu > li p:nth-of-type(2) {
      font-size: .625rem; } }

.equallyPadd, .user-post-area .gray-box, #company .gray-box, #sctl .gray-box, #policy .gray-box, .user-post-area #ayas-beauty_detail .item_area, #ayas-beauty_detail .user-post-area .item_area, #company #ayas-beauty_detail .item_area, #ayas-beauty_detail #company .item_area, #sctl #ayas-beauty_detail .item_area, #ayas-beauty_detail #sctl .item_area, #policy #ayas-beauty_detail .item_area, #ayas-beauty_detail #policy .item_area, #column_detail .detail-wrap .title-area, #products_detail .content-wrap .ayas_recommend, #event_detail .title-area, #event_detail .text-wrap > div:last-of-type .gray-box, #event_detail .text-wrap > div:last-of-type #ayas-beauty_detail .item_area, #ayas-beauty_detail #event_detail .text-wrap > div:last-of-type .item_area, #sitemap .other-link {
  padding-left: 50px;
  padding-right: 50px; }
  @media (max-width: 767px) {
    .equallyPadd, .user-post-area .gray-box, #company .gray-box, #sctl .gray-box, #policy .gray-box, .user-post-area #ayas-beauty_detail .item_area, #ayas-beauty_detail .user-post-area .item_area, #company #ayas-beauty_detail .item_area, #ayas-beauty_detail #company .item_area, #sctl #ayas-beauty_detail .item_area, #ayas-beauty_detail #sctl .item_area, #policy #ayas-beauty_detail .item_area, #ayas-beauty_detail #policy .item_area, #column_detail .detail-wrap .title-area, #products_detail .content-wrap .ayas_recommend, #event_detail .title-area, #event_detail .text-wrap > div:last-of-type .gray-box, #event_detail .text-wrap > div:last-of-type #ayas-beauty_detail .item_area, #ayas-beauty_detail #event_detail .text-wrap > div:last-of-type .item_area, #sitemap .other-link {
      padding-left: 12px;
      padding-right: 12px; } }

.tinyMargTop, #top .content-wrap .info-wrap a, #top .content-wrap .campaignBanner, #top .content-wrap .column-wrap .content-rank .column-rank-list, #event_detail .event-btn-wrap {
  margin-top: 20px; }
  @media (max-width: 767px) {
    .tinyMargTop, #top .content-wrap .info-wrap a, #top .content-wrap .campaignBanner, #top .content-wrap .column-wrap .content-rank .column-rank-list, #event_detail .event-btn-wrap {
      margin-top: 10px; } }

.tinyMargBottom, .user-post-area h4, #company h4, #sctl h4, #policy h4, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .bland, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap form .type, #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1), #ayas-beauty_detail .content img, #cart .menu-header, #terms > div ol li {
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .tinyMargBottom, .user-post-area h4, #company h4, #sctl h4, #policy h4, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .bland, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap form .type, #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1), #ayas-beauty_detail .content img, #cart .menu-header, #terms > div ol li {
      margin-bottom: 10px; } }

.tinyPaddTop, #salon_detail .child-header .title-area, #salon_detail .content .infomation > table tbody tr th, #salon_detail .content .infomation > table tbody tr td, #products_detail .content-wrap .item-info > div.detail-wrap [data-content-id], #ayas-beauty_detail .content .gray-box, #ayas-beauty_detail .content .item_area {
  padding-top: 20px; }
  @media (max-width: 767px) {
    .tinyPaddTop, #salon_detail .child-header .title-area, #salon_detail .content .infomation > table tbody tr th, #salon_detail .content .infomation > table tbody tr td, #products_detail .content-wrap .item-info > div.detail-wrap [data-content-id], #ayas-beauty_detail .content .gray-box, #ayas-beauty_detail .content .item_area {
      padding-top: 10px; } }

.tinyPaddBottom, #salon_detail .child-header .title-area, #salon_detail .content .infomation > table tbody tr th, #salon_detail .content .infomation > table tbody tr td, #products_detail .content-wrap .item-info > div.detail-wrap [data-content-id], #ayas-beauty_detail .content .gray-box, #ayas-beauty_detail .content .item_area {
  padding-bottom: 20px; }
  @media (max-width: 767px) {
    .tinyPaddBottom, #salon_detail .child-header .title-area, #salon_detail .content .infomation > table tbody tr th, #salon_detail .content .infomation > table tbody tr td, #products_detail .content-wrap .item-info > div.detail-wrap [data-content-id], #ayas-beauty_detail .content .gray-box, #ayas-beauty_detail .content .item_area {
      padding-bottom: 10px; } }

.tinyPadd {
  padding: 20px; }
  @media (max-width: 767px) {
    .tinyPadd {
      padding: 10px; } }

.smallMargTop, #top .content-wrap .pickup-wrap, #products_detail .content-wrap .item-info > div.detail-wrap form, #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-sns {
  margin-top: 40px; }
  @media (max-width: 767px) {
    .smallMargTop, #top .content-wrap .pickup-wrap, #products_detail .content-wrap .item-info > div.detail-wrap form, #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-sns {
      margin-top: 15px; } }

.smallMargBottom, .user-post-area > div:not(:last-child), #company > div:not(:last-child), #sctl > div:not(:last-child), #policy > div:not(:last-child), #products .content-wrap .img-area, #event_detail .text-wrap > div:first-of-type ul:not(:last-of-type) {
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .smallMargBottom, .user-post-area > div:not(:last-child), #company > div:not(:last-child), #sctl > div:not(:last-child), #policy > div:not(:last-child), #products .content-wrap .img-area, #event_detail .text-wrap > div:first-of-type ul:not(:last-of-type) {
      margin-bottom: 15px; } }

.smallMargRight {
  margin-right: 40px; }
  @media (max-width: 767px) {
    .smallMargRight {
      margin-right: 15px; } }

.smallPaddTop, #products_detail .content-wrap .ayas_recommend, #faq dl dt, #sitemap .other-link {
  padding-top: 40px; }
  @media (max-width: 767px) {
    .smallPaddTop, #products_detail .content-wrap .ayas_recommend, #faq dl dt, #sitemap .other-link {
      padding-top: 15px; } }

.smallPaddBottom, #products_detail .content-wrap .ayas_recommend, #faq dl dd, #sitemap .other-link {
  padding-bottom: 40px; }
  @media (max-width: 767px) {
    .smallPaddBottom, #products_detail .content-wrap .ayas_recommend, #faq dl dd, #sitemap .other-link {
      padding-bottom: 15px; } }

.blockMargTop, #products_detail .content-wrap .ayas_recommend, #faq h4:not(:first-of-type), #guide h4:not(:first-of-type) {
  margin-top: 50px; }
  @media (max-width: 767px) {
    .blockMargTop, #products_detail .content-wrap .ayas_recommend, #faq h4:not(:first-of-type), #guide h4:not(:first-of-type) {
      margin-top: 30px; } }

.blockMargBottom, #top .content-wrap .column-wrap .content-rank .column-rank-list, #column_detail .detail-wrap .title-area, #salon .header-title, #products .content-wrap .tagline, #products_detail .content-wrap .item-info > div.detail-wrap form, #event_detail .title-area, #event_detail .text-wrap > div:last-of-type > div:not(:last-of-type), #sitemap .main-link {
  margin-bottom: 50px; }
  @media (max-width: 767px) {
    .blockMargBottom, #top .content-wrap .column-wrap .content-rank .column-rank-list, #column_detail .detail-wrap .title-area, #salon .header-title, #products .content-wrap .tagline, #products_detail .content-wrap .item-info > div.detail-wrap form, #event_detail .title-area, #event_detail .text-wrap > div:last-of-type > div:not(:last-of-type), #sitemap .main-link {
      margin-bottom: 30px; } }

.blockPaddTop, #top .content-wrap .ayasBeauty-wrap, #news .panel-style1:not(:first-of-type), #event .panel-style1:not(:first-of-type) {
  padding-top: 50px; }
  @media (max-width: 767px) {
    .blockPaddTop, #top .content-wrap .ayasBeauty-wrap, #news .panel-style1:not(:first-of-type), #event .panel-style1:not(:first-of-type) {
      padding-top: 30px; } }

.blockPaddBottom, #top .content-wrap .ayasBeauty-wrap, #news .panel-style1, #event .panel-style1, #salon .search-wrap {
  padding-bottom: 50px; }
  @media (max-width: 767px) {
    .blockPaddBottom, #top .content-wrap .ayasBeauty-wrap, #news .panel-style1, #event .panel-style1, #salon .search-wrap {
      padding-bottom: 30px; } }

.sectionMargTop, #salon .header-title, #products_detail .content-wrap .related_products {
  margin-top: 85px; }
  @media (max-width: 767px) {
    .sectionMargTop, #salon .header-title, #products_detail .content-wrap .related_products {
      margin-top: 50px; } }

.sectionMargBottom, #terms > div {
  margin-bottom: 85px; }
  @media (max-width: 767px) {
    .sectionMargBottom, #terms > div {
      margin-bottom: 50px; } }

.sectionPaddTop {
  padding-top: 85px; }
  @media (max-width: 767px) {
    .sectionPaddTop {
      padding-top: 50px; } }

.sectionPaddBottom {
  padding-bottom: 85px; }
  @media (max-width: 767px) {
    .sectionPaddBottom {
      padding-bottom: 50px; } }

.user-post-area ul > br, #company ul > br, #sctl ul > br, #policy ul > br, .user-post-area ol > br, #company ol > br, #sctl ol > br, #policy ol > br, .user-post-area dl > br, #company dl > br, #sctl dl > br, #policy dl > br {
  display: none; }
.user-post-area ul li, #company ul li, #sctl ul li, #policy ul li, .user-post-area ul dt, #company ul dt, #sctl ul dt, #policy ul dt, .user-post-area ul dd, #company ul dd, #sctl ul dd, #policy ul dd, .user-post-area ol li, #company ol li, #sctl ol li, #policy ol li, .user-post-area ol dt, #company ol dt, #sctl ol dt, #policy ol dt, .user-post-area ol dd, #company ol dd, #sctl ol dd, #policy ol dd, .user-post-area dl li, #company dl li, #sctl dl li, #policy dl li, .user-post-area dl dt, #company dl dt, #sctl dl dt, #policy dl dt, .user-post-area dl dd, #company dl dd, #sctl dl dd, #policy dl dd {
  margin-bottom: calc(1em / 5); }
.user-post-area ul.list-bottom-space li, #company ul.list-bottom-space li, #sctl ul.list-bottom-space li, #policy ul.list-bottom-space li, .user-post-area ul.list-bottom-space dt, #company ul.list-bottom-space dt, #sctl ul.list-bottom-space dt, #policy ul.list-bottom-space dt, .user-post-area ul.list-bottom-space dd, #company ul.list-bottom-space dd, #sctl ul.list-bottom-space dd, #policy ul.list-bottom-space dd, .user-post-area ol.list-bottom-space li, #company ol.list-bottom-space li, #sctl ol.list-bottom-space li, #policy ol.list-bottom-space li, .user-post-area ol.list-bottom-space dt, #company ol.list-bottom-space dt, #sctl ol.list-bottom-space dt, #policy ol.list-bottom-space dt, .user-post-area ol.list-bottom-space dd, #company ol.list-bottom-space dd, #sctl ol.list-bottom-space dd, #policy ol.list-bottom-space dd, .user-post-area dl.list-bottom-space li, #company dl.list-bottom-space li, #sctl dl.list-bottom-space li, #policy dl.list-bottom-space li, .user-post-area dl.list-bottom-space dt, #company dl.list-bottom-space dt, #sctl dl.list-bottom-space dt, #policy dl.list-bottom-space dt, .user-post-area dl.list-bottom-space dd, #company dl.list-bottom-space dd, #sctl dl.list-bottom-space dd, #policy dl.list-bottom-space dd {
  margin-bottom: 1em; }
.user-post-area img, #company img, #sctl img, #policy img {
  width: 100%;
  margin: auto; }
  .user-post-area img.img-auto, #company img.img-auto, #sctl img.img-auto, #policy img.img-auto {
    width: auto; }
.user-post-area .gray-box, #company .gray-box, #sctl .gray-box, #policy .gray-box, .user-post-area #ayas-beauty_detail .item_area, #ayas-beauty_detail .user-post-area .item_area, #company #ayas-beauty_detail .item_area, #ayas-beauty_detail #company .item_area, #sctl #ayas-beauty_detail .item_area, #ayas-beauty_detail #sctl .item_area, #policy #ayas-beauty_detail .item_area, #ayas-beauty_detail #policy .item_area {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #efeff0; }
.user-post-area [class*="-btn"], #company [class*="-btn"], #sctl [class*="-btn"], #policy [class*="-btn"] {
  padding: 20px calc(50px + 14px + 10px) 20px 50px;
  display: table;
  margin: auto; }

.icon_font_family {
  font-family: 'icomoon' !important; }

.divide5 {
  display: block;
  width: 100%;
  height: 5px; }

.divide10 {
  display: block;
  width: 100%;
  height: 10px; }

.divide15 {
  display: block;
  width: 100%;
  height: 15px; }

.divide20 {
  display: block;
  width: 100%;
  height: 20px; }

.divide25 {
  display: block;
  width: 100%;
  height: 25px; }

.divide30 {
  display: block;
  width: 100%;
  height: 30px; }

.divide40 {
  display: block;
  width: 100%;
  height: 40px; }

.divide50 {
  display: block;
  width: 100%;
  height: 50px; }

.divide60 {
  display: block;
  width: 100%;
  height: 60px; }

.grid_layout, #salon_detail .content .salon_menu > ul li .menu-detail-wrap, #cart .cart-list > li {
  display: grid;
  display: -ms-grid; }

.link_animate, #history .history-list > li .message a, #cart .form-finish-message a, #faq dl a, #guide > dl a,
#guide > ul a,
#guide > ol a,
#guide > div a, #sctl a, #sitemap .other-link li a, #registar .finish-message a {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-bottom: 1px solid black; }
  .link_animate:hover, #history .history-list > li .message a:hover, #cart .form-finish-message a:hover, #faq dl a:hover, #guide > dl a:hover,
  #guide > ul a:hover,
  #guide > ol a:hover,
  #guide > div a:hover, #sctl a:hover, #sitemap .other-link li a:hover, #registar .finish-message a:hover {
    border-bottom: 1px solid #bc2636; }

.sub-title-area {
  text-align: center; }
  .sub-title-area p {
    background: white;
    padding: 5px 65px;
    display: inline-block; }

/*
 * TOPページ
 */
#top h2 img, #top #salon .header-title img, #salon #top .header-title img, #top #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) span:first-of-type img, #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) #top span:first-of-type img, #top #products_detail .content-wrap .related_products .title img, #products_detail .content-wrap .related_products #top .title img {
  margin: auto;
  width: 400px; }
@media (max-width: 479px) {
  #top h2, #top #salon .header-title, #salon #top .header-title, #top #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) span:first-of-type, #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) #top span:first-of-type, #top #products_detail .content-wrap .related_products .title, #products_detail .content-wrap .related_products #top .title {
    padding: 0 calc(100vw / 8.5); } }
#top .next-btn {
  margin-top: 50px;
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding: 20px calc(50px + 14px + 10px) 20px 50px; }
  @media (max-width: 767px) {
    #top .next-btn {
      margin-top: 0px;
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: 1rem;
      padding: 20px calc(8px + 1rem + 5px) 20px 8px; } }
#top .slider_wrap {
  width: 100%; }
  #top .slider_wrap img {
    width: 100%; }
#top .content-wrap .info-wrap a {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid black;
  padding: 5px 15px;
  width: 100%; }
  #top .content-wrap .info-wrap a span:first-of-type {
    margin-right: 10px;
    width: 110px; }
  #top .content-wrap .info-wrap a span:last-of-type {
    width: calc(100% - 110px); }
  @media (max-width: 767px) {
    #top .content-wrap .info-wrap a span:first-of-type {
      width: 80px; }
    #top .content-wrap .info-wrap a span:last-of-type {
      width: calc(100% - 80px); } }
#top .content-wrap .pickup-wrap {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }
  #top .content-wrap .pickup-wrap li {
    width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px);
    max-width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px); }
    #top .content-wrap .pickup-wrap li:not(:nth-of-type(3n)) {
      margin-right: 0; }
    #top .content-wrap .pickup-wrap li:not(:nth-of-type(2n)) {
      margin-right: 20px; }
    #top .content-wrap .pickup-wrap li:nth-of-type(n + 4) {
      margin-top: 0; }
    #top .content-wrap .pickup-wrap li:nth-of-type(n + 3) {
      margin-top: 20px; }
  @media (max-width: 767px) {
    #top .content-wrap .pickup-wrap li {
      width: calc((100% - (10px * (1 - 1))) / 1 - 0.1px);
      max-width: calc((100% - (10px * (1 - 1))) / 1 - 0.1px); }
      #top .content-wrap .pickup-wrap li:not(:nth-of-type(2n)) {
        margin-right: 0; }
      #top .content-wrap .pickup-wrap li:not(:nth-of-type(1n)) {
        margin-right: 10px; }
      #top .content-wrap .pickup-wrap li:nth-of-type(n + 3) {
        margin-top: 0; }
      #top .content-wrap .pickup-wrap li:nth-of-type(n + 2) {
        margin-top: 10px; } }
#top .content-wrap .campaignBanner {
  text-align: center; }
#top .content-wrap .column-wrap > .content-list {
  margin-bottom: 40px;
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }
  #top .content-wrap .column-wrap > .content-list .panel-style3 {
    width: calc((100% - (20px * (3 - 1))) / 3 - 0.1px);
    max-width: calc((100% - (20px * (3 - 1))) / 3 - 0.1px); }
    #top .content-wrap .column-wrap > .content-list .panel-style3:not(:nth-of-type(4n)) {
      margin-right: 0; }
    #top .content-wrap .column-wrap > .content-list .panel-style3:not(:nth-of-type(3n)) {
      margin-right: 20px; }
    #top .content-wrap .column-wrap > .content-list .panel-style3:nth-of-type(n + 5) {
      margin-top: 0; }
    #top .content-wrap .column-wrap > .content-list .panel-style3:nth-of-type(n + 4) {
      margin-top: 20px; }
    #top .content-wrap .column-wrap > .content-list .panel-style3 .content-area {
      min-height: calc(3rem + 10px); }
    @media (max-width: 991px) {
      #top .content-wrap .column-wrap > .content-list .panel-style3 {
        width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px);
        max-width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px); }
        #top .content-wrap .column-wrap > .content-list .panel-style3:not(:nth-of-type(3n)) {
          margin-right: 0; }
        #top .content-wrap .column-wrap > .content-list .panel-style3:not(:nth-of-type(2n)) {
          margin-right: 20px; }
        #top .content-wrap .column-wrap > .content-list .panel-style3:nth-of-type(n + 4) {
          margin-top: 0; }
        #top .content-wrap .column-wrap > .content-list .panel-style3:nth-of-type(n + 3) {
          margin-top: 20px; } }
    @media (max-width: 767px) {
      #top .content-wrap .column-wrap > .content-list .panel-style3:nth-of-type(n+5) {
        display: none; } }
    @media (max-width: 479px) {
      #top .content-wrap .column-wrap > .content-list .panel-style3 {
        width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px);
        max-width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px); }
        #top .content-wrap .column-wrap > .content-list .panel-style3:not(:nth-of-type(2n)) {
          margin-right: 0; }
        #top .content-wrap .column-wrap > .content-list .panel-style3:not(:nth-of-type(1n)) {
          margin-right: 20px; }
        #top .content-wrap .column-wrap > .content-list .panel-style3:nth-of-type(n + 3) {
          margin-top: 0; }
        #top .content-wrap .column-wrap > .content-list .panel-style3:nth-of-type(n + 2) {
          margin-top: 20px; } }
#top .content-wrap .column-wrap .double-title {
  text-align: center;
  position: relative; }
  #top .content-wrap .column-wrap .double-title p {
    position: relative;
    z-index: 2;
    background: white;
    display: inline-block;
    padding: 0 30px; }
  #top .content-wrap .column-wrap .double-title:after, #top .content-wrap .column-wrap .double-title:before {
    position: absolute;
    left: 0;
    transform: translateY(-50%);
    content: "";
    display: block;
    width: 100%;
    height: 0;
    border-top: 1px solid #a5a5a5; }
  #top .content-wrap .column-wrap .double-title:before {
    top: calc(50% - 3px); }
  #top .content-wrap .column-wrap .double-title:after {
    top: calc(50% + 1px); }
#top .content-wrap .column-wrap .content-rank .column-rank-list .img-wrap {
  max-width: 200px; }
#top .content-wrap .column-wrap .content-rank .column-rank-list .slick-slide:not(:last-of-type) {
  padding-right: 20px; }
#top .content-wrap .column-wrap .content-rank .column-rank-list .slick-slide img {
  margin: auto; }
@media (max-width: 767px) {
  #top .content-wrap .column-wrap {
    display: block; }
    #top .content-wrap .column-wrap > h3, #top .content-wrap #doctor .content > .doctor-panel a .text-wrap .column-wrap > .name, #doctor .content > .doctor-panel a .text-wrap #top .content-wrap .column-wrap > .name, #top .content-wrap #salon .search-wrap > div:last-of-type ul li .column-wrap > a, #salon .search-wrap > div:last-of-type ul li #top .content-wrap .column-wrap > a, #top .content-wrap #salon_detail .content .eyecatch > div:nth-of-type(2) .column-wrap > .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) #top .content-wrap .column-wrap > .catch-copy, #top #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .column-wrap > .name, #products_detail #top .content-wrap .item-info > div.detail-wrap .info-wrap .column-wrap > .name, #top #products_detail .content-wrap .item-info > div.detail-wrap form .column-wrap > button, #products_detail #top .content-wrap .item-info > div.detail-wrap form .column-wrap > button {
      margin-bottom: 20px; } }
#top .content-wrap .ayasBeauty-wrap {
  background-image: url("../images/top/ayasBeautyBack.png");
  background-size: cover; }
  #top .content-wrap .ayasBeauty-wrap ul {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    #top .content-wrap .ayasBeauty-wrap ul li {
      max-width: 800px;
      width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px);
      max-width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px); }
      #top .content-wrap .ayasBeauty-wrap ul li:not(:nth-of-type(3n)) {
        margin-right: 0; }
      #top .content-wrap .ayasBeauty-wrap ul li:not(:nth-of-type(2n)) {
        margin-right: 20px; }
      #top .content-wrap .ayasBeauty-wrap ul li > div:first-of-type img {
        margin: auto;
        width: 100%; }
  @media (max-width: 767px) {
    #top .content-wrap .ayasBeauty-wrap ul {
      display: block; }
      #top .content-wrap .ayasBeauty-wrap ul li {
        width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px);
        max-width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px);
        margin-bottom: 30px; }
        #top .content-wrap .ayasBeauty-wrap ul li:not(:nth-of-type(2n)) {
          margin-right: 0; }
        #top .content-wrap .ayasBeauty-wrap ul li:not(:nth-of-type(1n)) {
          margin-right: 20px; } }
#top .content-wrap .beautySalon-wrap .content-list #salon-list-pc > li:nth-of-type(n + 3) {
  margin-top: 0; }
#top .content-wrap .beautySalon-wrap .content-list #salon-list-pc > li:nth-of-type(n + 2) {
  margin-top: 50px; }
#top .content-wrap .beautySalon-wrap .content-list #salon-list-sp {
  display: none; }
  #top .content-wrap .beautySalon-wrap .content-list #salon-list-sp .slick-slide {
    padding: 0 5px; }
    #top .content-wrap .beautySalon-wrap .content-list #salon-list-sp .slick-slide .content-area {
      padding-bottom: 0; }
#top .content-wrap .beautySalon-wrap .next-btn {
  margin-top: 50px; }
@media (max-width: 767px) {
  #top .content-wrap .beautySalon-wrap .content-list #salon-list-pc {
    display: none; }
  #top .content-wrap .beautySalon-wrap .content-list #salon-list-sp {
    display: block; }
  #top .content-wrap .beautySalon-wrap .next-btn {
    margin-top: 20px; } }
#top .content-wrap .products-wrap > .content-list {
  margin-top: 20px; }
  #top .content-wrap .products-wrap > .content-list ul {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    width: 100%; }
    #top .content-wrap .products-wrap > .content-list ul li {
      width: calc((100% - (20px * (4 - 1))) / 4 - 0.1px);
      max-width: calc((100% - (20px * (4 - 1))) / 4 - 0.1px);
      margin-bottom: 20px; }
      #top .content-wrap .products-wrap > .content-list ul li:not(:nth-of-type(5n)) {
        margin-right: 0; }
      #top .content-wrap .products-wrap > .content-list ul li:not(:nth-of-type(4n)) {
        margin-right: 20px; }
      #top .content-wrap .products-wrap > .content-list ul li h4 {
        margin: 10px 0; }
      #top .content-wrap .products-wrap > .content-list ul li > div:nth-of-type(1) {
        min-height: calc(1em + 20px);
        margin-bottom: 5px; }
      #top .content-wrap .products-wrap > .content-list ul li > div:nth-of-type(2) img {
        display: block;
        margin: auto; }
      #top .content-wrap .products-wrap > .content-list ul li > div:nth-of-type(3) {
        margin: 10px 0; }
        #top .content-wrap .products-wrap > .content-list ul li > div:nth-of-type(3) p {
          display: inline-block;
          padding: 2px 20px;
          border: 1px solid black; }
      #top .content-wrap .products-wrap > .content-list ul li > div:nth-of-type(5) {
        margin: 10px 0; }
      #top .content-wrap .products-wrap > .content-list ul li > div:nth-of-type(6) {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap; }
    @media (max-width: 767px) {
      #top .content-wrap .products-wrap > .content-list ul li {
        width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px);
        max-width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px); }
        #top .content-wrap .products-wrap > .content-list ul li:not(:nth-of-type(3n)) {
          margin-right: 0; }
        #top .content-wrap .products-wrap > .content-list ul li:not(:nth-of-type(2n)) {
          margin-right: 20px; }
        #top .content-wrap .products-wrap > .content-list ul li > div:nth-of-type(6) {
          display: block; } }
  @media (max-width: 767px) {
    #top .content-wrap .products-wrap > .content-list {
      margin-top: 5px; } }

#about .aboutList .title {
  margin: 5px 0; }
#about .merit {
  padding: 15px;
  border: 2px solid #bc2636; }
  #about .merit .text_red {
    text-decoration: underline; }
  #about .merit ol > li:not(:last-of-type) {
    margin-bottom: 10px; }
  #about .merit:before {
    content: url("../images/about/soon.png");
    margin-bottom: -35px;
    display: none; }
  #about .merit .title {
    padding-left: 110px; }
  @media (max-width: 767px) {
    #about .merit:before {
      margin-bottom: -10px; }
    #about .merit .title {
      padding-left: 0px; } }

/*
 * CONCEPTページ
 */
#concept .eye-catch > div {
  text-align: center; }
#concept .message .sign {
  max-width: 250px;
  width: 30%;
  min-width: 150px;
  margin-left: auto;
  margin-right: 50px;
  margin-top: 10px; }
#concept .message p {
  text-align: center; }
  #concept .message p:not(:last-of-type) {
    margin-bottom: 2em; }
#concept .message > div:not(.sign) {
  text-align: right;
  padding-right: 145px;
  margin-right: 50px; }
@media (max-width: 767px) {
  #concept .message > div {
    text-align: center; } }
#concept .aya-info > div {
  text-align: center; }

/*
 * NEWSページ
 */
#news .panel-style1, #event .panel-style1 {
  padding-bottom: 40px;
  border-bottom: 1px solid #efeff0; }

/*
 * COLUMNページ
 */
#column .sub-title-area {
  text-align: center; }
#column .recommend-wrap > div {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }
  #column .recommend-wrap > div > div.img-area {
    width: 65%;
    padding-right: 20px; }
  #column .recommend-wrap > div > div:last-of-type {
    width: calc(100% - 65%);
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify; }
    #column .recommend-wrap > div > div:last-of-type .date-area {
      margin-bottom: 10px; }
    #column .recommend-wrap > div > div:last-of-type .docter-info {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      background: #efeff0;
      padding: 10px; }
      #column .recommend-wrap > div > div:last-of-type .docter-info > div:first-of-type {
        width: calc(100% - 100px);
        padding-right: 10px; }
      #column .recommend-wrap > div > div:last-of-type .docter-info > div:last-of-type {
        width: 100px;
        margin-left: auto; }
  @media (max-width: 767px) {
    #column .recommend-wrap > div {
      display: block; }
      #column .recommend-wrap > div > div.img-area {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px; }
      #column .recommend-wrap > div > div:last-of-type {
        width: 100%; } }
#column .columnTab-wrap {
  overflow: hidden; }
  #column .columnTab-wrap #columnMoreButton {
    width: 450px;
    text-align: center;
    max-width: 100%;
    margin: auto; }
    @media (max-width: 767px) {
      #column .columnTab-wrap #columnMoreButton {
        width: 100%;
        max-width: 450px; } }
  #column .columnTab-wrap [data-button-id="columnTab"] li {
    width: calc((100% - (20px * (8 - 1))) / 8 - 0.1px);
    max-width: calc((100% - (20px * (8 - 1))) / 8 - 0.1px); }
    #column .columnTab-wrap [data-button-id="columnTab"] li:not(:nth-of-type(9n)) {
      margin-right: 0; }
    #column .columnTab-wrap [data-button-id="columnTab"] li:not(:nth-of-type(8n)) {
      margin-right: 20px; }
    #column .columnTab-wrap [data-button-id="columnTab"] li:nth-of-type(n + 10) {
      margin-top: 0; }
    #column .columnTab-wrap [data-button-id="columnTab"] li:nth-of-type(n + 9) {
      margin-top: 20px; }
    @media (max-width: 991px) {
      #column .columnTab-wrap [data-button-id="columnTab"] li {
        width: calc((100% - (20px * (5 - 1))) / 5 - 0.1px);
        max-width: calc((100% - (20px * (5 - 1))) / 5 - 0.1px); }
        #column .columnTab-wrap [data-button-id="columnTab"] li:not(:nth-of-type(6n)) {
          margin-right: 0; }
        #column .columnTab-wrap [data-button-id="columnTab"] li:not(:nth-of-type(5n)) {
          margin-right: 20px; }
        #column .columnTab-wrap [data-button-id="columnTab"] li:nth-of-type(n + 7) {
          margin-top: 0; }
        #column .columnTab-wrap [data-button-id="columnTab"] li:nth-of-type(n + 6) {
          margin-top: 20px; } }
    @media (max-width: 767px) {
      #column .columnTab-wrap [data-button-id="columnTab"] li {
        width: calc((100% - (20px * (3 - 1))) / 3 - 0.1px);
        max-width: calc((100% - (20px * (3 - 1))) / 3 - 0.1px); }
        #column .columnTab-wrap [data-button-id="columnTab"] li:not(:nth-of-type(4n)) {
          margin-right: 0; }
        #column .columnTab-wrap [data-button-id="columnTab"] li:not(:nth-of-type(3n)) {
          margin-right: 20px; }
        #column .columnTab-wrap [data-button-id="columnTab"] li:nth-of-type(n + 5) {
          margin-top: 0; }
        #column .columnTab-wrap [data-button-id="columnTab"] li:nth-of-type(n + 4) {
          margin-top: 20px; } }
    @media (max-width: 479px) {
      #column .columnTab-wrap [data-button-id="columnTab"] li {
        width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px);
        max-width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px); }
        #column .columnTab-wrap [data-button-id="columnTab"] li:not(:nth-of-type(3n)) {
          margin-right: 0; }
        #column .columnTab-wrap [data-button-id="columnTab"] li:not(:nth-of-type(2n)) {
          margin-right: 20px; }
        #column .columnTab-wrap [data-button-id="columnTab"] li:nth-of-type(n + 4) {
          margin-top: 0; }
        #column .columnTab-wrap [data-button-id="columnTab"] li:nth-of-type(n + 3) {
          margin-top: 20px; } }
  #column .columnTab-wrap [data-filter-id="columnTab"] {
    width: calc(100% + 20px);
    transform: translateX(-10px);
    margin: 40px 0;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; }
    #column .columnTab-wrap [data-filter-id="columnTab"] > .panel-style3 {
      width: calc((100% - (20px * 3)) / 3);
      max-width: calc((100% - (20px * 3)) / 3);
      margin: 20px calc(20px / 2); }
      @media (max-width: 991px) {
        #column .columnTab-wrap [data-filter-id="columnTab"] > .panel-style3 {
          width: calc((100% - (20px * 2) ) / 2);
          max-width: calc((100% - (20px * 2) ) / 2); } }
      @media (max-width: 479px) {
        #column .columnTab-wrap [data-filter-id="columnTab"] > .panel-style3 {
          width: calc((100% - (20px * 1) ) / 1);
          max-width: calc((100% - (20px * 1) ) / 1); } }
      #column .columnTab-wrap [data-filter-id="columnTab"] > .panel-style3:nth-of-type(n + 3) {
        display: none; }
#column .doctorSpecialist {
  background: #efeff0; }
  #column .doctorSpecialist [class*="-btn"] {
    display: table;
    margin: auto;
    width: 380px;
    text-align: center; }
    @media (max-width: 767px) {
      #column .doctorSpecialist [class*="-btn"] {
        width: 100%;
        max-width: 380px; } }
  #column .doctorSpecialist .sub-title-area p {
    background: rgba(255, 255, 255, 0); }
  #column .doctorSpecialist .doctor-list {
    margin: 40px 0; }
    #column .doctorSpecialist .doctor-list li {
      padding: 0 10px; }
      #column .doctorSpecialist .doctor-list li div:first-of-type {
        margin-bottom: 10px; }
        #column .doctorSpecialist .doctor-list li div:first-of-type img {
          margin: auto; }
      #column .doctorSpecialist .doctor-list li div:last-of-type {
        margin-top: 10px; }
        #column .doctorSpecialist .doctor-list li div:last-of-type .name {
          margin-top: 10px; }

#column_detail {
  padding-right: 50px; }
  #column_detail h2, #column_detail #salon .header-title, #salon #column_detail .header-title, #column_detail #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) span:first-of-type, #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) #column_detail span:first-of-type, #column_detail #products_detail .content-wrap .related_products .title, #products_detail .content-wrap .related_products #column_detail .title {
    font-weight: normal !important; }
  #column_detail h3, #column_detail #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #column_detail .name, #column_detail #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #column_detail a, #column_detail #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) #column_detail .catch-copy, #column_detail #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap #column_detail .name, #column_detail #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-info > div.detail-wrap form #column_detail button {
    font-weight: bold !important; }
  #column_detail .item-sns li:first-of-type {
    padding-left: 0; }
  #column_detail .detail-wrap {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    #column_detail .detail-wrap .title-area {
      padding-top: 5px;
      padding-bottom: 6px; }
      #column_detail .detail-wrap .title-area h2, #column_detail .detail-wrap .title-area #salon .header-title, #salon #column_detail .detail-wrap .title-area .header-title, #column_detail .detail-wrap .title-area #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) span:first-of-type, #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) #column_detail .detail-wrap .title-area span:first-of-type, #column_detail .detail-wrap .title-area #products_detail .content-wrap .related_products .title, #products_detail .content-wrap .related_products #column_detail .detail-wrap .title-area .title {
        display: inline-block;
        margin-right: 10px; }
      #column_detail .detail-wrap .title-area h3, #column_detail .detail-wrap .title-area #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #column_detail .detail-wrap .title-area .name, #column_detail .detail-wrap .title-area #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #column_detail .detail-wrap .title-area a, #column_detail .detail-wrap .title-area #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) #column_detail .detail-wrap .title-area .catch-copy, #column_detail #products_detail .content-wrap .item-info > div.detail-wrap .title-area .info-wrap .name, #products_detail .content-wrap #column_detail .item-info > div.detail-wrap .title-area .info-wrap .name, #column_detail #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .title-area .name, #products_detail .content-wrap #column_detail .item-info > div.detail-wrap .info-wrap .title-area .name, #column_detail #products_detail .content-wrap .item-info > div.detail-wrap .title-area form button, #products_detail .content-wrap #column_detail .item-info > div.detail-wrap .title-area form button, #column_detail #products_detail .content-wrap .item-info > div.detail-wrap form .title-area button, #products_detail .content-wrap #column_detail .item-info > div.detail-wrap form .title-area button {
        display: inline-block;
        font-weight: normal; }
      @media (max-width: 767px) {
        #column_detail .detail-wrap .title-area {
          padding-top: 10px;
          padding-bottom: 10px;
          background: rgba(239, 239, 240, 0.5); } }
    #column_detail .detail-wrap > article {
      width: calc(100% - 300px); }
      #column_detail .detail-wrap > article .eyecatch, #column_detail .detail-wrap > article .text {
        padding-left: 50px;
        padding-right: 50px; }
      #column_detail .detail-wrap > article .eyecatch img {
        margin: 1.8em 0;
        width: 100%; }
      #column_detail .detail-wrap > article .text {
        padding-left: 30px;
        padding-right: 10px;
        max-width: 800px;
        line-height: 1.8em; }
        #column_detail .detail-wrap > article .text > p:not(:last-child) {
          margin-bottom: 2em; }
    #column_detail .detail-wrap .doctor-wrap .sticky-doctor-info {
      width: 300px;
      background: #efeff0;
      padding: 20px;
      position: sticky;
      top: 0; }
      #column_detail .detail-wrap .doctor-wrap .sticky-doctor-info > div:first-of-type {
        margin-bottom: 10px; }
        #column_detail .detail-wrap .doctor-wrap .sticky-doctor-info > div:first-of-type img {
          margin: auto; }
      #column_detail .detail-wrap .doctor-wrap .sticky-doctor-info > div:last-of-type > div:nth-of-type(1) .name {
        margin-top: 5px; }
      #column_detail .detail-wrap .doctor-wrap .sticky-doctor-info > div:last-of-type > div:nth-of-type(2) {
        margin: 10px 0; }
      #column_detail .detail-wrap .doctor-wrap .sticky-doctor-info > div:last-of-type > div:nth-of-type(3) .next-btn {
        text-align: center; }
    @media (max-width: 767px) {
      #column_detail .detail-wrap {
        display: block; }
        #column_detail .detail-wrap > article {
          width: 100%;
          margin-right: 0;
          margin-bottom: 20px; }
          #column_detail .detail-wrap > article .eyecatch, #column_detail .detail-wrap > article .text {
            padding-left: 12px;
            padding-right: 12px; }
        #column_detail .detail-wrap .doctor-wrap .sticky-doctor-info {
          padding-left: 12px;
          padding-right: 12px;
          width: 100%;
          position: static;
          padding: 20px 10px;
          -js-display: flex;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
          #column_detail .detail-wrap .doctor-wrap .sticky-doctor-info > div:first-of-type {
            width: 30%;
            padding-right: 10px; }
          #column_detail .detail-wrap .doctor-wrap .sticky-doctor-info > div:last-of-type {
            width: calc(100% - 30%); } }
  @media (max-width: 767px) {
    #column_detail {
      padding-right: 0px; } }
  #column_detail .last-content {
    border-top: 1px solid #a5a5a5; }
    @media (max-width: 767px) {
      #column_detail .last-content {
        border: none; } }
    #column_detail .last-content .recommend-wrap .content {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-wrap: wrap; }
      #column_detail .last-content .recommend-wrap .content > .panel-style3 {
        width: calc((100% - (20px * (3 - 1))) / 3 - 0.1px);
        max-width: calc((100% - (20px * (3 - 1))) / 3 - 0.1px); }
        #column_detail .last-content .recommend-wrap .content > .panel-style3:not(:nth-of-type(4n)) {
          margin-right: 0; }
        #column_detail .last-content .recommend-wrap .content > .panel-style3:not(:nth-of-type(3n)) {
          margin-right: 20px; }
        #column_detail .last-content .recommend-wrap .content > .panel-style3:nth-of-type(n + 5) {
          margin-top: 0; }
        #column_detail .last-content .recommend-wrap .content > .panel-style3:nth-of-type(n + 4) {
          margin-top: 20px; }
    @media (max-width: 767px) {
      #column_detail .last-content .recommend-wrap .content > .panel-style3 {
        width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px);
        max-width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px); }
        #column_detail .last-content .recommend-wrap .content > .panel-style3:not(:nth-of-type(3n)) {
          margin-right: 0; }
        #column_detail .last-content .recommend-wrap .content > .panel-style3:not(:nth-of-type(2n)) {
          margin-right: 20px; }
        #column_detail .last-content .recommend-wrap .content > .panel-style3:nth-of-type(n + 4) {
          margin-top: 0; }
        #column_detail .last-content .recommend-wrap .content > .panel-style3:nth-of-type(n + 3) {
          margin-top: 20px; } }
    @media (max-width: 479px) {
      #column_detail .last-content .recommend-wrap .content > .panel-style3 {
        width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px);
        max-width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px); }
        #column_detail .last-content .recommend-wrap .content > .panel-style3:not(:nth-of-type(2n)) {
          margin-right: 0; }
        #column_detail .last-content .recommend-wrap .content > .panel-style3:not(:nth-of-type(1n)) {
          margin-right: 20px; }
        #column_detail .last-content .recommend-wrap .content > .panel-style3:nth-of-type(n + 3) {
          margin-top: 0; }
        #column_detail .last-content .recommend-wrap .content > .panel-style3:nth-of-type(n + 2) {
          margin-top: 20px; } }

/*
 * doctor一覧ページ
 */
#doctor .content {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }
  #doctor .content > .doctor-panel {
    width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px);
    max-width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px); }
    #doctor .content > .doctor-panel:not(:nth-of-type(3n)) {
      margin-right: 0; }
    #doctor .content > .doctor-panel:not(:nth-of-type(2n)) {
      margin-right: 20px; }
    #doctor .content > .doctor-panel:nth-of-type(n + 4) {
      margin-top: 0; }
    #doctor .content > .doctor-panel:nth-of-type(n + 3) {
      margin-top: 40px; }
    #doctor .content > .doctor-panel a {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      #doctor .content > .doctor-panel a .img-wrap {
        position: relative;
        width: 170px;
        padding-right: 20px; }
        #doctor .content > .doctor-panel a .img-wrap:before {
          position: absolute;
          top: -10px;
          left: -10px;
          content: url("../images/doctor/image_accent.png"); }
      #doctor .content > .doctor-panel a .text-wrap {
        width: calc(100% - 170px); }
        #doctor .content > .doctor-panel a .text-wrap .name {
          padding: 5px 0 15px 0; }
  @media (max-width: 767px) {
    #doctor .content {
      display: block; }
      #doctor .content > .doctor-panel {
        width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px);
        max-width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px); }
        #doctor .content > .doctor-panel:not(:nth-of-type(2n)) {
          margin-right: 0; }
        #doctor .content > .doctor-panel:not(:nth-of-type(1n)) {
          margin-right: 20px; }
        #doctor .content > .doctor-panel:nth-of-type(n + 3) {
          margin-top: 0; }
        #doctor .content > .doctor-panel:nth-of-type(n + 2) {
          margin-top: 30px; }
        #doctor .content > .doctor-panel a .img-wrap {
          width: 130px; }
        #doctor .content > .doctor-panel a .text-wrap {
          width: calc(100% - 130px); } }

#doctor_detail hr {
  border: none;
  border-bottom: 2px dotted black; }
#doctor_detail .recommend-wrap {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px; }
  #doctor_detail .recommend-wrap .img-area {
    width: 30%;
    padding-right: 35px; }
    #doctor_detail .recommend-wrap .img-area img {
      width: 100%; }
  #doctor_detail .recommend-wrap .docter-info {
    width: calc(100% - 30%); }
    #doctor_detail .recommend-wrap .docter-info .belong {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      margin-bottom: 5px; }
      #doctor_detail .recommend-wrap .docter-info .belong li:first-of-type {
        margin-right: 10px; }
    #doctor_detail .recommend-wrap .docter-info .other p {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      #doctor_detail .recommend-wrap .docter-info .other p span {
        white-space: nowrap;
        padding-right: 10px; }
    #doctor_detail .recommend-wrap .docter-info .webtool {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      text-align: center; }
      #doctor_detail .recommend-wrap .docter-info .webtool li {
        width: calc(100% / 5); }
        #doctor_detail .recommend-wrap .docter-info .webtool li a {
          padding: 10px 5px;
          display: block; }
        #doctor_detail .recommend-wrap .docter-info .webtool li.active a {
          overflow: hidden; }
          #doctor_detail .recommend-wrap .docter-info .webtool li.active a:after {
            -webkit-transition: width 0.3s ease-out;
            -moz-transition: width 0.3s ease-out;
            -ms-transition: width 0.3s ease-out;
            -o-transition: width 0.3s ease-out;
            transition: width 0.3s ease-out;
            content: '';
            display: block;
            height: 1px;
            width: 0%;
            border-bottom: 1px solid #bc2636; }
          #doctor_detail .recommend-wrap .docter-info .webtool li.active a:hover:after {
            width: 100%; }
        #doctor_detail .recommend-wrap .docter-info .webtool li:not(.active) a {
          cursor: default;
          color: #b5b5b6; }
        #doctor_detail .recommend-wrap .docter-info .webtool li:not(:last-of-type) {
          border-right: 1px solid black; }
  @media (max-width: 767px) {
    #doctor_detail .recommend-wrap {
      display: block;
      margin-bottom: 0px; }
      #doctor_detail .recommend-wrap .img-area {
        margin: auto;
        width: 100%;
        max-width: 200px;
        height: 200px;
        padding-right: 0px;
        margin-bottom: 30px; }
      #doctor_detail .recommend-wrap .docter-info {
        margin-bottom: 20px;
        width: 100%; }
        #doctor_detail .recommend-wrap .docter-info .belong li:first-of-type {
          margin-right: 0px; }
      #doctor_detail .recommend-wrap .webtool li {
        margin-bottom: 15px; }
        #doctor_detail .recommend-wrap .webtool li a {
          padding: 5px; } }
  @media (max-width: 479px) {
    #doctor_detail .recommend-wrap .docter-info .webtool li:nth-of-type(-n + 2) {
      width: 50%; }
    #doctor_detail .recommend-wrap .docter-info .webtool li:nth-of-type(n + 3) {
      width: calc(100% / 3); }
    #doctor_detail .recommend-wrap .docter-info .webtool li:nth-of-type(2) {
      border: none; } }
#doctor_detail .content {
  margin-top: 40px;
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }
  #doctor_detail .content .other_column {
    width: calc((100% - (20px * (3 - 1))) / 3 - 0.1px);
    max-width: calc((100% - (20px * (3 - 1))) / 3 - 0.1px); }
    #doctor_detail .content .other_column:not(:nth-of-type(4n)) {
      margin-right: 0; }
    #doctor_detail .content .other_column:not(:nth-of-type(3n)) {
      margin-right: 20px; }
    #doctor_detail .content .other_column:nth-of-type(n + 5) {
      margin-top: 0; }
    #doctor_detail .content .other_column:nth-of-type(n + 4) {
      margin-top: 40px; }
    #doctor_detail .content .other_column a .img-wrap {
      margin-bottom: 10px; }
    #doctor_detail .content .other_column a .text-wrap .small-font-size, #doctor_detail #doctor .content > .doctor-panel .other_column a .text-wrap .text-wrap, #doctor #doctor_detail .content > .doctor-panel .other_column a .text-wrap .text-wrap, #doctor_detail .content .other_column a .text-wrap #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .category, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap #doctor_detail .content .other_column a .text-wrap .category, #doctor_detail .content .other_column a .text-wrap #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .price .no_tax_price, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .price #doctor_detail .content .other_column a .text-wrap .no_tax_price, #doctor_detail .content .other_column a .text-wrap #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .price .sale_text, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .price #doctor_detail .content .other_column a .text-wrap .sale_text, #doctor_detail .content .other_column a .text-wrap #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .sale_price .no_tax_price, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .sale_price #doctor_detail .content .other_column a .text-wrap .no_tax_price, #doctor_detail .content .other_column #ayas-beauty_detail .item_card > a .text-wrap .price > p:nth-of-type(2), #ayas-beauty_detail #doctor_detail .content .other_column .item_card > a .text-wrap .price > p:nth-of-type(2), #doctor_detail .content .other_column a .text-wrap #cart .cart-tab > li, #cart #doctor_detail .content .other_column a .text-wrap .cart-tab > li, #doctor_detail .content .other_column a .text-wrap #faq .menu > li a, #faq .menu > li #doctor_detail .content .other_column a .text-wrap a, #doctor_detail .content .other_column a .text-wrap #guide .menu > li a, #guide .menu > li #doctor_detail .content .other_column a .text-wrap a, #doctor_detail .content .other_column #sitemap .main-link li a .text-wrap p:last-of-type, #sitemap .main-link li #doctor_detail .content .other_column a .text-wrap p:last-of-type, #doctor_detail .content .other_column a .text-wrap #registar .terms #webterm > div, #registar .terms #doctor_detail .content .other_column a .text-wrap #webterm > div, #doctor_detail .content .other_column a .text-wrap #registar .terms #webterm > dl > dd, #registar .terms #doctor_detail .content .other_column a .text-wrap #webterm > dl > dd {
      margin-bottom: 10px; }
  @media (max-width: 767px) {
    #doctor_detail .content .other_column {
      width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px);
      max-width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px); }
      #doctor_detail .content .other_column:not(:nth-of-type(3n)) {
        margin-right: 0; }
      #doctor_detail .content .other_column:not(:nth-of-type(2n)) {
        margin-right: 20px; }
      #doctor_detail .content .other_column:nth-of-type(n + 4) {
        margin-top: 0; }
      #doctor_detail .content .other_column:nth-of-type(n + 3) {
        margin-top: 30px; }
      #doctor_detail .content .other_column a {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        #doctor_detail .content .other_column a .img-wrap {
          width: 50%;
          padding-right: 10px;
          margin-bottom: 0px; }
        #doctor_detail .content .other_column a .text-wrap {
          width: 50%; } }
  @media (max-width: 479px) {
    #doctor_detail .content .other_column {
      width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px);
      max-width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px); }
      #doctor_detail .content .other_column:not(:nth-of-type(2n)) {
        margin-right: 0; }
      #doctor_detail .content .other_column:not(:nth-of-type(1n)) {
        margin-right: 20px; }
      #doctor_detail .content .other_column:nth-of-type(n + 3) {
        margin-top: 0; }
      #doctor_detail .content .other_column:nth-of-type(n + 2) {
        margin-top: 20px; } }

/*
 * エステ・サロンを探すページ
 */
#salon .header-title {
  text-align: center; }
#salon .search-wrap {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid black; }
  #salon .search-wrap > div:first-of-type {
    width: 60%;
    position: relative;
    padding-right: 20px; }
  #salon .search-wrap > div:last-of-type {
    width: 40%;
    min-height: 250px;
    position: relative; }
    #salon .search-wrap > div:last-of-type ul {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      position: absolute;
      bottom: 30px; }
      #salon .search-wrap > div:last-of-type ul li {
        width: calc((100% - (10px * (2 - 1))) / 2 - 0.1px);
        max-width: calc((100% - (10px * (2 - 1))) / 2 - 0.1px); }
        #salon .search-wrap > div:last-of-type ul li:not(:nth-of-type(3n)) {
          margin-right: 0; }
        #salon .search-wrap > div:last-of-type ul li:not(:nth-of-type(2n)) {
          margin-right: 10px; }
        #salon .search-wrap > div:last-of-type ul li a {
          margin-bottom: 10px;
          text-align: center;
          border: 1px solid #a5a5a5;
          display: block;
          padding: 25px 2px;
          max-width: 210px;
          background: #f8f8f8; }
          #salon .search-wrap > div:last-of-type ul li a:hover {
            border-color: black;
            background: black;
            color: white; }
        #salon .search-wrap > div:last-of-type ul li:nth-of-type(odd) a {
          margin-left: auto; }
  @media (max-width: 767px) {
    #salon .search-wrap {
      display: block; }
      #salon .search-wrap > div:first-of-type {
        width: 100%;
        max-width: 500px;
        padding-right: 0px;
        margin: auto; }
      #salon .search-wrap > div:last-of-type {
        width: 100%; }
        #salon .search-wrap > div:last-of-type ul {
          position: static;
          margin-top: 30px; }
          #salon .search-wrap > div:last-of-type ul li {
            width: calc((100% - (10px * (3 - 1))) / 3 - 0.1px);
            max-width: calc((100% - (10px * (3 - 1))) / 3 - 0.1px); }
            #salon .search-wrap > div:last-of-type ul li:not(:nth-of-type(4n)) {
              margin-right: 0; }
            #salon .search-wrap > div:last-of-type ul li:not(:nth-of-type(3n)) {
              margin-right: 10px; }
            #salon .search-wrap > div:last-of-type ul li:nth-of-type(odd) a {
              margin-left: auto; }
            #salon .search-wrap > div:last-of-type ul li a {
              margin-right: auto;
              margin-left: auto; } }
  @media (max-width: 479px) {
    #salon .search-wrap > div:last-of-type ul li {
      width: calc((100% - (10px * (2 - 1))) / 2 - 0.1px);
      max-width: calc((100% - (10px * (2 - 1))) / 2 - 0.1px); }
      #salon .search-wrap > div:last-of-type ul li:not(:nth-of-type(3n)) {
        margin-right: 0; }
      #salon .search-wrap > div:last-of-type ul li:not(:nth-of-type(2n)) {
        margin-right: 10px; } }
#salon .newShop-wrap {
  margin: 40px 0; }
  #salon .newShop-wrap .slick-slide {
    padding: 0 5px; }
    #salon .newShop-wrap .slick-slide .category-area {
      min-height: 22px;
      margin-bottom: 5px;
      width: 100%;
      max-width: 100%;
      overflow: hidden; }
    #salon .newShop-wrap .slick-slide .img-wrap, #salon .newShop-wrap .slick-slide .name, #salon .newShop-wrap .slick-slide .text {
      margin-bottom: 10px; }
#salon .recommendShop-wrap {
  margin: 40px 0; }
  #salon .recommendShop-wrap > div:not(.header-title) {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; }
    #salon .recommendShop-wrap > div:not(.header-title) .panel-style2 {
      width: calc((100% - (20px * (3 - 1))) / 3 - 0.1px);
      max-width: calc((100% - (20px * (3 - 1))) / 3 - 0.1px); }
      #salon .recommendShop-wrap > div:not(.header-title) .panel-style2:not(:nth-of-type(4n)) {
        margin-right: 0; }
      #salon .recommendShop-wrap > div:not(.header-title) .panel-style2:not(:nth-of-type(3n)) {
        margin-right: 20px; }
      #salon .recommendShop-wrap > div:not(.header-title) .panel-style2:nth-of-type(n + 5) {
        margin-top: 0; }
      #salon .recommendShop-wrap > div:not(.header-title) .panel-style2:nth-of-type(n + 4) {
        margin-top: 20px; }
  @media (max-width: 767px) {
    #salon .recommendShop-wrap > div:not(.header-title) .panel-style2 {
      width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px);
      max-width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px);
      padding-bottom: 20px; }
      #salon .recommendShop-wrap > div:not(.header-title) .panel-style2:not(:nth-of-type(2n)) {
        margin-right: 0; }
      #salon .recommendShop-wrap > div:not(.header-title) .panel-style2:not(:nth-of-type(1n)) {
        margin-right: 20px; }
      #salon .recommendShop-wrap > div:not(.header-title) .panel-style2:nth-of-type(n + 3) {
        margin-top: 0; }
      #salon .recommendShop-wrap > div:not(.header-title) .panel-style2:nth-of-type(n + 2) {
        margin-top: 20px; }
      #salon .recommendShop-wrap > div:not(.header-title) .panel-style2:not(:last-of-type) {
        border-bottom: 1px solid #efeff0; } }
#salon .result-wrap .header-title {
  text-align: left;
  padding-bottom: 15px;
  border-bottom: 1px solid #a5a5a5; }
#salon .result-wrap > .panel-style5:not(:last-of-type) {
  border-bottom: 1px solid rgba(239, 239, 240, 0.5);
  padding-top: 10px;
  padding-bottom: 10px; }
@media (max-width: 767px) {
  #salon .result-wrap {
    text-align: center; } }

#salon_detail .child-header h2, #salon_detail .child-header #salon .header-title, #salon #salon_detail .child-header .header-title, #salon_detail .child-header #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) span:first-of-type, #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) #salon_detail .child-header span:first-of-type, #salon_detail .child-header #products_detail .content-wrap .related_products .title, #products_detail .content-wrap .related_products #salon_detail .child-header .title {
  font-weight: normal !important; }
#salon_detail .child-header .title-area {
  background: #efeff0;
  margin-top: 10px; }
  #salon_detail .child-header .title-area .category-area {
    margin-bottom: 10px; }
  #salon_detail .child-header .title-area h3, #salon_detail .child-header .title-area #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #salon_detail .child-header .title-area .name, #salon_detail .child-header .title-area #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #salon_detail .child-header .title-area a, #salon_detail .child-header .title-area .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) .child-header .title-area .catch-copy, #salon_detail .child-header .title-area #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap #salon_detail .child-header .title-area .name, #salon_detail .child-header .title-area #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-info > div.detail-wrap form #salon_detail .child-header .title-area button {
    font-weight: bold !important; }
@media (max-width: 767px) {
  #salon_detail .child-header .title-area {
    margin-top: 0;
    background: rgba(239, 239, 240, 0.5); } }
#salon_detail .content .eyecatch {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  #salon_detail .content .eyecatch > div.img-wrap {
    width: 60%;
    padding-right: 40px; }
    #salon_detail .content .eyecatch > div.img-wrap .slider_wrap:nth-of-type(1) .sliderPC li img {
      max-height: 280px; }
      @media (max-width: 991px) {
        #salon_detail .content .eyecatch > div.img-wrap .slider_wrap:nth-of-type(1) .sliderPC li img {
          max-height: 232px; } }
    #salon_detail .content .eyecatch > div.img-wrap .slider_wrap:nth-of-type(1) .thmbPC .slick-track {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      transform: translate3d(0px, 0px, 0px) !important;
      width: 100% !important; }
      #salon_detail .content .eyecatch > div.img-wrap .slider_wrap:nth-of-type(1) .thmbPC .slick-track li {
        width: calc((100% - (10px * (5 - 1))) / 5 - 0.1px) !important;
        max-width: calc((100% - (10px * (5 - 1))) / 5 - 0.1px) !important;
        margin-top: 10px; }
        #salon_detail .content .eyecatch > div.img-wrap .slider_wrap:nth-of-type(1) .thmbPC .slick-track li:not(:nth-of-type(6n)) {
          margin-right: 0 !important; }
        #salon_detail .content .eyecatch > div.img-wrap .slider_wrap:nth-of-type(1) .thmbPC .slick-track li:not(:nth-of-type(5n)) {
          margin-right: 10px !important; }
        #salon_detail .content .eyecatch > div.img-wrap .slider_wrap:nth-of-type(1) .thmbPC .slick-track li img {
          max-height: 52px; }
          @media (max-width: 991px) {
            #salon_detail .content .eyecatch > div.img-wrap .slider_wrap:nth-of-type(1) .thmbPC .slick-track li img {
              max-height: 43px; } }
    #salon_detail .content .eyecatch > div.img-wrap .slider_wrap:nth-of-type(2) {
      display: none; }
      #salon_detail .content .eyecatch > div.img-wrap .slider_wrap:nth-of-type(2) .sliderSP li img {
        max-height: 348px; }
        @media (max-width: 479px) {
          #salon_detail .content .eyecatch > div.img-wrap .slider_wrap:nth-of-type(2) .sliderSP li img {
            max-height: 210px; } }
      #salon_detail .content .eyecatch > div.img-wrap .slider_wrap:nth-of-type(2) .thmbSP .slick-track li {
        margin-top: 10px;
        padding: 0px 5px; }
        #salon_detail .content .eyecatch > div.img-wrap .slider_wrap:nth-of-type(2) .thmbSP .slick-track li img {
          max-height: 111px; }
          @media (max-width: 479px) {
            #salon_detail .content .eyecatch > div.img-wrap .slider_wrap:nth-of-type(2) .thmbSP .slick-track li img {
              max-height: 65px; } }
  #salon_detail .content .eyecatch > div:nth-of-type(2) {
    width: 40%; }
    #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy {
      font-weight: bold; }
    #salon_detail .content .eyecatch > div:nth-of-type(2) .point-title {
      font-weight: bold; }
#salon_detail .content .salon_menu .menu-header {
  padding: 10px 10px 10px 15px;
  border-left: 5px solid #bc2636;
  background: #efeff0; }
#salon_detail .content .salon_menu > ul li {
  padding: 20px;
  border: 1px solid #a5a5a5; }
  #salon_detail .content .salon_menu > ul li:nth-of-type(n + 3) {
    margin-top: 0; }
  #salon_detail .content .salon_menu > ul li:nth-of-type(n + 2) {
    margin-top: 20px; }
  #salon_detail .content .salon_menu > ul li .menu-title {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify; }
    #salon_detail .content .salon_menu > ul li .menu-title .price {
      white-space: nowrap;
      color: #bc2636; }
      #salon_detail .content .salon_menu > ul li .menu-title .price.left_marg {
        margin-left: 10px; }
  #salon_detail .content .salon_menu > ul li .menu-detail-wrap {
    grid-template-rows: max-content;
    -ms-grid-rows: max-content;
    grid-template-columns: max-content 1fr;
    -ms-grid-columns: max-content 1fr; }
    #salon_detail .content .salon_menu > ul li .menu-detail-wrap > .img-wrap {
      grid-row: 1 / 2;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-column: 1 / 2;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      width: 250px;
      height: 110px;
      padding-right: 20px; }
      #salon_detail .content .salon_menu > ul li .menu-detail-wrap > .img-wrap img {
        margin-bottom: auto; }
        @media (max-width: 767px) {
          #salon_detail .content .salon_menu > ul li .menu-detail-wrap > .img-wrap img {
            margin: auto; } }
    #salon_detail .content .salon_menu > ul li .menu-detail-wrap > p {
      grid-row: 1 / 2;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-column: 2 / 3;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1; }
#salon_detail .content .infomation {
  background: #efeff0; }
  #salon_detail .content .infomation > table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px; }
    #salon_detail .content .infomation > table tbody tr th, #salon_detail .content .infomation > table tbody tr td {
      padding-left: 5px;
      padding-right: 5px;
      text-align: left;
      border-top: 1px solid black; }
    #salon_detail .content .infomation > table tbody tr th {
      width: 150px; }
    #salon_detail .content .infomation > table tbody tr td a {
      color: blue; }
    #salon_detail .content .infomation > table tbody tr td[colspan="2"] {
      padding: 40px; }
#salon_detail .content #map {
  width: 100%;
  height: 500px;
  max-height: 100vh;
  border: none; }
@media (max-width: 767px) {
  #salon_detail .content .eyecatch {
    display: block; }
    #salon_detail .content .eyecatch > div.img-wrap {
      width: 100%;
      padding-right: 0;
      margin-bottom: 20px; }
      #salon_detail .content .eyecatch > div.img-wrap .slider_wrap:nth-of-type(1) {
        display: none; }
      #salon_detail .content .eyecatch > div.img-wrap .slider_wrap:nth-of-type(2) {
        display: block; }
    #salon_detail .content .eyecatch > div:nth-of-type(2) {
      width: 100%; }
  #salon_detail .content .infomation > table tbody tr th {
    width: 30%; }
  #salon_detail .content .infomation > table tbody tr td[colspan="2"] {
    padding: 40px 0; }
  #salon_detail .content .salon_menu > ul li .menu-title {
    display: block; }
    #salon_detail .content .salon_menu > ul li .menu-title .price {
      margin: 10px 0; }
  #salon_detail .content .salon_menu > ul li .menu-detail-wrap {
    display: block; }
    #salon_detail .content .salon_menu > ul li .menu-detail-wrap > .img-wrap {
      width: 100%;
      padding-right: 0; } }

/*
 * PRODUCTSページ
 */
#products .content-wrap .img-area {
  width: 100%; }
#products .content-wrap .tagline p {
  text-align: center; }
#products .content-wrap .attention_wrap {
  text-align: center;
  margin-bottom: 50px;
  color: #bc2636;
  padding: 0 20px; }
  @media (max-width: 767px) {
    #products .content-wrap .attention_wrap {
      margin-bottom: 30px;
      font-size: 12px; } }
#products .content-wrap .products-wrap {
  overflow: hidden; }
  #products .content-wrap .products-wrap .target-info {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    margin: 20px 0; }
    @media (max-width: 767px) {
      #products .content-wrap .products-wrap .target-info {
        display: block; }
        #products .content-wrap .products-wrap .target-info li:first-of-type {
          margin-bottom: 10px; } }
  #products .content-wrap .products-wrap [data-button-id="columnTab"] li {
    width: calc((100% - (20px * (9 - 1))) / 9 - 0.1px);
    max-width: calc((100% - (20px * (9 - 1))) / 9 - 0.1px); }
    #products .content-wrap .products-wrap [data-button-id="columnTab"] li:not(:nth-of-type(10n)) {
      margin-right: 0; }
    #products .content-wrap .products-wrap [data-button-id="columnTab"] li:not(:nth-of-type(9n)) {
      margin-right: 20px; }
    #products .content-wrap .products-wrap [data-button-id="columnTab"] li:nth-of-type(n + 11) {
      margin-top: 0; }
    #products .content-wrap .products-wrap [data-button-id="columnTab"] li:nth-of-type(n + 10) {
      margin-top: 20px; }
    @media (max-width: 991px) {
      #products .content-wrap .products-wrap [data-button-id="columnTab"] li {
        width: calc((100% - (15px * (5 - 1))) / 5 - 0.1px);
        max-width: calc((100% - (15px * (5 - 1))) / 5 - 0.1px); }
        #products .content-wrap .products-wrap [data-button-id="columnTab"] li:not(:nth-of-type(6n)) {
          margin-right: 0; }
        #products .content-wrap .products-wrap [data-button-id="columnTab"] li:not(:nth-of-type(5n)) {
          margin-right: 15px; }
        #products .content-wrap .products-wrap [data-button-id="columnTab"] li:nth-of-type(n + 7) {
          margin-top: 0; }
        #products .content-wrap .products-wrap [data-button-id="columnTab"] li:nth-of-type(n + 6) {
          margin-top: 20px; } }
    @media (max-width: 767px) {
      #products .content-wrap .products-wrap [data-button-id="columnTab"] li {
        width: calc((100% - (10px * (4 - 1))) / 4 - 0.1px);
        max-width: calc((100% - (10px * (4 - 1))) / 4 - 0.1px); }
        #products .content-wrap .products-wrap [data-button-id="columnTab"] li:not(:nth-of-type(5n)) {
          margin-right: 0; }
        #products .content-wrap .products-wrap [data-button-id="columnTab"] li:not(:nth-of-type(4n)) {
          margin-right: 10px; }
        #products .content-wrap .products-wrap [data-button-id="columnTab"] li:nth-of-type(n + 6) {
          margin-top: 0; }
        #products .content-wrap .products-wrap [data-button-id="columnTab"] li:nth-of-type(n + 5) {
          margin-top: 20px; } }
    @media (max-width: 479px) {
      #products .content-wrap .products-wrap [data-button-id="columnTab"] li {
        width: calc((100% - (5px * (3 - 1))) / 3 - 0.1px);
        max-width: calc((100% - (5px * (3 - 1))) / 3 - 0.1px); }
        #products .content-wrap .products-wrap [data-button-id="columnTab"] li:not(:nth-of-type(4n)) {
          margin-right: 0; }
        #products .content-wrap .products-wrap [data-button-id="columnTab"] li:not(:nth-of-type(3n)) {
          margin-right: 5px; }
        #products .content-wrap .products-wrap [data-button-id="columnTab"] li:nth-of-type(n + 5) {
          margin-top: 0; }
        #products .content-wrap .products-wrap [data-button-id="columnTab"] li:nth-of-type(n + 4) {
          margin-top: 20px; } }
    #products .content-wrap .products-wrap [data-button-id="columnTab"] li.linkin {
      padding-bottom: 0; }
      #products .content-wrap .products-wrap [data-button-id="columnTab"] li.linkin a {
        display: block;
        padding-bottom: 5px; }
  #products .content-wrap .products-wrap [data-filter-id="columnTab"] {
    min-height: 500px;
    width: calc(100% + 20px);
    transform: translateX(-10px);
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; }
    #products .content-wrap .products-wrap [data-filter-id="columnTab"] .panel-style6 {
      width: calc((100% - (20px * 4)) / 4);
      max-width: calc((100% - (20px * 4)) / 4);
      margin: 20px calc(20px / 2); }
      @media (max-width: 991px) {
        #products .content-wrap .products-wrap [data-filter-id="columnTab"] .panel-style6 {
          width: calc((100% - (20px * 3) ) / 3);
          max-width: calc((100% - (20px * 3) ) / 3); } }
      @media (max-width: 767px) {
        #products .content-wrap .products-wrap [data-filter-id="columnTab"] .panel-style6 {
          width: calc((100% - (20px * 2) ) / 2);
          max-width: calc((100% - (20px * 2) ) / 2); } }

/** 20201023 会員限定非表示対応 */
#products .content-wrap .products-wrap [data-button-id="columnTab"] li {
  width: calc((100% - (20px * (8 - 1))) / 8 - 0.1px) !important;
  max-width: calc((100% - (20px * (8 - 1))) / 8 - 0.1px) !important; }

#products .content-wrap .products-wrap [data-button-id="columnTab"] li:nth-child(8) {
  margin-right: 0 !important; }

#products .content-wrap .products-wrap .memberMessageWrap {
  text-align: right;
  margin-bottom: 10px;
  color: #bc2636;
  font-size: 15px; }

@media (max-width: 991px) {
  #products .content-wrap .products-wrap [data-button-id="columnTab"] li {
    width: calc((100% - (15px * (4 - 1))) / 4 - 0.1px) !important;
    max-width: calc((100% - (15px * (4 - 1))) / 4 - 0.1px) !important; }

  #products .content-wrap .products-wrap [data-button-id="columnTab"] li:not(:nth-of-type(5n)) {
    margin-right: 0 !important; }

  #products .content-wrap .products-wrap [data-button-id="columnTab"] li:not(:nth-of-type(4n)) {
    margin-right: 15px !important; }

  #products .content-wrap .products-wrap [data-button-id="columnTab"] li:nth-child(8) {
    margin-right: 0 !important; }

  #products .content-wrap .products-wrap [data-button-id="columnTab"] li:nth-of-type(n + 5) {
    margin-top: 20px !important; } }
@media (max-width: 479px) {
  #products .content-wrap .products-wrap [data-button-id="columnTab"] li {
    width: calc((100% - (10px * (2 - 1))) / 2 - 0.1px) !important;
    max-width: calc((100% - (10px * (2 - 1))) / 2 - 0.1px) !important; }

  #products .content-wrap .products-wrap [data-button-id="columnTab"] li:nth-child(odd) {
    margin-right: 10px !important; }

  #products .content-wrap .products-wrap [data-button-id="columnTab"] li:nth-child(even) {
    margin-right: 0 !important; }

  #products .content-wrap .products-wrap [data-button-id="columnTab"] li:nth-of-type(n + 3) {
    margin-top: 10px; }

  #products .content-wrap .products-wrap [data-button-id="columnTab"] li:nth-child(8) {
    margin-right: 0 !important; }

  #products .content-wrap .products-wrap .memberMessageWrap {
    text-align: left;
    font-size: 12px; } }
/** 20201023 会員限定非表示対応 end */
#products_detail .child-header h2, #products_detail .child-header #salon .header-title, #salon #products_detail .child-header .header-title, #products_detail .child-header .content-wrap .ayas_recommend > div:nth-of-type(1) span:first-of-type, #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) .child-header span:first-of-type, #products_detail .child-header .content-wrap .related_products .title, #products_detail .content-wrap .related_products .child-header .title {
  font-weight: normal !important; }
#products_detail .child-header .title-area h3, #products_detail .child-header .title-area #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #products_detail .child-header .title-area .name, #products_detail .child-header .title-area #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #products_detail .child-header .title-area a, #products_detail .child-header .title-area #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) #products_detail .child-header .title-area .catch-copy, #products_detail .child-header .title-area .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .child-header .title-area .name, #products_detail .child-header .title-area .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-info > div.detail-wrap form .child-header .title-area button {
  font-weight: bold !important; }
@media (max-width: 767px) {
  #products_detail .child-header .title-area {
    margin-top: 0;
    background: rgba(239, 239, 240, 0.5); } }
#products_detail .content-wrap .tab_br {
  display: none; }
#products_detail .content-wrap .item-info {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  #products_detail .content-wrap .item-info > div {
    width: 50%; }
    #products_detail .content-wrap .item-info > div.img-wrap {
      padding-right: 20px; }
      #products_detail .content-wrap .item-info > div.img-wrap [product-category] {
        margin-bottom: 10px; }
      #products_detail .content-wrap .item-info > div.img-wrap .sliderPC.slick-initialized li {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 340px; }
      #products_detail .content-wrap .item-info > div.img-wrap .sliderPC .img-div {
        width: 100%;
        margin: auto; }
      #products_detail .content-wrap .item-info > div.img-wrap .thmbPC .slick-track {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        transform: translate3d(0px, 0px, 0px) !important;
        width: 100% !important; }
        #products_detail .content-wrap .item-info > div.img-wrap .thmbPC .slick-track li {
          -js-display: flex;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          width: calc((100% - (10px * (4 - 1))) / 4 - 0.1px) !important;
          max-width: calc((100% - (10px * (4 - 1))) / 4 - 0.1px) !important;
          margin-top: 10px;
          height: 110px; }
          #products_detail .content-wrap .item-info > div.img-wrap .thmbPC .slick-track li:not(:nth-of-type(5n)) {
            margin-right: 0 !important; }
          #products_detail .content-wrap .item-info > div.img-wrap .thmbPC .slick-track li:not(:nth-of-type(4n)) {
            margin-right: 10px !important; }
          #products_detail .content-wrap .item-info > div.img-wrap .thmbPC .slick-track li .img-div {
            height: 75px;
            margin: auto; }
    #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .category {
      display: inline-block;
      padding: 2px 20px;
      border: 1px solid #a5a5a5; }
    #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name {
      font-weight: bold; }
    #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .price {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .price del {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
      #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .price .sale_text {
        background: #bc2636;
        color: white;
        display: inline-block;
        padding: 2px;
        margin-left: 10px; }
    #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .sale_price {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      color: #bc2636; }
    #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .other_info {
      margin-top: 10px; }
    #products_detail .content-wrap .item-info > div.detail-wrap form label {
      white-space: nowrap;
      width: 5em; }
    #products_detail .content-wrap .item-info > div.detail-wrap form label + div {
      width: calc(100% - 5em); }
    #products_detail .content-wrap .item-info > div.detail-wrap form select {
      width: 100%; }
    #products_detail .content-wrap .item-info > div.detail-wrap form .type {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      #products_detail .content-wrap .item-info > div.detail-wrap form .type > div {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px);
        max-width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px); }
        #products_detail .content-wrap .item-info > div.detail-wrap form .type > div:not(:nth-of-type(3n)) {
          margin-right: 0; }
        #products_detail .content-wrap .item-info > div.detail-wrap form .type > div:not(:nth-of-type(2n)) {
          margin-right: 20px; }
    #products_detail .content-wrap .item-info > div.detail-wrap form .quantity {
      max-width: 160px;
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      #products_detail .content-wrap .item-info > div.detail-wrap form .quantity label {
        white-space: nowrap; }
      #products_detail .content-wrap .item-info > div.detail-wrap form .quantity input {
        padding: 5px 0.5em 5px 0.5em;
        width: 100%; }
    #products_detail .content-wrap .item-info > div.detail-wrap form #limit_text {
      text-indent: 5em;
      max-width: 100%; }
    #products_detail .content-wrap .item-info > div.detail-wrap form button {
      margin-bottom: 10px;
      width: 100%; }
      #products_detail .content-wrap .item-info > div.detail-wrap form button:before {
        margin-right: 10px;
        margin-bottom: -8px;
        transform: translateY(-5px); }
    #products_detail .content-wrap .item-info > div.detail-wrap form .cost_price {
      text-align: center; }
    #products_detail .content-wrap .item-info > div.detail-wrap [data-tab-id] li {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      width: calc((100% - (20px * (4 - 1))) / 4 - 0.1px);
      max-width: calc((100% - (20px * (4 - 1))) / 4 - 0.1px);
      margin-top: 0 !important;
      word-break: keep-all; }
      #products_detail .content-wrap .item-info > div.detail-wrap [data-tab-id] li:not(:nth-of-type(5n)) {
        margin-right: 0; }
      #products_detail .content-wrap .item-info > div.detail-wrap [data-tab-id] li:not(:nth-of-type(4n)) {
        margin-right: 20px; }
    #products_detail .content-wrap .item-info > div.detail-wrap [data-content-id] {
      padding-right: 10px;
      padding-left: 10px; }
      #products_detail .content-wrap .item-info > div.detail-wrap [data-content-id] li .ellipsis-area {
        overflow: hidden; }
      #products_detail .content-wrap .item-info > div.detail-wrap [data-content-id] li iframe {
        max-width: 100%;
        width: 480;
        height: 270;
        margin: auto;
        display: block; }
      #products_detail .content-wrap .item-info > div.detail-wrap [data-content-id] li button {
        display: none;
        width: 100%; }
      #products_detail .content-wrap .item-info > div.detail-wrap [data-content-id] li table tr th {
        text-align: left; }
      #products_detail .content-wrap .item-info > div.detail-wrap [data-content-id] li table tr th, #products_detail .content-wrap .item-info > div.detail-wrap [data-content-id] li table tr td {
        padding: 5px; }
      #products_detail .content-wrap .item-info > div.detail-wrap [data-content-id] li:not(:first-of-type) {
        opacity: 0; }
#products_detail .content-wrap .item-sns {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end; }
  @media (max-width: 767px) {
    #products_detail .content-wrap .item-sns li {
      padding-left: 20px; }
      #products_detail .content-wrap .item-sns li img {
        height: 22px; } }
#products_detail .content-wrap .ayas_recommend {
  background: #efeff0; }
  #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) span:first-of-type {
    margin-right: 10px; }
  #products_detail .content-wrap .ayas_recommend > div:nth-of-type(2) {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    #products_detail .content-wrap .ayas_recommend > div:nth-of-type(2) > div:nth-of-type(1) {
      width: 160px; }
    #products_detail .content-wrap .ayas_recommend > div:nth-of-type(2) > div:nth-of-type(2) {
      width: calc(100% - 160px); }
      #products_detail .content-wrap .ayas_recommend > div:nth-of-type(2) > div:nth-of-type(2) .left-balloon {
        padding: 20px; }
        #products_detail .content-wrap .ayas_recommend > div:nth-of-type(2) > div:nth-of-type(2) .left-balloon .title {
          margin-bottom: 20px; }
#products_detail .content-wrap .related_products .title {
  text-align: center; }
#products_detail .content-wrap .related_products .slider li {
  padding: 0 20px; }
#products_detail .content-wrap .msg_area {
  padding: 5px; }
#products_detail .content-wrap .success {
  background: #efeff0;
  padding: 5px;
  margin-bottom: 10px; }
@media (max-width: 991px) {
  #products_detail .content-wrap .tab_br {
    display: block; } }
@media (max-width: 767px) {
  #products_detail .content-wrap .item-info {
    display: block; }
    #products_detail .content-wrap .item-info > div {
      width: 100%; }
      #products_detail .content-wrap .item-info > div.img-wrap {
        padding-right: 0;
        margin-bottom: 30px; }
        #products_detail .content-wrap .item-info > div.img-wrap .thmbPC li {
          height: 150px; }
      #products_detail .content-wrap .item-info > div.detail-wrap {
        margin-top: 20px; }
        #products_detail .content-wrap .item-info > div.detail-wrap form .type {
          display: block; }
          #products_detail .content-wrap .item-info > div.detail-wrap form .type > div {
            width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px);
            max-width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px); }
            #products_detail .content-wrap .item-info > div.detail-wrap form .type > div:not(:nth-of-type(2n)) {
              margin-right: 0; }
            #products_detail .content-wrap .item-info > div.detail-wrap form .type > div:not(:nth-of-type(1n)) {
              margin-right: 20px; }
            #products_detail .content-wrap .item-info > div.detail-wrap form .type > div:nth-of-type(n + 3) {
              margin-top: 0; }
            #products_detail .content-wrap .item-info > div.detail-wrap form .type > div:nth-of-type(n + 2) {
              margin-top: 10px; }
  #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) span {
    display: block;
    margin-right: 0;
    text-align: center; }
    #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) span:first-of-type {
      margin-bottom: 10px;
      margin-right: 0; }
  #products_detail .content-wrap .ayas_recommend > div:nth-of-type(2) > div:nth-of-type(1) {
    width: 20%; }
  #products_detail .content-wrap .ayas_recommend > div:nth-of-type(2) > div:nth-of-type(2) {
    width: calc(100% - 20%); }
    #products_detail .content-wrap .ayas_recommend > div:nth-of-type(2) > div:nth-of-type(2) .left-balloon {
      padding: 10px; }
      #products_detail .content-wrap .ayas_recommend > div:nth-of-type(2) > div:nth-of-type(2) .left-balloon:before {
        top: 40px; } }
@media (max-width: 479px) {
  #products_detail .content-wrap .item-info {
    display: block; }
    #products_detail .content-wrap .item-info > div.img-wrap .thmbPC li {
      height: 80px; } }

/*
 * 杉本彩ビューティー
 */
#ayas-beauty .comingSoon {
  position: relative;
  background: #c9c9c9; }
  #ayas-beauty .comingSoon:after {
    content: "coming soon";
    position: absolute;
    color: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    width: 100%;
    text-align: center; }
  #ayas-beauty .comingSoon img {
    opacity: 0; }
#ayas-beauty .message p {
  text-align: center;
  line-height: 2em; }
#ayas-beauty .post-area {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }
  #ayas-beauty .post-area li {
    width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px);
    max-width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px); }
    #ayas-beauty .post-area li:not(:nth-of-type(3n)) {
      margin-right: 0; }
    #ayas-beauty .post-area li:not(:nth-of-type(2n)) {
      margin-right: 20px; }
    #ayas-beauty .post-area li:nth-of-type(n + 4) {
      margin-top: 0; }
    #ayas-beauty .post-area li:nth-of-type(n + 3) {
      margin-top: 70px; }
    #ayas-beauty .post-area li img {
      margin: auto; }
@media (max-width: 767px) {
  #ayas-beauty .post-area li {
    width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px);
    max-width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px);
    max-width: 550px;
    display: block;
    margin: auto; }
    #ayas-beauty .post-area li:not(:nth-of-type(2n)) {
      margin-right: 0; }
    #ayas-beauty .post-area li:not(:nth-of-type(1n)) {
      margin-right: 20px; }
    #ayas-beauty .post-area li:nth-of-type(n + 3) {
      margin-top: 0; }
    #ayas-beauty .post-area li:nth-of-type(n + 2) {
      margin-top: 30px; } }

#ayas-beauty_detail h2, #ayas-beauty_detail #salon .header-title, #salon #ayas-beauty_detail .header-title, #ayas-beauty_detail #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) span:first-of-type, #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) #ayas-beauty_detail span:first-of-type, #ayas-beauty_detail #products_detail .content-wrap .related_products .title, #products_detail .content-wrap .related_products #ayas-beauty_detail .title {
  font-weight: normal !important; }
#ayas-beauty_detail h3, #ayas-beauty_detail #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #ayas-beauty_detail .name, #ayas-beauty_detail #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #ayas-beauty_detail a, #ayas-beauty_detail #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) #ayas-beauty_detail .catch-copy, #ayas-beauty_detail #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap #ayas-beauty_detail .name, #ayas-beauty_detail #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-info > div.detail-wrap form #ayas-beauty_detail button {
  font-weight: bold !important; }
#ayas-beauty_detail .title-area {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #f8f8f8; }
#ayas-beauty_detail .content .text-area {
  line-height: 1.8em; }
  #ayas-beauty_detail .content .text-area p:not(:last-of-type) {
    margin-bottom: 1rem; }
#ayas-beauty_detail .content .gray-box ul li, #ayas-beauty_detail .content .item_area ul li {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  #ayas-beauty_detail .content .gray-box ul li span:first-of-type, #ayas-beauty_detail .content .item_area ul li span:first-of-type {
    white-space: nowrap; }
  #ayas-beauty_detail .content .gray-box ul li a, #ayas-beauty_detail .content .item_area ul li a {
    overflow: hidden; }
    #ayas-beauty_detail .content .gray-box ul li a:after, #ayas-beauty_detail .content .item_area ul li a:after {
      -webkit-transition: width 0.3s ease-out;
      -moz-transition: width 0.3s ease-out;
      -ms-transition: width 0.3s ease-out;
      -o-transition: width 0.3s ease-out;
      transition: width 0.3s ease-out;
      content: '';
      display: block;
      height: 1px;
      width: 0%;
      border-bottom: 1px solid #bc2636; }
    #ayas-beauty_detail .content .gray-box ul li a:hover:after, #ayas-beauty_detail .content .item_area ul li a:hover:after {
      width: 100%; }
#ayas-beauty_detail .item_card {
  display: inline-block;
  width: calc(50% - 5px);
  margin-top: 30px;
  margin-bottom: 30px; }
  #ayas-beauty_detail .item_card > a > .img_wrap {
    height: 255px; }
    #ayas-beauty_detail .item_card > a > .img_wrap > img {
      width: auto; }
    @media (max-width: 767px) {
      #ayas-beauty_detail .item_card > a > .img_wrap {
        height: 165px; } }
  #ayas-beauty_detail .item_card > a h4 {
    margin-bottom: 5px;
    margin-top: 5px; }
  #ayas-beauty_detail .item_card > a p {
    margin-bottom: 0 !important; }
  #ayas-beauty_detail .item_card > a .price {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px; }
    #ayas-beauty_detail .item_card > a .price > p:nth-of-type(1) {
      margin-right: 10px; }
  #ayas-beauty_detail .item_card > a .info > p > span:first-of-type {
    white-space: nowrap; }
#ayas-beauty_detail .item_card:nth-of-type(2n) {
  padding-left: 20px; }
#ayas-beauty_detail .item_card:nth-of-type(2n + 1) {
  padding-right: 20px; }
#ayas-beauty_detail .item_area {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
  padding-top: 20px !important;
  padding-bottom: 20px !important; }
  #ayas-beauty_detail .item_area > div:nth-of-type(1) {
    width: 200px; }
    #ayas-beauty_detail .item_area > div:nth-of-type(1) img {
      margin-bottom: 0; }
  #ayas-beauty_detail .item_area > div:nth-of-type(2) {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    width: calc(100% - 200px);
    padding-left: 30px; }
    #ayas-beauty_detail .item_area > div:nth-of-type(2) h4 {
      text-decoration: underline; }
    #ayas-beauty_detail .item_area > div:nth-of-type(2) [class*="-btn"] {
      padding: 10px calc(25px + 14px + 5px) 10px 25px;
      width: 260px; }
  @media (max-width: 479px) {
    #ayas-beauty_detail .item_area {
      padding-top: 10px !important;
      padding-bottom: 10px !important; }
      #ayas-beauty_detail .item_area > div:nth-of-type(1) {
        width: 35%; }
      #ayas-beauty_detail .item_area > div:nth-of-type(2) {
        width: calc(100% - 35%);
        padding-left: 2%; }
        #ayas-beauty_detail .item_area > div:nth-of-type(2) [class*="-btn"] {
          width: 100%; }
        #ayas-beauty_detail .item_area > div:nth-of-type(2) h4 {
          font-size: 17px; }
        #ayas-beauty_detail .item_area > div:nth-of-type(2) [class*="-btn"] {
          padding: 10px calc(10px + 14px + 2px) 4px 10px; } }

/*
 * イベントページ
 */
#event .category-area {
  background: #bda98b; }

#event_detail .title-area {
  padding-top: 5px;
  padding-bottom: 6px; }
  #event_detail .title-area .date span {
    margin-left: 10px;
    background: #bda98b;
    color: white;
    padding: 0 5px; }
  #event_detail .title-area h2, #event_detail .title-area #salon .header-title, #salon #event_detail .title-area .header-title, #event_detail .title-area #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) span:first-of-type, #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) #event_detail .title-area span:first-of-type, #event_detail .title-area #products_detail .content-wrap .related_products .title, #products_detail .content-wrap .related_products #event_detail .title-area .title {
    display: inline-block;
    margin-right: 10px; }
  #event_detail .title-area h3, #event_detail .title-area #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #event_detail .title-area .name, #event_detail .title-area #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #event_detail .title-area a, #event_detail .title-area #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) #event_detail .title-area .catch-copy, #event_detail .title-area #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap #event_detail .title-area .name, #event_detail .title-area #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-info > div.detail-wrap form #event_detail .title-area button {
    display: inline-block;
    font-weight: normal; }
  @media (max-width: 767px) {
    #event_detail .title-area {
      padding-top: 10px;
      padding-bottom: 10px;
      background: rgba(239, 239, 240, 0.5); } }
#event_detail .text-wrap {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  #event_detail .text-wrap hr {
    border: none;
    border-bottom: 2px dotted #a5a5a5;
    margin: 10px 0; }
  #event_detail .text-wrap > div:first-of-type {
    width: 300px;
    padding-right: 40px; }
    #event_detail .text-wrap > div:first-of-type ul li:first-of-type {
      margin-bottom: 10px; }
  #event_detail .text-wrap > div:last-of-type {
    width: calc(100% - 300px); }
    #event_detail .text-wrap > div:last-of-type .gray-box, #event_detail .text-wrap > div:last-of-type #ayas-beauty_detail .item_area, #ayas-beauty_detail #event_detail .text-wrap > div:last-of-type .item_area {
      padding-top: 20px;
      padding-bottom: 20px;
      background: #efeff0; }
    #event_detail .text-wrap > div:last-of-type dl dt:not(:first-of-type) {
      margin-top: 1em; }
    #event_detail .text-wrap > div:last-of-type > div p:not(:last-child) {
      margin-bottom: 1em; }
  @media (max-width: 767px) {
    #event_detail .text-wrap {
      -webkit-flex-direction: column;
      flex-direction: column;
      -ms-flex-direction: column; }
      #event_detail .text-wrap > div:first-of-type {
        margin-top: 40px;
        padding-right: 0px;
        width: 100%; }
      #event_detail .text-wrap > div:last-of-type {
        order: -1;
        width: 100%; } }
#event_detail .event-btn-wrap {
  padding: 0; }
  #event_detail .event-btn-wrap [class*="-btn"] {
    min-width: 300px;
    padding: 20px calc(50px + 14px + 10px) 20px 50px;
    display: table;
    margin: auto; }
  @media (max-width: 767px) {
    #event_detail .event-btn-wrap [class*="-btn"] {
      padding: 20px calc(20px + 14px + 10px) 20px 20px; } }

/*
 *ABOUT EVA
 */
#about-eva h2, #about-eva #salon .header-title, #salon #about-eva .header-title, #about-eva #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) span:first-of-type, #products_detail .content-wrap .ayas_recommend > div:nth-of-type(1) #about-eva span:first-of-type, #about-eva #products_detail .content-wrap .related_products .title, #products_detail .content-wrap .related_products #about-eva .title, #about-eva h3, #about-eva #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #about-eva .name, #about-eva #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #about-eva a, #about-eva #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) #about-eva .catch-copy, #about-eva #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap #about-eva .name, #about-eva #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-info > div.detail-wrap form #about-eva button {
  font-weight: normal; }
#about-eva .text-wrap {
  line-height: 2.2em; }
#about-eva .next-btn {
  padding: 20px calc(50px + 14px + 10px) 20px 50px;
  display: table;
  margin-left: auto;
  margin-right: auto;
  min-width: 300px; }
@media (max-width: 767px) {
  #about-eva .next-btn {
    padding: 20px calc(20px + 14px + 10px) 20px 20px; } }

/*
 *マイページ
 */
.maypage-menu {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-bottom: 60px; }
  .maypage-menu > li {
    width: calc((100% - (20px * (5 - 1))) / 5 - 0.1px);
    max-width: calc((100% - (20px * (5 - 1))) / 5 - 0.1px);
    cursor: default;
    position: relative;
    text-align: center;
    border-bottom: 1px solid black;
    padding-bottom: 5px;
    opacity: 0.6; }
    .maypage-menu > li:not(:nth-of-type(6n)) {
      margin-right: 0; }
    .maypage-menu > li:not(:nth-of-type(5n)) {
      margin-right: 20px; }
    .maypage-menu > li:nth-of-type(n + 7) {
      margin-top: 0; }
    .maypage-menu > li:nth-of-type(n + 6) {
      margin-top: 20px; }
    @media (max-width: 991px) {
      .maypage-menu > li {
        width: calc((100% - (20px * (4 - 1))) / 4 - 0.1px);
        max-width: calc((100% - (20px * (4 - 1))) / 4 - 0.1px); }
        .maypage-menu > li:not(:nth-of-type(5n)) {
          margin-right: 0; }
        .maypage-menu > li:not(:nth-of-type(4n)) {
          margin-right: 20px; }
        .maypage-menu > li:nth-of-type(n + 6) {
          margin-top: 0; }
        .maypage-menu > li:nth-of-type(n + 5) {
          margin-top: 20px; } }
    @media (max-width: 767px) {
      .maypage-menu > li {
        width: calc((100% - (20px * (3 - 1))) / 3 - 0.1px);
        max-width: calc((100% - (20px * (3 - 1))) / 3 - 0.1px); }
        .maypage-menu > li:not(:nth-of-type(4n)) {
          margin-right: 0; }
        .maypage-menu > li:not(:nth-of-type(3n)) {
          margin-right: 20px; }
        .maypage-menu > li:nth-of-type(n + 5) {
          margin-top: 0; }
        .maypage-menu > li:nth-of-type(n + 4) {
          margin-top: 20px; } }
    @media (max-width: 479px) {
      .maypage-menu > li {
        width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px);
        max-width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px); }
        .maypage-menu > li:not(:nth-of-type(3n)) {
          margin-right: 0; }
        .maypage-menu > li:not(:nth-of-type(2n)) {
          margin-right: 20px; }
        .maypage-menu > li:nth-of-type(n + 4) {
          margin-top: 0; }
        .maypage-menu > li:nth-of-type(n + 3) {
          margin-top: 20px; } }
    .maypage-menu > li.disabled {
      opacity: 0.1; }
    .maypage-menu > li p:nth-of-type(2) {
      margin-top: 5px; }
    .maypage-menu > li.active {
      opacity: 1;
      border-bottom-color: #bc2636; }
      .maypage-menu > li.active:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 5px solid rgba(255, 255, 255, 0);
        border-right: 5px solid rgba(255, 255, 255, 0);
        border-top: 7px solid #bc2636;
        position: absolute;
        bottom: -7px;
        left: 50%;
        transform: translateX(-50%); }

#mypage .mypage-bookmark {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }
  #mypage .mypage-bookmark li {
    width: calc((100% - (20px * (4 - 1))) / 4 - 0.1px);
    max-width: calc((100% - (20px * (4 - 1))) / 4 - 0.1px); }
    #mypage .mypage-bookmark li:not(:nth-of-type(5n)) {
      margin-right: 0; }
    #mypage .mypage-bookmark li:not(:nth-of-type(4n)) {
      margin-right: 20px; }
    #mypage .mypage-bookmark li img {
      width: 200px;
      margin: auto; }
    @media (max-width: 479px) {
      #mypage .mypage-bookmark li {
        width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px);
        max-width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px); }
        #mypage .mypage-bookmark li:not(:nth-of-type(3n)) {
          margin-right: 0; }
        #mypage .mypage-bookmark li:not(:nth-of-type(2n)) {
          margin-right: 20px; }
        #mypage .mypage-bookmark li:nth-of-type(n + 4) {
          margin-top: 0; }
        #mypage .mypage-bookmark li:nth-of-type(n + 3) {
          margin-top: 20px; } }
#mypage .campaign-text {
  padding: 12px 5px;
  position: relative;
  text-align: center;
  background: black;
  color: white; }
  #mypage .campaign-text:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid rgba(255, 255, 255, 0);
    border-right: 5px solid rgba(255, 255, 255, 0);
    border-top: 7px solid black;
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%); }
#mypage .campaign-list li:not(:last-of-type) {
  margin-bottom: 25px; }
#mypage .next-btn {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto; }

#member-info .inputs_item {
  width: auto !important;
  white-space: nowrap; }
#member-info .button-row-area {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  #member-info .button-row-area button, #member-info .button-row-area a {
    width: calc(50% - 45px) !important;
    margin-right: 50px;
    margin: 0 auto; }
#member-info .gray-btn {
  width: calc(100% - 45px);
  margin: auto; }
@media (max-width: 767px) {
  #member-info .button-row-area {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; }
    #member-info .button-row-area button, #member-info .button-row-area a {
      width: 100% !important;
      margin-right: 0px;
      margin: 0 auto 20px auto;
      max-width: 378px; }
      #member-info .button-row-area button.order-minus, #member-info .button-row-area a.order-minus {
        order: -1; }
  #member-info .gray-btn {
    max-width: 378px;
    width: 100%; } }

#friend-share .step-title {
  background: black;
  color: white;
  padding: 12px 5px;
  text-align: center; }
#friend-share .step-wrap {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  #friend-share .step-wrap .share-url {
    width: 330px; }
    #friend-share .step-wrap .share-url .url-area {
      border-radius: 5px;
      background: #efeff0;
      padding: 60px 30px;
      word-break: break-all; }
      #friend-share .step-wrap .share-url .url-area span {
        display: block; }
  #friend-share .step-wrap .share-step {
    width: calc(100% - 330px);
    padding-left: 40px; }
    #friend-share .step-wrap .share-step > div:not(:first-of-type) {
      margin-top: 50px; }
    #friend-share .step-wrap .share-step > div .share-pattern li a {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      #friend-share .step-wrap .share-step > div .share-pattern li a img {
        width: 35px;
        margin-right: 10px; }
    #friend-share .step-wrap .share-step > div .share-pattern li:not(:first-of-type) {
      margin-top: 10px; }
  @media (max-width: 767px) {
    #friend-share .step-wrap {
      display: block; }
      #friend-share .step-wrap .share-url {
        width: 100%;
        margin-bottom: 30px; }
        #friend-share .step-wrap .share-url .url-area {
          max-width: 300px;
          margin: auto; }
      #friend-share .step-wrap .share-step {
        width: 100%;
        padding-left: 0px; } }

#history .history-list > li {
  background: white; }
  #history .history-list > li:not(:first-of-type) {
    margin-top: 40px; }
  #history .history-list > li .list-header {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    padding: 30px;
    border-bottom: 1px solid #efeff0; }
    #history .history-list > li .list-header .date {
      padding-right: 10px; }
    #history .history-list > li .list-header .detail-mark {
      border: 1px solid black;
      background: black;
      white-space: nowrap;
      color: white;
      text-align: center;
      padding: 2px 20px; }
  #history .history-list > li .item-bland {
    min-height: 1em; }
  #history .history-list > li .detail {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 30px; }
    #history .history-list > li .detail > div:first-of-type {
      width: 240px; }
    #history .history-list > li .detail > div:last-of-type {
      width: calc(100% - 240px);
      padding-left: 20px;
      border-left: 1px solid #efeff0; }
      #history .history-list > li .detail > div:last-of-type ul > li {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        #history .history-list > li .detail > div:last-of-type ul > li:not(:first-of-type) {
          margin-top: 20px; }
        #history .history-list > li .detail > div:last-of-type ul > li > div:first-of-type {
          width: 140px; }
          #history .history-list > li .detail > div:last-of-type ul > li > div:first-of-type img {
            max-height: 180px; }
        #history .history-list > li .detail > div:last-of-type ul > li > div:last-of-type {
          width: calc(100% - 140px);
          padding-left: 10px; }
          #history .history-list > li .detail > div:last-of-type ul > li > div:last-of-type .item-name {
            margin: 5px 0 5px 0; }
            #history .history-list > li .detail > div:last-of-type ul > li > div:last-of-type .item-name a {
              font-size: 110%;
              border-bottom: 1px solid black; }
@media (max-width: 767px) {
  #history .history-list > li:not(:first-of-type) {
    margin-top: 20px; }
  #history .history-list > li .list-header {
    padding: 20px;
    border-bottom: 1px solid #efeff0; }
    #history .history-list > li .list-header .detail-mark {
      padding: 2px 10px; }
  #history .history-list > li .detail {
    display: block;
    padding: 20px; }
    #history .history-list > li .detail > div:first-of-type {
      width: 100%;
      text-align: left;
      margin-bottom: 20px; }
    #history .history-list > li .detail > div:last-of-type {
      width: 100%;
      padding-left: 0px;
      border-left: none; }
      #history .history-list > li .detail > div:last-of-type ul > li:not(:first-of-type) {
        margin-top: 20px; }
      #history .history-list > li .detail > div:last-of-type ul > li > div:last-of-type {
        padding-left: 10px; } }
@media (max-width: 479px) {
  #history .history-list > li .list-header {
    padding: 10px; }
  #history .history-list > li .detail {
    padding: 10px; }
    #history .history-list > li .detail > div:first-of-type {
      margin-bottom: 10px; }
    #history .history-list > li .detail > div:last-of-type ul > li:not(:first-of-type) {
      margin-top: 20px; }
    #history .history-list > li .detail > div:last-of-type ul > li > div:first-of-type {
      width: 30%; }
    #history .history-list > li .detail > div:last-of-type ul > li > div:last-of-type {
      width: calc(100% - 30%);
      padding-left: 10px; } }

#adress .adress_pageNav, #cart .adress .adress_pageNav {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 720px;
  margin: auto; }
  #adress .adress_pageNav .pageNav_arrow, #cart .adress .adress_pageNav .pageNav_arrow {
    width: 50px;
    padding-right: 10px; }
  #adress .adress_pageNav .pageNav_item, #cart .adress .adress_pageNav .pageNav_item {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    #adress .adress_pageNav .pageNav_item h3, #cart .adress .adress_pageNav .pageNav_item h3, #adress .adress_pageNav .pageNav_item #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #adress .adress_pageNav .pageNav_item .name, #cart .adress .adress_pageNav .pageNav_item #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #cart .adress .adress_pageNav .pageNav_item .name, #adress .adress_pageNav .pageNav_item #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #adress .adress_pageNav .pageNav_item a, #cart .adress .adress_pageNav .pageNav_item #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #cart .adress .adress_pageNav .pageNav_item a, #adress .adress_pageNav .pageNav_item #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) #adress .adress_pageNav .pageNav_item .catch-copy, #cart .adress .adress_pageNav .pageNav_item #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) #cart .adress .adress_pageNav .pageNav_item .catch-copy, #adress .adress_pageNav .pageNav_item #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap #adress .adress_pageNav .pageNav_item .name, #cart .adress .adress_pageNav .pageNav_item #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap #cart .adress .adress_pageNav .pageNav_item .name, #adress .adress_pageNav .pageNav_item #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-info > div.detail-wrap form #adress .adress_pageNav .pageNav_item button, #cart .adress .adress_pageNav .pageNav_item #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-info > div.detail-wrap form #cart .adress .adress_pageNav .pageNav_item button {
      padding-left: 15px;
      font-size: 16px; }
    #adress .adress_pageNav .pageNav_item.item_1, #cart .adress .adress_pageNav .pageNav_item.item_1 {
      width: calc((100% - (50px * 2)) * 7 / 20); }
    #adress .adress_pageNav .pageNav_item.item_2, #cart .adress .adress_pageNav .pageNav_item.item_2 {
      width: calc((100% - (50px * 2)) * 6 / 20); }
    #adress .adress_pageNav .pageNav_item.item_3, #cart .adress .adress_pageNav .pageNav_item.item_3 {
      width: calc((100% - (50px * 2)) * 7 / 20); }
  @media (max-width: 767px) {
    #adress .adress_pageNav .pageNav_item, #cart .adress .adress_pageNav .pageNav_item {
      display: block; }
      #adress .adress_pageNav .pageNav_item h3, #cart .adress .adress_pageNav .pageNav_item h3, #adress .adress_pageNav .pageNav_item #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #adress .adress_pageNav .pageNav_item .name, #cart .adress .adress_pageNav .pageNav_item #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #cart .adress .adress_pageNav .pageNav_item .name, #adress .adress_pageNav .pageNav_item #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #adress .adress_pageNav .pageNav_item a, #cart .adress .adress_pageNav .pageNav_item #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #cart .adress .adress_pageNav .pageNav_item a, #adress .adress_pageNav .pageNav_item #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) #adress .adress_pageNav .pageNav_item .catch-copy, #cart .adress .adress_pageNav .pageNav_item #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) #cart .adress .adress_pageNav .pageNav_item .catch-copy, #adress .adress_pageNav .pageNav_item #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap #adress .adress_pageNav .pageNav_item .name, #cart .adress .adress_pageNav .pageNav_item #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap #cart .adress .adress_pageNav .pageNav_item .name, #adress .adress_pageNav .pageNav_item #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-info > div.detail-wrap form #adress .adress_pageNav .pageNav_item button, #cart .adress .adress_pageNav .pageNav_item #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-info > div.detail-wrap form #cart .adress .adress_pageNav .pageNav_item button {
        padding-left: 0px;
        text-align: center; }
      #adress .adress_pageNav .pageNav_item img, #cart .adress .adress_pageNav .pageNav_item img {
        margin: auto;
        margin-bottom: 5px; } }
  @media (max-width: 479px) {
    #adress .adress_pageNav .pageNav_arrow, #cart .adress .adress_pageNav .pageNav_arrow {
      width: 28px; }
    #adress .adress_pageNav .pageNav_item h3, #cart .adress .adress_pageNav .pageNav_item h3, #adress .adress_pageNav .pageNav_item #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #adress .adress_pageNav .pageNav_item .name, #cart .adress .adress_pageNav .pageNav_item #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #cart .adress .adress_pageNav .pageNav_item .name, #adress .adress_pageNav .pageNav_item #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #adress .adress_pageNav .pageNav_item a, #cart .adress .adress_pageNav .pageNav_item #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #cart .adress .adress_pageNav .pageNav_item a, #adress .adress_pageNav .pageNav_item #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) #adress .adress_pageNav .pageNav_item .catch-copy, #cart .adress .adress_pageNav .pageNav_item #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) #cart .adress .adress_pageNav .pageNav_item .catch-copy, #adress .adress_pageNav .pageNav_item #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap #adress .adress_pageNav .pageNav_item .name, #cart .adress .adress_pageNav .pageNav_item #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap #cart .adress .adress_pageNav .pageNav_item .name, #adress .adress_pageNav .pageNav_item #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-info > div.detail-wrap form #adress .adress_pageNav .pageNav_item button, #cart .adress .adress_pageNav .pageNav_item #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-info > div.detail-wrap form #cart .adress .adress_pageNav .pageNav_item button {
      height: 45px;
      font-size: 12px; }
    #adress .adress_pageNav .pageNav_item.item_1, #cart .adress .adress_pageNav .pageNav_item.item_1 {
      width: calc((100% - (28px * 2)) * 7 / 20); }
    #adress .adress_pageNav .pageNav_item.item_2, #cart .adress .adress_pageNav .pageNav_item.item_2 {
      width: calc((100% - (28px * 2)) * 6 / 20); }
    #adress .adress_pageNav .pageNav_item.item_3, #cart .adress .adress_pageNav .pageNav_item.item_3 {
      width: calc((100% - (28px * 2)) * 7 / 20); } }
#adress .innerText, #cart .adress .innerText {
  text-align: left; }
#adress .addBtn, #cart .adress .addBtn {
  margin: auto;
  max-width: 350px; }
#adress .count, #cart .adress .count {
  font-weight: bold;
  font-size: 115%; }
#adress .adress-list > li, #cart .adress .adress-list > li {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 40px 10px;
  border-bottom: 1px solid #a5a5a5; }
  #adress .adress-list > li:not(:last-of-type), #cart .adress .adress-list > li:not(:last-of-type) {
    border-top: 1px solid #a5a5a5; }
  #adress .adress-list > li:first-of-type:last-of-type, #cart .adress .adress-list > li:first-of-type:last-of-type {
    border-top: 1px solid #a5a5a5; }
  #adress .adress-list > li > div:first-of-type, #cart .adress .adress-list > li > div:first-of-type {
    width: calc(100% - 260px);
    padding-right: 10px; }
    #adress .adress-list > li > div:first-of-type p:not(:last-of-type), #cart .adress .adress-list > li > div:first-of-type p:not(:last-of-type) {
      margin-bottom: 5px; }
  #adress .adress-list > li > div:last-of-type, #cart .adress .adress-list > li > div:last-of-type {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 260px; }
    #adress .adress-list > li > div:last-of-type .normal_btn:first-of-type, #cart .adress .adress-list > li > div:last-of-type .normal_btn:first-of-type {
      margin-right: 10px; }
@media (max-width: 767px) {
  #adress .adress-list > li > div:first-of-type, #cart .adress .adress-list > li > div:first-of-type {
    width: calc(100% - 80px); }
  #adress .adress-list > li > div:last-of-type, #cart .adress .adress-list > li > div:last-of-type {
    display: block;
    width: 80px; }
    #adress .adress-list > li > div:last-of-type .normal_btn, #cart .adress .adress-list > li > div:last-of-type .normal_btn {
      display: block; }
      #adress .adress-list > li > div:last-of-type .normal_btn:first-of-type, #cart .adress .adress-list > li > div:last-of-type .normal_btn:first-of-type {
        margin-right: 0px;
        margin-bottom: 10px; } }
#adress .adress-mark, #cart .adress .adress-mark {
  font-size: 110%; }
#adress .size3, #cart .adress .size3 {
  width: 90px;
  margin-left: 5px;
  margin-right: 5px; }
#adress .size4, #cart .adress .size4 {
  width: 100px;
  margin-left: 5px; }
#adress .postNumber-wrap, #cart .adress .postNumber-wrap {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }
  @media (max-width: 767px) {
    #adress .postNumber-wrap, #cart .adress .postNumber-wrap {
      display: block; }
      #adress .postNumber-wrap .inputText_wrap, #cart .adress .postNumber-wrap .inputText_wrap {
        margin-bottom: 10px; }
      #adress .postNumber-wrap .adress-search, #cart .adress .postNumber-wrap .adress-search {
        margin-left: 0; } }
#adress .inputText_wrap, #cart .adress .inputText_wrap {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
#adress .adress-input, #cart .adress .adress-input {
  padding: 10px 0.5em 10px 0.5em;
  background: #efeff0;
  border: 1px solid #a5a5a5; }
#adress .adress-search, #cart .adress .adress-search {
  margin-left: 10px; }
  #adress .adress-search:before, #cart .adress .adress-search:before {
    content: "？";
    text-align: center;
    margin-right: 5px;
    display: inline-block;
    background: black;
    color: white;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    line-height: 30px; }
#adress .button-row-area, #cart .adress .button-row-area {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  #adress .button-row-area button, #cart .adress .button-row-area button, #adress .button-row-area a, #cart .adress .button-row-area a {
    width: calc(50% - 45px) !important;
    margin-right: 50px;
    margin: 0 auto; }
@media (max-width: 767px) {
  #adress .button-row-area, #cart .adress .button-row-area {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; }
    #adress .button-row-area button, #cart .adress .button-row-area button, #adress .button-row-area a, #cart .adress .button-row-area a {
      width: 100% !important;
      margin-right: 0px;
      margin: 0 auto 20px auto;
      max-width: 378px; }
      #adress .button-row-area button.order-minus, #cart .adress .button-row-area button.order-minus, #adress .button-row-area a.order-minus, #cart .adress .button-row-area a.order-minus {
        order: -1; } }

#cart .cartNoneArea, #cart .cartInArea {
  display: none; }
#cart .disabled {
  color: gray; }
#cart .button-row-area {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: distribute; }
  #cart .button-row-area > div, #cart .button-row-area > button, #cart .button-row-area > a {
    width: calc(50% - 45px) !important;
    margin-right: 50px;
    margin: 0; }
  #cart .button-row-area > div button, #cart .button-row-area > div a {
    width: 100% !important; }
#cart .cart_pageNav {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  #cart .cart_pageNav br {
    display: none; }
  #cart .cart_pageNav .pageNav_arrow {
    width: 35px;
    padding-right: 5px;
    margin-right: auto; }
    #cart .cart_pageNav .pageNav_arrow img {
      width: 100%;
      min-height: 3px; }
  #cart .cart_pageNav .pageNav_item {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    #cart .cart_pageNav .pageNav_item h3, #cart .cart_pageNav .pageNav_item #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #cart .cart_pageNav .pageNav_item .name, #cart .cart_pageNav .pageNav_item #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #cart .cart_pageNav .pageNav_item a, #cart .cart_pageNav .pageNav_item #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) #cart .cart_pageNav .pageNav_item .catch-copy, #cart .cart_pageNav .pageNav_item #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap #cart .cart_pageNav .pageNav_item .name, #cart .cart_pageNav .pageNav_item #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-info > div.detail-wrap form #cart .cart_pageNav .pageNav_item button {
      padding-left: 8px;
      font-size: 15px; }
    #cart .cart_pageNav .pageNav_item img {
      width: 25px;
      height: 25px;
      min-width: 25px;
      min-height: 25px; }
    #cart .cart_pageNav .pageNav_item.item_1 {
      width: calc((100% - (35px * 3)) * 7 / 20);
      max-width: 220px; }
    #cart .cart_pageNav .pageNav_item.item_2 {
      max-width: 120px;
      width: calc((100% - (35px * 3)) * 4 / 20); }
    #cart .cart_pageNav .pageNav_item.item_3 {
      width: calc((100% - (35px * 3)) * 5 / 20); }
    #cart .cart_pageNav .pageNav_item.item_4 {
      max-width: 120px;
      width: calc((100% - (35px * 3)) * 4 / 20); }
#cart .cart-tab {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  #cart .cart-tab.confirm > li:nth-of-type(5) {
    display: none; }
  #cart .cart-tab > li {
    background: #efeff0;
    padding: 10px; }
    #cart .cart-tab > li:nth-of-type(1) {
      width: 150px;
      min-width: 150px; }
    #cart .cart-tab > li:nth-of-type(2) {
      width: calc(100% - 440px); }
    #cart .cart-tab > li:nth-of-type(3) {
      width: 100px;
      min-width: 100px; }
    #cart .cart-tab > li:nth-of-type(4) {
      width: 90px;
      min-width: 90px; }
    #cart .cart-tab > li:nth-of-type(5) {
      width: 75px;
      min-width: 75px; }
    #cart .cart-tab > li:nth-of-type(6) {
      width: 100px;
      min-width: 100px; }
#cart .cart-list.confirm > li > div:nth-of-type(5) {
  display: none; }
#cart .cart-list > li {
  grid-template-rows: max-content max-content;
  -ms-grid-rows: max-content max-content;
  grid-template-columns: max-content 1fr max-content max-content max-content max-content;
  -ms-grid-columns: max-content 1fr max-content max-content max-content max-content;
  border-bottom: 1px solid #a5a5a5; }
  #cart .cart-list > li > div {
    padding: 10px; }
    #cart .cart-list > li > div:nth-of-type(1) {
      grid-row: 1 / 2;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-column: 1 / 2;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      width: 150px;
      height: 130px;
      padding-right: 20px; }
    #cart .cart-list > li > div:nth-of-type(2) {
      grid-row: 1 / 2;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-column: 2 / 3;
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      width: 100%;
      padding-top: 20px; }
    #cart .cart-list > li > div:nth-of-type(3) {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      grid-row: 1 / 2;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-column: 3 / 4;
      -ms-grid-column: 3;
      -ms-grid-column-span: 1;
      width: 100px; }
    #cart .cart-list > li > div:nth-of-type(4) {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      grid-row: 1 / 2;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-column: 4 / 5;
      -ms-grid-column: 4;
      -ms-grid-column-span: 1;
      width: 90px; }
      #cart .cart-list > li > div:nth-of-type(4) .item_num {
        display: block;
        padding: 5px 0.5em 5px 0.5em;
        width: 70px; }
      #cart .cart-list > li > div:nth-of-type(4) .changeBtn {
        font-size: 13px;
        display: none;
        padding: 2px 5px;
        margin-top: 5px;
        width: 70px; }
    #cart .cart-list > li > div:nth-of-type(5) {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      grid-row: 1 / 2;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-column: 5 / 6;
      -ms-grid-column: 5;
      -ms-grid-column-span: 1;
      width: 75px; }
      #cart .cart-list > li > div:nth-of-type(5) button {
        padding: 5px 8px;
        font-weight: bold;
        background: #b5b5b5; }
        #cart .cart-list > li > div:nth-of-type(5) button:before {
          content: "×"; }
        #cart .cart-list > li > div:nth-of-type(5) button:active {
          transform: translate(2px, 2px);
          background: #a1a1a1; }
    #cart .cart-list > li > div:nth-of-type(6) {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      grid-row: 1 / 2;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-column: 6 / 7;
      -ms-grid-column: 6;
      -ms-grid-column-span: 1;
      width: 100px; }
    #cart .cart-list > li > div:nth-of-type(7) {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      grid-row: 2 / 3;
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      grid-column: 1 / 7;
      -ms-grid-column: 1;
      -ms-grid-column-span: 6;
      padding-top: 0; }
#cart .bland_name {
  min-height: 1em; }
#cart .total-list {
  max-width: 500px;
  margin-left: auto; }
  #cart .total-list > li {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0; }
    #cart .total-list > li > div:first-of-type {
      text-align: right;
      width: calc(100% - 160px); }
    #cart .total-list > li > div:last-of-type {
      text-align: right;
      width: 160px; }
    #cart .total-list > li:nth-last-of-type(2) {
      border-top: 1px solid #a5a5a5;
      padding-top: 20px;
      margin-top: 20px; }
#cart .free-message {
  background: #f8e9eb;
  text-align: center;
  padding: 20px 0; }
  #cart .free-message a {
    border-bottom: 1px solid black; }
#cart .error_message .next-btn {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto; }
#cart .menu-header {
  margin-top: 50px;
  font-weight: bold;
  padding: 10px 10px 10px 15px;
  border-left: 5px solid #bc2636;
  background: #efeff0; }
#cart .point-wrap > div {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  #cart .point-wrap > div > div:first-of-type {
    width: 200px;
    padding: 15px 10px; }
    #cart .point-wrap > div > div:first-of-type > p:last-of-type {
      text-align: center; }
      #cart .point-wrap > div > div:first-of-type > p:last-of-type .now-point {
        font-weight: bold;
        padding-right: 5px; }
  #cart .point-wrap > div > div:last-of-type {
    width: calc(100% - 200px);
    padding-left: 15px; }
    #cart .point-wrap > div > div:last-of-type > div {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: justify; }
      #cart .point-wrap > div > div:last-of-type > div > div {
        -js-display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        #cart .point-wrap > div > div:last-of-type > div > div input {
          margin-right: 2px; }
        #cart .point-wrap > div > div:last-of-type > div > div .use-point {
          width: 85px;
          padding: 5px 0.5em 5px 0.5em;
          background: #efeff0;
          pointer-events: none;
          margin-left: 5px;
          margin-right: 5px; }
        #cart .point-wrap > div > div:last-of-type > div > div #pointRadio3:checked ~ .use-point {
          background: none;
          pointer-events: all; }
  @media (max-width: 767px) {
    #cart .point-wrap > div {
      display: block; }
      #cart .point-wrap > div > div {
        margin: 0 auto 20px auto; }
        #cart .point-wrap > div > div:first-of-type {
          width: 100%;
          max-width: 300px;
          padding: 15px 10px; }
          #cart .point-wrap > div > div:first-of-type > p:first-of-type {
            text-align: center; }
        #cart .point-wrap > div > div:last-of-type {
          width: 100%;
          padding-left: 0px;
          font-weight: bold; }
          #cart .point-wrap > div > div:last-of-type > div {
            display: block; }
            #cart .point-wrap > div > div:last-of-type > div > div {
              min-height: 45px; }
              #cart .point-wrap > div > div:last-of-type > div > div .use-point {
                font-weight: normal; } }
#cart .adress .adress-add {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  #cart .adress .adress-add .addBtn {
    margin: auto 0 auto auto; }
#cart .adress .adress-list > li > div input {
  margin-right: 15px; }
#cart .adress .adress-list > li > div:first-of-type {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 100px); }
#cart .adress .adress-list > li > div:last-of-type {
  width: 100px; }
  #cart .adress .adress-list > li > div:last-of-type .normal_btn {
    margin-right: 0;
    padding: 5px;
    width: 70px; }
#cart .day-input {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  #cart .day-input.confirm span:not(.bold) {
    margin-left: 20px; }
  #cart .day-input > div {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    #cart .day-input > div select {
      margin-left: 10px; }
    #cart .day-input > div:last-of-type {
      margin-left: 50px; }
#cart .pay-list > li {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #a5a5a5;
  padding: 20px 0; }
  #cart .pay-list > li > div:first-of-type {
    width: 190px; }
  #cart .pay-list > li > div:last-of-type {
    width: calc(100% - 190px); }
#cart .line_wrap:first-of-type {
  border-top: none; }
#cart .line_wrap .left_wrap {
  background: white; }
#cart .finish .next-btn {
  max-width: 300px; }
@media (max-width: 767px) {
  #cart .cart_pageNav br {
    display: block; }
  #cart .cart_pageNav .pageNav_arrow {
    width: 35px;
    padding-right: 5px; }
  #cart .cart_pageNav .pageNav_item {
    display: block; }
    #cart .cart_pageNav .pageNav_item h3, #cart .cart_pageNav .pageNav_item #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #cart .cart_pageNav .pageNav_item .name, #cart .cart_pageNav .pageNav_item #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #cart .cart_pageNav .pageNav_item a, #cart .cart_pageNav .pageNav_item #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) #cart .cart_pageNav .pageNav_item .catch-copy, #cart .cart_pageNav .pageNav_item #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap #cart .cart_pageNav .pageNav_item .name, #cart .cart_pageNav .pageNav_item #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-info > div.detail-wrap form #cart .cart_pageNav .pageNav_item button {
      font-size: 13px;
      padding-left: 0px;
      text-align: center;
      min-height: 45px; }
    #cart .cart_pageNav .pageNav_item img {
      margin-bottom: 5px;
      margin: auto; }
    #cart .cart_pageNav .pageNav_item.item_1 {
      width: calc((100% - (35px * 3)) * 4 / 20); }
    #cart .cart_pageNav .pageNav_item.item_2 {
      width: calc((100% - (35px * 3)) * 5 / 20); }
    #cart .cart_pageNav .pageNav_item.item_3 {
      width: calc((100% - (35px * 3)) * 6 / 20); }
    #cart .cart_pageNav .pageNav_item.item_4 {
      width: calc((100% - (35px * 3)) * 5 / 20); }
  #cart .cart-tab {
    display: none; }
  #cart .cart-list > li {
    grid-template-rows: max-content max-content max-content 1fr max-content;
    -ms-grid-rows: max-content max-content max-content 1fr max-content;
    grid-template-columns: max-content 100px 1fr;
    -ms-grid-columns: max-content 100px 1fr;
    padding: 20px 10px; }
    #cart .cart-list > li > div {
      padding: 0; }
      #cart .cart-list > li > div:nth-of-type(1) {
        grid-row: 1 / 5;
        -ms-grid-row: 1;
        -ms-grid-row-span: 4;
        grid-column: 1 / 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        width: 25vw;
        height: 25vw;
        padding-right: 10px;
        max-width: 200px; }
      #cart .cart-list > li > div:nth-of-type(2) {
        grid-row: 1 / 2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-column: 2 / 4;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        width: 100%;
        padding-top: 0px;
        padding-bottom: 5px; }
        #cart .cart-list > li > div:nth-of-type(2) > p:last-of-type {
          padding-top: 0px; }
      #cart .cart-list > li > div:nth-of-type(3) {
        grid-row: 2 / 3;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-column: 2 / 4;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        width: 100%; }
      #cart .cart-list > li > div:nth-of-type(4) {
        grid-row: 4 / 5;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-column: 2 / 3;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        width: 100%; }
      #cart .cart-list > li > div:nth-of-type(5) {
        grid-row: 4 / 5;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-column: 3 / 4;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        width: 100%; }
      #cart .cart-list > li > div:nth-of-type(6) {
        grid-row: 3 / 4;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-column: 2 / 4;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        width: 100%;
        padding-bottom: 10px; }
      #cart .cart-list > li > div:nth-of-type(7) {
        grid-row: 5 / 6;
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        grid-column: 1 / 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        width: 100%;
        padding-top: 10px; }
  #cart .total-list > li {
    padding: 5px 0; }
    #cart .total-list > li > div:first-of-type {
      width: calc(100% - 130px); }
    #cart .total-list > li > div:last-of-type {
      width: 130px; }
    #cart .total-list > li:nth-of-type(3) {
      padding-bottom: 10px; }
    #cart .total-list > li:nth-of-type(4) {
      padding-top: 10px; }
  #cart .button-row-area {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; }
    #cart .button-row-area > div, #cart .button-row-area > button, #cart .button-row-area > a {
      width: 100% !important;
      margin-right: 0px;
      margin: 0 auto 20px auto;
      max-width: 378px; }
      #cart .button-row-area > div .hidden, #cart .button-row-area > button .hidden, #cart .button-row-area > a .hidden {
        display: none; }
      #cart .button-row-area > div.order-minus, #cart .button-row-area > button.order-minus, #cart .button-row-area > a.order-minus {
        order: -1; }
  #cart .adress .adress-add {
    display: block; }
    #cart .adress .adress-add .addBtn {
      margin: 30px auto 30px auto; }
  #cart .adress .adress-list > li > div .normal_btn {
    margin-bottom: 0 !important; }
  #cart .day-input {
    display: block; }
    #cart .day-input > div select {
      margin-left: 10px; }
    #cart .day-input > div:last-of-type {
      margin-left: 0px;
      margin-top: 10px; }
  #cart .pay-list > li {
    display: block; }
    #cart .pay-list > li label {
      font-weight: bold; }
    #cart .pay-list > li > div:first-of-type {
      width: 100%; }
    #cart .pay-list > li > div:last-of-type {
      width: 100%;
      padding-left: 1em; } }
@media (max-width: 479px) {
  #cart .cart_pageNav .pageNav_arrow {
    width: 28px; }
  #cart .cart_pageNav .pageNav_item.item_1 {
    width: calc((100% - (28px * 3)) * 5 / 20); }
  #cart .cart_pageNav .pageNav_item.item_2 {
    width: calc((100% - (28px * 3)) * 5 / 20); }
  #cart .cart_pageNav .pageNav_item.item_3 {
    width: calc((100% - (28px * 3)) * 5 / 20); }
  #cart .cart_pageNav .pageNav_item.item_4 {
    width: calc((100% - (28px * 3)) * 5 / 20); }
  #cart .cart_pageNav br {
    display: block; }
  #cart .cart_pageNav h3, #cart .cart_pageNav #doctor .content > .doctor-panel a .text-wrap .name, #doctor .content > .doctor-panel a .text-wrap #cart .cart_pageNav .name, #cart .cart_pageNav #salon .search-wrap > div:last-of-type ul li a, #salon .search-wrap > div:last-of-type ul li #cart .cart_pageNav a, #cart .cart_pageNav #salon_detail .content .eyecatch > div:nth-of-type(2) .catch-copy, #salon_detail .content .eyecatch > div:nth-of-type(2) #cart .cart_pageNav .catch-copy, #cart .cart_pageNav #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap .name, #products_detail .content-wrap .item-info > div.detail-wrap .info-wrap #cart .cart_pageNav .name, #cart .cart_pageNav #products_detail .content-wrap .item-info > div.detail-wrap form button, #products_detail .content-wrap .item-info > div.detail-wrap form #cart .cart_pageNav button {
    height: 45px;
    font-size: 10px; } }

#campaign .campaign-text {
  padding: 12px 5px;
  position: relative;
  text-align: center;
  background: black;
  color: white; }
  #campaign .campaign-text:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid rgba(255, 255, 255, 0);
    border-right: 5px solid rgba(255, 255, 255, 0);
    border-top: 7px solid black;
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%); }
#campaign .step-list {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  #campaign .step-list > li {
    width: calc((100% - (40px * (3 - 1))) / 3 - 0.1px);
    max-width: calc((100% - (40px * (3 - 1))) / 3 - 0.1px); }
    #campaign .step-list > li:not(:nth-of-type(4n)) {
      margin-right: 0; }
    #campaign .step-list > li:not(:nth-of-type(3n)) {
      margin-right: 40px; }
  @media (max-width: 767px) {
    #campaign .step-list {
      display: block;
      margin-top: 30px; }
      #campaign .step-list > li {
        width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px);
        max-width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px);
        padding: 0 30px;
        max-width: 330px;
        margin-right: auto !important;
        margin-left: auto; }
        #campaign .step-list > li:not(:nth-of-type(2n)) {
          margin-right: 0; }
        #campaign .step-list > li:not(:nth-of-type(1n)) {
          margin-right: 20px; }
        #campaign .step-list > li:nth-of-type(n + 3) {
          margin-top: 0; }
        #campaign .step-list > li:nth-of-type(n + 2) {
          margin-top: 30px; } }
#campaign .comment {
  background: #bc2636;
  color: white;
  font-weight: bold;
  display: inline-block;
  padding: 10px;
  border-radius: 15px; }
#campaign .next-btn {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto; }
@media (max-width: 479px) {
  #campaign .comment-img {
    font-size: 14px; } }

/**
 * FAQ
 */
#faq .menu {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }
  #faq .menu > li {
    width: calc((100% - (10px * (4 - 1))) / 4 - 0.1px);
    max-width: calc((100% - (10px * (4 - 1))) / 4 - 0.1px); }
    #faq .menu > li:not(:nth-of-type(5n)) {
      margin-right: 0; }
    #faq .menu > li:not(:nth-of-type(4n)) {
      margin-right: 10px; }
    #faq .menu > li:nth-of-type(n + 6) {
      margin-top: 0; }
    #faq .menu > li:nth-of-type(n + 5) {
      margin-top: 20px; }
    #faq .menu > li:nth-of-type(6) {
      min-width: 220px; }
    #faq .menu > li a {
      width: 100%;
      padding: 10px calc(5px + 14px + 10px) 10px 5px;
      border-bottom: 1px solid black; }
      #faq .menu > li a:hover {
        border-bottom: 1px solid #bc2636;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
    @media (max-width: 767px) {
      #faq .menu > li {
        width: calc((100% - (10px * (3 - 1))) / 3 - 0.1px);
        max-width: calc((100% - (10px * (3 - 1))) / 3 - 0.1px); }
        #faq .menu > li:not(:nth-of-type(4n)) {
          margin-right: 0; }
        #faq .menu > li:not(:nth-of-type(3n)) {
          margin-right: 10px; }
        #faq .menu > li:nth-of-type(n + 5) {
          margin-top: 0; }
        #faq .menu > li:nth-of-type(n + 4) {
          margin-top: 20px; }
        #faq .menu > li:nth-of-type(6) {
          min-width: 0px; } }
    @media (max-width: 479px) {
      #faq .menu > li {
        width: calc((100% - (10px * (2 - 1))) / 2 - 0.1px);
        max-width: calc((100% - (10px * (2 - 1))) / 2 - 0.1px); }
        #faq .menu > li:not(:nth-of-type(3n)) {
          margin-right: 0; }
        #faq .menu > li:not(:nth-of-type(2n)) {
          margin-right: 10px; }
        #faq .menu > li:nth-of-type(n + 4) {
          margin-top: 0; }
        #faq .menu > li:nth-of-type(n + 3) {
          margin-top: 20px; } }
#faq h4 {
  background: #efeff0;
  padding: 15px 20px; }
#faq dl a {
  padding: 0 5px; }
#faq dl dt {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 15px;
  padding-right: 15px; }
  #faq dl dt:before {
    display: table-cell;
    content: 'Q.';
    padding-right: 15px; }
#faq dl dd {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #a5a5a5;
  margin-top: 1em; }
  #faq dl dd:before {
    display: table-cell;
    content: 'A.';
    padding-right: 15px; }

#guide .menu {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-top: -10px; }
  #guide .menu > li:nth-of-type(1) {
    min-width: 340px;
    width: 50%;
    margin-right: 10px;
    margin-left: 0 !important; }
  #guide .menu > li:nth-of-type(2) {
    width: calc(50% - 20px); }
    #guide .menu > li:nth-of-type(2) a {
      max-width: 220px; }
  #guide .menu > li:nth-of-type(n + 3) {
    width: calc((100% - 20px) / 3);
    margin-top: 10px; }
  #guide .menu > li:nth-of-type(3n + 1) {
    margin-right: 10px;
    margin-left: 10px; }
  #guide .menu > li a {
    width: 100%;
    padding: 10px calc(5px + 14px + 10px) 10px 5px;
    border-bottom: 1px solid black; }
    #guide .menu > li a:hover {
      border-bottom: 1px solid #bc2636;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out; }
  @media (max-width: 991px) {
    #guide .menu > li:nth-of-type(1) {
      min-width: 0px;
      width: 100%;
      margin-right: 0px; }
    #guide .menu > li:nth-of-type(2) {
      margin-top: 10px;
      width: calc(50% - 5px); }
      #guide .menu > li:nth-of-type(2) a {
        max-width: 100%; }
    #guide .menu > li:nth-of-type(n + 3) {
      width: calc(50% - 5px); }
    #guide .menu > li:nth-of-type(3n + 1) {
      margin-left: 0px;
      margin-right: 0px; }
    #guide .menu > li:nth-of-type(2n+1) {
      margin-left: 10px; } }
#guide h4 {
  background: #efeff0;
  padding: 15px 20px;
  margin-bottom: 20px; }
#guide > dl,
#guide > ul,
#guide > ol,
#guide > div {
  width: calc(100% - 30px);
  margin-left: 15px; }
  #guide > dl a,
  #guide > ul a,
  #guide > ol a,
  #guide > div a {
    padding: 0 5px; }
#guide dt {
  font-weight: bold; }
#guide > dl > dt {
  margin-top: 20px; }
#guide table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%; }
  #guide table th, #guide table td {
    border: 1px solid #a5a5a5;
    padding: 2px 5px; }

/*会社概要*/
#company .table_layout .required {
  background-color: #efeff0;
  color: #ffffff;
  font-size: 12px;
  width: 35px;
  height: 18px;
  line-height: 17px;
  text-align: center;
  margin-left: 10px; }
#company .table_layout .line_wrap {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #a5a5a5; }
  #company .table_layout .line_wrap:last-of-type {
    border-bottom: 1px solid #a5a5a5; }
  #company .table_layout .line_wrap .left_wrap {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #efeff0;
    flex-basis: 225px;
    width: 225px;
    padding-left: 30px; }
  #company .table_layout .line_wrap .right_wrap {
    flex: 1;
    padding: 40px 0 40px 60px; }
    #company .table_layout .line_wrap .right_wrap input[type="text"],
    #company .table_layout .line_wrap .right_wrap input[type="email"] {
      display: block;
      border: 1px solid #A1A1A1;
      padding: 10px 15px;
      width: 100%;
      max-width: 200px; }
      #company .table_layout .line_wrap .right_wrap input[type="text"].maxWidth250,
      #company .table_layout .line_wrap .right_wrap input[type="email"].maxWidth250 {
        max-width: 250px; }
      #company .table_layout .line_wrap .right_wrap input[type="text"].maxWidth410,
      #company .table_layout .line_wrap .right_wrap input[type="email"].maxWidth410 {
        max-width: 410px; }
    #company .table_layout .line_wrap .right_wrap textarea {
      display: block;
      border: 1px solid #A1A1A1;
      padding: 10px 15px;
      width: 100%;
      max-width: 200px;
      min-width: 100%;
      min-height: 170px; }
    #company .table_layout .line_wrap .right_wrap .inputText_wrap {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      #company .table_layout .line_wrap .right_wrap .inputText_wrap > div:not(:first-of-type) {
        margin-left: 10px; }
    #company .table_layout .line_wrap .right_wrap input.status_error,
    #company .table_layout .line_wrap .right_wrap textarea.status_error {
      background-color: #F2D5D9;
      border: 1px solid #BF2B3B; }
  #company .table_layout .line_wrap.border_b {
    border-bottom: 1px solid #a5a5a5; }
@media (max-width: 991px) {
  #company .table_layout .line_wrap .left_wrap {
    flex-basis: 210px;
    width: 210px;
    padding-left: 15px; }
  #company .table_layout .line_wrap .right_wrap {
    padding: 20px; }
    #company .table_layout .line_wrap .right_wrap .inputs_wrap .inputs_item {
      width: 155px;
      margin-right: 10px; } }
@media (max-width: 767px) {
  #company .table_layout .line_wrap {
    display: block; }
    #company .table_layout .line_wrap .left_wrap {
      flex-basis: auto;
      width: 100%;
      padding: 5px 10px; }
    #company .table_layout .line_wrap .right_wrap {
      padding: 25px 10px; } }

/*特定商取引法に基づく表記*/
#sctl .table_layout .required {
  background-color: #efeff0;
  color: #ffffff;
  font-size: 12px;
  width: 35px;
  height: 18px;
  line-height: 17px;
  text-align: center;
  margin-left: 10px; }
#sctl .table_layout .line_wrap {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #a5a5a5; }
  #sctl .table_layout .line_wrap:last-of-type {
    border-bottom: 1px solid #a5a5a5; }
  #sctl .table_layout .line_wrap .left_wrap {
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #efeff0;
    flex-basis: 225px;
    width: 225px;
    padding-left: 30px; }
  #sctl .table_layout .line_wrap .right_wrap {
    flex: 1;
    padding: 40px 0 40px 60px; }
    #sctl .table_layout .line_wrap .right_wrap input[type="text"],
    #sctl .table_layout .line_wrap .right_wrap input[type="email"] {
      display: block;
      border: 1px solid #A1A1A1;
      padding: 10px 15px;
      width: 100%;
      max-width: 200px; }
      #sctl .table_layout .line_wrap .right_wrap input[type="text"].maxWidth250,
      #sctl .table_layout .line_wrap .right_wrap input[type="email"].maxWidth250 {
        max-width: 250px; }
      #sctl .table_layout .line_wrap .right_wrap input[type="text"].maxWidth410,
      #sctl .table_layout .line_wrap .right_wrap input[type="email"].maxWidth410 {
        max-width: 410px; }
    #sctl .table_layout .line_wrap .right_wrap textarea {
      display: block;
      border: 1px solid #A1A1A1;
      padding: 10px 15px;
      width: 100%;
      max-width: 200px;
      min-width: 100%;
      min-height: 170px; }
    #sctl .table_layout .line_wrap .right_wrap .inputText_wrap {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      #sctl .table_layout .line_wrap .right_wrap .inputText_wrap > div:not(:first-of-type) {
        margin-left: 10px; }
    #sctl .table_layout .line_wrap .right_wrap input.status_error,
    #sctl .table_layout .line_wrap .right_wrap textarea.status_error {
      background-color: #F2D5D9;
      border: 1px solid #BF2B3B; }
  #sctl .table_layout .line_wrap.border_b {
    border-bottom: 1px solid #a5a5a5; }
#sctl table {
  border-collapse: collapse;
  border-spacing: 0; }
  #sctl table th, #sctl table td {
    border: 1px solid #a5a5a5;
    padding: 5px; }
#sctl .card_img {
  max-width: 350px; }
#sctl p:not(:last-child) {
  margin-bottom: 1em; }
@media (max-width: 991px) {
  #sctl .table_layout .line_wrap .left_wrap {
    flex-basis: 210px;
    width: 210px;
    padding-left: 15px; }
  #sctl .table_layout .line_wrap .right_wrap {
    padding: 20px; }
    #sctl .table_layout .line_wrap .right_wrap .inputs_wrap .inputs_item {
      width: 155px;
      margin-right: 10px; } }
@media (max-width: 767px) {
  #sctl .table_layout .line_wrap {
    display: block; }
    #sctl .table_layout .line_wrap .left_wrap {
      flex-basis: auto;
      width: 100%;
      padding: 5px 10px; }
    #sctl .table_layout .line_wrap .right_wrap {
      padding: 25px 10px; } }

/*ご利用規約*/
/*メンテナンスページ*/
#maintenance .title {
  padding: 30px 20px;
  background: black;
  color: white; }

/*プライバシーポリシー*/
#policy {
  padding-top: 50px;
  border-top: 1px solid #a5a5a5; }

/**
 * サイトマップ
 */
#sitemap .main-link {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }
  #sitemap .main-link li {
    width: calc((100% - (20px * (3 - 1))) / 3 - 0.1px);
    max-width: calc((100% - (20px * (3 - 1))) / 3 - 0.1px); }
    #sitemap .main-link li:not(:nth-of-type(4n)) {
      margin-right: 0; }
    #sitemap .main-link li:not(:nth-of-type(3n)) {
      margin-right: 20px; }
    #sitemap .main-link li:nth-of-type(n + 5) {
      margin-top: 0; }
    #sitemap .main-link li:nth-of-type(n + 4) {
      margin-top: 20px; }
    #sitemap .main-link li a {
      width: 100%;
      text-align: center; }
      #sitemap .main-link li a p:first-of-type {
        margin-top: 5px; }
      #sitemap .main-link li a p:last-of-type {
        margin-top: 5px; }
#sitemap .other-link {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  background: #efeff0; }
  #sitemap .other-link li {
    width: calc((100% - (20px * (4 - 1))) / 4 - 0.1px);
    max-width: calc((100% - (20px * (4 - 1))) / 4 - 0.1px); }
    #sitemap .other-link li:not(:nth-of-type(5n)) {
      margin-right: 0; }
    #sitemap .other-link li:not(:nth-of-type(4n)) {
      margin-right: 20px; }
    #sitemap .other-link li:nth-of-type(n + 6) {
      margin-top: 0; }
    #sitemap .other-link li:nth-of-type(n + 5) {
      margin-top: 20px; }
    #sitemap .other-link li a {
      width: 100%;
      padding-right: 20px;
      border-bottom: 1px solid rgba(255, 255, 255, 0); }
      #sitemap .other-link li a:before {
        content: '>';
        margin-right: 10px; }
@media (max-width: 1199px) {
  #sitemap .other-link li {
    width: calc((100% - (20px * (3 - 1))) / 3 - 0.1px);
    max-width: calc((100% - (20px * (3 - 1))) / 3 - 0.1px); }
    #sitemap .other-link li:not(:nth-of-type(4n)) {
      margin-right: 0; }
    #sitemap .other-link li:not(:nth-of-type(3n)) {
      margin-right: 20px; }
    #sitemap .other-link li:nth-of-type(n + 5) {
      margin-top: 0; }
    #sitemap .other-link li:nth-of-type(n + 4) {
      margin-top: 20px; } }
@media (max-width: 991px) {
  #sitemap .main-link li {
    width: calc((100% - (20px * (3 - 1))) / 3 - 0.1px);
    max-width: calc((100% - (20px * (3 - 1))) / 3 - 0.1px); }
    #sitemap .main-link li:not(:nth-of-type(4n)) {
      margin-right: 0; }
    #sitemap .main-link li:not(:nth-of-type(3n)) {
      margin-right: 20px; }
    #sitemap .main-link li:nth-of-type(n + 5) {
      margin-top: 0; }
    #sitemap .main-link li:nth-of-type(n + 4) {
      margin-top: 20px; } }
@media (max-width: 767px) {
  #sitemap .main-link li {
    width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px);
    max-width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px); }
    #sitemap .main-link li:not(:nth-of-type(3n)) {
      margin-right: 0; }
    #sitemap .main-link li:not(:nth-of-type(2n)) {
      margin-right: 20px; }
    #sitemap .main-link li:nth-of-type(n + 4) {
      margin-top: 0; }
    #sitemap .main-link li:nth-of-type(n + 3) {
      margin-top: 20px; }
  #sitemap .other-link li {
    width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px);
    max-width: calc((100% - (20px * (2 - 1))) / 2 - 0.1px); }
    #sitemap .other-link li:not(:nth-of-type(3n)) {
      margin-right: 0; }
    #sitemap .other-link li:not(:nth-of-type(2n)) {
      margin-right: 20px; }
    #sitemap .other-link li:nth-of-type(n + 4) {
      margin-top: 0; }
    #sitemap .other-link li:nth-of-type(n + 3) {
      margin-top: 20px; } }
@media (max-width: 479px) {
  #sitemap .main-link li {
    width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px);
    max-width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px); }
    #sitemap .main-link li:not(:nth-of-type(2n)) {
      margin-right: 0; }
    #sitemap .main-link li:not(:nth-of-type(1n)) {
      margin-right: 20px; }
    #sitemap .main-link li:nth-of-type(n + 3) {
      margin-top: 0; }
    #sitemap .main-link li:nth-of-type(n + 2) {
      margin-top: 10px; }
  #sitemap .other-link li {
    width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px);
    max-width: calc((100% - (20px * (1 - 1))) / 1 - 0.1px); }
    #sitemap .other-link li:not(:nth-of-type(2n)) {
      margin-right: 0; }
    #sitemap .other-link li:not(:nth-of-type(1n)) {
      margin-right: 20px; }
    #sitemap .other-link li:nth-of-type(n + 3) {
      margin-top: 0; }
    #sitemap .other-link li:nth-of-type(n + 2) {
      margin-top: 10px; } }

/*
 * ログイン画面
 */
#login .form-group {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(10em + 450px);
  margin-left: auto;
  margin-right: auto; }
  #login .form-group label {
    width: 10em; }
  #login .form-group input {
    max-width: 450px; }
#login .check_area {
  width: calc(10em + 450px);
  padding-left: 10em;
  margin-left: auto; }
  #login .check_area label {
    width: 100%;
    padding-left: 5px; }
#login [type="submit"] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 450px; }
#login .text-area {
  width: 450px;
  margin-right: 0;
  margin-left: auto; }
#login .text-area {
  margin-top: 10px; }
@media (max-width: 767px) {
  #login .form-group {
    max-width: 400px;
    width: 100%;
    display: block; }
    #login .form-group input {
      max-width: 100%; }
  #login .check_area {
    padding-left: 0; }
  #login .next-btn, #login .text-area {
    width: 100%;
    margin-right: auto; }
  #login .next-btn {
    max-width: 400px; } }

#page-single .form-group {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(11em + 450px);
  margin-left: auto;
  margin-right: auto; }
  #page-single .form-group label {
    width: 11em; }
  #page-single .form-group input {
    max-width: 450px; }
#page-single [type="submit"], #page-single .text-area {
  width: 450px;
  margin-right: 0;
  margin-left: auto; }
#page-single .text-area {
  margin-top: 10px; }
#page-single .finish_button {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }
  #page-single .finish_button a {
    margin: 40px;
    width: 100%;
    max-width: 300px;
    text-align: center; }
@media (max-width: 767px) {
  #page-single .form-group {
    max-width: 400px;
    width: 100%;
    display: block; }
    #page-single .form-group input {
      max-width: 100%; }
  #page-single .next-btn, #page-single .text-area {
    width: 100%;
    margin-right: auto; }
  #page-single .next-btn {
    max-width: 400px; }
  #page-single .finish_button {
    display: block; }
    #page-single .finish_button a {
      margin: 20px auto; } }

/**
 * 新規会員登録
 */
#registar .inputs_item {
  width: auto; }
#registar .terms {
  max-height: 250px;
  overflow-y: auto;
  border: 1px solid black; }
  #registar .terms .title {
    padding: 20px;
    background: black;
    color: white; }
  #registar .terms #webterm > div {
    padding: 0 10px; }
  #registar .terms #webterm > dl {
    padding: 10px; }
#registar .agree {
  padding: 30px 20px;
  border: 1px solid black; }
  #registar .agree.status_error {
    background-color: #F2D5D9;
    border: 1px solid #BF2B3B; }
  #registar .agree input {
    margin-right: 10px; }
#registar button[type="submit"] {
  width: 375px; }
#registar .button-row-area {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  #registar .button-row-area button, #registar .button-row-area a {
    width: calc(50% - 45px) !important;
    margin-right: 50px;
    margin: 0 auto; }
#registar .main-text {
  position: relative; }
  #registar .main-text:before {
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 5px;
    border-top: 1px solid black;
    border-bottom: 1px solid black; }
  #registar .main-text:after {
    bottom: 0;
    left: 0;
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 5px;
    border-top: 1px solid black;
    border-bottom: 1px solid black; }
#registar .finish-message {
  max-width: 530px;
  margin: 50px auto 50px auto; }
@media (max-width: 767px) {
  #registar .terms {
    max-height: 400px; }
    #registar .terms .title {
      padding: 10px; }
    #registar .terms .text {
      padding: 10px 5px; }
      #registar .terms .text dt {
        margin-bottom: 10px; }
  #registar .agree {
    padding: 20px 5px; }
  #registar .button-row-area {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; }
    #registar .button-row-area button, #registar .button-row-area a {
      width: 100% !important;
      margin-right: 0px;
      margin: 0 auto 20px auto;
      max-width: 378px; }
      #registar .button-row-area button.order-minus, #registar .button-row-area a.order-minus {
        order: -1; } }

#webterm > div {
  margin: 10px 0; }
#webterm > dl > dt {
  margin-top: 1.2em;
  margin-bottom: 0.5em;
  font-weight: bold; }
#webterm > dl > dd li {
  margin-bottom: 0.5em; }

#secede .button-row-area {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  #secede .button-row-area button, #secede .button-row-area a {
    width: calc(50% - 45px) !important;
    margin-right: 50px;
    margin: 0 auto; }
@media (max-width: 767px) {
  #secede .button-row-area {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; }
    #secede .button-row-area button, #secede .button-row-area a {
      width: 100% !important;
      margin-right: 0px;
      margin: 0 auto 20px auto;
      max-width: 378px; }
      #secede .button-row-area button.order-minus, #secede .button-row-area a.order-minus {
        order: -1; } }

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