@charset "utf-8";

/**--パンくず
----------------------------------------------------------*/
.pan {
    width: 650px;
    height: auto;
    margin: 0 auto;
    padding: 6px 0 12px;
    box-sizing: border-box;
    text-align: right;
}

.pan ul li {
    float: left;
    display: inline;
    padding-right: 4px;
}

.pan p {
    width: 100%;
    text-align: right;
}

@media screen and (max-width: 768px) {
    .pan {
        width: 96%;
        font-size: 12px;
    }
}

/**.mainImg
----------------------------------------------------------*/
.mainImg {
    position: relative;
    width: 940px;
    margin: 0 auto;
}

.mainImg h2 {
    position: absolute;
    left: 0;
    top: 13px;
}

.mainImg .photo {
    width: 100%;
    height: auto;
}

.logo_b {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

@media screen and (max-width: 768px) {
    .mainImg {
        width: 100%;
    }

    .mainImg h2 img {
        max-width: 70%;
        height: auto;
    }

    .logo_b {
        margin-top: 0px;
    }
}

/**.pageLink
----------------------------------------------------------*/
.pageLink {
    width: 940px;
    margin: 0 auto;
    padding: 0 0 68px 0;
}

.pageLink h3 {
    padding-top: 46px;
}

.pageLink .deskSeries,
.pageLink .otherItem {
    padding-top: 2px;
}

.pageLink .deskSeries li,
.pageLink .otherItem li {
    width: 312px;
    background: #e4e4e4;
}

.pageLink .deskSeries1-4 li,
.pageLink .otherItem1-4 li {
    width: 233px;
    background: #e4e4e4;
}

.pageLink .purpleBtn {
    padding-top: 36px;

    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

.pageLink .purpleBtn li {
    width: 312px;
}

.pageLink .gakushu_btn {
    margin-top: 46px;
}

@media screen and (max-width: 768px) {
    .pageLink {
        width: 100%;
        padding: 0 0 30px 0;
    }

    .pageLink .grayBtn {
        padding-top: 20px;
    }

    .pageLink .deskSeries,
    .pageLink .otherItem,
    .pageLink .deskSeries1-4,
    .pageLink .otherItem1-4 {
        width: 100%;
    }

    .pageLink .deskSeries li,
    .pageLink .otherItem li,
    .pageLink .purpleBtn li {
        width: 32.3%;
        margin: 0 0.5%;
    }

    .pageLink .deskSeries1-4 li,
    .pageLink .otherItem1-4 li {
        width: 24%;
        margin: 0 0.5%;
    }

    .pageLink .deskSeries li img,
    .pageLink .otherItem li img,
    .pageLink .deskSeries1-4 li img,
    .pageLink .otherItem1-4 li img,
    .pageLink .purpleBtn li img {
        max-width: 100%;
        height: auto;
    }
}

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

    .pageLink .deskSeries li,
    .pageLink .otherItem li,
    .pageLink .deskSeries1-4 li,
    .pageLink .otherItem1-4 li,
    .pageLink .purpleBtn li {
        width: 100%;
        max-width: 312px;
        margin: 0 auto 10px;
    }

    .pageLink .deskSeries li img,
    .pageLink .otherItem li img,
    .pageLink .deskSeries1-4 li img,
    .pageLink .otherItem 1-4 li img,
    .pageLink .purpleBtn li img {
        max-width: 100%;
        height: auto;
    }

    .pageLink .purpleBtn li {
        margin: 0 auto 10px;
    }
}

/* tab_wrapper
-------------------------------------------------------------------*/
.tab-wrapper {
    margin: 0 auto;
    width: 100%;
    background: url(../img/common/nav_bg_line.png) repeat-x;
}

ul.tab-area_bn {
    width: 940px;
    margin: 0 auto;
    background: url(../img/common/nav_bg_bn.png) no-repeat top center;
}

ul.tab-area_up {
    width: 940px;
    margin: 0 auto;
    background: url(../img/common/nav_bg_up.png) no-repeat top center;
}

ul.tab-area_sp {
    width: 940px;
    margin: 0 auto;
    background: url(../img/common/nav_bg_sp.png) no-repeat top center;
}

ul.tab-area_leg {
    width: 940px;
    margin: 0 auto;
    background: url(../img/common/nav_bg_leg.png) no-repeat top center;
}

ul.tab-area_ml {
    width: 940px;
    margin: 0 auto;
    background: url(../img/common/nav_bg_ml.png) no-repeat top center;
}

ul.tab-area_bn_02 {
    width: 940px;
    margin: 0 auto;
    background: url(../img/common/nav_bg_bn_02.png) no-repeat top center;
}

ul.tab-area_up_02 {
    width: 940px;
    margin: 0 auto;
    background: url(../img/common/nav_bg_up_02.png) no-repeat top center;
}

ul.tab-area_sp_02 {
    width: 940px;
    margin: 0 auto;
    background: url(../img/common/nav_bg_sp_02.png) no-repeat top center;
}

ul.tab-area_leg_02 {
    width: 940px;
    margin: 0 auto;
    background: url(../img/common/nav_bg_leg_02.png) no-repeat top center;
}

ul.tab-area_ml_02 {
    width: 940px;
    margin: 0 auto;
    background: url(../img/common/nav_bg_ml_02.png) no-repeat top center;
}

ul.tab-area_bn_03 {
    width: 940px;
    margin: 0 auto;
    background: url(../img/common/nav_bg_bn_03.png) no-repeat top center;
}

ul.tab-area_up_03 {
    width: 940px;
    margin: 0 auto;
    background: url(../img/common/nav_bg_up_03.png) no-repeat top center;
}

ul.tab-area_sp_03 {
    width: 940px;
    margin: 0 auto;
    background: url(../img/common/nav_bg_sp_03.png) no-repeat top center;
}

ul.tab-area_leg_03 {
    width: 940px;
    margin: 0 auto;
    background: url(../img/common/nav_bg_leg_03.png) no-repeat top center;
}

ul.tab-area_cari_03 {
    width: 940px;
    margin: 0 auto;
    background: url(../img/common/nav_bg_cari_03.png) no-repeat top center;
}

ul.tab-area_ml_03 {
    width: 940px;
    margin: 0 auto;
    background: url(../img/common/nav_bg_ml_03.png) no-repeat top center;
}

.tab-area_bn li {
    /*float:left;
	line-height:42px;
	padding:5px 27px;*/
}

.tab-area_up li {
    /*float:left;
	line-height:42px;
	padding:5px 27px;*/
}

.tab-area_sp li {
    /*float:left;
	line-height:42px;
	padding:5px 27px;*/
}

.tab-area_ml li {
    /*float:left;
	line-height:42px;
	padding:5px 27px;*/
}

.tab01 {
    float: left;
    line-height: 36px;
    padding: 5px 5px 5px 8px;
    width: 80px;
    text-align: center;
}

.tab02 {
    float: left;
    line-height: 36px;
    padding: 5px 6px;
    width: 99px;
    text-align: center;
}

.tab03 {
    float: left;
    line-height: 36px;
    padding: 5px;
    width: 99px;
    text-align: center;
}

.tab05 {
    float: left;
    line-height: 36px;
    padding: 5px;
    width: 85px;
    text-align: center;
}

.tab08 {
    float: left;
    line-height: 36px;
    padding: 5px;
    width: 85px;
    text-align: center;
}

.tab06 {
    float: left;
    line-height: 36px;
    padding: 5px 12px;
    width: 139px;
    text-align: center;
}

.tab07 {
    float: left;
    line-height: 36px;
    padding: 5px 20px 5px 35px;
    text-align: center;
}

.tab04 {
    float: left;
    line-height: 36px;
    padding: 5px 10px;
}

.border_lr img {
    padding-left: 10px;
    padding-right: 10px;
}

.border_lr:before,
.border_lr:after {
    content: "";
    border-left: 2px solid #ccc;
    height: 5px;
}

.border_l img {
    padding-left: 0px;
    padding-right: 0px;
}

.border_l:before,
.border_lr:after {
    content: "";
    border-left: 2px solid #ccc;
    height: 5px;
}

.border_l a {
    padding-left: 22px;
}

.tab-area_bn .tab04 {
    padding-left: 12px;
}

.tab-area_up .tab04 {
    padding-left: 12px;
}

.tab-area_sp .tab04 {
    padding-left: 12px;
}

.tab-area_ml .tab04 {
    padding-left: 12px;
}

@media screen and (max-width: 768px) {
    .tab-wrapper {
        width: 100%;
        height: auto;
        background-size: contain;
        display: none;
    }

    ul.tab-area_bn {
        width: 100%;
        margin: 0 auto;
        background: url(../img/common/nav_bg_bn.png) no-repeat top center;
        background-size: 100%;
    }

    ul.tab-area_up {
        width: 100%;
        margin: 0 auto;
        background: url(../img/common/nav_bg_up.png) no-repeat top center;
        background-size: 100%;
    }

    ul.tab-area_sp {
        width: 100%;
        margin: 0 auto;
        background: url(../img/common/nav_bg_sp.png) no-repeat top center;
        background-size: 100%;
    }

    ul.tab-area_ml {
        width: 100%;
        margin: 0 auto;
        background: url(../img/common/nav_bg_ml_sp.png) no-repeat top center;
        background-size: 100%;
    }

    .tab-area_bn li {
        width: 21%;
        line-height: 0;
        padding: 1%;
    }

    .tab-area_up li {
        width: 21%;
        line-height: 0;
        padding: 1%;
    }

    .tab-area_sp li {
        width: 21%;
        line-height: 0;
        padding: 1%;
    }

    .tab-area_bn li.tab03 {
        width: 21%;
        padding: 1% 0;
    }

    .tab-area_up li.tab03 {
        width: 21%;
        padding: 1% 0;
    }

    .tab-area_sp li.tab03 {
        width: 21%;
        padding: 1% 0;
    }

    .tab-area_bn li.tab05 {
        width: 21%;
        padding: 1% 0;
    }

    .tab-area_up li.tab05 {
        width: 21%;
        padding: 1% 0;
    }

    .tab-area_sp li.tab05 {
        width: 21%;
        padding: 1% 0;
    }

    .tab-area_bn li.tab04 {
        width: 32%;
        padding-left: 0;
    }

    .tab-area_up li.tab04 {
        width: 32%;
        padding-left: 0;
    }

    .tab-area_sp li.tab04 {
        width: 32%;
        padding-left: 0;
    }

    .tab-area_bn li img {
        width: 100%;
        height: auto;
    }

    .tab-area_up li img {
        width: 100%;
        height: auto;
    }

    .tab-area_sp li img {
        width: 100%;
        height: auto;
    }
}

/**series style*
----------------------------------------------------------*/
.up_wrapper,
.spa_wrapper,
.bu_wrapper {
    width: 939px;
}

/*----series_mainImg----*/
.series_mainImg {
    margin: 60px 0 130px 0;
}

.series_setsumei,
.lineup_wrapper {
    margin: 30px 0 100px 0;
}

.series_mainImg .series_main_r {
    width: 432px;
    color: #4c4948;
    padding-left: 100px;
    box-sizing: border-box;
    text-align: left;
}

.series_main_r .cap01 {
    margin: 35px 0;
    line-height: 1.9em;
}

.series_main_r .cap02 {
    width: 332px;
    margin: 0 auto;
    line-height: 1.5em;
}

.series_main_r .cap02 .left_area {
    float: left;
}

.series_main_r .cap02 .right_area {
    float: left;
    padding-left: 12px;
    width: 150px;
}

/*----series_setssumei----*/
.series_setsumei .color .co_chuui01 {
    padding-top: 3px;
    text-align: right;
    color: #231815;
}

.series_setsumei .color .co_chuui02 {
    padding: 12px 0;
    color: #566f8c;
    line-height: 1.8em;
}

/*----lineup_wrapper----*/
.lineup_ttl {
    float: left;
}

.lineup_chuui {
    float: right;
}

.lineup_box {
    margin-top: 50px;
}

.lineup_box h4 .itemName {
    float: left;
    margin-top: 40px;
}

.lineup_box h4 .itemColor {
    float: right;
    text-align: right;
    line-height: 1em;
    padding-bottom: 2px;
    color: #231815;
}

.lineup_box .left_area {
    margin-top: 24px;
}

.lineup_box .right_area {
    margin-top: 2px;
}

/*----table部分----*/
.lineup_box .right_area table {
    margin-left: auto;
    margin-right: 0;
}

.lineup_box .right_area th {
    width: 174px;
    height: 23px;
    text-align: center;
    border-right: 4px solid #fff;
    border-left: 4px solid #fff;
}

/*-------------------------------*/
.lineup_box .right_area th.thCol2 {
    width: 250px;
}

/*-------------------------------*/
.lineup_box .right_area th.gray {
    background: #d0d5d9;
}

.lineup_box .right_area th.gray2 {
    background: #eff1f2;
}

.lineup_box .right_area td {
    height: 83px;
    border-bottom: 1px solid #231815;
    border-right: 8px solid #fff;
    border-left: 8px solid #fff;
    text-align: left;
    font-size: 10px;
    line-height: 1.9em;
    padding: 0 10px;
    box-sizing: border-box;
}

.lineup_box .right_area td.grayline2 {
    border-bottom: 1px solid #b2aead;
}

.lineup_box .right_area .size_c {
    width: 64px;
    border-bottom: 1px solid #231815;
    text-align: center;
    font-size: 12px;
    padding: 0;
}

.lineup_box .right_area .itemnum {
    color: #637281;
    font-weight: bold;
    font-size: 13px;
}

.lineup_box .right_area .price {
    font-weight: bold;
    font-size: 12px;
}

.lineup_box .right_area img {
    display: block;
    margin: 18px auto 0 95px;
}

.lineup_box .right_area .item_chuui {
    margin: 5px auto 0 95px;
    text-align: left;
}

.lineup_box .right_area td img {
    display: block;
    margin: 0 auto;
}

/*----table center部分 追加----*/
.lineup_box .center_area table {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 100px;
    width: 100%;
}

.lineup_box .center_area th {
    width: 174px;
    height: 23px;
    text-align: center;
    border-right: 4px solid #fff;
    border-left: 4px solid #fff;
}

/*---th2カラム----------------------------*/
.lineup_box .center_area th.thCol2 {
    width: 250px;
}

/*-------------------------------*/
.lineup_box .center_area th.gray {
    background: #d0d5d9;
}

.lineup_box .center_area th.gray2 {
    background: #eff1f2;
}

.lineup_box .center_area td {
    height: 83px;
    border-bottom: 1px solid #231815;
    border-right: 8px solid #fff;
    border-left: 8px solid #fff;
    text-align: left;
    font-size: 10px;
    line-height: 1.9em;
    padding: 0 10px;
    box-sizing: border-box;
}

.lineup_box .center_area td.grayline2 {
    border-bottom: 1px solid #b2aead;
}

.lineup_box .center_area .size_c {
    width: 64px;
    border-bottom: 1px solid #231815;
    text-align: center;
    font-size: 12px;
    padding: 0;
}

.lineup_box .center_area .itemnum {
    color: #637281;
    font-weight: bold;
    font-size: 13px;
}

.lineup_box .center_area .price {
    font-weight: bold;
    font-size: 12px;
}

.lineup_box .center_area img {
    display: block;
    margin: 18px auto 30px auto;
}

.lineup_box .center_area .item_chuui {
    margin: 5px auto 0 95px;
    text-align: left;
}

.lineup_box .center_area td img {
    display: block;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .tableScroll {
        overflow: auto;
        white-space: nowrap;
    }

    .tableScroll::-webkit-scrollbar {
        height: 5px;
    }

    .tableScroll::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .tableScroll::-webkit-scrollbar-thumb {
        background: #bcbcbc;
    }
}

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

    .up_wrapper,
    .spa_wrapper,
    .bu_wrapper {
        width: 100%;
    }

    .series_mainImg,
    .series_setsumei,
    .lineup_wrapper {
        margin: 0 0 40px 0;
    }

    .up_wrapper img,
    .spa_wrapper img,
    .bu_wrapper img {
        max-width: 100%;
        height: auto;
    }

    /*----series_mainImg----*/
    .series_mainImg h2 {
        text-align: center;
    }

    .series_mainImg .series_main_r {
        max-width: 100%;
        margin: 0 auto;
        padding: 30px 0;
    }

    .series_main_r .cap01 {
        margin: 15px 32px 20px;
        line-height: 1.5em;
    }

    /*----lineup_wrapper----*/
    .lineup_box {
        margin-top: 30px;
    }

    .lineup_ttl,
    .lineup_chuui {
        float: none;
    }

    .lineup_box h4 .itemName {
        max-width: 37%;
        height: auto;
        margin-top: 21px;
    }

    .lineup_box h4 .itemColor {
        max-width: 63%;
        height: auto;
    }

    /*----table部分----*/
    .lineup_box .right_area table {
        margin-right: auto;
    }

    .lineup_box .right_area th,
    .lineup_box .right_area td,
    .lineup_box .right_area .size_c,
    .lineup_box .right_area .itemnum,
    .lineup_box .right_area .price {
        font-size: 10px;
    }

    .lineup_box .right_area img {
        margin: 18px auto 0;
    }

    .lineup_box .right_area .item_chuui {
        margin-top: 5px;
        text-align: center;
    }

    .lineup_box .right_area th {
        width: 29%;
        height: 30px;
    }

    .lineup_box .right_area th.thCol2 {
        width: 40%;
    }

    .lineup_box .right_area td {
        height: auto;
    }

    .lineup_box .right_area .size_c {
        width: 13%;
    }
}

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

    .series_main_r .cap02 .left_area,
    .series_main_r .cap02 .right_area {
        display: block;
        float: none;
        padding-left: 0;
        margin: 0 auto;
    }
}

