@charset "UTF-8";
/**************************************************************************************
itokin_mypage.css /  マイページページ

#PC表示（min-1188px）
#タブレット表示（min-991px）

#スマホ表示（min-767px）

*************************************************************************************/

/**************************************************
ログイン
**************************************************/
#login {
padding:  0 0 60px;
}
.login-area-box h2 {
font-size:  18px;
text-align:  left;
font-weight:  bold;
padding:  15px 10px;
margin: 0;
background-color: #fafafa;
border-top: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;

}
.login-area-subbox {
margin:  0 0 40px;
}
.login-area-subbox td {
    padding: 15px;
    border-bottom: none;
}
.login-area-subbox table {
    border-bottom: 1px solid #e1e1e1;
}
.register-area .login-area-subbox {
text-align: left;
border-top: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
}
.login-area-box .login-area-subbox h2 {
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #e1e1e1;
}

.login-area-subbox td p.input {
position:  relative;
margin:  20px 0 0;
}
.login-area-subbox td p.help-block {
margin: 0 0 18px;
}
.login-area-subbox label {
    padding-left: 15px;
}
.login-area-subbox .mail-wrapper {
    position: relative;
}
.login-area-subbox input[type="text"]{
    width: 80%;
    padding-left: 45px;
}
.email-input__email-icon {
    position: absolute;
    top: 7px;
    left: 8px;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-image: url(/assets/images/mypage/icn_member_mail.png) ;
}
.login-area-subbox .password-wrapper {
    width: 80%;
}
.login-area-subbox .password-wrapper input[type="password"] {
    padding-left: 45px;
}
.login-area-subbox .password-wrapper .password-input__lock-key-icon {
    position: absolute;
    left: 7px;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-image: url(/assets/images/mypage/icn_member_password.png);
}
.login-area-subbox input[type="checkbox"] {
    left: 0px
}
.login-area-subbox .password-notice{
    color: #333;
}
.login-area-box .btn-group-box {
    margin: 18px 0;
}
.login-area-box .btn-group-box ul {
    text-align: left;
}
.login-area-box .btn-group-box li{
    margin: 0;
    padding: 0;
}
.register-area .login-area-subbox p {
    padding: 15px 15px 0 15px;
    margin: 0;
}
.register-area .login-area-subbox .btn-group-box {
    padding-left: 15px;
    padding-right: 15px;
}
.register-area-subbox table{
    border: none;
    border-bottom: 1px solid #e1e1e1;
}
.register-area-subbox td{
    border: none;
    padding: 10px 0 10px 0;
}
.register-area-subbox td:nth-of-type(1) {
    text-align: center;
}
.register-area-subbox td:nth-of-type(1) img {
    width: 110px;
    padding: 20px;
}
.register-area .login-area-subbox .register-area-subbox p {
    padding: 0;
}
.register-area .login-area-subbox .register-area-subbox p:nth-of-type(1) {
    font-size: 18px;
    font-weight: 900;
    color: #988e54;
    margin-bottom: 10px;
}
.register-area .login-area-subbox .register-area-subbox br.pcOnly {
    display: none;
}
@media (min-width: 480px) {
    .register-area .login-area-subbox .register-area-subbox br.pcOnly {
        display: block;
    }
}
@media (min-width: 991px) {
    .login-area-subbox th label {
        width : 130px;
    }
}

/**************************************************
 会員登録
**************************************************/
#register {
padding:  0 0 60px;
}
#register .action-steps-wrap li {
width:  32%;
}
#register .action-steps-wrap li:nth-child(2) {
width:  40%;
}
#register .action-steps-wrap li:last-child {
width:  28%;
}
#register .agree {
display: flex;
text-align:  center;
justify-content: center;
margin:  0 0 20px;
}
#register .agree-wrap {
padding: 10px;
background-color: #FDE3EC;
font-size: 19px;
letter-spacing: 0.4rem;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
}
#register .register-agree-check {
    margin: 0 20px 0 0;
    width: 30px;
    height: 30px;
    accent-color: #525252;
    position: initial;
    -webkit-appearance: auto;
    background: none;
}
#register .agree-label {
    display: inline-block;
    text-align: left;
}
#register .agree-label a {
    text-decoration: underline;
}

#register span.explanation {
  color: red;
}
#register .entry-form .icon-must.first-name {
top: 90px;
}
@media (max-width: 991px) {
    #register .agree-wrap {
        font-size: 15px;
        letter-spacing: 0.12rem;
    }
    #register .register-agree-check {
        margin: 0 22px 0 0;
        width: 33px;
        height: 33px;
    }
}

/**************************************************
会員登録完了ページ
**************************************************/
#register .container .entry-conf {
    max-width: 800px;
    margin: 0 auto;
}
#register .entry-conf {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin: 0;
}
#register .complete-notice {
    margin: 12px 0;
}
#register .entry-conf h3 {
    margin: 0;
}
#register .entry-conf .title {
    display: flex;
}
#register .entry-conf .caption {
    margin-left: 50px;
    font-size: 16px;
    line-height: 1.8em;
}
#register .grant-point-notice {
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 14px;
}
.grant-point {
    vertical-align: text-bottom;
}
.member-stage-service-image {
    max-width: 800px;
    margin: 0 auto;
}
.member-stage-service-image img {
    width: 100%;
    margin: 0 auto;
}
.gray-line {
    border: 2px solid #e1e1e1;
}
/* 利用規約 */
#register .register-legal-area {
font-size: 14px;
}
#register .register-legal-area h2 {
text-align:  center;
font-size:  16px;
color:  #C00;
margin:  0 0 20px;
}
.register-legal-area h3 {
font-size:  16px;
margin: 0 0 20px;
padding:  0 0 10px;
font-weight:  bold;
border-bottom:  1px dotted #CCC;
}
#register .register-legal-area .inner {
padding:  40px;
margin:  0 0 40px;
height:  400px;
overflow-y: scroll;
border:  1px solid #e1e1e1;
}
#register .register-legal-area dt {
margin:  0 0 10px;
}
#register .register-legal-area dd {
margin:  0 0 40px;
padding:  0 20px;

