@charset "UTF-8";
/*****************************
 *
 *settings
 *
 ***************************** */
.trans_txt_parent .inner {
  overflow: hidden; }
.trans_txt_parent s {
  display: inline-block;
  transform: translateY(100px); }

.scroll_fadein {
  transform: translateY(100px);
  opacity: 0; }

@media (max-width: 1360px) {
  .slide_menu {
    width: 55%;
    left: -55%; }

  .slide_container.rev {
    width: 60%;
    right: -60%; }

  #content .top_news .ib .right .news_list .box {
    height: auto; }
    #content .top_news .ib .right .news_list .box p {
      font-size: 14px; }
  #content .product_list .box h3 {
    font-size: 18px; }
  #content .product_list .box p {
    font-size: 15px; }
  #content .product_list .box .price_box p span {
    font-size: 15px; }
  #content .product_list .box .price_box p em {
    font-size: 16px; }

  footer .ib .foot_df nav .col_ft p {
    font-size: 13px; }
  footer .ib .foot_df nav .col_ft a {
    font-size: 13px; } }
@media (max-width: 760px) {
  .border_line {
    margin: 50px 0; }

  button, a.btn, input[type="submit"].btn {
    height: 50px;
    font-size: 16px; }

  .slide_menu {
    width: 90%;
    left: -90%;
    padding-top: 60px; }
    .slide_menu .close {
      left: 30px;
      font-size: 15px; }
    .slide_menu .sm_row {
      padding: 30px !important; }
      .slide_menu .sm_row nav a {
        font-size: 17px;
        margin-bottom: 24px; }

  .slide_container .scroll_inner .ib, .slide_container.rev .scroll_inner .ib {
    height: max-content;
    padding-bottom: 60px; }

  .slide_container.rev {
    width: 90%;
    right: -90%; }
    .slide_container.rev .ib {
      padding: 100px 30px; }
      .slide_container.rev .ib form.login .form_row {
        margin-bottom: 20px; }
        .slide_container.rev .ib form.login .form_row label {
          padding-bottom: 10px; }
        .slide_container.rev .ib form.login .form_row input {
          height: 45px; }
      .slide_container.rev .ib .close {
        right: 30px; }
      .slide_container.rev .ib .cart_products .cart_row {
        flex-wrap: wrap;
        margin-bottom: 20px; }
        .slide_container.rev .ib .cart_products .cart_row .img {
          width: 78px;
          margin-right: 0; }
        .slide_container.rev .ib .cart_products .cart_row p {
          width: calc(100% - 90px);
          font-size: 14px; }
        .slide_container.rev .ib .cart_products .cart_row .price_box {
          width: 100%;
          overflow: hidden; }
          .slide_container.rev .ib .cart_products .cart_row .price_box .price {
            font-size: 14px; }
          .slide_container.rev .ib .cart_products .cart_row .price_box .amount {
            width: 84px;
            float: right;
            margin-top: 10px; }

  header {
    height: 54px; }
    header .ib {
      padding: 10px;
      padding-right: 20px; }
      header .ib .logo {
        width: 80px;
        position: relative;
        left: 7%; }
      header .ib .head_nav span {
        height: 18px !important;
        width: 18px !important; }
        header .ib .head_nav span.cart .num {
          width: 16px;
          height: 16px;
          top: -9px;
          right: -11px; }
        header .ib .head_nav span.user, header .ib .head_nav span.user_mypage {
          margin-right: 10px; }
      header .ib .menu p {
        display: none; }

  #first_view {
    margin-top: 54px;
    aspect-ratio: 367/553; }

  #content a.all {
    margin: 40px 0; }
    #content a.all.center, #content a.all.sp_center {
      margin: 40px auto; }
    #content a.all.pc_content {
      display: none !important; }
    #content a.all.sp_content {
      display: flex !important; }
  #content .ib {
    padding: 50px 30px;
    width: 100%; }
  #content .top_news .ib {
    padding: 50px 30px 10px;
    width: 100%; }
    #content .top_news .ib .right {
      width: 100%; }
      #content .top_news .ib .right .news_list {
        width: 100%; }
        #content .top_news .ib .right .news_list .box {
          width: 100%;
          margin-bottom: 20px;
          min-height: inherit;
          padding: 20px; }
          #content .top_news .ib .right .news_list .box:last-child {
            margin-bottom: 0; }
          #content .top_news .ib .right .news_list .box p {
            margin: 10px 0 0; }
  #content .top_products .ib {
    padding: 50px 30px 10px; }
    #content .top_products .ib .product_list .box {
      margin-right: 0;
      width: 100%;
      margin-bottom: 40px; }
      #content .top_products .ib .product_list .box:last-child {
        margin-bottom: 0; }
  #content .nano_pds .ib {
    padding: 40px 30px; }
    #content .nano_pds .ib .left {
      width: 100%;
      margin-bottom: 30px; }
    #content .nano_pds .ib .right {
      width: 100%; }
      #content .nano_pds .ib .right .logo {
        width: 220px; }
      #content .nano_pds .ib .right h2 {
        font-size: 24px; }
      #content .nano_pds .ib .right h3 {
        font-size: 18px; }
      #content .nano_pds .ib .right p {
        font-size: 16px; }
  #content .top_ergo .ib {
    padding: 70px 30px; }
    #content .top_ergo .ib h3 {
      font-size: 18px; }
    #content .top_ergo .ib .ergo_logo {
      width: 100%; }
    #content .top_ergo .ib .ergo1 {
      position: relative;
      bottom: 0;
      right: 0;
      width: 100%;
      display: block;
      margin-top: 40px; }
    #content .top_ergo .ib .ranking img {
      width: 94px;
      margin-right: 8px; }
    #content .top_ergo .ib .ranking p {
      font-size: 18px; }
    #content .top_ergo .ib .title {
      font-size: 24px; }
    #content .top_ergo .ib p {
      font-size: 18px;
      width: 100%; }
  #content .top_faq .ib {
    padding: 50px 30px 20px; }
  #content .top_faq .faq_list, #content .top_faq .faq_list.subpage {
    width: 100%;
    margin-bottom: 30px; }
    #content .top_faq .faq_list .faq_row, #content .top_faq .faq_list.subpage .faq_row {
      padding-bottom: 20px; }
      #content .top_faq .faq_list .faq_row div.block p, #content .top_faq .faq_list.subpage .faq_row div.block p {
        font-size: 14px;
        padding: 20px 0 0;
        padding-left: 24px; }
        #content .top_faq .faq_list .faq_row div.block p:before, #content .top_faq .faq_list.subpage .faq_row div.block p:before {
          font-size: 22px;
          top: 10px;
          transform: none; }
      #content .top_faq .faq_list .faq_row div.block.a, #content .top_faq .faq_list.subpage .faq_row div.block.a {
        margin-bottom: 10px; }
        #content .top_faq .faq_list .faq_row div.block.a p, #content .top_faq .faq_list.subpage .faq_row div.block.a p {
          padding: 20px;
          font-size: 13px; }
  #content .top_faq .ib h2.center {
    font-size: 24px; }
    #content .top_faq .ib h2.center span {
      font-size: 24px; }
    #content .top_faq .ib h2.center em {
      font-size: 18px; }
  #content h2:not(.center) span {
    font-size: 21px; }
  #content h2:not(.center) em {
    font-size: 13px; }

  body .ib {
    width: 100%; }
  body .sp_content {
    display: block !important; }
  body .pc_content {
    display: none !important; }

  #content.subpage {
    margin-top: 54px; }
    #content.subpage .ib {
      padding: 50px 30px; }
    #content.subpage h2.center {
      margin-bottom: 60px; }
      #content.subpage h2.center.mgb {
        margin-bottom: 20px; }
  #content .news_container .box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px; }

  #content .product_detail .ib {
    padding: 30px 30px 60px !important; }
    #content .product_detail .ib .devide_wrapper {
      flex-wrap: wrap; }
      #content .product_detail .ib .devide_wrapper .product_images {
        width: 100%;
        position: relative;
        top: 0; }
        #content .product_detail .ib .devide_wrapper .product_images .swiper_count {
          display: flex;
          justify-content: center;
          margin-top: 16px;
          align-items: center; }
          #content .product_detail .ib .devide_wrapper .product_images .swiper_count * {
            line-height: 1.5; }
          #content .product_detail .ib .devide_wrapper .product_images .swiper_count .next:before, #content .product_detail .ib .devide_wrapper .product_images .swiper_count .prev:before {
            content: "";
            font-family: "material icons"; }
          #content .product_detail .ib .devide_wrapper .product_images .swiper_count .next:before {
            content: ""; }
          #content .product_detail .ib .devide_wrapper .product_images .swiper_count .count {
            width: 72px;
            display: flex;
            margin-top: -2px;
            justify-content: center; }
            #content .product_detail .ib .devide_wrapper .product_images .swiper_count .count .current, #content .product_detail .ib .devide_wrapper .product_images .swiper_count .count .all {
              padding: 0 8px;
              cursor: pointer; }
        #content .product_detail .ib .devide_wrapper .product_images .pr_slide_sp_outer {
          width: 100%;
          height: auto;
          aspect-ratio: 300/370; }
          #content .product_detail .ib .devide_wrapper .product_images .pr_slide_sp_outer .swiper-slide img {
            object-fit: cover;
            width: 100%;
            height: 100%; }
        #content .product_detail .ib .devide_wrapper .product_images .pr_slide_pc.pc_content {
          display: none !important; }
      #content .product_detail .ib .devide_wrapper .main_image {
        width: 100%; }
      #content .product_detail .ib .devide_wrapper .product_description {
        width: 100%;
        margin-top: 30px; }
        #content .product_detail .ib .devide_wrapper .product_description .acordion_container .box .ac_content h3 {
          font-size: 18px; }
        #content .product_detail .ib .devide_wrapper .product_description .acordion_container .box .ac_content p {
          font-size: 16px; }
        #content .product_detail .ib .devide_wrapper .product_description .product_code {
          padding: 20px 0; }
        #content .product_detail .ib .devide_wrapper .product_description form {
          flex-wrap: wrap;
          margin-top: 50px; }
          #content .product_detail .ib .devide_wrapper .product_description form button {
            margin-top: 40px;
            width: 100%; }
        #content .product_detail .ib .devide_wrapper .product_description h2 {
          font-size: 21px; }
        #content .product_detail .ib .devide_wrapper .product_description .price_box {
          margin-top: 30px; }
          #content .product_detail .ib .devide_wrapper .product_description .price_box p {
            margin-bottom: 10px;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: flex;
            align-items: center;
            justify-content: space-between; }
            #content .product_detail .ib .devide_wrapper .product_description .price_box p span {
              font-size: 16px; }
            #content .product_detail .ib .devide_wrapper .product_description .price_box p em {
              font-size: 21px; }

  #content .ib.spib {
    padding: 30px 15px; }
  #content table tbody, #content table tr, #content table td, #content table th {
    display: block !important;
    width: 100% !important; }
    #content table tbody tr th, #content table tbody tr td, #content table tr tr th, #content table tr tr td, #content table td tr th, #content table td tr td, #content table th tr th, #content table th tr td {
      padding: 12px; }
  #content .remark_txt {
    padding: 20px; }
    #content .remark_txt p {
      margin: 0; }
  #content .common_content .border {
    margin: 30px 0; }
  #content .guide_text .btns a {
    width: 100%; }

  #content .form_box {
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto 100px auto;
  }
    #content .form_box .column {
      width: 100%; }
      #content .form_box .column:nth-of-type(1) {
        margin-bottom: 100px; }
  #content form.contact_form {
    margin-top: 60px; }
    #content form.contact_form .inner {
      width: 100% !important; }
    #content form.contact_form input:not([type="checkbox"]) {
      width: 100% !important; }
    #content form.contact_form p.remark {
      text-align: left; }
  #content .form_btns {
    flex-wrap: wrap;
    flex-direction: column-reverse; }
    #content .form_btns a, #content .form_btns button {
      width: 100% !important;
      margin-right: 0 !important;
      margin-bottom: 20px !important; }
  #content #partner_detail section.merit .ib h2 {
    font-size: 26px !important; }
  #content #partner_detail section.merit .ib .merit_list .box {
    width: 100%;
    margin-bottom: 0; }
    #content #partner_detail section.merit .ib .merit_list .box h3 {
      font-size: 21px; }
      #content #partner_detail section.merit .ib .merit_list .box h3 img {
        height: 38px; }
  #content #partner_detail section.recommend h2 {
    font-size: 27px !important; }
  #content #partner_detail section.recommend p {
    font-size: 17px !important; }
  #content #partner_detail section p {
    font-size: 18px !important; }
    #content #partner_detail section p.remark {
      font-size: 14px !important;
      text-align: left; }
  #content #partner_detail section h2 {
    font-size: 30px !important; }
  #content #partner_fv {
    height: 764px;
    flex-wrap: wrap; }
    #content #partner_fv .txt {
      width: 100%;
      height: 50%;
      padding: 30px; }
      #content #partner_fv .txt .inner {
        width: 100%; }
        #content #partner_fv .txt .inner .logo {
          width: 160px; }
        #content #partner_fv .txt .inner h3 {
          font-size: 20px; }
        #content #partner_fv .txt .inner p {
          font-size: 14px; }
          #content #partner_fv .txt .inner p br {
            display: none; }
        #content #partner_fv .txt .inner h2 {
          font-size: 25px; }
    #content #partner_fv .img {
      width: 100%;
      height: 50%; }

.ec-inlineBtn--action {
  margin-top: 10px; 
}

.ec-inlineBtn--cancel {
 background-color: #015353;
}

#content form.contact_form .form_unit dd.col2 input[type="text"] {
  margin-right: 10px;
}

  footer .ib {
    padding: 80px 30px 20px; }
    footer .ib p {
      font-size: 12px; }
    footer .ib .foot_df {
      flex-wrap: wrap; }
      footer .ib .foot_df .logo_footer {
        width: 170px; }
      footer .ib .foot_df nav {
        margin-top: 50px;
        width: 100%;
        flex-wrap: wrap; }
        footer .ib .foot_df nav .col_ft {
          width: 50%; } }
/*736pxend */