/**タイトル
----------------------------------------------------------*/
/*ブラック下線*/
.border_b {
    border-bottom: #231815 1px solid;
    text-align: left;
}

/*グレー下線1*/
.border_g1 {
    border-bottom: #b1b8c0 3px solid;
    text-align: left;
}

/*グレー下線2*/
.border_g2 {
    border-bottom: #637281 1.5px solid;
    text-align: left;
}

/*ブラウン下線2*/
.border_br {
    border-bottom: #58382a 1px solid;
    text-align: left;
}

/* col1_1_type01(50:50で2分割、レスポンシブで落とす)
-------------------------------------------------------------------*/
.col1_1_type01 .left_area {
    float: left;
    width: 50%;
    padding-right: 28px;
    box-sizing: border-box;
    text-align: right;
}

.col1_1_type01 .left_area2 {
    float: left;
    width: 50%;
    padding-right: 28px;
    box-sizing: border-box;
    text-align: right;
}

.col1_1_type01 .right_area {
    float: right;
    width: 48%;
    padding-left: 28px;
    box-sizing: border-box;
    text-align: left;
}

@media screen and (max-width: 480px) {
    .col1_1_type01 .left_area {
        float: none;
        width: 100%;
        padding-right: 0px;
        margin-bottom: 10px;
        text-align: center;
    }

    .col1_1_type01 .left_area2 {
        float: none;
        width: 100%;
        padding-right: 0px;
        margin-bottom: 10px;
        text-align: center;
    }

    .col1_1_type01 .right_area {
        float: none;
        width: 100%;
        padding-left: 0px;
        text-align: center;
    }
}

