﻿@charset "UTF-8";

/*======================================================ユーザー定義======================================================*/


/*----静的ページ　ガイド系共通----*/

.block-freepage--guide .block-freepage-table--vertical {
    border-bottom: 0;
}

.block-freepage--guide .block-freepage-table--vertical th, .block-freepage--guide .block-freepage-table--vertical td {
    display: list-item;
    list-style: none;
    width: 100%;
    border: 0;
}
.block-freepage--guide .block-freepage-table--vertical th {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
.block-freepage--guide .block-freepage-table--vertical td {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}
.block-freepage--guide a {
    text-decoration: underline;
}
.block-freepage--guide dl.block-freepage--dltable {
    margin-bottom: 15px;
}

.block-freepage--guide dl.block-freepage--dltable dt, .block-freepage--guide dl.block-freepage--dltable dd {}

.block-freepage--guide dl.block-freepage--dltable dt {
    border-bottom: 1px solid #cccccc;
}
.block-freepage--guide dl.block-freepage--dltable dd {
    padding: 5px 10px;
}
.block-freepage--guide .block-freepage--note {
    font-size: 10px;
    text-indent: -1em;
    padding-left: 1em;
}
.block-freepage--guide ul.block-freepage--number-list {
    margin: 5px 0 5px 10px;
}
.block-freepage--guide ul.block-freepage--number-list li {
    text-indent: -1.2em;
    padding-left: 0.5em;
}
.block-freepage--guide ol.block-freepage--number-list {
    margin-left: 20px;
    margin-top: 10px;
}
.block-freepage--guide ol.block-freepage--number-list li {}
.block-freepage--guide ol.block-freepage--number-list ul {
    margin-left: 0;
}
.block-freepage--guide .block-freepage--dot-list {
    margin-top: 10px;
}
.block-freepage--guide .block-freepage--dot-list li {
    text-indent: -1.0em;
    padding-left: 1em;
}


/**/

.block-freepage--guide .block-freepage--section {
    padding-bottom: 30px;
}

.block-freepage--guide p {
  line-height: 1.7142;
  margin-top: 10px;
}

.block-freepage--guide .block-freepage--attention {
    font-size: 18px;
    text-align: center;
    color: #ff0000;
    padding-top: 10px;
}
.block-freepage--menu.pc_only {
    display: none;
}


/**/

.block-freepage--column2 {}
.block-freepage--column2 .block-freepage {}
.block-freepage--column2 .block-freepage--menu {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 30px;
}
.block-freepage--column2 .block-freepage--menu li {
    border-top: 1px solid #eeeeee;
}
.block-freepage--column2 .block-freepage--menu li a {
    color: #000000;
    font-size: 12px;
    display: block;
    padding: 12px 20px 11px 10px;
  background-image: url(../../img/usr/common/ico_arrow01.svg);
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: 6px 9px;
}


/* アコーディオン */

.block-freepage-acc {}

.block-freepage-acc>dt {
    cursor: pointer;
}

.block-freepage-acc>dt>span.block-freepage-acc--btn {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 31px;
    height: 31px;
}

.block-freepage-acc>dd {
    display: none;
}

.block-freepage-acc>dt>span.block-freepage-acc--btn span {
    position: absolute;
    top: 15px;
    left: 9px;
    width: 13px;
    height: 1px;
    background-color: #3C3C3C;
  transition: all .4s;
}

.block-freepage-acc>dt>span.block-freepage-acc--btn span:nth-of-type(1) {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.block-freepage-acc>dt>span.block-freepage-acc--btn span:nth-of-type(2) {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}


/*＋、－切り替え*/

.block-freepage-acc.close {}
.block-freepage-acc.close span.block-freepage-acc--btn span:nth-of-type(1) {
    display: none;
}
.block-freepage-acc.close span.block-freepage-acc--btn span:nth-of-type(2) {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


/*----静的ページ　会社概要・特定商取引に関する表記----*/

#freepage-corp {
    width: 95%;
    margin: 0 auto;
}
#freepage-corp .table {
    width: 100%;
}
#freepage-corp .table td {}
#freepage-corp .table td strong {
    font-weight: bold;
}
#freepage-corp dl.block-freepage--dltable {}
#freepage-corp dl.block-freepage--dltable dt {}


/*----静的ページ　よくある質問----*/

#freepage-faq h2 {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 0;
    background: none;
    padding: 0;
}
#freepage-faq h2:first-child {
    margin-top: 0;
}
#freepage-faq dl.freepage-faq--list {
    width: 95%;
    margin: 0 auto 30px;
}

#freepage-faq dl.freepage-faq--list>dt, #freepage-faq dl.freepage-faq--list>dd {
    letter-spacing: 0.04em;
    position: relative;
}

#freepage-faq dl.freepage-faq--list>dt {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    padding: 5px 35px 15px;
}

#freepage-faq dl.freepage-faq--list>dd {
    font-size: 12px;
    line-height: 1.5714;
  padding: 5px 35px 5px;
}

#freepage-faq dl.freepage-faq--list>dt::before, #freepage-faq dl.freepage-faq--list>dd::before {
    font-size: 26px;
    font-weight: bold;
    font-family: 'Roboto';
    line-height: 1.1;
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    z-index: 10;
}

#freepage-faq dl.freepage-faq--list>dt::before {
    content: "Q.";
}

#freepage-faq dl.freepage-faq--list>dd::before {
    content: "A.";
}
#freepage-faq .block-freepage--dltable dt {}
#freepage-faq dl.freepage-faq--wrapping {}

#freepage-faq dl.freepage-faq--wrapping dt, #freepage-faq dl.freepage-faq--wrapping dd {}

#freepage-faq dl.freepage-faq--wrapping dd {
    text-align: center;
}
#freepage-faq dl.freepage-faq--shoes-data {
    margin-top: 15px;
}

#freepage-faq dl.freepage-faq--shoes-data dt, #freepage-faq dl.freepage-faq--shoes-data dd {}

#freepage-faq dl.freepage-faq--shoes-data dt {}
#freepage-faq dl.freepage-faq--shoes-data dd {
    text-align: center;
    margin-top: 10px;
}
#freepage-faq .block-freepage-faq--size {
    margin-bottom: 10px;
    display: table;
}
#freepage-faq .block-freepage-faq--size ul {
    display: table-cell;
    border: 1px solid #d8d8d8;
}
#freepage-faq .block-freepage-faq--size ul li {
    text-align: center;
    border-bottom: 1px solid #d8d8d8;
    padding: 8px 15px 7px;
}
#freepage-faq .block-freepage-faq--size ul:first-of-type {
    border-right: none;
}
#freepage-faq .block-freepage-faq--size ul li:first-of-type {
    font-weight: bold;
    background-color: #f5f5f5;
}
#freepage-faq .block-freepage-faq--size ul li:last-of-type {
    border-bottom: none;
}
#freepage-faq .block-freepage-faq--size {
    margin-bottom: 15px;
    overflow: hidden;
}
#freepage-faq .block-freepage-faq--size tr {
    float: left;
    width: 50%;
}

#freepage-faq .block-freepage-faq--size th, #freepage-faq .block-freepage-faq--size td {
    text-align: center;
    border: 0;
    border-bottom: 1px solid #d8d8d8;
}

#freepage-faq .block-freepage-faq--size tr:first-child th, #freepage-faq .block-freepage-faq--size tr:first-child td {
    border-right: 1px solid #d8d8d8;
}
#freepage-faq dl.block-freepage--dltable {
    margin: 15px 0 0;
}


/*----静的ページ　会員規約----*/

#freepage-kiyaku {
    width: 95%;
    margin: 0 auto;
}
#freepage-kiyaku h2 {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 0;
    background: none;
    padding: 0;
}


/*----静的ページ　ご利用ガイド----*/

