@charset "UTF-8";
.header--inner {
  width: 100%;
  height: calc(170/750 * 100vw);
  margin: 0 auto;
  padding: calc(21/750 * 100vw) 0 calc(32/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .header--inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      height: calc(50/1000 * 100vw);
      padding: calc(5/1000 * 100vw) 0 0; } }
  @media only screen and (min-width: 1040px) {
    .header--inner {
      width: 1000px;
      height: 50px;
      padding: 5px 0 0; } }
  .header--inner .linkarea {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: calc(51/750 * 100vw);
    margin: 0; }
    @media only screen and (min-width: 750px) {
      .header--inner .linkarea {
        order: 2;
        width: calc(446/1000 * 100vw);
        height: calc(28/1000 * 100vw); } }
    @media only screen and (min-width: 1040px) {
      .header--inner .linkarea {
        width: 446px;
        height: 28px; } }
    .header--inner .linkarea .konan {
      width: calc(309/750 * 100vw);
      display: flex;
      justify-content: center;
      align-items: center;
      border-right: 1px solid #949494; }
      @media only screen and (min-width: 750px) {
        .header--inner .linkarea .konan {
          width: calc(185/1000 * 100vw); } }
      @media only screen and (min-width: 1040px) {
        .header--inner .linkarea .konan {
          width: 185px; } }
      .header--inner .linkarea .konan img {
        width: calc(220/750 * 100vw); }
        @media only screen and (min-width: 750px) {
          .header--inner .linkarea .konan img {
            width: calc(123/1000 * 100vw); } }
        @media only screen and (min-width: 1040px) {
          .header--inner .linkarea .konan img {
            width: 123px; } }
    .header--inner .linkarea .shop {
      display: flex;
      justify-content: center;
      align-items: center;
      width: calc(441/750 * 100vw);
      text-align: center; }
      @media only screen and (min-width: 750px) {
        .header--inner .linkarea .shop {
          width: calc(261/1000 * 100vw); } }
      @media only screen and (min-width: 1040px) {
        .header--inner .linkarea .shop {
          width: 261px; } }
      .header--inner .linkarea .shop img {
        width: calc(376/750 * 100vw); }
        @media only screen and (min-width: 750px) {
          .header--inner .linkarea .shop img {
            width: calc(209/1000 * 100vw); } }
        @media only screen and (min-width: 1040px) {
          .header--inner .linkarea .shop img {
            width: 209px; } }
  .header--inner .header_aw {
    width: calc(522/750 * 100vw);
    margin: calc(40/750 * 100vw) auto 0;
    line-height: 0; }
    @media only screen and (min-width: 750px) {
      .header--inner .header_aw {
        order: 1;
        width: calc(276/1000 * 100vw);
        margin: calc(0/1000 * 100vw) auto 0 0;
        padding: 0 0 0 calc(21/1000 * 100vw); } }
    @media only screen and (min-width: 1040px) {
      .header--inner .header_aw {
        width: 276px;
        padding: 0 0 0 21px; } }

.kv {
  background: #d21e37;
  width: 100%;
  padding: calc(83/750 * 100vw) 0 calc(72/750 * 100vw);
  margin: 0vw auto 0; }
  @media only screen and (min-width: 750px) {
    .kv {
      padding: calc(47/1000 * 100vw) 0 calc(40/1000 * 100vw); } }
  @media only screen and (min-width: 1040px) {
    .kv {
      padding: 47px 0 40px; } }
  .kv h1 {
    margin: 0;
    width: calc(450/750 * 100vw);
    margin: 0 auto; }
    @media only screen and (min-width: 750px) {
      .kv h1 {
        width: calc(305/1000 * 100vw); } }
    @media only screen and (min-width: 1040px) {
      .kv h1 {
        width: 305px; } }

.navi {
  width: 100%;
  padding: calc(67/750 * 100vw) 0 calc(920/750 * 100vw);
  margin: 0vw auto 0;
  background-image: url("https://bo-wwwkohnan-eshopcom.ecbeing.biz/img/kohnan_2025aw/bg_navi_sp.jpg");
  background-size: 100% auto;
  background-position: bottom center;
  background-repeat: no-repeat; }
  @media only screen and (min-width: 750px) {
    .navi {
      padding: calc(10/1000 * 100vw) 0 calc(284/1000 * 100vw);
      background-image: url("https://bo-wwwkohnan-eshopcom.ecbeing.biz/img/kohnan_2025aw/bg_navi_pc.jpg");
      background-size: auto calc(260/1000 * 100vw); } }
  @media only screen and (min-width: 1040px) {
    .navi {
      padding: 10px 0 284px;
      background-size: auto 260px; } }
  .navi .navi_lead {
    text-align: center;
    margin: 0 auto;
    color: #666;
    font-size: calc(36/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .navi .navi_lead {
        font-size: calc(16/1000 * 100vw); } }
    @media only screen and (min-width: 1040px) {
      .navi .navi_lead {
        font-size: 1.6rem; } }
  .navi .navi_list {
    width: calc(625/750 * 100vw);
    margin: calc(39/750 * 100vw) auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media only screen and (min-width: 750px) {
      .navi .navi_list {
        width: calc(850/1000 * 100vw);
        margin: calc(10/1000 * 100vw) auto 0;
        margin-bottom: 0; } }
    @media only screen and (min-width: 1040px) {
      .navi .navi_list {
        width: 850px;
        margin: 10px auto 0; } }
  .navi li {
    width: calc(300/750 * 100vw);
    margin: 0 0 calc(24/750 * 100vw);
    filter: drop-shadow(calc(4/750 * 100vw) calc(4/750 * 100vw) calc(4/750 * 100vw) rgba(0, 0, 0, 0.3)); }
    @media only screen and (min-width: 750px) {
      .navi li {
        width: calc(200/1000 * 100vw);
        margin: 0;
        filter: drop-shadow(calc(3/1000 * 100vw) calc(3/1000 * 100vw) calc(3/1000 * 100vw) rgba(0, 0, 0, 0.3)); } }
    @media only screen and (min-width: 1040px) {
      .navi li {
        width: 200px;
        filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.3)); } }

.interior_ti_wrap, .wc_ti_wrap, .electronics_ti_wrap, .pet_ti_wrap {
  width: 100%;
  padding: calc(55/750 * 100vw) 0 calc(55/750 * 100vw); }
  @media only screen and (min-width: 750px) {
    .interior_ti_wrap, .wc_ti_wrap, .electronics_ti_wrap, .pet_ti_wrap {
      padding: calc(48/1000 * 100vw) 0 calc(48/1000 * 100vw); } }
  @media only screen and (min-width: 1040px) {
    .interior_ti_wrap, .wc_ti_wrap, .electronics_ti_wrap, .pet_ti_wrap {
      padding: 48px 0 48px; } }
  .interior_ti_wrap h2, .wc_ti_wrap h2, .electronics_ti_wrap h2, .pet_ti_wrap h2 {
    border: #FFF solid calc(2/750 * 100vw);
    width: calc(718/750 * 100%);
    margin: 0 auto; }
    @media only screen and (min-width: 750px) {
      .interior_ti_wrap h2, .wc_ti_wrap h2, .electronics_ti_wrap h2, .pet_ti_wrap h2 {
        border: #FFF solid calc(3/750 * 100vw);
        width: calc(850/1000 * 100vw);
        margin: 0 auto; } }
  @media only screen and (min-width: 750px) and (min-width: 1040px) {
    .interior_ti_wrap h2, .wc_ti_wrap h2, .electronics_ti_wrap h2, .pet_ti_wrap h2 {
      border: #FFF solid 3px;
      width: 850px; } }

.interior_ti_wrap {
  background: #c83249; }

.wc_ti_wrap {
  background: #6c2336; }

.electronics_ti_wrap {
  background: #9b5357; }

.pet_ti_wrap {
  background: #b53940; }

.sub_category {
  width: 100%;
  padding: calc(114/750 * 100vw) 0 calc(132/750 * 100vw) 0; }
  @media only screen and (min-width: 750px) {
    .sub_category {
      padding: calc(34/750 * 100vw) 0 calc(119/750 * 100vw) 0; } }
  @media only screen and (min-width: 1040px) {
    .sub_category {
      padding: 34px 0 119px; } }
  .sub_category.interior {
    border-bottom: #c83249 solid 2.6666666667vw; }
    @media only screen and (min-width: 750px) {
      .sub_category.interior {
        border-bottom: #c83249 solid 0.9vw; } }
    @media only screen and (min-width: 1040px) {
      .sub_category.interior {
        border-bottom: #c83249 solid 9px; } }
  .sub_category.wc {
    border-bottom: #6c2336 solid 2.6666666667vw; }
    @media only screen and (min-width: 750px) {
      .sub_category.wc {
        border-bottom: #6c2336 solid 0.9vw; } }
    @media only screen and (min-width: 1040px) {
      .sub_category.wc {
        border-bottom: #6c2336 solid 9px; } }
  .sub_category.electronics {
    border-bottom: #9b5358 solid 2.6666666667vw; }
    @media only screen and (min-width: 750px) {
      .sub_category.electronics {
        border-bottom: #9b5358 solid 0.9vw; } }
    @media only screen and (min-width: 1040px) {
      .sub_category.electronics {
        border-bottom: #9b5358 solid 9px; } }
  .sub_category .category_lead {
    width: calc(718/750 * 100vw);
    margin: 0 auto 0; }
    @media only screen and (min-width: 750px) {
      .sub_category .category_lead {
        width: calc(850/1000 * 100vw);
        margin: 0 auto 0; } }
    @media only screen and (min-width: 1040px) {
      .sub_category .category_lead {
        width: 850px;
        margin: 0 auto 0; } }
  .sub_category .index_list {
    width: calc(468/750 * 100%);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 4.6666666667vw auto 0; }
    @media only screen and (min-width: 750px) {
      .sub_category .index_list {
        width: calc(850/1000 * 100vw);
        margin: 1.2vw auto 0; } }
    @media only screen and (min-width: 1040px) {
      .sub_category .index_list {
        width: 850px;
        margin: 12px auto 0; } }
    .sub_category .index_list li {
      width: 100%;
      margin-top: 6.6666666667vw; }
      @media only screen and (min-width: 750px) {
        .sub_category .index_list li {
          width: 26vw;
          margin-top: 2vw; } }
      @media only screen and (min-width: 1040px) {
        .sub_category .index_list li {
          width: 260px;
          margin-top: 20px; } }

.footer {
  width: 100%;
  padding: calc(0/750 * 100vw) 0 calc(135/750 * 100vw);
  margin: 0vw auto 0; }
  @media only screen and (min-width: 750px) {
    .footer {
      padding: calc(0/1000 * 100vw) 0 calc(105/1000 * 100vw); } }
  @media only screen and (min-width: 1040px) {
    .footer {
      padding: 0px 0 105px; } }
  .footer .footer_text {
    color: #666666;
    width: calc(672/750 * 100vw);
    margin: 0 auto;
    font-size: calc(30/750 * 100vw); }
    @media only screen and (min-width: 750px) {
      .footer .footer_text {
        width: calc(900/1000 * 100vw);
        font-size: calc(16/1000 * 100vw); } }
    @media only screen and (min-width: 1040px) {
      .footer .footer_text {
        width: 900px;
        font-size: 1.6rem; } }
  .footer .copyright {
    width: calc(526/750 * 100vw);
    color: #666666;
    margin: calc(90/750 * 100vw) auto 0;
    font-size: calc(24/750 * 100vw);
    text-align: center; }
    @media only screen and (min-width: 750px) {
      .footer .copyright {
        width: calc(265/1000 * 100vw);
        font-size: calc(12/1000 * 100vw);
        margin: calc(110/1000 * 100vw) auto 0; } }
    @media only screen and (min-width: 1040px) {
      .footer .copyright {
        width: 265px;
        font-size: 1.2rem;
        margin: 110px auto 0; } }

html {
  font-size: 62.5%;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  word-wrap: break-word; }

body {
  font-size: 1.4rem;
  margin: 0;
  padding: 0;
  overflow-x: hidden; }
  @media only screen and (min-width: 750px) {
    body {
      font-size: 1.6rem; } }

*,
*::before,
*::after {
  box-sizing: border-box; }

h1, h2, h3, div, p, ul, li {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

img {
  width: 100%;
  height: auto;
  line-height: 0;
  vertical-align: bottom; }

a:hover {
  opacity: 0.8; }

.only_pc {
  display: none; }
  @media only screen and (min-width: 750px) {
    .only_pc {
      display: inline; } }

.only_sp {
  display: inline; }
  @media only screen and (min-width: 750px) {
    .only_sp {
      display: none; } }

@media only screen and (min-width: 1040px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; } }

@media only screen and (min-width: 420px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; } }