/* col1_1_type02(50:50で2分割、レスポンシブで落とさない)
-------------------------------------------------------------------*/
.col1_1_type02 .left_area {
    float: left;
    width: 50%;
    padding-right: 20px;
    box-sizing: border-box;
    text-align: right;
}

.col1_1_type02 .right_area {
    float: right;
    width: 50%;
    padding-left: 20px;
    box-sizing: border-box;
    text-align: left;
}

@media screen and (max-width: 768px) {
    .col1_1_type02 .left_area {
        padding: 0 5px;
    }

    .col1_1_type02 .right_area {
        padding: 0 5px;
    }
}

/* col1_2_type01(幅指定なし2分割、レスポンシブで落とす)
-------------------------------------------------------------------*/
.col1_2_type01 .left_area {
    float: left;
}

.col1_2_type01 .right_area {
    float: right;
}

@media screen and (max-width: 768px) {
    .col1_2_type01 .left_area {
        float: none;
        max-width: 100%;
    }

    .col1_2_type01 .right_area {
        float: none;
        max-width: 100%;
    }
}

/* col1_2_type02(30:70で2分割、レスポンシブで落とす)
-------------------------------------------------------------------*/
.col1_2_type02 .left_area {
    float: left;
    width: 30%;
}

.col1_2_type02 .right_area {
    float: right;
    width: 70%;
}

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

    .col1_2_type02 .left_area,
    .col1_2_type02 .right_area {
        float: none;
        width: 100%;
    }
}