#freepage-guide {}
#freepage-guide .block-freepage {
    width: 95%;
    margin: 0 auto;
}
.block-service_title {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.block-service_title h3 {
    color: #FFFFFF;
    background: #000000;
    padding: 5px;
}
.block-service {
    display: flex;
    flex-wrap: wrap;
}
.block-service_detail {
    width: 100%;
    margin: 10px;
    border: solid 1px #ECECEC;
    text-align: center;
}
.block-service_detail h5 {
    font-weight: bold;
    text-align: center;
}
.block-service_detail span {
    font-weight: bold;
}
.block-service_detail p {
    text-align: left;
    padding: 0 10px 10px;
}
.block-service_detail img {
    text-align: center;
    padding: 10px;
}
p.block-service_detail_tel {
    text-align: center;
    font-weight: bold;
}
.block-service_detail_tel img {
    vertical-align: bottom;
}
#freepage-guide h2 {
    font-size: 16px;
    font-weight: bold;
    background: none;
    border-bottom: solid 1px #d3d3d3;
    padding: 10px 10px 10px 1em;
    position: relative;
}
#freepage-guide h2::after {
    position: absolute;
    top: 0.5em;
    left: 0;
    content: '';
    width: 8px;
    height: -webkit-calc(100% - 1em);
    height: calc(100% - 1em);
    background-color: #ececec;
    border-radius: 4px;
}
#freepage-guide h3 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.04em;
    border-bottom: none;
}
#freepage-guide h4 {
    font-weight: normal;
}
#freepage-guide strong {
    font-weight: bold;
}
#freepage-guide dl.block-freepage--dltable {
    margin: 15px 0 0;
}
#freepage-guide dl.block-freepage--dltable dt {}
#freepage-guide dl.block-freepage--dltable dd ul.block-freepage--dot-list {
    margin: 0;
}
#freepage-guide #block-freepage--beginners h2 {
    text-align: center;
}
#freepage-guide #block-freepage--beginners h2 img {
    width: 60%;
}
#freepage-guide #block-freepage--beginners h3 {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    border-bottom: none;
    margin-bottom: 10px;
}
#freepage-guide #block-freepage--beginners .block-service {
    margin-top: 30px;
}
#freepage-guide #block-freepage--beginners .block-service h3 {
    background-color: #000;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    border-bottom: none;
    padding: 5px 0;
}
#freepage-guide #block-freepage--beginners .block-service--inner {}
#freepage-guide #block-freepage--beginners .block-service--inner dl {
    border: 1px solid #EEE;
    padding: 18px;
    margin-bottom: 20px;
    display: inline-block;
}
#freepage-guide #block-freepage--beginners .block-service--inner dt {
    font-size: 16px;
    padding: 0 0 10px 67px;
    text-align: left;
    font-weight: 700;
}
#freepage-guide #block-freepage--beginners .block-service--inner dl:nth-child(1) dt {
  background: url(../../img/usr/freepage/guide/service01.png) top left no-repeat;
    background-size: 50px;
}
#freepage-guide #block-freepage--beginners .block-service--inner dl:nth-child(2) dt {
  background: url(../../img/usr/freepage/guide/service02.png) top left no-repeat;
    background-size: 50px;
}
#freepage-guide #block-freepage--beginners .block-service--inner dl:nth-child(3) dt {
  background: url(../../img/usr/freepage/guide/service03.png) top left no-repeat;
    background-size: 50px;
}
#freepage-guide #block-freepage--beginners .block-service--inner dl:nth-child(4) dt {
  background: url(../../img/usr/freepage/guide/service04.png) top left no-repeat;
    background-size: 50px;
}
#freepage-guide #block-freepage--beginners .block-service--inner dd {
    line-height: 1.8;
}
#freepage-guide #block-freepage--beginners .block-service--inner dd .block-service--tel {
    background-color: #F5F5F5;
    padding: 6px 20px;
    text-align: center;
}
#freepage-guide #block-freepage--beginners .block-service--inner dd .block-service--tel span {
    font-size: 22px;
    font-weight: 400;
  background: url(../../img/usr/freepage/guide/service_tel.png) 40px center no-repeat;
    padding: 0 20px;
    display: block;
}


/*----静的ページ　公式アプリ----*/

#freepage-app .block-app-info {
    margin: 10px auto 50px;
    overflow: hidden;
    width: 90%;
}
#freepage-app .block-app-info--text {
    position: relative;
}
#freepage-app .block-app-info--text h1 {
    font-size: 42px;
    font-weight: 600;
    line-height: 80px;
    margin: 0 auto;
    padding-top: 0;
}
#freepage-app .block-app-info--text h1 img {
    width: 209px;
}

#freepage-app .block-app-info--text h1>span {
    display: block;
    background-color: #81D6C6;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding-top: 30px;
    line-height: 20px;
    position: absolute;
    left: 238px;
    top: 0;
    transform: rotate(15deg);
}

#freepage-app .block-app-info--text h1>span>span {
    font-size: 16px;
}
#freepage-app .block-app-info--text ul {
    overflow: hidden;
    margin: 0 auto;
    display: table;
}
#freepage-app .block-app-info--text li {
    display: table-cell;
}
#freepage-app .block-app-info--text li img {}
#freepage-app .block-app-info--text p {
    margin-left: 13px;
}
#freepage-app .block-app-info--search {
    margin-top: 20px;
    text-align: center;
}
#freepage-app .block-app-info--search img {}
#freepage-app .block-app-info--img {
    margin: 0 auto 20px;
    text-align: center;
}
#freepage-app .block-app-howto {
    margin-bottom: 30px;
}
#freepage-app .block-app-howto h2 {
    text-align: center;
    font-weight: 600;
  background: url(../../img/usr/freepage/app/title_line.png) center no-repeat;
    margin-bottom: 20px;
}
#freepage-app .block-app-howto h2 span {
    background-color: #fff;
    padding: 0 20px;
}
#freepage-app .block-app-howto ul {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
#freepage-app .block-app-howto li {
    width: 50%;
    padding: 75px 4% 0;
    margin-bottom: 20px;
}
#freepage-app .block-app-howto li:nth-child(1) {
  background: url(../../img/usr/freepage/app/ico_cart_app.png) top center no-repeat;
    background-size: 58px 58px;
}
#freepage-app .block-app-howto li:nth-child(2) {
  background: url(../../img/usr/freepage/app/ico_bell.png) top center no-repeat;
    background-size: 57px 62px;
    margin-right: 0;
}
#freepage-app .block-app-howto li:nth-child(3) {
  background: url(../../img/usr/freepage/app/ico_icon.png) top center no-repeat;
    background-size: 55px 55px;
}
#freepage-app .block-app-howto li:nth-child(4) {
  background: url(../../img/usr/freepage/app/ico_attention.png) top center no-repeat;
    background-size: 60px 60px;
    margin-right: 0;
}
#freepage-app .block-app-howto br.sp {
    display: none;
}
#freepage-app .block-app-download {
    width: 90%;
    margin: 0 auto;
    background-color: #F3F3F3;
}
#freepage-app .block-app-download {
    overflow: hidden;
}
#freepage-app .block-app-download dt {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    margin-top: 20px;
}
#freepage-app .block-app-download dd {
    margin: 0 0 10px;
}
#freepage-app .block-app-download ul {
    overflow: hidden;
    display: table;
}
#freepage-app .block-app-download li {
    display: table-cell;
}
#freepage-app .block-app-download li img {}


/*----商品詳細スライダー----*/

.mod_slide {
    padding: 0 10px;
    order: 30;
    margin-bottom: 20px;
    width: 100%;
}
.mod_slide .slider-for01 {
    margin-bottom: 10px;
}
.mod_slide_nav .slick-list {
    margin: 0;
}
.mod_slide .slick-slide img {
    max-width: 100%;
}

.mod_slide .slick-prev::before, .mod_slide .slick-next::before {
    color: #666;
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
}
.mod_slide .slick-next {
  right: 0px;
}
.mod_slide .slick-next::before {
    content: " \f054";
    font-family: FontAwesome;
}
.mod_slide .slick-prev::before {
    content: " \f053";
    font-family: FontAwesome;
}