line-height:  1.8em;
}
#register .register-legal-area  dd ul {
}
#register .register-legal-area  dd li {
margin:  0 0 5px;
text-indent:  -1.25em;
margin-left:  1.25em;
}
#register .register-legal-area dd .browser {
margin:  20px 0;
text-indent:  0em;
margin-left:  0em;
background-color:  #F0F0F0;
padding:  20px;
}
#register .register-legal-area dd .browser h4 {
font-size: 14px;
padding: 0 0 10px;
border-bottom:  1px dotted #CCC;
font-weight:  bold;
margin:  0 0 10px;
}
#register .register-legal-area dd .browser h5 {
font-size: 14px;
font-weight:  bold;
margin:  20px 0 10px;
}
#register p.privacy {
text-align: center;
margin:  0 0 10px;
}
#register .form-actions label {
margin:  0 0 20px;
}



/**************************************************
 マイページ
**************************************************/

/* 共通　 */
#mypage .inner-block {
margin:  0  0 40px;
}
#mypage h2 {
font-size:  16px;
margin:  0 0 20px;
font-weight:  bold;
}

#mypage #main .lead-text {
margin:  0 0 40px;
}
#mypage #main {
width:  960px;
float:  right;
}
#mypage input[readonly]{
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}
#mypage #sidebar {
    width:  220px;
    float:  left;
    flex-shrink: 0;
}
#mypage #sidebar .nav h3 {
font-size: 15px;
margin:  0 0 40px;
}
#mypage #sidebar .nav li {
margin:  0 0 20px;
}
#mypage #sidebar .nav li a {
color:  #000;
}
#mypage #sidebar .nav li a:hover {
text-decoration:  underline;
}
#mypage .tab-nav  {
padding:  0 200px;
border-top: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
border-bottom: none;
margin-bottom:  0;
}
#mypage .tab-nav li {
width:  50%;
}
#mypage .favrite ul {
margin:  0;
padding:  40px 30px 0;
border: 1px solid #e1e1e1;
}
#mypage .favrite li {
width:  16.6666667%;
/*float:  left;*/
padding:  0 10px;
margin:  0 0 40px;
}
#mypage .favrite li img {
width:  100%;
}
#mypage .favrite li p.btn-wrap {
text-align:  center;
margin:  0;
}

#mypage .cheacked-item ul {
margin:  0;
padding:  40px 30px 0;
border: 1px solid #e1e1e1;
}
#mypage .cheacked-item li {
width:  16.6666667%;
float:  left;
padding:  0 10px;
margin:  0 0 40px;
}
#mypage .cheacked-item li img {
width:  100%;
}

#mypage span.explanation {
  color: red;
}

/* トップ */
#mypage.top h2 {
border-top: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
font-size: 15px;
text-align:  center;
margin:  0;
background-color:  #fafafa;
position: relative;
padding:  20px;
font-weight:  bold;
}
#mypage.top .btn.black {
color:  #FFF;
background-color:  #525252;
border: none;
}
#mypage.top .btn.fix-right {
position:  absolute;
top:  50%;
right: 20px;
margin-top:  -15px;
}
#mypage.top .btn.fix-left {
position:  absolute;
top:  50%;
left: 20px;
margin-top:  -15px;
}

#mypage.top .myinfo .user-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#mypage.top .myinfo .user-info .name {
    font-size:  18px;
}
#mypage.top .myinfo .user-info .name span {
    font-size: 13px;
    margin-left: 10px;
}
#mypage.top .myinfo .user-info div.barcode {
    text-align: center;
    margin: 0 auto;
    max-width: 300px;
}
#mypage.top .myinfo .user-info img.barcodeImage {
    margin: auto;
    margin-top: 20px;
    display: block;
    width: 100%;
}
#mypage.top .myinfo .user-info div.barcodeNumber{
    letter-spacing: min(2.5VW, 1.0em);
    margin-left: 5px;
}

#mypage.top .myinfo dl {
    display: table;
    width:  100%;
    margin:  50px 0 0;
}
#mypage.top .myinfo dt {
    font-weight:  normal;
    display:  table-cell;
    width:  50%;
    text-align: center;
    vertical-align:  middle;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}
#mypage.top .myinfo dd {
width:  50%;
display:  table-cell;
}
#mypage.top .myinfo dd table:last-of-type{
    margin-top: 30px;
}
#mypage.top .myinfo dd th {
width:  30%;
/* background-color:  #fafafa; */
font-size: 15px;
text-align:  center;
}
#mypage.top .myinfo dd th:first-of-type {
    width: 40%;
}
#mypage.top .myinfo dd td {
font-size: 15px;
text-align:  center;
position: relative;

}
#mypage.top .myinfo dd td span{
margin-right:  40px;
}

/* ポイントプログラム */
#mypage.top .myinfo .user-rank {
    padding: 5px 15px;
    text-align: center;
    font-weight: 500;
    white-space: nowrap;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}
#mypage.top .bronze {
    background-color: #D8C1A3;
}
#mypage.top .silver {
    background-color: #D8D8D6;
}
#mypage.top .gold {
    background-color: #DDDBA2;
}
#mypage.top .platinum {
    background-color: #BEBED3;
}
#mypage.top .diamond {
    background-color: #B2CDD6;
}
#mypage.top tr.table-row-height {
    height: 125px;
}
#mypage.top p.member-caution-text {
    margin: 1.5rem 0;
}
#mypage.top .user-rank-guide-link {
    font-size: 12px;
}

#mypage.top .myinfo dd .mypage-table th {
    border-bottom : none;
    font-weight: normal;
    height: 40px;
    font-size: 16px;
    padding: 5px 10px 0 10px
}

#mypage.top .myinfo dd .mypage-table th:first-of-type {
    width: 20%;
}

#mypage.top .myinfo dd .mypage-table th:nth-of-type(2) {
    width: 50%;
    border-bottom: 1px solid #e1e1e1;
    background-color: #fafafa;
}

#mypage.top .myinfo dd .mypage-table th:last-of-type {
    width: 30%;
    border-bottom: 1px solid #e1e1e1;
    background-color: #fafafa;
}

#mypage.top .myinfo dd .mypage-table td {
    font-size: 18px;
    font-weight: 600;
    padding: 0 10px 12px 10px
}
#mypage.top .myinfo dd .mypage-table .point-rate-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-weight: normal;
}
#mypage.top .myinfo dd .mypage-table .point-rate-container div {
    padding: 0 40px;
    margin: 10px 0;
}
#mypage.top .myinfo dd .mypage-table .point-rate-container div:first-of-type {
    padding-left: 0;
}
#mypage.top .myinfo dd .mypage-table .point-rate-container div:last-of-type {
    padding-right: 0;
    border-left: 1px solid #e1e1e1;
}