/* col1_1_1_type01(33:33:33で3分割、レスポンシブで落とす)
-------------------------------------------------------------------*/
.col1_1_1_type01 .left_area,
.col1_1_1_type01 .center_area,
.col1_1_1_type01 .right_area {
    float: left;
    margin-right: 2px;
    width: 33%;
}

.col1_1_1_type01 .right_area {
    margin-right: 0px;
}

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

    .col1_1_1_type01 .left_area,
    .col1_1_1_type01 .center_area,
    .col1_1_1_type01 .right_area {
        float: none;
        width: 100%;
        padding-right: 0px;
        /*margin-bottom:20px;*/
    }
}

/* .col1_1_1_1_type02(25:25:25:25で4分割、レスポンシブで落とす)
-------------------------------------------------------------------*/
.col1_1_1_1_type02 .left_area,
.col1_1_1_1_type02 .center_area,
.col1_1_1_1_type02 .right_area {
    float: left;
    margin-right: 2px;
    width: 233px;
}

.col1_1_1_1_type02 .left_area img,
.col1_1_1_1_type02 .center_area img,
.col1_1_1_1_type02 .right_area img {
    width: 233px;
}

.col1_1_1_1_type02 .right_area {
    margin-right: 0px;
}

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

    .col1_1_1_1_type02 .left_area,
    .col1_1_1_1_type02 .center_area,
    .col1_1_1_1_type02 .right_area {
        float: none;
        width: 100%;
        padding-right: 0px;
        /*margin-bottom:20px;*/
    }

    .col1_1_1_1_type02 .left_area img,
    .col1_1_1_1_type02 .center_area img,
    .col1_1_1_1_type02 .right_area img {
        width: 80%;
    }

    img.deskSeriesPh,
    img.otherItemPh {
        width: 100% !important;
    }
}