.mod_slide .slick-prev, .slick-next {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    margin-top: -30px;
    outline: medium none;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 20px;
    z-index: 9;
}
.mod_slide .slick-next::before {
    color: transparent;
  background-image: url(../../img/usr/common/ico_arrow01.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px auto;
}
.mod_slide .slick-prev::before {
    color: transparent;
  background-image: url(../../img/usr/common/ico_arrow01.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mod_slide .mod_slide_nav .slick-slide {
    margin: 5px;
}
.mod_slide .mod_slide_nav .slick-slide img {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    border: solid 2px #FFF;
    cursor: pointer;
}
.mod_slide .mod_slide_nav .slick-slide {
    max-height: 100%;
}
.mod_slide .slick-slider {
    padding: 0;
}
.mod_slide img {
    max-width: 100%;
}
.mod_slide_nav li {
    width: 80px;
    height: auto;
}
.mod_slide .mod_slide_nav .slick-slide.slick-current img {
    border: solid 2px #000;
}


/*===========================================================================スタッフスタート調整===========================================================================*/


/* ----共通---- */


/* 高さ */

.page-top .coordinate-list .coordinate-item--description, .page-top .article-list .article-item--description, .page-contentspages .coordinate-list .coordinate-item--description, .page-contentspages .article-list .article-item--description, .page-contentspages .shop-detail-coordinatelist .coordinate-item--description {
    margin-top: 2px;
    height: 90px;
}


/* box */

.page-top .coordinate-list .coordinate-item, .page-top .article-list .article-item, .page-top .coordinate-list .coordinate-item-mobile, .page-top .article-list .article-item-mobile, .page-top .staff-list .staff-item, .page-contentspages .coordinate-list .coordinate-item-mobile, .page-contentspages .article-list .article-item-mobile, .page-contentspages .shop-detail-stafflist .staff-item-mobile, .page-contentspages .shop-detail-coordinatelist .coordinate-item-mobile {
    margin-right: 15px;
    width: calc(50% - 15px / 2);
    margin-bottom: 20px;
}
.page-contentspages .shop-detail-coordinatelist .card-list-frame,
.page-contentspages .article-list .card-list-frame {
    justify-content: flex-start;
    padding: 0 10px;
}

.page-top .staff-list .staff-item:not(:nth-child(4n)), .page-contentspages .shop-detail-stafflist .staff-item-mobile:not(:nth-child(2n)) {
    margin-right: 15px;
}

.page-top .staff-list .staff-item:nth-of-type(2n), .page-contentspages .shop-detail-stafflist .staff-item-mobile:nth-of-type(2n), .page-top .coordinate-list .coordinate-item:nth-of-type(2n), .page-top .article-list .article-item:nth-of-type(2n) {
    margin-right: 0;
}


/* テキストの色 */

.page-top .coordinate-list .coordinate-item--info--blandname, .page-top .coordinate-list .coordinate-item--info--staffname, .page-top .article-list .article-item--info--staffname, .page-top .staff-list .staff-item--info--bland, .page-top .staff-list .staff-item--info--shop, .page-contentspages .coordinate-list .coordinate-item--info--blandname, .page-contentspages .article-list .article-item--articletitle, .page-contentspages .article-list .article-item--info--shopname, .page-contentspages .article-list .article-item--info--blandname, .page-contentspages .card-list-frame .shop-item .shop-item--info .shop-item--info--name, .page-contentspages .article-list .article-item--info--staffname, .page-contentspages .coordinate-detail-staff-info--shop, .page-contentspages .coordinate-item--description-comment--date p, .page-top .article-list .article-item--articletitle a, .page-top .staff-list .staff-item--info--staffname, .page-contentspages .coordinate-list .coordinate-item--info--staffname, .page-contentspages .article-info-staff--name, .page-contentspages .coordinate-detail-staff-info--shop-mobile, .page-contentspages .shop-detail-coordinatelist .coordinate-item--info--staffname, .page-contentspages .shop-detail-stafflist .staff-item--info--staffname {
    color: #333;
}

.page-top .coordinate-item--info--stature, .page-top .staff-list .staff-item--info--stature, .page-contentspages .coordinate-list .coordinate-item--info--stature, .page-contentspages .staff-list .staff-item--info--stature, .page-contentspages .coordinate-detail-staff-info--height, .page-contentspages .shop-detail-coordinatelist .coordinate-item--info--stature, .page-contentspages .shop-detail-stafflist .staff-item--info--stature, .page-contentspages .coordinate-detail-staff-info--height-mobile {
    color: #808080;
}


/* 13px */

.page-top .article-list .article-item--articletitle, .page-contentspages .article-list .article-item--articletitle, .page-contentspages .coordinate-detail-staff-info--shop {
    font-size: 13px;
    margin-bottom: 10px;
    text-align: left;
    font-weight: 600;
}
.page-contentspages .coordinate-detail-staff-info--shop {
    margin-bottom: 0;
}

.page-top .article-list .article-item--description--staff-icon, .page-contentspages .coordinate-list .coordinate-item--description--staff-icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
}


/* 11px */

.page-top .coordinate-list .coordinate-item--info--blandname, .page-top .article-list .article-item--info--blandname, .page-top .staff-list .staff-item--info--bland, .page-top .staff-list .staff-item--info--shop, .page-contentspages .coordinate-list .coordinate-item--info--blandname, .page-contentspages .article-list .article-item--info--shopname, .page-contentspages .article-list .article-item--info--blandname, .page-contentspages .staff-list .staff-item--info--bland, .page-contentspages .staff-list .staff-item--info--shop, .page-contentspages .shop-detail-coordinatelist .coordinate-item--info--blandname, .page-contentspages .shop-detail-stafflist .staff-item--info--bland, .page-contentspages .shop-detail-stafflist .staff-item--info--shop, .page-top .article-list .article-item--info--shopname, .page-top .article-list .article-item--info--blandname {
    font-size: 11px;
    margin-bottom: 2px;
    font-weight: 200;
}

.page-top .coordinate-list .coordinate-item--info--staffname, .page-top .article-list .article-item--info--staffname, .page-top .staff-list .staff-item--info--staffname, .page-contentspages .coordinate-list .coordinate-item--info--staffname, .page-contentspages .article-list .article-item--info--staffname, .page-contentspages .staff-list .staff-item--info--staffname, .page-contentspages .shop-detail-coordinatelist .coordinate-item--info--staffname, .page-contentspages .shop-detail-stafflist .staff-item--info--staffname {
    font-size: 11px;
    margin-bottom: 2px;
    font-weight: 600;
}


/* 11px */

.page-top .coordinate-list .coordinate-item--info--stature, .page-top .article-list .article-item--info--releasedate, .page-top .staff-list .staff-item--info--stature, .page-contentspages .coordinate-list .coordinate-item--info--stature, .page-contentspages .article-list .article-item--info--releasedate, .page-contentspages .staff-list .staff-item--info--stature, .page-contentspages .shop-detail-coordinatelist .coordinate-item--info--stature, .page-contentspages .staff-item--info--stature {
    font-size: 10px;
}
.page-contentspages .article-info-staff--name {
    font-weight: 600;
}
.page-contentspages .staff-contents-block-article-info .article-detail {
    border-bottom: 1px solid #d8d8d8;
}


/* ボタン */

.page-contentspages .shop-detail-coordinatelist .see-more-btn-block .see-more-btn-mobile {
    border-radius: 0;
    padding: 1em 4em;
    border: solid 1px #555;
    color: #707070;
    font-size: 13px;
}


/* ----タイトル---- */

.page-top .staff-contents h2, .page-top .pane-block--title {
    font-size: 16px;
    line-height: 1.5;
    background: none;
    border: 0;
    margin: 0 0 15px;
    padding: 25px 15px 10px;
    width: 100%;
    position: relative;
    font-weight: bold;
    background: none;
    text-align: left !important;
}

.page-top .staff-contents h2:before, .page-top .pane-block--title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -10px;
    display: inline-block;
    width: 100vw;
    height: 5px;
    margin-top: -3px;
  background-image: url(../../img/usr/common/bg-image_dot.png);
    background-position: left top;
    background-repeat: repeat;
    background-size: 2px auto;
    z-index: 1;
}
.page-contentspages .article-info .article-info--title {
    text-align: center;
}
.page-contentspages .coordinate-detail-staff-info--img-mobile {
    width: 100px;
}
.page-contentspages .staff-contents-content-title--center {
    font-weight: bold;
}
.page-contentspages .shop-detail-info--info-mobile {
    text-align: center;
    width: 90%;
}


/* ----コンテンツ---- */

.page-contentspages .staff-contents-content-title {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.04em;
}
.page-contentspages .staff-contents-coordinate-title-frame {
    display: block;
}
.page-contentspages .applicable-count-item-number-box-mobile {
    text-align: center;
}
.page-contentspages .popular-keyword-label-block-mobile {
  margin: 0 auto 15px auto;
}
.page-contentspages .popular-keyword-tags-block li {
    border: none;
    display: inline-block;
    float: none;
}
.page-contentspages .popular-keyword-tags-block li a {
    display: block;
    background-color: #F5F5F5;
    font-size: 13px;
    line-height: 1.428;
    text-align: center;
    padding: 5px 10px;
    border-radius: 20px;
    text-decoration: none;
}
.page-contentspages .sort-selectbox-mobile {
    min-width: auto;
    text-align: center;
    padding: 2px 20px 1px 15px;
    width: 100%;
    box-sizing: border-box;
}
.page-contentspages .staff-contents-search-conditions--select-sort {
    position: relative;
}

.page-contentspages .staff-contents-search-conditions--select-sort>div {
    text-align: center;
    display: inline-block;
}
.page-contentspages .staff-contents-search-conditions--select-sort:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 8px;
    height: 8px;
  margin: -6px 0 0 0;
    border-right: solid 1px #5f5f5f;
    border-bottom: solid 1px #5f5f5f;
    transform: rotate(45deg);
}
.page-contentspages .popular-keyword-tags-block ul {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}


/* 一覧 */

.page-contentspages .article-list .article-item-mobile .article-item--articletitle {
    font-weight: bold;
}

.page-contentspages .article-list .article-item-mobile .article-item--articletitle a, .page-contentspages .staff-list .staff-item--info--staffname {
    color: #333;
    font-size: 13px;
}

.page-contentspages .article-list .article-item--info--shopname, .page-contentspages .article-list .article-item--info--blandname {
    color: #333;
}


/* 店舗一覧 */

.page-contentspages .shop-list .card-list-frame .shop-item-mobile {
    border: 2px solid #F3F3F3;
}
.page-contentspages .shop-list .card-list-frame .shop-item--arrow {
    border-top: solid 2px #ccc;
    border-right: solid 2px #ccc;
}
.page-contentspages .brand-select .brand-select-frame-sp .brand-select-pulldown {
    width: auto;
    padding: 5px 18px 5px 10px;
    border: 1px solid #999;
}
.page-contentspages .staff-contents-search-conditions--inner {
    background-color: #F5F5F5;
    border: none;
}
.page-contentspages .brand-select .brand-select-frame-sp .brand-search-btn {
    color: #ffffff;
    background-color: #3C3C3C;
    border-radius: 50px;
    border: none;
}
.page-contentspages .staff-contents-modal-head--title {
    font-size: 16px;
    font-weight: bold;
}


/* モーダル内 */

.page-contentspages .staff-contents-block-left-menu-frame {
    background-color: #ddd;
}
.page-contentspages .search-condition-brand-single .label-mobile {
    border-bottom: 1px solid #eee;
}
.page-contentspages .staff-contents-modal-head {
    background-color: transparent;
    padding: 0;
}
.page-contentspages .staff-contents-modal-head .staff-contents-modal-head--button-close {
    width: 40px;
    height: 40px;
}
.page-contentspages .selected-tag.selected-tag-mobile {
    align-items: center;
}

.page-contentspages .search-condition-shop .select-area, .page-contentspages .search-condition-staff .select-area {
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 45px;
    line-height: 45px;
    padding: 0 20px 2px 10px;
    margin-top: 10px;
    width: 100%;
}
.page-contentspages .staff-contents-menubox {
    margin: 0;
    padding: 0;
}

.page-contentspages .staff-contents-menubox>div .label-mobile {
    padding: 1.5em 0;
    background: #ddd;
    font: normal normal normal 14px / 1 FontAwesome;
}
.page-contentspages .staff-contents-menubox .menubox-list {
    background-color: #eee;
}

.page-contentspages .search-condition-stature .menubox-item, .page-contentspages .staff-contents-menubox .menubox-item {
    padding: 0;
    border-bottom: #ccc 1px solid;
}

.page-contentspages .search-condition-stature .menubox-item label, .page-contentspages .staff-contents-menubox .menubox-item label {
    padding: 1.5em 0 1.5em 8px;
    display: block;
  margin: 0 0 3px 0;
}


/* ラジオボタン */

.page-contentspages .menubox-list .menubox-item input[type='radio'] {
    background: #fff;
    border: 1px solid #ccc;
}
.page-contentspages .menubox-list .menubox-item input[type='radio']:checked {
    background-color: #fff;
}
.page-contentspages .menubox-list .menubox-item input[type='radio']:checked:after {
    display: none;
}