#mypage.top .myinfo dd .mypage-table .point-rate-number {
    font-weight: bold;
    font-size: 24px;
}

#mypage.top .myinfo dd .mypage-table p {
    margin: 0;
}

#mypage.top .myinfo dd .mypage-table td p small {
    font-weight: normal;
    font-size: 12px;
}

#mypage.top .mypage-table .btn.fix-right {
    position: absolute;
    top: 46%;
    right: 15px;
}

#mypage.top .myinfo dd .mypage-table .user-rank-container {
    min-height: 94px;
    margin-top: 12px;
}
#mypage.top .myinfo dd .mypage-table .user-rank-container p:first-of-type{
    font-weight: normal;
    margin-bottom: 10px;
    font-size: 16px;
}
#mypage.top dd .point-rate-description {
    margin-bottom: 10px;
}
#mypage.top dd .member-rank-description {
    display: flex;
    margin-bottom: 0;
}
#mypage.top dd .member-rank-description-point {
    display: flex;
    flex-direction: row;
}
#mypage.top dd .member-rank-description-point div:first-of-type {
    margin-right: 10px;
}
/* ポイントプログラム ここまで */

#mypage.top .news span.date {
margin-right:  40px;
color:  #999;
}
#mypage.top .menu ul {
border-top: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
}
#mypage.top .menu li {
padding:  20px;
height:  200px;
width:  20%;
float:  left;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
text-align:  center;
-webkit-transition: .3s;
transition: .3s;
}
#mypage.top .menu li:hover {
background-color:  #fafafa;

}
#mypage.top .menu li a {
color:  #000;
}
#mypage.top .menu li p.image img {
max-width:  52px;
max-height: 40px;
}
#mypage.top .menu li p.title {
font-weight:  bold;
margin: 0 0 5px;
}
#mypage.top .menu li p.text {
font-size: 12px;
margin: 0 0 5px;
}
#mypage.top .history span.date {
margin-right:  40px;
color:  #999;
}
#mypage.top .history td.order-no {
border-right: none;
width:  350px;
}

#mypage.top .history td ul {
text-align: right;
}
#mypage.top .history td li {
display:  inline-block;
margin-left:  10px;
}

/* 会員情報の変更 */
#mypage.member .action-steps-wrap li {
width:  50%;
}
#mypage.member .entry-form .icon-must.first-name {
top: 90px;
}

/* 支払い方法の設定 */
#mypage.payment .action-steps-wrap li {
width:  50%;
}

/* ポイント履歴 */
#mypage.point .sort-nav ul {
margin:  0 0 20px;
text-align:  center;
}
#mypage.point .sort-nav li {
display:  inline-block;
margin:  0 5px;
}

#mypage .buy_history_detail_change .deliverdStatusSection .btn-cancel-label {
    font-size: 13px;
    font-weight: normal;
}

/* ご購入履歴一覧 */
.p-mypage-purchase-history .pager-nav {
    margin-top: 30px;
}
.p-mypage-purchase-history__wrapper {
    display: flex;
    align-items: baseline;

}
.p-mypage-purchase-history__container {
    margin-right: 40px;
}
.p-mypage-purchase-history__info {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}
.p-mypage-purchase-history__text {
    margin-right: 10px;
    color: #777;
    font-size: 16px;
    font-weight: bold;
}
.p-mypage-purchase-history__item {
    margin-top: 20px;
    width: 150px;
}
.p-mypage-purchase-history__item img {
    width: 150px;
    height: auto;
}
.p-mypage-purchase-history__item-text p {
    margin: 0;
}

/* ご注文履歴一覧 */
#mypage.order .history span.date {
margin-right:  40px;
color:  #999;
}
#mypage.order .history td.order-no {
border-right: none;
width:  350px;
}

#mypage.order .history td ul {
text-align: right;
}
#mypage.order .history td li {
display:  inline-block;
margin-left:  10px;
}
#mypage.order .btn.fix-right {
position:  absolute;
top:  50%;
right: 20px;
margin-top:  -15px;
}
#mypage.order .btn.fix-left {
position:  absolute;
top:  50%;
left: 20px;
margin-top:  -15px;
}
#mypage.order .return-form {
margin:  0 0 40px;
}
#mypage.order .return-form table {
border-top:  1px solid #e1e1e1;
border-left:  1px solid #e1e1e1;
}
#mypage.order .return-form th {
text-align:  center;
padding:  20px;
background-color:  #fafafa;
border-right:  1px solid #e1e1e1;
border-bottom:  1px solid #e1e1e1;
}
#mypage.order .return-form td {
padding:  20px;
border-right:  1px solid #e1e1e1;
border-bottom:  1px solid #e1e1e1;
}
#mypage.order .return-form td input[type="text"] {
margin:  10px 0;
display:  block;
}
#mypage.order .return-form td select.return-item {
display: none;
}
#mypage.order .return-form td label {
display:  block;
margin-bottom:  10px;
}

#mypage.order .breakdown {
padding:  50px 200px;
border:  3px solid #d4d4d4;
background-color:  #fafafa;
border-radius:  10px;
display:  table;
width:  100%;
margin:  0 0 40px;
}
#mypage.order .breakdown table {
border: none;
margin:  0 0 20px;
}
#mypage.order .breakdown th {
border-right: none;
padding:  10px 0;
font-weight:  normal;
}
#mypage.order .breakdown td {
text-align: right;
border-right: none;
padding:  10px 0;
}
#mypage .entry-form .item-block .item-line img {
max-width:120px;
}
#mypage .entry-form .item-block .item-line p {
margin:0;
}
#mypage .entry-form .item-block .item-line.item-image {
float: left;
}