img.deskSeriesTitle,
img.otherItemTitle {
    width: 166px !important;
    height: 48px;
}

/* deskchair　ページ内リンク
-------------------------------------------------------------------*/
.page_link_wrapper {
    width: 940px;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
}

.page_link_btn {
    display: inline-block;
    padding: 0 20px;
}

.page_link_btn img {
    width: 55px;
}

.page_link_btn2 {
    display: inline-block;
    padding: 0 10px;
}

.page_link_btn2 img {
    width: 100%;
}

.page_link_btn3 {
    display: inline-block;
    padding: 0 20px;
}

.page_link_btn3 img {
    width: ;
}

.page_link_btn4 {
    display: inline-block;
    padding: 0 20px;
}

.page_link_btn4 img {
    width: 115px;
}

.page_link_wrapper .left_b {
    border-left: 1px solid #666;
}

.page_link_wrapper .right_b {
    border-right: 1px solid #666;
}

@media screen and (max-width: 768px) {
    .page_link_wrapper {
        width: 100%;
        margin: 0 auto;
        text-align: left;
        padding-top: 20px;
    }

    .page_link_btn {
        display: inline-block;
        padding: 5px;
        width: 12%;
    }

    .page_link_btn img {
        width: 100%;
    }

    .page_link_btn2 {
        display: inline-block;
        padding: 5px;
    }

    .page_link_btn2 img {}

    .page_link_btn4 img {
        width: auto;
        height: 17px;
    }

    .page_link_btn4 {
        display: inline-block;
        padding: 5px;
    }

    .page_link_wrapper .left_b {
        border-left: 1px solid #666;
    }

    .page_link_wrapper .right_b {
        border-right: 1px solid #666;
    }
}