/* チェックボックス */

.page-contentspages .menubox-list .menubox-item input[type='checkbox'], .page-contentspages .menubox-list .menubox-item input[type='checkbox']:checked {
    background-color: #fff;
    vertical-align: middle;
}
.page-contentspages .menubox-list .menubox-item input[type='checkbox']:checked:after {
    display: block;
    position: absolute;
    left: 13px;
    top: 19px;
    content: "";
    width: 12px;
    height: 2px;
    background: #3C3C3C;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}
.page-contentspages .left-menu-fix-button-search {
    color: #ffffff;
    background-color: #3C3C3C;
    border-radius: 50px;
    border: none;
    width: 46%;
    margin: 0 1%;
}
.page-contentspages .left-menu-fix-button-clear {
    border: solid 1px;
    border-radius: 50px;
    text-decoration: none;
    margin: 0 1%;
    padding: 0 5px;
    background: #fff;
    width: 52%;
}
.page-contentspages .staff-contents-block-left-menu-fix-button-frame {
  padding: 16px 0 8px 0;
}

.page-contentspages .staff-contents-menubox>div .label-mobile::before {
    content: "\f067";
    background: none;
    transform: none;
    margin: -6px -8px;
    font-size: 16px;
}

.page-contentspages .staff-contents-menubox>.search-condition-size .label-mobile, .page-contentspages .staff-contents-menubox>.search-condition-feature .label-mobile {
    position: relative;
    border-bottom: 1px solid #eee;
}

.page-contentspages .staff-contents-menubox>.search-condition-size .label-mobile::before, .page-contentspages .staff-contents-menubox>.search-condition-feature .label-mobile::before {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 16px;
    height: 1px;
}

.page-contentspages .staff-contents-menubox>div .label-mobile::after {
    display: none;
}

.page-contentspages .staff-contents-menubox>div .label-mobile--open::before, .page-contentspages .staff-contents-menubox>div .label-mobile__open::before {
    content: "\f068";
    background: none;
}

.page-top .coordinate-list .coordinate-item, .page-top .article-list .article-item {
    flex-basis: auto;
}

.page-top .coordinate-list .coordinate-item .coordinate-item--main-img figure, .page-top .coordinate-list .coordinate-item .coordinate-item--main-img img, .page-top .article-list .article-item .article-item--main-img figure, .page-top .article-list .article-item .article-item--main-img img {
    width: auto;
}
.popular-keyword-tags-block li span {
    background-color: #F5F5F5;
    font-size: 11px;
    text-align: center;
    padding: 10px 12px;
    border-radius: 20px;
}


/* コーディネート・ブログ */

.page-goods #ss-coordinate-list, .page-goods #ss-article-list {
    margin: 0;
}

.page-goods #ss-coordinate-list .staff-contents-container, .page-goods #ss-article-list .staff-contents-container {
    margin-bottom: 0;
}

.page-goods #ss-coordinate-list .staff-contents-mainframe, .page-goods #ss-article-list .staff-contents-mainframe {
    padding: 35px 10px 20px;
}

.page-goods #ss-coordinate-list .pane-block--title, .page-goods #ss-article-list .pane-block--title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.page-goods #ss-coordinate-list .coordinate-list, .page-goods #ss-article-list .article-list {
    margin-top: 30px;
}

.page-goods #ss-coordinate-list .coordinate-list .coordinate-item, .page-goods #ss-article-list .article-list .article-item {
    margin: 0;
    flex-basis: auto;
    width: calc((100% - 15px) / 2);
}

.page-goods #ss-coordinate-list .coordinate-list .coordinate-item:nth-child(2n), .page-goods #ss-article-list .article-list .article-item:nth-child(2n) {
    margin-left: 15px;
}

.page-goods #ss-coordinate-list .coordinate-list .coordinate-item:nth-child(n + 3), .page-goods #ss-article-list .article-list .article-item:nth-child(n + 3) {
    margin-top: 20px;
}

.page-goods #ss-coordinate-list .coordinate-list .coordinate-item .coordinate-item--main-img figure, .page-goods #ss-coordinate-list .coordinate-list .coordinate-item .coordinate-item--main-img img, .page-goods #ss-article-list .article-list .article-item .article-item--main-img figure, .page-goods #ss-article-list .article-list .article-item .article-item--main-img img {
    width: 100%;
}

.page-goods #ss-coordinate-list .coordinate-list .coordinate-item--info--blandname, .page-goods #ss-coordinate-list .coordinate-list .coordinate-item--info--staffname, .page-goods #ss-article-list .article-list .article-item--info--shopname, .page-goods #ss-article-list .article-list .article-item--info--blandname {
    font-size: 11px;
    margin-bottom: 2px;
}

.page-goods #ss-coordinate-list .coordinate-list .coordinate-item--info--blandname, .page-goods #ss-article-list .article-list .article-item--info--shopname, .page-goods #ss-article-list .article-list .article-item--info--blandname {
    font-weight: 200;
}

.page-goods #ss-coordinate-list .coordinate-list .coordinate-item--info--staffname, .page-goods #ss-article-list .article-list .article-item--info--staffname {
    color: #333;
}
.page-goods .seemore {
    margin: 0 -15px;
    padding: 20px 10px 40px;
    background-color: #fff;
}


/* コーディネート */

.page-goods #ss-coordinate-list .coordinate-list .coordinate-item--description {
    margin-top: 15px;
}
.page-goods #ss-coordinate-list .coordinate-list .coordinate-item--info--stature {
    font-size: 10px;
    color: #808080;
}


/* コーディネート詳細のサムネイル */

.page-contentspages .coordinate-detail-img-item-mobile:not(:nth-child(6n)) {
    margin-right: 0!important;
}
.page-contentspages .coordinate-detail-img-item-mobile:not(:nth-child(5n)) {
    margin-right: 6px!important;
}
.page-contentspages .coordinate-detail-img-item-mobile {
    width: calc(100% / 5 - 24px / 5)!important;
}


/* ブログ */

.page-goods #ss-article-list .article-list .article-item--articletitle {
    margin: 5px 0 0;
    max-width: 100%;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}
.page-goods #ss-article-list .article-list .article-item--articletitle a {
    color: #333;
}
.page-goods #ss-article-list .article-list .article-item--description {
    justify-content: center;
}
.page-goods #ss-article-list .article-list .article-item--info--releasedate {
    font-size: 10px;
}
.page-goods #ss-article-list .article-list .article-item--info--staffname {
    font-size: 11px;
    font-weight: 600;
}


/* もっと見るボタン */

.page-contentspages .staff-coordinate-button-frame, .page-contentspages .staff-list-block-see-more-btn, .page-contentspages .coordinate-list .see-more-btn-block, .page-contentspages .shop-detail-stafflist-block-see-more-btn, .page-contentspages .article-list .see-more-btn-block {
    margin: 30px auto 60px;
    text-align: center;
}

.page-goods .coordinate-list .see-more-btn-block, .page-goods .article-list .see-more-btn-block, .page-contentspages .article-list__detail .see-more-btn-block {
    margin: 30px auto 60px;
}

.staff-contents-block-left-menu-frame-next .staff-contents-modal-shop-more {
  margin: 10px auto 15px;
  text-align: center;
}

.page-contentspages .staff-coordinate-button-seemore-mobile, .page-contentspages .staff-list-see-more-btn-mobile, .page-contentspages .coordinate-list .see-more-btn-mobile, .page-contentspages .shop-detail-stafflist-see-more-btn-mobile, .page-contentspages .article-list .see-more-btn-mobile, .page-goods .coordinate-list .see-more-btn-block .see-more-btn-mobile, .page-goods .article-list .see-more-btn-block .see-more-btn, .page-contentspages .article-list__detail .see-more-btn-block .see-more-btn-mobile, .page-contentspages .article-list .see-more-btn-block .see-more-btn, .staff-contents-block-left-menu-frame-next .staff-contents-modal-shop-more a {
    padding: 1em 3em;
    display: inline-block;
    font-size: 13px;
    color: #333;
    text-align: center;
    border: 1px solid #555;
}

.staff-contents-block-left-menu-frame-next .staff-contents-modal-shop-more a {
  width: 80%;
  background: #fff;
}

.page-contentspages .staff-list-see-more-btn-mobile, .page-contentspages .coordinate-list .see-more-btn-mobile, .page-contentspages .shop-detail-stafflist-see-more-btn-mobile, .page-contentspages .article-list .see-more-btn-mobile, .page-goods .coordinate-list .see-more-btn-block .see-more-btn-mobile, .page-goods .article-list .see-more-btn-block .see-more-btn, .page-contentspages .article-list__detail .see-more-btn-block .see-more-btn-mobile, .page-contentspages .article-list .see-more-btn-block .see-more-btn {
    margin: 0;
    border-radius: 0;
    background: none;
}
.page-contentspages .seemore a {
    display: inline-block;
    color: #333;
}


/* ランキング */

.page-contentspages .staff-list .staff-item [class^="staff-item--staff-rank"], .page-top .staff-list .staff-item--staff-icon [class^="staff-item--staff-rank"] {
    position: absolute;
    width: 24px;
    height: 24px;
    background: #000;
    border-radius: 50%;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
}

.page-contentspages .staff-list .staff-item .staff-item--staff-rank1, .page-top .staff-list .staff-item--staff-icon .staff-item--staff-rank1 {
    background: #c3a462;
}

.page-contentspages .staff-list .staff-item .staff-item--staff-rank2, .page-top .staff-list .staff-item--staff-icon .staff-item--staff-rank2 {
    background: #ababab;
}

.page-contentspages .staff-list .staff-item .staff-item--staff-rank3, .page-top .staff-list .staff-item--staff-icon .staff-item--staff-rank3 {
    background: #a28d7d;
}
.page-contentspages .staff-list .staff-item:not(:nth-child(4n)) {
    margin-right: 0;
}

