/** Shopify CDN: Minification failed

Line 78:25 Unexpected "{"
Line 299:25 Unexpected "{"

**/
.dfm_table_area {
    max-width: 680px;
    margin-bottom: 100px;
    background-color: #fff;
}

.dfm_table_area tbody tr {
    padding: 8px;
    line-height: 1.8;
    vertical-align: top;
    border-bottom: 1px solid #631414;
    text-align: left;
}

.dfm_table_area :not(th) {
    border-bottom: 1px solid #631414;
}

.dfm_table_area tbody tr th {
    width: 165px;
    vertical-align: top;
}



/* カテゴリ～ブランド */

.brand-inner {
    max-width: 1120px;
    margin: auto;
}

.by-brand ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}

.by-brand ul li {
    width: 19%;
    font-size: .8em;
    text-align: center;
}

.by-brand p {
    margin-top: 0;
    margin-bottom: 1rem;
}


@media screen and (max-width: 1120px) {
    .brand-inner {
        padding: 10vw 20px;
    }
}

@media screen and (max-width: 1120px) {
    .by-brand ul li {
        width: 24%;
    }

     .by-brand ul::before {
        content: "";
        display: block;
        width: 24%;
        height: 0;
        order: 1;
    }

    .by-brand ul::after, {
        content: "";
        display: block;
        width: 24%;
        height: 0;      
    }
}

@media screen and (max-width: 640px) {
    .brand-inner {
        padding: 20vw 0;
    }
}

@media screen and (max-width: 640px) {
    .by-brand ul li {
        width: 32%;
    }
}


/* ケントダンスカテゴリページ */


.kent-inner {
    max-width: 990px;
    margin: auto;
}

.kent-shoesole ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}

.kent-shoesole ul li {
    width: 16.6%;
    font-size: .8em;
    text-align: center;
}

.kent-shoesole p {
    margin-top: 0;
    margin-bottom: 1rem;
}


@media screen and (max-width: 640px) {
    .kent-inner ul li {
        width: 33.3%;
    }
}



/* ダンスルックカテゴリページ */


.dancelook-photo li {
    display: inline-block;
	padding:40px 20px 20px;
}

.dancelook-photo li img {
    width: 300px;    
}



.dancelook-frame ul {
    list-style: none;
}

.dancelook-frame ul li img {
    max-width: 100%;
    float: right;
}

.dancelook-frame ul li p {
    text-align: justify;
    margin-right: 200px;
}

@media screen and (max-width: 640px) {

    .dancelook-photo li {
        padding:10px 10px;
    }

    .dancelook-frame ul li img {
        margin: -20px auto 20px;
        /* margin-left: 5%; */
        float: none;
    }

    .dancelook-frame ul li p {
        margin-right: 0px;
    }
}



/* TOPページ  メインテキスト */

.top-maintext {
    max-width: 680px;
    width: 90%;
    text-align: left;
    margin: 0 auto;
}




/* アクセサリカテゴリページ */

.accessory-frame {
    max-width: 900px;
    width: 90%;
    margin: 2rem auto 0;
}

.ornament {
    float: left;
    width: 420px;
    margin: 0 auto;
}

.shinyon_ornament {
   padding-left: 471px;
   margin: 0 auto;     
}


.accessory-frame h3 {
    font-size: 1.2em;
    margin-bottom: 1rem;
}

.accessory-frame img {
    max-width: 100%;
}

p.care {
    background-color: beige;
    text-align: center;
    margin-bottom: 10px;
    padding: 7px;
}

p.ac-text {
    text-align: left;
    font-size: 0.85em;
}



@media screen and (max-width: 640px) {

    .ornament {
        float: none;
        width: 100%;
    }

    .shinyon_ornament {
        padding-left: 0;
     }

     p.care {
        background-color: beige;
        text-align: center;
        margin-bottom: 10px;
        padding: 7px;
        font-size: 0.9em;
    }

     p.ac-text {
        font-size: 0.80em;
    }
     
}




/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.opensale_pc { display: block !important; }
.opensale_sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .opensale_pc { display: none !important; }
    .opensale_sp { display: block !important;
    margin: 0 auto; }
}





@media screen and (max-width: 1120px) {
    .brand-inner {
        padding: 10vw 20px;
    }
}

@media screen and (max-width: 1120px) {
    .by-brand ul li {
        width: 24%;
    }

     .by-brand ul::before {
        content: "";
        display: block;
        width: 24%;
        height: 0;
        order: 1;
    }

    .by-brand ul::after, {
        content: "";
        display: block;
        width: 24%;
        height: 0;      
    }
}


@media screen and (max-width: 640px) {
    .by-brand {
        padding: 0.5vw 0;
    }
}


@media screen and (max-width: 640px) {
    .by-brand ul li {
        width: 32%;
    }
}




@media screen and (max-width: 640px) {
    .kent-inner ul li {
        width: 33.3%;
    }
}


@media screen and (max-width: 640px) {

    .dancelook-photo li {
        padding:10px 10px;
    }

    .dancelook-frame ul li img {
        margin: -20px auto 20px;
        /* margin-left: 5%; */
        float: none;
    }

    .dancelook-frame ul li p {
        margin-right: 0px;
    }
}



@media screen and (max-width: 1365px) {

    .ornament {
        float: none;
        width: 100%;
    }

    .shinyon_ornament {
        padding-left: 0;
        margin-top: 50px;
     }

     p.care {
        background-color: beige;
        text-align: center;
        margin-bottom: 10px;
        padding: 7px;
        font-size: 0.9em;
    }

     p.ac-text {
        font-size: 0.80em;
    }
     
}