/**.商品詳細ページ 詳細ボタン（cariesil）20191026
----------------------------------------------------------*/
.btnMore {
    position: relative;
    /*max-width: 145px;*/
    padding: 3px 10px;
    margin-bottom: 10px;
    background: #fff;
    border: solid 1px #c8c8c8;
    text-align: center;
    /* 	font-size:18px; */
    color: #282828;
    text-decoration: none;
    -webkit-transition: background 0.4s, color 0.4s;
    transition: background 0.4s, color 0.4s;
}

.btnMore:before {
    position: absolute;
    right: 10px;
    top: 50%;
    content: "";
    width: 0;
    height: 0;
    margin-top: -4px;
    border-style: solid;
    border-width: 4px 0 4px 8px;
    border-color: transparent transparent transparent #505050;
    -webkit-transition: border-color 0.4s;
    transition: border-color 0.4s;
}

.btnMore:hover {
    background-color: #c8c8c8;
    color: #fff;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.btnMore:hover:before {
    border-color: transparent transparent transparent #fff;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
    display: block !important;
}

.sp {
    display: none !important;
}

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

    .sp {
        display: block !important;
    }
}


/**202207 ボタン追加
----------------------------------------------------------*/

.deskchair .Item_List .Items .Box .secItem__btn__item {
    max-width: 352px;
    /*margin: -20px 0 0 5px;*/
}

.deskchair .Item_List .Items .Box .secItem__btn__item .btn {
    font-size: 14px;
    padding: 20px 12px 20px 0;
}

.deskchair .Item_List .Items .Box .secItem__btn__item .btn:after {
    right: 25px;
}

.secItem__btn__item {
    display: block;
}

.secItem__btn__item .btn {
    width: 100%;
    height: auto;
    padding-right: 15px;
    /* line-height: 68px; */
    line-height: 1.3;
    border: 1px solid #57a7e0;
    border-radius: 5px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    /* text-align: center; */
    text-align: left;
    text-decoration: none;
    color: #3cb371;
    font-weight: bold;
    font-size: 11px;
    transition: all 0.2s;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 15px 12px 13px 0;
    margin: 10px auto 12px;
}

.secItem__btn__item .btn i {
    font-style: normal;
}

.secItem__btn__item .btn svg {
    margin: -4px 6px 0 0;
    width: 18px;
    height: 17px;
}

.secItem__btn__item .btn:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 8px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 9px;
    transition: all 0.2s;
}