.page-contentspages .staff-contents-mainframe .staff-list .staff-item, .page-contentspages .staff-contents-mainframe-sub .staff-list .staff-item {
    margin: 0 15px 0 0;
    flex-basis: auto;
    width: calc((100% - 15px * 2) / 3);
}


/* コーデのスタッフランキング */

.page-contentspages .staff-contents-mainframe-sub .staff-list .staff-item, .page-contentspages .staff-contents-mainframe .staff-list .staff-item {
    width: calc((100% - 15px * 2) / 2);
    margin-bottom: 20px;
}
.page-contentspages .staff-contents-mainframe-sub .staff-list .staff-item .staff-item--info--profile {
    font-size: 11px;
    margin-bottom: 4px;
}

.page-contentspages .staff-list .staff-item:nth-child(3n), .page-contentspages .staff-list .staff-item:last-child {
    margin-right: 0;
}
.page-contentspages .staff-list .staff-item:nth-child(n + 4) {
    margin-top: 20px;
}
.page-contentspages .article-list .article-item {
    margin: 0 15px 0 0 !important;
    flex-basis: auto;
    width: calc((100% - 15px) / 2);
}

.page-contentspages .article-list .article-item:nth-child(2n), .page-contentspages .article-list .article-item:last-child {
    margin-right: 0 !important;
}
.page-contentspages .article-list .article-item:nth-child(n + 3) {
    margin-top: 20px !important;
}
.page-contentspages .article-list .article-item:nth-child(4n) {
    margin-right: 0 !important;
}

.page-contentspages .article-list .article-item .article-item--main-img figure, .page-contentspages .article-list .article-item .article-item--main-img img {
    width: 100%;
}

.page-contentspages .staff-contents-mainframe .staff-list .staff-item .staff-item--staff-icon, .page-contentspages .staff-contents-mainframe-sub .staff-list .staff-item .staff-item--staff-icon {
    width: 105px;
    height: 105px;
}
.page-contentspages .staff-contents-block-sub-list-article {
    padding: 0 10px;
}
.page-contentspages .staff-contents-container {
    margin-bottom: 60px;
}
.page-contentspages .select-goods {
    margin: 20px 0 40px;
    text-align: center;
}
.page-contentspages .select-goods-title {
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
    color: #0f0f10;
}
.page-contentspages .select-goods-img {
    margin-bottom: 10px;
}
.page-contentspages .goods_name_ {
    font-size: 18px;
    font-weight: 600;
    color: #0f0f10;
}
.page-contentspages #block_of_filter {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    padding: 15px 1%;
    width: 100%;
    height: 72px;
    background-color: #fff;
}
.page-contentspages #block_of_filter .submit_ {
    padding: 0;
    font-family: 'Roboto', 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: transparent;
}
.page-contentspages #block_of_filter .submit_ .reset_ {
    border: 1px solid #000;
}
.page-contentspages #block_of_filter .submit_ .filter-button {
    border: 1px solid #3C3C3C;
}


/* スタッフプロフィール */

.page-contentspages .staff-contents-block-staff-info .coordinate-detail-staff-info-sub {
    align-items: flex-start;
    margin-bottom: 15px;
}
.page-contentspages .staff-contents-block-staff-info .coordinate-detail-staff-info--img-mobile {
    margin: 0;
}
.page-contentspages .staff-contents-block-staff-info .coordinate-detail-staff-info--description-mobile {
    min-width: initial;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    width: calc(100% - 115px);
}

.page-contentspages .staff-contents-block-staff-info .coordinate-detail-staff-info--description-mobile .coordinate-detail-staff-info--name-mobile, .page-contentspages .staff-contents-block-staff-info .coordinate-detail-staff-info--description-mobile .coordinate-detail-staff-info--shop-mobile {
    width: 100%;
}
.page-contentspages .staff-contents-block-staff-info .coordinate-detail-staff-info--description-mobile .coordinate-detail-staff-info--shop-mobile {
    margin-bottom: 5px;
}

.page-contentspages .staff-contents-block-staff-info .coordinate-detail-staff-info--description-mobile .coordinate-detail-staff-info--height-mobile, .page-contentspages .staff-contents-block-staff-info .coordinate-detail-staff-info--description-mobile .coordinate-detail-staff-info--size-mobile, .page-contentspages .staff-contents-block-staff-info .coordinate-detail-staff-info--description-mobile .coordinate-detail-staff-info--feature-mobile, .page-contentspages .staff-contents-block-staff-info .coordinate-detail-staff-info--description-mobile .coordinate-detail-staff-info--qualification_1-mobile, .page-contentspages .staff-contents-block-staff-info .coordinate-detail-staff-info--description-mobile .coordinate-detail-staff-info--qualification_2-mobile{
    margin: 0 1em 5px 0;
    font-size: 11px;
    line-height: 1.4;
    color: #818181;
}

.page-contentspages .staff-contents-block-staff-info .coordinate-detail-staff-info--description-mobile .coordinate-detail-staff-info--qualification-mobile{
	width: 100%;
	margin-top: 2px;
}

.page-contentspages .staff-contents-block-staff-info .coordinate-detail-staff-info--description-mobile .coordinate-detail-staff-info--feature-mobile {
    margin-right: 0;
}

.page-top .staff-list .staff-item--info .staff-item--info--bland, .page-top .staff-list .staff-item--info .staff-item--info--shop, .staff-item--info .staff-item--info--bland, .staff-item--info .staff-item--info--shop {
    font-size: 11px;
    line-height: 1.3;
}

.staff-item--info .staff-item--info--size, .staff-item--info .staff-item--info--feature, .staff-item--info--qualification_1, .staff-item--info--qualification_2 {
    font-size: 10px;
    line-height: 1.3;
}
.staff-item--info .staff-item--info--size {
    margin-top: 5px;
}

.coordinate-list .card-list-frame>p>strong {
    margin: 20px 0 40px;
    display: block;
}


/* 靴のサイズチェックボックス */

.page-contentspages .search-condition-size .menubox-list .menubox-item input[type='checkbox'] {
  width: 20px;
  height: 20px;
}

.page-contentspages .search-condition-size .menubox-list .menubox-item input[type='checkbox']:checked::after {
  margin: calc(3px - 50%);
}

.page-contentspages .article-info--title+* {
  margin-top: 15px;
}


/*======================================================商品詳細ページ======================================================*/


/* 店舗でお試し可能な商品 */

.block-goods-comment99 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.block-goods-comment99 a {
    margin: 1em;
    text-decoration: underline;
}
.block-goods-comment99_icon {
    width: 20%;
}
.block-goods-comment99_txt {
    width: 78%;
    font-weight: bold;
    font-size: 1.1em;
}
.block-order-estimate--commit .action .btn {
    padding: 10px 0;
    font-size: 16px;
    width: 90%;
    background-color: #b51018;
}

.pane-main>.size-selection {
    display: none;
}
.size-selection {
  margin: 30px 0 0;
  font-weight: bold;
  font-size: 1.3em;
}
.size-selection a {
    color: #544a47;
    font-weight: bold;
    display: block;
    border-radius: 30px;
    text-align: center;
    text-decoration: none;
}
.size-selection a::before {
    content:"";
    width: 30px;
    height: 13px;
    background: url(../../img/usr/common/icon_size-selection_251002.png) no-repeat;
    background-size: 30px 13px;
    display: inline-block;
    margin-right: 10px;
  }
.size-selection + .block-choose-size{
    margin-top: 10px;
}

/*======================================================会員登録ページ======================================================*/

.form-group.block-member-info--shop input[type="checkbox"], .form-group.block-member-info--brand input[type="checkbox"] {
  display: none;
}

.form-group.block-member-info--shop .form-control .js-efo, .form-group.block-member-info--brand .form-control .js-efo {
  display: flex;
  flex-wrap: wrap;
}

.form-group.block-member-info--shop .form-control label {
  width: calc((100% - 33px) / 3);
  margin-right: 13px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: smaller;
  line-height: 18px;
}

.form-group.block-member-info--brand .form-control label {
  width: calc((100% - 63px) / 3);
  margin-right: 28px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: smaller;
  line-height: 18px;
  text-align: center;
}

.form-group.block-member-info--shop .form-control label:nth-of-type(3n+3), .form-group.block-member-info--brand .form-control label:nth-of-type(3n+3) {
  margin-right: 0;
}

.form-group.block-member-info--shop .form-control label:nth-of-type(n+4), .form-group.block-member-info--brand .form-control label:nth-of-type(n+4) {
  margin-top: 24px;
}

.form-group.block-member-info--shop .form-control label:before {
  content: "";
  width: 100%;
  height: calc(65 / 375 * 100vw);
  margin-bottom: 12px;
}

.form-group.block-member-info--brand .form-control label:before {
  content: "";
  width: 100%;
  height: calc(40 / 375 * 100vw);
  margin-bottom: 12px;
}

.form-group.block-member-info--shop .form-control input[type="checkbox"]:checked+label:before, .form-group.block-member-info--brand .form-control input[type="checkbox"]:checked+label:before {
  border: 4px solid #a10f16;
  box-sizing: border-box;
}

/* ショップ */

.form-group.block-member-info--shop .form-control label:nth-of-type(1) {
  background: url(../../img/usr/shop/REGAL_SHOES.png) no-repeat;
  background-size: 100% auto;
}

.form-group.block-member-info--shop .form-control label:nth-of-type(2) {
  background: url(../../img/usr/shop/REGAL_TOKYO.png) no-repeat;
  background-size: 100% auto;
}