.p-mypage-order-history__wrap  {
    border-bottom: solid 1px #e1e1e1;
}
.p-mypage-order-history__info {
    color: #000;
    font-size: 16px;
    background-color: #f0f0f0;
    padding: 16px;
    border-right: solid 1px #e1e1e1;
    border-left: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1;
}
.p-mypage-order-history__wrap:first-child {
    border-top: solid 1px #e1e1e1;
}
.p-mypage-order-history__order {
    display: flex;
}
.p-mypage-order-history__order .subtitle {
    width: 100px;
}
.p-mypage-order-history__date {
    display: flex;
    margin-bottom: 8px;
}
.p-mypage-order-history__date .subtitle {
    width: 100px;
}
.p-mypage-order-history__date .contents {
    color: #000;
}
.p-mypage-order-history__state {
    padding: 16px;
    font-size: 16px;
    font-weight: bold;
    border-right: solid 1px #e1e1e1;
    border-left: solid 1px #e1e1e1;
}
.p-mypage-order-history__item--detail {
    display: flex;
    padding: 0 16px 40px 16px;
    border-right: solid 1px #e1e1e1 ;
    border-left: solid 1px #e1e1e1;
}
.p-mypage-order-history__item--detail img {
    width: 150px;
    height: auto;
}
.p-mypage-order-history__item--text {
    margin-left: 16px;
}
.p-mypage-order-history__item--text p {
    margin-bottom: 4px;
    font-size: 14px;
}
.p-mypage-order-history__wrap .clearfix {
    padding-bottom: 32px;
    border-right: solid 1px #e1e1e1;
    border-left: solid 1px #e1e1e1;
}
.p-mypage-order-history__wrap .clearfix li{
    display: inline-block;
}
.p-mypage-order-history__wrap .clearfix li a{
    width: 250px;
    margin: 0 16px;
}
.history .search-results-zero {
    padding: 20px;
    border: solid 1px #e1e1e1;
}
.history .pager-nav {
    margin-top: 30px;
}
.p-mypage-order-history__wrap .btn-wrap {
    text-align: center;
}

#mypage.fitting .fitting-store-info{
    margin-bottom: 0;
}
#mypage.fitting .fitting-store-info td{
    display: flex;
    flex-direction: column;
    padding: 25px;
}
#mypage.fitting .fitting-store-info tr:last-child td {
    border-bottom: none;
}
#mypage.fitting .fitting-store-info td div{
    display: flex;
}
#mypage.fitting .fitting-reserve-status {
    font-weight: bold;
}
#mypage.fitting .fitting-datetime {
    gap: 10px;
}
@media (max-width: 991px) {
    #mypage.fitting .fitting-datetime {
        flex-direction: column;
        gap: 0;
    }
    #mypage.fitting .fitting-store-info .fitting-reserve-number {
        font-size: 15px;
    }
}
#mypage.fitting .fitting-store-info td>div>div:first-of-type{
    width: 160px;
}
#mypage.fitting .fitting-item-info td{
    display: flex;
    flex-direction: row;
    padding: 25px;
}
#mypage.fitting .fitting-item-info td div img {
    width: 150px;
}
#mypage.fitting .fitting-item-detail {
    margin-left: 20px;
}
#mypage.fitting .fitting-item-detail-name {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
#mypage.fitting .fitting-item-detail-info {
    font-size: 14px;
    display: flex;
    flex-direction: column;
}
#mypage.fitting .fitting-item-detail-info>div {
    display: flex;
}
#mypage.fitting .fitting-store-info .fitting-store-info-content-row {
    background-color: #fafafa;
    padding: 17px 20px;
}
#mypage.fitting .fitting-store-info .fitting-reserve-number {
    font-weight: bold;
    align-items: center;
}
#mypage.fitting .fitting-store-info-content-row div{
    display: flex;
    justify-content: space-between;
}
#mypage.fitting .fitting-list__no-result {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 20px 60px;
    font-size: 15px;
    border: 1px solid #e1e1e1;
}

/* お気に入り一覧 */
@media (min-width: 991px) {
    .parts-favorite-item-list__item-container:not(:first-child) .parts-favorite-item-list__title {
        display: none;
    }
    .parts-favorite-item-list__button-container {
        display: none;
    }
}
.parts-favorite-item-list__list-container {
    display: flex;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
}
.parts-favorite-item-list__item-description-container {
    display: flex;
    flex-basis: 55%;
    flex-direction: column;
    border-right: 1px solid #e1e1e1;
}
.parts-favorite-item-list__favorite-information-container {
    display: flex;
    flex-basis: 45%;
}
.parts-favorite-item-list__favorite-description-container {
    display: flex;
    flex-basis: calc(100% / 3);
    text-align: center;
    flex-direction: column;
    flex-shrink: 0;
    border-right: 1px solid #e1e1e1;
}
.parts-favorite-item-list__title {
    text-align: center;
    font-weight: bold;
    width: 100%;
    height: 60px;
    flex-shrink: 0;
    background-color: #fafafa;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.parts-favorite-item-list__item-description {
    display: flex;
    padding: 20px;
}
.parts-favorite-item-list__image {
    flex-basis: 25%;
    padding-right: 20px;
}
.parts-favorite-item-list__image img {
    width: 100%;
}
.parts-favorite-item-list__text {
    flex-basis: 75%;
    font-size: 11px;
}
.parts-favorite-item-list__text--name {
    font-size: 14px;
    color: black;
    margin: 10px 0;
    font-weight: bold;
}
.parts-favorite-item-list__favorite-description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}
@media (max-width: 991px) {
    .parts-favorite-item-list__list-container {
        flex-direction: column;
    }
    .parts-favorite-item-list__item-description {
        padding: 0;
        padding-bottom: 20px;
    }
    .parts-favorite-item-list__image {
        padding-right: 10px;
    }
    .parts-favorite-item-list__item-description-container .parts-favorite-item-list__title {
        display: none;
    }
    .parts-favorite-item-list__item-description-container {
        border-right: none;
    }
    .parts-favorite-item-list__list-container {
        border-left: none;
    }
    .parts-favorite-item-list__favorite-information-container {
        border-left: 1px solid #e1e1e1;
    }
    .parts-favorite-item-list__item-container:not(:last-child) {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #e1e1e1;
    }
    .parts-favorite-item-list__button-container {
        margin-top: 20px;
    }
    .parts-favorite-item-list__button {
        width: 100%;
        height: 38px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 20px;
    }
    .parts-favorite-item-list__favorite-description-container--stock {
        flex-basis: 70px;
        flex-grow: 1;
    }
    .parts-favorite-item-list__favorite-description-container--date {
        flex-basis: 150px;
        flex-shrink: 1;
    }
    .parts-favorite-item-list__favorite-description-container--price {
        flex-basis: 150px;
        flex-shrink: 1;
    }
}