/* navy */
.secItem__btn__item .btn--navy {
    background: #3B5998;
    color: #fff !important;
    border-color: #3B5998;
}

.secItem__btn__item .btn--navy:after {
    border-color: transparent transparent transparent #ffffff;
}

.secItem__btn__item .btn--navy:hover {
    background: #fff !important;
    color: #3B5998 !important;
    text-decoration: none !important;
}

.secItem__btn__item .btn--navy:hover:after {
    border-color: transparent transparent transparent #3B5998;
}

.secItem__btn__item .btn--navy svg .a,
.secItem__btn__item .btn--navy svg .b,
.secItem__btn__item .btn--navy svg .c,
.secItem__btn__item .btn--navy svg .e {
    fill: none;
}

.secItem__btn__item .btn--navy svg .a,
.secItem__btn__item .btn--navy svg .b,
.secItem__btn__item .btn--navy svg .c {
    stroke: #fff;
    stroke-width: 2px;
    transition: all 0.2s;
}

.secItem__btn__item .btn--navy svg .a {
    stroke-linecap: round;
}

.secItem__btn__item .btn--navy svg .a,
.secItem__btn__item .btn--navy svg .b {
    stroke-linejoin: round;
}

.secItem__btn__item .btn--navy svg .d {
    stroke: none;
}

.secItem__btn__item .btn--navy:hover svg .a,
.secItem__btn__item .btn--navy:hover svg .b,
.secItem__btn__item .btn--navy:hover svg .c {
    stroke: #3B5998;
}


/* green */
.secItem__btn__item .btn--green {
    background: #3cb371;
    color: #fff !important;
    border-color: #3cb371;
}

.secItem__btn__item .btn--green:after {
    border-color: transparent transparent transparent #ffffff;
}

.secItem__btn__item .btn--green:hover {
    background: #fff !important;
    color: #3cb371 !important;
    text-decoration: none !important;
}

.secItem__btn__item .btn--green:hover:after {
    border-color: transparent transparent transparent #3cb371;
}

.secItem__btn__item .btn--green svg .a,
.secItem__btn__item .btn--green svg .b,
.secItem__btn__item .btn--green svg .c,
.secItem__btn__item .btn--green svg .e {
    fill: none;
}

.secItem__btn__item .btn--green svg .a,
.secItem__btn__item .btn--green svg .b,
.secItem__btn__item .btn--green svg .c {
    stroke: #fff;
    stroke-width: 2px;
    transition: all 0.2s;
}

.secItem__btn__item .btn--green svg .a {
    stroke-linecap: round;
}

.secItem__btn__item .btn--green svg .a,
.secItem__btn__item .btn--green svg .b {
    stroke-linejoin: round;
}

.secItem__btn__item .btn--green svg .d {
    stroke: none;
}

.secItem__btn__item .btn--green:hover svg .a,
.secItem__btn__item .btn--green:hover svg .b,
.secItem__btn__item .btn--green:hover svg .c {
    stroke: #3cb371;
}

@media screen and (max-width: 768px) {
    .deskchair .Item_List .Items .Box .secItem__btn__item .btn {
        background: #3B5998;
        padding: 17px 12px 17px 0;
        font-size: 12px;
        max-width: 254px;
    }

    .deskchair .Item_List .Items .Box .secItem__btn__item {
        margin: 0 auto 11%;
    }
}

@media screen and (max-width: 640px) {
    .deskchair .Item_List .Items .Box .secItem__btn__item .btn svg {
        width: 16px;
        height: 15px;
    }

    .deskchair .Item_List .Items .Box .secItem__btn__item .btn i:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 8px;
        border-color: transparent transparent transparent #fff;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        transition: all 0.2s;
    }

    .secItem__btn__item .btn {
        font-size: 12px;
        /*padding: 12px 5px 12px 40px;
        padding: 12px 5px 12px 8vw;
        display: block;*/
        padding-right: 0;
    }

    .secItem__btn__item .btn svg {
        /*position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 12px;
        left: 2.6vw;
        margin:0;*/
        margin: -4px 10px 0 0;
    }

    .secItem__btn__item .btn:after {
        display: none;
    }

    .secItem__btn__item .btn i:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 8px;
        border-color: transparent transparent transparent #fff;
        transform: translateY(-50%);
        right: 9px;
        transition: all 0.2s;
        display: inline-block;
        top: inherit;
        transform: inherit;
        right: inherit;
        position: inherit;
        margin-left: 7px;
    }

    /*
    .secItem__btn__item.line_1 .btn{
        text-align: center;
    }
    */
    .secItem__btn__item.line_1 .btn {
        display: -ms-flexbox;
        display: flex;
        padding-left: 5px;
        font-size: 11px;
    }

    .secItem__btn__item.line_1 .btn svg {
        position: relative;
        top: inherit;
        transform: inherit;
        left: inherit;
        margin: -4px 6px 0 0;
    }
}