.form-group.block-member-info--shop .form-control label:nth-of-type(3) {
  background: url(../../img/usr/shop/REGALShoeCo.png) no-repeat;
  background-size: 100% auto;
}

.form-group.block-member-info--shop .form-control label:nth-of-type(4) {
  background: url(../../img/usr/shop/SHETLANDFOX.jpg) no-repeat;
  background-size: 100% auto;
}

.form-group.block-member-info--shop .form-control label:nth-of-type(5) {
  background: url(../../img/usr/shop/Clarks.png) no-repeat;
  background-size: 100% auto;
}

.form-group.block-member-info--shop .form-control label:nth-of-type(6) {
  background: url(../../img/usr/shop/KENFORD.png) no-repeat;
  background-size: 100% auto;
}

.form-group.block-member-info--shop .form-control label:nth-of-type(7) {
  background: url(../../img/usr/shop/FIT-IN.png) no-repeat;
  background-size: 100% auto;
}

.form-group.block-member-info--shop .form-control label:nth-of-type(8) {
  background: url(../../img/usr/shop/ONLINE_SHOP.png) no-repeat;
  background-size: 100% auto;
}

/* ブランド */

.form-group.block-member-info--brand .form-control label:nth-of-type(1):before {
  background: url(../../img/brand/logo_regal.svg) no-repeat;
  background-size: 85% auto;
  background-position: center center;
}

.form-group.block-member-info--brand .form-control label:nth-of-type(2):before {
  background: url(../../img/brand/logo_shetlandfox.svg) no-repeat;
  background-size: 85% auto;
  background-position: center center;
}

.form-group.block-member-info--brand .form-control label:nth-of-type(3):before {
  background: url(../../img/brand/logo_kenford.svg) no-repeat;
  background-size: 85% auto;
  background-position: center center;
}

.form-group.block-member-info--brand .form-control label:nth-of-type(4):before {
  background: url(../../img/brand/logo_clarks.svg) no-repeat;
  background-size: 85% auto;
  background-position: center center;
}

.form-group.block-member-info--brand .form-control label:nth-of-type(5):before {
  background: url(../../img/brand/logo_beaufit.svg) no-repeat;
  background-size: 85% auto;
  background-position: center center;
}

.form-group.block-member-info--brand .form-control label:nth-of-type(6):before {
  background: url(../../img/brand/logo_naturalizer.svg) no-repeat;
  background-size: auto 100%;
  background-position: center center;
}

.form-group.block-member-info--brand .form-control label:nth-of-type(7):before {
  background: url(../../img/brand/logo_polo.svg) no-repeat;
  background-size: 85% auto;
  background-position: center center;
}

.form-group.block-member-info--brand .form-control label:nth-of-type(8):before {
  background: url(../../img/brand/logo_clae.svg) no-repeat;
  background-size: 85% auto;
  background-position: center center;
}

.form-group.block-member-info--brand .form-control label:nth-of-type(9):before {
  background: url(../../img/brand/logo_camelot.svg) no-repeat;
  background-size: 85% auto;
  background-position: center center;
}

.form-group.block-member-info--brand .form-control label:nth-of-type(10):before {
  background: url(../../img/usr/brand/other.jpg) no-repeat;
  background-size: 85% auto;
  background-position: center center;
}

/*カテゴリから選ぶ　22020512追加*/
.choosecategory {
	max-width:100%;
	display: flex;
	flex-wrap:wrap;
	justify-content: start;
	text-align: left;
	margin:0 auto;
}

.choosecategory_list{
	width: 100%;
	margin: 10px;
}

.choosecategory_list li {
	width: 100%;
	height: 50px;
	text-align: left;
	border-bottom: solid 1px #ECECEC;
	margin: auto 5px;
}
.choosecategory_list li:first-child{
	font-size: 1.3em;
	font-weight: bold;
	margin-top:5px;
}
.choosecategory_list p {
	position: relative;
	top: 40%;
	left: 5%;
}
.choosecategory_list p::before {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	border-top: solid 2px #697B91;
	border-right: solid 2px #697B91;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 35%;
	right: 10%;
}
.choosecategory_list p:hover {
	color: #000000;
	font-weight: bold;
	font-size: 1.1em;
}
.choosecategory_list a:hover {
	text-decoration: none;
}
/*シーン・機能から選ぶ　22020525追加*/
.choosestyles {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	width:100%;
}
.cstab-switch {
    display: none;
}
.cstab-label-01 {
	font-size: 1.4em;
	font-weight: bold;
	width: 47%;
	padding: 0.5em 1em;
	margin: 0 0 0 auto;
	text-align: center;
	order: -1;
	transition: all 0.5s ease;
}
.cstab-label-02 {
	font-size: 1.4em;
	font-weight: bold;
	width: 47%;
	padding: 0.5em 1em;
	margin: 0 auto 0 0;
	text-align: center;
	order: -1;
	transition: all 0.5s ease;
}
#TAB-M:checked+.cstab-label-01 {
	background-color: #544A47;
	color: #FFFFFF;
}
#TAB-W:checked+.cstab-label-02 {
	background-color: #A59564;
	color: #FFFFFF;
}
.cstab-content {
	width: 100%;
	margin: 0 10px;
	display: none;
}
#TAB-M:checked+.cstab-label-01+.cstab-content {
     display: block;
}
#TAB-W:checked+.cstab-label-02+.cstab-content {
     display: block;
}

.choosestyles_gender1 {
	border: solid 1px #544A47;
	display: flex;
	flex-wrap: wrap;
}
.choosestyles_gender2 {
	border: solid 1px #A59564;
	display: flex;
	flex-wrap: wrap;
}

.choosestyles_gender {
		width: 100%;
	margin: 10px;
}
.choosestyles_gender_list h4 {
	font-size: 1.1em;
	margin: 20px auto;
	text-align: center;
}

.choosestyles_gender_list li {
		width: 100%;
	height: 50px;
	text-align: left;
	border-bottom: solid 1px #ECECEC;
	margin: auto 5px;
}
.choosestyles_gender_list p {
	position: relative;
	top: 40%;
	left: 5%;
}
.choosestyles_gender_list p::before {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	border-top: solid 2px #697B91;
	border-right: solid 2px #697B91;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 35%;
	right: 10%;
}
.choosestyles_gender_list p:hover {
	color: #000000;
	font-weight: bold;
}
.choosestyles_gender_list a:hover {
	text-decoration: none;
}

.choosestyles_gender_rec {
	max-width:100%;
}
.choosestyles_gender_rec h3 {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	margin: 20px auto;
}
.choosestyles_gender_recli {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	text-align: center;
}
.choosestyles_gender_recli li {
		width: 100%;
	margin: 5px;
}

/* 商品詳細 : 「入荷案内申し込み」のボタン */
.block-arrival-notice--btn.btn.btn-default {
    background-color: #9e9e9e;
}
.block-arrival-notice--btn.btn.btn-default img {
    width: 16px;
    margin: 0 7px 0 0;
    vertical-align: text-top;
}

