/* -----

   set module

---------------------------------------------------- */
/*-- 
---------------------------------------------------- */
#catalog main {
  min-height: 1px; }

.catalog input[type="radio"] {
  display: none; }
.catalog .radio_panel {
  position: relative;
  background: #f8f7f5;
  padding: 20px 20px;
  margin-bottom: 42px; }
  .catalog .radio_panel::after {
    position: absolute;
    content: "";
    display: block;
    bottom: -15px;
    left: calc(50% - 13px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 13px 0 13px;
    border-color: #f8f7f5 transparent transparent transparent; }
  .catalog .radio_panel > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 899px) {
      .catalog .radio_panel > ul {
        justify-content: flex-start; } }
    .catalog .radio_panel > ul > li {
      width: calc(25% - 12px); }
      .catalog .radio_panel > ul > li:nth-of-type(n+5) {
        margin-top: 19px; }
        @media screen and (max-width: 899px) {
          .catalog .radio_panel > ul > li:nth-of-type(n+5) {
            margin-top: 0; } }
      @media screen and (max-width: 899px) {
        .catalog .radio_panel > ul > li {
          width: 50%; }
          .catalog .radio_panel > ul > li:nth-of-type(n+3) {
            margin-top: -1px; }
          .catalog .radio_panel > ul > li:nth-of-type(2n+1) {
            margin-right: -1px; }
            .catalog .radio_panel > ul > li:nth-of-type(2n+1) > label.is_checked::before {
              left: 11px; }
          .catalog .radio_panel > ul > li:nth-of-type(1) > label {
            border-radius: 4px 0 0 0; }
          .catalog .radio_panel > ul > li:nth-of-type(2) > label {
            border-radius: 0 4px 0 0; }
          .catalog .radio_panel > ul > li:nth-of-type(7) > label {
            border-radius: 0 0 0 4px; }
          .catalog .radio_panel > ul > li:nth-of-type(8) > label {
            border-radius: 0 0 4px 0; } }
      @media screen and (max-width: 459px) {
        .catalog .radio_panel > ul > li {
          width: 100%; }
          .catalog .radio_panel > ul > li:nth-of-type(1) > label {
            border-radius: 4px 4px 0 0; }
          .catalog .radio_panel > ul > li:not(:nth-of-type(1)) > label {
            margin-top: -1px; }
          .catalog .radio_panel > ul > li:nth-of-type(8) > label {
            border-radius: 0 0 4px 4px; } }
      .catalog .radio_panel > ul > li > label {
        position: relative;
        font-size: 15px;
        font-weight: 500;
        cursor: pointer;
        background: #fff;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        padding: 18px 12px 18px 36px;
        border: 2px solid #d5d3ce;
        border-radius: 6px;
        transition: all 0.2s; }
        @media screen and (max-width: 899px) {
          .catalog .radio_panel > ul > li > label {
            border-radius: 0;
            padding: 14px 12px 14px 34px;
            border: 1px solid #d5d3ce; } }
        .catalog .radio_panel > ul > li > label:hover::after {
          top: calc(50% - 3.5px);
          left: 18px;
          width: 7px;
          height: 7px;
          border-radius: 50%;
          background: #d5d3ce; }
          @media screen and (max-width: 899px) {
            .catalog .radio_panel > ul > li > label:hover::after {
              left: 16px; } }
        .catalog .radio_panel > ul > li > label::before, .catalog .radio_panel > ul > li > label::after {
          position: absolute;
          content: '';
          display: block;
          transition: all 0.2s; }
        .catalog .radio_panel > ul > li > label::before {
          top: calc(50% - 7.5px);
          left: 14px;
          width: 15px;
          height: 15px;
          border-radius: 50%;
          border: 2px solid #d5d3ce; }
          @media screen and (max-width: 899px) {
            .catalog .radio_panel > ul > li > label::before {
              left: 12px; } }
        .catalog .radio_panel > ul > li > label.is_checked {
          border: 2px solid #ffbe7f; }
          @media screen and (max-width: 899px) {
            .catalog .radio_panel > ul > li > label.is_checked {
              z-index: 1;
              padding: 13px 11px 13px 33px; } }
          .catalog .radio_panel > ul > li > label.is_checked::before {
            border: 2px solid #ff7d00; }
            @media screen and (max-width: 899px) {
              .catalog .radio_panel > ul > li > label.is_checked::before {
                left: 11px; } }
          .catalog .radio_panel > ul > li > label.is_checked::after {
            top: calc(50% - 3.5px);
            left: 18px;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #ff7d00; }
            @media screen and (max-width: 899px) {
              .catalog .radio_panel > ul > li > label.is_checked::after {
                left: 15px; } }
.catalog .block_category {
  display: none; }
.catalog .catalog_list_box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 44px; }
  @media screen and (max-width: 639px) {
    .catalog .catalog_list_box {
      flex-direction: column; } }
  @media screen and (max-width: 899px) {
    .catalog .catalog_list_box_image {
      width: 33.8%; } }
  @media screen and (max-width: 639px) {
    .catalog .catalog_list_box_image {
      width: 100%; } }
  .catalog .catalog_list_box_image > figure {
    width: 290px; }
    @media screen and (max-width: 899px) {
      .catalog .catalog_list_box_image > figure {
        width: 100%;
        margin-bottom: 20px; } }
    @media screen and (max-width: 639px) {
      .catalog .catalog_list_box_image > figure {
        width: 290px;
        margin: 0 auto 20px; } }
    .catalog .catalog_list_box_image > figure > img {
      width: 100%;
      display: block; }
    .catalog .catalog_list_box_image > figure > figcaption {
      font-size: 13px;
      text-align: center;
      padding: 10px; }
      @media screen and (max-width: 899px) {
        .catalog .catalog_list_box_image > figure > figcaption {
          padding: 7px 10px 0 10px; } }
  .catalog .catalog_list_box_description {
    margin: 0 0 0 30px;
    width: calc(100% - 320px); }
    @media screen and (max-width: 899px) {
      .catalog .catalog_list_box_description {
        width: 66.2%; } }
    @media screen and (max-width: 639px) {
      .catalog .catalog_list_box_description {
        width: 100%;
        margin: 0; } }
    .catalog .catalog_list_box_description > p {
      font-size: 16px;
      line-height: 1.625;
      margin-bottom: 26px; }
      @media screen and (max-width: 899px) {
        .catalog .catalog_list_box_description > p {
          font-size: 15px;
          margin-bottom: 20px; } }
    .catalog .catalog_list_box_description > dl {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .catalog .catalog_list_box_description > dl > dt {
        position: relative;
        font-size: 18px;
        font-weight: 500;
        padding: 10px 10px 10px 20px;
        border-bottom: 1px solid #cfd0cf;
        width: 100%; }
        .catalog .catalog_list_box_description > dl > dt::before {
          position: absolute;
          content: "";
          display: block;
          width: 3px;
          height: 15px;
          top: 12px;
          left: 7px;
          background: #ffbe7f; }
        .catalog .catalog_list_box_description > dl > dt::after {
          position: absolute;
          content: "";
          display: block;
          width: 100%;
          height: 3px;
          bottom: -4px;
          left: 0;
          background: #f7f7f7; }
      .catalog .catalog_list_box_description > dl > dd {
        width: calc(50% - 12px);
        margin-top: 7px;
        border-bottom: 1px solid #ffbe7f;
        display: flex;
        flex-wrap: wrap;
        align-items: center; }
        .catalog .catalog_list_box_description > dl > dd.colspan {
          width: 100%; }
        @media screen and (max-width: 639px) {
          .catalog .catalog_list_box_description > dl > dd {
            width: 100%;
            margin-top: 0; } }
        .catalog .catalog_list_box_description > dl > dd > a {
          position: relative;
          display: block;
          padding: 16px 16px 16px 20px;
          line-height: 1.3;
          width: 100%;
          transition: all 0.2s; }
          .catalog .catalog_list_box_description > dl > dd > a:hover {
            opacity: 0.6; }
            .catalog .catalog_list_box_description > dl > dd > a:hover::before {
              left: 6px; }
          .catalog .catalog_list_box_description > dl > dd > a::before {
            position: absolute;
            content: "\f105";
            display: block;
            font-size: 16px;
            font-weight: 600;
            font-family: "FontAwesome";
            color: #ff7d00;
            top: 15px;
            left: 5px;
            transition: all 0.2s; }
          .catalog .catalog_list_box_description > dl > dd > a > span {
            padding-right: 16px; }
          .catalog .catalog_list_box_description > dl > dd > a .capa {
            position: relative;
            display: inline-block;
            font-size: 14px;
            color: #b5b5b5;
            padding: 0 0 0 16px; }
            .catalog .catalog_list_box_description > dl > dd > a .capa::before {
              position: absolute;
              content: "\f1c1";
              display: block;
              font-size: 14px;
              font-family: "FontAwesome";
              color: #ec2606;
              top: 1px;
              left: 0; }

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