/* お届け先の変更・追加 */
#mypage.delivery td.tel input {
width:  200px;
}
#mypage.delivery .entry-form td div {
position: absolute;
top: 0;
}
#mypage.delivery .entry-form td.shipping div {
left: 480px;
top: 30px;
}
/* 配信中メールマガジンの変更・追加 */
#mypage.mailmagazine .magazine-list label {
margin:  0 20px 10px 0;
}
#mypage.mailmagazine .brand-shop {
display:  none;
margin-top:  20px;
}
#mypage.mailmagazine .brand-shop.active {
display:  block;

}
#mypage.mailmagazine .selected_magazine {
margin:0 0 20px 0;
}
#mypage .entry-form .icon-must.first-name {
top: 90px;
}
/* お気に入りコーディネート一覧 */
#mypage.code #main {
padding-bottom:  40px;
}
#mypage.code #main .list ul {
margin:  0 -10px;
}
#mypage.code #main .list li {
width:  20%;
float:  left;
padding:  0 10px;
margin:  0 0 20px;
text-align:  center;
position: relative;
}
#mypage.code #main .list li input {
position: static;
display:  inline-block;
display:  none;
}
#mypage.code #main li img {
width:  100%;
}
#mypage.code #main #plural-del {
 text-align: right;
 margin:  0 0 20px;
 }
#mypage.code #main .btn-group-box {
display:  none;
}
/* ご再入荷のお知らせ一覧 */

#mypage.arrival #main {
padding-bottom:  40px;
}
#mypage.arrival #main .list ul {
margin:  0 -10px;
}
#mypage.arrival #main .list li {
width:  20%;
float:  left;
padding:  0 10px;
margin:  0 0 20px;
text-align:  center;
position: relative;
}
#mypage.arrival #main .list li input {
position: static;
display:  inline-block;
display:  none;
}
#mypage.arrival #main li img {
width:  100%;
}
#mypage.arrival #main #plural-del {
 text-align: right;
 margin:  0 0 20px;
 }
#mypage.arrival #main .btn-group-box {
display:  none;
}

/* 会員ステージ・年間ご購入金額 */
#mypage.rank dl {
    display: table;
    width:  100%;
    margin:  50px 0 0;
}

#mypage.rank dt {
    font-weight:  normal;
    display:  table-cell;
    width:  50%;
    text-align: center;
    vertical-align:  middle;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

#mypage.rank dd {
width:  50%;
display:  table-cell;
}

#mypage.rank dd th {
width:  30%;
background-color:  #fafafa;
font-size: 15px;
text-align:  center;
}

#mypage.rank  dd th:first-of-type {
    width: 40%;
}

#mypage.rank  dd td {
font-size: 15px;
text-align:  center;
position: relative;
}

#mypage.rank dd td .point-rate-container {
    display: flex;
    justify-content: center;
}
#mypage.rank dd td .point-rate-container div:last-of-type {
    border-left: 1px solid #e1e1e1;
    padding-right: 0;
}
#mypage.rank dd td .point-rate-container div:first-of-type {
    padding-left: 0;
}
#mypage.rank dd td .point-rate-container div {
    margin: 10px 0;
    padding: 0 40px;
}
#mypage.rank dd td .point-rate-container div p:last-of-type {
    margin-bottom: 0;
}
#mypage.rank dd td .point-rate-number {
    font-weight: bold;
    font-size: 24px;
}
#mypage.rank dd td .point-rate-small {
    font-size: 70%;
}
#mypage.rank dd td .member-rank-description {
    display: flex;
}
#mypage.rank dd td .member-rank-description div:first-of-type {
    white-space: nowrap;
}
#mypage.rank dd td .member-rank-description div:last-of-type {
    flex: 1;
}
#mypage.rank dd .point-rate-description {
    margin: 10px 30px 10px 30px;
    text-align: left;
}
#mypage.rank dd td span{
margin-right:  40px;
}

#mypage.rank .user-rank {
    padding: 5px 15px;
    text-align: center;
    font-weight: 500;
    white-space: nowrap;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}

#mypage.rank .mailMember {
    border: 2px solid #d3d3d3;
}

#mypage.rank .bronze {
    background-color: #D8C1A3;
}

#mypage.rank .silver {
    background-color: #D8D8D6;
}

#mypage.rank .gold {
    background-color: #DDDBA2;
}

#mypage.rank .platinum {
    background-color: #BEBED3;
}

#mypage.rank .diamond {
    background-color: #B2CDD6;
}

#mypage.rank tr.table-row-height {
    height: 125px;
}

#mypage.rank p.member-caution-text {
    margin: 1.5rem 0;
}

#mypage.rank .user-rank-guide-link {
    font-size: 12px;
}

/*---------------------------------
シルバーエッグ導入によるcommon.cssの変更箇所
------------------------------------*/

/*  この商品を見た人はこんな商品も見ています */
#recommender_pc611 {
    width: 100%;
}
#recommender_pc611 .dv_recommend {
    margin: 0 0 40px;
    position: relative;
    border: 1px solid #e1e1e1;
}
/*#recommender_pc611 .dv_rc_header:after {
    position: absolute;
    top: 31px;
    right: 20px;
    display: inline-block;
    margin-top: -15px;
    content: "一覧";
    background-color: #FFF;
    color: #000;
    border: 1px solid #e1e1e1;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    font-size: 14px;
    font-weight: normal;
    padding: 0 20px;
    z-index: 10;
}*/
#recommender_pc611 .dv_rc_title {
    border-bottom: 1px solid #e1e1e1;
    font-size: 15px;
    text-align: center;
    margin: 0 0 30px;
    background-color: #fafafa;
    position: relative;
    padding: 20px;
    font-weight: bold;
}
#recommender_pc611 .dv_rc_title:after {
    content: "あなたにおすすめのアイテム";
}
#recommender_pc611 .dv_rc_items {
    float: left;
    width: 16.666667%;
    padding: 0 15px;
    margin: 0 0 20px;
    position: relative;
}
#recommender_pc611 .dv_rc_footer {
	clear: both;
	padding: 0 10px;
}
#recommender_pc611 .dv_rc_items .dv_rc_img {
    margin: 0 0 15px;
}
#recommender_pc611 .dv_rc_brandname,
#recommender_pc611 .dv_rc_name,
#recommender_pc611 .dv_rc_description {
	margin-bottom: 10px;
}
#recommender_pc611 .dv_rc_brandname {
    color: #777777;
    font-size: 11px;
    line-height: 11px;
    font-style: italic;
}
#recommender_pc611 .dv_rc_name {
    font-size: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /*-webkit-line-clamp: 2;*/
    text-overflow: ellipsis;
    height: 2.777em;
    line-height: 1.366em;
    position: relative;
    margin-right: 12px;
}
#recommender_pc611 .dv_rc_price {
    color: #777777;
    font-style: italic;
    line-height: 1.366em;
}
#recommender_pc611 .dv_rc_items .dv_rc_icon {
    position: absolute;
    top: 0;
}
#recommender_pc611 .dv_rc_items img {
    width: 100%;
}
#recommender_pc611 .dv_rc_items a {
    color: #000;
    display: block;
}
#recommender_pc611 .dv_rc_items a:hover {
    opacity: 1;
}
#recommender_pc611 .dv_rc_items a:hover > .dv_rc_img {
    opacity: 0.6;
}
#recommender_pc611 .dv_rc_footer p.more {
    height: 40px;
    line-height: 40px;
    text-align: right;
    padding-right: 40px;
    background: #e1e1e1 url(../../images/common/icn_arrow_right_s.png) no-repeat right 20px center;
}