/* 入荷案内申し込み商品ページ : 商品画像 */
.block-arrival-notice-list--goods {
    display: flex;
}
.block-arrival-notice-list--goods .block-arrival-notice-list--image {
    display: block;
    width: 190px;
}
.block-arrival-notice-list--image figure {
    width: 180px;
    height: 135px;
    background: none;
}
.block-arrival-notice-list--goods .block-arrival-notice-list--description {
    width: calc(100% - 190px);
    display: flex;
    flex-direction: column;
}
.block-arrival-notice-list--delete-item {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

/* Awoo関連商品タグ */
.page-category .relate-goods-label-block-mobile {
    margin: 0 auto 15px auto;
}

.page-relate_goods .relate-goods-label-block-mobile {
    margin: 0 0 15px 0;
}

.page-relate_goods .relate-goods-mobile-footer .relate-goods-label-block-mobile {
    margin-top: 40px;
}

/* カートページ改修 */
.page-cart .block-cart.cart-in-item{
    display: flex;
    flex-direction: column;
}

.page-cart .block-cart.cart-in-item .block-cart--body{
    order:0;
    display: flex;
    flex-direction: column;
}

.page-cart .block-cart.cart-in-item .block-cart--subtotal-container{
    order:0;
}
.page-cart .block-cart.cart-in-item .block-order-flow--step + div{
    order: 1;
}
.page-cart .block-cart.cart-in-item .block-cart--amazonpay-alert{
    order: 2;
}
.page-cart .block-cart.cart-in-item .block-cart--promotion-criteria-list-container {
    order: 3;
}
.page-cart .block-cart.cart-in-item .block-cart--promotion-freespace{
    order: 4;
}
.page-cart .block-cart.cart-in-item .block-cart--body form{
    order: 5;
}

.page-cart .block-cart.cart-in-item .block-cart--procedure-container{
    display: flex;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
}
.page-cart .block-cart.cart-in-item .block-cart--order{
    order: 0;
    padding-left: 10px;
    padding-right: 10px;
}
.page-cart .block-cart.cart-in-item .block-cart--delivery-date{
    order: 2;
    margin-bottom: 0;
    border-top: 10px solid #fff;
}
.page-cart .block-cart.cart-in-item .block-cart--amazonpay-form{
    order: 1;
    display: flex;
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.page-cart .block-cart.cart-in-item #AmazonPayButton{
    order: 0;
    margin-top: 15px;
}
.page-cart .block-cart.cart-in-item .block-cart--amazonpay-guest-notice{
    order: 1;
    margin-top: 10px;
    padding: 0;
}
.page-cart .block-cart.cart-in-item .block-cart--amazonpay-description{
    order: 2;
    padding: 0;
}

/*.page-cart .block-cart.cart-in-item .block-order-flow--step{
    position: absolute;
    top: 140px;
}*/

.page-cart .block-cart.cart-in-item .block-cart--contents{
    order:-1;
    margin-top: 60px;
}

.block-goods-detail .block-cart--delivery-date{
    width: 100%;
    padding: 0;
    border: none;
    text-align: center;
    margin:10px 0;
    background: none;
}

.block-goods-detail .block-cart--delivery-date-container {
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.block-goods-detail .block-cart--delivery-date-container::before{
    content:"";
    background: url(/img/usr/common/icon_deliv.png) center top / contain no-repeat;
    width: 33px;
    height: 25px;
    display: inline-block;
    line-height: 1;
    margin-right: 12px;
    mix-blend-mode: multiply;
}

.block-goods-detail .block-cart--delivery-due-date {
    font-size: 14px;
    margin: 12px 0;
    font-weight: bold;
}

.block-goods-detail .block-cart--delivery-due-date span{
    font-size: 18px;
}

.block-goods-detail .block-cart--delivery-date-caption {
    width: 100%;
    text-align: left;
}

/*=========================会員登録のアコーディオン化===========================*/
.page-customer .block-member-info--area-inner,
.page-entry .block-member-info--area-inner,
.page-quickentry .block-member-info--area-inner{
    display: flex;
    flex-wrap: wrap;
}

.page-customer .block-member-info--pref-item,
.page-entry .block-member-info--pref-item,
.page-quickentry .block-member-info--pref-item{
    position: relative;
    left: -50%;
}

.page-customer .block-member-info--area-item,
.page-entry .block-member-info--area-item,
.page-quickentry .block-member-info--area-item{
  display: inline-block;
  position: relative;
  width: 49%;
  padding: 6px 5px 0 0;
  margin-bottom: 8px;
  box-sizing: border-box;
}

.page-customer .block-member-info--area-item .block-member-info--area-acc-btn,
.page-entry .block-member-info--area-item .block-member-info--area-acc-btn,
.page-quickentry .block-member-info--area-item .block-member-info--area-acc-btn{
  position: relative;
  cursor: pointer;
  text-indent: -9999px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #f5f5f5;
  border-radius: 50%;
}

.page-customer .block-member-info--area-item .block-member-info--area-acc-btn:after,
.page-entry .block-member-info--area-item .block-member-info--area-acc-btn:after,
.page-quickentry .block-member-info--area-item .block-member-info--area-acc-btn:after{
  position: absolute;
  content: "";
  bottom: 6px;
  left: 5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #c0c0c0;  
}

.page-customer .block-member-info--area-item .block-member-info--area-acc-btn.block-member-info--area-acc-btn-open:after,
.page-entry .block-member-info--area-item .block-member-info--area-acc-btn.block-member-info--area-acc-btn-open:after,
.page-quickentry .block-member-info--area-item .block-member-info--area-acc-btn.block-member-info--area-acc-btn-open:after{
  transform: rotate(180deg);
  bottom: 8px;
}

.page-customer .block-member-info--pref-item .block-member-info--pref-acc,
.page-entry .block-member-info--pref-item .block-member-info--pref-acc,
.page-quickentry .block-member-info--pref-item .block-member-info--pref-acc{
  display: none;
  position: absolute;
  top: 35px;
  width: calc(100vw - 35px);
  background: #fff;
  padding: 4px 15px 12px 15px;
  z-index: 1;
  border: solid 1px #eee;
}

.page-customer .block-member-info--pref-item .block-member-info--pref-acc li,
.page-entry .block-member-info--pref-item .block-member-info--pref-acc li,
.page-quickentry .block-member-info--pref-item .block-member-info--pref-acc li{
    margin-top: 8px;
    display: inline-block;
    width: 49%;
}

.page-customer .block-member-info--area-item label,
.page-entry .block-member-info--area-item label,
.page-quickentry .block-member-info--area-item label{margin-right: 4px;}

.page-quickentry .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(2),
.page-quickentry .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(6),
.page-quickentry .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(10),
.page-quickentry .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(14),
.page-quickentry .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(18),
.page-customer .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(2),
.page-customer .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(6),
.page-customer .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(10),
.page-customer .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(14),
.page-customer .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(18),
.page-entry .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(2),
.page-entry .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(6),
.page-entry .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(10),
.page-entry .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(14),
.page-entry .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(18){left: -50%;}

.page-quickentry .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(4),
.page-quickentry .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(8),
.page-quickentry .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(12),
.page-quickentry .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(16),
.page-customer .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(4),
.page-customer .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(8),
.page-customer .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(12),
.page-customer .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(16),
.page-entry .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(4),
.page-entry .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(8),
.page-entry .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(12),
.page-entry .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(16){left: -100%;}
/*.page-customer .block-member-info--area-inner > div.block-member-info--pref-item:nth-of-type(odd){left: -50%;}*/

/*=========================機能ロゴ(一覧)===========================*/
.page-search .block-auto-function-logo,
.page-category .block-auto-function-logo,
.page-event .block-auto-function-logo{
    position: absolute;
    right: 0;
	z-index: 1;
	font-size: 0;
	top: 0;
}

.page-search .block-auto-function-logo span,
.page-category .block-auto-function-logo span,
.page-event .block-auto-function-logo span{
	display: inline-block;
	margin-left: 5px;
	width: 18px;
}

.page-search .block-auto-function-logo span img,
.page-category .block-auto-function-logo span img,
.page-event .block-auto-function-logo span img{
	max-width: 18px;
	max-height: 18px;
}

.page-search .block-thumbnail-t--items li,
.page-category .block-thumbnail-t--items li,
.page-event .block-thumbnail-t--items li{position: relative;}

/*=========================機能ロゴ(詳細)===========================*/
.page-goods .block-goods-functionlogo{
    order: 225;
    width: 92%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
	padding-top: 20px;
}

.page-goods .block-goods-functionlogo img{
    width: calc(100% / 3);
    padding: 10px;
    box-sizing: border-box;
}

.page-goods .block-goods-functionlogo--modal-header{
    font-size: 16px;
    font-weight: bold;
	margin-bottom: 5px;
}

.page-goods .block-goods-functionlogo--modal-body{font-size: 14px;}
.page-goods .block-goods-functionlogo--modal-body iframe{width: 100%;}

.page-goods .remodal{
	padding: 15px 15px 15px 15px!important;
	width: 100%!important;
	text-align: left;
}

.page-goods .remodal-close{
    left: auto;
    right: 0;	
}

/*=========================カート周り===========================*/
.page-cart .block-cart.cart-in-item .block-order-flow--step{top: 90px;}

/*=========================注文履歴===========================*/
.page-history .block-purchase-history--customer-name,
.page-storehistory .block-purchase-history--customer-name{
    padding-left: 4px;
    margin-bottom: 0;
    line-height: 1.2;
    font-size: 13px;
}

.page-history .block-purchase-history--list,
.page-storehistory .block-purchase-history--list{margin-bottom: 30px;}

.page-history .block-purchase-history--table,
.page-storehistory .block-purchase-history--table {
	width: 100%;
	list-style-type: none;
    padding: 0;
    margin: 10px 0;
}

.page-history .block-purchase-history--row,
.page-storehistory .block-purchase-history--row {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 5% 40px;
}

.page-history .block-purchase-history--table-header,
.page-storehistory .block-purchase-history--table-header{
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
    border-bottom:solid 1px #c8c8c8;
}

.page-history .block-purchase-history--table-header > div p,
.page-storehistory .block-purchase-history--table-header > div p{
    word-wrap: break-word;
    font-size: 12px;
    font-weight: 600;
}

.page-history .block-purchase-history--head-lt .block-purchase-history--head,
.page-storehistory .block-purchase-history--head-lt .block-purchase-history--head {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
    padding: 5px 0;
}

.page-history .block-purchase-history--head-lt,
.page-storehistory .block-purchase-history--head-lt{
    width: 43%;
    padding-left: 20px;
}

.page-history .block-purchase-history--head-rt,
.page-storehistory .block-purchase-history--head-rt{
    padding: 5px 0;
    width: 57%;
    position: relative;
}

.page-history .block-purchase-history--head-rt span,
.page-storehistory .block-purchase-history--head-rt span{
    font-weight: 500;
    display: inline-block;
}

.page-history .block-purchase-history--head-lt .block-purchase-history--head .block-purchase-history--th,
.page-storehistory .block-purchase-history--head-lt .block-purchase-history--head .block-purchase-history--th,
.page-history .block-purchase-history--head-rt .block-purchase-history--head .block-purchase-history--th,
.page-storehistory .block-purchase-history--head-rt .block-purchase-history--head .block-purchase-history--th{
    font-size: 12px;
    font-weight: 600;
    color: #000;
    margin-right: 5px;
}

.page-history .block-purchase-history--head-rt .block-purchase-history--head .block-purchase-history--th{min-width: 75px;}
.page-storehistory .block-purchase-history--head-rt .block-purchase-history--head .block-purchase-history--th{min-width: 60px;}

.page-history .block-purchase-history--head-lt .block-purchase-history--head .block-purchase-history--th:after,
.page-storehistory .block-purchase-history--head-lt .block-purchase-history--head .block-purchase-history--th:after{
    position: absolute;
    right: 0;
    width: 1px;
    height: 200%;
    background: #9b9b9b;
}

.page-history .block-purchase-history--head .block-purchase-history--head-lt .block-purchase-history--td,
.page-storehistory .block-purchase-history--head .block-purchase-history--head-lt .block-purchase-history--td{
    font-size: 16px;
    color: #000;
}

/* --- 商品情報 ---*/
.page-history .block-purchase-history--goods-img figure,
.page-storehistory .block-purchase-history--goods-img figure{
  width: 100%;
  margin: 0 auto;
}

.page-history .block-purchase-history--goods-img figure img,
.page-storehistory .block-purchase-history--goods-img figure img{
  max-width: 100%;
  max-height: 100%;
}

.page-history .block-purchase-history--goods-item,
.page-storehistory .block-purchase-history--goods-item{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.page-history .block-purchase-history--goods-item .block-purchase-history--goods-img,
.page-storehistory .block-purchase-history--goods-item .block-purchase-history--goods-img{padding-right: 15px;}
.page-history .block-purchase-history--goods-item > div,
.page-storehistory .block-purchase-history--goods-item > div{width: 50%;}
.page-history .block-purchase-history--goods-brand,
.page-storehistory .block-purchase-history--goods-brand{
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 5px;
}

.page-history .block-purchase-history--goods-val,
.page-storehistory .block-purchase-history--goods-val{
    font-size: 14px;
	font-weight: 500;
}

.page-history .block-purchase-history--goods-val span,
.page-storehistory .block-purchase-history--goods-val span{display: block;}

.page-history .block-purchase-history--goods-price,
.page-storehistory .block-purchase-history--goods-price{
    font-size: 13px;
	font-weight: 500; 
}

.page-history .block-purchase-history--goods-price span,
.page-storehistory .block-purchase-history--goods-price span{font-size: 11px;}
.page-history .block-purchase-history--goods-data,
.page-storehistory .block-purchase-history--goods-data{
	border-left: solid 1px #9b9b9b;
	padding: 5px 0 5px 10px;
	margin-bottom: 25px;
    line-height: 1.8;
}

.page-history .block-purchase-history--goods-msg,
.page-storehistory .block-purchase-history--goods-msg{
  padding: 0 10px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 55px;
}

/* ボタン */
.page-history .block-purchase-history--goods .block-purchase-history--goods-btn,
.page-storehistory .block-purchase-history--goods .block-purchase-history--goods-btn{
  display: flex;
  width: 100%;
}

.page-history .block-purchase-history--goods-btn a,
.page-storehistory .block-purchase-history--goods-btn a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 45px;
	font-size: 12px;
    font-weight: 500;
	border-radius: 30px;
	position: relative;
	text-decoration: none;
}

.page-history .block-purchase-history--goods-btn .block-purchase-history--goods-review,
.page-storehistory .block-purchase-history--goods-btn .block-purchase-history--goods-review{
    margin-right: 15px;
    width: 50%;
}

.page-history .block-purchase-history--goods-btn .block-purchase-history--goods-review a,
.page-storehistory .block-purchase-history--goods-btn .block-purchase-history--goods-review a{
    border: solid 1px #c8c8c8;
    position: relative;
    color: #000;
    padding: 0 5px 0 0;
}

.page-history .block-purchase-history--goods-btn .block-purchase-history--goods-review a:after,
.page-storehistory .block-purchase-history--goods-btn .block-purchase-history--goods-review a:after{
    position: absolute;
    right: 8px;
    top: 50%;
    content: "";
    width: 6px;
    height: 6px;
    border-right: solid 1px #000;
    border-bottom: solid 1px #000;
    transform: rotate(-45deg) translate(0, -50%);
}

.page-history .block-purchase-history--goods-btn .block-purchase-history--goods-order-detail-reorder,
.page-storehistory .block-purchase-history--goods-btn .block-purchase-history--goods-order-detail-reorder{width: 50%;}
.page-history .block-purchase-history--goods-btn .block-purchase-history--goods-order-detail-reorder a,
.page-storehistory .block-purchase-history--goods-btn .block-purchase-history--goods-order-detail-reorder a{
	border: solid 1px #818181;
	background: #818181;
	color: #fff;
    position: relative;
    padding: 0 5px 0 0;
}

.page-history .block-purchase-history--goods-btn .block-purchase-history--goods-order-detail-reorder a:after,
.page-storehistory .block-purchase-history--goods-btn .block-purchase-history--goods-order-detail-reorder a:after{
  position: absolute;
  right: 8px;
  top: 50%;
  content: "";
  width: 6px;
  height: 6px;
  border-right: solid 1px #fff;
  border-bottom: solid 1px #fff;
  transform: rotate(-45deg) translate(0, -50%);
}

.page-history .block-purchase-history--goods-btn .block-purchase-history--goods-review a:hover,
.page-history .block-purchase-history--goods-btn .block-purchase-history--goods-order-detail-reorder a:hover,
.page-history .block-purchase-history--detail-btn .block-purchase-history--order-detail a:hover,
.page-history .block-purchase-history--detail-btn .block-purchase-history--delivery-status a:hover,
.page-storehistory .block-purchase-history--goods-btn .block-purchase-history--goods-review a:hover,
.page-storehistory .block-purchase-history--goods-btn .block-purchase-history--goods-order-detail-reorder a:hover,
.page-storehistory .block-purchase-history--detail-btn .block-purchase-history--order-detail a:hover,
.page-storehistory .block-purchase-history--detail-btn .block-purchase-history--delivery-status a:hover{
  opacity: .7;
  transition: 0.2s ease-in-out;
}

.page-history .block-purchase-history--detail-btn,
.page-storehistory .block-purchase-history--detail-btn{margin-top: 35px;}
.page-history .block-purchase-history--detail-btn a,
.page-storehistory .block-purchase-history--detail-btn a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
    font-weight: 600;
	font-size: 16px;
	border-radius: 30px;
}

.page-history .block-purchase-history--detail-btn .block-purchase-history--order-detail a,
.page-storehistory .block-purchase-history--detail-btn .block-purchase-history--order-detail a{
	border: solid 1px #303030;
	background: #303030;
	color: #fff;
	margin-bottom: 10px;
  text-decoration: none;
}

.page-history .block-purchase-history--detail-btn .block-purchase-history--delivery-status a,
.page-storehistory .block-purchase-history--detail-btn .block-purchase-history--delivery-status a{
	border: solid 1px #c8c8c8;
	color: #000;
  text-decoration: none;
}

.page-history .action-buttons,
.page-storehistory .action-buttons{margin-top: 0;}
.page-history .action-buttons .btn-primary,
.page-storehistory .action-buttons .btn-primary{background: #000;}
.page-history .action-buttons .block-purchase-history--back,
.page-storehistory .action-buttons .block-purchase-history--back{
  width: 264px;
  border: solid 1px #000;
  background: #fff;
  color: #000;
}

.page-storehistory .block-purchase-history--goods-manual {
    margin-top: 5px;
}

.page-storehistory .block-purchase-history--goods-manual .block-purchase-history--goods-manual-btn a {
  display: flex;
  font-weight: 500;
  text-decoration: underline;
  line-height: 40px;
  margin-left: 25px;
  position: relative;
}

.page-storehistory .block-purchase-history--goods-manual .block-purchase-history--goods-manual-btn a::after {
  position: absolute;
  left: 69px;
  top: calc(50% - 6px);
  content: "";
  width: 13px;
  height: 13px;
  background-image: url(../../img/usr/common/open_link.png);
  background-position: center;
  background-size: contain;
}

/* 処理状態 */
.page-history .block-purchase-history--status-list,
.page-storehistory .block-purchase-history--status-list{width: 100%;}
.page-history .block-purchase-history--status,
.page-storehistory .block-purchase-history--status{
    width: 90%;
    margin: 0 auto; 
}

.page-history .status-order,
.page-history .status-cancel,
.page-history .status-income,
.page-history .status-reserve,
.page-history .status-rship,
.page-history .status-ship,
.page-history .status-verify,
.page-history .status-return,
.page-history .status-shop,
.page-history .status-shop_delete,
.page-history .status-status_,
.page-history .status-status_1,
.page-history .status-status_2,
.page-history .status-status_3,
.page-history .status-status_4,
.page-history .status-status_9,
.page-storehistory .status-order,
.page-storehistory .status-cancel,
.page-storehistory .status-income,
.page-storehistory .status-reserve,
.page-storehistory .status-rship,
.page-storehistory .status-ship,
.page-storehistory .status-verify,
.page-storehistory .status-return,
.page-storehistory .status-shop,
.page-storehistory .status-shop_delete,
.page-storehistory .status-status_,
.page-storehistory .status-status_1,
.page-storehistory .status-status_2,
.page-storehistory .status-status_3,
.page-storehistory .status-status_4,
.page-storehistory .status-status_9,
.page-historydetail .status-order,
.page-historydetail .status-cancel,
.page-historydetail .status-income,
.page-historydetail .status-reserve,
.page-historydetail .status-rship,
.page-historydetail .status-ship,
.page-historydetail .status-verify,
.page-historydetail .status-return,
.page-historydetail .status-shop,
.page-historydetail .status-shop_delete,
.page-historydetail .status-status_,
.page-historydetail .status-status_1,
.page-historydetail .status-status_2,
.page-historydetail .status-status_3,
.page-historydetail .status-status_4,
.page-historydetail .status-status_9{
  min-height: 30px;
  border: none;
}

.page-history .status-message,
.page-storehistory .status-message,
.page-historydetail .status-message{
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    padding-bottom: 10px;
    color: #000;
}

.page-history .status-percentage,
.page-storehistory .status-percentage,
.page-historydetail .status-percentage{
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 10px;
    color: #333333;
}

.page-history [class^="status-progress"],
.page-storehistory [class^="status-progress"],
.page-historydetail [class^="status-progress"]{
	height: 30px;
	background: #eee;
}

.page-history [class^="status-progress"]:after,
.page-storehistory [class^="status-progress"]:after,
.page-historydetail [class^="status-progress"]:after{
    height: 30px;
    border-right: none;
    background: #4964a0;
}

/*フッターアコーディオンメニュー 20240522*/
.footer-acc-list h4 {
    padding: 18px 10px;
    font-weight: 500;
    font-size: 14px;
    background-color: #eee;
}