@media screen and (max-width: 460px) {
    .deskchair .Item_List .Items .Box .secItem__btn__item .btn svg {
        width: 16px;
        height: 15px;
        margin: -2px 10px 0 0 !important;
    }

    .secItem__btn__item .btn {
        font-size: 12px;
        font-size: 2.5vw;
        /*padding: 12px 5px 12px 8vw;*/
    }

    .secItem__btn__item .btn svg {
        /*margin:0;
        left: 2.2vw;*/
        width: 4.3vw;
        height: 4vw;
    }

    .secItem__btn__item .btn i:after {
        position: relative;
        border-width: 4px 0 4px 8px;
        top: 1px;
    }

    .secItem__btn__item.line_1 .btn svg {
        position: relative;
        top: inherit;
        transform: inherit;
        left: inherit;
    }

}

@media screen and (max-width: 375px) {
    .deskchair .Item_List .Items .Box .secItem__btn__item .btn svg {
        width: 16px;
        height: 15px;
    }

    .deskchair .Item_List .Items .Box .secItem__btn__item .btn {
        font-size: 12px;
    }

    .secItem__btn__item .btn {
        font-size: 2.4vw;
        letter-spacing: -.5px;
        /*max-width: 160px;*/
        /*padding-left: 5px;
        padding-right: 5px;*/
        padding: 10px 5px;
    }

    .secItem__btn__item .btn svg {
        margin-right: 5px;
    }
}

@media screen and (min-width: 321px) {
    .sp--2 {
        display: none;
    }
}

@media screen and (max-width: 320px) {
    .secItem__btn__item .btn {
        /*padding-left: 0;
        padding-right: 12px;*/
        padding: 7px 12px 7px 0;
    }

    .secItem__btn__item.line_1 .btn {
        padding-right: 0;
    }

    .sp--2 {
        display: block;
    }

    .secItem__btn__item .btn i:after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 9px;
    }

    .secItem__btn__item.line_1 .btn i:after {
        position: relative;
        top: inherit;
        transform: inherit;
        left: inherit;
        right: inherit;
    }
}

.deskchair_renewal #XT583 h4.midashi-D {
    margin: -25px auto 35px;
}

.deskchair_renewal #XT583 .Item_List .Items .Box {
    margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
    .deskchair_renewal #XT583 h4.midashi-D {
        margin: 0 auto .7em;
    }

    .deskchair_renewal #XT583 .Item_List .Items .Box {
        margin-bottom: 0;
    }
}

/*
@media screen and (max-width: 375px) {
    .secItem__btn__item .btn{
        padding-left: 10px;
        -webkit-justify-content:flex-start;
        justify-content:flex-start;
        letter-spacing: -.3px;
    }
    .secItem__btn__item .btn svg {
        margin-right: 7px;
        width: 13px;
        height: 12px;
    }
    .secItem__btn__item .btn--sp svg{
        display: none;
    }
    .sp--2{
        display: block;
    }
}
@media screen and (max-width: 320px) {
    .secItem__btn__item .btn svg {
        margin: -4px 4px 0 0;
        width: 12px;
        height: 11px;
    }
    .secItem__btn__item .btn{
        letter-spacing: -.5px;
        font-size: 8px;
    }
}
*/

/* 価格改定ボタン追加 230411 */
.priceInfo {
    margin-bottom: 30px;
}

.priceInfo .base-btn {
    line-height: 1.6;
    font-family: "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, Arial, Verdana, sans-serif;
}

.priceInfo .base-btn a {
    border: 1px solid red;
    color: red !important;
}

.priceInfo .base-btn a:before {
    border-color: transparent transparent transparent red;
}

#content .priceInfo .base-btn a:hover {
    text-decoration: none;
    background: #fafafa;
}

#content .priceInfo .base-btn a:hover:before {
    border-color: transparent transparent transparent red;
}

@media screen and (max-width: 768px) {
    .priceInfo {
        margin: 30px 0 0;
    }
}
/*  その他アイテムが3つの時のボーダー調整 250317 */
@media screen and (min-width:767px) {
	h3.border_b:has(+ ul.otherItem1-4 li:nth-child(3):last-child) {
		width: calc(75% - 2px);
	}
}