/* #mypage-favorite-store {
    padding-top:120px;
    margin-top: -120px;
} */


/**************************************************
 *
 * タブレット
 *
**************************************************/

@media (max-width: 991px) {
/**************************************************
 ログイン
**************************************************/
#login {
padding:  0;
}
#login .container {
    padding: 0;
}
.login-area-box {
padding:  0 10px;
margin:  0 -10px 20px;
}
.login-area-box h2 {
font-size:  16px;
margin:  0;
border: none;
}
.login-area-box .btn-group-box li {
width: 100%;
}
.login-area-box.register-area {
padding-bottom:  0;
border:  none;
}
.login-area-subbox {
    margin: 0;
}
.login-area-subbox table {
    border-left: none;
    border-bottom: none;
}
.login-area-subbox th {
display:  block;
width:  100%;
border-bottom:  none;
padding-bottom:  0;
}
.login-area-subbox td {
border: none;
padding-top: 20px;
}
.login-area-subbox input[type="text"] {
    width: 100%;
}
.login-area-subbox .password-wrapper {
    width: 100%;
}
.login-area-box.register-area img {
height: auto;
}

.register-area .login-area-subbox {
    border-right: none;
    border-left: none;
}

.register-area .login-area-subbox tbody {
    display: block;
    padding: 0 15px;
}
.login-area-subbox .btn-group-box {
    padding: 0 0;
}
/**************************************************
 会員登録
**************************************************/
#register {
    padding: 0;
}
.register-legal-area h2 {
    font-size: 14px;
    line-height:  1.8em;
}
#entry-form .btn-group-box.regist-confirm-action {
    margin-left: 0;
    margin-right: 0;
}
#entry-form .btn-group-box.regist-confirm-action ul {
    display: flex;
}
#entry-form .btn-group-box.regist-confirm-action ul li {
    flex: 1;
}
/**************************************************
会員登録完了ページ
**************************************************/
#register .entry-conf .title {
    flex-direction: column;
}
#register .entry-conf .caption {
    margin-left: 0;
}
#register .complete-notice {
    max-width: 990px;
    margin : 8px 0;
}
#register ul.btn-list-flex > li:last-child{
    width: 50%;
}
#register ul.btn-list-flex > li:last-child > a{
    width: 100%;
    text-align: center;
    margin: 20px 0;
}
.member-stage-service-image img{
    width: 100%;
    max-width: 500px;
}

/**************************************************
 マイページ
**************************************************/

#mypage #main {
width:  100%;
float:  none;
}
#mypage #main .lead-text {
margin:  -20px 0 20px;
padding: 0 20px;
}
#mypage .inner-block {
margin-top: -1px;
}
#mypage .tab-nav  {
padding:  0;
}

#mypage #sidebar {
display:  none;
}

#mypage.top h2 {

font-size: 15px;
}
#mypage .tab-nav li a {
padding:  0 10px;
font-size: 14px;
}
#mypage.top .myinfo dl {
display: block;
width:  100%;
margin:  30px 0 0;
}
#mypage.top .myinfo dt {
display: block;
padding:  20px;
width:  100%;
border-right: 1px solid #e1e1e1;
border-bottom: none;
}
#mypage.top .myinfo dd {
display: block;
width:  100%;
}
#mypage.top .myinfo dd th {
border-right: 1px solid #e1e1e1;
width:  100%;
}

#mypage.top td.table-cell-height {
    height: 120px;
}

/* ポイントプログラム */
#mypage.top .myinfo .user-rank-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}

#mypage.top .myinfo .user-rank {
    padding: 5px 25px;
    margin: 0 auto;
}

#mypage.top .myinfo dd .mypage-table th:first-of-type {
    display: block;
    width: 100%;
}
#mypage.top .myinfo dd .mypage-table tr:first-of-type th {
    background-color: inherit;
    height: auto;
}
#mypage.top .myinfo dd .mypage-table tr:first-of-type th p:last-of-type {
    font-weight: 600;
}
#mypage.top .myinfo dd .mypage-table tr:first-of-type td span {
    margin: 0;
}
#mypage.top .myinfo dd .mypage-table th {
    font-weight: normal;
    height: 35px;
    font-size: 15px;
    padding: 8px 13px;
    text-align: center;
}

#mypage.top .myinfo dd .mypage-table td:first-of-type {
    display: block;
    width: 100%;
}
#mypage.top .myinfo dd .mypage-table td {
    font-weight: 600;
    font-size: 15px;
    padding: 8px 13px;
}
#mypage.top dd .member-rank-description {
    display: flex;
}
#mypage.top dd .member-rank-description div:first-of-type {
    white-space: nowrap;
}
#mypage.top dd .member-rank-description div:last-of-type {
    flex: 1;
}
#mypage.top dd .member-rank-description-point {
    flex-direction: column;
}
#mypage.top dd .member-rank-description-point div:first-of-type {
    margin-right: 0;
}


#mypage.top .myinfo dd .mypage-table td p {
    margin: 0;
}

/* ポイントプログラム ここまで */

#mypage.top .news span.date {
margin-right:  0;
display:  block;
}
#mypage.top .menu li {
width:  50%;
height:  180px;
/* border-right: none; */
padding: 15px;
}
#mypage.top .menu li:last-child {
display: none!important;
}
#mypage.top .menu li p {
margin:  0;
}
#mypage.top .menu li p.image {
margin:  0 0 10px;
}
#mypage.top .menu li p.image img {
max-width:  42px;
max-height: 30px;
}
#mypage.top .history td {
display:  block;
width:  100%;
padding:  20px 10px;
}
#mypage.top .history span.date {
margin-right:  20px;
}
#mypage.top .history td.order-no {
width:  100%;
border-right: 1px solid #e1e1e1;
}