/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .opensale_pc { display: none !important; }
    .opensale_sp { display: block !important;
    margin: 0 auto; }
}



/* 会員登録案内ページ */


.member-info-container {
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
}

.member-info-column {
    width: 100%;
}

.colomn-img {
    margin-bottom: 50px;
}

.guide_title {
    font-weight: 700;
    font-size: 20px;
    margin: 0 0 2rem;
    padding: 10px 15px;
    border-left: 10px solid #430508;
    color: #430508;
    background-color: #F2F2F2;
}


@media (min-width: 1024px) {
    .member-info-column {
      width: calc(50% - 16.18px / 2);
      margin-bottom: 50px;
      flex-direction: column;
    }
}



.costomer-register-title {
    font-size: 30px;
    text-align: center;
}

@media screen and (max-width: 640px) {
    .costomer-register-title {
    font-size: 24px;
    text-align: center;
    }
}




/* 会員サービスページ */

.member-point .guide_title {
    font-weight: 700;
    font-size: 20px;
    margin: 2rem 0;
    padding: 10px 15px;
    border-left: 10px solid #430508;
    color: #430508;
    background-color: #F2F2F2;
}

@media screen and (max-width: 768px) {
    .member-point .guide_title {
        font-size: 16px;
    }
}

.member-point P {
    margin: 5px auto;
}

.rank-table {
    width: 97%;
    margin: 0 auto;
    border-collapse: collapse;
    table-layout: fixed;
    border: 10px solid #ffffff;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
  }
  
  @media screen and (max-width: 768px) {
    .rank-table {
      width: 96.3%;
      margin: 0 auto;
      font-size: 0.9rem;
      letter-spacing: 0;
      border-width: 1.5vw;
    }
  }
  
  .rank-table tr th, .rank-table tr td {
    height: 68px;
    font-size: 16px;
    border: 7px solid #ffffff;
    vertical-align: middle;
  }

  .rank-table tr th:nth-child(1), .rank-table tr td:nth-child(1) {
    width: 30%;
  }
  .rank-table tr th:nth-child(2), .rank-table tr td:nth-child(2) {
    width: 46%;
  }
  .rank-table tr th:nth-child(3), .rank-table tr td:nth-child(3) {
    width: 24%;
  }

  
  @media screen and (max-width: 768px) {
    .rank-table tr th, .rank-table tr td {
      font-size: 13px;
      height: 11.4vw;
      border-width: 1vw;
    }
    .rank-table tr th:nth-child(1), .rank-table tr td:nth-child(1) {
      width: 30%;
    }
    .rank-table tr th:nth-child(2), .rank-table tr td:nth-child(2) {
      width: 46%;
    }
    .rank-table tr th:nth-child(3), .rank-table tr td:nth-child(3) {
      width: 24%;
    }

  }

  .rank-table tr th {
    font-weight: 400;
    font-size: 16px;
    color: #6D6E71;
    background-color: #eee;
  }
  
  @media screen and (max-width: 768px) {
    .rank-table tr th{
        font-size: 13px;
    }
  }

  .rank-table tr td:first-child {
    color: #ffffff;
  }
  
  .rank-table tr td:nth-child(2) {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0.05em;
  }
  
  @media screen and (max-width: 768px) {
    .rank-table tr td:nth-child(2) {
      font-size: 1.0rem;
    }
  }
  
  .rank-table tr td:nth-child(2) span {
    font-size: 1.4rem;
    font-weight: normal;
  }
  
  @media screen and (max-width: 768px) {
    .rank-table tr td:nth-child(2) span {
      font-size: 0.8rem;
    }
  }
  
  .rank-table tr td:nth-child(3) {
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  
  @media screen and (max-width: 768px) {
    .rank-table tr td:nth-child(3) {
      font-size: 1.0rem;
    }
  }
  
  .rank-table tr td:nth-child(3) span {
    font-size: 1.4rem;
    font-weight: normal;
  }
  
  @media screen and (max-width: 768px) {
    .rank-table tr td:nth-child(3) span {
      font-size: 0.8rem;
    }
  }
  
  .rank-table tr:nth-child(2) td:first-child {
    background-color: #631414;
  }
  
  .rank-table tr:nth-child(2) td:not(:first-child) {
    color: #631414;
    background-color: #dac7c7;
  }
  
  .rank-table tr:nth-child(3) td:first-child {
    background-color: #A7A9AC;
  }
  
  .rank-table tr:nth-child(3) td:not(:first-child) {
    color: #A7A9AC;
    background-color: #F1F2F2;
  }
  
  .rank-table tr:nth-child(4) td:first-child {
    background-color: #a1802e;
  }
  
  .rank-table tr:nth-child(4) td:not(:first-child) {
    color: #a1802e;
    background-color: #F6F2EA;
  }
  
  .rank-table tr:nth-child(5) td:first-child {
    background-color: #93C9F5;
  }
  
  .rank-table tr:nth-child(5) td:not(:first-child) {
    color: #93C9F5;
    background-color: #E1ECF5;
  }


/* ヘッダーメニュー調整 */
.header-item--navigation .site-nav__dropdown .site-nav__dropdown-link {
  padding: 6px 15px;
}
.header-item--navigation .medium-up--one-fifth {
  margin-bottom: 15px;
}