#mypage.top .history td ul {
margin:  0 -10px;
}
#mypage.top .history td li {
width:  50%;
padding:  0 5px;
margin:  0;
float:  left;
}
#mypage.top .history td li:nth-child(n+3) {
margin-top: 10px;
}

#mypage.top .history .order-no {
border-bottom: none;
padding-bottom:  20px;
position:  relative;
}
#mypage.top .history .btn-wrap {
padding-top:  0;
}
#mypage.top .history .btn-wrap a.btn {
margin:  0;
font-size: 11px;
padding:  0 ;
display:  block;
}
#mypage .favrite ul {
padding:  20px 0px 0;
}
#mypage .favrite li {
width:  49%;
margin:  0 0 20px;
}
#mypage .favrite li p {
margin:  0;
font-size: 12px;
}
#mypage .favrite li p.image {
margin:  0 0 10px;
}
#mypage .favrite li p.btn-wrap {
margin:  10px 0;
}
#mypage .cheacked-item ul {
padding:  20px 0px 0;
}
#mypage .cheacked-item li {
width:  33.333333%;
margin:  0 0 20px;
}
#mypage .cheacked-item li p {
margin:  0;
font-size: 12px;
}
#mypage .cheacked-item li p.image {
margin:  0 0 10px;
}

/* 会員情報変更 */
#mypage.member .entry-form th {
display:  block;
width:  100%;
padding:  20px;
background-color: #fafafa;
text-align:  left;
font-size: 14px;
}
#mypage.member .entry-form td {
display:  block;
width:  100%;
padding:  20px;
position: relative;
}
#mypage.member .entry-form input[type="text"],
#mypage.member .entry-form input[type="password"] {
width: 100%;
}
#mypage.member .entry-form .icon-must {
top: -40px;
left:  auto;
right:  20px;
}
#mypage.point .sort-nav ul {
margin:  0 0 20px;
text-align:  center;
}
/* ポイント履歴 */
#mypage.point .sort-nav ul {
margin:  0 -5px;
}
#mypage.point .sort-nav li {
display: block;
float:  left;
padding:  0 5px;
margin:  0 0 10px;
width:  50%;
}
#mypage.point .sort-nav li .btn {
width:  100%;
}

/* ご購入履歴一覧 */
.p-mypage-purchase-history__item {
    margin-top: 20px;
    width: auto;
    display: flex;
}
.p-mypage-purchase-history__item img {
    width: 100px;
    height: auto;
}
.p-mypage-purchase-history__item-text {
    margin-left: 20px;
}
.p-mypage-purchase-history__wrapper {
    display: block;
}
.p-mypage-purchase-history__container {
    margin-right: 0;
}

/* オンラインご注文履歴一覧 */

#mypage.order .history td {
display:  block;
width:  100%;
padding:  20px 10px;
}
#mypage.order .history span.date {
margin-right:  20px;
}
#mypage.order .history td.order-no {
width:  100%;
border-right: 1px solid #e1e1e1;
position: relative;
}

#mypage.order .history td ul {
margin:  0 -10px;
}
#mypage.order .history td li {
width:  50%;
padding:  0 5px;
margin:  0;
float:  left;
}
#mypage.order .history td li:nth-child(n+3) {
margin-top: 10px;
}

#mypage.order .history .order-no {
border-bottom: none;
padding-bottom:  20px;
}
#mypage.order .history .btn-wrap {
padding-top:  0;
}
#mypage.order .history .btn-wrap a.btn {
margin:  0;
font-size: 11px;
padding:  0 ;
display:  block;
}

#mypage.order .return-form {
margin:  0 0 20px;
}
#mypage.order .return-form table {
border-top:  1px solid #e1e1e1;
border-left:  1px solid #e1e1e1;
}
#mypage.order .return-form th {
text-align: left;
width:  100px;
}
#mypage.order .box  {
margin:  0 0 20px;
}

#mypage.order .breakdown {
padding:  20px;
border:  3px solid #d4d4d4;
background-color:  #fafafa;
border-radius:  10px;
display:  table;
width:  100%;
margin:  0 0 40px;
}
#mypage.order .breakdown table {
border: none;
margin:  0 0 20px;
}
#mypage.order .breakdown th {
border-right: none;
padding:  10px 0;
font-weight:  normal;
}
#mypage.order .breakdown td {
text-align: right;
border-right: none;
padding:  10px 0;
}
.p-mypage-order-history__info {
    font-size: 14px;
    padding: 8px;
}
.p-mypage-order-history__date {
    margin-bottom: 0;
}
.p-mypage-order-history__state {
    padding: 8px;
    font-size: 14px;
}
.p-mypage-order-history__item--detail {
    padding: 0 8px 32px 8px;
}
.p-mypage-order-history__item--detail img {
    width: 100px;
    height: auto;
}
.p-mypage-order-history__item--text {
    font-size: 12px;
    margin-left: 12px;
}
.p-mypage-order-history__wrap .clearfix li {
    display: flex;
    justify-content: center;
}
.p-mypage-order-history__wrap .clearfix li:nth-of-type(2) {
    margin-top: 20px;
}
.p-mypage-order-history__wrap .clearfix li a {
    width: 90%;
}


/* お気に入り一覧 */
#mypage.favorite .item-box {
margin:  20px 0 0;
padding:  20px 0 0;
border-top:  1px solid #e1e1e1;
}
#mypage.favorite .entry-form th,
#mypage.favorite .entry-form td{
display:  table-cell;
}
#mypage.favorite .item-box:nth-of-type(1) {
margin:  0;
padding:  0;
border-top: none;
}
#mypage.favorite .item-box td {
height:  auto;
}
#mypage.favorite .item-box td span {
display:  inline;
}
#mypage.favorite .item-box .left {
width:  100%;
}
#mypage.favorite .item-box .right {
width:  100%;
min-width:  100%;


}
#mypage.favorite .item-box > div {
display:  block;
}
#mypage.favorite .item-box .left th {
display:  none;
}
#mypage.favorite .item-box .left table {
border: none;
}
#mypage.favorite .item-box .left td {
border: none;
width:  auto;
padding-top: 0;
padding-left: 0;
}
#mypage.favorite .left td.image {
width:  100px;
padding-right:  10px;
}

/* お気に入りコーディネート一覧 */
#mypage.code #main .list li {
width:  50%;
float:  left;
padding:  0 10px;
margin:  0 0 20px;
text-align:  center;
position: relative;
}
/* ご再入荷のお知らせ一覧*/
#mypage.arrival #main .list ul {
margin:  0 -5px;
}

#mypage.arrival #main .list li {
width:  50%;
float:  left;
padding:  0 5px;
margin:  0 0 20px;
text-align:  center;
position: relative;
}
/* お届け先の変更・追加 */
#mypage.delivery .entry-form td.shipping {
height: 100px;
}
#mypage.delivery .entry-form td.shipping div {
top: 70px;
left: 0px;
padding: 0 20px;
}

/* 会員ステージ・年間ご購入金額 */
#mypage.rank dl {
    display: block;
    width:  100%;
    margin:  30px 0 0;
}

#mypage.rank dt {
display: block;
padding:  20px;
width:  100%;
border-right: 1px solid #e1e1e1;
border-bottom: none;
}

#mypage.rank dd {
display: block;
width:  100%;
}

#mypage.rank dd th {
border-right: 1px solid #e1e1e1;
width:  100% !important;
}

#mypage.rank p.member-caution-text {
    margin: 1.5rem;
}

#mypage.rank td.table-cell-height {
    height: 120px;
}

#mypage.rank .user-rank-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}

#mypage.rank dd .point-rate-description {
    margin-left: 0;
    margin-right: 0;
}

#mypage.rank .point-description-wrapper {
    max-width: 500px;
    margin: 0 auto;
}

#mypage.rank .user-rank {
    padding: 5px 25px;
    margin: 0 auto;
}
/* ポイントプログラム ここまで */
/*---------------------------------
シルバーエッグ導入によるcommon.cssの変更箇所
------------------------------------*/

/*  この商品を見た人はこんな商品も見ています */
#recommender_pc611 {
    margin: 0 0 30px;
    width: 100%;
    padding: 0 0;
}
#recommender_pc611 .clearfix {
    padding: 20px 0 0;
}
#recommender_pc611 .dv_recommend {
	margin: 0;
}
#recommender_pc611 .dv_rc_title {
    font-size: 15px;
}
#recommender_pc611 .dv_rc_items {
    width: 33.333333%;
    margin: 0 0 20px;
    padding: 18px 10px;
}
#recommender_pc611 .dv_rc_brandname,
#recommender_pc611 .dv_rc_name {
	margin-bottom: 0;
}
#recommender_pc611 .dv_rc_footer {
    clear: both;
    padding: 0;
    margin: 0 -10px;
}

}


/**************************************************
 *
 * スマホ
 *
**************************************************/

@media (max-width: 767px){
    #mypage.favorite .item-box p.price {
        font-size: 13px;
    }
    .p-mypage-favorite-item__cart_in{
        margin-top: 1em;
    }
}


.p-mypage-favorite {
    width: 100%;
}
.p-mypage-favorite__title-container {
    height: 50px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FAFAFA;
    border: 1px solid #E1E1E1;
}
.p-mypage-favorite__title-container .p-mypage-favorite__title {
    font-weight: bold;
    font-size: 15px;
}
.p-mypage-favorite__title-container .p-mypage-favorite__list-button {
    position: absolute;
    right: 20px;
    top: 9px;
    width: 70px;
    border-radius: 15px;
    border: 1px solid #E1E1E1;
    height: 30px;
    display: flex;
    background-color: white;
    color: black;
    justify-content: center;
    align-items: center;
}
.p-mypage-favorite__container {
    border: 1px solid #E1E1E1;
    border-top: none;
}
.p-mypage-favorite .p-contents-tab {
    width: 100%;
    border-bottom: 1px solid #E1E1E1;
}
.p-mypage-favorite .p-mypage-favorite__contents {
    padding-top: 10px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
}
.p-mypage-favorite .p-contents-tab__item {
    font-weight: normal;
}
.p-mypage-favorite .p-staff-coordinate-item {
    flex-basis: 25%!important;
}
.p-mypage-favorite .p-staff-list-item {
    flex-basis: 20%!important;
}
.p-mypage-favorite .p-mypage-favorite-item__container {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}
.p-mypage-favorite .p-mypage-favorite-item__item-container {
    flex-basis: calc(100% / 6);
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 30px;
}
.p-mypage-favorite .p-mypage-favorite-item__image {
    width: 100%;
}
.p-mypage-favorite .p-staff-list__container {
    padding-bottom: 0;
    margin-left: -5px;
    margin-right: -5px;
}
@media (max-width: 767px){
    .p-mypage-favorite .p-staff-coordinate-item,
    .p-mypage-favorite .p-staff-list-item {
        flex-basis: 50%!important;
    }
    .p-mypage-favorite .p-mypage-favorite-item__item-container {
        flex-basis: 50%;
    }
    .p-mypage-favorite .p-mypage-favorite__contents {
        padding-left: 10px;
        padding-right: 10px;
    }
    .p-mypage-favorite p {
        margin: 0;
    }
}
.p-mypage-favorite .btn-wrap {
    text-align: center;
}
.page-favorite-item-list .p-staff-list__container {
    padding-bottom: 0;
}
#mypage .p-contents-tab {
    border-top: none;
}

@media (min-width: 991px) {
    #mypage .specifications-table {
        padding-right: 10%;
    }
}

/* インボイス対応 ここから */
.invoice-row {
    text-align: right;
    margin-bottom: 20px;
}

.invoice-date {
    text-align: right;
    margin-bottom: 30px;
    font-weight: bold;
}

.reduced-tax-text {
    text-align: right;
}

.invoice-grid-header,
.invoice-grid-items {
    display: grid;
    grid-template-columns: 3fr 2fr 2fr 1fr 1fr;
    gap: 12px;
}

.invoice-grid-header {
    font-weight: bold;
}

.invoice-grid-items {
    font-weight: normal;
    margin-top: 5px;
}

/* 返品確定したものが無い場合は返品明細のラベルを非表示にする */
.return-info-label:only-child {
    display: none;
}

@media (max-width: 991px) {
    .invoice-header {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
    }

    .invoice-date-label {
        flex: 2;
    }

    .invoice-date {
        flex: 3;
        margin-bottom: 0;
    }

    .invoice-grid-header,
    .invoice-grid-items {
        grid-template-columns: 6fr 6fr 4fr 3fr 3fr;
        gap: 6px;
    }
}
/* インボイス対応 ここまで */

#mypage.delivery .member-address {
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 20px;
}

#mypage.member .entry-form .card-holdername-annotation {
    margin-top: 10px;
    color: red;
}