/* 古いレコメンド（htmlの構造を変更したら消す） */
#recent-items .recent-chk-info .recent-chk-price,
#recent-items .recent-chk-info .recent-chk-cmp-price,
#recommendBox div.item-dealer .cmp-price,
#relatedBox div.item-dealer .cmp-price,
#jsp-tiles-productlist-c-dealer-image-list .dealer-status .cmp-price,
#jsp-tiles-productlist-c-dealer-product-list .status-box .cmp-price,
#jsp-tiles-productlist-c-dealer-information .dealer-pickup-product-info .price .cmp-price {
    color: #dc4d4d;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 20px;
}

/* 申請画面 */
#trade-apply table {
    border-collapse: collapse;
    word-break: break-all;
}

/* tiles-c-index-index */
#tiles-c-index-index .header-index {
    width: 948px;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    position: relative;
}

#tiles-c-index-index .header-index .header-wrap {
    padding: 8px 6px;
}

#tiles-c-index-index .header-index .header-logo {
    float: left;
    width: 39%;
    text-align: left;
}

#tiles-c-index-index .header-index .header-logo div {
    position: absolute;
    top: 18px;
    left: 16px;
}

#tiles-c-index-index .header-index .header-otherlinks-wrap {
    float: right;
    width: 60%;
    text-align: right;
}

#tiles-c-index-index .header-index .header-otherlinks {
    margin: 5px 0 0 0;
    padding: 0;
    list-style: none;
}

#tiles-c-index-index .header-index .header-otherlinks li {
    margin: 0 5px 0 0;
    display: inline;
}

#tiles-c-index-index .header-index .header-otherlinks-wrap .help-button {
    margin: 8px 5px 5px 5px;
    text-align: right;
}

#tiles-c-index-index .header-index .header-member {
    background-color: #EEEEEE;
    border-bottom: solid 1px #CCCCCC;
    height: 28px;
}

#tiles-c-index-index .header-menu {
    padding-top: 10px;
    float: right;
    width: 60%;
    text-align: right;
}

#tiles-c-index-index .header-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#tiles-c-index-index .header-menu li {
    margin: 0;
    padding: 0;
    float: right;
}

#tiles-c-index-index .header-menu li img {
    vertical-align: top;
}

#tiles-c-index-index .member-menu {
    background-color: #CCCCCC;
}

#tiles-c-index-index .member-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

#tiles-c-index-index .member-menu li {
    margin: 0;
    padding: 0;
    display: inline;
}

#tiles-c-index-index .member-menu li img {
    vertical-align: top;
}

#tiles-c-index-index .header-index .member-status {
    float: left;
    padding: 6px;
    text-align: left;
}

#tiles-c-index-index .header-index .serchword-window {
    text-align: right;
}

#tiles-c-index-index .body-index {
    width: 950px;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
}

#tiles-c-index-index .regist-table {
    margin-bottom: 10px;
    width: 713px;
    color: #666666;
}

#tiles-c-index-index .login {
    margin-bottom: 10px;
}

#tiles-c-index-index .login .login-contents {
    width: 192px;
    border-right: solid 3px #EEEEEE;
}

#tiles-c-index-index .login .login-box {
    width: 191px;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
}

#tiles-c-index-index .login .login-member-text {
    padding: 3px 5px 3px;
    border-bottom: dotted 1px #CCCCCC;
}

#tiles-c-index-index .login .login-member {
    padding: 20px 0;
    text-align: center;
}

#tiles-c-index-index .information {
    margin: 0;
    padding: 0;
    list-style: none;
}

#tiles-c-index-index .information li {
    margin: 4px 0;
    padding: 0;
    border-bottom: dotted 1px #cccccc;
}

#tiles-c-index-index .information li img {
    margin: 4px;
    float: left;
}

#tiles-c-index-index .point {
    margin-bottom: 3px;
}

#tiles-c-index-index .point ul {
    margin: 10px 0 10px 15px;
    padding: 0;
}

#tiles-c-index-index .point li {
    margin: 0 0 3px 5px;
    padding: 0;
}

#tiles-c-index-index .footer-index {
    margin: 20px 0;
    text-align: center;
}

#tiles-c-index-index .footer-index ul {
    margin: 5px 0;
    padding: 5px;
    list-style: none;
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    background-color: #EEEEEE;
}

#tiles-c-index-index .footer-index ul li {
    margin: 0 2px;
    display: inline;
}

#tiles-c-index-index .main-wrap {
    vertical-align: top;
    text-align: left;
}

#tiles-c-index-index .main {
    width: 585px;
    margin-left: 9px;
    margin-right: 9px;
    margin-top: 10px;
}

#tiles-c-index-index .navi-wrap {
    vertical-align: top;
    text-align: left;
    width: 150px;
}

#tiles-c-index-index .navi-left {
    margin-left: 9px;
    margin-right: 0px;
    margin-top: 10px;
    width: 159px;
    z-index: 1;
    background-color: #ffffff;
    font-size: 12px;
    position: relative;
}

#tiles-c-index-index .navi-left ul {
    margin: 0 0 10px 0;
    padding: 0;
    list-style-type: none;
    width: 160px;
    border: solid 1px #cccccc;
}

#tiles-c-index-index .navi-left ul a {
    margin-left: 4px;
}

#tiles-c-index-index .navi-left ul ul {
    padding: 0 5px 0 0;
    margin: 0;
    position: absolute;
    left: 140px;
    top: -1px;
    display: none;
    border-top: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    border-left: none;
    background-color: #ffffff;
    z-index: 3;
    white-space: nowrap;
    width: 200px;
}

#tiles-c-index-index .navi-left li {
    position: relative;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    padding: 7px 20px 7px 5px;
    background-color: #ffffff;
    background-image: url(../image/round_link_genre.gif);
    background-repeat: no-repeat;
    background-position: 142px center;
}

#tiles-c-index-index .navi-left li li {
    padding: 7px 10px 7px 20px;
    border-left: solid 1px #cccccc;
    border-top: none;
    border-right: none;
    border-bottom: none;
    background-color: #ffffff;
    background-image: none;
    font-weight: normal;
}

#tiles-c-index-index .navi-left li li img {
    margin-right: 5px;
}

#tiles-c-index-index .navi-left .navi-header-all {
    border: none;
    background-color: #eeeeee;
    padding: 7px 20px 7px 5px;
    font-weight: bold;
    background-image: none;
}

#tiles-c-index-index .navi-left .navi-header {
    border-bottom: 1px solid #eeeeee;
    padding: 7px 20px 7px 5px;
    font-weight: bold;
    background-image: none;
    background-color: #eeeeee;
    border-top: none;
}

#tiles-c-index-index .navi-left .list-irregular {
    background-color: #eeeeee;
    border: none;
}

#tiles-c-index-index .navi-left #genre_2 {
    margin-bottom: 14px;
}

#tiles-c-index-index .navi-left #genre_3 {
    margin-bottom: 14px;
}

#tiles-c-index-index .navi-left #genre_4 {
    margin-bottom: 14px;
}

#tiles-c-index-index .navi-left #genre_5 {
    margin-bottom: 14px;
}

#tiles-c-index-index .navi-left #genre_6 {
    margin-bottom: 14px;
}

#tiles-c-index-index .navi {
    overflow: hidden;
    margin-right: 10px;
    margin-top: 10px;
    width: 153px;
    padding-left: 10px;
    border-left: solid 1px #CCCCCC;
}

#tiles-c-index-index .navi .navi-subtitle {
    margin-bottom: 10px;
    background-color: #CCCCCC;
}

#tiles-c-index-index .main-subtitle {
    background-image: url("../image/title_backg_02.gif");
    width: 100%;
}

#tiles-c-index-index .more { /*親違いでもう1個あります*/
    margin: 10px 0;
    text-align: right;
}

#tiles-c-index-index .more img {
    margin-right: 3px;
}

#tiles-c-index-index .more span {
    color: #666666;
}

/* tiles-common-daily-genre */
#tiles-common-daily-genre .genre-table {
    margin-bottom: 20px;
}

#tiles-common-daily-genre h3 {
    margin: 3px;
    padding: 3px;
    font-weight: normal;
    font-size: 100%;
    background-color: #EEEEEE;
}

/* tiles-common-daily-dealerinfo-top */
#tiles-common-daily-dealerinfo-top .campaing-dealer-name {
    border-left: solid 5px #CCCCCC;
    padding-left: 5px;
}

#tiles-common-daily-dealerinfo-top .campaing-dealer-genre {
    border-top: solid 1px #CCCCCC;
    margin: 3px 0;
    text-align: right;
}

/* プライバシー・ステートメント */
#contents-guide-privacy-body .wrapper {
    padding-bottom: 80px;
}

#contents-guide-privacy-body .contents {
    width: 950px;
    background-color: #FFFFFF;
    padding: 20px;
}

#contents-guide-privacy-body .title {
    padding-bottom: 5px;
    border-bottom: dotted 3px #666666;
    font-size: 160%;
    font-weight: bold;
    color: #666666;
}

#contents-guide-privacy-body .update {
    text-align: right;
}

#contents-guide-privacy-body .margin {
    margin: 20px;
}

#contents-guide-privacy-body .headline {
    font-size: 120%;
    font-weight: bold;
}

/* 出展企業からのお知らせ */
#tiles-common-daily-dealerinfo .dealerinfo-wrap {
    text-align: left;
    width: 90%;
}

#tiles-common-daily-dealerinfo .dealerinfo-left-image {
    float: left;
}

#tiles-common-daily-dealerinfo .dealerinfo-left-image img {
    border-left: solid 5px #999999;
    padding-left: 5px;
}

#tiles-common-daily-dealerinfo .dealerinfo-right-image {
    text-align: right;
    height: 30px;
}

#tiles-common-daily-dealerinfo .dealerinfo-innerwrap {
    float: left;
    width: 340px;
    height: 12em;
    overflow: hidden;
    border: solid 1px #CCCCCC;
    margin: 5px 5px 20px;
}

#tiles-common-daily-dealerinfo .dealerinfo-box {
    margin: 10px;
}

#tiles-common-daily-dealerinfo .dealerinfo-dealer-innerbox {
    height: 9em;
}

#tiles-common-daily-dealerinfo .dealerinfo-dealer-name {
    border-left: solid 5px #CCCCCC;
    padding-left: 5px;
}

#tiles-common-daily-dealerinfo .dealerinfo-dealer-genre {
    border-top: solid 1px #CCCCCC;
    margin: 3px 0;
    text-align: right;
}

#tiles-common-daily-dealerinfo .dealerinfo-date {
    margin: 3px 0;
    text-align: right;
}

/* サイトマップ */
#contents-guide-sitemap-body .sitemap-wrap {
    margin: 0 0 50px 26px;
    width: 96%;
    min-width: 320px;
}

#contents-guide-sitemap-body .sitemap-contents-box {
    padding: 0 10px;
    width: 31%;
    text-align: left;
    float: left;
    border-right: dotted 1px #CCCCCC;
}

#contents-guide-sitemap-body .sitemap-contents-box-r {
    padding: 0 10px;
    width: 31%;
    text-align: left;
    float: left;
}

#contents-guide-sitemap-body h3 {
    padding: 3px 3px 3px 8px;
    background-color: #EEEEEE;
    font-weight: bold;
    font-size: 100%;
}

#contents-guide-sitemap-body h3 .help, #contents-guide-sitemap-body h3 .comp {
    margin-top: 0;
}

#contents-guide-sitemap-body h4 {
    margin: 0 0 5px 10px;
    padding: 3px;
    border-bottom: 1px #cccccc solid;
    font-weight: bold;
    font-size: 100%;
}

#contents-guide-sitemap-body ul {
    padding: 2px 0 20px 30px;
}

#contents-guide-sitemap-body .br-sp {
    display: none;
}

#contents-guide-sitemap-body .help, #contents-guide-sitemap-body .comp {
    margin-top: 0;
}

@media screen and (max-width: 940px) and (min-width: 671px) {
    #contents-guide-sitemap-body .sitemap-wrap {
        margin: 0 auto;
    }

    #contents-guide-sitemap-body h3 {
        font-size: 17px;
        padding: 6px 6px 6px 8px;
    }

    #contents-guide-sitemap-body h4 {
        font-size: 17px;
    }

    #contents-guide-sitemap-body ul li {
        padding: 13px 0;
        box-sizing: border-box;
        font-size: 15px;
    }

    #contents-guide-sitemap-body .sitemap-contents-box-l {
        width: 50%;
        float: left;
    }

    #contents-guide-sitemap-body .sitemap-contents-box {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
        float: none;
    }

    #contents-guide-sitemap-body .sitemap-contents-box:nth-of-type(1) {
        padding-bottom: 0 !important;
    }

    #contents-guide-sitemap-body .sitemap-contents-box-r {
        width: 50%;
        box-sizing: border-box;
    }

    #contents-guide-sitemap-body .gaiyo, #contents-guide-sitemap-body .priv {
        margin-bottom: 25px !important;
    }
}

@media screen and (max-width: 670px) {
    #contents-guide-sitemap-body .sitemap-wrap {
        width: 96%;
        margin: 0 auto;
    }

    #contents-guide-sitemap-body h3 {
        width: 100%;
        float: left;
        box-sizing: border-box;
        font-size: 17px;
        padding: 6px 6px 6px 8px;
    }

    #contents-guide-sitemap-body h4 {
        margin: 15px 0 5px 10px;
        float: left;
        width: 94%;
        font-size: 17px;
        box-sizing: border-box;
    }

    #contents-guide-sitemap-body h4:nth-of-type(1) {
        margin-top: 10px;
    }

    #contents-guide-sitemap-body .sitemap-contents-box {
        width: 100%;
        box-sizing: border-box;
        border-right: none;
        padding: 0;
    }

    #contents-guide-sitemap-body .sitemap-contents-box-r {
        width: 100%;
        padding: 0;
    }

    #contents-guide-sitemap-body ul {
        margin: 2px 20px 20px 20px;
        box-sizing: border-box;
        padding: 0;
    }

    #contents-guide-sitemap-body ul li {
        width: 44%;
        padding: 13px 0;
        box-sizing: border-box;
        font-size: 14px;
        display: inline-block;
        vertical-align: top;
        letter-spacing: -0.03em;
    }

    #contents-guide-sitemap-body ul li:nth-child(odd) {
        margin-right: 8%;
    }

    #contents-guide-sitemap-body ul li .text-5 {
        display: inline-block;
        width: 5em;
    }

    #contents-guide-sitemap-body .comp {
        margin: 20px 0 30px 0 !important;
    }
}

/* SDとは 現在のSDとはのクラスはrwd.cssに集約されているが、以下は別ページで使われているので残す*/
#contents-guide-about-body {
    width: 100%;
}

#contents-guide-about-body a {
    outline: none;
}

#contents-guide-about-body .co-container .wrap {
    width: 950px;
    margin: 0 auto;
}

/* 新着入荷アラート */
#contents-privilege-alert-new-body .alert-wrap {
    margin-bottom: 50px;
}

#contents-privilege-alert-new-body .alert-text {
    width: 90%;
    text-align: left;
}

#contents-privilege-alert-new-body .image-step {
    margin: 20px;
}

#contents-privilege-alert-new-body .alert-table-wrap {
    border: solid 3px #cccccc;
    width: 740px;
}

#contents-privilege-alert-new-body .alert-table {
    border-top: solid 1px #999999;
    border-right: solid 1px #999999;
    border-left: solid 1px #999999;
    text-align: left;
    width: 100%;
}

#contents-privilege-alert-new-body .alert-table th {
    width: 80px;
    text-align: center;
    white-space: nowrap;
    background-color: #eeeeee;
    border-bottom: solid 1px #cccccc;
}

#contents-privilege-alert-new-body .alert-table td {
    border-bottom: solid 1px #cccccc;
}

#contents-privilege-alert-new-body .text-space {
    margin-top: 5px;
}

#contents-privilege-alert-new-body .key-word-wrap {
    margin: 10px 0 10px 20px;
}

#contents-privilege-alert-new-body .key-word-wrap-ex {
    margin-top: 15px;
    padding: 8px 0 0 0;
    border-top: dotted 1px #cccccc;
    color: #666666;
}

#contents-privilege-alert-new-body .key-word-wrap-ex span {
    padding: 0 10px;
    border: solid 1px #999999;
    background-color: #FFFFFF;
}

#contents-privilege-alert-new-body .price-range-wrap {
    margin: 8px 0 0 0;
}

#contents-privilege-alert-new-body .more {
    margin: 10px auto;
    width: 740px;
    text-align: left;
    list-style-type: none;
}

#contents-privilege-alert-new-body dd {
    -moz-margin-start: 0;
    margin-left: 10px;
}

#contents-privilege-alert-new-body .co-sort a {
    height: 25px;
}

#contents-privilege-alert-new-body .brs {
    border-right: 1px solid #cccccc;
}

#contents-privilege-alert-new-body .bls {
    border-left: 1px solid #cccccc;
}

#contents-privilege-alert-new-body .sort-navi {
    border: 1px solid #cccccc;
    width: 100%;
    background-color: #e6e6e6;
}

#contents-privilege-alert-new-body .line {
    border-bottom: 1px solid #cccccc;
    width: 100%;
}

#contents-privilege-alert-new-body .no-list {
    font-weight: bold;
    color: #666666;
    margin-top: 10px;
}

#contents-privilege-alert-new-body .mark-buy {
    width: 70px;
    margin: 3px 0;
    background-color: #dc4d4d;
    color: #FFFFFF;
    text-align: center;
}

#contents-privilege-alert-new-body .mark-buy-2 {
    width: 70px;
    margin: 3px 0;
    border: solid 1px #dc4d4d;
    background-color: #ffeded;
    color: #dc4d4d;
    text-align: center;
}

#contents-privilege-alert-new-body .re-shiptab {
    position: relative;
}

#contents-privilege-alert-new-body #re-shiptab-icon {
    position: absolute;
    background-image: url(../image/information_back.gif);
    background-repeat: no-repeat;
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
    width: 18px;
    text-align: center;
    margin: 0 auto;
    padding: 0px 1px 0px 1px;
    left: 92px;
    top: -7px;
    z-index: 30;
    cursor: pointer;
}

#contents-privilege-alert-new-body #new-shiptab-icon {
    position: absolute;
    background-image: url(../image/information_back.gif);
    background-repeat: no-repeat;
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
    width: 18px;
    text-align: center;
    margin: 0 auto;
    padding: 0px 1px 0px 1px;
    left: 218px;
    top: -7px;
    z-index: 30;
    cursor: pointer;
}

/*guide-help*/
#contents-guide-help .menu {
    width: 230px;
    font-size: 80%;
}

#contents-guide-help .menu-category {
    text-align: left;
    /**/
    border-bottom: 1px dashed #cccccc;
}

#contents-guide-help .help-menu .menu-category > div > a {
    display: block;
    padding: 10px;
}

#contents-guide-help .help-menu .menu-category:hover {
    background-color: #f5f5f5;
}

#contents-guide-help .menu-selected {
    border-top: 1px solid #FFFFFF;
    padding: 10px 10px 10px 1em;
    text-indent: -1em;
}

#contents-guide-help .help-menu .menu-selected {
    background-color: #f5f5f5;
}

#contents-guide-help .menu-selected-01 {
    border-top: 1px solid #FFFFFF;
}

#contents-guide-help .help-menu .menu-category .menu-selected-01 > a {
    padding: 10px 10px 0;
}

#contents-guide-help .menu-nonselected {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    padding: 10px;
}

#contents-guide-help .help-menu .menu-nonselected {
    padding: 0;
}

#contents-guide-help .menu-category-name {
    padding: 10px;
    background-color: #eeeeee;
}

#contents-guide-help .selected {
    color: #dc4d4d;
    font-weight: bold;
    text-align: left;
    margin: 10px;
}

#contents-guide-help .selected-01 {
    color: #dc4d4d;
    font-weight: bold;
    text-align: left;
    display: block;
    padding: 10px 10px 0;
}

#contents-guide-help .menu ul {
    margin: 0;
    padding: 0;
}

#contents-guide-help .menu ul li {
    margin-bottom: 0;
}

#contents-guide-help .selected-menu li {
    background: url('../image/icon_selected.gif') 10px 8px no-repeat;
    color: #dc4d4d;
    font-weight: bold;
    text-align: left;
    display: block;
    padding: 5px 0 5px 20px;
}

#contents-guide-help .nonselected-menu > li > a {
    background: url('../image/icon.gif') 10px 8px no-repeat;
    text-align: left;
    display: block;
    padding: 5px 0 5px 20px;
}

#contents-guide-help .index li {
    list-style-image: url('../image/icon.gif');
    text-align: left;
    margin-bottom: 4px;
}

#contents-guide-help .index {
    margin-left: 25px;
    margin-top: 10px;
    padding: 0;
}

#contents-guide-help .contents {
    text-align: left;
    font-size: 80%;
    padding-left: 20px;
    line-height: 140%;
}

#contents-guide-help .title {
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 3px;
    width: 96%;
}

#contents-guide-help .title-01 {
    margin-bottom: 20px;
    margin-top: 30px;
    padding: 3px;
    width: 96%;
}

#contents-guide-help .subtitle {
    margin-bottom: 15px;
    padding-left: 10px;
    margin-top: 30px;
    margin-left: 0px;
    font-size: 120%;
    font-weight: bold;
}

#contents-guide-help .subtitle-mini {
    margin-top: 20px;
    margin-left: 10px;
    margin-bottom: 20px;
    border-left: 5px solid #cccccc;
    padding-left: 5px;
    font-weight: bold;
}

#contents-guide-help .contents-text {
    margin-left: 15px;
    margin-bottom: 10px;
}

#contents-guide-help .contents-text ul {
    margin-left: 0;
    padding-left: 16px;
}

#contents-guide-help .contents-text li {
    margin-bottom: 10px;
}

#contents-guide-help table ul {
    margin-left: 0;
    padding-left: 16px;
}

#contents-guide-help table li {
    margin-bottom: 10px;
}

#contents-guide-help .cap {
    margin-left: 10px;
    width: 96%;
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #cccccc;
}

#contents-guide-help .cap th {
    background-color: #e6e6e6;
    border-top: 1px solid #fff;
    vertical-align: middle;
    text-align: center;
    padding: 10px;
}

#contents-guide-help .cap td {
    vertical-align: middle;
    padding: 10px;
    background-color: #ffffff;
}

#contents-guide-help .cap .td-gray {
    background-color: #eeeeee;
}

#contents-guide-help .notes {
    text-indent: -3em;
    padding-left: 3em;
}

#contents-guide-help .cap1 {
    width: 80%;
    margin-top: 10px;
    margin-bottom: 20px;
}

#contents-guide-help .cap-right-title {
    margin: 15px 0 5px;
}

#contents-guide-help .cap-right-title-bold {
    font-weight: bold;
    margin: 15px 0 5px;
}

#contents-guide-help .cap-right-title-icon {
    margin-right: 3px;
    float: left;
}

#contents-guide-help .cap-text {
    margin: 5px 0;
}

#contents-guide-help .cap-info {
    margin: 20px 0;
    padding: 5px;
    color: #dc4d4d;
}

#contents-guide-help .right-link {
    text-align: right;
    width: 100%;
    margin-top: 20px;
}

#contents-guide-help .delivery-02-dl01 dd {
    margin-left: 0;
}

#contents-guide-help .move {
    margin: 60px 0;
    text-align: right;
}

/********* SD内：Paidとは *********/
#contents-guide-paid * {
    box-sizing: border-box;
}

#contents-guide-paid img {
    line-height: 0;
    image-rendering: -webkit-optimize-contrast;
}

#contents-guide-paid h2 {
    border-bottom: none;
    margin-bottom: 10px;
    color: #333333;
}

#contents-guide-paid p {
    margin-bottom: 0;
    font-size: 14px;
}

#contents-guide-paid .green {
    color: #03af7a !important;
}

#contents-guide-paid .back-green {
    background-color: #ebf9f0 !important;
}

#contents-guide-paid .about,
#contents-guide-paid .point {
    box-sizing: content-box;
    max-width: 920px;
    margin: 40px auto 10px;
    padding: 0 3%;
}

/* メインビジュアル */
#contents-guide-paid .main {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px 3% 16px;
}

#contents-guide-paid .main .left h1 {
    font-size: 28px;
    color: #333333;
}

#contents-guide-paid .main .left h1 .what-paid {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}

#contents-guide-paid .main .left h1 .what-paid img {
    width: 181px;
}

#contents-guide-paid .main .left h1 .paid-text {
    letter-spacing: 0.06em;
}

#contents-guide-paid .main .left p:first-of-type {
    font-size: 15px;
}

#contents-guide-paid .main .left p:last-of-type {
    font-size: 13px;
}

#contents-guide-paid .main .right {
    max-width: 410px;
    width: 43%;
    margin-left: 15px;
}

/* Paidログイン */
#contents-guide-paid .login {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    border-width: 1px 0;
    padding: 10px 2%;
}

#contents-guide-paid .login a {
    padding: 11px 65px;
    background-color: #03af7a;
    color: #ffffff;
    border-radius: 30px;
    font-size: 16px;
    position: relative;
    transition: opacity 0.2s;
    margin-left: 15px;
}

#contents-guide-paid .login a:after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 2px #ffffff solid;
    border-right: 2px #ffffff solid;
    transform: rotate(45deg);
    margin-left: 7px;
    position: absolute;
    top: calc(50% - 5px);
    right: 20px;
}

#contents-guide-paid .login a:hover {
    text-decoration: none;
    opacity: 0.7;
}

/* Paidとは */
#contents-guide-paid .about .co-contents-box-table {
    font-size: 14px;
    border-collapse: collapse;
    margin: 20px auto 0;
    max-width: 770px;
    border: none;
}

#contents-guide-paid .about .co-contents-box-table tr:first-of-type td {
    border-top: none;
    border-left: none;
}

#contents-guide-paid .about .co-contents-box-table tr th,
#contents-guide-paid .about .co-contents-box-table tr td {
    padding: 15px 20px;
    border: 1px solid #cccccc;
}

#contents-guide-paid .about .co-contents-box-table tr th {
    background-color: #eeeeee;
}

#contents-guide-paid .about .co-contents-box-table tr:not(:first-of-type) th {
    min-width: 4.5em;
}

/* Paidが選ばれる3つのポイント */
#contents-guide-paid .point .point-list {
    display: flex;
    justify-content: space-between;
}

#contents-guide-paid .point .point-list li {
    width: 31%;
    max-width: 285px;
}

#contents-guide-paid .point .point-list li dl dt {
    line-height: 0;
    margin-bottom: 15px;
}

#contents-guide-paid .point .point-list li dl dt {
    border-bottom: 1px solid #cccccc;
}

#contents-guide-paid .point .point-list li dl dt img {
    width: 100%;
    height: auto;
}

#contents-guide-paid .point .point-list li dl dd p:first-of-type {
    font-size: 16px;
}

/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
    /* メインビジュアル */
    #contents-guide-paid .main .left h1 {
        font-size: 22px;
    }

    #contents-guide-paid .main .left h1 .what-paid img {
        width: 160px;
    }

    #contents-guide-paid .main .right {
        margin-left: 0;
    }

    /* Paidとは */
    #contents-guide-paid .about .co-contents-box-table tr th,
    #contents-guide-paid .about .co-contents-box-table tr td {
        padding: 10px 15px;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #contents-guide-paid .about,
    #contents-guide-paid .point {
        margin: 30px auto 10px;
    }

    /* メインビジュアル */
    #contents-guide-paid .main {
        flex-direction: column;
        text-align: center;
    }

    #contents-guide-paid .main .left h1 {
        font-size: 20px;
    }

    #contents-guide-paid .main .left h1 .what-paid {
        justify-content: center;
    }

    #contents-guide-paid .main .left h1 .what-paid img {
        width: 150px;
    }

    #contents-guide-paid .main .left p:first-of-type {
        font-size: 14px;
    }

    #contents-guide-paid .main .left p:last-of-type {
        font-size: 12px;
    }

    #contents-guide-paid .main .right {
        width: 80%;
        margin: 20px 0 0 0;
        margin-top: 20px;
        max-width: 360px
    }

    /* Paidログイン */
    #contents-guide-paid .login {
        flex-direction: column;
        text-align: center;
    }

    #contents-guide-paid .login a {
        margin: 10px 0 0 0;
        font-size: 14px;
    }

    /* Paidとは */
    #contents-guide-paid .about .co-contents-box-table {
        font-size: 13px;
    }

    #contents-guide-paid .about .co-contents-box-table tr th,
    #contents-guide-paid .about .co-contents-box-table tr td {
        padding: 13px 9px;
    }

    /* Paidが選ばれる3つのポイント */
    #contents-guide-paid .point .point-list {
        flex-direction: column;
        align-items: center;
    }

    #contents-guide-paid .point .point-list li {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
        max-width: 380px;
    }

    #contents-guide-paid .point .point-list li dl dt img {
        max-width: 250px;
    }

    #contents-guide-paid .point .point-list li dl dd p:first-of-type {
        text-align: center;
    }
}

.jsp-layout-base-layout tr.height {
    height: 0px;
}

/*eventList*/
#contents-event-list .event-frame-outline {
    float: left;
    width: 316px;
    margin-bottom: 22px;
}

#contents-event-list .event-frame {
    width: 292px;
    border: 1px solid #cccccc;
    padding: 1px;
}

#contents-event-list .container {
    width: 948px;
    margin: 0 auto;
}

#contents-event-list .container2 {
    width: 927px;
    margin: 0;
}

#contents-event-list .container2 .campaign-info {
    border: 1px solid #cccccc;
}

#contents-event-list .container2 .campaign-info .co-h3 {
    background-color: #e6e6e6;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #ffffff;
    line-height: 1;
    padding: 3px 0px 3px 5px;
    margin: 0px;
}

#contents-event-list .container2 .campaign-info .co-h3 p {
    border-left: 5px solid #8F8F8F;
    font-weight: bold;
    margin: 0px;
    padding: 2px 0 2px 4px;
}

#contents-event-list .container2 .campaign-info .campaign {
    margin: 0px 0px 0px 13px;
    padding-bottom: 13px;
}

#contents-event-list .container2 .campaign-info .contents {
    padding: 0px;
    margin: 0px;
}

#contents-event-list .container2 .campaign-info img {
    margin: 0px;
}

#contents-event-list .container2 .campaign-info .background-a {
    float: left;
    margin-top: 13px;
    margin-right: 10px;
    border: 1px solid #cccccc;
}

#contents-event-list .container2 .campaign-info .background-b {
    float: left;
    margin-top: 13px;
    border: 1px solid #cccccc;
}

/*campaign*/
#contents-event-list .event-date {
    background-color: #eeeeee;
    padding: 2px;
    margin-bottom: 10px;
}

#contents-event-list .event-banner {
    text-align: center;
    margin-bottom: 10px;
}

#contents-event-list .close-up-outline {
    float: left;
    width: 528px;
    padding-left: 13px;
    border: 1px solid #cccccc;
}

#contents-event-list .close-up-image-outline {
    float: left;
    width: 175px;
}

#contents-event-list .close-up-image {
    border: 1px solid #cccccc;
    padding: 23px 0 23px;
    width: 158px;
    margin-bottom: 15px;

}

#contents-event-list .close-up-title {
    font-weight: bold;
    color: #666666;
    font-size: 120%;
    margin: 15px 0;
    border-left: 3px solid #cccccc;
    padding-left: 5px;
}

#contents-event-list .campaign-outline {
    float: right;
    width: 356px;
    border: 1px solid #cccccc;
    padding-left: 13px;
}

#contents-event-list .campaign-image {
    float: left;
    width: 175px;
    margin-bottom: 11px;
}

/* ログアウトしました画面 */
#logoutconfirm_fix-body {
    width: 100%;
    text-align: center;
}

#logoutconfirm_fix-body .wrap {
    max-width: 950px;
    width: 94%;
    margin: 50px auto 0;
}

#logoutconfirm_fix-body .logout {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    margin-bottom: 30px;
    padding: 15px 10px;
}

#logoutconfirm_fix-body p {
    font-weight: bold;
}

/* 購入履歴 */
#buying-history .wrap {
    width: 100%;
}

#buying-history .tab {
    width: 96%;
    border-bottom: solid 5px #8f8f8f;
}

#buying-history .payment-box {
    width: 96%;
    margin: 10px 0;
}

#buying-history .table-wrap {
    width: 96%;
    border-collapse: collapse;
    border-bottom: 1px solid #ccc;
}

#buying-history .tr-background {
    background-color: #e6e6e6;
}

#buying-history td {
    border: 1px solid #cccccc;
    border-collapse: collapse;
}

#buying-history .table-wrap-02 {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 96%;
}

#buying-history .no-border {
    border: none;
}

#buying-history .float-left {
    float: left;
    text-align: left;
    margin-bottom: 5px;
}

#buying-history .float-right {
    float: right;
    text-align: right;
    margin-bottom: 5px;
    color: #dc4d4d;
}

#buying-history .bold-box-01 {
    text-align: right;
    background-color: #ffffff;
    white-space: nowrap;
}

#buying-history .sum-tax-box td {
    text-align: right;
    background-color: #fff;
    white-space: nowrap;
    font-weight: normal;
}

#buying-history .set-space {
    border-bottom: none;
    border-left: none;
    border-right: none;
    height: 40px;
}

#buying-history .set-container {
    margin-top: 10px;
}

#buying-history .set-container .set-header {
    border: none;
    padding: 0;
    text-align: left;
    line-height: auto;
    padding: 5px 0;
    margin: 15px 0 0;
    line-height: 1.8;
}

#buying-history .set-container .set-inner {
    border-left: 5px solid #ccc;
    padding: 5px 0 5px 5px;
    margin: 5px 0;
}

#buying-history .set-container .ship-date {
    font-size: 120%;
    font-weight: bold;
    margin-left: 5px;
}

#buying-history .set-container .date {
    font-size: 120%;
    font-weight: bold;
}

#buying-history .set-container .invoice-number {
    float: right;
    margin-top: -1px;
}

#buying-history .set-container .destination-link {
    font-size: 93%; /*12px*/
    margin-left: 10px;
}

#buying-history-list .title-amount {
    border-bottom: 1px solid #666666;
    padding-bottom: 15px;
    text-align: left;
}

#buying-history-list .tooltip-onmouse {
    overflow: visible;
}

#buying-history-list .tooltip-onmouse > span {
    position: relative;
    outline: none;
    cursor: default;
    color: #333;
    border-radius: 4px;
}

#buying-history-list .tooltip-onmouse > span > span:not(:first-child) {
    position: absolute;
    top: 1.6em;
    left: 0;
    display: none;
    color: #333;
    background: #fff;
    box-shadow: 1px 1px 3px 0 #bbb;
    -webkit-box-shadow: 1px 1px 3px 0 #bbb;
    -moz-box-shadow: 1px 1px 3px 0 #bbb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-redius: 5px;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 2px solid #bbb;
    border-bottom: 2px solid #bbb;
    padding: 5px 10px;
    z-index: 2;
}

#buying-history-list .tooltip-onmouse:visited span,
#buying-history-list .tooltip-onmouse:hover span,
#buying-history-list .tooltip-onmouse:active span {
    text-decoration: none;
}

#buying-history-list .tooltip-onmouse > span:hover > span:not(:first-child) {
    display: block;
    text-align: left;
    left: auto !important;
    right: -4px !important;
    line-height: 1.5;
}

#buying-history-list .co-pankuzu-list,
#buying-history-list .co-title1 {
    width: 100%;
}

#buying-history-list .co-pankuzu-list {
    margin-top: 0;
}

#buying-history-list .co-title1 {
    margin-bottom: 12px;
}

/* 領収書 */
#member-receipt * {
    color: #333333;
    box-sizing: border-box;
}

@media print {
    /* 印刷用 */
    #member-receipt #btn_close {
        display: none !important;
    }
}

body #member-receipt {
    -webkit-print-color-adjust: exact;
}

#member-receipt p {
    margin: 3px 0;
}

#member-receipt {
    width: 950px;
    margin: 0 auto;
    font-size: 14px;
}

#member-receipt h1 {
    margin: 50px auto;
    font-size: 20px;
}

#member-receipt .logo img {
    width: 150px;
}

#member-receipt .publisher {
    width: 250px;
    height: 11.5em;
    margin: 15px 1px 15px 0;
}

#member-receipt .publisher p {
    margin: 3px 0;
}

#member-receipt .publisher > img {
    margin-top: -2.8em;
    width: 70px;
    height: auto;
    float: right;
}

#member-receipt .receipt-content {
    float: left;
    text-align: left;
    margin-top: 12px;
}

#member-receipt .receipt-content div {
    clear: both;
}

#member-receipt .receipt-content .receipt-amount p {
    display: inline-block;
    padding: 3px 10px;
    margin: 5px 0 0;
    height: 55px;
    line-height: 47px;
    border: #333333 solid 1px;
}

#member-receipt .receipt-content .receipt-amount p:first-child {
    background: #333333;
    width: 7em;
    color: #ffffff;
    float: left;
    text-align: center;
}

#member-receipt .receipt-content .receipt-amount p:last-child {
    font-size: 20px;
    width: 350px;
}

#member-receipt .on-table-area {
    width: 100%;
}

#member-receipt table {
    width: 100%;
    font-size: 93%;
    border-collapse: collapse;
    margin: 0 0 20px;
    line-height: 1.5em;
    border: #333333 solid 1px !important;
}

#member-receipt table td {
    padding: 3px 5px;
    border: #333333 solid 1px;
}

#member-receipt table tr:first-child td *,
#member-receipt table tr:first-child td {
    background: #333333 !important;
    border: none;
    color: #ffffff !important;
    text-align: center;
}

#member-receipt table tr td:nth-of-type(1) {
    min-width: calc(7em + 20px);
    text-align: center;
}

#member-receipt table tr td:nth-of-type(2) {
    min-width: calc(5em + 12px);
}

#member-receipt table tr td:nth-of-type(3) div {
    margin: 0;
    max-width: 30em;
    max-height: 3em;
    overflow: hidden;
}

#member-receipt table tr:not(:first-child):not(.result-row) td:nth-of-type(4) {
    text-align: center;
}

#member-receipt table tr:not(:first-child) td:nth-of-type(5),
#member-receipt table tr:not(:first-child) td:nth-of-type(6),
#member-receipt table tr:not(:first-child) td:nth-of-type(7),
#member-receipt table tr:not(:first-child) td:nth-of-type(8),
#member-receipt table tr:not(:first-child) td:nth-of-type(9) {
    text-align: right;
}

#member-receipt table tr.result-row td {
    border: none;
    text-align: right;
}

#member-receipt .note {
    font-size: 93%;
}

#member-receipt .item-division-name {
    padding-bottom: 3px;
    margin: 0 20px 3px;
    border-bottom: 1px solid #fff !important;
}

#member-receipt .item-division-contents:not(:empty) {
    padding-bottom: 1px;
    margin-bottom: 3px;
    border-bottom: 1px solid #ccc !important;
}

/* 休業日カレンダー */
.contents-holiday-calender {
    margin: 3px 0 15px 0;
    border: 1px solid #cccccc;
    font-size: 12px;
    line-height: 1.4em;
}

.contents-holiday-calender .holiday-calender-week {
    width: 10%;
    float: left;
    padding: 0 4px 0 3px;
    text-align: center;
}

.contents-holiday-calender .holiday-calender-day {
    width: 10%;
    white-space: nowrap;
    padding: 2px 4px 0 3px;
    float: left;
    text-align: center;
}

.contents-holiday-calender .day-sat {
    color: #000088;
}

.contents-holiday-calender .day-sun {
    color: #dc4d4d;
}

.contents-holiday-calender .day-n-holi {
    color: #dc4d4d;
}

#holiday-info .sub-text,
.contents-holiday-calender .day-holi {
    background-image: linear-gradient(#facdcd, #facdcd);
}

#holiday-info .sub-text {
    background-size: 15px 15px;
    background-position: 0 9%;
    background-repeat: no-repeat;
    padding-left: 18px;
}

.contents-holiday-calender .day-holi {
    background-position: 0 50%;
    background-size: 100% 17px;
    background-repeat: repeat-x;
}

.contents-holiday-calender .calender-inner {
    margin: 0 5px 0 12px;
}

.contents-holiday-calender .calender-month {
    text-align: center;
    background-color: #E6E6E6;
    margin: 3px 3px;
}

/* ranking */
#jsp-contents-rank-index-body .rank-container {
    width: 96%;
    margin: auto;
}

#jsp-contents-rank-index-body .rank-view-switch {
    margin-right: 10px;
}

#jsp-contents-rank-index-body .rank-contents-area {
    display: flex;
    width: 100%;
    margin-top: 10px;
}

#jsp-contents-rank-index-body .rank-refine {
    flex-basis: 210px;
    padding-right: 30px;
    margin-right: 0;
}

#jsp-contents-rank-index-body .rank-refine .ttl {
    display: block;
    height: 130px;
    position: relative;
    transition: opacity 0.2s ease;
    background: url('../image/ttl.png') center bottom no-repeat #ffbb33;
    background-size: 172px auto;
    white-space: nowrap;
    text-indent: -200%;
    overflow: hidden;
    position: relative;
}

#jsp-contents-rank-index-body .rank-refine .ttl:after {
    content: "";
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #ffffff;
    position: absolute;
    top: 3px;
    left: 3px;
}

#jsp-contents-rank-index-body .selected-genre {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
    color: #333333;
}

#jsp-contents-rank-index-body .selected-genre span {
    display: block;
    margin: 20px 5px 0;
}

#jsp-contents-rank-index-body .rank-refine li.title {
    padding: 4px 5px;
    margin-left: 0;
}

#jsp-contents-rank-index-body .rank-refine .refine-search-list:not(.subrefine-list) > li:not(.title):nth-of-type(n + 2) > a {
    padding-left: calc(1em + 5px);
}

#jsp-contents-rank-index-body .rank-refine .refine-search-list.subrefine-list {
    margin: 0;
}

#jsp-contents-rank-index-body .rank-refine .refine-search-list.subrefine-list > li > a {
    padding-left: calc(2em + 5px);
}

#jsp-contents-rank-index-body .rank-refine .search-list-slct {
    width: 100%;
    background-color: #333333;
    color: #ffffff;
    font-weight: normal;
    box-sizing: border-box;
    padding: 5px 5px 5px calc(5px + 1em);
}

#jsp-contents-rank-index-body .rank-refine .subrefine-list .search-list-slct {
    padding: 5px 5px 5px calc(5px + 2em);
}

#jsp-contents-rank-index-body .rank-refine .refine-search-list:not(.subrefine-list) > li:first-of-type .search-list-slct {
    padding: 5px;
}

#jsp-contents-rank-index-body .ranking-navi-js-child-genre {
    display: none;
    position: absolute;
    z-index: 50;
    top: -30px;
}

#jsp-contents-rank-index-body .ranking-navi-design-class {
    background-color: #ffffff;
    margin: 0 0 0 20px;
    padding: 0;
    list-style: none;
    width: 180px;
    line-height: 1.7;
}

#jsp-contents-rank-index-body .ranking-navi-design-class li {
    list-style: none;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    padding-left: 15px;
}

#jsp-contents-rank-index-body .ranking-navi-design-class .li-first {
    list-style: none;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: none;
}

#jsp-contents-rank-index-body .ranking-navi-design-class .li-end {
    list-style: none;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

#jsp-contents-rank-index-body .ranking-navi-design-class a {
    width: 100%;
    display: block;
}

#jsp-contents-rank-index-body .rank-main-area {
    flex-basis: calc(100% - 235px);
}

#jsp-contents-rank-index-body .rank-container .main-image {
    position: relative;
    width: 100%;
    z-index: 30;
    margin: 10px 0;
}

#jsp-contents-rank-index-body .rank-container .main-image .genre-switch {
    position: absolute;
    bottom: 0;
    left: 0;
}

#jsp-contents-rank-index-body .rank-container .rank-total-term {
    position: absolute;
    width: 378px;
    top: 50px;
    right: 10px;
    text-align: right;
    font-size: 100%;
    z-index: 30;
}

#jsp-contents-rank-index-body .rank-container #retailer-category {
    position: relative;
    padding: 0 0 5px 0;
    margin-right: 5px;
    zoom: 1;
    z-index: 30;
}

#jsp-contents-rank-index-body .rank-container #retailer-category .popup-box-shadow {
    border-right: solid 2px #cccccc;
    border-bottom: solid 2px #cccccc;
    position: absolute;
    right: 0;
    top: 18px;
    display: none;
}

#jsp-contents-rank-index-body .rank-container #retailer-category .link-arrow {
    font-size: 10px;
    font-weight: bold;
}

#jsp-contents-rank-index-body .rank-container #retailer-category .popup-box {
    border: solid 1px #999999;
    padding: 10px;
    background-color: #ffffff;
    text-align: left;
    font-weight: normal;
    line-height: 1.1em;
    white-space: nowrap;
    min-width: 8em;
    width: auto !important;
    width: 8em;
    z-index: 30;
}

#jsp-contents-rank-index-body .rank-container #retailer-category .popup-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#jsp-contents-rank-index-body .rank-container #retailer-category .popup-box ul li a {
    display: block;
    width: 100%;
}

#jsp-contents-rank-index-body .rank-main-margin {
    margin: 0 0 10px 0;
    zoom: 1;
}

#jsp-contents-rank-index-body .rank-main-header {
    position: relative;
}

#jsp-contents-rank-index-body .rank-main-header .period {
    position: absolute;
    left: 325px;
    bottom: 10px;
}

#jsp-contents-rank-index-body .rank-main-header .lvone-wrap {
    background-color: #f6f6f6;
    overflow: hidden;
    position: relative;
}

#jsp-contents-rank-index-body .rank-main-header ul {
    display: flex;
    left: 32px;
}

#jsp-contents-rank-index-body .rank-main-header ul li {
    text-align: center;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    cursor: pointer;
    font-size: 14px;
    background-color: #fff;
    flex: none;
}

#jsp-contents-rank-index-body .rank-main-header ul li:first-child {
    border-left: 1px solid #333;
}

#jsp-contents-rank-index-body .rank-main-header ul li:not(.selected):hover {
    background-color: #eeeeee;
}

#jsp-contents-rank-index-body .rank-main-header ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
    box-sizing: border-box;
    padding: 6px 14px 5px;
}

#jsp-contents-rank-index-body .rank-main-header .selected {
    background-color: #333333;
    color: #ffffff;
    cursor: default;
    font-size: 14px;
}

#jsp-contents-rank-index-body .rank-main-header .selected a:hover {
    background-color: #333;
}

/****** 進む・戻るボタン ******/
/*** 共通 ***/
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap [class^='itembtn-'] {
    position: absolute;
    top: 0;
    z-index: 100;
}

#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back {
    left: 0;
}

#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next {
    right: 0;
}

#jsp-contents-rank-index-body .rank-main-header .lvone-wrap [class^='itembtn-'] [class^='item-btn'],
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next .item-lodingbtn {
    border-style: solid;
    display: block;
    height: 30px;
    width: 30px;
    position: relative;
}

#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next [class^='item-btnnext'],
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next .item-lodingbtn,
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back [class^='item-btnback'] {
    border-width: 1px;
}

#jsp-contents-rank-index-body .rank-main-header .lvone-wrap [class^='itembtn-'] [class^='item-btn']:before,
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap [class^='itembtn-'] [class^='item-btn']:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next .item-btnnext,
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back .item-btnback {
    background-color: #dcdcdc;
    border-color: #dcdcdc;
    cursor: pointer;
}

/* disabled */
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next .item-btnnext-dsbl,
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back .item-btnback-dsbl {
    background-color: #fdfdfd;
    border-color: #d5d8da;
}

/* hover */
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap [class^='itembtn-']:hover .item-btnnext,
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap [class^='itembtn-']:hover .item-btnback {
    background-color: #adadad;
    border-color: #adadad;
}

/*** 進む ***/
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next [class^='item-btnnext']:before,
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next [class^='item-btnnext']:after {
    border-width: 10px 0 10px 10px;
}

#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next [class^='item-btnnext']:before {
    margin-left: 11px;
}

#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next [class^='item-btnnext']:after {
    margin-left: 8px;
}

#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next .item-btnnext:before {
    border-color: transparent transparent transparent #666666;
}

#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next .item-btnnext:after {
    border-color: transparent transparent transparent #dcdcdc;
}

/* hover */
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next:hover .item-btnnext:before {
    border-color: transparent transparent transparent #ffffff;
}

#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next:hover .item-btnnext:after {
    border-color: transparent transparent transparent #adadad;
}

/* disabled */
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next .item-btnnext-dsbl:before {
    border-color: transparent transparent transparent #d5d8da;
}

#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next .item-btnnext-dsbl:after {
    border-color: transparent transparent transparent #fdfdfd;
}

/*** 戻る ***/
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back [class^='item-btnback']:before,
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back [class^='item-btnback']:after {
    border-width: 10px 10px 10px 0;
}

#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back [class^='item-btnback']:before {
    margin-left: 8px;
}

#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back [class^='item-btnback']:after {
    margin-left: 11px;
}

#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back .item-btnback:before {
    border-color: transparent #666666 transparent transparent;
}

#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back .item-btnback:after {
    border-color: transparent #dcdcdc transparent transparent;
}

/* hover */
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back:hover .item-btnback:before {
    border-color: transparent #ffffff transparent transparent;
}

#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back:hover .item-btnback:after {
    border-color: transparent #adadad transparent transparent;
}

/* disabled */
#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back .item-btnback-dsbl:before {
    border-color: transparent #d5d8da transparent transparent;
}

#jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back .item-btnback-dsbl:after {
    border-color: transparent #fdfdfd transparent transparent;
}

#jsp-contents-rank-index-body .rank-main-title {
    border-left: 5px solid #999999;
    padding-left: 5px;
    text-align: left;
    margin: 20px 0 10px 0;
    line-height: 1.7;
    font-weight: bold;
    font-size: 13px;
}

#jsp-contents-rank-index-body .info-wrap {
    padding: 15px 0 0;
}

#jsp-contents-rank-index-body .info-wrap .rank-period {
    margin-top: 5px;
    text-align: left;
}

#jsp-contents-rank-index-body .info-wrap .rank-period ul {
    padding: 0;
    margin: 0;
}

#jsp-contents-rank-index-body .info-wrap .rank-period ul li {
    background: #ffffff;
    border: 1px solid #007ad8;
    border-radius: 12px;
    color: #007ad8;
    display: inline-block;
    margin: 5px;
}

#jsp-contents-rank-index-body .info-wrap .rank-period ul li:hover {
    background-color: #e2eefc;
}

#jsp-contents-rank-index-body .info-wrap .rank-period ul li.selected {
    background: #007ad8;
    font-weight: bold;
}

#jsp-contents-rank-index-body .info-wrap .rank-period ul li.selected a {
    color: #ffffff;
}

#jsp-contents-rank-index-body .info-wrap .rank-period ul li a {
    color: inherit;
    padding: 3px 15px;
    display: block;
    min-width: 50px;
    text-align: center;
    transition: background-color 0.2s ease-in, color 0.2s ease-in;
}

#jsp-contents-rank-index-body .info-wrap .rank-period ul li a:hover {
    text-decoration: none;
}

#jsp-contents-rank-index-body .rank {
    margin: 40px 10px 10px;
    counter-reset: ranking;
}

#jsp-contents-rank-index-body .rank-icon {
    position: absolute;
    left: 14px;
    top: -14px;
    z-index: 2;
}

#jsp-contents-rank-index-body .rank-icon .rank4-over {
    background-color: #111111;
    width: 17px;
    height: 17px;
    display: block;
    color: #ffffff;
    font-weight: bold;
    padding: 3px;
    text-align: center;
}

#jsp-contents-rank-index-body .rank-image {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    position: relative;
}

#jsp-contents-rank-index-body .rank-image:before {
    content: counter(ranking);
    counter-increment: ranking;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background-color: #333333;
    color: #ffffff;
    font-size: 19px;
    font-family: "arial";
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: -15px;
    z-index: 1;
    -webkit-font-smoothing: antialiased;
}

#jsp-contents-rank-index-body .rank > div:nth-of-type(-n + 3) .rank-image:before {
    align-items: flex-end;
    width: 42px;
    height: 42px;
    padding-bottom: 2px;
    border-radius: 0;
    left: 3px;
    top: -32px;
}

#jsp-contents-rank-index-body .rank > div:nth-of-type(n + 4) .rank-image:before {
    font-size: 16px;
}

#jsp-contents-rank-index-body .rank > div:first-of-type .rank-image {
    border: 3px solid #ffbb33;
}

#jsp-contents-rank-index-body .rank > div:first-of-type .rank-image:before {
    background: url('../image/icon_gold.png') no-repeat center;
    background-size: contain;
}

#jsp-contents-rank-index-body .rank > div:nth-of-type(2) .rank-image {
    border: 3px solid #a6b5ba;
}

#jsp-contents-rank-index-body .rank > div:nth-of-type(2) .rank-image:before {
    background: url('../image/icon_silver.png') no-repeat center;
    background-size: contain;
}

#jsp-contents-rank-index-body .rank > div:nth-of-type(3) .rank-image {
    border: 3px solid #e39a7d;
}

#jsp-contents-rank-index-body .rank > div:nth-of-type(3) .rank-image:before {
    background: url('../image/icon_bronze.png') no-repeat center;
    background-size: contain;
}

#jsp-contents-rank-index-body .rank-image a {
    display: flex;
    width: 160px;
    height: 160px;
    transition: opacity 0.1s ease;
}

#jsp-contents-rank-index-body .rank-image picture {
    display: block;
    width: 100%;
}

#jsp-contents-rank-index-body .rank-image a:hover {
    opacity: 0.7;
}

#jsp-contents-rank-index-body .rank-image img {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#jsp-contents-rank-index-body .rank-soldout {
    position: absolute;
    left: 32px;
    top: 0;
    z-index: 2;
}

#jsp-contents-rank-index-body .rank-text {
    width: 164px;
    margin: 0 auto 10px;
}

#jsp-contents-rank-index-body .rank-dealer-name {
    height: 1.3em;
    padding: 0;
    margin: 5px 0 5px;
    overflow: hidden;
}

#jsp-contents-rank-index-body div.add-wishlist {
    margin: 3px 0 0;
    height: 20px;
}

#jsp-contents-rank-index-body .ranktop-box,
#jsp-contents-rank-index-body .rank-box {
    width: 166px;
    float: left;
    margin-right: 30px;
    margin-bottom: 40px;
    position: relative;
    height: 22em;
}

#jsp-contents-rank-index-body .ranktop-icon {
    position: absolute;
    left: 14px;
    top: -14px;
    z-index: 1;
}

#jsp-contents-rank-index-body .ranktop-icon.rank1-3 {
    left: 14px;
    top: -31px;
}

#jsp-contents-rank-index-body .ranktop-icon.rank4-over {
    background-color: #111111;
    width: 17px;
    height: 17px;
    display: block;
    color: #ffffff;
    font-weight: bold;
    padding: 3px;
    text-align: center;
}

#jsp-contents-rank-index-body .ranktop-image {
    width: 162px;
    height: 162px;
    margin: 0 auto;
}

#jsp-contents-rank-index-body .ranktop-image a {
    display: block;
    width: 162px;
    height: 162px;
}

#jsp-contents-rank-index-body .ranktop-soldout {
    position: absolute;
    left: 32px;
    top: 0;
}

#jsp-contents-rank-index-body .ranktop-text {
    width: 164px;
    margin: 0 auto 10px;
}

#jsp-contents-rank-index-body .ranktop-dealer-name {
    height: 1.3em;
    padding: 0;
    margin: 5px 0 5;
    overflow: hidden;
}

#jsp-contents-rank-index-body .ranktop-dealer-name a {
    color: #666666;
    font-size: 11px;
}

#jsp-contents-rank-index-body .product-info {
    height: 2.7em;
    padding: 0;
    margin: 3px 0 0;
    overflow: hidden;
    word-break: break-all;
}

#jsp-contents-rank-index-body .area {
    height: 1em;
    margin-top: 3px;
}

#jsp-contents-rank-index-body .product-info a.rank-product-intro:link {
    color: #666666;
}

#jsp-contents-rank-index-body .product-info a.rank-product-intro:visited {
    color: #666666;
}

#jsp-contents-rank-index-body .product-info a.rank-product-intro:hover {
    color: #666666;
}

#jsp-contents-rank-index-body .trading {
    color: #dc4d4d;
    font-weight: bold;
    margin: 3px 0 0;
}

#jsp-tiles-wishlist-c .discount {
    color: #dc4d4d !important;
}

#jsp-contents-rank-index-body .trading .list-price,
#recent-items .recent-chk-info .recent-chk-list-price,
#jsp-tiles-wishlist-c .list-price,
#btm-recent-chk-common .recent-chk-list-price,
#jsp-tiles-productdetail-c .product-information-box .list-price,
.maker-wholesale-price + td .list-price {
    color: #dc4d4d;
    font-size: 12px;
    text-decoration: line-through;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 100;
}

.cp-date {
    color: #dc4d4d;
    font-size: 11px;
    display: inline-block;
    font-weight: normal;
}

.cp-target {
    color: #ffffff;
    font-weight: normal;
    font-size: 11px;
    width: 7em;
    text-align: center;
    margin-top: 5px;
    line-height: 1.6;
    background: #333333;
    padding: 0 2px;
}

#jsp-contents-rank-index-body .soldout {
    color: #dc4d4d;
    font-weight: bold;
}

#jsp-contents-rank-index-body .disapproved {
    color: #666666;
    font-weight: bold;
}

#jsp-contents-rank-index-body .applied {
    color: #666666;
    font-weight: bold;
}

.jsp-layout-base-layout .ev-side-list .banner-ranking {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 130px;
    background-color: #ffbb33;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    position: relative;
    transition: opacity 0.2s ease;
}

.jsp-layout-base-layout .ev-side-list .banner-ranking:after {
    content: "";
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #ffffff;
    position: absolute;
    top: 3px;
    left: 3px;
}

.jsp-layout-base-layout .ev-side-list .banner-ranking:hover {
    opacity: 0.8;
}

.jsp-layout-base-layout .ev-side-list .banner-ranking img {
    width: 172px;
}

.jsp-layout-base-layout .ev-side-list .banner-ranking.detail {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    color: #ffffff;
    text-decoration: none;
}

.jsp-layout-base-layout .ev-side-list .banner-ranking.detail .genre {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 13em;
    height: 2.3em;
    font-size: 13px;
    line-height: 1.3;
    text-align: center;
    box-sizing: border-box;
    margin: 7px auto;
    overflow: hidden;
}

.jsp-layout-base-layout .ev-side-list .banner-ranking.detail .genre span {
    color: #5d4837;
    display: inline-block;
    font-weight: bold;
    text-align: left;
    max-height: 100%;
}

.jsp-layout-base-layout .ev-side-list .banner-ranking.detail img {
    width: auto;
}

/* TABLET/SP */
@media screen and (max-width: 940px) {
    #jsp-contents-rank-index-body .rank-container {
        width: 100%;
    }

    #jsp-contents-rank-index-body .rank-contents-area {
        display: block;
    }

    #jsp-contents-rank-index-body .rank-refine {
        float: none;
        margin: 0 auto;
        padding: 0;
    }

    #jsp-contents-rank-index-body .rank-refine .ttl {
        height: 15.6vw;
        min-height: 50px;
        max-height: 65px;
        background-image: url('../image/ttl_sp.png');
        background-position: calc(50% + 8px) center;
        background-size: contain;
        margin: 20px auto 0;
    }

    #jsp-contents-rank-index-body .rank-refine .selected-genre {
        border: 0;
        padding: 0;
        margin: 20px 0 3px;
    }

    #jsp-contents-rank-index-body .rank-refine .refine-search-list {
        display: none;
    }

    #jsp-contents-rank-index-body .rank-main-area {
        width: 100%;
    }

    #jsp-contents-rank-index-body .rank {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
    }

    #jsp-contents-rank-index-body .rank-main-header .rank-main-header-inner {
        display: flex;
        justify-content: space-between;
        letter-spacing: normal;
        padding: 0 30px 25px;
    }

    #jsp-contents-rank-index-body .selected-genre {
        font-weight: bold;
    }

    #jsp-contents-rank-index-body .rank-main-header .period {
        position: static;
    }

    #jsp-contents-rank-index-body .rank-main-header .smd-listrefine {
        flex-basis: 155px;
        justify-content: flex-end;
        padding: 0;
    }

    #jsp-contents-rank-index-body #smd-listrefine-area .smd-listrefine a {
        width: 100%;
    }

    #jsp-contents-rank-index-body .rank-main-header .lvone-wrap {
        padding: 0 0 10px;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-next,
    #jsp-contents-rank-index-body .rank-main-header .lvone-wrap .itembtn-back {
        display: none;
    }

    #jsp-contents-rank-index-body .rank-main-header ul {
        left: 0;
    }

    #jsp-contents-rank-index-body .info-wrap {
        background: #f6f6f6;
        border-bottom: 1px solid #cccccc;
        padding: 15px 0;
    }

    #jsp-contents-rank-index-body .info-wrap .data-collection {
        background: #f6f6f6;
        text-align: center;
    }

    #jsp-contents-rank-index-body .info-wrap .data-collection .sp {
        display: block;
    }

    #jsp-contents-rank-index-body .info-wrap .rank-period {
        background: #f6f6f6;
        text-align: center;
    }

    #jsp-contents-rank-index-body .info-wrap .rank-period ul li {
        margin: 5px 2px;
    }

    #jsp-contents-rank-index-body .ranktop-box,
    #jsp-contents-rank-index-body .rank-box {
        height: auto;
        border-right: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        padding-bottom: 2.8em;
        margin: 0;
        overflow: hidden;
    }

    #jsp-contents-rank-index-body .rank-image {
        width: 100%;
        height: auto;
        border: none !important;
        margin-bottom: 0.5em;
        position: relative;
    }

    #jsp-contents-rank-index-body .rank-image:after {
        content: "";
        display: block;
        padding-top: 100%;
    }

    #jsp-contents-rank-index-body .rank-image a {
        width: auto;
        height: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    #jsp-contents-rank-index-body .rank-image:before {
        top: 5px;
        left: 5px;
        width: 25px;
        height: 25px;
        font-size: 15px;
    }

    #jsp-contents-rank-index-body .rank > div:nth-of-type(-n + 3) .rank-image:before {
        top: 0;
        left: 5px;
        width: 35px;
        height: 32px;
    }

    #jsp-contents-rank-index-body .ranktop-text {
        width: 95%;
        margin: 0 auto 30px;
    }

    #jsp-contents-rank-index-body .ranktop-dealer-name,
    #jsp-contents-rank-index-body .rank-dealer-name {
        display: block;
        width: calc(100% - 20px);
        height: 2em;
        font-size: 11px;
        text-align: center;
        box-sizing: border-box;
        padding: 0 5px;
        border: 1px #cccccc solid;
        margin: 0 10px;
        position: absolute;
        bottom: 8px;
        left: 0;
    }

    #jsp-contents-rank-index-body .ranktop-dealer-name a,
    #jsp-contents-rank-index-body .rank-dealer-name a {
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 2em;
        color: #0066cc;
    }
}

/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
    #jsp-contents-rank-index-body .ranktop-box,
    #jsp-contents-rank-index-body .rank-box {
        width: calc(25% - 1px);
    }

    #jsp-contents-rank-index-body .ranktop-box:nth-of-type(4n),
    #jsp-contents-rank-index-body .rank-box:nth-of-type(4n) {
        border-right: none;
    }

    #jsp-contents-rank-index-body .rank-refine {
        width: calc(100% - 60px);
    }

    #jsp-contents-rank-index-body .selected-genre {
        font-size: 20px;
        padding: 0 1em 3px 0;
    }

    #jsp-contents-rank-index-body .rank-refine .selected-genre span {
        width: calc(100% - 170px);
        margin: 25px 0 0;
    }

    #jsp-contents-rank-index-body .rank-main-header .smd-listrefine {
        margin: -31px 0 0;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #jsp-contents-rank-index-body .rank-main-header .rank-main-header-inner {
        display: block;
        padding: 0 10px 25px;
    }

    #jsp-contents-rank-index-body .rank-refine {
        width: calc(100% - 20px);
    }

    #jsp-contents-rank-index-body .selected-genre {
        font-size: 16px;
        text-align: center;
    }

    #jsp-contents-rank-index-body .rank-refine .selected-genre span {
        display: inline-block;
        text-align: left;
        margin: 18px 0 0;
    }

    #jsp-contents-rank-index-body .rank-main-header .period {
        font-size: 12px;
        text-align: center;
        margin: 3px 0 20px;
    }

    #jsp-contents-rank-index-body .rank-main-header .period a {
        color: inherit;
        text-decoration: none;
        pointer-events: none;
    }

    #jsp-contents-rank-index-body .rank-main-header .smd-listrefine {
        justify-content: center;
    }

    #jsp-contents-rank-index-body .ranktop-box,
    #jsp-contents-rank-index-body .rank-box {
        width: calc(50% - 1px);
    }

    #jsp-contents-rank-index-body .ranktop-box:nth-of-type(2n),
    #jsp-contents-rank-index-body .rank-box:nth-of-type(2n) {
        border-right: none;
    }
}

/*  commonのcfの仮  */
#jsp-contents-rank-index-body .co-cf:before {
    content: "";
    display: block;
    overflow: hidden;
}

#jsp-contents-rank-index-body .co-cf:after {
    content: "";
    display: block;
    overflow: hidden;
}

#jsp-contents-rank-index-body .co-cf:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
#jsp-contents-rank-index-body .co-cf {
    zoom: 1;
}


/* 注文画面-利用可能額ポップアップ */
.kake-popup-btn {
    position: relative;
}

#kake-popup {
    position: absolute;
    z-index: 10;
    border: solid 2px #dadada;
    margin-top: 5px;
    display: none;
    width: 438px;
    font-size: 12px;
}

#kake-popup .contents {
    padding: 5px;
    white-space: normal;
    background-color: #ffffff;
    text-align: left;
}

#kake-popup a#kakePopupCloseBtn {
    display: block;
    width: 25px;
    height: 25px;
    float: right;
    background-image: url(../image/close_04.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

#kake-popup a#kakePopupCloseBtn:hover {
    background-image: url(../image/close_04_on.gif);
}

#kake-popup #kake-details-title {
    margin: 10px 0 5px 5px;
}

#kake-popup table#kake-details {
    margin: 5px;
    width: 405px;
    border-bottom: 1px solid #cccccc;
    border-left: 0px;
    border-right: 0px;
    border-collapse: collapse;
}

#kake-popup table#kake-details th {
    border-top: 1px solid #cccccc;
    padding: 5px;
    background: #eeeeee;
    width: 120px;
    text-align: left;
}

#kake-popup table#kake-details td {
    border-top: 1px solid #cccccc;
    padding: 5px;
}

#kake-popup table#kake-details td.number {
    text-align: right;
}

#kake-popup #kake-details-notice {
    font-size: 80%;
    text-align: right;
    padding: 0 5px;
}

#kake-popup #account {
    background: #eeeeee;
    padding: 10px 15px 10px 15px;
    margin: 0 15px;
}

#kake-popup #account .header {
    padding-bottom: 10px;
}

#kake-popup #account .th,
#kake-popup #account .td {
    padding: 0;
}

#kake-popup #account .th {
    float: left;
    width: 60px;
}

#kake-popup #account .separator {
    float: left;
    text-align: center;
    width: 20px;
}

#kake-popup #account .td {
    float: left;
}

#kake-popup #account-notice {
    padding: 15px;
}

#kake-popup #upkakesend-link-wrap {
    text-align: right;
    padding: 5px 15px 10px 15px;
}

/* 企業詳細・送料決済ページ用 */
#dealer-detail-info .co-tooltip-onmouse a:hover span {
    top: -5px;
    left: 0;
}

#dealer-detail-info .over-about {
    width: 17em;
    text-align: left !important;
}

#dealer-detail-info .dealer-satisfaction {
    margin: 0 10px 0 0;
    vertical-align: top;
    right: 0;
}

#dealer-detail-info .dealer-satisfaction-score {
    display: none;
    position: absolute;
    width: 300px;
    padding: 5px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    text-align: center;
    border-radius: 5px;
    right: 10px;
    font-size: 13px;
}

#dealer-detail-info .dealer-satisfaction-score.frn {
    width: 650px;
    left: 0;
}

/*** 送料・決済 ***/
#dealer-carriage {
    max-width: 650px;
    text-align: left;
}

#dealer-carriage .carriage-info-ttl {
    font-size: 18px;
    padding-bottom: 3px;
    margin: 0 0 10px;
    border-bottom: 1px #cccccc solid;
}

/* 送料表、代引き手数料表共通 */
#dealer-carriage .carriage-tbl,
#dealer-carriage .carriage-tbl th,
#dealer-carriage .carriage-tbl td {
    border: 1px #cccccc solid
}

#dealer-carriage .carriage-tbl {
    border-collapse: collapse;
    margin-top: 5px;
}

#dealer-carriage .carriage-tbl th,
#dealer-carriage .carriage-tbl td {
    padding: 8px 10px;
}

#dealer-carriage .carriage-tbl th {
    background-color: #e6e6e6;
}

#dealer-carriage .carriage-tbl td {
    text-align: right;
}

/* 送料表 */
#dealer-carriage .carriage-shipping.carriage-tbl .my-area th,
#dealer-carriage .carriage-shipping.carriage-tbl .my-area td {
    background-color: #fff7e1;
    font-weight: bold;
}

/* 代引き：手数料表 */
#dealer-carriage .prev-cod.carriage-tbl .prev-cod-note {
    text-align: left;
    font-size: 13px;
}

/* 代引き：決済 */
#dealer-carriage .prev-payment {
    margin: 0 auto 7px;
    font-size: 14px;
}

#dealer-carriage .prev-payment * {
    display: inline-block;
    margin: 0;
    padding: 0;
}

#dealer-carriage .prev-payment .prev-pay-head {
    width: 18em;
}

#dealer-carriage .prev-payment .prev-pay-col {
    text-align: center;
    width: 1em;
}

#dealer-carriage .prev-payment .prev-pay-txt {
    text-align: center;
    width: 8em;
    padding: 3px 0 2px;
}

/* 商品詳細・拡大画像 */
#tiles-common-content-product_detail_image {
    min-width: 710px;
}

#tiles-common-content-product_detail_image .item-detail-wrap {
    margin: 0 auto;
    padding-top: 30px;
    min-width: 650px;
}

#tiles-common-content-product_detail_image .item-detail-pic-wrap {
    float: left;
    position: relative;
    min-width: 430px;
    margin-left: 10%;
}

#tiles-common-content-product_detail_image .item-detail-pic-wrap02 {
    width: 100%;
    position: relative;
}

#tiles-common-content-product_detail_image .item-prev-box {
    text-align: center;
    width: 20px;
    margin: 0px 10px 0px 30px;
    z-index: 1;
    cursor: pointer;
    display: block;
}

#tiles-common-content-product_detail_image .item-prev-contents {
    position: relative;
    top: 28%;
}

#tiles-common-content-product_detail_image .item-next-box {
    text-align: center;
    width: 20px;
    margin: 0px 30px 0px 10px;
    cursor: pointer;
    display: block;
}

#tiles-common-content-product_detail_image .item-next-contents {
    top: 28%;
}

#tiles-common-content-product_detail_image .item-detail-large-pic {
    /*margin: 0px 35px 0px 65px;*/
}

#tiles-common-content-product_detail_image .item-detail-large-box {
    height: auto;
    border: 1px solid #cccccc;
    overflow: hidden;
}

#tiles-common-content-product_detail_image .zoom {
    display: inline-block;
    position: relative;
}

#tiles-common-content-product_detail_image .zoom .defaultImage {
    display: none;
}

#tiles-common-content-product_detail_image .zoom img:hover {
    cursor: url('https://c.superdelivery.com/js/product/zoom/img/click_1.cur'), default;
}

#tiles-common-content-product_detail_image .item-detail-thum-wrap {
    float: left;
    width: 160px;
    margin-right: 30px;
}

#tiles-common-content-product_detail_image .item-detail-thum-wrap .pic-caution {
    color: #dc4d4d;
    margin-top: 5px;
    text-align: left;
}

#tiles-common-content-product_detail_image .item-detail-thum {
    float: left;
    width: 70px;
    height: 70px;
    margin: 0px 5px 10px 5px;
    text-align: center;
}

#tiles-common-content-product_detail_image .thumnail-selected {
    width: 68px;
    height: 68px;
    border: 3px solid #dc4d4d;
}

#tiles-common-content-product_detail_image .thumnail {
    width: 72px;
    height: 72px;
}

#tiles-common-content-product_detail_image .item-detail-vertical {
    width: 68px;
    height: 68px;
    border: 3px solid #cccccc;
}

#tiles-common-content-product_detail_image .thumnail .thum-border {
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: 5;
}

#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_0,
#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_1,
#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_2,
#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_3,
#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_4,
#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_5,
#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_6,
#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_7,
#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_8,
#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_9,
#tiles-common-content-product_detail_image .thumnail .thumnail-selected #border_10 {
    display: none;
}

/* 最近チェックした商品 */
#btm-recent-chk-common {
    position: relative;
    padding: 0 20px;
    min-width: 900px;
    height: 315px;
}

#btm-recent-chk-common .recent-chk-area {
    height: 210px;
    padding-top: 20px;
}

#btm-recent-chk-common .recent-chk-btn-l {
    width: 25px;
    padding-top: 10px;
    float: left;
}

#btm-recent-chk-common .recent-chk-btn-r {
    width: 25px;
    padding-top: 10px;
    float: right;
}

#btm-recent-chk-common .recent-chk-btn-l a {
    width: 25px;
    height: 100px;
    display: block;
    background: url("../image/btn_recent_chk.gif") 0 -330px no-repeat;
    text-decoration: none;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#btm-recent-chk-common .recent-chk-btn-l a:hover {
    background-position: 0 -440px;
}

#btm-recent-chk-common .l-btn-disabled a,
#btm-recent-chk-common .l-btn-disabled a:hover {
    cursor: default;
    background-position: 0 -550px;
}

#btm-recent-chk-common .recent-chk-btn-r a {
    width: 25px;
    height: 100px;
    display: block;
    background: url("../image/btn_recent_chk.gif") 0 0 no-repeat;
    text-decoration: none;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#btm-recent-chk-common .recent-chk-btn-r a:hover {
    background-position: 0 -110px;
}

#btm-recent-chk-common .r-btn-disabled a,
#btm-recent-chk-common .r-btn-disabled a:hover {
    cursor: default;
    background-position: 0 -220px;
}

#btm-recent-chk-common .recent-chk-items {
    float: left;
    margin-left: 17px;
    margin-right: 17px;
    zoom: 1;
}

* html #btm-recent-chk-common .recent-chk-items { /* for IE6 */
    left: 30px;
}

#btm-recent-chk-common .recent-chk-block {
    width: 120px;
    float: left;
    margin-right: 30px;
    text-align: left;
}

#btm-recent-chk-common .recent-chk-img {
    position: relative;
    width: 120px;
    height: 120px;
    margin-bottom: 5px;
    background-color: #f6f6f6;
}

#btm-recent-chk-common .recent-chk-img a {
    width: 120px;
    height: 120px;
    display: table-cell;
    vertical-align: middle;
}

* html #btm-recent-chk-common .recent-chk-img .co-img-center-wrap { /* for IE6 */
    position: absolute;
    top: 50%;
    left: 50%;
}

*:first-child + html #btm-recent-chk-common .recent-chk-img .co-img-center-wrap { /* for IE7 */
    position: absolute;
    top: 50%;
    left: 50%;
}

#btm-recent-chk-common .recent-chk-icon {
    width: 60px;
    height: 13px;
    margin-bottom: 6px;
}

#btm-recent-chk-common .recent-chk-txt {
    margin-bottom: 6px;
    line-height: 1.3;
    height: 2.5em;
    overflow: hidden;
    word-break: break-all;
}

#btm-recent-chk-common .recent-chk-price {
    color: #333333;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 0;
}

#btm-recent-chk-common .recent-chk-price .status {
    font-size: 12px;
}

#btm-recent-chk-common .recent-chk-cmp-price,
#jsp-tiles-productlist-c-product-image-list .dealer-status .cmp-price {
    color: #dc4d4d;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 0;
}

#btm-recent-chk-common .wish-btn a {
    width: 82px;
    height: 19px;
    display: block;
    background: url("../image/function_recent_chk.gif") 0 0 no-repeat;
    text-decoration: none;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#btm-recent-chk-common .wish-btn a:hover {
    background-position: 0 -19px
}

#btm-recent-chk-common .wish-cir {
    padding-left: 20px;
}

.jsp-layout-base-layout .ev-side-list {
    line-height: 1;
}

.jsp-layout-base-layout .ev-side-list li a {
    display: block;
    transition: opacity 0.2s ease;
    line-height: 0;
    margin-bottom: 15px;
}

.jsp-layout-base-layout .ev-side-list li a:hover {
    opacity: 0.8;
}

.jsp-layout-base-layout .ev-side-list li a img {
    border: 1px #cccccc solid;
    box-sizing: border-box;
    width: 100%;
    height: auto;
}

.jsp-layout-base-layout .ev-side-list ul {
    padding: 0;
    margin: 0;
}

.jsp-layout-base-layout .ev-side-list ul li {
    position: relative;
}

.jsp-layout-base-layout .ev-side-list ul li .feature-blog {
    position: absolute;
    right: 1px;
    bottom: 1px;
    background: #ffffff url("../image/co_009b.svg") no-repeat center right 4px;
    color: #1B76D1;
    font-weight: bold;
    font-size: 14px;
}

.jsp-layout-base-layout .ev-side-list ul li .feature-blog p {
    padding: 5px 19px 3px 4px;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    border-right: none;
    border-bottom: none;
}

/* ユビレジ説明・設定ページ第2弾 */
#ubiregi-establish2 .wrap {
    margin: 0 auto;
    width: 96%;
    min-width: 320px;
}

#ubiregi-establish2 .wrap img {
    max-width: 100%;
    height: auto;
}

#ubiregi-establish2 .title {
    text-align: center;
    margin: 40px 0 20px 0;
}

#ubiregi-establish2 .ubiregi-title {
    font-size: 200%;
}

#ubiregi-establish2 .top-illust-border {
    background: url("../image/back_01.gif") repeat-x scroll center bottom transparent;
}

#ubiregi-establish2 .top-illust-wrap {
    margin: 0px auto;
    text-align: center;
}

#ubiregi-establish2 .first-contents-wrap {
    background-color: #FFF8EE;
    padding-top: 54px;
    padding-bottom: 54px;
    position: relative;
}

#ubiregi-establish2 .first-contents-wrap:after, #ubiregi-establish2 .third-contents-wrap:after {
    content: " ";
    height: 0;
    border: transparent 10px solid;
    border-bottom: none;
    border-top: solid #FFF8EE 15px;
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin: 0 0 0 -10px;
}

#ubiregi-establish2 .first-contents-inside-wrap {
    max-width: 940px;
    margin: 0px auto;
    position: relative;
}

#ubiregi-establish2 .first-contents-float-l {
    max-width: 65%;
    float: left;
    margin: 0 0 15px 20px;
}

#ubiregi-establish2 .first-contents-float-r {
    max-width: 290px;
    height: auto;
    padding: 0 20px 20px 5px;
    box-sizing: border-box;
    float: right;
    background: url(../image/ubiregi_first_bg.png) repeat-y 50%;
    margin: 0 0 -20px 0;
    position: relative;
    z-index: 0;
    top: 50%;
}

#ubiregi-establish2 .first-contents-float-r span {
    display: block;
}

#ubiregi-establish2 .first-contents-inside-wrap > p {
    width: 60%;
    position: absolute;
    margin: 80px 0 50px 20px;
}

#ubiregi-establish2 .first-contents-text-wrap {
    max-width: 940px;
    text-align: center;
    position: relative;
}

#ubiregi-establish2 .first-contents-text-wrap img {
    width: 110px;
}

#ubiregi-establish2 .first-contents-text-fl, #ubiregi-establish2 .first-contents-text-fc {
    width: 29%;
    text-align: center;
    padding-left: 4%;
    float: left;
}

#ubiregi-establish2 .first-contents-text-fl {
    background: url(../image/ubiregi_first_bg02.png) no-repeat 100% 55px;
    background-size: 50% 8px;
}

#ubiregi-establish2 .first-contents-text-fc {
    background: url(../image/ubiregi_first_bg02.png) repeat-x center 55px;
    padding-right: 4%;
    margin-right: -4%;
}

#ubiregi-establish2 .first-contents-text-fr {
    width: 29%;
    text-align: center;
    float: left;
    padding-left: 4%;
    background: url(../image/ubiregi_first_bg02.png) no-repeat 0 55px;
    background-size: 50% 8px;
}

#ubiregi-establish2 .first-contents-text-fl p:nth-of-type(1), #ubiregi-establish2 .first-contents-text-fc p:nth-of-type(1), #ubiregi-establish2 .first-contents-text-fr p:nth-of-type(1) {
    font-size: 135%;
    max-width: 200px;
    margin: 10px auto;
}

#ubiregi-establish2 .second-contents-wrap {
    background-color: #E2F1F2;
    padding-top: 54px;
    padding-bottom: 54px;
}

#ubiregi-establish2 .second-contents-inside-wrap {
    text-align: center;
    padding: 0 10px 0 3%;
}

#ubiregi-establish2 .second-contents-border {
    background: url("../image/back_03.gif") repeat-x scroll center bottom transparent;
    text-align: center;
    font-size: 0;
}

#ubiregi-establish2 .second-contents-float-wrap {
    max-width: 900px;
    text-align: center;
    margin: 30px auto 0;
}

#ubiregi-establish2 .second-contents-float-l, #ubiregi-establish2 .second-contents-float-c, #ubiregi-establish2 .second-contents-float-r {
    width: 26%;
    float: left;
    margin-right: 10%;
}

#ubiregi-establish2 .second-contents-float-l p:nth-of-type(1), #ubiregi-establish2 .second-contents-float-c p:nth-of-type(1), #ubiregi-establish2 .second-contents-float-r p:nth-of-type(1) {
    padding: 5px 0;
    font-size: 119%;
    border-bottom: dotted #cccccc 2px;
}

#ubiregi-establish2 .second-contents-float-r {
    margin-right: 0;
}

#ubiregi-establish2 .third-contents-wrap {
    background-color: #FFF8EE;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}

#ubiregi-establish2 .third-contents-inside-wrap {
    max-width: 920px;
    text-align: left;
    margin: 0 auto;
    padding: 0 20px;
}

#ubiregi-establish2 .third-contents-title {
    font-size: 125%;
    padding: 8px 0 10px 50px;
    background: url(../image/ubiregi_img02.png) no-repeat 0 center;
    background-size: 40px;
}

#ubiregi-establish2 .third-contents-float-wrap {
    max-width: 940px;
    margin: 0px auto;
}

#ubiregi-establish2 .third-contents-float-l {
    width: 60%;
    float: left;
    padding-right: 5%;
    margin: 0 auto;
}

#ubiregi-establish2 .third-contents-float-r {
    width: 35%;
    float: right;
    margin: 0 auto;
    text-align: center;
}

#ubiregi-establish2 .third-contents-text {
    padding-left: 50px;
}

#ubiregi-establish2 .fourth-contents-wrap {
    margin: 0px auto;
    text-align: center;
    background: url("../image/back_02.gif") repeat-x scroll center top transparent;
    font-size: 0;
}

#ubiregi-establish2 .fifth-contents-wrap {
    background-color: #E2F1F2;
    padding: 55px;
}

#ubiregi-establish2 .fifth-contents-inside-wrap {
    text-align: center;
}

#ubiregi-establish2 .fifth-contents-float-wrap {
    max-width: 940px;
    margin: 0px auto;
}

#ubiregi-establish2 .fifth-contents-float-l {
    max-width: 644px;
    width: 71%;
    float: left;
}

#ubiregi-establish2 .fifth-contents-float-l .fukidashi-img img {
    width: 100px;
}

#ubiregi-establish2 .fifth-contents-float-l .fukidashi-img + div {
    margin-top: 30px;
}

#ubiregi-establish2 .fifth-contents-float-l .fukidashi-img.ubiregi {
    display: inline-block;
    width: 100px;
    height: 100px;
    background-color: #ffffff;
    box-sizing: border-box;
    padding: 21px 0;
    border-radius: 50%;
    margin: 0 10px 5px;
}

#ubiregi-establish2 .fifth-contents-float-l .fukidashi-img.ubiregi::after {
    bottom: -16px;
}

#ubiregi-establish2 .fifth-contents-float-l .fukidashi-img.ubiregi img {
    width: 50px;
}

#ubiregi-establish2 .step-button-01 a {
    display: inline-block;
    padding: 5px 20px 5px 30px;
    background-color: #FFF;
    border: 1px solid #1492D6;
    margin: 10px auto 0px;
    box-shadow: 0px 1px 0px 0px #FFF inset;
    background-position: 10px center;
}

#ubiregi-establish2 .step-button-01 a:hover {
    display: inline-block;
    padding: 5px 20px 5px 30px;
    background-color: #f5fcff;
    margin: 10px auto 0px;
    box-shadow: none;
}

#ubiregi-establish2 .campaign-list {
    width: 100%;
    margin: 0px auto;
    text-align: left;
    margin-top: 20px;
}

#ubiregi-establish2 .list-left {
    padding: 10px;
    border-top: 1px solid #F47A53;
    border-right: 1px dotted #F47A53;
    border-bottom: 1px solid #F47A53;
    width: 20%;
}

#ubiregi-establish2 .list-right {
    padding: 10px;
    border-top: 1px solid #F47A53;
    border-bottom: 1px solid #F47A53;
    width: 80%;
}

#ubiregi-establish2 .list-left02 {
    padding: 10px;
    border-right: 1px dotted #F47A53;
    border-bottom: 1px solid #F47A53;
    max-width: 137px;
}

#ubiregi-establish2 .list-right02 {
    padding: 10px;
    border-bottom: 1px solid #F47A53;
    width: 823px;
}

#ubiregi-establish2 .regist-button-bottom {
    margin: 0px auto;
    margin-top: 30px;
    text-align: center;
}

#ubiregi-establish2 .setup-title {
    margin: 45px 0px 28px 0px;
    text-align: center;
}

#ubiregi-establish2 .setup-onoff-wrap {
    text-align: center;
    width: 100%;
}

#ubiregi-establish2 .setup-onoff-text {
    text-align: right;
    font-weight: bold;
    font-size: 15px;
    width: 49%;
    float: left;
}

#ubiregi-establish2 .setup-onoff-button {
    text-align: left;
    width: 49%;
    float: left;
}

#ubiregi-establish2 .setup-main-image {
    background: url("../image/setup_image_01.jpg") no-repeat scroll center top transparent;
    max-width: 933px;
    height: 221px;
}

#ubiregi-establish2 .setup-main-image-text {
    margin: 110px 0px 0px 360px;
}

#ubiregi-establish2 .setup-btmcontents-arrow {
    margin: 0px auto;
    text-align: center;
    background: url("../image/setup_back_01.gif") repeat-x scroll center top transparent;
    font-size: 0;
    width: 100%;
}

#ubiregi-establish2 .setup-btmcontents-wrap {
    width: 100%;
    margin: 0px auto;
    background-color: #FFF8EE;
    padding: 20px 0px 30px 0px;
}

#ubiregi-establish2 .setup-btmcontents-left {
    max-width: 500px;
    float: left;
    font-size: 16px;
    line-height: 26px;
}

#ubiregi-establish2 .setup-btmcontents-right {
    max-width: 218px;
    float: left;
    border: 1px solid #CCC0B4;
    background-color: #F78161;
    padding: 12px 0px 12px;
    text-align: center;
}

#ubiregi-establish2 .setup-btmcontents-right a {
    color: #ffffff;
}

/* PC */
@media screen and (min-width: 941px) {
    #ubiregi-establish2 .wrap .sp-only {
        display: none;
    }

    #ubiregi-establish2 .wrap .tab-only {
        display: none;
    }

    #ubiregi-establish2 .wrap .sp-tab-only {
        display: none;
    }

    #ubiregi-establish2 .fifth-text-01 {
        width: 28%;
        float: left;
        margin: 0 3% 0 0;
    }

    #ubiregi-establish2 .fifth-text-03 {
        width: 30%;
        float: left;
        margin: 0 1% 0 0;
    }

    #ubiregi-establish2 .fifth-text-02 {
        width: 33%;
        float: left;
        margin: 0 3% 0 0;
    }

    #ubiregi-establish2 .logged-in .fifth-text-02, #ubiregi-establish2 .logged-in .fifth-text-03 {
        width: 35%;
        float: left;
        margin: 0 10% 0 5%;
    }

    #ubiregi-establish2 .fifth-contents-float-r {
        padding: 20px 3% 0 71%;
        text-align: right;
        background: url(../image/ubiregi_first_bg02.png) no-repeat 95px 133px;
        background-size: 80% 4px;
    }

    #ubiregi-establish2 .logged-in .fifth-contents-float-r {
        padding: 20px 3% 0 71%;
        text-align: right;
        background: url(../image/ubiregi_first_bg02.png) no-repeat 135px 133px;
        background-size: 60% 4px;
    }

    #ubiregi-establish2 .fifth-contents-float-l .fukidashi-img {
        position: relative;
        margin: 10px;
    }

    #ubiregi-establish2 .fifth-contents-float-l .fukidashi-img:after {
        content: "";
        height: 0;
        border: transparent 10px solid;
        border-bottom: none;
        border-top: solid #ffffff 20px;
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin: 0 0 0 -10px;
    }

    #ubiregi-establish2 .fifth-contents-float-wrap {
        padding-top: 30px;
    }

    #ubiregi-establish2 .fifth-text-01 p:not(.logged-in) {
        background: url(../image/ubiregi_flow01.png) no-repeat top center;
    }

    #ubiregi-establish2 .fifth-text-02 p:not(.logged-in) {
        background: url(../image/ubiregi_flow03.png) no-repeat top center;
    }

    #ubiregi-establish2 .fifth-text-03 p:not(.logged-in) {
        background: url(../image/ubiregi_flow05.png) no-repeat top center;
    }

    #ubiregi-establish2 .logged-in .fifth-text-02 p {
        background: url(../image/ubiregi_flow01.png) no-repeat top center;
    }

    #ubiregi-establish2 .logged-in .fifth-text-03 p {
        background: url(../image/ubiregi_flow03.png) no-repeat top center;
    }

    #ubiregi-establish2 .logged-in .fifth-contents-float-l p:not(.logged-in), #ubiregi-establish2 .fifth-contents-float-l p:not(.logged-in) {
        padding-top: 40px;
        margin-top: -15px;
        background-size: 30px;
    }
}

/* TABLET/SP */
@media screen and (max-width: 940px) {
    #ubiregi-establish2 .first-contents-float-l {
        max-width: 100%;
        display: inline-block;
        float: none;
    }

    #ubiregi-establish2 .third-contents-float-l, #ubiregi-establish2 .third-contents-float-r {
        width: 100%;
        float: none;
    }

    #ubiregi-establish2 .third-contents-float-r {
        margin: 15px auto 0;
        width: 60%;
    }

    #ubiregi-establish2 .fifth-contents-wrap {
        padding: 35px 0;
    }

    #ubiregi-establish2 .fifth-contents-inside-wrap {
        max-width: 440px;
        margin: 0 auto;
        padding: 0 10px;
    }

    #ubiregi-establish2 .fifth-contents-float-l {
        text-align: left;
        background: url(../image/ubiregi_first_bg.png) no-repeat 13px 0;
        background-size: 3px 100%;
        padding: 0 10px 140px 45px;
        float: none;
        width: inherit;
    }

    #ubiregi-establish2 .fifth-contents-float-r {
        padding: 0;
        margin: -105px 0 0;
        text-align: center;
        background: url(../image/ubiregi_first_bg02.png) no-repeat 13px 102px;
        background-size: 50% 3px;
        float: none;
    }

    #ubiregi-establish2 .fifth-contents-float-r img {
        max-width: 220px;
        margin: 0 15px;
        height: auto;
    }

    #ubiregi-establish2 .fifth-contents-float-l .fukidashi-img {
        position: relative;
        float: right;
        width: 40%;
        max-width: 130px;
    }

    #ubiregi-establish2 .fifth-contents-float-l .fukidashi-img.ubiregi {
        width: 40%;
        height: auto;
        max-width: 130px;
        padding: 0;
        margin: 0;
    }

    #ubiregi-establish2 .fifth-contents-float-l .fukidashi-img.ubiregi::before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 100%;
    }

    #ubiregi-establish2 .fifth-contents-float-l .fukidashi-img:after {
        content: "";
        height: 0;
        border: transparent 10px solid;
        border-left: none;
        border-right: solid #ffffff 20px;
        position: absolute;
        top: 50%;
        left: -15px;
        margin: -15px 0 0 0;
    }

    #ubiregi-establish2 .fifth-contents-float-l .fukidashi-img img {
        width: 100%;
        margin: 0 0 10px;
    }

    #ubiregi-establish2 .fifth-contents-float-l .fukidashi-img.ubiregi img {
        width: 50%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

    #ubiregi-establish2 .fifth-text-01:not(.logged-in) {
        background: url(../image/ubiregi_flow01.png) no-repeat 0 0;
    }

    #ubiregi-establish2 .fifth-text-02:not(.logged-in) {
        background: url(../image/ubiregi_flow03.png) no-repeat 0 0;
    }

    #ubiregi-establish2 .fifth-text-03:not(.logged-in) {
        background: url(../image/ubiregi_flow05.png) no-repeat 0 0;
    }

    #ubiregi-establish2 .logged-in .fifth-text-02 {
        background: url(../image/ubiregi_flow01.png) no-repeat 0 0;
    }

    #ubiregi-establish2 .logged-in .fifth-text-03 {
        background: url(../image/ubiregi_flow03.png) no-repeat 0 0;
    }

    #ubiregi-establish2 .fifth-text-01:not(.logged-in), #ubiregi-establish2 .fifth-text-02:not(.logged-in), #ubiregi-establish2 .fifth-text-03:not(.logged-in) {
        min-height: 120px;
        float: none;
        margin: 20px 0 0 -45px;
        background-size: 30px;
        clear: both;
        padding-left: 45px;
    }

    #ubiregi-establish2 .logged-in .fifth-text-02, #ubiregi-establish2 .logged-in .fifth-text-03 {
        background-size: 30px;
    }

    #ubiregi-establish2 .fifth-contents-float-l .fukidashi-img + div {
        font-size: 115%;
        background: none;
        width: 54%;
        padding: 5px 6% 0 0;
    }

    #ubiregi-establish2 .step-button-01 a span {
        display: inline-block;
        padding: 0 0 0 15px;
        margin: 0 0 0 -15px;
    }
}

/* TABLET */
@media screen and (max-width: 940px) and (min-width: 671px) {
    #ubiregi-establish2 .wrap .pc-only {
        display: none;
    }

    #ubiregi-establish2 .wrap .sp-only {
        display: none;
    }

    #ubiregi-establish2 .wrap {
        width: 100%;
    }

    #ubiregi-establish2 .title {
        text-align: center;
        margin: 40px 20% 30px;
    }

    #ubiregi-establish2 .first-contents-inside-wrap {
        max-width: 750px;
    }

    #ubiregi-establish2 .first-contents-float-r {
        max-width: 270px;
        padding: 0 30px 20px 20px;
        margin-top: -20px;
    }

    #ubiregi-establish2 .first-contents-merit {
        min-height: 0;
        position: relative;
    }

    #ubiregi-establish2 .first-contents-inside-wrap > p {
        width: inherit;
        margin: 0;
        padding: 0 260px 0 20px;
    }

    #ubiregi-establish2 .third-contents-inside-wrap {
        width: 80%;
    }

    #ubiregi-establish2 .first-contents-text-wrap {
        padding: 0 4% 0 0;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #ubiregi-establish2 .wrap .pc-only {
        display: none;
    }

    #ubiregi-establish2 .wrap .tab-only {
        display: none;
    }

    #ubiregi-establish2 .wrap {
        width: 100%;
    }

    #ubiregi-establish2 .title {
        max-width: 460px;
        padding: 0 15px;
        margin: 40px auto 30px;
    }

    #ubiregi-establish2 .ubiregi-title {
        font-size: 160%;
    }

    #ubiregi-establish2 .first-contents-wrap {
        padding-top: 35px;
    }

    #ubiregi-establish2 .first-contents-float-l {
        margin: 0 20px 5px;
    }

    #ubiregi-establish2 .first-contents-float-r {
        max-width: 120px;
        margin: 25px 5px 0 20px;
        padding: 0;
        float: left;
        background: none;
    }

    #ubiregi-establish2 .first-contents-inside-wrap > p {
        width: inherit;
        min-height: 120px;
        margin: 65px 0 0 0;
        position: static;
        padding: 0 20px 0 160px;
        background: url(../image/ubiregi_first_bg.png) repeat-y 77px;
    }

    #ubiregi-establish2 .first-contents-inside-wrap > p span {
        display: inline-block;
        margin: -65px 0 15px 0;
    }

    #ubiregi-establish2 .first-contents-text-wrap {
        text-align: center;
        position: relative;
    }

    #ubiregi-establish2 .first-contents-text-wrap {
        text-align: center;
        position: relative;
    }

    #ubiregi-establish2 .first-contents-text-wrap img {
        width: 80px;
        float: left;
        margin-right: 20px;
    }

    #ubiregi-establish2 .first-contents-text-fl, #ubiregi-establish2 .first-contents-text-fc, #ubiregi-establish2 .first-contents-text-fr {
        margin: -10px 20px 0;
        padding: 15px 10px 10px 4%;
        width: inherit;
        min-height: 80px;
        text-align: left;
        float: none;
        clear: both;
        background: url(../image/ubiregi_first_bg.png) repeat-y 57px;
    }

    #ubiregi-establish2 .first-contents-text-fr {
        padding-bottom: 0;
        background: url(../image/ubiregi_first_bg.png) no-repeat 57px 0;
        background-size: 8px 50%;
    }

    #ubiregi-establish2 .first-contents-text-wrap p:nth-of-type(1) {
        max-width: inherit;
        margin: 0 auto 8px;
    }

    #ubiregi-establish2 .first-contents-text-wrap p:nth-of-type(2) {
        padding-left: 100px;
        margin: 0;
    }

    #ubiregi-establish2 .second-contents-wrap img {
        width: 150px;
    }

    #ubiregi-establish2 .second-contents-float-wrap {
        margin: 0 auto;
    }

    #ubiregi-establish2 .second-contents-float-l, #ubiregi-establish2 .second-contents-float-c, #ubiregi-establish2 .second-contents-float-r {
        width: 240px;
        float: none;
        margin: 15px auto 0;
    }

    #ubiregi-establish2 .third-contents-inside-wrap {
        width: 90%;
    }

    #ubiregi-establish2 .third-contents-text {
        padding-left: 0;
    }

    #ubiregi-establish2 .third-contents-title {
        background-size: 30px;
    }
}

/* POSレジ設定ページ（Square追加） */
#posregi-establish .title {
    text-align: center;
    margin: 40px 0px 30px 0px;
}

#posregi-establish .setup-title {
    margin: 30px 0px 28px 0px;
    font-size: 15px;
}

#posregi-establish .logo {
    float: left;
    width: 143px;
}

#posregi-establish .logo.base,
#posregi-establish .logo.colorme {
    padding: 15px 0;
}

#posregi-establish .logo.colorme img {
    width: 120px;
}

#posregi-establish .explain {
    float: left;
    padding-left: 40px;
    padding-right: 40px;
    text-align: left;
    width: 564px;
}

#posregi-establish .explain .colorme-id {
    background-color: #f6f6f6;
    padding: 5px;
    font-size: 11px;
    display: inline-block;
    margin-top: 8px;
}

#posregi-establish .explain .colorme-id p {
    margin: 0;
}

#posregi-establish .setup-onoff-wrap {
    text-align: center;
    width: 100%;
    min-width: 960px;
    margin: 30px auto;
    padding-top: 30px;
    border-top: 1px dotted #ccc;
}

#posregi-establish .setup-onoff-wrap:first-child {
    padding: 0;
    border-top: none;
}

#posregi-establish .setup-onoff-box {
    float: left;
    width: 160px;
    border: 1px solid #ccc;
    background-color: #eeeeee;
    padding: 10px 0px 10px 0px;
}

#posregi-establish .setup-onoff-text {
    text-align: right;
    font-weight: bold;
    font-size: 15px;
    width: 49%;
    float: left;
}

#posregi-establish .setup-onoff-button {
    display: inline-flex;
    width: 122px;
    flex-wrap: nowrap;
    align-items: center;
}

#posregi-establish .setup-onoff-button div {
    width: 50%;
    padding: 3px 5px 2px;
    background: #E9E9F2;
    background: linear-gradient(#ffffff 0%, #E9E9F2 100%);
    border-radius: 0 5px 5px 0;
    border: #59717F solid 1px;
}

#posregi-establish .setup-onoff-button div:first-child {
    border-radius: 5px 0 0 5px;
}

#posregi-establish .setup-onoff-button.on div:first-child,
#posregi-establish .setup-onoff-button:not(.on) div:last-child {
    background: #2489CE;
    color: #fff;
    border: #1377BB solid 1px;
}

#posregi-establish .setup-onoff-button.on div:first-child {
    border-right: none;
}

#posregi-establish .setup-onoff-button:not(.on) div:last-child {
    border-left: none;
}

#posregi-establish .setup-onoff-button.on div:last-child:hover,
#posregi-establish .setup-onoff-button:not(.on) div:first-child:hover {
    background: linear-gradient(#e0e0e9 0%, #e0e0e9 100%);
    text-shadow: 1px 1px 0 #ffffff;
}

#posregi-establish .logo.ubiregi img {
    max-width: 70px;
}

#posregi-establish .co-mdl-wrap {
    max-width: 395px;
}

#posregi-establish .co-mdl-wrap .co-mdl-ttl {
    border-radius: 5px 5px 0 0;
}

#posregi-establish .co-mdl-wrap .co-mdl-content {
    border-radius: 0 0 5px 5px;
    background: #fff;
}

#posregi-establish .co-mdl-wrap .co-mdl-content p {
    text-align: left;
}

#posregi-establish .co-mdl-submit .co-btn {
    width: 98px;
}

/* catalog view（説明ページ） */
#jsp-tiles-catalogview .main-title1 {
    width: 100%;
    height: 352px;
    overflow: visible;
    background: url("../image/bg_main01.gif") top left repeat-x;
}

#jsp-tiles-catalogview .main-title1-inner {
    position: relative;
    width: 961px;
    margin: 0 auto;
}

#jsp-tiles-catalogview .main-title1 .img1 {
    width: 435px;
    height: 418px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../image/img_mainleft00.png") top left no-repeat;
}

#jsp-tiles-catalogview .main-title1 .img3 {
    width: 497px;
    height: 192px;
    position: absolute;
    top: 226px;
    left: 435px;
    background: url("../image/img_mainright_btm00.png") top left no-repeat;
}

#jsp-tiles-catalogview .main-title1 .img4 {
    width: 326px;
    height: 58px;
    position: absolute;
    top: 418px;
    left: 73px;
    background: url("../image/img_mainleft_btm00.jpg") top left no-repeat;
}

#jsp-tiles-catalogview h2 {
    border-bottom: none;
}

#jsp-tiles-catalogview h2.about {
    margin: 70px 0 31px;
}

#jsp-tiles-catalogview .abouttxt {
    margin-bottom: 49px;
}

#jsp-tiles-catalogview .point-wrap {
    background: url("../image/bg_brn_btm1_00.gif") #f0f0f0 bottom center no-repeat;
}

#jsp-tiles-catalogview .point-cont {
    width: 960px;
    padding: 50px 0 34px;
    margin: 0 auto;
}

#jsp-tiles-catalogview .brn-top {
    height: 30px;
    background: url("../image/bg_brn_top00.gif") top center no-repeat;
}

#jsp-tiles-catalogview .brn-btm {
    width: 56px;
    height: 19px;
    margin: 0 auto 20px auto;
    background: url("../image/bg_brn_btm2_00.gif") top center no-repeat;
}

#jsp-tiles-catalogview h2.point {
    margin-bottom: 5px;
}

#jsp-tiles-catalogview .point-img1 {
    margin-bottom: 21px;
}

#jsp-tiles-catalogview .btminfo {
    width: 880px;
    margin: 0 auto 23px auto;
    text-align: left;
    font-size: 93%;
    line-height: 1.3;
}

#jsp-tiles-catalogview .btminfo ul {
    padding: 0;
    margin: 0;
}

#jsp-tiles-catalogview .btminfo li {
    padding-left: 1em;
    text-indent: -1em;
}

#jsp-tiles-catalogview .btnarea {
    width: 960px;
    margin: 0 auto;
    border: 1px solid #cdcdcd;
    background-color: #f5f5f5;
    padding: 30px;
}

#jsp-tiles-catalogview .formbtn {
    border: 0px;
    width: 233px;
    height: 45px;
    cursor: pointer;
    background: url("../image/btn_cvopen00.gif") left top no-repeat;
}

#jsp-tiles-catalogview .formbtn:hover {
    background-position: 0 -45px;
}

#jsp-tiles-catalogview .formchkbox {
    padding-top: 25px;
    font-size: 13px;
}

/*** 配送先追加画面 ***/
#delivery-point-register .global-error {
    margin-top: 50px;
}

#delivery-point-register .global-error .fo-error-massage {
    padding: 15px 20px;
    background-color: #FFE0DF;
}

#delivery-point-register #delivery-point-list {
    width: 100%;
    padding: 0;
    border: solid 1px #999999;
    border-collapse: collapse;
    margin: 5px 0 0 0;
}

#delivery-point-register #delivery-point-list th {
    background-color: #e6e6e6;
    padding: 10px;
    border: solid 1px #999999;
    border-collapse: collapse;
    text-align: left;
}

#delivery-point-register #delivery-point-list .co-tooltip-onmouse {
    position: relative;
}

#delivery-point-register #delivery-point-list .co-tooltip-onmouse span {
    left: -11px !important;
    top: -66px !important;
    border-radius: 5px !important;
    background-color: #FFF7E1 !important;
}

/* ツールチップの吹き出し装飾 */
#delivery-point-register #delivery-point-list .co-tooltip-onmouse span:after {
    content: '';
    position: absolute;
    border-top: 14px solid #FFF7E1;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: -12px;
    left: 40px;
}

#delivery-point-register #delivery-point-list .co-tooltip-onmouse span:before {
    content: '';
    position: absolute;
    border-top: 14px solid #999999;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: -14px;
    left: 40px;
}

#delivery-point-register #delivery-point-list .item-regular-setteing {
    width: 43px;
}

#delivery-point-register #delivery-point-list .item-regular-setteing a {
    color: #333333;
}

#delivery-point-register #delivery-point-list .item-regular-setteing .popup-text-width {
    width: 34em;
}

#delivery-point-register #delivery-point-list .item-setting-name {
    width: 145px;
}

#delivery-point-register #delivery-point-list .item-address {
    width: 250px;
}

#delivery-point-register #delivery-point-list .item-tel-num {
    width: 160px;
}

#delivery-point-register #delivery-point-list .item-shop {
    width: 145px;
}

#delivery-point-register #delivery-point-list .item-button {
    width: 70px;
}

#delivery-point-register #delivery-point-list td {
    padding: 10px;
    border: solid 1px #999999;
    border-collapse: collapse;
    vertical-align: top;
}

#delivery-point-register #delivery-point-list td .cp {
    text-align: center;
    margin: 0 auto;
}

#delivery-point-register #delivery-point-list td .lp {
    text-align: left;
    margin: 0 auto;
}

#delivery-point-register #delivery-point-list .setting-name-box {
    width: 145px;
}

#delivery-point-register #delivery-point-list .prefecture-box {
    height: 1.65em;
    margin: 0;
}

#delivery-point-register #delivery-point-list .city-box {
    width: 160px;
    height: 1.2em;
}

#delivery-point-register #delivery-point-list .shop-box {
    width: 145px;
    margin-bottom: 5px;
}

#delivery-point-register #delivery-point-list .receiver-box {
    width: 145px;
}

#delivery-point-register #delivery-point-list .tel-num-box {
    width: 39px;
    padding: 2px 0;
}

/* CORECお知らせページ（最新）-20150219 */
#corec-notification-20150219 {
    font-size: 15px;
    color: #4d4d4d;
}

#corec-notification-20150219 .corec-button {
    width: 196px;
    height: 45px;
}

#corec-notification-20150219 .start {
    border-bottom: 2px solid #dfeebf;
}

#corec-notification-20150219 .start .hukidashi {
    margin: 0 0 -25px 0;
    height: 32px;
}

#corec-notification-20150219 .start-inner {
    display: table;
    width: 900px;

    margin: 0 auto;
    text-align: left;
    padding: 20px 0 10px;
}

#corec-notification-20150219 .start .l {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px 0 0;
}

#corec-notification-20150219 .start .l-inner {
    display: table;
}

#corec-notification-20150219 .start .l span {
    font-size: 20px;
    padding: 0 10px 0 0;
    vertical-align: middle;
    display: table-cell;
}

#corec-notification-20150219 .start .l img {
    vertical-align: middle;
    display: table-cell;
}

#corec-notification-20150219 .start .r {
    display: table-cell;
    width: 480px;
    font-size: 16px;
}

#corec-notification-20150219 .main-catch {
    background: url("../image/header-background.png") 0 0px;
}

#corec-notification-20140407 .main-catch .optimization {
    margin: 35px 0 10px 0;
}

/* SUPER DELIVERYとのサービスの違い-20150219 */
#corec-notification-20150219 .compare {
    background-color: #FFFFFF;
}

#corec-notification-20150219 .compare p {
    margin: 0;
    padding: 0 0 1em;
}

#corec-notification-20150219 .compare-group-inner {
    padding: 50px 30px 80px;
    width: 850px;
}

#corec-notification-20150219 .compare .compare-header {
    font-size: 28px;
    font-weight: bold;
}

#corec-notification-20150219 .compare .compare-inner {
    padding: 30px 0 0;
    position: relative;
    width: 700px;
}

#corec-notification-20150219 .compare .compare-inner .box1 img {
    left: 105px;
    position: absolute;
    top: -50px;
}

#corec-notification-20150219 .compare ul {
    margin: 0;
    padding: 0;
}

#corec-notification-20150219 .compare .group {
    border-radius: 5px;
    position: relative;
    text-align: center;
}

#corec-notification-20150219 .compare .box1 {
    padding: 70px 20px 10px;
    width: 280px;
}

#corec-notification-20150219 .compare .box1 p {
    padding: 0.5em 0 0.5em;
    font-size: 17px;
}

#corec-notification-20150219 .compare .box2 {
    padding: 10px 20px 20px;
    text-align: left;
}

#corec-notification-20150219 .compare table {
    width: 100%;
}

#corec-notification-20150219 .compare th {
    width: 40%;
    padding: 5px 0;
}

#corec-notification-20150219 .compare td {
    width: 60%;
    text-align: center;
}

#corec-notification-20150219 .compare .sd-group {
    border: 1px solid #d7e1f1;
    float: left;
}

#corec-notification-20150219 .compare .sd-group .box1 {
    background-color: #d7e1f1;
}

#corec-notification-20150219 .compare .sd-group .box2 {
    background-color: #edf3fb;
    border-radius: 6px;
}

#corec-notification-20150219 .compare .sd-group th {
    border-bottom: 1px dashed #bdd1f1;
}

#corec-notification-20150219 .compare .sd-group td {
    border-bottom: 1px dashed #bdd1f1;
}

#corec-notification-20150219 .compare .corec-group {
    float: right;
    border: 1px solid #ddebbe;
}

#corec-notification-20150219 .compare .corec-group .box1 {
    background-color: #dfeebf;
}

#corec-notification-20150219 .compare .corec-group .box2 {
    background-color: #f7fde9;
    border-radius: 6px;
}

#corec-notification-20150219 .compare .corec-group th {
    border-bottom: 1px dashed #c5e483;
}

#corec-notification-20150219 .compare .corec-group td {
    border-bottom: 1px dashed #c5e483;
}

#corec-notification-20150219 .compare .compare-border {
    left: 281px;
    padding: 70px 0 0;
    position: absolute;
    text-align: center;
    top: 33px;
    width: 236px;
}

#corec-notification-20150219 .compare .box2 img {
    vertical-align: middle;
}

/* お客様の声-20150219 */
#corec-notification-20150219 .customer-comments {
    background: #dfeebf;
}

#corec-notification-20150219 .customer-comments .title {
    font-size: 28px;
    font-weight: bold;
}

#corec-notification-20150209 .customer-comments div ul li p span {
    font-weight: normal;
    font-size: 13px;
}

#corec-notification-20150219 .customer-comments div ul li {
    position: relative;
}

#corec-notification-20150219 .customer-comments div ul li.comment01 p {
    width: 140px;
}

#corec-notification-20150219 .customer-comments div ul li.comment02 p {
    width: 130px;
    padding-top: 32px;
}

#corec-notification-20150219 .customer-comments div ul li.comment01 div {
    background-color: #ffffff;
    border-radius: 5px;
    width: 630px;
}

#corec-notification-20150219 .customer-comments div ul li.comment02 div {
    background-color: #ffffff;
    border-radius: 5px;
    width: 635px;
}

#corec-notification-20150219 .customer-comments div ul li.comment01 div img {
    position: absolute;
    left: 242px;
    top: 33px;
}

#corec-notification-20150219 .customer-comments div ul li.comment02 div img {
    position: absolute;
    left: 705px;
    top: 44px;
}

/* 3つのポイント-20150219 */
#corec-notification-20150219 .corec-point {
    height: 1433px;
    background: url("../image/background-color.png") 0 0 repeat-x;
    position: relative;
}

#corec-notification-20150219 .corec-point .space {
    height: 40px;
}

#corec-notification-20150219 .corec-point .circle {
    width: 75px;
    height: 75px;
    -webkit-border-radius: 50%; /* width,heightの半分 */
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#corec-notification-20150219 .corec-point .circle-text1 {
    font-size: 16px;
    color: #ffffff;
}

#corec-notification-20150219 .corec-point .circle-text2 {
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
}

#corec-notification-20150219 .corec-point .point-wrapper {
    background: url("../image/pole.png") repeat-y 50% 0;
    height: 1393px;
}

#corec-notification-20150219 .corec-point .point-wrapper .point-header {
    height: 80px;
    width: 495px;
    margin-bottom: 50px;
    font-size: 30px;
    font-weight: bold;
    color: #4d4d4d;
    position: relative;
}

#corec-notification-20150219 .corec-point .point-wrapper .point-header .text1 {
    position: absolute;
    top: 21px;
    left: 87px;
}

#corec-notification-20150219 .corec-point .point-wrapper .point-header .text2 {
    color: #ffffff;
    position: absolute;
    top: 21px;
    left: 223px;
}

#corec-notification-20150219 .corec-point .point-wrapper .point-header .text3 {
    position: absolute;
    top: 21px;
    left: 298px;
}

#corec-notification-20150219 .corec-point .point-wrapper .three-point {
    width: 960px;
    height: 340px;
    margin-bottom: 50px;
}

#corec-notification-20150219 .corec-point .point-wrapper .three-point .background-shadow-left {
    height: 340px;
    width: 520px;
    margin-left: 32px;
    background-color: #ffffff;
    box-shadow: 0 0 11px 7px rgba(10, 10, 10, 0.1);
}

#corec-notification-20150219 .corec-point .point-wrapper .three-point .background-shadow-right {
    height: 340px;
    width: 520px;
    margin-right: 32px;
    background-color: #ffffff;
    box-shadow: 0 0 11px 7px rgba(10, 10, 10, 0.1);
}

#corec-notification-20150219 .corec-point .point-wrapper .three-point .sentence {
    position: relative;
    height: 340px;
    width: 408px;
}

#corec-notification-20150219 .corec-point .point-wrapper .three-point .sentence .circle-wrapper {
    width: 423px;
    height: 80px;
    margin-top: 93px;
    position: relative;
    margin-bottom: 15px;
}

#corec-notification-20150219 .corec-point .point-wrapper .three-point .sentence .heading {
    margin-bottom: 15px;
    font-size: 22px;
    color: #4d4d4d;
    font-weight: bold;
}

#corec-notification-20150219 .corec-point .point-wrapper .three-point .sentence .content {
    margin-left: 5px;
    width: 282px;
    font-size: 16px;
    text-align: left;
}

#corec-notification-20150219 .corec-point .point-wrapper .three-point .sentence .annotation {
    margin-top: 5px;
    font-size: 14px;
    color: #ec6b6b;
    font-weight: bold;
}

#corec-notification-20150219 .footer-sentence {
    margin: 23px 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 160%;
}

#corec-notification-20150219 .footer-background {
    height: 42px;
    margin-bottom: 70px;
    background: url("../image/footer-background.png") repeat-x;
}

#corec-notification-20150219 .footer-sentence .plan-text {
    font-size: 13px;
    font-weight: normal;
    margin: 0;
}

/*** 海外向け International紹介モーダル ***/
#change-lang-modal {
    display: none;
    position: fixed;
    z-index: 1000003;
    width: 640px;
    top: 100px;
}

#change-lang-modal .fmodal-area {
    width: 100%;
}

#change-lang-modal .fmodal-area .cont-box {
    border-radius: 5px;
    -weblit-border-radius: 5px;
    background-color: #ffffff;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 0 0 3px 3px rgba(150, 150, 150, 0.6);
    -webkit-box-shadow: 0 0 3px 3px rgba(150, 150, 150, 0.6);
}

#change-lang-modal .fmodal-area .cont-box .cont {
    margin: 35px auto;
    text-align: center;
}

#change-lang-modal .fmodal-area .cont-box .cont p {
    line-height: 0;
    margin: 20px 0;
    font-size: 18px;
    font-weight: bold;
}

#change-lang-modal .fmodal-area .cont-box .cont .md-sp {
    display: none;
}

#change-lang-modal .fmodal-area .cont-box .cont table {
    margin: 30px auto;
    border-spacing: 0;
    border-collapse: separate;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    empty-cells: hide;
    font-size: 14px;
    border-radius: 5px;
    -weblit-border-radius: 5px;

}

#change-lang-modal .fmodal-area .cont-box .cont table th {
    background-color: #efefef;
    padding: 5px;
    border-top: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    width: 140px;
}

#change-lang-modal .fmodal-area .cont-box .cont table td {
    padding: 5px;
    border-top: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
}

#change-lang-modal .fmodal-area .cont-box .cont table .intl {
    background-color: #2d659d;
    color: #ffffff;
    width: 200px;
    border-radius: 0 5px 0 0;
    -weblit-border-radius: 5px;
}

#change-lang-modal .fmodal-area .cont-box .cont table .intl2 {
    background-color: #e8f4ff;
}

#change-lang-modal .fmodal-area .cont-box .cont table .rdus {
    border-radius: 5px 0 0 0;
    -weblit-border-radius: 5px;
}

#change-lang-modal .fmodal-area .cont-box .cont table .rdus2 {
    border-radius: 0 0 0 5px;
    -weblit-border-radius: 5px;
}

/* SP */
@media screen and (max-width: 670px) {
    #change-lang-modal {
        width: 84%;
        top: 20px;
    }

    #change-lang-modal .fmodal-area .cont-box .cont {
        margin: 35px auto 15px;
    }

    #change-lang-modal .fmodal-area .cont-box .cont img {
        width: 80px;
    }

    #change-lang-modal .fmodal-area .cont-box .cont p {
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        margin: 3px 0;
    }

    #change-lang-modal .fmodal-area .cont-box .cont .md-pc {
        display: none;
    }

    #change-lang-modal .fmodal-area .cont-box .cont .md-sp {
        display: block;
    }

    #change-lang-modal .fmodal-area .cont-box .cont table {
        border: solid 1px #cccccc;
        font-size: 13px;
        margin: 10px auto 15px;
        text-align: center;
        max-width: 96%;
    }

    #change-lang-modal .fmodal-area .cont-box .cont .type {
        background-color: #2d659d;
        border-top: none;
        color: #ffffff;
    }

    #change-lang-modal .fmodal-area .cont-box .cont table th,
    #change-lang-modal .fmodal-area .cont-box .cont table td {
        width: 50%;
        padding: 3px;
    }

    #change-lang-modal .fmodal-area .cont-box .cont table th:first-child,
    #change-lang-modal .fmodal-area .cont-box .cont table td:first-child {
        border-left: none;
    }
}

/*** 海外向けモーダル ***/
#foreign-entry-modal {
    position: relative;
    z-index: 80001;
}

#foreign-entry-modal .fmodal-area {
    position: absolute;
    width: 100%;
}

#foreign-entry-modal .fmodal-area .cont-box {
    border-radius: 5px;
    -weblit-border-radius: 5px;
    background-color: #ffffff;
    margin: 0 auto;
    width: 940px;
    overflow: hidden;
    box-shadow: 0 0 3px 3px rgba(150, 150, 150, 0.6);
    -webkit-box-shadow: 0 0 3px 3px rgba(150, 150, 150, 0.6);
}

#foreign-entry-modal .fmodal-area .cont-box .product-img-slide {
    float: left;
    width: 440px;
    position: relative;
    overflow: hidden;
    min-height: 440px;
}

#foreign-entry-modal .fmodal-area .cont-box .product-img-slide img {
    position: absolute;
    top: 5px;
    left: 5px;
    display: none;
    width: 430px;
}

/* 注記 */
#foreign-entry-modal .fmodal-area .cont-box .entery-caution-area {
    float: right;
    width: 500px;
    background-color: #f6f6f6;
    box-shadow: 7px 0 10px -10px #cccccc inset;
    -webkit-box-shadow: 7px 0 10px -10px #cccccc inset;
    min-height: 440px;
}

#foreign-entry-modal .fmodal-area .cont-box .entery-caution-area ul {
    padding: 0;
    font-size: 14px;
    letter-spacing: 1.2px;
    line-height: 1.5;
    margin: 15px 0;
}

#foreign-entry-modal .fmodal-area .cont-box .entery-caution-area ul li {
    margin-bottom: 5px;
    padding-left: 1em;
    text-indent: -1em;
}

#foreign-entry-modal .fmodal-area .cont-box .entery-caution-area form input[type='text'] {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 3px;
    font-size: 22px;
    ime-mode: disabled;
    padding: 7px 5px;
    width: 255px;
}

/*** 海外向け帯 ***/
#foreignEntrybar {
    background-color: #2d70b5;
    padding: 7px;
    display: block;
    color: #ffffff;
    text-align: center;
    font-size: 13px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100001;
    border-bottom: 1px #004b97 solid;
    box-shadow: 0 0 5px 1px rgba(100, 100, 100, 0.5);
    -webkit-box-shadow: 0 0 5px 1px rgba(100, 100, 100, 0.5);
    font-weight: bold;
}

#foreignEntrybar .bar-txt-box {
    text-align: center;
}

#foreignEntrybar .bar-txt-box .bar-txt {
    margin: 0 15px 0 0;
    display: inline-block;
    padding-top: 2px;
    font-size: 15px;
    vertical-align: middle;
    line-height: 1.3;
    letter-spacing: 0.5px;
}

#foreignEntrybar .bar-txt-box .bar-link-txt {
    display: inline-block;
    padding: 7px 10px;
    border: 1px #ffffff solid;
    margin: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    line-height: 1;
    vertical-align: middle;
    font-size: 17px;
}

#foreignEntrybar:hover {
    text-decoration: none;
}

#foreignEntrybar:hover .bar-txt-box .bar-link-txt {
    background-color: #4e8ece;
    padding: 8px 10px 6px;
}

/*************************** 商品一覧/レコメンド ***************************/
.recommend-box-wrap,
.recommend-box-wrap *,
.item-box-area,
.item-box-area * {
    box-sizing: border-box;
}

.recommend-box-wrap p,
.item-box-area p {
    margin: 0 0 8px 0;
}

.recommend-box-wrap {
    height: auto !important;
    width: 96%;
    min-width: 0 !important;
    margin: 0 auto 30px;
    padding: 0 !important;
    font-size: 13px;
}

.recommend-box-wrap .recommend-ttl {
    font-size: 16px;
    font-weight: bold;
    height: auto;
}

.recommend-box-wrap .recommend-item-box,
.item-box-area .itembox-parts {
    display: inline-block;
    margin-right: 30px;
    padding-bottom: 30px;
    vertical-align: top;
    min-height: 15em;
    position: relative;
    white-space: normal;
}

.recommend-box-wrap .recommend-item-box {
    width: 120px;
}

.item-box-area .itembox-parts {
    width: 160px;
    height: 24.5em;
}

#dealerlist-dealerbox .item-box-area .itembox-parts,
#genre-new-dealer-area .genre-new-dealer-list .item-box-area .itembox-parts {
    margin: 15px 17px 0 0;
    float: left;
}

#dealerlist-dealerbox .item-box-area .itembox-parts.visible-on {
    display: block;
}

#genre-new-dealer-area .genre-new-dealer-list .item-box-area .itembox-parts.visible-on {
    display: inline-block;
}

#dealerlist-dealerbox .item-box-area .itembox-parts.visible-pre,
#dealerlist-dealerbox .item-box-area .itembox-parts.visible-rear,
#genre-new-dealer-area .genre-new-dealer-list .item-box-area .itembox-parts.visible-pre,
#genre-new-dealer-area .genre-new-dealer-list .item-box-area .itembox-parts.visible-rear {
    display: none;
}

/* 商品画像 */
.recommend-box-wrap .recommend-item-box .recommend-item-img,
.item-box-area .itembox-parts .item-img-box {
    position: relative;
    margin-bottom: 0.5em;
    display: inline-block;
    line-height: 0;
}

.recommend-box-wrap .recommend-item-box .recommend-item-img {
    background-color: #f6f6f6;
}

.recommend-box-wrap .recommend-item-box .recommend-item-img > a,
.item-box-area .itembox-parts .item-img-box > a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    transition: opacity 0.1s ease;
}

.recommend-box-wrap .recommend-item-box .recommend-item-img > a {
    width: 120px;
    height: 120px;
}

.item-box-area .itembox-parts .item-img-box > a {
    width: 160px;
    height: 160px;
}

.recommend-box-wrap .recommend-item-box .recommend-item-img > a:hover,
.item-box-area .itembox-parts .item-img-box > a:hover {
    opacity: 0.7;
}

.recommend-box-wrap .recommend-item-box .recommend-img {
    max-width: 120px;
    max-height: 120px;
}

.item-box-area .itembox-parts .item-img-box .item-img {
    max-width: 160px;
    max-height: 160px;
}

/* 商品情報 */
.recommend-box-wrap .recommend-item-box .recommend-item-name,
.item-box-area .itembox-parts .item-name {
    color: #666666;
    margin: 0 auto;
    height: 2.2em;
    overflow: hidden;
    line-height: 1.2;
    word-break: break-all;
	font-size: 13px;
}

.item-box-area .itembox-parts .item-name .co-new {
    margin: 0 4px 0 0;
    line-height: 1;
    vertical-align: top;
}

.item-box-area .itembox-parts .cp-target {
    box-sizing: content-box;
}

.recommend-box-wrap .recommend-item-box .cp-target,
.item-box-area .itembox-parts .cp-target {
    margin-top: 2px;
}

.recommend-box-wrap .recommend-item-box .recommend-item-name a,
.item-box-area .itembox-parts .item-name a {
    color: #666666;
}

.recommend-box-wrap .recommend-item-box .item-dealer,
.item-box-area .itembox-parts .item-dealer {
    overflow: hidden;
    margin: 6px 0 0;
}

.item-box-area .itembox-parts .item-dealer {
    min-height: 2em;
}

.recommend-box-wrap .recommend-item-box .recommend-price,
.item-box-area .itembox-parts .item-price {
    font-size: 17px;
    font-weight: bold;
    margin: 5px 0 0;
    line-height: 1;
}

.recommend-box-wrap .recommend-item-box .recommend-price .unit,
.item-box-area .itembox-parts .item-price-box .unit {
    font-size: 10px;
}

.recommend-box-wrap .recommend-item-box .recommend-price .unit *,
.item-box-area .itembox-parts .item-price-box .unit * {
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
}

.recommend-box-wrap .recommend-item-box .recommend-price .slash,
.recommend-box-wrap .recommend-item-box .recommend-price .lot,
.item-box-area .itembox-parts .item-price .slash,
.item-box-area .itembox-parts .item-price .lot {
    font-size: 11px;
}

.recommend-box-wrap .recommend-item-box .recommend-price .slash,
.item-box-area .itembox-parts .item-price .slash {
    margin-left: 1px;
}

.recommend-box-wrap .recommend-item-box .recommend-price .lot,
.item-box-area .itembox-parts .item-price .lot {
    margin-top: 1px;
}

.recommend-box-wrap .recommend-item-box .recommend-price-bfr,
.item-box-area .itembox-parts .item-price-bfr {
    font-size: 12px;
    text-decoration: line-through;
}

.recommend-box-wrap .recommend-item-box .item-dealer .status,
.item-box-area .itembox-parts .item-dealer .status {
    font-size: 13px;
    padding: 4px 0;
    margin: 0;
}

.recommend-box-wrap .recommend-item-box .recommend-price .unit,
.item-box-area .itembox-parts .item-price .unit {
    font-size: 11px;
}

.recommend-box-wrap .recommend-item-box .recommend-dealer-name,
.item-box-area .itembox-parts .item-dealer-name {
    color: #666666;
    display: block;
    font-size: 11px;
    line-height: 1.2;
    margin-top: 5px;
    word-break: break-all;
}

.recommend-box-wrap .recommend-item-box .recommend-dealer-name a,
.item-box-area .itembox-parts .item-dealer-name a {
    color: #666666;
}

.recommend-box-wrap [id^='more-recommend-btn'],
.recommend-box-wrap .more-recommend {
    display: none;
}

/* 未ログインの人向け */
.recommend-box-wrap .recommend-item-box .item-regist-box,
.item-box-area .itembox-parts .item-regist-box {
    margin-top: 7px;
}

/*** 左右にボタンがあるバージョン（スマホ時横スクロール） ***/
.recommend-box-wrap.recommend-scroll-box [class^='recommend-btn-'],
.recommend-box-wrap.recommend-scroll-box .recommend-scroll-area,
.dealer-itembox-inner.item-scroll-box [class^='itembtn-'],
.dealer-itembox-inner.item-scroll-box .item-scroll-area,
#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area {
    vertical-align: top;
}

.recommend-box-wrap.recommend-scroll-box [class^='recommend-btn-'],
.recommend-box-wrap.recommend-scroll-box .recommend-scroll-area,
.dealer-itembox-inner.item-scroll-box [class^='itembtn-']:not(.hide),
.dealer-itembox-inner.item-scroll-box .item-scroll-area,
#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area {
    display: inline-block !important;
}

/* ボタン */
.recommend-box-wrap.recommend-scroll-box [class^='recommend-btn-'] {
    width: 27px;
    margin-top: 40px;
}

.dealer-itembox-inner.item-scroll-box [class^='itembtn-'],
#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box [class^='itembtn-'] {
    width: 21px;
    margin-top: 60px;
}

#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box [class^='itembtn-'].hide {
    display: none !important;
}

.dealer-itembox-inner.item-scroll-box [class^='itembtn-'],
#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box [class^='itembtn-'] {
    position: static !important;
}

.recommend-box-wrap.recommend-scroll-box .recommend-btn-bk {
    margin-right: 23px;
}

.dealer-itembox-inner.item-scroll-box .itembtn-back,
#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembtn-back {
    margin-right: 14px;
}

.recommend-box-wrap.recommend-scroll-box .recommend-btn-fw {
    margin-left: 23px;
}

.dealer-itembox-inner.item-scroll-box .itembtn-next,
#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembtn-next {
    margin-left: 14px;
}

.recommend-box-wrap.recommend-scroll-box [class^='recommend-btn-'] a {
    padding: 40px 0;
    background-position: 0 !important;
    cursor: pointer;
}

.recommend-box-wrap.recommend-scroll-box [class^='recommend-btn-'] a:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-style: solid;
    border-color: #8a8a8a;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.recommend-box-wrap.recommend-scroll-box .recommend-btn-bk a:before {
    border-width: 0 0 2px 2px;
    margin-right: -6px;
}

.recommend-box-wrap.recommend-scroll-box .recommend-btn-fw a:before {
    border-width: 2px 2px 0 0;
    margin-left: -6px;
}

.recommend-box-wrap.recommend-scroll-box [class^='recommend-btn-'].co-btn-dsbl:hover span {
    border-color: #ffffff;
}

.recommend-box-wrap.recommend-scroll-box [class^='recommend-btn-'].co-btn-dsbl a,
.recommend-box-wrap.recommend-scroll-box [class^='recommend-btn-'].co-btn-dsbl:hover a {
    background: #f3f4f8;
    cursor: default;
}

.recommend-box-wrap.recommend-scroll-box [class^='recommend-btn-'].co-btn-dsbl a:before {
    border-color: #bfbfbf;
}

/* スクロール領域 */
.recommend-box-wrap.recommend-scroll-box .recommend-scroll-area,
.dealer-itembox-inner.item-scroll-box .item-scroll-area,
#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area {
    white-space: nowrap;
}

.recommend-box-wrap.recommend-scroll-box .recommend-scroll-area {
    width: calc(100% - 100px) !important;
}

.dealer-itembox-inner.item-scroll-box .item-scroll-area {
    width: calc(100% - 70px) !important;
}

.dealer-itembox-inner.item-scroll-box .item-scroll-area,
#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area {
    height: 24.5em;
}

/*** 申請完了：おすすめ企業 ***/
.recommend-box-wrap.trade-apply-recm {
    margin-top: 40px;
}

.recommend-box-wrap.trade-apply-recm .recommend-item-box {
    min-height: 0;
}

/*** 商品詳細：関連商品 ***/
/* PC */
@media screen and (min-width: 941px) {
    #relatedBox .add-to-wishlist.wish-error .add-whis-txt {
        left: -2.5em;
    }

    #relatedBox .add-to-wishlist.wish-error .add-whis-txt:before,
    #relatedBox .add-to-wishlist.wish-error .add-whis-txt:after {
        border-width: 10px 11px 0 0px;
    }

    #relatedBox .add-to-wishlist.wish-error .add-whis-txt:before {
        margin-left: -20px;
    }

    #relatedBox .add-to-wishlist.wish-error .add-whis-txt:after {
        margin-left: -19px;
        bottom: -8px;
    }
}

/* TAB/SP */
@media screen and (max-width: 940px) {
    .recommend-box-wrap .recommend-ttl {
        padding: 0 7px;
    }

    .recommend-box-wrap {
        height: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .recommend-box-wrap .recommend-box-area {
        display: flex;
        flex-wrap: wrap;
    }

    .recommend-box-wrap .recommend-box-area,
    .item-box-area {
        padding-bottom: 5px;
    }

    .recommend-box-wrap .recommend-item-box,
    .item-box-area .itembox-parts {
        border-style: solid;
        border-color: #cccccc;
        border-width: 1px 1px 1px 0;
        overflow: hidden;
        box-sizing: content-box;
        margin: -1px 0 0;
        background-color: #ffffff;
    }

    .item-box-area.dealer-item-box-area .itembox-parts {
        padding-bottom: 1em;
    }

    .dealer-itembox .item-box-area .itembox-parts {
        border-width: 0 1px 0 0;
    }

    .item-box-area .itembox-parts {
        height: auto;
    }

    :not(.item-scroll-box) > .item-box-area .itembox-parts .item-dealer {
        min-height: 59px;
    }

    .recommend-box-wrap .recommend-item-box .recommend-item-img {
        background-color: #ffffff;
    }

    .recommend-box-wrap .recommend-item-box .recommend-item-name a,
    .item-box-area .itembox-parts .item-name a {
        color: #333333;
    }

    .recommend-box-wrap .recommend-item-box .recommend-dealer-name,
    .item-box-area .itembox-parts .item-dealer-name {
        margin-top: 0;
    }

    .item-box-area .itembox-parts .item-regist-box + .item-dealer-name {
        margin-top: 0;
    }

    .recommend-box-wrap .recommend-item-box .recommend-dealer-name a,
    .item-box-area .itembox-parts .item-dealer-name a {
        display: block;
        color: #0066cc;
        border: 1px #cccccc solid;
        padding: 0 5px;
        text-align: center;
        height: 2em;
        line-height: 2em;
        overflow: hidden;
        position: absolute;
        bottom: 8px;
        left: 0;
    }

    .item-box-area.dealer-item-box-area .itembox-parts.pre-itembox-parts {
        padding-bottom: 50px;
    }

    .recommend-box-wrap .recommend-item-box .item-dealer .status,
    .item-box-area .itembox-parts .item-dealer .status {
        padding: 0;
    }

    /*** 左右にボタンがあるバージョン（スマホ時横スクロール） ***/
    /* ボタン */
    .recommend-box-wrap.recommend-scroll-box [class^='recommend-btn-'],
    .dealer-itembox-inner.item-scroll-box [class^='itembtn-']:not(.hide),
    #genre-new-dealer-area .genre-new-dealer-list .item-scroll-box [class^='itembtn-'] {
        display: none !important;
    }

    /* スクロール領域 */
    .recommend-box-wrap.recommend-scroll-box .recommend-box-area,
    .dealer-itembox-inner.item-scroll-box,
    #genre-new-dealer-area .genre-new-dealer-list .item-scroll-box {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .recommend-box-wrap.recommend-scroll-box .recommend-scroll-area,
    .dealer-itembox-inner.item-scroll-box .item-scroll-area,
    #genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area {
        width: auto !important;
        display: table !important;
        table-layout: fixed;
    }

    .dealer-itembox-inner.item-scroll-box .item-scroll-area,
    #genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area {
        padding-bottom: 0;
        height: auto;
    }

    .recommend-box-wrap.recommend-scroll-box .recommend-item-box,
    #dealerlist-dealerbox .dealer-itembox-inner.item-scroll-box .item-scroll-area .itembox-parts,
    #genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area .itembox-parts {
        display: table-cell !important;
        margin: 0 !important;
        height: auto !important;
        float: none;
    }

    .recommend-box-wrap:not(.trade-apply-recm) .recommend-item-box .item-dealer,
    .item-box-area .itembox-parts .item-dealer {
        min-height: 2em;
    }

    /* 検討中ボタン */
    .recommend-box-wrap .recom-wish ~ .item-dealer .recommend-price,
    .item-box-area .itembox-parts .item-wish ~ .item-dealer .item-price,
    .item-box-area .itembox-parts .item-wish ~ .item-dealer .status,
    .item-box-area .itembox-parts .item-wish ~ .item-regist-box > div:first-child {
        word-break: break-all;
        margin-right: 25px;
    }

    .recommend-box-wrap .add-to-wishlist,
    .item-box-area .itembox-parts .add-to-wishlist,
    #jsp-contents-rank-index-body .add-to-wishlist {
        border: 0;
        border-radius: 0;
        width: auto;
        height: auto;
        background-color: transparent;
        left: auto;
    }

    .recommend-box-wrap .add-to-wishlist.added-wish:not(.wish-error) .add-whis-txt,
    .item-box-area .itembox-parts .add-to-wishlist.added-wish:not(.wish-error) .add-whis-txt,
    #jsp-contents-rank-index-body .add-to-wishlist.added-wish:not(.wish-error) .add-whis-txt {
        left: auto !important;
        right: -3px;
        bottom: 27px !important;
    }

    .recommend-box-wrap .add-to-wishlist .add-whis-txt:before,
    .recommend-box-wrap .add-to-wishlist .add-whis-txt:after,
    .item-box-area .itembox-parts .add-to-wishlist .add-whis-txt:before,
    .item-box-area .itembox-parts .add-to-wishlist .add-whis-txt:after,
    #jsp-contents-rank-index-body .add-to-wishlist .add-whis-txt:before,
    #jsp-contents-rank-index-body .add-to-wishlist .add-whis-txt:after {
        left: auto !important;
        right: 7px;
        bottom: -6px;
        border-width: 6px 5px 0 !important;
    }

    .recommend-box-wrap .add-to-wishlist .add-whis-txt:before,
    .recommend-box-wrap .add-to-wishlist .add-whis-txt:before,
    .item-box-area .itembox-parts .add-to-wishlist .add-whis-txt:before,
    .item-box-area .itembox-parts .add-to-wishlist .add-whis-txt:after,
    #jsp-contents-rank-index-body .add-to-wishlist .add-whis-txt:before,
    #jsp-contents-rank-index-body .add-to-wishlist .add-whis-txt:after {
        bottom: -7px !important;
    }

    .item-box-area .itembox-parts .add-to-wishlist .add-whis-txt:after,
    .item-box-area .itembox-parts .add-to-wishlist .add-whis-txt:after
    #jsp-contents-rank-index-body .add-to-wishlist .add-whis-txt:after {
        bottom: -6px !important;
    }

    .recommend-box-wrap .add-to-wishlist .add-wish-icon,
    .item-box-area .itembox-parts .add-to-wishlist .add-wish-icon,
    #jsp-contents-rank-index-body .add-to-wishlist .add-wish-icon {
        width: 20px;
        height: 20px;
        background-size: 18px 17px;
    }

    .recommend-box-wrap .add-to-wishlist.wish-loading:before,
    .item-box-area .itembox-parts .add-to-wishlist.wish-loading:before,
    #jsp-contents-rank-index-body .add-to-wishlist.wish-loading:before {
        display: none;
    }

    /* エラー */
    .recommend-box-wrap .add-to-wishlist.wish-error .add-whis-txt,
    .item-box-area .itembox-parts .add-to-wishlist.wish-error .add-whis-txt
    #jsp-contents-rank-index-body .add-to-wishlist.wish-error .add-whis-txt {
        width: 9.2em;
        left: auto;
        right: -3px;
        bottom: 27px;
        padding: 5px;
    }
}

/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
    .recommend-box-wrap .recommend-item-box,
    .item-box-area .itembox-parts {
        width: calc(25% - 1px);
        padding-bottom: 2.8em;
    }

    .recommend-box-wrap .recommend-item-box .recommend-item-img,
    .item-box-area .itembox-parts .item-img-box {
        width: 100%;
        height: 25vw;
    }

    .recommend-box-wrap .recommend-item-box .recommend-item-img > a,
    .item-box-area .itembox-parts .item-img-box > a {
        width: 25vw;
        height: 25vw;
    }

    .recommend-box-wrap .recommend-item-box .recommend-img,
    .item-box-area .itembox-parts .item-img-box .item-img {
        max-width: 25vw;
        max-height: calc(25vw - 1px);
    }

    .recommend-box-wrap .recommend-item-box .recommend-item-name,
    .recommend-box-wrap .recommend-item-box .recommend-price-box,
    .item-box-area .itembox-parts .item-name,
    .item-box-area .itembox-parts .item-dealer {
        margin: 5px 10px 0;
    }

    .item-box-area .itembox-parts .item-regist-box {
        margin: 7px 10px;
    }

    .recommend-box-wrap .recommend-item-box .recommend-item-name,
    .item-box-area .itembox-parts .item-name {
        font-size: 14px;
    }

    .recommend-box-wrap .recommend-item-box .recommend-dealer-name a,
    .item-box-area .itembox-parts .item-dealer-name a {
        margin: 0 10px;
        font-size: 11px;
        width: calc(100% - 20px);
    }

    /*** 左右にボタンがあるバージョン（スマホ時横スクロール） ***/
    .recommend-box-wrap.recommend-scroll-box .recommend-item-box,
    #dealerlist-dealerbox .dealer-itembox-inner.item-scroll-box .item-scroll-area .itembox-parts,
    #genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area .itembox-parts {
        width: calc(100vw / 4.5);
    }

    .recommend-box-wrap.recommend-scroll-box .recommend-item-box .recommend-item-img,
    .recommend-box-wrap.recommend-scroll-box .recommend-item-box .recommend-item-img > a,
    .dealer-itembox-inner.item-scroll-box .itembox-parts .item-img-box,
    .dealer-itembox-inner.item-scroll-box .itembox-parts .item-img-box > a,
    #genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts .item-img-box,
    #genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts .item-img-box > a {
        width: calc(100vw / 4.5);
        height: calc(100vw / 4.5);
    }

    .recommend-box-wrap.recommend-scroll-box .recommend-item-box .recommend-img,
    .dealer-itembox-inner.item-scroll-box .itembox-parts .item-img,
    #genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts .item-img {
        max-width: calc(100vw / 4.5);
        max-height: calc(100vw / 4.5);
    }

    /* 検討中ボタン */
    .recommend-box-wrap .add-to-wishlist,
    .item-box-area .itembox-parts .add-to-wishlist,
    #jsp-contents-rank-index-body .add-to-wishlist {
        right: 8px;
        bottom: -5.7em;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    .recommend-box-wrap .recommend-item-box,
    .item-box-area:not(.dealer-item-box-area) .itembox-parts {
        padding-bottom: 3em;
    }

    .recommend-box-wrap .recommend-item-box {
        width: calc(33.33% - 1px);
    }

    .item-box-area .itembox-parts {
        width: calc(50% - 1px);
    }

    .recommend-box-wrap .recommend-item-box:nth-child(n+4) {
        display: none;
    }

    .recommend-box-wrap .recommend-item-box .recommend-item-img {
        width: 100%;
        height: calc(100vw / 3);
    }

    .item-box-area .itembox-parts .item-img-box {
        width: 100%;
        height: 50vw;
    }

    .recommend-box-wrap .recommend-item-box .recommend-item-img > a {
        width: calc(100vw / 3);
        height: calc(100vw / 3);
    }

    .item-box-area .itembox-parts .item-img-box > a {
        width: 50vw;
        height: 50vw;
    }

    .recommend-box-wrap .recommend-item-box .recommend-img {
        max-width: calc(100vw / 3);
        max-height: calc(100vw / 3);
    }

    .item-box-area .itembox-parts .item-img-box .item-img {
        max-width: 50vw;
        max-height: 50vw;
    }

    .recommend-box-wrap .recommend-item-box .recommend-item-name,
    .recommend-box-wrap .recommend-item-box .recommend-price-box,
    .item-box-area .itembox-parts .item-name,
    .item-box-area .itembox-parts .item-dealer {
        margin: 5px 7px 0;
    }

    .item-box-area .itembox-parts .item-regist-box {
        margin: 5px 7px 10px;
    }

    .recommend-box-wrap .recommend-item-box .recommend-item-name,
    .item-box-area .itembox-parts .item-name {
        font-size: 12px;
    }

    .recommend-box-wrap .recommend-item-box .recommend-price,
    .dealer-itembox-inner .itembox-parts .item-price {
        font-size: 15px;
    }

    .recommend-box-wrap .recommend-item-box .recommend-dealer-name a,
    .item-box-area .itembox-parts .item-dealer-name a {
        margin: 0 7px;
        font-size: 10px;
        width: calc(100% - 14px);
    }

    /* もっと見る */
    .recommend-box-wrap .recommend-item-box:nth-child(4) ~ .more-recommend {
        display: block;
    }

    .recommend-box-wrap .more-recommend {
        width: 100%;
        text-align: center;
        color: #0066cc;
        font-size: 14px;
        border-bottom: 1px #cccccc solid;
        padding: 10px 10px 7px;
        margin-top: -5px;
        cursor: pointer;
    }

    .recommend-box-wrap .more-recommend:after {
        content: '';
        display: inline-block;
        width: 8px;
        height: 8px;
        border-style: solid;
        border-color: #0066cc;
        border-width: 0 2px 2px 0;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin: 0 0 2px 6px;
    }

    .recommend-box-wrap [id^='more-recommend-btn']:checked ~ .recommend-box-area .recommend-item-box:nth-child(n+4) {
        display: inline-block;
    }

    .recommend-box-wrap [id^='more-recommend-btn']:checked ~ .recommend-box-area .more-recommend {
        display: none;
    }

    /*** 左右にボタンがあるバージョン（スマホ時横スクロール） ***/
    .recommend-box-wrap.recommend-scroll-box .recommend-item-box,
    #dealerlist-dealerbox .dealer-itembox-inner.item-scroll-box .item-scroll-area .itembox-parts,
    #genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area .itembox-parts {
        width: calc(100vw / 2.5);
    }

    .recommend-box-wrap.recommend-scroll-box .recommend-item-box .recommend-item-img,
    .recommend-box-wrap.recommend-scroll-box .recommend-item-box .recommend-item-img > a,
    .dealer-itembox-inner.item-scroll-box .itembox-parts .item-img-box,
    .dealer-itembox-inner.item-scroll-box .itembox-parts .item-img-box > a,
    #genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts .item-img-box,
    #genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts .item-img-box > a {
        width: calc(100vw / 2.5);
        height: calc(100vw / 2.5);
    }

    .recommend-box-wrap.recommend-scroll-box .recommend-item-box .recommend-img,
    .dealer-itembox-inner.item-scroll-box .itembox-parts .item-img,
    #genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts .item-img {
        max-width: calc(100vw / 2.5);
        max-height: calc(100vw / 2.5);
    }

    /* 検討中ボタン */
    .recommend-box-wrap .add-to-wishlist,
    .item-box-area .itembox-parts .add-to-wishlist,
    #jsp-contents-rank-index-body .add-to-wishlist {
        right: 8px;
        bottom: -5.3em;
    }

    .recommend-box-wrap .add-to-wishlist.wish-error .add-whis-txt {
        width: 8.2em;
    }
}

/* ローディング */
.dvs-loading {
    display: none; /* 表示するときは table-cell にする */
    padding: 0 30px;
    vertical-align: middle;
}

.dvs-loading .circle {
    width: 0;
    height: 0;
    position: relative;
}

.dvs-loading .circle span {
    background-color: #dfdfdf;
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    -ms-transform-origin: center center;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    position: absolute;
    -webkit-animation: loading-circle 0.7s infinite;
    animation: loading-circle 0.7s infinite;
}

.dvs-loading .circle span:nth-child(1) {
    left: 0;
    bottom: 0;
}

.dvs-loading .circle span:nth-child(2) {
    left: 5px;
    bottom: -2px;
    animation-delay: 0.1s;
}

.dvs-loading .circle span:nth-child(3) {
    left: 7px;
    bottom: -7px;
    animation-delay: 0.2s;
}

.dvs-loading .circle span:nth-child(4) {
    left: 5px;
    bottom: -12px;
    animation-delay: 0.3s;
}

.dvs-loading .circle span:nth-child(5) {
    left: 0;
    bottom: -14px;
    animation-delay: 0.4s;
}

.dvs-loading .circle span:nth-child(6) {
    left: -5px;
    bottom: -12px;
    animation-delay: 0.5s;
}

.dvs-loading .circle span:nth-child(7) {
    left: -7px;
    bottom: -7px;
    animation-delay: 0.6s;
}

.dvs-loading .circle span:nth-child(8) {
    left: -5px;
    bottom: -2px;
    animation-delay: 0.7s;
}

@-webkit-keyframes loading-circle {
    to {
        background-color: #dfdfdf;
    }
    from {
        background-color: #949494;
    }
}

@-moz-keyframes loading-circle {
    to {
        background-color: #dfdfdf;
    }
    from {
        background-color: #949494;
    }
}

@-ms-keyframes loading-circle {
    to {
        background-color: #dfdfdf;
    }
    from {
        background-color: #949494;
    }
}

@keyframes loading-circle {
    to {
        background-color: #dfdfdf;
    }
    from {
        background-color: #949494;
    }
}

/* Square連携キャンペーン */
#square-campaign .sp {
    display: none;
}

#square-campaign .pc {
    display: inline-block;
}

#square-campaign #nav {
    position: fixed;
    z-index: 100;
    top: 50%;
    right: 30px;
    margin-top: -80px;
}

#square-campaign #nav ul {
    list-style: none outside none;
    padding: 0px;
}

#square-campaign #nav ul li {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('../image/circle_default.png');
    cursor: pointer;
}

#square-campaign #nav ul li.on {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('../image/circle_current.png');
}

#square-campaign #nav .g-nav-1 :hover {
    background-image: url('../image/g_nav_1.png');
    background-position: right center;
    display: block;
    background-repeat: no-repeat;
}

#square-campaign #nav .g-nav-2 :hover {
    background-image: url('../image/g_nav_4.png');
    background-position: right center;
    display: block;
    background-repeat: no-repeat;
}

#square-campaign #nav .g-nav-3 :hover {
    background-image: url('../image/g_nav_3_2.png');
    background-position: right center;
    display: block;
    background-repeat: no-repeat;
}

#square-campaign #nav .g-nav-4 :hover {
    background-image: url('../image/g_nav_4_2.png');
    background-position: right center;
    display: block;
    background-repeat: no-repeat;
}

#square-campaign #nav .g-nav-5 :hover {
    background-image: url('../image/g_nav_5.png');
    background-position: right center;
    display: block;
    background-repeat: no-repeat;
}

#square-campaign #nav ul li a span {
    position: relative;
    display: block;
    width: 170px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: right center;
    overflow: hidden;
}

#square-campaign #top-banner-wrap {
    background-color: #faf398;
    height: 440px;
    text-align: center;
}

#square-campaign .top-banner {
    background: url("../image/ipad_banner_201901.png") no-repeat scroll right -50px bottom 5px transparent;
    background-size: 580px;
    width: 100%;
    max-width: 900px;
    height: 100%;
    margin: 0 auto;
    padding: 30px 0 0;
    box-sizing: border-box;
}

#square-campaign .top-banner-logo {
    float: right;
    width: 50%;
    margin: 0 auto;
}

#square-campaign .banner-left {
    width: 50%;
}

#square-campaign h2 {
    font-size: 31px;
    line-height: 1.5;
    color: #333333;
    border: none;
    font-weight: normal;
}

#square-campaign .square-subtitle {
    font-size: 16px;
    padding-top: 15px;
}

#square-campaign .button-bg {
    display: inline-block;
    background-color: #ffffff;
    border-radius: 5px;
    margin: 20px 0;
}

#square-campaign .create-account {
    display: block;
    width: 296px;
    box-sizing: border-box;
    padding: 15px 10px;
    margin: 20px auto;
    background-color: #1492d6;
    color: #ffffff;
    font-size: 16px;
    border-radius: 5px;
    text-align: center;
}

#square-campaign #top-banner-wrap .create-account {
    margin: 0;
}

#square-campaign .create-account:hover {
    opacity: 0.8;
    text-decoration: none;
}

#square-campaign .coordinate-image-wrap {
    width: 980px;
    margin: 0 auto;
    padding-bottom: 30px;
}

#square-campaign h3 {
    text-align: center;
    font-size: 31px;
    line-height: 44px;
    color: #333333;
    padding: 50px 0px 30px 0px;
    border: none;
    margin: 0px;
    font-weight: normal;
}

#square-campaign #coordinate-image dl {
    float: left;
    width: 470px;
    padding-bottom: 40px;
    text-align: center;
}

#square-campaign #coordinate-image dl:first-child {
    margin-right: 30px;
}

#square-campaign #coordinate-image dt {
    font-size: 24px;
    color: #1492d6;
    padding: 15px 0;
}

#square-campaign #coordinate-image dt span {
    font-size: 36px;
    vertical-align: middle;
}

#square-campaign #coordinate-image dd {
    font-size: 14px;
    margin: 0;
    padding-bottom: 20px;
}

#square-campaign #coordinate-image dl:first-of-type dd img {
    width: 458px;
}

#square-campaign #coordinate-image dl:last-of-type dd img {
    width: 466px;
}

#square-campaign .square-feature-wrap {
    background-color: #fff8ee;
}

#square-campaign .square-feature {
    width: 960px;
    padding-bottom: 50px;
    margin: 0px auto;
}

#square-campaign .square-feature dl {
    float: left;
    box-sizing: border-box;
    width: 225px;
    height: 330px;
    background-color: #ffffff;
    border-radius: 15px;
    padding: 0 12px 10px;
    margin-right: 20px;
    text-align: center;
}

#square-campaign .square-feature dl:last-of-type {
    margin: 0;
}

#square-campaign .square-feature dt {
    font-size: 15px;
    color: #1492d6;
    font-weight: bold;
}

#square-campaign .square-feature dt img {
    width: 150px;
}

#square-campaign .square-feature dd {
    font-size: 13px;
    text-align: left;
    padding-top: 10px;
    margin: 0;
}

#square-campaign .square-feature ul {
    margin: 20px 0 0;
}

#square-campaign .square-feature ul li {
    font-size: 12px;
    padding-left: 36px;
    position: relative;
}

#square-campaign .square-feature ul li:first-child:before {
    content: "※1";
}

#square-campaign .square-feature ul li:last-child:before {
    content: "※2";
}

#square-campaign .square-feature ul li:first-child:before,
#square-campaign .square-feature ul li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

#square-campaign .square-photo-box {
    text-align: center;
    padding-top: 30px;
}

#square-campaign .square-photo-box img {
    max-width: 100%;
    width: 800px;
}

#square-campaign .square-charge-wrap {
    background-color: #f4f5f6;
}

#square-campaign .square-charge {
    width: 900px;
    margin: 0 auto;
}

#square-campaign .square-charge p {
    font-size: 16px;
    padding-bottom: 30px;
    width: 877px;
    margin: 0 auto;
}

#square-campaign .square-charge .charge-box {
    width: 710px;
    height: 225px;
    background-color: #71b8e3;
    margin: 0 auto;
}

#square-campaign .square-charge .charge-box > div {
    width: 50%;
    height: 100%;
    box-sizing: border-box;
    float: left;
    color: #ffffff;
    text-align: center;
    padding: 78px 0;
}

#square-campaign .square-charge .charge-box > div div:first-child {
    font-size: 50px;
    line-height: 1;
}

#square-campaign .square-charge .charge-box > div div:nth-child(2) {
    font-size: 16px;
}

#square-campaign .square-charge .charge-feature {
    text-align: center;
}

#square-campaign .square-charge .charge-feature dl {
    display: inline-block;
    color: #1492d6;
    font-size: 20px;
    padding: 20px 20px 20px 0;
}

#square-campaign .square-charge .charge-feature dl:last-child {
    padding: 20px 0;
}

#square-campaign .square-charge .charge-feature dt {
    display: block;
    padding: 10px 0;
}

#square-campaign .square-charge .charge-feature dd {
    display: block;
    font-weight: bold;
    border-bottom: 1px solid #8f8f8f;
    margin: 0;
}

#square-campaign .create-account-link {
    padding: 30px 0;
}

#square-campaign .coordinate-step-wrap {
    background-color: #fff8ee;
}

#square-campaign .coordinate-step {
    margin: 0px auto;
    padding-bottom: 20px;
    text-align: center;
}

#square-campaign #coordinate-step .step-wrap {
    width: 870px;
    margin: 0px auto;
    padding-bottom: 40px;
}

#square-campaign #coordinate-step .step-wrap-loggedin {
    width: 660px;
}

#square-campaign #coordinate-step .step-01 {
    width: 280px;
    margin: 0px auto;
    text-align: center;
    float: left;
    padding-right: 35px;
}

#square-campaign #coordinate-step .step-02 {
    width: 245px;
    margin: 0px auto;
    text-align: center;
    float: left;
    padding-right: 48px;
}

#square-campaign #coordinate-step .step-02-loggedin {
    width: 45%;
    padding-right: 65px;
}

#square-campaign #coordinate-step .step-03 {
    width: 240px;
    margin: 0px auto;
    text-align: center;
    float: left;
}

#square-campaign #coordinate-step .step-03-loggedin {
    width: 45%;
}

#square-campaign #coordinate-step .step-title {
    font-size: 17px;
    font-weight: bold;
}

#square-campaign #coordinate-step .step-button-01 a {
    display: block;
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid #1492d6;
    width: 70%;
    margin: 38px auto 0px;
    box-shadow: 0px 1px 0px 0px #ffffff inset;
}

#square-campaign #coordinate-step .step-button-01 a:hover {
    padding: 5px;
    background-color: #f5fcff;
    margin: 38px auto 0px;
    box-shadow: none;
}

#square-campaign #coordinate-step .step-button-02 a {
    display: block;
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid #1492d6;
    width: 65%;
    margin: 20px auto 0px;
    box-shadow: 0px 1px 0px 0px #ffffff inset;
}

#square-campaign #coordinate-step .step-button-02 a:hover {
    padding: 5px;
    background-color: #f5fcff;
    margin: 20px auto 0px;
    box-shadow: none;
}

#square-campaign #coordinate-step .step-button-03 a {
    display: block;
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid #1492d6;
    width: 50%;
    margin: 39px auto 0px;
    box-shadow: 0px 1px 0px 0px #ffffff inset;
}

#square-campaign #coordinate-step .step-button-03 a:hover {
    padding: 5px;
    background-color: #f5fcff;
    margin: 39px auto 0px;
    box-shadow: none;
}

/* Square連携キャンペーンタブレット用 */
@media screen and (min-width: 671px) and (max-width: 940px) {
    #square-campaign .sp {
        display: inline-block;
    }

    #square-campaign .pc {
        display: none;
    }

    #square-campaign .sp-b {
        display: inline-block;
    }

    #square-campaign #nav {
        display: none;
    }

    #square-campaign #top-banner-wrap {
        height: 410px;
    }

    #square-campaign .top-banner {
        max-width: 800px;
        background-size: 480px;
        background-position: right -10px bottom 15px;
        padding: 30px 20px 0 0;
    }

    #square-campaign .top-banner-logo {
        /*padding-top: 25px;*/
        width: 45%;
    }

    #square-campaign .top-banner-logo img {
        width: 270px;
    }

    #square-campaign .banner-left {
        width: 55%;
    }

    #square-campaign h2 {
        font-size: 27px;
        line-height: 1.6;
    }

    #square-campaign .square-subtitle {
        font-size: 14px;
        padding-top: 13px;
    }

    #square-campaign .button-bg {
        margin: 18px 0;
    }

    #square-campaign .create-account {
        width: 280px;
        padding: 13px 10px;
    }

    #square-campaign .card-list {
        width: 330px;
    }

    #square-campaign .coordinate-image-wrap {
        width: 90%;
    }

    #square-campaign #coordinate-image dl {
        float: none;
        margin: 0 auto;
    }

    #square-campaign #coordinate-image dl:first-child {
        margin-right: 0;
        margin: 0 auto;
    }

    #square-campaign .square-feature {
        width: 90%;
    }

    #square-campaign .square-feature div:first-of-type {
        width: 480px;
        margin: 0 auto;
    }

    #square-campaign .square-feature dl {
        margin: 0 30px 30px 0;
    }

    #square-campaign .square-feature dl:nth-of-type(even) {
        margin: 0 0 30px;
    }

    #square-campaign .square-feature ul {
        width: 85%;
        margin: 0 auto;
    }


    #square-campaign .square-charge {
        width: 90%;
    }

    #square-campaign .square-charge p {
        width: 100%;
        font-size: 14px;
    }

    #square-campaign .square-charge .charge-box {
        width: 90%;
    }

    #square-campaign .square-charge .charge-box > div {
        padding: 80px 0;
    }

    #square-campaign .square-charge .charge-box > div div:first-child {
        font-size: 44px;
    }

    #square-campaign .square-charge .charge-box > div div:nth-child(2) {
        font-size: 15px;
    }


    #square-campaign .coodinate-step-wrap {
        width: 90%;
    }

    #square-campaign .coordinate-step {
        display: none;
    }

    #square-campaign #coordinate-step .step-wrap {
        width: 90%;
    }

    #square-campaign #coordinate-step .step-01 {
        display: table;
        width: 100%;
        max-width: 550px;
        min-height: 205px;
        margin: 0 auto;
        float: none;
        padding-right: 0;
        margin-bottom: 0;
    }

    #square-campaign #coordinate-step .step-02 {
        display: table;
        margin: 0 auto;
        width: 100%;
        max-width: 550px;
        min-height: 205px;
        float: none;
        padding-right: 0;
        margin-bottom: 0;
    }

    #square-campaign #coordinate-step .step-03 {
        display: table;
        margin: 0 auto;
        width: 100%;
        max-width: 550px;
        min-height: 205px;
        float: none;
    }

    #square-campaign #coordinate-step .step-title {
        font-size: 15px;
        margin-top: 20px;
    }

    #square-campaign #coordinate-step .step-01-bg,
    #square-campaign #coordinate-step .step-02-bg-loggedin {
        background-image: url('../image/step_bg.png');
        background-position: bottom center;
        background-repeat: no-repeat;
    }

    #square-campaign #coordinate-step .step-02-bg {
        background-image: url('../image/step_bg.png');
        background-position: bottom center;
        background-repeat: repeat-y;
    }

    #square-campaign #coordinate-step .step-03-bg {
        background-image: url('../image/step_bg.png');
        background-position: top center;
        background-repeat: no-repeat;
    }

    #square-campaign #coordinate-step .step-sp-left {
        display: table-cell;
        vertical-align: middle;
        width: 37%;
    }

    #square-campaign #coordinate-step .step-sp-left img {
        width: 100%;
        max-width: 150px;
    }

    #square-campaign #coordinate-step .step-sp-right {
        display: table-cell;
        vertical-align: middle;
        width: 70%;
        padding-left: 3%
    }

    #square-campaign #coordinate-step .step-button-01 a {
        width: 70%;
        font-size: 12px;
        margin: 20px auto 20px;
    }

    #square-campaign #coordinate-step .step-button-01 a:hover {
        margin: 20px auto 20px;
    }

    #square-campaign #coordinate-step .step-button-01 a:hover .sp-b {
        text-decoration: underline;
    }

    #square-campaign #coordinate-step .step-button-02 a {
        width: 70%;
        font-size: 12px;
        margin: 20px auto 20px;
    }

    #square-campaign #coordinate-step .step-button-02 a:hover {
        margin: 20px auto 20px;
    }

    #square-campaign #coordinate-step .step-button-02 a:hover .sp-b {
        text-decoration: underline;
    }

    #square-campaign #coordinate-step .step-button-03 a {
        width: 70%;
        font-size: 12px;
        margin: 20px auto 20px;
    }

    #square-campaign #coordinate-step .step-button-03 a:hover {
        margin: 20px auto 20px;
    }
}

/* Square連携キャンペーンスマホ用 */
@media screen and (max-width: 670px) {
    #square-campaign .sp {
        display: inline-block;
    }

    #square-campaign .pc {
        display: none;
    }

    #square-campaign .sp-b {
        display: inline-block;
    }

    #square-campaign #nav {
        display: none;
    }

    #square-campaign #nav {
        display: none;
    }

    #square-campaign #top-banner-wrap {
        height: auto;
    }

    #square-campaign .top-banner {
        max-width: 95%;
        background-image: none;
        padding: 30px 0 20px;
    }

    #square-campaign .top-banner-logo {
        float: none;
        padding-top: 0;
        width: 100%;
    }

    #square-campaign .top-banner-logo img {
        width: 100%;
        max-width: 230px;
    }

    #square-campaign .banner-left {
        width: 100%;
        margin-top: 20px;
    }

    #square-campaign h2 {
        font-size: 24px;
        line-height: 1.6;
    }

    #square-campaign .square-subtitle {
        font-size: 13px;
        padding-top: 13px;
        margin: 0;
    }

    #square-campaign .create-account {
        width: 290px;
    }

    #square-campaign .card-list {
        width: 100%;
        max-width: 300px;
    }

    #square-campaign .coordinate-image-wrap {
        width: 95%;
    }

    #square-campaign h3 {
        font-size: 25px;
    }

    #square-campaign #coordinate-image dl {
        width: 100%;
    }

    #square-campaign #coordinate-image dl:first-child {
        margin-right: 0;
        margin: 0 auto;
    }

    #square-campaign #coordinate-image dt {
        font-size: 19px;
    }

    #square-campaign #coordinate-image dt span {
        font-size: 28px;
    }

    #square-campaign #coordinate-image dl:first-of-type dd img {
        width: 100%;
        max-width: 458px;
    }

    #square-campaign #coordinate-image dl:last-of-type dd img {
        width: 100%;
        max-width: 466px;
    }

    #square-campaign #coordinate-image dd {
        font-size: 12px;
    }


    #square-campaign .square-feature {
        width: 95%;
    }

    #square-campaign .square-feature dl,
    #square-campaign .square-feature dl:last-of-type {
        float: none;
        margin: 0 auto 30px;
    }

    #square-campaign .square-feature ul {
        width: 90%;
        margin: 0 auto;
    }


    #square-campaign .square-charge {
        width: 95%;
    }

    #square-campaign .square-charge p {
        width: 95%;
        font-size: 13px;
    }

    #square-campaign .square-charge .charge-box {
        width: 55%;
        min-width: 235px;
        height: 350px;
    }

    #square-campaign .square-charge .charge-box > div {
        float: none;
        width: 100%;
        height: 175px;
    }

    #square-campaign .square-charge .charge-box > div:first-child {
        padding: 76px 0 0;
    }

    #square-campaign .square-charge .charge-box > div:last-child {
        padding: 46px 0 0;
    }

    #square-campaign .square-charge .charge-box > div div:first-child {
        font-size: 32px;
    }

    #square-campaign .square-charge .charge-box > div div:nth-child(2) {
        font-size: 13px;
    }

    #square-campaign .square-charge .charge-feature {
        width: 60%;
        min-width: 300px;
        margin: 0 auto;
        letter-spacing: -0.5em;
    }

    #square-campaign .square-charge .charge-feature dl {
        width: 50%;
        font-size: 16px;
        padding: 20px 0;
        letter-spacing: normal;
    }

    #square-campaign .square-charge .charge-feature dt {
        width: 135px;
        margin: 0 auto;
    }

    #square-campaign .square-charge .charge-feature dd {
        width: 135px;
        margin: 0 auto;
    }

    #square-campaign .coodinate-step-wrap {
        width: 95%;
    }

    #square-campaign .coordinate-step {
        display: none;
    }

    #square-campaign #coordinate-step .step-wrap {
        width: 95%;
    }

    #square-campaign #coordinate-step .step-01 {
        display: table;
        width: 100%;
        max-width: 550px;
        min-height: 205px;
        margin: 0 auto;
        float: none;
        padding-right: 0;
        margin-bottom: 0;
    }

    #square-campaign #coordinate-step .step-02 {
        display: table;
        margin: 0 auto;
        width: 100%;
        max-width: 550px;
        min-height: 205px;
        float: none;
        padding-right: 0;
        margin-bottom: 0;
    }

    #square-campaign #coordinate-step .step-03 {
        display: table;
        margin: 0 auto;
        width: 100%;
        max-width: 550px;
        min-height: 205px;
        float: none;
    }

    #square-campaign #coordinate-step .step-title {
        font-size: 15px;
        margin-top: 20px;
    }

    #square-campaign #coordinate-step .step-01-bg,
    #square-campaign #coordinate-step .step-02-bg-loggedin {
        background-image: url('../image/step_bg.png');
        background-position: bottom center;
        background-repeat: no-repeat;
    }

    #square-campaign #coordinate-step .step-02-bg {
        background-image: url('../image/step_bg.png');
        background-position: bottom center;
        background-repeat: repeat-y;
    }

    #square-campaign #coordinate-step .step-03-bg {
        background-image: url('../image/step_bg.png');
        background-position: top center;
        background-repeat: no-repeat;
    }

    #square-campaign #coordinate-step .step-sp-left {
        display: table-cell;
        vertical-align: middle;
        width: 37%;
    }

    #square-campaign #coordinate-step .step-sp-left img {
        width: 100%;
        max-width: 150px;

    }

    #square-campaign #coordinate-step .step-sp-right {
        display: table-cell;
        vertical-align: middle;
        width: 70%;
        padding-left: 3%
    }

    #square-campaign #coordinate-step .step-button-01 a {
        width: 70%;
        font-size: 12px;
        margin: 20px auto 20px;
    }

    #square-campaign #coordinate-step .step-button-01 a:hover {
        margin: 20px auto 20px;
    }

    #square-campaign #coordinate-step .step-button-01 a:hover .sp-b {
        text-decoration: underline;
    }

    #square-campaign #coordinate-step .step-button-02 a {
        width: 70%;
        font-size: 12px;
        margin: 20px auto 20px;
    }

    #square-campaign #coordinate-step .step-button-02 a:hover {
        margin: 20px auto 20px;
    }

    #square-campaign #coordinate-step .step-button-02 a:hover .sp-b {
        text-decoration: underline;
    }

    #square-campaign #coordinate-step .step-button-03 a {
        width: 70%;
        font-size: 12px;
        margin: 20px auto 20px;
    }

    #square-campaign #coordinate-step .step-button-03 a:hover {
        margin: 20px auto 20px;
    }

    #square-campaign .square-photo-box {
        padding-top: 0px;
    }
}


/* ▼開業前ページ改修（201704） */

/* 全体 */
#open-business {
    color: #282828;
    position: relative;
}

#open-business h2 {
    font-size: 35px;
    font-weight: bold;
    color: #282828;
    text-align: center;
    border: none;
    padding-top: 50px;
    line-height: 1.2;
}

#open-business h2 span {
    font-size: 15px;
    font-weight: normal;
    display: block;
    text-align: center;
}

/* スクロールボタン */
#open-business #button-switch {
    position: fixed;
    bottom: 15px;
    right: 32px;
    cursor: pointer;
    z-index: 100;
}

/* MV */
#open-business #ob-mv {
    height: 317px;
    width: 100%;
    margin: 0 auto;
    background: url(../image/bg_mv.jpg) repeat-x center bottom;
}

#open-business #ob-mv .mv {
    margin: 0 auto;
    max-width: 635px;
    height: 316px;
    width: 100%;
}

#open-business #ob-mv .mv .mv-left, #ob-mv .mv .mv-right {
    float: left;
}

#open-business #ob-mv .mv .mv-left {
    background-color: #fff;
    height: 272px;
    margin: 0 auto;
    text-align: center;
    padding: 45px 5% 0 5%;
    width: 50%;
}

#ob-mv .mv .mv-right {
    width: 40%;
}

#open-business #ob-mv .mv .mv-left p {
    font-size: 16px;
}

/* 店舗が確定した方はご入会OKです */
#open-business #ob-top {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 70px 0 60px 0;
    background-color: #eeeeee;
}

#open-business #ob-top .box01 {
    max-width: 810px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

#open-business #ob-top ul {
    width: 56%;
    margin: 20px auto 0;
    padding: 0 0 0 1%;
}

#open-business #ob-top ul li {
    float: left;
    margin: 0 3% 2% 0;
    background-color: #fff;
    border: 1px solid #282828;
    border-radius: 20px;
    padding: 11px 10px 4px;;
    height: 93px;
    width: 17%;
}

#open-business #ob-top ul li .br-sp {
    display: none;
}

#open-business #ob-top ul li img {
    width: 58px;
}

#open-business #ob-top ul li span {
    display: block;
    font-size: 12px;
    line-height: 1;
}

#open-business #ob-top ul li:nth-child(4n) {
    margin-right: 0;
}

/* メリット */
#open-business #ob-merit {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 60px;
}

#open-business #ob-merit ul {
    width: 98%;
    max-width: 1150px;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 0 1%;
}

#open-business #ob-merit ul li {
    border: 6px solid #ddd;
    width: 22%;
    border-radius: 10px;
    text-align: center;
    float: left;
    min-height: 320px;
    margin-right: 2%;
    margin-top: 50px;
}

#open-business #ob-merit ul li:last-child {
    margin-right: 0;
}

#open-business #ob-merit ul li p {
    font-weight: bold;
    font-size: 21px;
    margin: 0;
    padding: 0 2%;
    line-height: 1.5;
}

#open-business #ob-merit ul li img {
    margin: 20px 0 10px;
}

#open-business #ob-merit ul li p span {
    font-size: 23px;
    color: #ec2a4d;
}

#open-business #ob-merit ul li p span.merit-small {
    font-weight: normal;
    font-size: 14px;
    color: #282828;
}

/* 利用者の声 */
#open-business #ob-voice {
    width: 100%;
    margin: 0 auto;
    background-image: url(../image/bg_voice.png);
    background-size: cover;
    background-position: center;
    padding-bottom: 60px;
}

#open-business #ob-voice .voice-link02 {
    font-size: 14px;
    line-height: 1.3;
    width: 267px;
    margin: 0 auto;
}

#open-business #ob-voice .voice-link02 p {
    margin: 0 0 8px;
}

#open-business #ob-voice p.voice-sub {
    font-size: 22px;
    font-weight: bold;
    border-top: 1px solid #282828;
    border-bottom: 1px solid #282828;
    margin: 30px auto 50px;
    text-align: center;
    max-width: 26em;
}

#open-business #ob-voice p.voice-sub .br-sp {
    display: none;
}

#open-business #ob-voice .shop-all {
    width: 95%;
    margin: 0 auto;
    max-width: 1024px;
    padding: 0 0 0 2%;
}

#open-business #ob-voice [class^="shop0"] {
    float: left;
    width: 47%;
    margin: 0 3% 35px 0;
    max-width: 515px;
}

#open-business #ob-voice [class^="shop0"]:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    width: 34%;
    float: left;
    height: 16em;
    background-position: center center;
}

#open-business #ob-voice .shop01:before {
    background-image: url("../image/shop01.jpg");
}

#open-business #ob-voice .shop02:before {
    background-image: url("../image/shop02.jpg");
}

#open-business #ob-voice .shop03:before {
    background-image: url("../image/shop03.jpg");
}

#open-business #ob-voice .shop04:before {
    background-image: url("../image/shop04.jpg");
}

#open-business #ob-voice .shop05:before {
    background-image: url("../image/shop05.jpg");
}

#open-business #ob-voice .shop06:before {
    background-image: url("../image/shop06.jpg");
}

#open-business #ob-voice .shop-text {
    background-color: #fff;
    height: 16em;
    margin: 0;
    padding: 0;
    float: right;
    width: 66%;
}

#open-business #ob-voice .shop-text .box01 span {
    font-size: 15px;
    font-weight: bold;
}

#open-business #ob-voice .shop-text .box01 {
    background-color: #282828;
    font-size: 14px;
    color: #fff;
    padding: 2% 0 2% 6%;
}

#open-business #ob-voice .shop-text .box02 {
    font-size: 15px;
    padding: 0 6% 0;
}

#open-business #ob-voice .shop-text .box02 p {
    margin: 10px 0 0;
}

#open-business #ob-voice .shop-text .box02 a {
    font-size: 14px;
}

#open-business #ob-voice .shop-text .box02 h3 {
    font-size: 18px;
    font-weight: bold;
    color: #00a944;
    line-height: 1.2;
    margin: 10px 0 0;
}

#open-business #ob-voice .shop-text .box02 p span {
    background-color: #fbf445;
}

/* よくある質問 */
#open-business #ob-faq {
    width: 100%;
    margin: 0 auto;
    background-image: url("../image/bg_faq.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 220px;
}

#open-business #ob-faq img {
    margin: 0;
}

#open-business #ob-faq .faq {
    width: 90%;
    margin: 0 auto;
    padding: 50px 0 0 8%;
    max-width: 1024px;
}

#open-business #ob-faq .faq .faq-q {
    width: 90%;
    background-color: #eee;
    font-size: 18px;
    padding: 5px 0 5px 18px;
}

#open-business #ob-faq .faq .faq-q:before {
    content: 'Q';
    color: #458ed3;
    font-weight: bold;
}

#open-business #ob-faq .faq .faq-a {
    width: 90%;
    padding: 10px 0 10px 20px;
}

#open-business #ob-faq .faq .faq-a:before {
    content: 'A';
    color: #f6568e;
    font-size: 14px;
    float: left;
    font-weight: bold;
    width: 1%;
}

#open-business #ob-faq .faq .faq-a p {
    font-size: 14px;
    float: left;
    margin: 0 0 0 6px;
    width: 98%;
    line-height: 1.7;
}

/* ご入会に必要な書類 */
#open-business #ob-document {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 60px;
    background-color: #f4f4f4;
    text-align: center;
}

#open-business .document p {
    font-size: 17px;
    margin: 30px 0 40px;
}

#open-business .document .document01,
#open-business .document .document02 {
    margin: 0 auto;
    max-width: 960px;
    padding-bottom: 10px;
    width: 90%;
}

#open-business .document .document01 .document01-1,
#open-business .document .document02 .document02-1 {
    border: 1px solid #0e4492;
}

#open-business .document .document01 .document01-1,
#open-business .document .document02 .document02-1,
#open-business .document .document01 .document01-2 {
    border-collapse: collapse;
    margin: 0 auto;
    max-width: 915px;
    width: 100%;
    display: table;
}

#open-business .document .document01 .document01-2 {
    border-bottom: 1px solid #0e4492;
    border-right: 1px solid #0e4492;
    border-left: 1px solid #0e4492;
}

#open-business .document .document01 .document01-1 .target01 {
    border-bottom: 1px solid #ffffff;
}

#open-business .document .document01 .document01-1 .target01,
#open-business .document .document01 .document01-2 .target02,
#open-business .document .document02 .document02-1 .target02 {
    background-color: #0e4492;
    color: #ffffff;
    height: 59px;
    display: table-cell;
    font-size: 14px;
    vertical-align: middle;
}

#open-business .document .document01 .document01-1 .target01,
#open-business .document .document01 .document01-2 .target02 {
    width: 13em;
}

#open-business .document .document02 .document02-1 .target02 {
    width: 15em;
}

#open-business .document .document01 .document01-1 .comment01,
#open-business .document .document01 .document01-2 .comment02,
#open-business .document .document02 .document02-1 .comment02 {
    background-color: #ffffff;
    padding: 10px;
    display: table-cell;
    font-size: 13px;
    vertical-align: middle;
    text-align: left;
}

#open-business .document .plus {
    color: #0e4492;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin: 0;
}

/* 会員登録 */
#open-business #ob-regist {
    width: 100%;
    margin: 0 auto;
    background: url(../image/bg_regist.jpg) repeat-x center top;
    padding: 65px 0;
}

#open-business #ob-regist .button {
    text-align: center;
    background-color: #fff;
    width: 50%;
    max-width: 500px;
    margin: 0 auto;
    padding: 50px 20px;
    font-size: 20px;
    box-sizing: border-box;
}

#open-business .co-btn-l > span > a, .co-btn-l > span > span {
    padding: 15px 65px 15px 10px;
}

#open-business .co-btn-page > span > a::before, .co-btn-page > span > span:before {
    margin-right: 55px;
}

/* TABLET */
@media screen and (max-width: 940px) and (min-width: 671px) {
    /* 全体 */
    #open-business {
        overflow: hidden;
    }

    #open-business h2 {
        font-size: 27px;
        padding-top: 40px;
    }

    /* スクロールボタン */
    #open-business #button-switch {
        display: none !important;
    }

    /* MV */
    #open-business #ob-mv {
        height: 235px;
        background-position: center top;
        background-size: cover;
    }

    #open-business #ob-mv .mv {
        max-width: 477px;
        height: 235px;
    }

    #open-business #ob-mv .mv .mv-left {
        height: 212px;
        padding: 23px 5% 0 5%;
    }

    #open-business #ob-mv .mv .mv-left img {
        width: 210px;
    }

    #open-business #ob-mv .mv .mv-left p {
        font-size: 14px;
    }

    #open-business #ob-mv .mv .mv-right img {
        width: 208px;
    }

    /* 店舗が確定した方はご入会OKです */
    #open-business #ob-top {
        padding: 30px 0 40px;
    }

    #open-business #ob-top .box01 {
        max-width: 670px;
        width: 100%;
    }

    #open-business #ob-top .box01 p {
        margin: 8px 0 0 0;
        font-size: 17px;
        padding: 0 10px;
        line-height: 1.7;
    }

    #open-business #ob-top .box01 .top-sub {
        width: 60%;
    }

    #open-business #ob-top ul {
        width: 62%;
        margin: 20px auto 0;
        padding: 0 0 0 3%;
    }

    #open-business #ob-top ul li {
        width: 80px;
        padding: 11px 5px 4px;
        height: 85px
    }

    #open-business #ob-top ul li img {
        width: 49px;
    }

    #open-business #ob-top ul li span {
        margin: 3px 0 0;
    }

    /* メリット */
    #open-business #ob-merit ul {
        max-width: 860px;
        padding: 0 0 0 1.7%;
        width: 100%;
    }

    #open-business #ob-merit ul li {
        min-height: 260px;
        width: 22%;
        margin-right: 1.4%;
        margin-top: 40px;
        border: 4px solid #ddd;
    }

    #open-business #ob-merit ul li p {
        font-size: 17px;
        margin: 0;
        padding: 0 2%;
    }

    #open-business #ob-merit ul li img {
        margin: 20px 0 10px;
        width: 40%;
    }

    #open-business #ob-merit ul li p span {
        font-size: 17px;
    }

    #open-business #ob-merit ul li p span.merit-small {
        font-size: 10px;
    }

    /* 利用者の声 */
    #open-business #ob-voice {
        padding-bottom: 50px;
    }

    #open-business #ob-voice p.voice-sub {
        font-size: 18px;
        max-width: 480px;
    }

    #open-business #ob-voice .shop-all {
        padding: 0 0 0 3%;
    }

    #open-business #ob-voice [class^="shop0"]:before,
    #open-business #ob-voice .shop-text {
        height: 14em;
    }

    #open-business #ob-voice .shop-text .box01 {
        font-size: 12px;
    }

    #open-business #ob-voice .shop-text .box01 span {
        font-size: 13px;
    }

    #open-business #ob-voice .shop-text .box02 p {
        line-height: 1.5;
    }

    #open-business #ob-voice .shop-text .box02 h3 {
        font-size: 15px;
        margin: 10px 0;
    }

    #open-business #ob-voice .shop-text .box02 {
        font-size: 13px;
    }

    #open-business #ob-voice .shop-text .box02 a {
        font-size: 12px;
    }

    /* FAQ */
    #open-business #ob-faq {
        background-size: 125%;
        padding-bottom: 135px;
    }

    #open-business #ob-faq .faq {
        padding: 40px 0 0 2%;
    }

    #open-business #ob-faq .faq .faq-q {
        font-size: 15px;
        width: 95%;
    }

    #open-business #ob-faq .faq .faq-a {
        width: 95%;
        max-width: 780px;
    }

    #open-business #ob-faq .faq .faq-a p {
        font-size: 13px;
        width: 95%;
        margin: 0;
        padding: 0 0 0 10px;
    }

    /* ご入会に必要な書類 */
    #open-business #ob-document {
        padding-bottom: 50px;
    }

    /* 会員登録 */
    #open-business #ob-regist .button {
        font-size: 18px;
        width: 60%;
        max-width: 470px;
        padding: 50px 20px;
    }

    #open-business .co-btn-page > span > a::before, .co-btn-page > span > span:before {
        margin-right: 30px;
    }

    #open-business .co-btn-l > span > a, .co-btn-l > span > span {
        padding: 15px 55px 15px 10px;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    /* 全体 */
    #open-business h2 {
        font-size: 25px;
        padding-top: 30px;
    }

    /* スクロールボタン */
    #open-business #button-switch {
        display: none !important;
    }

    /* MV */
    #open-business #ob-mv {
        height: 190px;
        background: none;
    }

    #open-business #ob-mv .mv {
        width: 100%;
        height: 190px;
    }

    #open-business #ob-mv .mv .mv-left {
        width: 63%;
        padding: 15px 1% 0;
        height: 175px;
    }

    #open-business #ob-mv .mv .mv-left img {
        width: 85%;
        max-width: 200px;
    }

    #open-business #ob-mv .mv .mv-left p {
        font-size: 11px;
        margin: 6px 0;
    }

    #open-business #ob-mv .mv .mv-right {
        width: 35%;
        height: 190px;
        background: url(../image/mv.jpg) no-repeat;
        background-size: cover;
    }

    #open-business #ob-mv .mv .mv-right img {
        display: none;
    }

    /* 店舗が確定した方はご入会OKです */
    #open-business #ob-top {
        padding: 30px 0 40px;
    }

    #open-business #ob-top .box01 {
        width: 100%;
    }

    #open-business #ob-top .box01 p {
        margin: 8px auto 0;
        font-size: 15px;
        padding: 0 10px;
        line-height: 1.5;
        max-width: 500px;
    }

    #open-business #ob-top .box01 .top-sub {
        width: 90%;
        max-width: 300px;
    }

    #open-business #ob-top ul {
        width: 95%;
        max-width: 350px;
        padding-left: 5%;
    }

    #open-business #ob-top ul li {
        padding: 8px 2px 5px;
        height: 60px;
        width: 20%;
        margin-right: 2%;
        border-radius: 15px;
    }

    #open-business #ob-top ul li .br-sp {
        display: block;
    }

    #open-business #ob-top ul li span {
        font-size: 11px;
        margin: 1px 0 0;
    }

    #open-business #ob-top ul li img {
        width: 30px;
    }

    /* メリット */
    #open-business #ob-merit {
        padding-bottom: 50px;
    }

    #open-business #ob-merit ul {
        max-width: 445px;
        padding: 0 0 0 4%;
    }

    #open-business #ob-merit ul li {
        width: 44%;
        min-height: 220px;
        margin-right: 3%;
        margin-top: 30px;
        border: 3px solid #ddd;
    }

    #open-business #ob-merit ul li:nth-child(even) {
        margin-right: 0;
    }

    #open-business #ob-merit ul li p {
        font-size: 14px;
        margin: 0;
        padding: 0 2%;
    }

    #open-business #ob-merit ul li img {
        margin: 20px 0 10px;
        width: 35%;
    }

    #open-business #ob-merit ul li p span {
        font-size: 15px;
    }

    #open-business #ob-merit ul li p span.merit-small {
        font-size: 9px;
    }

    /* 利用者の声 */
    #open-business #ob-voice {
        padding-bottom: 50px;
    }

    #open-business #ob-voice p.voice-sub {
        font-size: 15px;
        line-height: 1.3;
        padding: 5px 0;
        width: 290px;
        margin: 20px auto 40px;
    }

    #open-business #ob-voice p.voice-sub .br-sp {
        display: block;
    }

    #open-business #ob-voice .shop-all {
        margin: 0 auto;
        max-width: 470px;
        padding: 0;
        width: 90%;
    }

    #open-business #ob-voice [class^="shop0"] {
        margin-bottom: 15px;
        height: 13em;
        width: 100%;
    }

    #open-business #ob-voice [class^="shop0"]:before,
    #open-business #ob-voice .shop-text {
        height: 13em;
    }

    #open-business #ob-voice .shop-text .box01 {
        font-size: 11px;
    }

    #open-business #ob-voice .shop-text .box01 span {
        font-size: 12px;
    }

    #open-business #ob-voice .shop-text .box02 h3 {
        font-size: 14px;
    }

    #open-business #ob-voice .shop-text .box02 p {
        font-size: 13px;
        line-height: 1.4;
    }

    /* FAQ */
    #open-business #ob-faq {
        padding-bottom: 85px;
        background-size: 200%;
    }

    #open-business #ob-faq .faq {
        padding: 30px 0 0 3%;
        max-width: 500px;
        min-height: 690px;
    }

    #open-business #ob-faq .faq .faq-q {
        font-size: 15px;
        padding: 5px 10px;
    }

    #open-business #ob-faq .faq .faq-a {
        padding: 10px 0 20px 10px;
    }

    #open-business #ob-faq .faq .faq-a p {
        font-size: 13px;
        width: 94%;
        margin-left: 10px;
    }

    /* ご入会に必要な書類 */
    #open-business #ob-document {
        padding-bottom: 40px;
    }

    #open-business .document p {
        font-size: 15px;
        padding: 0 10px;
        margin: 20px 0 30px;
    }

    #open-business .document .document01 .document01-1,
    #open-business .document .document01 .document01-2,
    #open-business .document .document02 .document02-1,
    #open-business .document .document01 .document01-1 .comment01,
    #open-business .document .document01 .document01-2 .comment02,
    #open-business .document .document02 .document02-1 .comment02 {
        display: block;
    }

    #open-business .document .document01 .document01-1 .target01,
    #open-business .document .document01 .document01-2 .target02,
    #open-business .document .document02 .document02-1 .target02 {
        display: block;
        height: auto;
        width: 100%;
        padding: 6px 0;
    }

    /* 会員登録 */
    #open-business #ob-regist {
        background-size: cover;
        padding-top: 20px;
        height: 138px;
    }

    #open-business #ob-regist .button {
        font-size: 15px;
    }

    #open-business .co-btn-l {
        font-size: 17px;
    }

    #open-business .co-btn-page > span > a::before, .co-btn-page > span > span:before {
        margin-right: 5px;
    }

    #open-business .co-btn-l > span > a, .co-btn-l > span > span {
        padding: 9px 5px;
        font-size: 14px;
    }

    #open-business #ob-regist .button {
        width: 80%;
        padding: 25px 10px;
        max-width: 310px;
        min-width: 200px;
    }

    #open-business #ob-regist .button .sp-br {
        display: block;
    }
}

/* ▲開業前ページ改修（201704） */

/* 送料・決済ページ-ラクネコ便枠 */
.ship-rakuneko {
    padding: 5px;
    text-align: center;
    font-size: 13px;
    border: 1px solid #60b0e3;
    background-color: #e4f1f8;
}

.ship-rakuneko span {
    font-weight: bold;
    margin-right: 10px;
}

/*------------------------------------------------------
 Terms of Use（会員規約）
------------------------------------------------------- */
#contents-rules .co-title3 span:after {
    content: ':';
    margin: 0 10px 0 5px;
}

#contents-rules .txt-box {
    margin: 10px 15px 40px;
    letter-spacing: 0.5px;
    font-size: 14px;
}

#contents-rules ol,
#contents-rules ul {
    margin: 0;
    padding: 0;
    text-indent: -1.5em;
    padding-left: 1.5em;
}

#contents-rules li {
    margin-bottom: 15px;
}

#contents-rules ol > li {
    list-style: inside decimal;
}

#contents-rules ol ul {
    margin: 10px 25px 0;
}

#contents-rules ol ul li {
    margin-bottom: 8px;
    list-style: inside disc;
}

#contents-rules .special-rules {
    margin-top: 120px;
    padding-top: 30px;
    border-top: 1px #666666 solid;
}

/* Important Documents（本人確認書類）*/
#important-documents {
    background-color: #ffffff;
}

#important-documents .contents {
    width: 960px;
    margin: 0 auto;
    padding: 55px 0;
}

#important-documents h2 {
    margin: 0;
    padding: 0;
}

#important-documents p {
    margin: 0;
    padding: 0;
    color: #333333;
}

#important-documents img {
    margin: 0;
    padding: 0;
}

#important-documents ul {
    margin: 0;
    padding: 0;
}

#important-documents h3 {
    padding: 0;
    margin: 0;
}

#important-documents h4 {
    padding: 0;
    margin: 0;
}

#important-documents .contents .img-left {
    width: 350px;
}

#important-documents .contents .padding-l17 {
    padding-left: 17px;
}

#important-documents .contents .item {
    width: 960px;
    border-bottom: 1px dashed #b8b8b8;
    padding-bottom: 25px;
}

#important-documents .contents .item2 {
    width: 960px;
    border-bottom: 1px dashed #b8b8b8;
    margin: 0 0 35px 0;
    padding: 40px 0;
}

#important-documents .contents .item3 {
    width: 960px;
    border-bottom: 1px dashed #b8b8b8;
    padding-bottom: 35px;
}

#important-documents .contents .contents-line {
    border-bottom: 1px dashed #b8b8b8;
    padding: 40px 40px 33px 0;
    width: 960px;
    box-sizing: border-box;
}

#important-documents .contents .contents-line:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

#important-documents .contents .box {
    display: flex;
}

#important-documents .contents .line {
    border-bottom: 1px solid #acacac;
    margin-bottom: 15px;
}

#important-documents .contents .list-left {
    margin: 20px 100px 0 17px;
    float: left;
}

#important-documents .title2 {
    font-size: 124%;
    line-height: 1.1;
    font-weight: bold;
    margin: 0 0 30px 0;
    border-left: 5px solid #333333;
    padding-left: 10px;
    width: 943px;
}

#important-documents .description {
    margin: 0 0 0 71px;
}

#important-documents .contents .description li {
    border-top: 1px dashed #b8b8b8;
    padding: 10px 0 0 1em;
    margin-top: 10px;
    text-indent: -1.7em;
    width: 476px;
    line-height: 1.6em;
    font-size: 14px;
}

#important-documents .contents .description li:first-child {
    border: none;
    margin: 0;
    padding-top: 0;
}

#important-documents .contents .note {
    font-size: 12px;
    color: #666;
    margin: 15px 0 0 71px;
    padding: 10px;
    background: #F6f6f6;
}

#important-documents .description .text-color {
    color: #eb7e5f;
    font-size: 18px;
    margin-top: 20px;
}

#important-documents .description .bold {
    font-weight: bold;
    margin-left: 5px;
}

#important-documents .description .indent {
    text-indent: -1em;
}

#important-documents .form {
    text-align: center;
    margin: 70px auto 0 auto;
    border-top: solid 1px #999999;
    border-bottom: solid 1px #999999;
    width: 710px;
}

#important-documents .form-margin {
    margin: 0 15px;
}

/* IE8*/
@media \0screen {
    #important-documents .check-mark li {
        list-style-type: disc;
    }
}

@media \0screen {
    #important-documents .contents .check-mark li:after {
        display: none;
    }
}

@media \0screen {
    #important-documents .list-box li {
        border-top: 1px dashed #b8b8b8;
    }
}

/* Important Documents（店舗確認書類）*/
#important-documents-store {
    background-color: #ffffff;
}

#important-documents-store .contents {
    width: 960px;
    margin: 0 auto;
    padding: 55px 0;
}

#important-documents-store h2 {
    margin: 0;
    padding: 0;
}

#important-documents-store p {
    margin: 0;
    padding: 0;
    color: #333333;
}

#important-documents-store img {
    margin: 0;
    padding: 0;
}

#important-documents-store ul {
    margin: 0;
    padding: 0;
}

#important-documents-store h3 {
    padding: 0;
    margin: 0;
}

#important-documents-store h4 {
    padding: 0;
    margin: 0;
}

#important-documents-store .store img {
    width: 293px;
}

#important-documents-store .list {
    padding-bottom: 20px;
}

#important-documents-store .contents .img-left {
    width: 350px;
    float: left;
    clear: both;
}

#important-documents-store .contents .padding-l17 {
    padding-left: 17px;
}

#important-documents-store .contents .margin-left63 {
    width: 860px;
    margin: 0 auto;
}

#important-documents-store .contents .item {
    width: 900px;
    border-bottom: 1px dashed #b8b8b8;
    padding-bottom: 25px;
    margin: 0 auto;
}

#important-documents-store .contents .item2 {
    width: 960px;
    border-bottom: 1px dashed #b8b8b8;
    margin: 0 auto;
    padding: 40px 0;
}

#important-documents-store .contents .item3 {
    width: 900px;
    border-bottom: 1px dashed #b8b8b8;
    padding-bottom: 35px;
    margin: 0 auto;
}

#important-documents-store .contents .no-border-item3 {
    width: 960px;
    float: left;
}

#important-documents-store .contents .no-border-item3 li {
    float: left;
    width: 134px;
    margin-right: 70px;
}

#important-documents-store .contents .contents-line {
    border-bottom: 1px dashed #b8b8b8;
    padding: 40px 0;
    width: 860px;
    margin: 0 auto;
}

#important-documents-store .contents .contents-line2 {
    padding-top: 40px;
    width: 860px;
    margin: 0 auto;
}

#important-documents-store .contents .line {
    border-bottom: 1px solid #acacac;
    margin-bottom: 15px;
}

#important-documents-store .line2 {
    margin-bottom: 9px;
    font-size: 21px;
    border-left: 6px #666666 solid;
    padding-left: 11px;
    border-bottom: none;
}

#important-documents-store .contents .list-left {
    margin: 20px 100px 0 17px;
    float: left;
}

#important-documents-store .title3 {
    font-size: 124%;
    line-height: 1.1;
    font-weight: bold;
    margin: 0 0 35px 0;
    border-left: 5px solid #333333;
    padding-left: 10px;
    float: left;
    clear: both;
    width: 943px;
}

#important-documents-store .title2 {
    font-size: 124%;
    line-height: 1.1;
    font-weight: bold;
    margin: 0 0 15px 0;
    border-left: 5px solid #333333;
    padding-left: 10px;
    float: left;
    clear: both;
    width: 943px;
}

#important-documents-store .lease-contract {
    width: 100%;
    min-width: 960px;
    background-color: #eeeeee;
}

#important-documents-store .packingslip {
    width: 100%;
}

#important-documents-store .contents .check-mark {
    margin: 12px 0 0 30px;
}

#important-documents-store .contents .check-mark li {
    position: relative;
    padding-left: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}

#important-documents-store .contents .check-mark li:after {
    display: block;
    content: '';
    position: absolute;
    top: 0.3em;
    left: -1em;
    width: 10px;
    height: 5px;
    border-left: 3px solid #eb7e5f;
    border-bottom: 3px solid #eb7e5f;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);

}

#important-documents-store .store {
    width: 100%;
    background-color: #eeeeee;
    min-width: 960px;
}

#important-documents-store .store .okey {
    background: url("../image/maru.png") no-repeat scroll 0 0 !important;
    display: block;
    height: 23px;
    padding-left: 28px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #f78161;
}

#important-documents-store .store .bad {
    background: url("../image/batsu.png") no-repeat scroll 0 0 !important;
    display: block;
    height: 23px;
    padding-left: 28px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #2d70b5;
}

#important-documents-store .description {
    float: left;
    margin: 0 0 0 98px;
}

#important-documents-store .contents .description li {
    border-top: 1px dashed #b8b8b8;
    padding: 10px 0 0 1em;
    margin-top: 10px;
    text-indent: -1.7em;
    width: 365px;
    line-height: 1.6em;
    font-size: 14px;
}

#important-documents-store .contents .description li:first-child {
    border: none;
    margin: 0;
    padding-top: 0;
}

#important-documents-store .description .text-color {
    color: #eb7e5f;
    font-size: 18px;
    margin-top: 20px;
}

#important-documents-store .description .bold {
    font-weight: bold;
    margin-left: 5px;
}

#important-documents-store .description .indent {
    text-indent: -1em;
}

#important-documents-store .store .sign-up-left {
    float: left;
    margin-right: 118px;
}

#important-documents-store .annotation {
    text-align: center;
}

#important-documents-store .form {
    text-align: center;
    margin: 70px auto 0 auto;
    border-top: solid 1px #999999;
    border-bottom: solid 1px #999999;
    width: 710px;
}

#important-documents-store .form-margin {
    margin: 0 15px;
}

/* IE8*/
@media \0screen {
    #important-documents-store .check-mark li {
        list-style-type: disc;
    }
}

@media \0screen {
    #important-documents-store .contents .check-mark li:after {
        display: none;
    }
}

@media \0screen {
    #important-documents-store .list-box li {
        border-top: 1px dashed #b8b8b8;
    }
}


/* 免税店のススメ
-------------------------------------------------------------------------- */
/*** 共通 ***/
#taxfree {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: -75px;
    -webkit-text-size-adjust: 100%; /* iOSのfont-sizeバグ回避 */
    max-height: 100%; /* Andloid_Chromeのfont-sizeバグ回避 */
}

#taxfree div, #taxfree ol, #taxfree ul,
#taxfree li, #taxfree img, #taxfree p,
#taxfree nav, #taxfree h2, #taxfree h3,
#taxfree h4, #taxfree h5 {
    padding: 0;
    margin: 0;
}

#taxfree p {
    text-align: justify;
    text-justify: inter-ideograph;
}

#taxfree h2 {
    font-size: 28px;
    color: #333;
    border: none;
}

#taxfree h3 {
    font-size: 20px;
    border: 0;
    color: #333;
}

#taxfree h4 {
    font-size: 20px;
    color: #333;
}

#taxfree .inner-container {
    margin: 0 20px;
    padding: 70px 0 100px;
}

#taxfree .ttl {
    line-height: 1.6;
    margin-bottom: 50px;
}

#taxfree .ttl .sp-b {
    display: block;
}

#taxfree a:hover {
    opacity: 0.8;
}

/* header */
#taxfree .header {
    background-color: #fff;
    width: 96%;
    margin: 0 auto;
    line-height: 1.4;
}

#taxfree .header a {
    color: #333;
}

#taxfree .header .inner {
    max-width: 1100px;
    min-width: 940px;
    margin: 0 auto;
}

#taxfree .main-container .inner-container {
    max-width: 1100px;
    min-width: 902px;
    margin: 0 auto;
}

#taxfree .header .inner .logo {
    padding: 18px 0 0;
    float: left;
}

#taxfree .header .nav {
    position: relative;
    width: 600px;
    float: right;
}

#taxfree .header .nav ul {
    display: table;
    table-layout: fixed;
    float: right;
    width: 600px;
}

#taxfree .header .nav li {
    display: table-row;
}

#taxfree .header .nav li span {
    display: block;
}

#taxfree .header .nav .nozzle {
    position: absolute;
    bottom: -16px;
    z-index: 1;
}

#taxfree .taxfree-about .header .nav .nozzle {
    left: 80px;
}

#taxfree .taxfree-hospitality .header .nav .nozzle {
    left: 278px;
}

#taxfree .taxfree-season .header .nav .nozzle {
    right: 80px;
}

#taxfree .header .nav li {
    display: table-cell;
    vertical-align: middle;
}

#taxfree .header .nav a {
    display: table-cell;
    vertical-align: middle;
    padding: 16px 0;
    text-align: center;
    width: 33%;
    height: auto;
}

#taxfree .header .nav a:hover {
    background-color: #eee;
    text-decoration: none;
}

#taxfree .header .nav .current a {
    background-color: #4ebace;
    color: #fff;
    opacity: 1;
    height: 100%;
}

#taxfree .header .nav .current a:hover {
    background-color: #4ebace;
    color: #fff;
}

#taxfree .header .nav .current .nozzle {
    background: url("https://c.superdelivery.com/img/guide/taxfree/bg_nozzle_blue.gif") 0 0 no-repeat;
}

/* main-container */
#taxfree .main-container h3 {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}

#taxfree .main-container h3 + p {
    margin-top: 6px;
    text-align: center;
}

/* mainvisual */
#taxfree .mainvisual {
    background: url("../image/bg_main.jpg") 0 0 no-repeat;
    background-size: cover;
    position: relative;
}

#taxfree .mainvisual .inner-line {
    border-bottom: 2px solid #dc4d4d;
}

#taxfree .mainvisual .inner-container {
    display: table;
    width: 100%;
    background: url("../image/bg_main_shop.png") center bottom no-repeat;
    margin-bottom: -8px;
}

#taxfree .mainvisual .mainimg {
    display: table-cell;
    width: 45%;
    position: relative;
}

#taxfree .mainvisual .maintext {
    display: table-cell;
    width: 55%;
    font-size: 16px;
}

#taxfree .mainvisual .maintext p {
    margin-right: 20px;
}

#taxfree .mainvisual h2 {
    text-align: left;
    margin-bottom: 10px;
}

#taxfree .mainvisual h2 + p {
    text-align: left;
}

#taxfree .mainvisual .maintext .sp-b {
    display: block;
}

#taxfree .taxfree-about .mainvisual .inner-container {
    overflow: hidden;
}

#taxfree .taxfree-about .mainvisual .mainimg .img {
    position: absolute;
    max-width: 360px;
    margin: -110px auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#taxfree .taxfree-hospitality .mainvisual .mainimg .img {
    position: absolute;
    bottom: -116px;
    left: 6%;
}

#taxfree .taxfree-season .mainvisual .maintext .sp-b {
    display: inline;
}

#taxfree .taxfree-season .mainvisual .maintext p {
    margin-right: 50px;
}

#taxfree .taxfree-season .mainvisual .mainimg .img {
    position: absolute;
    bottom: -108px;
    left: 6%;
}

/* IE8 */
@media \0screen {
    #taxfree .mainvisual {
        background: url("../image/bg_main.jpg") center 0 repeat-x;
    }
}

/* 参考・提供などの補足 */
#taxfree .aside {
    font-size: 13px;
}

#taxfree .aside h4 {
    font-weight: normal;
    font-size: 13px;
    padding: 0;
}

#taxfree .aside li {
    list-style-type: none;
}

/*** 免税店になるには？ ***/
#taxfree .about .inner-container {
    background: url("../image/img_about_inbound.gif") 98% bottom no-repeat;
    margin-bottom: -38px;
}

#taxfree .about .text {
    max-width: 34%;
    margin: 60px 3% 0;
}

#taxfree .about .text span {
    font-weight: bold;
    color: #dc4d4d;
}

#taxfree .flow {
    background-color: #4ebace;
    color: #fff;
}

#taxfree .flow h3 {
    color: #fff;
}

#taxfree .flow .startflow {
    display: table;
    table-layout: fixed;
    margin: 60px 4% 0;
}

#taxfree .flow ul {
    display: table-row;
}

#taxfree .flow li {
    display: table-cell;
}

#taxfree .flow .box {
    background-color: #fff;
    color: #4ebace;
    padding: 10px auto;
    text-align: center
}

#taxfree .flow .box p {
    color: #333;
    text-align: justify;
    padding: 18px;
    font-size: 15px;
}

#taxfree .flow .arrow {
    padding: 20px;
    vertical-align: middle;
}

#taxfree .flow h4 {
    color: #4ebace;
    line-height: 1.2;
    border-bottom: 2px dashed #4ebace;
    padding: 14px 0;
}

#taxfree .flow h4 .title {
    font-size: 20px;
    display: block;
}

#taxfree .flow h4 .step {
    font-size: 16px;
    vertical-align: top;
}

#taxfree .flow .finish {
    vertical-align: bottom;
}

#taxfree .merit {
    background-color: #f7f5ea;
}

#taxfree .merit h4 {
    text-align: left;
    margin: 10px 0;
}

#taxfree .merit li {
    margin: 0 4% 20px;
}

#taxfree .merit li img {
    width: 49%;
    display: inline-block;
    margin-right: 20px;
}

#taxfree .merit li .text {
    width: 46%;
    display: inline-block;
    vertical-align: top;
}

#taxfree .request {
    background: url("../image/bg_sky.jpg") center center no-repeat;
    background-size: cover;
    padding-bottom: 40px;
}

#taxfree .request ul {
    margin: auto 4%;
}

#taxfree .request li {
    padding: 26px;
    border: 4px solid #ccc;
    background-color: #fff;
    width: 41%;
    min-height: 9em;
    display: inline-block;
    vertical-align: top;
    line-height: 1.6;
}

#taxfree .request li p {
    font-size: 12px;
}

#taxfree .request li .text {
    font-size: 14px;
    margin-top: 10px;
}

#taxfree .request h4 {
    font-size: 22px;
}

#taxfree .request h4 + p {
    font-size: 13px;
    padding-top: 0;
}

/*** おもてなしのコツ ***/
#taxfree .taxfree-hospitality {
    margin-bottom: 100px;
}

#taxfree .pop img {
    width: 290px;
}

#taxfree .pop img {
    width: 290px;
}

#taxfree .pop h4 {
    font-size: 20px;
    text-align: center;
    margin: 10px 0;
}

#taxfree .pop .inner {
    display: table;
    width: 96%;
    margin: 0 auto;
}

#taxfree .pop .text {
    width: 290px;
}

#taxfree .pop ul {
    display: table-row;
}

#taxfree .pop li {
    padding-left: 1em;
    display: table-cell;
    vertical-align: top;
}

#taxfree .pop li:first-child {
    padding-left: 0;
}

#taxfree .pop h3,
#taxfree .card h3,
#taxfree .service h3 {
    padding-top: 56px;
}

#taxfree .pop h3 {
    background: url("../image/icon_sec_pop.gif") center 0 no-repeat;
    background-size: 46px;
}

#taxfree .card h3 {
    background: url("../image/icon_sec_card.gif") center 0 no-repeat;
    background-size: 46px;
}

#taxfree .service h3 {
    background: url("../image/icon_sec_service.gif") center 0 no-repeat;
    background-size: 46px;
}

#taxfree .card {
    background-color: #f4f4f4;
    padding: 70px 0 100px;
}

#taxfree .card .cap {
    display: table;
    width: 100%;
}

#taxfree .card .cap-inner {
    display: table-row;
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
}

#taxfree .card .text {
    background-color: #e5f5f8;
    display: table-cell;
    vertical-align: top;
}

#taxfree .card .text-inner {
    width: 356px;
    margin: 40px 40px 2em 80px;
    float: right;
    font-size: 15px;
}

#taxfree .card .img-wrap {
    display: table-cell;
    overflow: hidden;
    vertical-align: bottom;
}

#taxfree .card .img-wrap img {
    max-width: 600px;
    width: 100%;
    vertical-align: bottom;
}

#taxfree .card .text h4 {
    padding-bottom: 10px;
}

#taxfree .card .cardmerit h4 {
    padding: 10px 0px;
}

#taxfree .card .cardmerit {
    position: relative;
    max-width: 960px;
    padding: 40px 0 40px 24%;
    margin: 0 auto;
}

#taxfree .card .cardmerit li {
    list-style-type: none;
}

#taxfree .card .cardmerit li:before {
    content: "●";
    color: #4ebace;
    margin-right: 6px;
}

#taxfree .card .cardmerit li span {
    font-weight: bold;
}

#taxfree .card .ban-square {
    background: #eee url("../image/bg_stripe01.gif") 0 0 repeat;
    padding: 20px;
    width: 820px;
    margin: 0 auto;
}

#taxfree .card .ban-square a {
    display: block;
    background: url("../image/ban_square.jpg") no-repeat;
    width: 820px;
    height: 100px;
}

#taxfree .card .ban-square .img-bnr {
    vertical-align: bottom;
}

#taxfree .card .ban-square .img-bnr-sp {
    display: none;
}

#taxfree .service {
    width: 96%;
    max-width: 980px;
    margin: 0 auto;
}

#taxfree .service .movie {
    margin-top: 100px;
}

#taxfree .service .movie li {
    text-align: center;
    width: 445px;
}

#taxfree .service .movie li .q {
    background-color: #f6f6f6;
    padding: 10px 10px 0 10px;
}

#taxfree .service .movie li .qimg {
    margin-top: -20px;
    vertical-align: bottom;
}

#taxfree .service .movie li .q {
    margin-top: -50px;
}

#taxfree .service .movie .box01 {
    float: left;
}

#taxfree .service .movie .box02 {
    float: right;
}

#taxfree .service .movie .con {
    background: url("../image/bg_nozzle_grey.png") center 0 no-repeat;
    background-color: #d3eef3;
    padding: 40px 18px 20px;
}

#taxfree .service .movie .con a {
    cursor: pointer;
}

#taxfree .service .movie .answer {
    font-size: 18px;
    font-weight: bold;
    color: #0f8aa1;
    text-align: center;
    padding-bottom: 10px;
}

#taxfree .service .movie .title {
    font-weight: bold;
    margin-left: 2px;
}

#taxfree .service .aside {
    margin-top: 10px;
}

#taxfree #movieyoutube01 iframe {
    width: 409px;
    height: 230px;
}

#taxfree #movieyoutube02 iframe {
    width: 409px;
    height: 230px;
}

/* IE8 */
@media \0screen {
    #taxfree .card .img {
        width: 655px;
    }
}

/*** 来日スケジュール ***/
#taxfree .schedule {
    width: 96%;
    margin: 0 auto;
}

#taxfree .number {
    display: table;
}

#taxfree .number .box {
    display: table-cell;
    vertical-align: middle;
    width: 54%;
}

#taxfree .number img {
    width: 100%;
}

#taxfree .number .text {
    padding: 0 0 0 40px;
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
}

#taxfree .number h4 {
    padding: 0 0 20px;
}

#taxfree .number h5 {
    font-size: 18px;
    margin-bottom: 6px;
}

#taxfree .card-schedul {
    padding-bottom: 10px;
}

#taxfree .card-schedul h4 {
    padding: 40px 0 20px;
}

#taxfree .card-schedul .month {
    border: 1px #4ebace solid;
    box-sizing: border-box;
    width: 32.2%;
    float: left;
    margin: 0 0.8% 40px 0.8%;
}

#taxfree .card-schedul .month:nth-of-type(3n) {
    margin-right: 0;
}

#taxfree .card-schedul .month:nth-of-type(3n+1) {
    margin-left: 0;
}

#taxfree .card-schedul .box1 {
    border-bottom: 1px #4ebace solid;
    background-color: #eaf9fc;
    padding: 10px 15px;
    text-align: left;
}

#taxfree .card-schedul .box1 .m {
    font-size: 24px;
    margin-bottom: -10px;
    font-weight: bold;
}

#taxfree .card-schedul .box1 .m span {
    font-size: 16px;
}

#taxfree .card-schedul .box1 .c {
    font-size: 16px;
    line-height: 1.3;
    margin-top: 5px;
    text-align: left;
    letter-spacing: -0.04em;
}

#taxfree .card-schedul .box1 .c span {
    font-size: 13px;
    font-weight: normal;
}

#taxfree .card-schedul .box1 .box1-text {
    float: left;
    width: 75%;
}

#taxfree .card-schedul .box2 {
    padding: 20px 15px;
    text-align: left;
}

#taxfree .card-schedul .box2 .hd p {
    font-size: 14px;
}

#taxfree .card-schedul .box2 .hd .t {
    font-size: 20px;
    margin-top: 1px;
    margin-bottom: 10px;
    line-height: 1.1;
}

#taxfree .card-schedul .box2 .hd:nth-last-of-type(1) .t {
    margin-bottom: 0;
}

#taxfree .card-schedul .box2 .hd .t span {
    font-size: 14px;
    font-weight: normal;
    padding-left: 8px;
}

#taxfree .card-schedul .box1 .icon {
    float: right;
    width: 56px;
    border-radius: 50%;
    margin-top: 5px;
    text-align: center;
    line-height: 1.1;
    color: #ffffff;
    font-weight: normal;
}

#taxfree .card-schedul .box1 .icon span {
    display: block;
    font-size: 10px;
}

#taxfree .card-schedul .box1 .sakura {
    background-color: #d972da;
    height: 43px;
    padding-top: 13px;
}

#taxfree .card-schedul .box1 .vacation {
    background-color: #2185be;
    height: 36px;
    padding-top: 20px;
}

#taxfree .card-schedul .box1 .autumn {
    background-color: #d37417;
    height: 42px;
    padding-top: 14px;
}

#taxfree .card-schedul .box1 .christmas {
    background-color: #55bb17;
    height: 41px;
    padding-top: 15px;
    font-size: 14px;
}

#taxfree .card-schedul .month:nth-last-of-type(1),
#taxfree .card-schedul .month:nth-last-of-type(2),
#taxfree .card-schedul .month:nth-last-of-type(3) {
    margin-bottom: 0;
}

#taxfree .card-schedul .april {
    color: #d972da;
    font-weight: bold;
}

#taxfree .card-schedul .july {
    color: #2185be;
    font-weight: bold;
}

#taxfree .card-schedul .october {
    color: #d37417;
    font-weight: bold;
}

#taxfree .card-schedul .december {
    color: #55bb17;
    font-weight: bold;
}

#taxfree .card-schedul .may .box2 .hd .t span,
#taxfree .card-schedul .october .box2 .hd .t span {
    letter-spacing: -0.08em;
}

#taxfree .card-schedul .box2 .hd p:nth-of-type(3) {
    font-weight: normal;
    line-height: 1.4;
    margin-top: 5px;
}

/*** 反映されたら消すここから ***/
#taxfree .schedule {
    width: 96%;
    margin: 0 auto;
}

#taxfree .number {
    display: table;
}

#taxfree .number .box {
    display: table-cell;
    vertical-align: middle;
    width: 54%;
}

#taxfree .number img {
    width: 100%;
}

#taxfree .number .text {
    padding: 0 0 0 40px;
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
}

#taxfree .number h4 {
    padding: 0 0 20px;
}

#taxfree .number h5 {
    font-size: 18px;
    margin-bottom: 6px;
}

#taxfree .table {
    padding-bottom: 10px;
}

#taxfree .table h4 {
    padding: 40px 0 20px;
}

#taxfree .scheduletable {
    border-top: 1px solid #b4edf8;
    border-left: 1px solid #b4edf8;
    width: 100%;
    font-size: 18px;
    line-height: 1.2;
}

#taxfree .scheduletable th {
    border-bottom: 1px solid #b4edf8;
    border-right: 1px solid #b4edf8;
    background-color: #4ebace;
    color: #fff;
    padding: 10px 6px 6px;
}

#taxfree .scheduletable th span {
    display: block;
    font-size: 14px;
}

#taxfree .scheduletable th.m {
    width: 120px;
}

#taxfree .scheduletable th.c {
    width: 180px;
}

#taxfree .scheduletable td {
    border-bottom: 1px solid #b4edf8;
    border-right: 1px solid #b4edf8;
    padding: 12px 20px 10px;
}

#taxfree .scheduletable .odd {
    background-color: #eaf9fc;
}

#taxfree .scheduletable .april {
    color: #d972da;
    font-weight: bold;
}

#taxfree .scheduletable .july {
    color: #2185be;
    font-weight: bold;
}

#taxfree .scheduletable .october {
    color: #d37417;
    font-weight: bold;
}

#taxfree .scheduletable .december {
    color: #55bb17;
    font-weight: bold;
}

#taxfree .scheduletable td.m {
    font-size: 24px;
    text-align: center;
}

#taxfree .scheduletable td.m span {
    font-size: 16px;
    padding-left: 4px;
}

#taxfree .scheduletable td.c {
    text-align: center;
}

#taxfree .scheduletable .hd div {
    font-size: 14px;
    display: inline-block;
}

#taxfree .scheduletable .hd .main {
    vertical-align: middle;
}

#taxfree .scheduletable .hd .main div {
    padding-left: 1em;
}

#taxfree .scheduletable .hd img {
    vertical-align: middle;
}

#taxfree .scheduletable .hd .t {
    font-size: 20px;
    line-height: 1.4;
}

#taxfree .scheduletable .hd .t span {
    font-size: 14px;
    padding-left: 0.5em;
    vertical-align: middle;
    font-weight: normal;
}

/*** 反映されたら消すここまで ***/

@media screen and (max-width: 940px) and (min-width: 671px) {
    /*** 共通 ***/
    #taxfree .inner-container {
        padding: 60px 0 80px;
    }

    #taxfree p {
        font-size: 14px;
    }

    #taxfree .ttl {
        margin-bottom: 40px;
    }

    /* header */
    #taxfree .header {
        width: 100%;
        text-align: center;
    }

    #taxfree .header .inner,
    #taxfree .main-container .inner-container {
        max-width: none;
        min-width: 320px;
        width: 100%;
    }

    #taxfree .header .inner .logo {
        padding: 18px 0;
        float: none;
    }

    #taxfree .header .nav {
        width: 100%;
        float: none;
    }

    #taxfree .header .nav ul {
        table-layout: auto;
        float: none;
        width: 100%;
        border-top: 1px #4ebace solid;
    }

    #taxfree .header .nav li {
        box-sizing: border-box;
        float: left;
        width: 33%;
        border: 1px #4ebace solid;
        border-bottom: none;
        border-top: none;
        height: 100%;
    }

    #taxfree .header .nav li:nth-child(3) {
        width: 34%;
    }

    #taxfree .taxfree-about .header .nav li {
        border-right: none;
    }

    #taxfree .taxfree-hospitality .header .nav li {
        border-right: none;
        border-left: none;
    }

    #taxfree .taxfree-season .header .nav li {
        border-left: none;
    }

    #taxfree .header .nav li span {
        display: inline;
    }

    #taxfree .header .nav .nozzle {
        bottom: -19px;
    }

    #taxfree .taxfree-about .header .nav .nozzle {
        left: 14%;
    }

    #taxfree .taxfree-hospitality .header .nav .nozzle {
        left: 48%;
    }

    #taxfree .taxfree-season .header .nav .nozzle {
        right: 14%;
    }

    #taxfree .header .nav a {
        box-sizing: border-box;
        display: block;
        width: 100%;
        height: auto;
        font-size: 15px;
    }

    /* main-container */
    #taxfree .main-container h3 {
        font-size: 22px;
    }

    #taxfree .main-container h3 + p {
        margin-top: 0px;
    }

    /* mainvisual */
    #taxfree .mainvisual .inner-line {
        border-bottom: 2px solid #dc4d4d;
    }

    #taxfree .mainvisual .mainimg {
        width: 39%;
    }

    #taxfree .mainvisual .maintext {
        width: 61%;
        font-size: 14px;
        letter-spacing: -0.04em;
    }

    #taxfree .mainvisual .maintext img {
        width: 90%;
        max-width: 415px;
    }

    #taxfree .mainvisual .maintext p {
        margin-right: 0;
    }

    #taxfree .taxfree-hospitality .mainvisual .maintext p {
        letter-spacing: -0.08em;
    }

    #taxfree .mainvisual h2 + p {
        text-align: left;
    }

    #taxfree .taxfree-about .mainvisual .inner-container {
        overflow: hidden;
    }

    #taxfree .taxfree-about .mainvisual .mainimg .img {
        width: 90%;
        max-width: 415px;
        margin: -90px auto;
    }

    #taxfree .taxfree-hospitality .mainvisual .mainimg img {
        width: 90%;
        top: -45px;
        background: url("../image/img_main_hospitality_back.png") bottom no-repeat;
        padding-bottom: 8px;
    }

    #taxfree .taxfree-season .mainvisual .mainimg img {
        width: 91%;
        top: -40px;
        left: 4%;
        background: url("../image/img_main_hospitality_back.png") no-repeat;
        background-position: right 11px bottom;
        background-size: 35%;
        padding-bottom: 3px;
    }

    #taxfree .taxfree-season .mainvisual .maintext p {
        padding-right: 19px;
        letter-spacing: -0.07em;
        margin-right: 0;
    }

    /*** 免税店になるには ***/
    #taxfree .about .inner-container {
        background: url("../image/img_about_inbound.gif") bottom no-repeat;
        background-size: 400px;
        padding: 45px 0 210px;
    }

    #taxfree .about .text {
        max-width: 80%;
        margin: 0 auto;
    }

    #taxfree .flow .startflow {
        margin: 0 3%;
    }

    #taxfree .flow .finish {
        vertical-align: middle;
        width: 32%;
    }

    #taxfree .flow .finish img {
        width: 100%;
        max-width: 280px;
    }

    #taxfree .flow h4 .title {
        font-size: 16px;
    }

    #taxfree .flow h4 .step {
        font-size: 14px;
    }

    #taxfree .flow .box p {
        font-size: 14px;
        line-height: 1.6;
    }

    #taxfree .flow .arrow {
        padding: 12px;
    }

    #taxfree .merit h4 {
        text-align: left;
        margin: 0;
        font-size: 20px;
    }

    #taxfree .merit li {
        margin: 0 3% 20px;
    }

    #taxfree .merit li:nth-of-type(3) {
        margin-bottom: 0;
    }

    #taxfree .merit li img {
        width: 45%;
    }

    #taxfree .merit li .text {
        width: 50%;
    }

    #taxfree .request {
        padding-bottom: 0;
    }

    #taxfree .request ul {
        margin: auto 3%;
    }

    #taxfree .request li {
        width: 38%;
        min-height: none;
    }

    #taxfree .request li:nth-of-type(1) {
        margin-right: 4%;
    }

    #taxfree .request li p {
        font-size: 12px;
    }

    #taxfree .request li .text {
        margin-top: 6px;
    }

    #taxfree .request h4 + p {
        font-size: 14px;
    }

    /*** おもてなしのコツ ***/
    #taxfree .pop img {
        width: 30%;
        vertical-align: top;
    }

    #taxfree .pop h4 {
        text-align: left;
        margin: -7px 0 0;
    }

    #taxfree .pop .inner {
        display: block;
        width: 94%;
    }

    #taxfree .pop .text {
        box-sizing: border-box;
        padding-left: 20px;
        width: 69%;
        display: inline-block;
    }

    #taxfree .pop ul {
        display: block;
    }

    #taxfree .pop li {
        padding-left: 0;
        display: block;
        margin-bottom: 30px;
    }

    #taxfree .pop h3,
    #taxfree .card h3,
    #taxfree .service h3 {
        padding-top: 46px;
    }

    #taxfree .pop h3 {
        background-size: 40px;
    }

    #taxfree .card h3 {
        background-size: 40px;
    }

    #taxfree .service h3 {
        background-size: 40px;
    }

    #taxfree .card {
        padding: 60px 0 80px;
    }

    #taxfree .card .cap {
        display: block;
    }

    #taxfree .card .cap-inner {
        display: table;
        max-width: none;
    }

    #taxfree .card .text {
        width: 54%;
    }

    #taxfree .card .text-inner {
        padding: 20px;
        margin: 0;
        box-sizing: border-box;
        width: 100%;
    }

    #taxfree .card .img-wrap img {
        max-width: none;
        width: 110%;
    }

    #taxfree .card .text h4 {
        padding-bottom: 0;
        font-size: 18px;
        letter-spacing: -0.01em;
    }

    #taxfree .card .cardmerit {
        padding: 40px 0;
        width: 540px;
    }

    #taxfree .card .ban-square {
        padding: 2%;
        width: 90%;
    }

    #taxfree .card .ban-square a {
        display: block;
        background: url("../image/ban_square.jpg") no-repeat;
        background-size: 100%;
        width: 100%;
        height: 0;
        padding-top: 12.19%;
    }

    #taxfree .service {
        width: 90%;
    }

    #taxfree .service .ttl p {
        letter-spacing: -0.05em;
    }

    #taxfree .service .movie li {
        max-width: 600px;
    }

    #taxfree .service .movie .box01 {
        float: none;
        margin: 0 auto;
        width: 85%;
        margin-bottom: 100px;
    }

    #taxfree .service .movie .box02 {
        float: none;
        margin: 0 auto;
        width: 85%;
    }

    #taxfree .service .movie .con {
        padding: 40px 20px 20px;
    }

    #taxfree .service .aside {
        font-size: 14px;
        margin-top: 20px;
    }

    /*** 来日スケジュール ***/
    #taxfree .schedule {
        width: 94%;
    }

    #taxfree .number {
        display: block;
    }

    #taxfree .number .box {
        display: block;
        width: 80%;
        max-width: 594px;
        margin: 0 auto 15px;;
    }

    #taxfree .number .text {
        padding: 0;
        margin: 0 auto;
        width: 80%;
        display: block;
    }

    #taxfree .number h4 {
        padding: 0 0 10px;
        font-size: 18px;
    }

    #taxfree .card-schedul h4 {
        font-size: 18px;
    }

    #taxfree .card-schedul .month {
        width: 49%;
        margin: 0 0 27px;
    }

    #taxfree .card-schedul .month:nth-of-type(odd) {
        margin-right: 2%;
    }

    #taxfree .card-schedul .month:nth-last-of-type(3) {
        margin-bottom: 27px;
    }

    #taxfree .card-schedul .box1 {
        padding: 10px 13px 10px 15px;
    }

    #taxfree .card-schedul .box1 .box1-text {
        width: 79%;
    }

    #taxfree .card-schedul .may .box2 .hd .t span,
    #taxfree .card-schedul .october .box2 .hd .t span {
        letter-spacing: -0.1em;
    }
}

@media screen and (max-width: 670px) {
    /*** 共通 ***/
    #taxfree .inner-container {
        margin: 0 20px;
        padding: 50px 0 60px;
    }

    #taxfree p {
        font-size: 14px;
    }

    #taxfree .ttl {
        margin-bottom: 25px;
    }

    #taxfree .ttl p .sp-b {
        display: block;
    }

    #taxfree .ttl p .sp-ib {
        display: inline-block;
    }

    /* header */
    #taxfree .header {
        width: 100%;
        text-align: center;
    }

    #taxfree .header .inner,
    #taxfree .main-container .inner-container {
        max-width: none;
        min-width: auto;
        width: 100%;
    }

    #taxfree .header .inner .logo {
        padding: 18px 0;
        float: none;
        width: 90%;
        max-width: 320px;
    }

    #taxfree .header .nav {
        width: 100%;
        float: none;
        z-index: 10001;
    }

    #taxfree .header .nav ul {
        table-layout: auto;
        float: none;
        width: 100%;
        border-top: 1px #4ebace solid;
    }

    #taxfree .header .nav li {
        box-sizing: border-box;
        float: left;
        width: 33%;
        border: 1px #4ebace solid;
        border-bottom: none;
        border-top: none;
    }

    #taxfree .header .nav li:nth-child(3) {
        width: 34%;
    }

    #taxfree .taxfree-about .header .nav li {
        border-right: none;
    }

    #taxfree .taxfree-hospitality .header .nav li {
        border-left: none;
        border-right: none;
    }

    #taxfree .taxfree-season .header .nav li {
        border-left: none;
    }

    #taxfree .header .nav .nozzle {
        bottom: -11px;
        width: 8%;
    }

    #taxfree .taxfree-about .header .nav .nozzle {
        left: 13%;
    }

    #taxfree .taxfree-hospitality .header .nav .nozzle {
        left: 46%;
    }

    #taxfree .taxfree-season .header .nav .nozzle {
        right: 13%;
    }

    #taxfree .header .nav a {
        box-sizing: border-box;
        display: block;
        width: 100%;
        height: auto;
        font-size: 13px;
        padding: 13px 0 13px 0;
        letter-spacing: -0.08em;
    }

    /* main-container */
    #taxfree .main-container h3 {
        font-size: 20px;
    }

    #taxfree .main-container h3 + p {
        margin-top: 0px;
    }

    #taxfree .taxfree-season .main-container h3 + p {
        letter-spacing: -0.03em;
    }

    /* mainvisual */
    #taxfree .mainvisual .inner-line {
        height: 250px;
    }

    #taxfree .mainvisual .inner-container {
        background-size: 670px;
        position: relative;
        height: 185px;
        padding: 34px 0 40px;
    }

    #taxfree .mainvisual .mainimg {
        display: none;
    }

    #taxfree .mainvisual .maintext {
        display: block;
        position: relative;
        width: 100%;
        padding: 0;
        letter-spacing: -0.04em;
        font-size: 14px;
        margin: 0 auto;
    }

    #taxfree .mainvisual .maintext img {
        display: block;
        width: 85%;
        margin: 0 auto;
        max-width: 460px;
    }

    #taxfree .taxfree-about .mainvisual .maintext img {
        width: 70%;
        min-width: 272px;
    }

    #taxfree .taxfree-hospitality .mainvisual .maintext img {
        width: 75%;
        min-width: 272px;
    }

    #taxfree .mainvisual .maintext p {
        margin-right: 0;
        text-align: center;
        font-size: 13px;
        margin-top: 5px;
        padding: 0 10px;
    }

    #taxfree .mainvisual .maintext p .sp-ib {
        display: inline-block;
    }

    #taxfree .mainvisual h2 {
        margin-bottom: 0;
        margin: 10px 0 20px;
    }

    #taxfree .taxfree-about .mainvisual .inner-container {
        overflow: hidden;
    }

    #taxfree .taxfree-about .mainvisual .mainimg .img,
    #taxfree .taxfree-hospitality .mainvisual .mainimg .img,
    #taxfree .taxfree-season .mainvisual .mainimg .img {
        display: none;
    }

    #taxfree .taxfree-hospitality .mainvisual .maintext {
        margin-top: 10px;
    }

    #taxfree .taxfree-season .mainvisual .maintext .sp-b {
        display: block;
    }

    #taxfree .taxfree-season .mainvisual .maintext p {
        margin-right: 0;
    }

    /*** 免税店になるには？ ***/
    #taxfree {
        min-width: 320px;
    }

    #taxfree .about .inner-container {
        background: url("../image/img_about_inbound.gif") bottom no-repeat;
        background-size: 318px;
        margin-bottom: -22px;
        padding: 35px 0 175px;
    }

    #taxfree .about .text {
        max-width: 90%;
        margin: 0 auto;
    }

    #taxfree .flow ul {
        display: block;
        margin: 0 5%;
    }

    #taxfree .flow li {
        display: block;
    }

    #taxfree .flow .startflow {
        margin: 0 auto;
    }

    #taxfree .flow .finish {
        width: 100%;
        vertical-align: top;
        text-align: center;
    }

    #taxfree .flow .finish img {
        width: 80%;
        max-width: 280px;
        min-width: 190px;
    }

    #taxfree .flow h4 .title {
        font-size: 16px;
    }

    #taxfree .flow h4 .step {
        font-size: 14px;
    }

    #taxfree .flow .box p {
        font-size: 14px;
        line-height: 1.6;
    }

    #taxfree .flow .arrow {
        padding: 6px 0 0;
        text-align: center;
        height: 35px;
    }

    #taxfree .flow .arrow img {
        transform: rotate(90deg);
    }

    #taxfree .merit h4 {
        text-align: center;
        font-size: 16px;
        margin: 5px 0;
    }

    #taxfree .merit li {
        margin: 0 5% 30px;
        text-align: center;
    }

    #taxfree .merit li:nth-of-type(3) {
        margin-bottom: 0;
    }

    #taxfree .merit li img {
        width: 100%;
        max-width: 350px;
        margin: 0;
    }

    #taxfree .merit li .text {
        width: 100%;
    }

    #taxfree .request {
        padding-bottom: 0;
    }

    #taxfree .request ul {
        margin: auto 5%;
    }

    #taxfree .request li {
        width: auto;
        min-height: 6em;
        display: block;
        float: none;
    }

    #taxfree .request li:nth-last-of-type(2) {
        margin-bottom: 20px;
        max-height: 11em;
    }

    #taxfree .request li p {
        font-size: 12px;
    }

    #taxfree .request li:nth-last-of-type(2) .request-p {
        height: 22px !important;
    }

    #taxfree .request li .text {
        margin-top: 6px;
    }

    #taxfree .request h4 {
        font-size: 20px;
    }

    #taxfree .request h4 + p {
        font-size: 14px;
    }

    /*** おもてなしのコツ ***/
    #taxfree .pop img {
        display: block;
        width: 60%;
        max-width: 350px;
        min-width: 230px;
        margin: 0 auto;
    }

    #taxfree .pop h4 {
        font-size: 16px;
        margin: 10px 0 0;
    }

    #taxfree .pop .ttl p {
        width: 94%;
        margin: 0 auto;
    }

    #taxfree .pop .inner {
        display: block;
        width: 94%;
    }

    #taxfree .pop .text {
        box-sizing: border-box;
        padding-left: 0;
        width: 100%;
        display: block;
    }

    #taxfree .pop ul {
        display: block;
    }

    #taxfree .pop li {
        padding-left: 0;
        display: block;
        margin-bottom: 30px;
    }

    #taxfree .pop h3,
    #taxfree .card h3,
    #taxfree .service h3 {
        padding-top: 40px;
    }

    #taxfree .pop h3 {
        background-size: 36px;
    }

    #taxfree .card h3 {
        background-size: 36px;
    }

    #taxfree .service h3 {
        background-size: 36px;
    }

    #taxfree .card {
        padding: 50px 0 70px;
    }

    #taxfree .card .cap {
        display: block;
    }

    #taxfree .card .cap-inner {
        display: table;
        max-width: none;
    }

    #taxfree .card .text {
        display: table-footer-group;
        width: 100%;
    }

    #taxfree .card .text-inner {
        padding: 20px 3%;
        margin: 0;
        box-sizing: border-box;
        width: 100%;
    }

    #taxfree .card .img-wrap {
        display: table-header-group;
        text-align: center;
        background-color: #e5f5f8;
    }

    #taxfree .card .img-wrap img {
        max-width: none;
        width: 65%;
        padding-top: 30px;
        min-width: 274px;
    }

    #taxfree .card .text h4 {
        padding-bottom: 0;
        font-size: 18px;
        text-align: center;
    }

    #taxfree .card .cardmerit h4 {
        padding: 10px 0px;
        text-align: center;
    }

    #taxfree .card .cardmerit ul {
        margin: 0 auto;
        width: 100%;
        min-width: 18em;
        max-width: 33em;
    }

    #taxfree .card .cardmerit li {
        text-indent: -1.4em;
    }

    #taxfree .card .cardmerit {
        padding: 40px 0 40px 1.4em;
        width: 90%;
        margin: 0 auto;
        font-size: 15px;
    }

    #taxfree .card .sp-ib {
        display: inline-block;
    }

    #taxfree .card .ban-square {
        padding: 1%;
        width: 74%;
        min-width: 314px;
    }

    #taxfree .card .ban-square a {
        display: block;
        background: url("../image/ban_square_sp.jpg") no-repeat;
        background-size: 100%;
        width: 100%;
        height: 0;
        padding-top: 32.44%;
    }

    #taxfree .service {
        width: 100%;
    }

    #taxfree .service .ttl p {
        letter-spacing: -0.05em;
    }

    #taxfree .service .movie li {
        max-width: 600px;
    }

    #taxfree .service .movie li .qimg {
        width: 75%;
        max-width: 376px;
        min-width: 280px;
    }

    #taxfree .service .movie .box01 {
        float: none;
        margin: 0 auto;
        width: 92%;
        max-width: 520px;
        min-width: 320px;
        margin-bottom: 100px;
    }

    #taxfree .service .movie .box02 {
        float: none;
        margin: 0 auto;
        width: 92%;
        max-width: 520px;
        min-width: 320px;
    }

    #taxfree .service .movie .con {
        padding: 40px 0;
    }

    #taxfree .service .movie .title {
        margin-left: 5%;
    }

    #taxfree .service .aside {
        font-size: 14px;
        margin-top: 20px;
        width: 90%;
        padding: 0 1em 0 2.1em;
        text-indent: -1.1em;
    }

    #taxfree #movieyoutube01 iframe {
        width: 95%;
        max-width: 409px;
        min-width: 320px;
        margin: 0 auto;
    }

    #taxfree #movieyoutube01 #play01 img {
        width: 95%;
        max-width: 409px;
    }

    #taxfree #movieyoutube02 iframe {
        width: 95%;
        max-width: 409px;
        min-width: 320px;
        margin: 0 auto;
    }

    #taxfree #movieyoutube02 #play02 img {
        width: 95%;
        max-width: 409px;
    }

    /*** 来日スケジュール ***/
    #taxfree .schedule {
        width: 94%;
        margin: 0 auto;
    }

    #taxfree .number {
        display: block;
    }

    #taxfree .number .box {
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 550px;
    }

    #taxfree .number .text {
        padding: 0;
        margin: 0 auto;
        width: 100%;
        max-width: 550px;
        display: block;
    }

    #taxfree .number h4 {
        padding: 0 0 10px;
        font-size: 18px;
    }

    #taxfree .number h5 {
        font-size: 15px;
        text-align: center;
    }

    #taxfree .card-schedul {
        margin: 0 auto;
        width: 100%;
    }

    #taxfree .card-schedul h4 {
        padding: 40px 0 20px;
        font-size: 18px;
    }

    #taxfree .card-schedul .month {
        width: 100%;
        float: none;
        margin: 0 auto 20px;
        max-width: 427px;
    }

    #taxfree .card-schedul .month:nth-of-type(3n+1),
    #taxfree .card-schedul .month:nth-of-type(3n) {
        margin: 0 auto 20px;
    }

    #taxfree .card-schedul .month:nth-last-of-type(1) {
        margin-bottom: 0;
    }

    #taxfree .card-schedul .month:nth-last-of-type(2),
    #taxfree .card-schedul .month:nth-last-of-type(3) {
        margin-bottom: 20px;
    }

    #taxfree .card-schedul .box1 {
        padding: 8px 13px 8px 15px;
    }

    #taxfree .card-schedul .box1 .m {
        font-size: 20px;
    }

    #taxfree .card-schedul .box1 .m span {
        font-size: 15px;
    }

    #taxfree .card-schedul .box1 .c {
        font-size: 15px;
    }

    #taxfree .card-schedul .box1 .box1-text {
        width: 79%;
    }

    #taxfree .card-schedul .box2 {
        padding: 15px 15px;
    }

    #taxfree .card-schedul .box2 .hd p {
        font-size: 13px;
    }

    #taxfree .card-schedul .box2 .hd .t {
        font-size: 18px;
    }

    #taxfree .card-schedul .month .box2 .hd .t span {
        font-size: 13px;
    }

    #taxfree .card-schedul .may .box2 .hd .t span,
    #taxfree .card-schedul .october .box2 .hd .t span {
        letter-spacing: -0.1em;
    }

    #taxfree .card-schedul .box1 .icon {
        width: 50px;
        margin-top: 0;
    }

    #taxfree .card-schedul .box1 .sakura {
        height: 39px;
        padding-top: 11px;
    }

    #taxfree .card-schedul .box1 .vacation {
        height: 31px;
        padding-top: 19px;
    }

    #taxfree .card-schedul .box1 .autumn {
        height: 39px;
        padding-top: 11px;
    }

    #taxfree .card-schedul .box1 .christmas {
        height: 35px;
        padding-top: 15px;
        font-size: 12px;
    }
}

/* 海外会員登録フォーム
-------------------------------------------------------------------------- */
/* メアド入力画面注記 */
.foreign-form .foreign-input-area {
    border: 1px #cccccc solid;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 4px 1px #e6e6e6;
    -webkit-box-shadow: 0 0 4px 1px #e6e6e6;
    letter-spacing: 1px;
    margin: 30px auto 0;
    width: 700px;
}

.foreign-form .caution-area {
    margin: 20px 30px 25px;
    font-size: 15px;
}

.foreign-form .caution-area li {
    margin-top: 10px;
    line-height: 1.2;
    width: 275px;
    background-image: URL(../image/foreign_icon_check.gif);
    background-repeat: no-repeat;
    padding-left: 28px;
    margin-left: 15px;
}

.foreign-form .foreign-input-area .main-catch {
    font-size: 31px;
    margin-top: 42px;
    margin-bottom: 20px;
    text-align: center;
}

.foreign-form .foreign-input-area form {
    padding: 5px 30px;
    background-color: #f6f6f6;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    text-align: center;
}

.foreign-form .foreign-input-area form .wht-arrow {
    margin: -18px 0 -5px 0;
    color: #ffffff;
    font-size: 28px;
}

.foreign-form .foreign-input-area form .add-cap {
    margin: 0 auto 5px;
    width: 523px;
    text-align: left;
    color: #666666;
}

.foreign-form .foreign-input-area form input[type='text'] {
    font-size: 22px;
    width: 350px;
    ime-mode: disabled;
    border: 1px #cccccc solid;
    background-color: #ffffff;
    padding: 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

/*** 先行受注：WEB展示会 ***/
/* 企業商品一覧 */
.webex-list-box {
    display: table;
    width: 100%;
    background-color: #efefef;
    padding: 22px 350px 11px 15px;
    position: relative;
    text-align: left;
    margin: 30px 0 35px;
    box-sizing: border-box;
}

.webex-list-box .webex-list-link {
    border-bottom: 1px #cccccc solid;
    padding-bottom: 3px;
    margin: 0 0 5px;
}

.webex-list-box .right-bnr-wrap {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    position: absolute;
    top: -7px;
    right: 55px;
}

.webex-list-box .webex-list-bn {
    position: relative;
    top: -5px;
    display: inline-block;
    box-shadow: 0 0 3px rgba(150, 150, 150, 0.3);
    background-color: #ffffff;
    vertical-align: top;
    line-height: 0;
    width: 280px;
}

.webex-list-box .webex-list-bn img {
    width: 100%;
    height: auto;
    border: 1px #cccccc solid;
}

/* 商品詳細・企業商品一覧帯 */
.webex-detail-txt {
    color: #ffffff;
    background-color: #6e2201;
    font-size: 14px;
    padding: 0.5em 0 0.3em 0.5em;
    line-height: 1;
    display: inline-block;
    position: relative;
}

.webex-detail-txt p {
    position: relative;
    z-index: 2;
    margin-bottom: 0 !important;
}

.webex-detail-txt span {
    display: block;
    border-width: 1.8em;
    border-style: solid;
    border-color: #6e2201 transparent transparent;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: -1.8em;
    z-index: 1;
}

.webex-list-box .webex-detail-txt {
    position: absolute;
    top: -1em;
    left: 0;
    font-size: 12px;
}

.webex-list-box .webex-detail-txt p {
    margin: 0;
}

.webex-list-box .webex-iconarea {
    display: inline-block;
    margin: 0 0 0 5px;
    white-space: nowrap;
    vertical-align: top;
    background-color: #ffde00;
    color: #333;
    font-size: 11px;
    font-weight: bold;
    padding: 1px 13px;
}

/* TAB/SP */
@media screen and (max-width: 940px) {
    .webex-list-box {
        padding: 0;
    }

    .webex-list-box * {
        box-sizing: border-box;
    }

    .webex-list-box > div:first-child {
        padding: 15px;
    }

    .webex-list-box .right-bnr-wrap,
    .webex-list-box .webex-list-bn {
        position: static;
    }

    .webex-list-box .webex-list-bn {
        box-shadow: none;
        width: 100%;
    }

    .webex-list-box .webex-list-bn img {
        border: 0;
    }
}

/* TAB */
@media screen and (min-width: 671px) and (max-width: 940px) {
    .webex-list-box {
        font-size: 14px;
    }

    .webex-list-box > div:first-child,
    .webex-list-box .right-bnr-wrap {
        display: inline-block;
        vertical-align: top;
    }

    .webex-list-box > div:first-child {
        width: calc(100% - 300px);
    }

    .webex-list-box .right-bnr-wrap {
        width: 300px;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    .webex-list-box {
        font-size: 12px;
    }

    .webex-list-box > div:first-child,
    .webex-list-box .right-bnr-wrap {
        display: block !important;
    }

    .webex-list-box .webex-list-link {
        font-size: 13px;
    }
}

/* タブon状態 */
.tab-area-tabarea .tab-area-tab-on span {
    background-color: #1145aa;
    background-image: -moz-linear-gradient(center top, #1e69e2, #1145aa);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1145aa), color-stop(1, #1e69e2));
    background: -ms-linear-gradient(top, #1e69e2 0%, #1145aa 100%);
    background: linear-gradient(top, #1e69e2 0%, #1145aa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#1e69e2', endColorstr='#1145aa');
}

/* 会員情報の変更
-------------------------------------------------- */
/* 店舗写真：登録なし、変更不可共通 */
.member-photo-none,
.member-unable-regist {
    border: 1px #cccccc solid;
    text-align: center;
    color: #666666;
}

/* 店舗写真：登録なし */
.member-photo-none {
    padding: 120px 0;
}

/* 店舗写真：変更不可 */
.member-unable-regist {
    padding: 170px 0;
}

/* 一括申請枠 */
.all-application {
    background-color: #fff7e1;
    width: 590px;
    display: inline-block;
    box-sizing: border-box;
    padding: 20px 20px 10px;
    text-align: center;
    margin-right: 30px;
}

/*** 店舗写真の登録／変更ページ ***/
#retailer-photo {
    max-width: 1366px;
    margin: 0 auto;
}

#retailer-photo form {
    margin: 20px auto 30px;
}

#retailer-photo .co-dot-list {
    margin: 15px 0 10px;
    line-height: 1.7;
    font-size: 14px;
}

#retailer-photo .retailer-photo-wrap {
    border: 1px #cccccc solid;
    text-align: center;
    padding: 0 30px;
}

#retailer-photo .retailer-photo-wrap > .co-title2:first-child {
    background-color: #e6e6e6;
    padding: 10px 20px;
    border: 0;
    margin: 0 -30px 20px;
}

#retailer-photo .retailer-photo-inner {
    display: flex;
    justify-content: space-around;
    padding: 20px;
}

#retailer-photo .retailer-photo-area {
    width: 280px;
    vertical-align: top;
}

#retailer-photo .retailer-photo-box {
    transition: opacity 0.2s;
    position: relative;
}

#retailer-photo.retailer-photo-input .retailer-photo-box:not(.has-photo):hover {
    opacity: 0.7;
}

#retailer-photo .retailer-photo-box input {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    opacity: 0;
    text-indent: -30px;
    cursor: pointer;
}

#retailer-photo .retailer-photo-box .retailer-photo-path {
    color: #666666;
    margin-top: 5px;
}

#retailer-photo .retailer-photo-box .retailer-photo-img,
#innerForm .retailer-photo-img {
    height: 215px;
    width: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
    margin: 0 auto;
    line-height: 0;
    position: relative;
}

#retailer-photo .retailer-photo-box .retailer-no-photo {
    font-size: 22px;
    font-weight: bold;
    font-size: 0;
}

#retailer-photo .retailer-photo-box .retailer-no-photo:before {
    content: url('../image/regist_store_noimg.png');
    display: block;
}

#retailer-photo .retailer-photo-box .retailer-photo-img img,
#innerForm .retailer-photo-img img {
    max-width: 280px;
    max-height: 215px;
}

#retailer-photo .fo-submit {
    border-top: 1px #dfdfdf solid;
    padding-top: 25px;
    margin: 30px;
}

/* 登録例 */
#retailer-photo .retailer-photo-sample {
    background-color: #f6f6f6;
    padding: 20px 20px 30px;
    display: inline-block;
    margin-bottom: 30px;
}

#retailer-photo .retailer-photo-sample ul {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

#retailer-photo .retailer-photo-sample ul li {
    margin: 0 20px;
}

#retailer-photo .retailer-photo-sample dt,
#retailer-photo .retailer-photo-sample dd {
    margin: 0;
    text-align: center;
}

#retailer-photo .retailer-photo-sample dt {
    font-size: 14px;
    margin: 15px auto 5px;
}

#retailer-photo .retailer-photo-mail {
    background-color: #eeeeee;
    padding: 15px 20px 10px;
    margin-top: 50px;
}

#innerForm .retailer-photo-dlt {
    text-align: center;
    margin-top: 20px;
}

/* 確認画面 */
#retailer-photo.retailer-photo-confirm .retailer-photo-box .retailer-photo-img:last-child:not(:only-child) {
    margin-top: 50px;
}

#retailer-photo.retailer-photo-confirm .retailer-photo-box .retailer-photo-img:last-child:not(:only-child):before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border-right: 3px #666666 solid;
    border-bottom: 3px #666666 solid;
    transform: rotate(45deg);
    position: absolute;
    left: calc(50% - 10px);
    bottom: calc(100% + 20px);
    border-radius: 2px;
}

/* 会員情報確認モーダル */
.registstore-modal-mask {
    background-color: #000000;
    height: 100%;
    z-index: 100000;
    top: 0;
    width: 100%;
    position: fixed;
    opacity: 0.5;
}

.registstore-modal {
    background-color: #ffffff;
    z-index: 110000;
    top: 150px;
    left: 50%;
    width: 740px;
    position: absolute;
    padding: 0;
    margin-left: -390px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.registstore-modal .acount {
    background-color: #0066cc;
    color: #ffffff;
    padding: 6px 10px 6px;
    font-size: 16px;
    padding: 15px 30px;
    border-radius: 5px 5px 0px 0px;
}

.registstore-modal .acount .inner {
    background-image: URL(../image/account.png);
    background-repeat: no-repeat;
    padding-left: 40px;
    background-position: left;
    padding-top: 10px;
    text-align: left;
}

.registstore-modal .modal-ttl {
    background-color: #eef6fd;
    padding: 20px 30px;
}

.registstore-modal .modal-ttl .main-catch {
    font-size: 22px;
    margin-bottom: 3px;
    text-align: left;
}

.registstore-modal .modal-ttl .main-catch span {
    font-weight: bold;
    color: #ec6b6b;
}

.registstore-modal .modal-ttl .sub-txt {
    font-size: 13px;
    text-align: left;
}

.registstore-modal .registstore-modal-inner {
    padding: 0px 20px 20px 20px;
}

.registstore-modal .registstore-modal-inner .clf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.registstore-modal .registstore-modal-inner .clf {
    display: inline-block;
}

.registstore-modal .registstore-modal-inner .store-info {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 13px;
    display: block;
}

.registstore-modal .registstore-modal-inner .store-info .small-ttl {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    width: 100%;
    margin-top: 20px;
}

.registstore-modal .registstore-modal-inner .store-info .layout1 {
    float: right;
    width: 140px;
}

.registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo {
    display: block;
}

.registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo .photo-area {
    float: none;
    margin-bottom: 10px;
    width: 140px;
}

.registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo .photo-area .photo-image {
    color: #333333;
    background-color: #eeeeee;
    height: 140px;
    border: solid 1px #dadada;
    min-width: 140px;
    min-height: 140px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    max-width: 140px;
    max-height: 140px;
}

.registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo .photo-area .photo-image img {
    max-width: 140px;
    max-height: 140px;
    vertical-align: bottom;
}

.registstore-modal .registstore-modal-inner .store-info .layout2 {
    float: left;
    width: 530px;
}

.registstore-modal .registstore-modal-inner .store-info .layout2 .shop-concept {
    margin-bottom: 3px;
    width: 100%;
}

.registstore-modal .registstore-modal-inner dl {
    margin-bottom: 3px;
}

.registstore-modal .registstore-modal-inner dl dt {
    width: 4.5em;
    float: left;
    margin-bottom: 3px;
    position: relative;
}

.registstore-modal .registstore-modal-inner dl dt span {
    position: absolute;
    left: 4.3em;
}

.registstore-modal .registstore-modal-inner dl dd {
    margin-left: 5.3em;
    margin-bottom: 3px;
}

.registstore-modal .registstore-modal-inner .store-info .layout2 .sales {
    padding-left: 0px;
    margin-top: 0px;
    display: block;
}

.registstore-modal .registstore-modal-inner .store-info .layout2 .sales .sales-mark {
    margin-bottom: 5px;
    margin-right: 8px;
    text-align: center;
    padding: 5px;
    width: 125px;
    float: left;
    background-color: #ffffff;
    box-sizing: content-box;
}

.registstore-modal .registstore-modal-inner .store-info .layout2 .sales .mark-on {
    color: #0066cc;
    border: solid 1px #0066cc;
}

.registstore-modal .registstore-modal-inner .store-info .layout2 .sales .mark-off {
    color: #cccccc;
    border: solid 1px #cccccc;
}

.registstore-modal .registstore-modal-inner .website-ttl {
    font-size: 15px;
    font-weight: bold;
    border-bottom: solid #dddddd 1px;
    padding-bottom: 3px;
    margin-top: 15px;
}

.registstore-modal .registstore-modal-inner .website-url {
    margin: 10px 10px 0 10px;
    font-size: 13px;
}

.registstore-modal .registstore-modal-inner .website-url .url-area {
    margin-top: 10px;
}

.registstore-modal .registstore-modal-inner .website-url .note {
    background-color: #eeeeee;
    margin-top: 10px;
    font-size: 12px;
    padding: 10px;
    border-radius: 3px;
}

.registstore-modal .registstore-modal-inner .website-url .new-website {
    font-weight: bold;
    margin-top: 15px;
}

.registstore-modal .registstore-modal-inner .btn-area {
    margin: 20px auto;
    text-align: center;
    padding-top: 25px;
    border-top: 1px solid #cccccc;
    display: block;
}

.registstore-modal .registstore-modal-inner .btn-area .change {
    margin-right: 10px;
}

.registstore-modal .registstore-modal-inner .btn-area .not-change {
}

/* IE8 */
@media \0screen {
    .registstore-modal-mask {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
    }
}

/* TABLET */
@media screen and (max-width: 940px) and (min-width: 671px) {
    .registstore-modal {
        top: 150px;
        left: 50%;
        width: 84%;
        padding: 0px;
        margin-left: -42%;
    }

    .registstore-modal .registstore-modal-inner .store-info .layout1 {
        float: right;
        width: 120px;
    }

    .registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo .photo-area {
        float: left;
        margin-bottom: 10px;
        width: 100px;
    }

    .registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo .photo-area .photo-image {
        color: #333333;
        background-color: #eeeeee;
        width: 120px;
        height: 120px;
        border: solid 1px #dadada;
        min-width: 120px;
        min-height: 120px;
        text-align: center;
        vertical-align: middle;
        max-width: 120px;
        max-height: 120px;
    }

    .registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo .photo-area .photo-image img {
        max-width: 120px;
        max-height: 120px;
        vertical-align: bottom;
    }

    .registstore-modal .registstore-modal-inner .store-info .layout2 {
        width: 75%;
        margin-left: 0px;
    }

    .registstore-modal .registstore-modal-inner .store-info .layout2 .sales .sales-mark {
        width: 27%;
        float: left;
        height: 19px;
        padding: 2%;
        margin-right: 2%;
        margin-bottom: 8px;
    }

    .registstore-modal .registstore-modal-inner .store-info .layout2 .sales .sales-mark:nth-child(3) {
        margin-right: 0%;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    .registstore-modal {
        top: 100px;
        left: 50%;
        width: 280px;
        padding: 0px;
        margin-left: -140px;
        min-width: 280px;
    }

    .registstore-modal .acount {
        padding: 6px 10px 6px;
        font-size: 12px;
    }

    .registstore-modal .acount .inner {
        background-image: URL(../image/account.png);
        background-repeat: no-repeat;
        background-size: 22px;
        padding-left: 30px;
        background-position: left;
        padding-top: 7px;
        padding-bottom: 3px;
        text-align: left;
    }

    .registstore-modal .modal-ttl {
        padding: 10px 3% 10px 3%;
    }

    .registstore-modal .modal-ttl .main-catch {
        font-size: 13px;
    }

    .registstore-modal .modal-ttl .sub-txt {
        font-size: 12px;
    }

    .registstore-modal .registstore-modal-inner {
        padding: 0px 3% 20px 3%;;
    }

    .registstore-modal .registstore-modal-inner .store-info {
        margin-left: 0px;
        margin-right: 0px;
        font-size: 12px;
    }

    .registstore-modal .registstore-modal-inner .store-info .small-ttl {
        font-size: 13px;
        margin-top: 10px;
    }

    .registstore-modal .registstore-modal-inner .store-info .layout1 {
        float: left;
        width: 100%;
    }

    .registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo .photo-area {
        float: left;
        margin-bottom: 10px;
        margin-right: 2%;
        width: 32%;
    }

    .registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo .photo-area:nth-child(3) {
        margin-right: 0px;
    }

    .registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo .photo-area .photo-image {
        color: #333333;
        background-color: #ffffff;
        width: 78px;
        height: 78px;
        border: solid 1px #dadada;
        min-width: 78px;
        min-height: 78px;
        text-align: center;
        vertical-align: middle;
    }

    .registstore-modal .registstore-modal-inner .store-info .layout1 .store-photo .photo-area .photo-image img {
        vertical-align: bottom;
        max-width: 78px;
        max-height: 78px;
    }

    .registstore-modal .registstore-modal-inner .store-info .layout2 {
        width: 100%;
        margin-left: 0px;
    }

    .registstore-modal .registstore-modal-inner .store-info .layout2 .shop-concept {
        margin-bottom: 3px;
        width: 100%;
    }

    .registstore-modal .registstore-modal-inner .store-info .layout2 .sales .sales-mark {
        width: 44%;
        float: left;
        height: 19px;
        padding: 2%;
        margin-right: 2%;
        margin-bottom: 8px;
    }

    .registstore-modal .registstore-modal-inner .store-info .layout2 .sales .sales-mark:nth-child(even) {
        margin-right: 0px;
    }

    .registstore-modal .registstore-modal-inner .website-ttl {
        font-size: 13px;
    }

    .registstore-modal .registstore-modal-inner .website-url {
        margin: 10px 0 0 0;
        font-size: 12px;
    }

    .registstore-modal .registstore-modal-inner .website-url .new-website {
        font-size: 12px;
        margin-top: 15px;
    }

    .registstore-modal .registstore-modal-inner .btn-area {
        padding-top: 15px;
    }

    .registstore-modal .registstore-modal-inner .btn-area .change {
        float: none;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .registstore-modal .registstore-modal-inner .btn-area .not-change {
        float: none;
    }
}

/* 会員情報確認モーダル */
/* Base連携モーダル */
#retailerPosregiPromoModal.registstore-modal img {
    max-width: 100%;
    margin-top: 20px;
}

#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner > div:not(.btn-area) {
    padding: 30px 30px 10px;
    max-width: 431px;
    text-align: center;
    margin: 0 auto;
}

#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .ribbon {
    padding: 6px 0;
    background: #EC6B6B;
    position: relative;
    color: #fff;
    display: inline-block;
    margin-bottom: 15px;
    height: 24px;
}

#retailerPosregiPromoModal.registstore-modal.introduction-modal .registstore-modal-inner {
    padding: 0px 30px 20px 30px;
}

#retailerPosregiPromoModal.registstore-modal.introduction-modal .registstore-modal-inner > div:not(.btn-area) {
    padding: 30px 0 10px;
    max-width: 484px;
}

#retailerPosregiPromoModal.registstore-modal.introduction-modal .registstore-modal-inner .ribbon {
    margin-bottom: 12px;
    height: 36px;
    font-size: 16px;
}

#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .ribbon::before,
#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .ribbon::after {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    border: #EC6B6B solid 18px;
    border-width: 18px 12px;
    border-color: #EC6B6B #EC6B6B #EC6B6B transparent;
    top: 0;
    left: -24px;
}

#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .ribbon::after {
    border-color: #EC6B6B transparent #EC6B6B #EC6B6B;
    left: 100%;
}

#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner > div:not(.btn-area) > p {
    font-size: 13px;
    margin: 12px 0;
}

#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner > div:not(.btn-area) .base-modal-ttl {
    font-size: 22px;
    font-weight: 600;
}

#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner #notSetPosregi,
#retailerPosregiPromoModal.registstore-modal .registstore-modal-inner #setPosregi {
    width: 162px;
}

/* PC/TABLET */
@media screen and (min-width: 671px) {
    #retailerPosregiPromoModal.registstore-modal {
        width: 583px;
        margin-left: -292px;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #retailerPosregiPromoModal.registstore-modal {
        width: 90%;
        margin-left: 0;
        left: 5%;
    }

    #retailerPosregiPromoModal.registstore-modal .registstore-modal-inner > div:not(.btn-area) {
        padding: 30px 15px 0;
    }

    #retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .ribbon {
        font-size: 14px;
        padding: 4px 7px 3px;
        height: 21px;
    }

    #retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .ribbon::before,
    #retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .ribbon::after {
        border-width: 14px 9px 14px 9px;
    }

    #retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .ribbon::before {
        left: -18px;
    }

    #retailerPosregiPromoModal.registstore-modal .registstore-modal-inner > div:not(.btn-area) > p {
        margin: 5px 0;
    }

    #retailerPosregiPromoModal.registstore-modal .registstore-modal-inner > div:not(.btn-area) .base-modal-ttl {
        font-size: 18px;
    }

    #retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .btn-area {
        margin: 20px 10px;
        display: flex;
        flex-direction: column;
    }

    #retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .btn-area .change {
        margin-right: auto;
    }

    #retailerPosregiPromoModal.registstore-modal.introduction-modal .registstore-modal-inner {
        padding: 0px 20px 20px 20px;
    }

    #retailerPosregiPromoModal.registstore-modal.introduction-modal .registstore-modal-inner .ribbon {
        height: 28px;
        font-size: 16px;
    }

    #retailerPosregiPromoModal.registstore-modal .registstore-modal-inner .btn-area {
        margin: 20px 0;
    }

}

/* //Base連携モーダル */

/* 取引企業一覧、企業ページの企業特性マーク */
#dealerinfo-markbox [class^='info-mark'],
.dealerinfo-markbox [class^='info-mark'] {
    display: inline-block;
    padding: 1px 7px;
    font-size: 11px;
    color: #ffffff;
    position: relative;
    margin-left: 5px !important;
    cursor: default;
    font-weight: normal;
}

#dealerinfo-markbox a:hover,
.dealerinfo-markbox a:hover {
    text-decoration: none;
}

#dealerinfo-markbox [class^='info-mark'] .info-marktxt,
.dealerinfo-markbox [class^='info-mark'] .info-marktxt {
    display: none;
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px #cccccc solid;
    color: #333333;
    padding: 5px 10px;
    box-shadow: 2px 2px 3px 0 rgba(100, 100, 100, 0.3);
    position: absolute;
    z-index: 2;
    right: 0;
    top: 1.8em;
    font-size: 12px;
    width: 15em;
    text-align: left;
}

#dealerinfo-markbox [class^='info-mark']:hover .info-marktxt,
.dealerinfo-markbox [class^='info-mark']:hover .info-marktxt {
    display: block;
}

#dealerinfo-markbox .info-marksdship,
.dealerinfo-markbox .info-marksdship {
    background-color: #60a7d6;
}

/* ラクネコ便 */
#dealerinfo-markbox .info-markshipping,
.dealerinfo-markbox .info-markshipping {
    background-color: #cd7d16;
}

/* 送料無料キャンペーン */
#dealerinfo-markbox .info-markshipping:after,
.dealerinfo-markbox .info-markshipping:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 3px 0;
    border-color: #ffffff transparent transparent;
}

#dealerinfo-markbox .info-markcod,
.dealerinfo-markbox .info-markcod {
    background-color: #8393a0;
}

/* 代引き */

/*** 継続利用について ***/
#contents-guide-continuation-body {
    padding-bottom: 150px;
    margin: 30px 20px 0;
}

#contents-guide-continuation-body .program {
    width: 96%;
    max-width: 740px;
    border: 1px #999999 solid;
    margin-top: 30px;
}

#contents-guide-continuation-body .program h3 {
    background-color: #eeeeee;
    padding: 7px 14px;
    margin: 0;
    font-size: 13px;
    border-bottom: 1px #999999 solid;
}

#contents-guide-continuation-body .program .dsc {
    padding: 14px;
    line-height: 1.6;
}

#contents-guide-continuation-body .program .dsc h4 {
    margin: 0;
}

#contents-guide-continuation-body .program .dsc p, #contents-guide-continuation-body .program .dsc .target {
    margin-bottom: 15px;
}

#contents-guide-continuation-body .program .dsc .target li {
    display: inline-block;
    text-indent: 1em;
}

#contents-guide-continuation-body .program .dsc .target li:first-of-type {
    padding: 0;
}

#contents-guide-continuation-body .program .dsc .target li:after {
    content: "/";
    padding-left: 10px;
}

#contents-guide-continuation-body .program .dsc .target li:last-of-type:after {
    content: "";
}

#contents-guide-continuation-body .program .dsc ul p:nth-of-type(2), #contents-guide-continuation-body .program .dsc ul p:nth-of-type(3) {
    margin-bottom: 0;
}

/* クレディセゾンバナー修正　*/
/* 会費支払方法ページ */
#jsp-tiles-memberManage-membership-fee .saison-box {
    width: 720px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

#jsp-tiles-memberManage-membership-fee .saison-box img {
    border: 1px solid #ba3030;
}

#jsp-tiles-memberManage-membership-fee .saison-alert {
    background-color: #ba3030;
    color: #ffffff;
    width: 84px;
    height: 84px;
    border-radius: 42px;
    position: absolute;
    top: -30px;
    left: -35px;
    z-index: 10;
}

#jsp-tiles-memberManage-membership-fee .saison-message {
    display: inline-block;
    padding: 17px 5px 0 0;
    -ms-transform: rotate(-15deg); /* IE9 */
    -webkit-transform: rotate(-15deg); /* スマホのChromeなど */
    transform: rotate(-15deg);
}

/* 商品代金支払い方法ページ */
#jsp-tiles-memberManage-settlement .saison-box {
    width: 720px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

#jsp-tiles-memberManage-settlement .saison-box img {
    border: 1px solid #ba3030;
}

#jsp-tiles-memberManage-settlement .saison-alert {
    background-color: #ba3030;
    color: #ffffff;
    width: 84px;
    height: 84px;
    border-radius: 42px;
    position: absolute;
    top: -30px;
    left: -35px;
    z-index: 10;
}

#jsp-tiles-memberManage-settlement .saison-message {
    display: inline-block;
    padding: 17px 5px 0 0;
    -ms-transform: rotate(-15deg); /* IE9 */
    -webkit-transform: rotate(-15deg); /* スマホのChromeなど */
    transform: rotate(-15deg);
}

/************************* 企業商品一覧上部 *************************/
#dl-info-area * {
    box-sizing: border-box;
}

#dl-info-area .dl-info-box .dl-name,
#dl-info-area .dl-info-box .dl-info,
#dl-info-area .dl-info-box li,
#dl-info-area .dl-info-box #dealerinfo-markbox,
#dl-info-area .dl-trade-info-txt,
#dl-info-area .dl-trade-info-btn {
    display: inline-block;
    vertical-align: middle;
}

#dl-info-area .dl-info-box #dealerinfo-markbox {
    vertical-align: top;
    margin-left: 15px;
}

#dl-info-area .dl-info-box {
    border-bottom: 1px #cccccc solid;
    border-top: 1px #cccccc solid;
    padding: 25px 2%;
    margin-top: -1px;
    text-align: left;
    box-shadow: 0 4px 2px rgba(200, 200, 200, 0.3);
    display: grid;
    align-items: center;
    grid-template-columns: auto minmax(60%, auto);
}

/*** 企業名 ***/
#dl-info-area .dl-info-box .dl-name {
    border-right: 1px #cccccc solid;
    padding-right: 15px;
    grid-row: 1;
}

#dl-info-area .dl-info-box .dl-name-txt {
    color: #445c76;
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle;
}

/*** 企業情報部分 ***/
#dl-info-area .dl-info-box .dl-info {
    border-left: 1px #cccccc solid;
    margin-left: -1px;
    padding: 0 15px 0 20px;
    display: flex;
    flex-wrap: wrap;
    grid-row: 1;
}

#dl-info-area .dl-info-box .dl-info::before {
    content: '';
    display: block;
    width: 100%;
    height: 11px;
    order: 1;
}

#dl-info-area .dl-info .dealer-satisfaction-wrap,
#dl-info-area .cheer-comment-guide,
#dl-info-area .matterport-guide {
    order: 2;
}

#dl-info-area .dl-info-box ul {
    margin: 0;
    padding: 0;
}

#dl-info-area .dl-info-box li a {
    font-size: 14px;
}

/* モーダル開くボタン */
#dl-info-area .dl-info-box li .dl-infobtn-mdl,
.dealer-info-list .dl-infobtn-mdl {
    display: block;
    margin-right: 10px;
    border: 1px #1b76d1 solid;
    border-radius: 20px;
    color: #1b76d1;
    padding: 1px 10px 0 26px;
    background: url('../image/co_008b.png') left 9px center no-repeat;
    cursor: pointer;
}

.dealer-info-list .dl-infobtn-mdl {
    display: inline-block;
}

#dl-info-area .dl-info-box li .dl-infobtn-mdl:hover,
.dealer-info-list .dl-infobtn-mdl:hover {
    text-decoration: none;
    background-color: #1b76d1;
    color: #ffffff;
    background-image: url('../image/co_008w.png');
}

/* 企業特性マーク */
#dl-info-area .dl-info-box #dealerinfo-markbox {
    max-width: 300px;
}

#dl-info-area .dl-info-box #dealerinfo-markbox [class^="info-mark"] {
    vertical-align: middle;
}

.dealer-mark-smartd {
    display: none;
}

/* 満足度 */
#dl-info-area .dl-info .dealer-satisfaction-wrap {
    white-space: nowrap;
    text-align: left;
}

#dl-info-area .dl-info .dealer-satisfaction-score {
    top: 100% !important;
    width: 500px !important;
    display: none;
    position: absolute;
    padding: 5px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    text-align: center;
    border-radius: 5px;
    right: 10px;
    font-size: 13px;
}

/* SNS */
.dealer-url-list {
    margin: 0;
    padding: 0;
}

.dealer-url-list [class^='sns-'] {
    display: flex;
}

.dealer-url-list li:not(:first-child) {
    margin-top: 5px;
}

.dealer-url-list [class^='sns-']::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 29px;
    height: 20px;
    margin-right: 6px;
    background: center center / contain no-repeat;
}

.dealer-url-list .sns-facebook::before {
    background-image: url('../image/sns_facebook.svg');
}

.dealer-url-list .sns-instagram::before {
    background-image: url('../image/sns_instagram.svg');
}

.dealer-url-list .sns-twitter::before {
    background-image: url('../image/sns_twitter.svg');
}

.dealer-url-list .sns-youtube::before {
    background-image: url('../image/sns_youtube.svg');
}

.dealer-url-list .sns-other::before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #333333;
    margin: 5px 18px 0 12px;
}

/*------------- 企業へのコメント -------------*/
#dl-info-area .cheer-comment-guide,
#dl-info-area .cheer-comment-guide * {
    box-sizing: border-box;
}

#dl-info-area .cheer-comment-guide::before,
#dl-info-area .cheer-comment-guide p::after,
#dl-info-area .cheer-comment-guide .comment-edit::before,
#dl-info-area .cheer-comment-guide .comment-edit::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
}

#dl-info-area .cheer-comment-guide {
    margin: -5px 0 -5px 20px;
    display: inline-flex;
    align-items: center;
    background-color: transparent;
    border: 1px transparent solid;
    border-radius: 3px;
    padding: 3px 4px 3px 8px;
    font-size: 12px;
    position: relative;
}

#dl-info-area .cheer-comment-guide.em {
    background-color: #fcea9e;
    border-color: #f0d04b;
}

#dl-info-area .cheer-comment-guide::before {
    width: 14px;
    height: 20px;
    background: url('../image/cheer_00.svg') center center / contain no-repeat;
    margin-right: 5px;
}

#dl-info-area .cheer-comment-guide:hover {
    text-decoration: none;
}

#dl-info-area .cheer-comment-guide .cheer-comment-ttl {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
}

#dl-info-area .cheer-comment-guide .cheer-comment-ttl::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0;
    border-color: #666666 transparent;
}

#dl-info-area .cheer-comment-guide a {
    display: flex;
    align-items: center;
    margin-left: 8px;
}

#dl-info-area .cheer-comment-guide a:hover {
    text-decoration: none;
}

#dl-info-area .cheer-comment-guide .comment-num {
    color: #0066cc;
}

#dl-info-area .cheer-comment-guide .comment-edit {
    background-color: #f6f6f6;
    border: 1px #aaaaaa solid;
    border-radius: 5px;
    margin-left: 10px;
    padding: 2px 10px 1px 8px;
    color: #333333;
}

#dl-info-area .cheer-comment-guide .comment-edit::before {
    width: 12px;
    height: 12px;
    background: url('../image/edit_00.svg') center center / contain no-repeat;
    margin-right: 4px;
    vertical-align: -1px;
}

#dl-info-area .cheer-comment-guide .comment-edit::after {
    width: 6px;
    height: 6px;
    border-top: 2px #8f8f8f solid;
    border-right: 2px #8f8f8f solid;
    transform: rotate(45deg);
    margin-left: 3px;
    vertical-align: 0;
}

#dl-info-area .cheer-comment-guide .comment-edit:hover {
    background-color: #eeeeee;
}

/* ツールチップ */
#dl-info-area .cheer-comment-guide-pop {
    display: none;
    background-color: #fffde6;
    padding: 20px;
    width: 350px;
    border: 1px #cccccc solid;
    border-radius: 5px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 3;
}

#dl-info-area .cheer-comment-ttl:hover ~ .cheer-comment-guide-pop {
    display: block;
}

#dl-info-area .cheer-comment-guide-pop::after {
    content: '';
    display: block;
    position: absolute;
    right: -14px;
    bottom: -10px;
    width: 70px;
    height: 40px;
    background: url('../image/sudeli_megaphone_00.svg') center center / contain no-repeat;
}

#dl-info-area .matterport-guide {
    margin: 0 0 0 20px;
    display: inline-flex;
    font-size: 14px;
}

.matterport-guide-link {
    position: relative;
    padding: 0 0 0 25px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    appearance: none;
    color: #0066cc;
    font-size: inherit;
}

#dl-info-area .matterport-guide-link:hover {
    text-decoration: underline;
}

.matterport-guide-link::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    background: url('../image/3d_00.svg') no-repeat 0 0 / contain;
    width: 21px;
    height: 17px;
}

#dl-info-area .matterport-modal {
    top: 50%;
    left: 50% !important;
    transform: translate(-50%, -50%);
    padding: 47px 0;
    max-width: 1200px;
    max-height: 686px;
    width: 90%;
    height: 90%;
}

#dl-info-area .matterport-modal .co-tooltip-cancel {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
}

#dl-info-area .matterport-modal .co-tooltip-text {
    width: 100%;
    height: 100%;
    padding: 0;
}

#dl-info-area .matterport-modal .matterport-modal-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

#dl-info-area .matterport-modal iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    border: none;
}

/* TAB/SP */
@media screen and (max-width: 940px) {
    #dl-info-area .cheer-comment-guide {
        margin: 7px auto 0;
        order: 4;
    }

    #dl-info-area .cheer-comment-guide {
        padding-left: 4px;
    }

    #dl-info-area .matterport-guide {
        display: block;
        margin: 7px auto 0;
        order: 4;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #dl-info-area .cheer-comment-guide {
        flex-wrap: wrap;
        justify-content: center;
    }

    #dl-info-area .cheer-comment-guide-pop {
        width: 330px;
        text-align: left;
    }

    .matterport-guide {
        font-size: 11px;
    }

    .matterport-guide-link {
        padding: 0 0 0 18px;
    }

    .matterport-guide-link::before {
        width: 16px;
        height: 13px;
    }
}

/*------------- SDAward -------------*/
/* 商品一覧・詳細 */
.sdaward-bar {
    margin: 8px 0 0;
    order: 3;
    width: 100%;
}

.sdaward-bar .sdaward-bar-box {
    background-color: #C5F1E6;
    display: inline-block;
    padding: 5px 7px;
    font-size: 14px;
}

.sdaward-bar form {
    display: inline-block;
}

.sdaward-bar form,
.sdaward-bar input[type="image"] {
    vertical-align: middle;
}

.sdaward-bar input[type="image"] {
    width: 158px;
    height: 28px;
}

.sdaward-bar input:hover[type="image"] {
    opacity: 0.7;
}

.sdaward-bar .sdaward-bar-link {
    margin-right: 5px;
    padding-right: 15px;
    display: inline-block;
    background: url(../image/popup-link-01.gif) right center no-repeat;
}

.sdaward-bar .sdaward-bar-title {
    margin: 6px 0 6px 3px;
    color: #0D4F4E;
    font-weight: 600;
    font-size: 13px;
}

.sdaward-bar .sdaward-bar-tooltip {
    padding: 0;
    border: 0;
    border-radius: 5px;
    overflow: hidden;
    background-color: #289F9E;
    width: 404px;
    top: 33px;
    left: -7px;
    z-index: 10001;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
}

.sdaward-bar .sdaward-bar-tooltip-title {
    display: block;
    padding: 108px 18px 18px;
    background-image: url(../image/reception_ttl.png), url(../image/back1.png);
    background-repeat: no-repeat, no-repeat;
    background-size: 350px auto, auto 100%;
    background-position: center 20px, center top;
}

.sdaward-bar .sdaward-bar-tooltip-data {
    font-size: 12px;
}

.sdaward-bar .sdaward-bar-tooltip-cont {
    padding: 16px 18px;
    color: #FFF;
}

.sdaward-bar .sdaward-bar-tooltip-note {
    font-size: 12px;
}

.sdaward-bar .sdaward-bar-sp {
    display: none;
}

@media screen and (max-width: 940px) {
    .sdaward-bar .sdaward-bar-sp {
        display: block;
    }

    .sdaward-bar .co-tooltip-onmouse2 {
        display: none;
    }

    .sdaward-bar {
        order: 4;
    }

    .sdaward-bar .sdaward-bar-box {
        padding: 7px 0;
        margin: 0 auto;
    }

    .sdaward-bar .co-popup-link-02 {
        padding: 5px 15px 0;
        margin: 0 10px 0 0;
        display: inline-block;
    }

    .sdaward-bar .co-popup-link-02 br {
        display: none;
    }

    .sdaward-bar .sdaward-bar-tooltip-wrap {
        display: none;
        position: absolute;
        top: auto;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 10001;
    }

    .sdaward-bar .sdaward-bar-tooltip {
        top: auto;
        left: auto;
    }

    .sdaward-bar .co-tooltip-cancel {
        display: block;
        position: absolute;
        top: 2px;
        right: 2px;
        line-height: 1.1;
    }

    /* 商品詳細用 */
    .dealer-info-list-wrap .sdaward-bar form {
        margin-left: 10px;
    }

    .dealer-info-list-wrap .sdaward-bar .sdaward-bar-tooltip-wrap {
        left: auto;
        transform: translate(0, 0);
    }
}

@media screen and (max-width: 670px) {
    .sdaward-bar .sdaward-bar-box {
        width: 280px;
    }

    .sdaward-bar .co-popup-link-02 br {
        display: inherit;
    }

    .sdaward-bar .sdaward-bar-tooltip {
        width: 300px;
    }

    .sdaward-bar .sdaward-bar-tooltip-title {
        padding: 90px 12px 12px;
        background-size: 260px auto, auto 100%;
        background-position: center 20px, center top;
    }

    /* 商品詳細用 */
    .dealer-info-list-wrap .sdaward-bar form {
        margin-left: 0;
    }

    .dealer-info-list-wrap .sdaward-bar .sdaward-bar-tooltip-wrap {
        left: 50%;
        transform: translate(-50%, 0);
    }
}

/* 取引企業一覧 */
/* バナー */
.sdaward-info {
    margin: 0 0 20px !important;
    padding: 20px !important;
    display: flex;
    background-color: #f6f6f6;
    justify-content: flex-start;
}

.sdaward-info .sdaward-info-img {
    padding: 15px 0 0;
    border: 1px solid #289F9E;
    width: 263px;
    min-width: 263px;
    height: 108px;
    background: url(../image/back1.png) repeat-x left top / auto 100%;
}

.sdaward-info .sdaward-info-img img {
    margin: 0 auto;
    display: block;
    width: 230px;
    max-width: 230px;
}

.sdaward-info .sdaward-info-text {
    padding-left: 20px;
    font-size: 12px;
}

.sdaward-info .sdaward-info-text p {
    padding-bottom: 12px;
}

/* 投票ボタン */
.sdaward-info-button input[type="image"] {
    max-width: 154px;
    width: 100%;
    height: auto;
}

.sdaward-info-button :hover[type="image"] {
    opacity: 0.7
}

@media screen and (max-width: 940px) {
    .sdaward-info {
        margin: 20px 0 20px !important;
    }
}

@media screen and (max-width: 670px) {
    .sdaward-info {
        padding: 0 !important;
        display: block;
    }

    .sdaward-info .sdaward-info-img {
        width: 100%;
        min-width: 100%;
        height: 123px;
    }

    .sdaward-info .sdaward-info-img img {
        margin: 0 auto;
        display: block;
        width: 261px;
        max-width: 261px;
    }

    .sdaward-info .sdaward-info-text {
        padding: 20px;
    }
}

/*------fumi投票受付-------*/
.sdaward-fumi {
    background-color: #D8F9E9;
    background-image: url(../image/reception_ttl.png), url(../image/reception_label.png), url(../image/back2.png);
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: 530px auto, 325px auto, auto;
    background-position: center 30px, center 148px, center top;
    width: 100%;
    padding: 238px 0 0;
    text-align: center;
}

.sdaward-fumi .text-pr {
    padding: 0 0 36px;
    font-size: 16px;
}

.sdaward-fumi .text-vote {
    background-color: #D8F9E9;
    margin-bottom: 30px;
    padding: 35px 0 10px;
    position: relative;
}

.sdaward-fumi .text-vote .text-vote-title {
    border-radius: 200px;
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 4px 18px;
    background-color: #289F9E;
    color: #FFF;
}

.sdaward-fumi .text-vote .text-vote-dealername-wrap {
    font-size: 18px;
}

.sdaward-fumi .text-vote .text-vote-dealername {
    color: #289F9E;
    font-weight: 600;
}

@media screen and (max-width: 670px) {
    .sdaward-fumi {
        background-repeat: no-repeat, no-repeat, repeat;
        background-size: 315px auto, 225px auto, auto 300px;
        background-position: center 20px, center 90px, center top;
        padding: 150px 0 0;
    }

    .sdaward-fumi .text-pr {
        padding: 0 0 24px;
        font-size: 14px;
    }

    .sdaward-fumi .text-pr span {
        font-size: 14px;
    }

    .sdaward-fumi .text-vote {
        padding-top: 30px;
    }

    .sdaward-fumi .text-vote .text-vote-title {
        font-size: 18px;
    }
}

/* -----結果発表----- */
#sdaward2020.co-container {
    background-color: #090933;
    margin: 0 0 -100px;
    padding-bottom: 100px;
}

#sdaward2020 .ttl {
    background: url(../image/backg.jpg) center bottom no-repeat;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 2;
}

#sdaward2020 .ttl img:first-child {
    width: 100%;
    max-width: 761px;
    margin: 40px auto 0;
}

#sdaward2020 .ttl img:last-child {
    width: 42px;
    margin: 0 10px 0 0;
}

#sdaward2020 .ttl .sub-ttl {
    font-size: 30px;
    font-weight: 600;
    position: relative;
    top: 25px;
}

#sdaward2020 .info {
    font-size: 16px;
    color: #fff;
    padding: 35px 0;
    text-align: center;
    line-height: 1.8;
}

#sdaward2020 div.catg {
    background: #090933;
}

#sdaward2020 div.is-fixed {
    position: fixed;
    top: 118px;
    left: 0;
    z-index: 2;
    width: 100%;
}

#sdaward2020 div.is-fixed-logged {
    top: 0;
}

#sdaward2020 div.catg ul {
    display: flex;
    justify-content: center;
    padding: 10px 0;
}

#sdaward2020 div.catg ul li {
    border: solid 1px #E4E3E2;
    color: #E4E3E2;
    font-size: 15px;
    margin: 0 5px;
}

#sdaward2020 div.catg ul li {
    position: relative;
}

#sdaward2020 div.catg ul li::after,
#sdaward2020 div.catg ul li::before {
    display: block;
    content: '';
    position: absolute;
}

#sdaward2020 div.catg ul li::after {
    top: 15px;
    left: 11px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #E4E3E2;
    border-bottom: 1px solid #E4E3E2;
    -webkit-transform: rotate(-45deg);
    transform: rotate(45deg);
    content: "";
}

#sdaward2020 div.catg ul li::before {
    top: 11px;
    left: 15px;
    width: 1px;
    height: 13px;
    background-color: #E4E3E2;
    content: "";
}

#sdaward2020 div.catg ul li a {
    display: block;
    text-decoration: none;
    padding: 8px 10px 8px 30px;
    color: #E4E3E2;
}

#sdaward2020 div.catg ul li a:hover {
    background-color: #19194D;
}

/* カテゴリータイトル */
#sdaward2020 div.catg-ttl {
    position: relative;
    justify-content: center;
    display: flex;
    margin: 60px 0 40px;
}

#sdaward2020 div.catg-ttl::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #E4E3E2;
}

#sdaward2020 div.catg-ttl div {
    border: solid 1px #E4E3E2;
    width: 380px;
    background-color: #090933;
    padding: 10px;
    color: #E4E3E2;
    font-size: 28px;
    text-align: center;
    z-index: 1;
}

/* グランプリ枠 */
#sdaward2020 .award-g {
    max-width: 980px;
    margin: 40px auto;
    background-image: url(../image/icon_l.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 111px 74px;
    padding-top: 70px;
}

#sdaward2020 .award-g.silver {
    background-image: url(../image/icon_l_silver.png);
}

#sdaward2020 .award-j { /* 準グランプリ */
    text-align: center;
}

#sdaward2020 .award-j .award-g { /* 準グランプリ */
    width: 100%;
    max-width: 465px;
    display: inline-block;
    margin: 0 20px 40px;
    vertical-align: top;
    background-size: 75px 50px;
    padding-top: 49px;
}

#sdaward2020 .award-g .g-area {
    background-color: #ECDE5F;
}

#sdaward2020 .silver .g-area { /* シルバー色 */
    background-color: #E4E3E2;
}

#sdaward2020 .award-g .g-area .g-box {
    position: relative;
    z-index: 1;
    text-align: center;
    width: 100%;
    max-width: 380px;
    margin: auto;
}

/* リボン */
#sdaward2020 .award-g .g-area .g-box .ttl-ribbon {
    display: inline-block;
    position: relative;
    height: 45px;
    text-align: center;
    box-sizing: border-box;
    margin: 15px 0 0;
}

#sdaward2020 .award-g .g-area .g-box .ttl-ribbon:before {
    content: '';
    position: absolute;
    width: 10px;
    bottom: -10px;
    left: -35px;
    z-index: -2;
    border: 20px solid #364351;
    border-left-color: transparent;
}

#sdaward2020 .award-g .g-area .g-box .ttl-ribbon:after {
    content: '';
    position: absolute;
    width: 10px;
    bottom: -10px;
    right: -35px;
    z-index: -2;
    border: 20px solid #364351;
    border-right-color: transparent;
}

#sdaward2020 .award-g .g-area .g-box .ttl-ribbon div {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 20px;
    line-height: 45px;
    font-size: 20px;
    font-weight: 600;
    width: 205px;
    color: #FFF;
    background: #090933;
}

#sdaward2020 .award-j .award-g .g-area .g-box .ttl-ribbon div { /* 準グランプリ */
    padding: 0 20px;
    line-height: 38px;
    font-size: 18px;
    width: 160px;
}

#sdaward2020 .award-g .g-area .g-box .ttl-ribbon div:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 10px transparent;
    border-right: solid 15px #1D294E;
}

#sdaward2020 .award-g .g-area .g-box .ttl-ribbon div:after {
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 10px transparent;
    border-left: solid 15px #1D294E;
}

/* 受賞企業 */
#sdaward2020 .award-g .g-area .g-box .dealer {
    font-size: 28px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}

#sdaward2020 .award-g .g-area .g-box .dealer a {
    color: #090933;
}

#sdaward2020 .award-j .award-g .g-area .g-box .dealer { /* 準グランプリ */
    font-size: 22px;
    height: 80px;
}

#sdaward2020 .award-g .g-area .g-box .dealer::after,
#sdaward2020 .award-g .g-area .g-box .dealer::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 71px;
    top: 50%;
}

#sdaward2020 .award-g .g-area .g-box .dealer .dealer-l-name {
    font-size: 16px;
    display: block;
}

#sdaward2020 .award-j .award-g .g-area .g-box .dealer::after,
#sdaward2020 .award-j .award-g .g-area .g-box .dealer::before { /* 準グランプリ */
    width: 20px;
}

#sdaward2020 .award-g .g-area .g-box .dealer::before {
    background: url(../image/laurel_l.png) center center no-repeat;
    background-size: contain;
    left: 0;
}

#sdaward2020 .award-g .g-area .g-box .dealer::after {
    background: url(../image/laurel_r.png) center center no-repeat;
    background-size: contain;
    right: 0;
}

/* 商品・コメント */
#sdaward2020 .award-g .detail {
    display: flex;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

#sdaward2020 .award-g .detail.h-750 {
    height: 750px;
}

#sdaward2020 .award-g .detail.h-700 {
    height: 700px;
}

#sdaward2020 .award-g .detail.h-650 {
    height: 650px;
}

#sdaward2020 .award-g .detail.h-600 {
    height: 600px;
}

#sdaward2020 .award-g .detail.h-550 {
    height: 550px;
}

#sdaward2020 .award-j .award-g .detail { /* 準グランプリ */
    display: inline-block;
}

#sdaward2020 .award-g .detail .product {
    max-width: 535px;
    margin: 30px 0 30px 30px;
    display: flex;
    flex-wrap: wrap;
}

#sdaward2020 .award-j .award-g .detail .product { /* 準グランプリ */
    width: 100%;
    max-width: 428px;
    margin: 30px;
}

#sdaward2020 .award-g .detail .product li a {
    display: flex;
    border: solid 1px #eeeeee;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
}

#sdaward2020 .award-g .detail .product li:nth-child(-n+2) a {
    width: 240px;
    height: 240px;
    margin-right: 25px;
}

#sdaward2020 .award-g .detail .product li:nth-child(-n+2) a img {
    max-height: 238px;
    max-width: 238px;
    height: auto;
    width: auto;
}

#sdaward2020 .award-j .award-g .detail .product li:nth-child(-n+2) a { /* 準グランプリ */
    width: 185px;
    height: 185px;
    margin-right: 25px;
}

#sdaward2020 .award-j .award-g .detail .product li:nth-child(-n+2) a img {
    max-height: 183px;
    max-width: 183px;
    height: auto;
    width: auto;
}

#sdaward2020 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a {
    width: 160px;
    height: 160px;
    margin: 25px 10px 0 0;
}

#sdaward2020 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a img {
    max-height: 158px;
    max-width: 158px;
    height: auto;
    width: auto;
}

#sdaward2020 .award-g .detail .coment {
    max-width: 351px;
    width: 100%;
    margin: 25px 25px 25px 0;
}

#sdaward2020 .award-j .award-g .detail .coment { /* 準グランプリ */
    margin: 25px;
    width: auto;
    text-align: left;
    max-width: 575px;
}

#sdaward2020 .award-g .detail .coment li:nth-child(1) {
    margin: 0 0 10px;
    font-weight: 600;
    color: #090933;
}

#sdaward2020 .award-g .detail .coment li:nth-child(n + 2) {
    background: url(../image/icon_comment.svg) left top / 20px 20px no-repeat;
    padding: 0px 0 20px 25px;
    line-height: 1.5;
}

@-webkit-keyframes blink {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes blink {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#sdaward2020 div.blink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-repeat: repeat-y;
    background-size: auto;
}

#sdaward2020 div.blink01 {
    background-image: url(../image/kirari01.png);
    background-position: calc(50% - 30px) -30px;
    -webkit-animation: blink 1.5s ease-in-out infinite alternate;
    -moz-animation: blink 1.5s ease-in-out infinite alternate;
    animation: blink 1.5s ease-in-out infinite alternate;
}

#sdaward2020 div.blink02 {
    background-image: url(../image/kirari02.png);
    background-position: center 60px;
    -webkit-animation: blink 2.2s ease-in-out infinite alternate;
    -moz-animation: blink 2.2s ease-in-out infinite alternate;
    animation: blink 2.2s ease-in-out infinite alternate;
}

#sdaward2020 div.blink03 {
    background-image: url(../image/kirari03.png);
    background-position: calc(50% - -30px) 50px;
    -webkit-animation: blink 1.8s ease-in-out infinite alternate;
    -moz-animation: blink 1.8s ease-in-out infinite alternate;
    animation: blink 1.8s ease-in-out infinite alternate;
}

@media screen and (max-width: 940px) {
    /* -----結果発表----- */
    #sdaward2020 .info {
        margin: 0 10px;
    }

    #sdaward2020 div.blink,
    #sdaward2020 div.is-fixed {
        position: inherit;
    }

    #sdaward2020 div.catg ul {
        display: block;
        justify-content: inherit;
        padding: 0;
    }

    #sdaward2020 div.catg ul li {
        margin: 10px;
    }

    #sdaward2020 .award-g {
        margin: 40px 10px;
    }

    #sdaward2020 .award-g .g-area .g-box .dealer {
        font-size: 24px;
    }

    #sdaward2020 .award-g .detail {
        display: inline-block;
        width: 100%;
    }

    #sdaward2020 .award-g .detail.h-750,
    #sdaward2020 .award-g .detail.h-650,
    #sdaward2020 .award-g .detail.h-600 {
        height: auto;
    }

    #sdaward2020 .award-g .detail .product {
        margin: 30px auto;
    }

    #sdaward2020 .award-g .detail .coment {
        margin: 25px auto;
        max-width: 575px;
    }
}

@media screen and (max-width: 670px) {
    /* -----結果発表----- */
    #sdaward2020 div.catg-ttl div {
        width: auto;
        font-size: 20px;
    }

    #sdaward2020 .award-g .detail {
        padding: 10px;
        box-sizing: border-box;
    }

    #sdaward2020 .award-g .detail .product {
        margin: auto;
        overflow-y: hidden;
        overflow-x: auto;
        flex-wrap: inherit;
    }

    #sdaward2020 .award-g .detail .product li:nth-child(-n+2) a,
    #sdaward2020 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a,
    #sdaward2020 .award-j .award-g .detail .product li:nth-child(-n+2) a {
        width: 150px;
        height: 150px;
        margin: 0 10px 10px 0;
    }

    #sdaward2020 .award-g .detail .product li:nth-child(-n+2) a img,
    #sdaward2020 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a img,
    #sdaward2020 .award-j .award-g .detail .product li:nth-child(-n+2) a img {
        max-width: 148px;
        max-height: 148px;
        height: auto;
        width: auto;
    }

    /* 準グランプリ */
    #sdaward2020 .award-j {
        margin: 0 10px;
    }

    #sdaward2020 .award-j .award-g {
        margin: 0 0 40px;
    }

    #sdaward2020 .award-j .award-g .detail .product {
        margin: auto;
    }

    #sdaward2020 .award-j .award-g .detail .coment {
        margin: 25px 0;
    }
}

/*------------- SDAward2022 -------------*/
.sdaward2022 {
    margin: 10px 0 0 20px;
}

/* -----結果発表----- */
#sdaward2022.co-container {
    background: linear-gradient(#ffffce, #fffba3);
    margin: 0 0 -100px;
    padding-bottom: 100px;
    position: relative;
    overflow: hidden;
}

#sdaward2022 .ttl {
    background: url(../image/backg.png) center center no-repeat;
    text-align: center;
    color: #333;
    position: relative;
    z-index: 2;
}

#sdaward2022 .ttl img {
    width: 100%;
    max-width: 761px;
    margin: 0 auto;
    padding: 30px 0;
}

#sdaward2022 .bg {
    background: url(../image/confetti.png) center center;
}

#sdaward2022 .info .sub-ttl {
    font-size: 30px;
    font-weight: 600;
}

#sdaward2022 .info .sub-ttl img {
    width: 42px;
    margin: 0 10px 0 0;
}

#sdaward2022 .info {
    font-size: 16px;
    color: #333;
    padding: 30px 0;
    text-align: center;
    line-height: 1.8;
}

#sdaward2022 div.catg {
    background: #ffffce;
}

#sdaward2022 div.is-fixed {
    position: fixed;
    top: 118px;
    left: 0;
    z-index: 2;
    width: 100%;
}

#sdaward2022 div.is-fixed-logged {
    top: 0;
}

#sdaward2022 div.catg ul {
    display: flex;
    justify-content: center;
    padding: 10px 0;
}

#sdaward2022 div.catg ul li {
    border: solid 1px #333;
    color: #333;
    font-size: 15px;
    margin: 0 5px;
}

#sdaward2022 div.catg ul li {
    position: relative;
}

#sdaward2022 div.catg ul li::after,
#sdaward2022 div.catg ul li::before {
    display: block;
    content: '';
    position: absolute;
}

#sdaward2022 div.catg ul li::after {
    top: 15px;
    left: 11px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    -webkit-transform: rotate(-45deg);
    transform: rotate(45deg);
    content: "";
}

#sdaward2022 div.catg ul li::before {
    top: 11px;
    left: 15px;
    width: 1px;
    height: 13px;
    background-color: #333;
    content: "";
}

#sdaward2022 div.catg ul li a {
    display: block;
    text-decoration: none;
    padding: 8px 10px 8px 30px;
    color: #333;
}

#sdaward2022 div.catg ul li a:hover {
    background-color: #fffba3;
}

/* カテゴリータイトル */
#sdaward2022 div.catg-ttl {
    position: relative;
    justify-content: center;
    display: flex;
    margin: 60px 0 40px;
    align-items: center;
}

#sdaward2022 div.catg-ttl::before, #sdaward2022 div.catg-ttl::after {
    content: '';
    flex-grow: 1;
    height: 1px;
    background: #333;
}

#sdaward2022 div.catg-ttl div {
    border: solid 1px #333;
    width: 380px;
    background-color: rgba(0, 0, 0, 0);
    padding: 10px;
    color: #333;
    font-size: 28px;
    text-align: center;
    z-index: 1;
}

/* グランプリ枠 */
#sdaward2022 .award-g {
    max-width: 980px;
    margin: 40px auto;
    background-image: url(../image/icon_l.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 111px 74px;
    padding-top: 70px;
}

#sdaward2022 .award-g.silver {
    background-image: url(../image/icon_l_silver.png);
}

/* 準グランプリ */
#sdaward2022 .award-j {
    text-align: center;
}

#sdaward2022 .award-j .award-g {
    width: 100%;
    max-width: 465px;
    display: inline-block;
    margin: 0 20px 40px;
    vertical-align: top;
    background-size: 75px 50px;
    padding-top: 49px;
}

#sdaward2022 .award-g .g-area {
    background-color: #fff980;
}

#sdaward2022 .silver .g-area {
    background-color: #e6e6e2;
}

#sdaward2022 .award-g .g-area .g-box {
    position: relative;
    z-index: 1;
    text-align: center;
    width: 100%;
    max-width: 380px;
    margin: auto;
}

/* リボン */
#sdaward2022 .award-g .g-area .g-box .ttl-ribbon {
    display: inline-block;
    position: relative;
    height: 45px;
    text-align: center;
    box-sizing: border-box;
    margin: 15px 0 0;
}

#sdaward2022 .award-g .g-area .g-box .ttl-ribbon:before {
    content: '';
    position: absolute;
    width: 10px;
    bottom: -10px;
    left: -35px;
    z-index: -2;
    border: 20px solid #1e7391;
    border-left-color: transparent;
}

#sdaward2022 .award-g .g-area .g-box .ttl-ribbon:after {
    content: '';
    position: absolute;
    width: 10px;
    bottom: -10px;
    right: -35px;
    z-index: -2;
    border: 20px solid #1e7391;
    border-right-color: transparent;
}

#sdaward2022 .award-g .g-area .g-box .ttl-ribbon div {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 20px;
    line-height: 45px;
    font-size: 20px;
    font-weight: 600;
    width: 205px;
    color: #FFF;
    background: #0988b5;
}

#sdaward2022 .award-j .award-g .g-area .g-box .ttl-ribbon div { /* 準グランプリ */
    padding: 0 20px;
    line-height: 38px;
    font-size: 18px;
    width: 160px;
}

#sdaward2022 .award-g .g-area .g-box .ttl-ribbon div:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 10px transparent;
    border-right: solid 15px #06607f;
}

#sdaward2022 .award-g .g-area .g-box .ttl-ribbon div:after {
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 10px transparent;
    border-left: solid 15px #06607f;
}

/* 受賞企業 */
#sdaward2022 .award-g .g-area .g-box .dealer {
    font-size: 28px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}

#sdaward2022 .award-g .g-area .g-box .dealer a {
    color: #333;
}

#sdaward2022 .award-j .award-g .g-area .g-box .dealer { /* 準グランプリ */
    font-size: 22px;
    height: 80px;
}

#sdaward2022 .award-g .g-area .g-box .dealer::after,
#sdaward2022 .award-g .g-area .g-box .dealer::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 71px;
    top: 50%;
}

#sdaward2022 .award-g .g-area .g-box .dealer .dealer-l-name {
    font-size: 16px;
    display: block;
}

#sdaward2022 .award-j .award-g .g-area .g-box .dealer::after,
#sdaward2022 .award-j .award-g .g-area .g-box .dealer::before { /* 準グランプリ */
    width: 20px;
}

#sdaward2022 .award-g .g-area .g-box .dealer::before {
    background: url(../image/laurel_l1.png) center center no-repeat;
    background-size: contain;
    left: 0;
}

#sdaward2022 .award-g .g-area .g-box .dealer::after {
    background: url(../image/laurel_r1.png) center center no-repeat;
    background-size: contain;
    right: 0;
}

/* 商品・コメント */
#sdaward2022 .award-g .detail {
    display: flex;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

#sdaward2022 .award-g .detail.h-880 {
    height: 880px;
}

/* 2022vol2 */
#sdaward2022 .award-g .detail.h-850 {
    height: 850px;
}

#sdaward2022 .award-g .detail.h-800 {
    height: 800px;
}

/* 2022vol2 */
#sdaward2022 .award-g .detail.h-780 {
    height: 780px;
}

#sdaward2022 .award-g .detail.h-750 {
    height: 750px;
}

#sdaward2022 .award-g .detail.h-700 {
    height: 700px;
}

/* 2022vol2 */
#sdaward2022 .award-g .detail.h-620 {
    height: 620px;
}

#sdaward2022 .award-g .detail.h-550 {
    height: 550px;
}

#sdaward2022 .award-j .award-g .detail { /* 準グランプリ */
    display: inline-block;
}

#sdaward2022 .award-g .detail .product {
    max-width: 535px;
    margin: 30px 0 30px 30px;
    display: flex;
    flex-wrap: wrap;
}

#sdaward2022 .award-j .award-g .detail .product { /* 準グランプリ */
    width: 100%;
    max-width: 428px;
    margin: 30px;
}

#sdaward2022 .award-g .detail .product li a {
    display: flex;
    border: solid 1px #eeeeee;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
}

#sdaward2022 .award-g .detail .product li:nth-child(-n+2) a {
    width: 240px;
    height: 240px;
    margin-right: 25px;
}

#sdaward2022 .award-g .detail .product li:nth-child(-n+2) a img {
    max-height: 238px;
    max-width: 238px;
    height: auto;
    width: auto;
}

#sdaward2022 .award-j .award-g .detail .product li:nth-child(-n+2) a { /* 準グランプリ */
    width: 185px;
    height: 185px;
    margin-right: 25px;
}

#sdaward2022 .award-j .award-g .detail .product li:nth-child(-n+2) a img {
    max-height: 183px;
    max-width: 183px;
    height: auto;
    width: auto;
}

#sdaward2022 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a {
    width: 160px;
    height: 160px;
    margin: 25px 10px 0 0;
}

#sdaward2022 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a img {
    max-height: 158px;
    max-width: 158px;
    height: auto;
    width: auto;
}

#sdaward2022 .award-g .detail .coment {
    max-width: 351px;
    width: 100%;
    margin: 25px 25px 25px 0;
}

#sdaward2022 .award-j .award-g .detail .coment { /* 準グランプリ */
    margin: 25px;
    width: auto;
    text-align: left;
    max-width: 575px;
}

#sdaward2022 .award-g .detail .coment .coment_ttl {
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: 600;
    color: #0988B5;
}

#sdaward2022 .award-g .detail .coment p {
    padding: 0;
    font-size: 14px;
    line-height: 1.75;
}

#sdaward2022 .award-g .detail .coment .coment_btn {
    width: 270px;
    margin: 40px auto;
}

#sdaward2022 .award-g .detail .coment .coment_btn a {
    border: 2px solid #0988B5;
    border-radius: 10px;
    background: url(../image/sudeli_megaphone.svg) no-repeat;
    background-size: 35px 20px;
    background-position: left 10px top 10px;
    padding: 10px 10px 10px 50px;
    color: #0988B5;
}

#sdaward2022 .award-g .detail .coment .coment_btn a:hover {
    color: #0988B5;
    background-color: #E5F2F7;
    text-decoration: none;
}

@media screen and (max-width: 940px) {
    .sdaward2022 {
        margin: 10px 0 0 0;
    }

    /* -----結果発表----- */
    #sdaward2022 .info {
        margin: 0 10px;
    }

    #sdaward2022 div.blink, #sdaward2022 div.is-fixed {
        position: inherit;
    }

    #sdaward2022 div.catg ul {
        display: block;
        justify-content: inherit;
        padding: 0;
    }

    #sdaward2022 div.catg ul li {
        margin: 10px;
    }

    #sdaward2022 .award-g {
        margin: 40px 10px;
    }

    #sdaward2022 .award-g .g-area .g-box .dealer {
        font-size: 24px;
    }

    #sdaward2022 .award-g .detail {
        display: inline-block;
        width: 100%;
    }

    #sdaward2022 .award-g .detail.h-880, #sdaward2022 .award-g .detail.h-850, #sdaward2022 .award-g .detail.h-800, #sdaward2022 .award-g .detail.h-780,
    #sdaward2022 .award-g .detail.h-750, #sdaward2022 .award-g .detail.h-700, #sdaward2022 .award-g .detail.h-620, #sdaward2022 .award-g .detail.h-550 {
        height: auto;
    }

    #sdaward2022 .award-g .detail .product {
        margin: 30px auto;
    }

    #sdaward2022 .award-g .detail .coment {
        margin: 25px auto;
        max-width: 575px;
    }
}

@media screen and (max-width: 670px) {
    .sdaward2022 .box {
        width: 280px;
    }

    /* -----結果発表----- */
    #sdaward2022 div.catg-ttl div {
        width: auto;
        font-size: 20px;
    }

    #sdaward2022 .award-g .detail {
        padding: 10px;
        box-sizing: border-box;
    }

    #sdaward2022 .award-g .detail .product {
        margin: auto;
        overflow-y: hidden;
        overflow-x: auto;
        flex-wrap: inherit;
    }

    #sdaward2022 .award-g .detail .product li:nth-child(-n+2) a,
    #sdaward2022 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a,
    #sdaward2022 .award-j .award-g .detail .product li:nth-child(-n+2) a {
        width: 150px;
        height: 150px;
        margin: 0 10px 10px 0;
    }

    #sdaward2022 .award-g .detail .product li:nth-child(-n+2) a img,
    #sdaward2022 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a img,
    #sdaward2022 .award-j .award-g .detail .product li:nth-child(-n+2) a img {
        max-width: 148px;
        max-height: 148px;
        height: auto;
        width: auto;
    }

    /* 準グランプリ */
    #sdaward2022 .award-j {
        margin: 0 10px;
    }

    #sdaward2022 .award-j .award-g {
        margin: 0 0 40px;
    }

    #sdaward2022 .award-j .award-g .detail .product {
        margin: auto;
    }

    #sdaward2022 .award-j .award-g .detail .coment {
        margin: 25px 0;
    }
}

/*------------- SDAward2022vol2 -------------*/
#sdaward2022.vol2 .first-place {
    max-width: 980px;
}

#sdaward2022.vol2 .first-place .g-area .g-box {
    max-width: 390px;
}

#sdaward2022.vol2 .award-g .detail .coment > ul li {
    background: url(../image/icon_comment1.svg) left top / 20px 20px no-repeat;
    padding: 0px 0 14px 25px;
    line-height: 1.5;
}

#sdaward2022.vol2 .first-place .detail .product {
    align-content: flex-start;
    margin: 30px 0 30px 40px;
}

#sdaward2022.vol2 .first-place .detail .coment {
    max-width: 340px;
    margin: 25px 10px 25px 0;
}

#sdaward2022.vol2 .first-place .g-area .g-box .dealer {
    height: 95px;
}

#sdaward2022.vol2 .first-place .g-area .g-box .dealer::after,
#sdaward2022.vol2 .first-place .g-area .g-box .dealer::before {
    height: 70px;
    top: 48%;
}

#sdaward2022.vol2 .award-j .award-g {
    margin: 0 22px 40px;
}

#sdaward2022.vol2 .award-j .award-g .g-area .g-box {
    max-width: 320px;
}

#sdaward2022.vol2 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a {
    margin: 25px 13px 0 0;
}

#sdaward2022.vol2 .award-j .award-g .g-area .g-box .dealer::after,
#sdaward2022.vol2 .award-j .award-g .g-area .g-box .dealer::before {
    height: 70px;
    top: 46%;
}

#sdaward2022.vol2 .award-j .award-g .g-area .g-box .dealer::after,
#sdaward2022.vol2 .award-j .award-g .g-area .g-box .dealer::before {
    width: 24px;
}

#sdaward2022.vol2 .award-j .award-g .g-area .g-box .dealer {
    height: 80px;
}

#sdaward2022.vol2 .award-j .award-g .detail .product {
    margin: 30px auto 10px;
    justify-content: center;
}

#sdaward2022.vol2 .award-j .award-g .detail .product li a {
    margin-right: 20px;
}

#sdaward2022.vol2 .award-j .award-g .detail .product li:nth-child(n+2) a {
    margin-right: 0;
}

#sdaward2022.vol2 .award-j .award-g .detail .coment {
    margin: 0 25px 25px;
}

@media screen and (max-width: 940px) {
    #sdaward2022.vol2 .ttl img {
        width: 95%;
        padding: 15px 0 10px;
    }

    #sdaward2022.vol2 .award-j .award-g {
        margin: 0 auto 40px;
    }

    #sdaward2022.vol2 .award-g .g-area .g-box {
        max-width: 340px;
    }

    #sdaward2022.vol2 .first-place .detail .product {
        margin: 30px auto;
    }

    #sdaward2022.vol2 .first-place .detail .coment {
        max-width: 575px;
        margin: 30px auto 20px;
    }
}

@media screen and (max-width: 670px) {
    #sdaward2022.vol2.co-container {
        padding-bottom: 50px;
    }

    #sdaward2022.vol2 .ttl {
        background: url(../image/backg.png) center center /180% no-repeat;
    }

    #sdaward2022.vol2 .info .sub-ttl {
        font-size: 26px;
    }

    #sdaward2022.vol2 .first-place .g-area {
        padding-bottom: 8px;
    }

    #sdaward2022.vol2 .first-place .g-area .g-box .dealer {
        height: 80px;
    }

    #sdaward2022.vol2 .first-place .g-area .g-box .dealer > div {
        position: absolute;
        bottom: 18px;
    }

    #sdaward2022.vol2 .award-g .g-area .g-box .dealer::after,
    #sdaward2022.vol2 .award-g .g-area .g-box .dealer::before {
        top: 50%;
    }

    #sdaward2022.vol2 .award-g .g-area .g-box .dealer::before {
        left: 8px;
    }

    #sdaward2022.vol2 .award-g .g-area .g-box .dealer::after {
        right: 8px;
    }

    #sdaward2022.vol2 .award-g .g-area .g-box .ttl-ribbon div {
        width: 178px;
        line-height: 40px;
        padding: 0;
    }

    #sdaward2022.vol2 .award-g .g-area .g-box .ttl-ribbon:before,
    #sdaward2022.vol2 .award-g .g-area .g-box .ttl-ribbon:after {
        bottom: -5px;
    }

    #sdaward2022.vol2 .award-g .detail {
        padding: 15px;
    }

    #sdaward2022.vol2 .first-place .detail .product {
        margin: 0;
    }

    #sdaward2022.vol2 .award-g .detail .coment {
        margin: 10px 0 25px 0;
    }

    #sdaward2022.vol2 .award-j .award-g .detail .product {
        margin: 0;
    }

    #sdaward2022.vol2 .award-j .award-g .detail .product li a {
        margin-right: 10px;
    }

    #sdaward2022.vol2 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a {
        margin: 0 10px 0 0;
    }

    #sdaward2022.vol2 .award-g .detail .product li:last-child a {
        margin-right: 0;
    }

    #sdaward2022.vol2 .award-j .award-g .detail .coment {
        margin: 0;
    }

    #sdaward2022.vol2 .co-fclightgray {
        margin: 0 10px;
    }
}

/*------------- SDAward2023 -------------*/
/* -----結果発表----- */
#sdaward2023.co-container {
    margin: 0 0 -100px;
    padding-bottom: 100px;
    position: relative;
    overflow: hidden;
}

#sdaward2023 .ttl {
    background: url(../image/back2.png) center top / auto 540px repeat-x;
    text-align: center;
    color: #333;
}

#sdaward2023 .ttl img {
    width: 100%;
    max-width: 890px;
    margin: 0 auto;
    padding: 40px 0 30px;
}

#sdaward2023 .info {
    font-size: 16px;
    color: #FFF;
    padding: 24px 14px 10px;
    text-align: center;
    line-height: 1.75;
    background-color: #289F9E;
    position: relative;
    border-top: 6px solid #FFF;
    border-bottom: 6px solid #FFF;
}

#sdaward2023 .info .sub-ttl {
    font-size: 30px;
    font-weight: 600;
    color: #0D4F4E;
    position: absolute;
    left: 50%;
    top: -32px;
    transform: translateX(-50%);
    border-radius: 26px;
    background-color: #D8F9E9;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
    width: 200px;
    text-align: center;
    line-height: 1;
    padding: 12px 0 9px;
}

#sdaward2023 .info .sub-ttl img {
    width: 44px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -26px;
}

#sdaward2023 .bg {
    margin: 0 0 -100px;
    padding: 63px 0 100px;
    background: url(../image/back_repeat.png) center top / auto auto repeat;
}

#sdaward2023 div.catg-wrap {
    height: 72px;
}

#sdaward2023 div.is-fixed {
    position: fixed;
    top: 118px;
    left: 0;
    z-index: 2;
    width: 100%;
    background-color: #EFFCF4;
}

#sdaward2023 div.is-fixed-logged {
    top: 0;
}

#sdaward2023 div.catg ul {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    max-width: 980px;
    margin: 0 auto;
}

#sdaward2023 div.catg ul li {
    border: solid 1px #333;
    font-size: 16px;
}

#sdaward2023 div.catg ul li {
    position: relative;
}

#sdaward2023 div.catg ul li::after,
#sdaward2023 div.catg ul li::before {
    display: block;
    content: '';
    position: absolute;
}

#sdaward2023 div.catg ul li::after {
    top: 22px;
    right: 10px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    -webkit-transform: rotate(-45deg);
    transform: rotate(45deg);
}

#sdaward2023 div.catg ul li::before {
    top: 18px;
    right: 14px;
    width: 1px;
    height: 13px;
    background-color: #333;
}

#sdaward2023 div.catg ul li a {
    display: block;
    text-decoration: none;
    padding: 15px 32px 12px 16px;
    color: #0D4F4E;
    background-color: #FFF;
}

#sdaward2023 div.catg ul li a:hover {
    background-color: #D8F9E9;
}

/* カテゴリータイトル */
#sdaward2023 div.catg-ttl {
    position: relative;
    justify-content: center;
    display: flex;
    margin: 60px 0 14px;
    align-items: center;
}

#sdaward2023 div.catg-ttl::before, #sdaward2023 div.catg-ttl::after {
    content: '';
    flex-grow: 1;
    height: 1px;
    background: #0D4F4E;
}

#sdaward2023 div.catg-ttl div {
    border: solid 1px #0D4F4E;
    width: 351px;
    background-color: #FFF;
    padding: 10px;
    color: #0D4F4E;
    font-size: 28px;
    text-align: center;
    z-index: 1;
    box-sizing: border-box;
}

/* グランプリ枠 */
#sdaward2023 .award-g {
    max-width: 980px;
    margin: 0 auto;
    background-image: url(../image/icon_l.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 111px 74px;
    padding-top: 70px;
}

#sdaward2023 .award-g.silver {
    background-image: url(../image/icon_l_silver.png);
}

/* 準グランプリ */
#sdaward2023 .award-j {
    text-align: center;
}

#sdaward2023 .award-j .award-g {
    width: 100%;
    max-width: 465px;
    display: inline-block;
    margin: 40px 20px 40px;
    vertical-align: top;
    background-size: 75px 50px;
    padding-top: 49px;
}

#sdaward2023 .award-g .g-area {
    background-color: #fff980;
}

#sdaward2023 .silver .g-area {
    background-color: #e6e6e2;
}

#sdaward2023 .award-g .g-area .g-box {
    position: relative;
    z-index: 1;
    text-align: center;
    width: 100%;
    max-width: 380px;
    margin: auto;
}

/* リボン */
#sdaward2023 .award-g .g-area .g-box .ttl-ribbon {
    display: inline-block;
    position: relative;
    height: 45px;
    text-align: center;
    box-sizing: border-box;
    margin: 15px 0 0;
}

#sdaward2023 .award-g .g-area .g-box .ttl-ribbon:before {
    content: '';
    position: absolute;
    width: 12px;
    bottom: 2px;
    left: -25px;
    z-index: -2;
    border: 15px solid #128281;
    border-left-color: transparent;
}

#sdaward2023 .award-g .g-area .g-box .ttl-ribbon:after {
    content: '';
    position: absolute;
    width: 12px;
    bottom: 2px;
    right: -25px;
    z-index: -2;
    border: 15px solid #128281;
    border-right-color: transparent;
}

#sdaward2023 .award-g .g-area .g-box .ttl-ribbon div {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 20px;
    line-height: 40px;
    font-size: 20px;
    font-weight: 600;
    width: 205px;
    color: #FFF;
    background: #289F9E;
    box-sizing: border-box;
}

#sdaward2023 .award-j .award-g .g-area .g-box .ttl-ribbon div { /* 準グランプリ */
    padding: 0 20px;
    line-height: 34px;
    font-size: 18px;
    width: 180px;
}

#sdaward2023 .award-g .g-area .g-box .ttl-ribbon div:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 9px transparent;
    border-right: solid 17px #0D4F4E;
}

#sdaward2023 .award-g .g-area .g-box .ttl-ribbon div:after {
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 9px transparent;
    border-left: solid 17px #0D4F4E;
}

/* 受賞企業 */
#sdaward2023 .award-g .g-area .g-box .dealer {
    font-size: 28px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}

#sdaward2023 .award-g .g-area .g-box .dealer a {
    color: #0D4F4E;
}

#sdaward2023 .award-j .award-g .g-area .g-box .dealer { /* 準グランプリ */
    font-size: 22px;
    height: 80px;
}

#sdaward2023 .award-g .g-area .g-box .dealer::after,
#sdaward2023 .award-g .g-area .g-box .dealer::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 71px;
    top: 50%;
}

#sdaward2023 .award-g .g-area .g-box .dealer .dealer-l-name {
    font-size: 16px;
    display: block;
}

#sdaward2023 .award-j .award-g .g-area .g-box .dealer::after,
#sdaward2023 .award-j .award-g .g-area .g-box .dealer::before { /* 準グランプリ */
    width: 20px;
}

#sdaward2023 .award-g .g-area .g-box .dealer::before {
    background: url(../image/laurel_l2.png) center center no-repeat;
    background-size: contain;
    left: 0;
}

#sdaward2023 .award-g .g-area .g-box .dealer::after {
    background: url(../image/laurel_r2.png) center center no-repeat;
    background-size: contain;
    right: 0;
}

/* 商品・コメント */
#sdaward2023 .award-g .detail {
    display: flex;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

#sdaward2023 .award-g .detail.h-520 {
    height: 520px;
}

#sdaward2023 .award-g .detail.h-570 {
    height: 570px;
}

#sdaward2023 .award-g .detail.h-610 {
    height: 610px;
}

#sdaward2023 .award-g .detail.h-650 {
    height: 650px;
}

#sdaward2023 .award-g .detail.h-720 {
    height: 720px;
}

#sdaward2023 .award-j .award-g .detail { /* 準グランプリ */
    display: inline-block;
}

#sdaward2023 .award-g .detail .product {
    max-width: 535px;
    margin: 30px 0 30px 30px;
    display: flex;
    flex-wrap: wrap;
}

#sdaward2023 .award-j .award-g .detail .product { /* 準グランプリ */
    width: 100%;
    max-width: 428px;
    margin: 30px auto 10px;
    justify-content: center;
}

#sdaward2023 .award-g .detail .product li a {
    display: flex;
    border: solid 1px #eeeeee;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
}

#sdaward2023 .award-g .detail .product li:nth-child(-n+2) a {
    width: 240px;
    height: 240px;
    margin-right: 25px;
}

#sdaward2023 .award-g .detail .product li:nth-child(-n+2) a img {
    max-height: 238px;
    max-width: 238px;
    height: auto;
    width: auto;
}

#sdaward2023 .award-j .award-g .detail .product li:nth-child(-n+2) a { /* 準グランプリ */
    width: 185px;
    height: 185px;
    margin-right: 25px;
}

#sdaward2023 .award-j .award-g .detail .product li:nth-child(-n+2) a img {
    max-height: 183px;
    max-width: 183px;
    height: auto;
    width: auto;
}

#sdaward2023 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a {
    width: 160px;
    height: 160px;
    margin: 25px 10px 0 0;
}

#sdaward2023 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a img {
    max-height: 158px;
    max-width: 158px;
    height: auto;
    width: auto;
}

#sdaward2023 .award-g .detail .coment {
    max-width: 351px;
    width: 100%;
    margin: 25px 25px 25px 0;
}

#sdaward2023 .award-j .award-g .detail .coment { /* 準グランプリ */
    margin: 25px;
    width: auto;
    text-align: left;
    max-width: 575px;
}

#sdaward2023 .award-g .detail .coment p {
    padding: 0;
    line-height: 1.75;
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: 600;
    color: #128281;
}

#sdaward2023 .award-g .detail .coment > ul li {
    background: url(../image/icon_comment2.svg) left top / 20px 20px no-repeat;
    padding: 0px 0 14px 25px;
    line-height: 1.5;
}

#sdaward2023 .first-place {
    max-width: 980px;
}

#sdaward2023 .first-place .g-area .g-box {
    max-width: 390px;
}

#sdaward2023 .first-place .g-area .g-box .ttl-ribbon:before {
    width: 16px;
    bottom: -4px;
    left: -26px;
    border: 18px solid #128281;
    border-left-color: transparent;
}

#sdaward2023 .first-place .g-area .g-box .ttl-ribbon:after {
    width: 16px;
    bottom: -4px;
    right: -26px;
    border: 18px solid #128281;
    border-right-color: transparent;
}

#sdaward2023 .first-place .g-area .g-box .ttl-ribbon div:before {
    border-bottom: solid 9px transparent;
    border-right: solid 26px #0D4F4E;
}

#sdaward2023 .first-place .g-area .g-box .ttl-ribbon div:after {
    border-bottom: solid 9px transparent;
    border-left: solid 26px #06607f;
}

#sdaward2023 .first-place .detail .product {
    align-content: flex-start;
    margin: 58px 0 30px 30px;
}

#sdaward2023 .first-place .detail .coment {
    max-width: 340px;
    margin: 58px 10px 25px 0;
}

#sdaward2023 .first-place .g-area .g-box .dealer {
    height: 95px;
}

#sdaward2023 .first-place .g-area .g-box .dealer::after,
#sdaward2023 .first-place .g-area .g-box .dealer::before {
    height: 70px;
    top: 48%;
}

#sdaward2023 .award-j .award-g .g-area .g-box {
    max-width: 320px;
}

#sdaward2023 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a {
    margin: 25px 13px 0 0;
}

#sdaward2023 .award-j .award-g .g-area .g-box .dealer::after,
#sdaward2023 .award-j .award-g .g-area .g-box .dealer::before {
    height: 70px;
    top: 46%;
}

#sdaward2023 .award-j .award-g .g-area .g-box .dealer::after,
#sdaward2023 .award-j .award-g .g-area .g-box .dealer::before {
    width: 24px;
}

#sdaward2023 .award-j .award-g .detail .product li a {
    margin-right: 20px;
}

#sdaward2023 .award-j .award-g .detail .product li:nth-child(n+2) a {
    margin-right: 0;
}

#sdaward2023 .award-j .award-g .detail .coment {
    margin: 0 25px 25px;
}

@media screen and (max-width: 940px) {
    /* -----結果発表----- */
    #sdaward2023 .ttl {
        background-size: auto 100%;
    }

    #sdaward2023 .ttl img {
        padding: 0 0 30px;
        width: 95%;
    }

    #sdaward2023 .bg {
        padding-top: 25px;
    }

    #sdaward2023 div.catg-wrap {
        height: auto;
    }

    #sdaward2023 div.blink, #sdaward2023 div.is-fixed {
        position: inherit;
        background-color: transparent;
    }

    #sdaward2023 div.catg ul {
        display: block;
        justify-content: inherit;
        padding: 0;
    }

    #sdaward2023 div.catg ul li {
        margin: 10px;
    }

    #sdaward2023 .award-g {
        margin: 40px 10px;
    }

    #sdaward2023 .award-g .g-area .g-box .dealer {
        font-size: 24px;
    }

    #sdaward2023 .award-g .detail {
        display: inline-block;
        width: 100%;
    }

    #sdaward2023 .award-g .detail.h-520, #sdaward2023 .award-g .detail.h-570, #sdaward2023 .award-g .detail.h-610, #sdaward2023 .award-g .detail.h-650, #sdaward2023 .award-g .detail.h-720 {
        height: auto;
    }

    #sdaward2023 .award-g .detail .product {
        margin: 30px auto;
    }

    #sdaward2023 .award-g .detail .coment {
        margin: 25px auto;
        max-width: 575px;
    }

    #sdaward2023 .award-j .award-g {
        margin: 0 auto 40px;
    }

    #sdaward2023 .award-g .g-area .g-box {
        max-width: 340px;
    }

    #sdaward2023 .first-place .detail .product {
        margin: 30px auto;
    }

    #sdaward2023 .first-place .detail .coment {
        max-width: 575px;
        margin: 30px auto 20px;
    }
}

@media screen and (max-width: 670px) {
    /* -----結果発表----- */
    #sdaward2023.co-container {
        padding-bottom: 50px;
    }

    #sdaward2023 .info {
        padding: 34px 14px 10px;
        text-align: left;
        font-size: 12px;
        border-top: 4px solid #FFF;
        border-bottom: 4px solid #FFF;
    }

    #sdaward2023 .ttl img {
        padding: 10px 0 25px;
        width: 100%;
    }

    #sdaward2023 .info .sub-ttl {
        font-size: 22px;
        width: 146px;
        top: -22px;
        text-align: center;
    }

    #sdaward2023 div.catg-ttl div {
        width: auto;
        font-size: 20px;
    }

    #sdaward2023 .award-g .detail {
        padding: 10px;
        box-sizing: border-box;
    }

    #sdaward2023 .award-g .detail .product {
        margin: auto;
        overflow-y: hidden;
        overflow-x: auto;
        flex-wrap: inherit;
    }

    #sdaward2023 .award-g .detail .product li:nth-child(-n+2) a,
    #sdaward2023 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a,
    #sdaward2023 .award-j .award-g .detail .product li:nth-child(-n+2) a {
        width: 150px;
        height: 150px;
        margin: 0 10px 10px 0;
    }

    #sdaward2023 .award-g .detail .product li:nth-child(-n+2) a img,
    #sdaward2023 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a img,
    #sdaward2023 .award-j .award-g .detail .product li:nth-child(-n+2) a img {
        max-width: 148px;
        max-height: 148px;
        height: auto;
        width: auto;
    }

    /* 準グランプリ */
    #sdaward2023 .award-j {
        margin: 0 10px;
    }

    #sdaward2023 .award-j .award-g {
        margin: 0 0 40px;
    }

    #sdaward2023 .award-j .award-g .detail .product {
        margin: auto;
    }

    #sdaward2023 .award-j .award-g .detail .coment {
        margin: 25px 0;
    }

    #sdaward2023 .first-place .g-area {
        padding-bottom: 8px;
    }

    #sdaward2023 .first-place .g-area .g-box .dealer {
        height: 80px;
    }

    #sdaward2023 .first-place .g-area .g-box .dealer > div {
        position: absolute;
        bottom: 18px;
    }

    #sdaward2023 .award-g .g-area .g-box .dealer::after,
    #sdaward2023 .award-g .g-area .g-box .dealer::before {
        top: 50%;
    }

    #sdaward2023 .award-g .g-area .g-box .dealer::before {
        left: 8px;
    }

    #sdaward2023 .award-g .g-area .g-box .dealer::after {
        right: 8px;
    }

    #sdaward2023 .award-g .g-area .g-box .ttl-ribbon div {
        width: 178px;
        line-height: 40px;
        padding: 0;
    }

    #sdaward2023 .award-g .g-area .g-box .ttl-ribbon:before,
    #sdaward2023 .award-g .g-area .g-box .ttl-ribbon:after {
        bottom: -5px;
    }

    #sdaward2023 .award-g .detail {
        padding: 15px;
    }

    #sdaward2023 .first-place .detail .product {
        margin: 0;
    }

    #sdaward2023 .award-g .detail .coment {
        margin: 10px 0 25px 0;
    }

    #sdaward2023 .award-j .award-g .detail .product {
        margin: 0;
    }

    #sdaward2023 .award-j .award-g .detail .product li a {
        margin-right: 10px;
    }

    #sdaward2023 .award-g .detail .product {
        max-width: 100%;
    }

    #sdaward2023 .award-g .detail .product li:nth-child(n+3):nth-child(-n+5) a {
        margin: 0 10px 0 0;
    }

    #sdaward2023 .award-g .detail .product li:last-child a {
        margin-right: 0;
    }

    #sdaward2023 .award-j .award-g .detail .coment {
        margin: 0;
    }

    #sdaward2023 .co-fclightgray {
        margin: 0 10px;
    }
}

/*** 取り引き状態のよって出る説明枠 ***/
#dl-info-area .dl-trade-info {
    text-align: center;
    background-color: #ffe0de;
    padding: 10px;
    width: 96%;
    margin: 15px auto;
}

#dl-info-area .dl-trade-info-txt {
    max-width: 70%;
    text-align: left;
    font-size: 13px;
}

#dl-info-area .dl-trade-info-txt:only-child {
    max-width: 100%;
}

#dl-info-area .dl-trade-info-btn {
    padding-left: 15px;
    max-width: 30%;
}

/*** お知らせ ***/
#dl-info-area .dl-dnews-area {
    background-color: #efefef;
    font-size: 13px;
    text-align: left;
    margin-top: -1px;
    padding: 5px;
}

#dl-info-area .dl-dnews-area .dl-dnews-box {
    display: inline-block;
    position: relative;
    padding-left: 15px;
}

#holiday-info.co-tooltip-onclick {
    z-index: 31;
}

#dl-info-area .dl-dnews-area .dl-dnews-box .co-popup-link-02 {
    display: none;
}

#dl-info-area .dl-dnews-area .dl-dnews-box .co-popup-link-02.corona-msg {
    font-weight: bold;
    color: #e63a3a;
}

#dl-info-area .dl-dnews-ttl {
    width: 10%;
    text-align: center;
    padding: 5px 0;
    margin: 1px 8px 0 0;
    font-size: 12px;
    background-color: #ddd;
    float: left;
    position: relative;
}

#dl-info-area .dl-dnews-ttl:after {
    content: "";
    position: absolute;
    top: 0;
    right: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #ddd;
    border-width: 14px 0 14px 8px;
}

/* お知らせツールチップ */
#dl-info-area .dl-dnews-area .dl-dnews-box .cp_tooltip {
    position: relative;
    display: inline-block;
    cursor: default;
    background-image: url(../image/popup-link-01.gif);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 15px;
}

#dl-info-area .dl-dnews-area .dl-dnews-box .cp_tooltip.corona-msg {
    font-weight: bold;
    color: #e63a3a;
}

#dl-info-area .dl-dnews-area .dl-dnews-box .cp_tooltip .cp_tooltiptext {
    position: absolute;
    z-index: 31;
    top: 120%;
    width: 400px;
    text-align: left;
    margin-top: 19px;
    background: #ffffff;
    box-shadow: 1px 1px 3px 0px #bbbbbb;
    -webkit-box-shadow: 1px 1px 3px 0px #bbbbbb;
    -moz-box-shadow: 1px 1px 3px 0px #bbbbbb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-redius: 5px;
    border-top: 1px solid #bbbbbb;
    border-left: 1px solid #bbbbbb;
    border-right: 2px solid #bbbbbb;
    border-bottom: 2px solid #bbbbbb;
    padding: 1em;
    visibility: hidden;
    top: 0;
    left: 0;
    color: #333333;
    text-decoration: none;
    display: block;
    word-break: break-all;
    font-weight: normal;
}

#dl-info-area .dl-dnews-area .dl-dnews-box .cp_tooltip .cp_tooltiptext a {
    outline: none;
    color: #333333;
}

#dl-info-area .dl-dnews-area .dl-dnews-box .cp_tooltip:hover .cp_tooltiptext {
    visibility: visible;
}

/* メルマガ受信促進 */
#dealer_mail_info,
#dealer_mail_info .setting-completed,
#dealer_mail_info .setting-failed {
    display: none;
}

#dealer_mail_info.notice-exists .dl-dnews-area {
    margin-top: 0px;
}

#dealer_mail_info .dl-dnews-box {
    width: calc(90% - 9px);
    margin-top: 0;
}

#dealer_mail_info .show-sample {
    max-width: 100%;
    display: inline-block;
    color: #333333;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 2% 0 15px;
    position: relative;
}

#dealer_mail_info .show-sample::before {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    background: url('../image/co_008g.svg') no-repeat center / contain;
    position: absolute;
    top: calc(50% - 5.5px);
    left: 0;
}

#dealer_mail_info #delivery_date {
    font-weight: 600;
}

#dealer_mail_info .sample {
    height: calc(100% - 110px);
    padding: 0;
}

#dealer_mail_info .sample.receiving {
    height: calc(100% - 45px);
}

#dealer_mail_info .sample-loading span {
    width: 10px;
    height: 10px;
}

#dealer_mail_info .sample-loading span:nth-child(2) {
    left: 20px;
    bottom: -8px;
}

#dealer_mail_info .sample-loading span:nth-child(3) {
    left: 28px;
    bottom: -28px;
}

#dealer_mail_info .sample-loading span:nth-child(4) {
    left: 20px;
    bottom: -48px;
}

#dealer_mail_info .sample-loading span:nth-child(5) {
    left: 0px;
    bottom: -56px;
}

#dealer_mail_info .sample-loading span:nth-child(6) {
    left: -20px;
    bottom: -48px;
}

#dealer_mail_info .sample-loading span:nth-child(7) {
    left: -28px;
    bottom: -28px;
}

#dealer_mail_info .sample-loading span:nth-child(8) {
    left: -20px;
    bottom: -8px;
}

#dealer_mail_info .sample-body.done {
    min-height: calc(100% - 30px);
    padding: 20px 0 1px;
    border-width: 1px 1px 0;
    border-color: #cccccc;
    border-style: solid;
    border-radius: 5px 5px 0 0;
    margin: 30px 40px 0;
}

#dealer_mail_info .loading-and-message {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em;
    margin-bottom: 0;
}

#dealer_mail_info .receive-button-area {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 65px;
    background-color: #eeeeee;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 0;
}

#dealer_mail_info .button-loading {
    padding-bottom: 13px;
}

#dealer_mail_info .setting-completed {
    position: relative;
}

#dealer_mail_info .setting-completed .completed-message {
    width: 115px;
    background-color: #ffffff;
    color: #dc4d4d;
    font-size: 11px;
    padding: 4px 10px;
    border: 1px #dc4d4d solid;
    border-radius: 5px;
    position: absolute;
    z-index: 10005;
    left: calc(50% - 57.5px);
    top: -40px;
    opacity: 0;
    animation: settingMessage 2.5s ease;
}

#dealer_mail_info .setting-completed .completed-message::before,
#dealer_mail_info .setting-completed .completed-message::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 5px 0;
    position: absolute;
    top: 100%;
    left: calc(50% - 6px);
}

#dealer_mail_info .setting-completed .completed-message::before {
    border-color: #dc4d4d transparent transparent;
}

#dealer_mail_info .setting-completed .completed-message::after {
    border-color: #ffffff transparent transparent;
    margin-top: -2px;
}

@keyframes settingMessage {
    0% {
        opacity: 0;
    }
    15% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

#dealer_mail_info .setting-failed {
    font-size: 13px;
}

/* TABLET/SP */
@media screen and (max-width: 940px) {
    #dealer_mail_info:not(.notice-exists) {
        margin-top: 20px;
    }

    #dealer_mail_info:not(.notice-exists) .promotion-wrap {
        padding: 3px 0;
        position: relative;
    }

    #dealer_mail_info .promotion-wrap {
        display: flex;
        background-color: #f6f6f6;
    }

    #dl-info-area .dl-dnews-ttl {
        width: auto;
        text-align: left;
    }

    #dl-info-area #dealer_mail_info .dl-dnews-ttl {
        display: block;
        width: 115px;
        min-width: 115px;
        font-size: 12px;;
        padding: 0 20px;
        margin: 3px 0;
    }

    #dealer_mail_info .dl-dnews-ttl::after {
        border: none;
    }

    #dealer_mail_info .dl-dnews-ttl::before,
    #dealer_mail_info .dl-dnews-ttl::after {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        border-top: 1px solid #333333;
        border-left: 1px solid #333333;
        position: absolute;
        top: 5px;
    }

    #dealer_mail_info .dl-dnews-ttl::before {
        left: 14px;
        transform: rotate(-45deg);
    }

    #dealer_mail_info .dl-dnews-ttl::after {
        right: 17px;
        transform: rotate(135deg);
    }

    #dl-info-area #dealer_mail_info .dl-dnews-area {
        width: calc(100% - 115px);
        padding: 3px 0;
        margin-top: 0;
    }

    #dl-info-area #dealer_mail_info .dl-dnews-box {
        width: 100%;
        padding-left: 0;
    }

    #dealer_mail_info .sample-body.done {
        margin: 15px;
        border: none;
    }

    /* メルマガ受信促進商品詳細用 */
    #jsp-tiles-productdetail-c #dealer_mail_info:not(.notice-exists) {
        margin-top: 0;
        border-top: 1px solid #cccccc;
    }

    #jsp-tiles-productdetail-c #dealer_mail_info:not(.notice-exists) .promotion-wrap {
        margin-top: 0;
    }

    #jsp-tiles-productdetail-c #dealer_mail_info .promotion-wrap {
        background-color: #efefef;
        border-bottom: 1px solid #cccccc;
        padding: 3px 0;
        margin-top: -1px;
    }

    #jsp-tiles-productdetail-c #dl-info-area #dealer_mail_info .dl-dnews-ttl {
        background: transparent;
        margin: 4px 0 3px;
    }

    #jsp-tiles-productdetail-c #dl-info-area #dealer_mail_info .dl-dnews-area {
        border: none;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #dealer_mail_info .sample-body.done {
        margin: 0;
    }
}

/* ギフトショー・休業日 */
.dl-dnews-area-irregular .dl-dnews-box {
    margin-bottom: 10px;
}

.dl-dnews-area-irregular .dl-dnews-box a {
    display: block;
    background-color: #f5f5f5;
    padding: 8px 10px;
    text-align: center;
    border: 1px #999999 solid;
    color: #4d4d4d;
    background-image: none;
    font-size: 13px;
}

.dl-dnews-area-irregular .dl-dnews-box a:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #666666 transparent transparent transparent;
}

.dl-dnews-area-irregular .dl-dnews-box #holiday-info {
    width: 230px;
}

.dl-dnews-area-irregular .dl-dnews-box #holiday-info .co-tooltip-text {
    padding-right: 15px;
}

/*** モーダル内 ***/
[id^='dl-trade-'].co-fullh-mdl-wrap .dl-trade-info-mdl-ttl {
    border-bottom: 1px solid #cccccc;
    font-size: 18px;
    margin: 0 0 10px;
    padding-bottom: 3px;
}

[id^='dl-trade-'].co-fullh-mdl-wrap .dl-info-mdl-txt,
[id^='dl-payship-'].co-fullh-mdl-wrap .dl-info-mdl-txt {
    margin: 8px 0 50px;
}

[id^='dl-trade-'].co-fullh-mdl-wrap #dealing_consideration_box {
    margin-bottom: 15px;
}

[id^='dl-trade-'].co-fullh-mdl-wrap .dl-trade-tbl {
    max-width: 320px;
    width: auto;
}

[id^='dl-trade-'].co-fullh-mdl-wrap .dl-trade-tbl th,
[id^='dl-trade-'].co-fullh-mdl-wrap .dl-trade-tbl td {
    min-width: 120px;
}

[id^='dl-trade-'].co-fullh-mdl-wrap .dl-trade-tbl th {
    padding: 8px;
}

[id^='dl-trade-'].co-fullh-mdl-wrap .not-allow-deal {
    margin-top: -30px;
    border: 1px #dc4d4d solid;
    background-color: #ffeded;
    text-align: center;
    padding: 10px;
    font-size: 14px;
}

/* TAB/SP */
@media screen and (max-width: 940px) {
    #dl-info-area .dl-info-box {
        border: 0;
        box-shadow: none;
        padding: 25px 2% 0;
        display: block;
    }

    #dl-info-area .dl-info-box .dl-name,
    #dl-info-area .dl-info-box .dl-info {
        border: 0;
        text-align: center;
    }

    #dl-info-area .dl-info-box .dl-name {
        display: block;
        max-width: 100%;
        padding-right: 0;
    }

    #dl-info-area .dl-info-box .dl-info {
        width: 100%;
        margin-top: 10px;
        padding: 0 10px;
        justify-content: center;
        flex-direction: column;
    }

    #dl-info-area .dl-info-box #dealerinfo-markbox {
        order: 3;
    }

    #dl-info-area .dl-info-box li a {
        font-size: 13px;
    }

    /* 企業特性マーク */
    #dl-info-area .dl-info-box #dealerinfo-markbox {
        display: block;
        max-width: 100%;
        text-align: center;
        margin-top: 5px;
    }

    [class^="info-mark"] {
        font-size: 10px !important;
    }

    .info-markshipping:after,
    [class^='info-mark']:hover .info-marktxt {
        display: none !important;
    }

    .dealer-mark-smartd {
        display: inline-block;
        margin-left: 3px;
    }

    /* 満足度 */
    #dl-info-area .dl-info .dealer-satisfaction-wrap {
        text-align: center;
    }

    #header-fixd-content .dealer-satisfaction .records img,
    #header-fixd-content .dealer-satisfaction .dealer-satisfaction-score {
        display: none !important;
    }

    #header-fixd-content .co-satisfy-star-box,
    #header-fixd-content .co-satisfy-star-bar,
    #header-fixd-content .co-satisfy-star {
        width: 85px;
        height: 18px;
    }

    #header-fixd-content .co-satisfy-star {
        display: inline-block;
        vertical-align: top;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #header-fixd-content .co-satisfy-star {
        background-image: url('../image/score_star_00.png');
    }

    #dealerlist-dealerbox .info-dealerbox .co-satisfy-star {
        background-image: url('../image/score_star_00_frn.png');
    }

    #header-fixd-content .co-satisfy-star:before {
        display: none;
    }

    /*** 取り引き状態のよって出る説明枠 ***/
    #dl-info-area .dl-trade-info-txt,
    #dl-info-area .dl-trade-info-btn {
        max-width: 100%;
    }

    #dl-info-area .dl-trade-info-btn {
        display: block;
    }

    #dl-info-area .dl-trade-info-btn {
        margin-top: 8px;
    }

    /* お知らせツールチップ */
    #dl-info-area .dl-dnews-area .dl-dnews-box .cp_tooltip {
        display: none;
    }

    #dl-info-area .dl-dnews-area .dl-dnews-box .co-popup-link-02 {
        display: inline-block;
    }

    #dl-info-area .dl-dnews-area .dl-dnews-box .co-popup-link-02.corona-msg {
        font-weight: bold;
        color: #e63a3a;
    }

    #dl-info-area .dl-dnews-area .co-tooltip-cancel {
        box-sizing: content-box;
    }

    #dl-info-area .dl-dnews-area .dl-dnews-box .co-tooltip-onclick {
        width: 400px;
        text-align: left;
        z-index: 31;
    }

    #dl-info-area .dl-dnews-area .dl-dnews-box .co-tooltip-onclick .co-tooltip-text {
        padding-top: 15px;
        word-break: break-all;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #dl-info-area .dl-info-box .dl-name-txt {
        font-size: 17px;
    }

    #dl-info-area .dl-info-box li a {
        font-size: 12px;
    }

    #dl-info-area .dl-info-box li .dl-infobtn-mdl,
    #dl-info-area .dl-info-box li .dl-infobtn-mdl:hover {
        background-image: none;
        padding: 3px 15px 1px;
    }

    #dl-info-area .dl-info-box .dl-info::before {
        height: 7px;
    }

    /* 満足度 */
    #dl-info-area .dl-info .dealer-satisfaction-wrap {
        margin-top: 5px;
        font-size: 11px;
    }

    #dl-info-area .nobnr-page {
        display: none !important;
    }

    /* 企業特性マーク */
    #dl-info-area #dealerinfo-markbox [class^="info-mark"]:first-child {
        margin-left: 0 !important;
    }

    /*** 取り引き状態のよって出る説明枠 ***/
    #dl-info-area .dl-trade-info {
        margin-top: 10px;
    }

    #dl-info-area .dl-trade-info-txt {
        font-size: 12px;
    }

    /*** お知らせ ***/
    #dl-info-area .dl-dnews-area .dl-dnews-box .co-tooltip-onclick,
    .dl-dnews-area-irregular .dl-dnews-box .co-tooltip-onclick {
        width: 90%;
    }
}

/************************* 企業情報ページ *************************/
.dintro-wrap, .dintro-wrap * {
    box-sizing: border-box;
}

.dintro-wrap {
    width: 96%;
    max-width: 960px;
    margin: 20px auto 0;
    display: flex;
    justify-content: center;
}

.dintro-wrap .co-product-refine.pintro-refine {
    margin-right: 20px;
    float: none;
}

.dintro-wrap .co-product-refine.pintro-refine:empty {
    display: none;
}

.dintro-wrap .dintro-txt-wrap {
    word-break: break-all;
    max-width: 740px;
}

.dintro-wrap .dintro-txt-box {
    border: 1px #cccccc solid;
    padding: 30px;
    font-size: 14px;
    line-height: 1.6;
    max-width: 740px;
    margin: 0 auto;
}

.dintro-wrap .dintro-txt-box .dintro-txt-inner {
    margin: 0 5px;
}

.dintro-wrap .dintro-txt-box figure {
    margin: 0 auto 30px;
    text-align: center;
    width: 100%;
    max-width: 600px;
    max-height: 600px;
    min-width: 500px;
    line-height: 0;
}

.dintro-wrap .dintro-txt-box img {
    max-width: 100%;
    max-height: 100%;
}

/* インタビューリンク */
.dintro-wrap .dintro-txt-box .dintro-interview-box {
    margin: 25px 5px 0;
    border: double 3px #ccc;
    font-size: 16px;
    padding: 15px;
    text-align: center;
    font-weight: bold;
}

.dintro-wrap .dintro-txt-box .dintro-interview-box a {
    padding-left: 20px;
}

/* 取引中止ボタン枠 */
.trading-stop-box {
    background-color: #eeeeee !important;
    margin: 20px auto 0;
    padding: 20px;
    width: 96%;
    max-width: 960px;
    box-sizing: border-box;
    text-align: center;
}

/* TAB/SP */
@media screen and (max-width: 940px) {
    .dintro-wrap {
        display: block;
    }

    .dintro-wrap .co-product-refine.pintro-refine,
    .dintro-wrap .dintro-txt-box {
        max-width: 100%;
    }

    .dintro-wrap .dintro-txt-box figure {
        min-width: 0;
    }

    .dintro-wrap .co-product-refine.pintro-refine {
        margin-right: 0;
    }

    .dintro-wrap .co-product-refine.pintro-refine .search-txt-box {
        padding: 0;
    }

    .dintro-wrap .dintro-txt-wrap {
        margin-top: 30px;
    }

    .dintro-wrap .dintro-txt-box .dintro-interview-box {
        margin: 15px 5px 10px;
    }

    .trading-stop-box {
        text-align: left;
    }
}

/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
    .dintro-wrap .dintro-txt-box {
        padding: 20px;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    .dintro-wrap {
        margin-top: 10px;
    }

    .dintro-wrap .co-product-refine.pintro-refine,
    .dintro-wrap .dintro-txt-wrap {
        padding: 0;
    }

    .dintro-wrap .dintro-txt-box {
        padding: 10px;
        font-size: 13px;
    }

    .dintro-wrap .dintro-txt-box figure {
        margin-bottom: 20px;
    }

    .dintro-wrap .dintro-txt-box img {
        max-width: 100%;
    }

    .dintro-wrap .dintro-txt-box .dintro-interview-box {
        font-size: 14px;
    }
}

/*********　ログイン前企業ページの入会促進文言（企業商品一覧・企業詳細・商品詳細） ***********/
#dealer-trial-banner {
    text-align: center;
    background-color: #fff7e1;
    padding: 10px;
    width: 96%;
    margin: 15px auto;
    box-sizing: border-box;
}

#dealer-trial-banner .banner-txt .main {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 3px;
}

#dealer-trial-banner .banner-txt .sub {
    font-size: 14px;
}

/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
    #dealer-trial-banner .banner-txt .main {
        font-size: 14px;
    }

    #dealer-trial-banner .banner-txt .tab-dib {
        display: inline-block;
    }

    #dealer-trial-banner .banner-txt .sub {
        font-size: 13px;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #dealer-trial-banner .banner-txt {
        max-width: 455px;
        margin: 0 auto;
    }

    #dealer-trial-banner .banner-txt .main,
    #dealer-trial-banner .banner-txt .sub {
        font-size: 13px;
    }

    #dealer-trial-banner .banner-txt .sub {
        text-align: left;
    }
}

/*********　エラーページ ***********/
#errorpage .error-img {
    width: 100%;
    max-width: 620px;
    margin: 40px 0 20px;
}

#errorpage .back-to {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    background-color: rgba(68, 92, 118, 1.0);
    border-radius: 20px;
    padding: 5px 20px;
    font-size: 14px;
    margin: 20px 0;
}

#errorpage .back-to:hover {
    background-color: rgba(68, 92, 118, 0.7);
}

/* TAB・SP */
@media screen and (max-width: 940px) {
    #errorpage #header-common {
        min-width: auto;
    }

    #errorpage #header-simple .header-simple-left {
        margin-left: 10px;
    }

    #errorpage .error-img {
        width: 90%;
        margin: 20px 0 10px;
    }

    #errorpage h3 {
        font-size: 98%;
        width: 80%;
        margin: 1em auto;
    }

    #errorpage p {
        font-size: 96%;
        width: 80%;
        margin: auto;

    }
}

/*申請ポップアップ*/
#apply-popup .apply-pop {
    position: fixed;
    z-index: 2;
    background-color: #ffffff;
    bottom: 10px;
    padding: 20px;
    width: 280px;
    right: 15px;
    text-align: center;
    display: none;
    box-shadow: #aaaaaa 0px 0px 5px;
    box-sizing: border-box;
    line-height: 1.4;
}

#apply-popup .apply-pop .apply-pop-close-btn {
    color: #ffffff;
    text-decoration: none;
    position: absolute;
    right: -8px;
    z-index: 2;
    width: 30px;
    background-color: #666666;
    border-radius: 30px;
    padding: 0px;
    top: -12px;
    font-size: 20px;
    font-weight: bold;
}

#apply-popup .apply-pop .txt p {
    font-size: 15px;
    text-align: left;
    margin: 0;
}

#apply-popup .apply-pop .txt p span {
    font-weight: bold;
    font-size: 16px;
}

#apply-popup .apply-pop .txt a {
    display: block;
    padding: 10px;
    background: #dc4d4d;
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    border-radius: 5px;
    margin-top: 10px;
    text-decoration: none;
}

#apply-popup .apply-pop .txt a:hover {
    opacity: 0.8;
}

/*********　利用停止お申込み入力 ***********/
#member-adjourn .fo-rwd-table .row .th-cap {
    width: 25%;
}

#member-adjourn .fo-rwd-table .row .td-txt {
    width: 75%;
}

#member-adjourn .fo-rwd-table .row .td-txt .select-box {
    width: 50%;
    float: left;
}

#member-adjourn .fo-rwd-table .td-txt textarea {
    width: 94%;
}

/* TAB・SP */
@media screen and (max-width: 940px) {
    #member-adjourn .fo-rwd-table .row .th-cap {
        width: auto;
    }

    #member-adjourn .fo-rwd-table .row .td-txt {
        width: auto;
    }

    #member-adjourn .fo-rwd-table .row .td-txt .select-box {
        width: auto;
        float: none;
    }
}

/********************* 沖縄まとめ便 ***********************/
#sdship-okinawa {
    text-align: center;
}

#sdship-okinawa img {
    height: auto;
}

#sdship-okinawa p {
    margin: 0;
}

/*** 共通 ***/
#sdship-okinawa ~ .push {
    margin: 0;
    height: 50px;
}

#sdship-okinawa section,
#sdship-okinawa aside {
    padding: 60px 0 70px;
}

#sdship-okinawa .okinawa-orng {
    font-weight: bold;
    color: #fb5b04;
}

/* フォントサイズ */
#sdship-okinawa {
    font-size: 16px;
}

#sdship-okinawa .okinawa-h2,
#sdship-okinawa .okinawa-compare-box .okinawa-after .cost,
#sdship-okinawa .okinawa-charge .okinawa-boxone > * {
    font-size: 36px;
}

#sdship-okinawa .okinawa-btm .okinawa-h2 {
    font-size: 28px;
}

#sdship-okinawa .okinawa-h3,
#sdship-okinawa .okinawa-compare-box .okinawa-before .cost,
#sdship-okinawa .okinawa-charge .okinawa-boxmore td,
#sdship-okinawa .okinawa-btm .okinawa-btn {
    font-size: 22px;
    font-weight: bold;
}

#sdship-okinawa .okinawa-mv .sd-regist {
    font-size: 16px;
    font-weight: bold;
    margin-top: 30px;
}

#sdship-okinawa .okinawa-start,
#sdship-okinawa .okinawa-btn {
    font-size: 22px;
    font-weight: bold;
}

#sdship-okinawa .okinawa-mv .okinawa-catch,
#sdship-okinawa .okinawa-compare-box dt,
#sdship-okinawa .okinawa-charge .okinawa-boxmore th,
#sdship-okinawa .okinawa-flow dl dt {
    font-size: 20px;
}

#sdship-okinawa .okinawa-charge .okinawa-boxmore span,
#sdship-okinawa .okinawa-flow .okinawa-flow-order,
#sdship-okinawa .okinawa-faq dl dt {
    font-size: 18px;
}

#sdship-okinawa .okinawa-start span {
    font-size: 15px;
}

#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div {
    font-size: 14px;
}

#sdship-okinawa .co-dot-list {
    font-size: 13px;
}

#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div span {
    font-size: 12px;
}

#sdship-okinawa .okinawa-compare-box .okinawa-after-txt,
#sdship-okinawa .okinawa-compare-box ol {
    font-size: 11px;
}

#sdship-okinawa .okinawa-compare-box .cost span {
    font-size: 70%;
}

#sdship-okinawa .okinawa-charge .okinawa-boxone span {
    font-size: 60%;
}

/* 見出し */
#sdship-okinawa [class^='okinawa-h'] {
    max-width: 94%;
}

#sdship-okinawa .okinawa-h2 {
    margin: 15px auto 50px;
    color: #333333;
    border: 0;
    padding: 0;
}

#sdship-okinawa .okinawa-h3 {
    margin: 0 auto 35px;
    font-weight: normal;
}

#sdship-okinawa .okinawa-htxt {
    margin: -45px auto 55px;
}

/* 背景色 */
#sdship-okinawa .okinawa-sand {
    background-color: #f1e9e3;
}

/* 申し込みボタン */
#sdship-okinawa .okinawa-btn {
    display: block;
    width: 14em;
    margin: 10px auto 13px;
    padding: 22px 50px 20px;
    border-radius: 70px;
    border: 1px #fb5b04 solid;
    background-color: #fb5b04;
    color: #ffffff;
    outline: none;
    transition: all 0.1s;
}

#sdship-okinawa .okinawa-btn:hover {
    background-color: #ffffff;
    color: #fb5b04;
    text-decoration: none;
}

#sdship-okinawa .co-dot-list { /* 注意事項 */
    display: inline-block;
    text-align: left;
    line-height: 1.8;
}

#sdship-okinawa .co-dot-list li {
    display: block;
}

#sdship-okinawa .co-dot-list li:before {
    content: '・';
}

/*** メインビジュアル ***/
#sdship-okinawa .okinawa-mv {
    height: 530px;
    position: relative;
    overflow: hidden;
    padding-top: 75px;
    justify-content: center;
    background: url('../image/okinawa_mv_00.png') no-repeat,
    url('../image/okinawa_mv_01.png') no-repeat,
    linear-gradient(#dbd8c3 100%, #dbd8c3 100%) no-repeat,
    linear-gradient(#656465 100%, #656465 100%) no-repeat;
    background-color: #d2eff2;
    background-position: center bottom, center top 35px, left bottom, right bottom;
    background-size: auto auto, auto auto, 30% 36px, 50% 25px;
    box-sizing: border-box;
}

#sdship-okinawa .okinawa-mv:after,
#sdship-okinawa .okinawa-mv:before {
    content: '';
    display: block;
    position: absolute;
    height: 230px;
    bottom: 0;
}

#sdship-okinawa .okinawa-mv:before {
    right: calc(50% + 760px);
    width: 779px;
    background: url('../image/gold.png') left 150px bottom 36px no-repeat,
    url('../image/okinawa_back.png') right bottom 36px repeat-x;
}

#sdship-okinawa .okinawa-mv:after {
    left: calc(50% + 700px);
    width: 800px;
    background: url('../image/tokyo_back.png') left bottom 25px repeat-x;
}

#sdship-okinawa .okinawa-mv .okinawa-logo {
    margin: 8px auto 17px;
}

#sdship-okinawa .okinawa-mv .okinawa-logo .main-logo {
    width: 358px;
}

#sdship-okinawa .okinawa-mv .okinawa-logo img:not(.main-logo) {
    width: 132px;
}

#sdship-okinawa .okinawa-mv .okinawa-logo span {
    background-color: #ffffff;
    padding: 10px 9px;
    line-height: 0;
    margin-left: 21px;
}

/*** お悩み解決 ***/
#sdship-okinawa .okinawa-solution {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#sdship-okinawa .okinawa-solution li {
    border: 1px #fb5b04 solid;
    border-radius: 50%;
    padding-top: 108px;
    width: 183px;
    height: 75px;
    background-size: 64px 59px;
    background-repeat: no-repeat;
    background-position: center top 28px;
}

#sdship-okinawa .okinawa-solution li:nth-child(1) {
    background-image: url('../image/okinawa_solution_00.png');
}

#sdship-okinawa .okinawa-solution li:nth-child(2) {
    background-image: url('../image/okinawa_solution_01.png');
}

#sdship-okinawa .okinawa-solution li:nth-child(3) {
    background-image: url('../image/okinawa_solution_02.png');
}

#sdship-okinawa .okinawa-solution li:not(:first-child) {
    margin-left: 45px;
}

/*** おトク！ ***/
#sdship-okinawa .okinawa-compare .okinawa-h3:before,
#sdship-okinawa .okinawa-compare .okinawa-h3:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 1px;
    background-color: #333333;
}

#sdship-okinawa .okinawa-compare .okinawa-h3:before {
    margin: -5px 20px 0 15px;
}

#sdship-okinawa .okinawa-compare .okinawa-h3:after {
    margin: -5px 20px 0 5px;
}

#sdship-okinawa .okinawa-compare-box {
    max-width: 950px;
    margin: 0 auto;
}

#sdship-okinawa .okinawa-compare-box .okinawa-before,
#sdship-okinawa .okinawa-compare-box .okinawa-after {
    display: inline-block;
    margin: 0 5px;
}

#sdship-okinawa .okinawa-compare-box .okinawa-before img {
    width: 100%;
    height: auto;
    max-width: 357px;
}

#sdship-okinawa .okinawa-compare-box .okinawa-after img {
    width: 100%;
    height: auto;
    max-width: 567px;
}

#sdship-okinawa .okinawa-compare-box .cost {
    display: inline-block;
}

#sdship-okinawa .okinawa-compare-box .okinawa-before .cost {
    padding: 10px 22px 8px;
    margin: 72px auto 0;
    background-color: #e5e5e5;
}

#sdship-okinawa .okinawa-compare-box .okinawa-after .cost {
    padding: 5px 18px;
    margin: 12px auto 0;
    background-color: #ffff00;
}

#sdship-okinawa .okinawa-compare-box .okinawa-compare-txt {
    margin: 30px 30px 0;
    padding: 25px 0 35px;
    border-top: 1px #888888 dashed;
    text-align: justify;
    line-height: 1.8;
}

#sdship-okinawa .okinawa-compare-box .okinawa-after-txt {
    position: absolute;
    left: 23%;
    top: calc(34% - 3.8em - 7px);
    background-color: #ffffff;
    border: 1px #fb5b04 solid;
    padding: 5px 7px;
    width: 9.5em;
    text-align: justify;
    line-height: 1.3;
    letter-spacing: 1px;
}

#sdship-okinawa .okinawa-compare-box .okinawa-after-txt:before,
#sdship-okinawa .okinawa-compare-box .okinawa-after-txt:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
}

#sdship-okinawa .okinawa-compare-box .okinawa-after-txt:before {
    border-color: #fb5b04 transparent transparent #fb5b04;
    border-width: 6px;
    bottom: -12px;
    left: 10px;
}

#sdship-okinawa .okinawa-compare-box .okinawa-after-txt:after {
    border-color: #ffffff transparent transparent #ffffff;
    border-width: 5px;
    bottom: -10px;
    left: 11px;
}

#sdship-okinawa .okinawa-compare-box ol {
    text-align: left;
    display: inline-block;
    margin: 0 32px 20px;
}

/*** ご利用料金 ***/
#sdship-okinawa .okinawa-charge th {
    font-size: 18px;
}

#sdship-okinawa .okinawa-charge .table-wrap {
    display: table;
    margin: 0 auto;
    max-width: 900px;
}

#sdship-okinawa .okinawa-charge .table-left {
    display: table-cell;
    vertical-align: middle;
    max-width: 390px;
}

#sdship-okinawa .okinawa-charge .table-right {
    display: table-cell;
    vertical-align: middle;
    max-width: 480px;
}

#sdship-okinawa .okinawa-charge .plus-icon {
    display: table-cell;
    vertical-align: middle;
    width: 77px;
}

#sdship-okinawa .okinawa-charge table {
    border-collapse: collapse;
}

#sdship-okinawa .okinawa-charge thead th {
    background-color: #f1e9e3;
    border: 1px #333333 solid;
    font-weight: bold;
    padding: 15px;
}

#sdship-okinawa .okinawa-charge td {
    background-color: #ffffff;
    border: 1px #333333 solid;
    padding: 15px;
}

#sdship-okinawa .okinawa-charge .caution {
    margin: 0 auto 70px;
    max-width: 900px;
}

#sdship-okinawa .okinawa-charge ul {
    float: right;
    margin: 15px auto 70px;
    max-width: 465px;
    text-align: left;
}

#sdship-okinawa .okinawa-charge .big-padding {
    padding: 3.18em 0;
}

#sdship-okinawa .okinawa-charge [class^='okinawa-box'] > * {
    border-style: solid;
    border-color: #333333;
}

#sdship-okinawa .okinawa-charge [class^='okinawa-box'] th {
    border-width: 0 1px 1px;
}

#sdship-okinawa .okinawa-charge [class^='okinawa-box'] td {
    border-width: 0 1px 1px 1px;
}

#sdship-okinawa .okinawa-charge .okinawa-boxone > * {
    padding: 10px 15px;
}

#sdship-okinawa .okinawa-charge .okinawa-boxmore > * {
    padding: 15px 15px 10px;
}

/*** 利用の流れ ***/
#sdship-okinawa .okinawa-flow ol {
    max-width: 940px;
    width: 94%;
    margin: 0 auto 20px;
    padding: 0;
}

#sdship-okinawa .okinawa-flow ol li:not(:first-child):before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #333333 transparent;
    border-width: 13px 13px 0;
    margin: 20px auto 17px;
}

#sdship-okinawa .okinawa-flow dl {
    background-color: #ffffff;
    display: flex;
    padding: 20px 0;
}

#sdship-okinawa .okinawa-flow dl > * {
    text-align: justify;
    margin: 0;
}

#sdship-okinawa .okinawa-flow dl dt {
    font-weight: bold;
    align-self: center;
    flex-basis: 361px;
    padding: 0 20px 0 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#sdship-okinawa .okinawa-flow dl dt img {
    vertical-align: middle;
}

#sdship-okinawa .okinawa-flow dl dt > img {
    width: 122px;
}

#sdship-okinawa .okinawa-flow dl dt p > img {
    width: 32px;
    margin-right: 25px;
}

#sdship-okinawa .okinawa-flow dl dd {
    border-left: 1px #888888 dashed;
    min-height: 110px;
    display: flex;
    align-items: center;
    line-height: 1.6;
    flex-basis: calc(100% - 381px);
    padding: 0 35px;
}

#sdship-okinawa .okinawa-flow .long-ttl {
    display: block;
    float: right;
    width: 120px;
}

#sdship-okinawa .okinawa-flow .okinawa-flow-order {
    background-color: #fb5b04;
    padding: 15px 30px;
    line-height: 1.6;
    color: #ffffff;
    font-weight: bold;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

#sdship-okinawa .okinawa-flow .okinawa-flow-order p {
    width: calc(100% - 374px);
}

#sdship-okinawa .okinawa-flow .okinawa-flow-order:before {
    content: '';
    display: block;
    width: 344px;
    height: 98px;
    background: url('../image/okinawa_flow_order_00.png') center center no-repeat;
    background-size: contain;
    margin-right: 30px;
}

#sdship-okinawa .okinawa-flow .okinawa-flow-order:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #fb5b04 transparent;
    border-width: 0 10px 12px;
    position: absolute;
    bottom: 100%;
    left: calc(50% - 10px);
}

/* 配送日程 */
#sdship-okinawa .okinawa-flow .okinawa-h3 {
    margin: 55px auto 5px;
}

#sdship-okinawa .okinawa-clndr {
    max-width: 670px;
    width: calc(94% - 45px);
    margin: 0 auto 20px;
    background-color: #ffffff;
    padding: 40px 30px 35px 15px;
    line-height: 1.3;
}

#sdship-okinawa .okinawa-clndr ul {
    display: flex;
    justify-content: space-between;
    width: 93.8%;
    position: relative;
}

#sdship-okinawa .okinawa-clndr ul li:nth-child(-n+7) {
    width: calc(52.9% / 7);
}

#sdship-okinawa .okinawa-clndr ul li:nth-child(n+8) {
    width: 15.7%;
}

#sdship-okinawa .okinawa-clndr ul .has-bar:after {
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    background-color: #333333;
    margin: 3px auto 0;
}

#sdship-okinawa .okinawa-clndr ul li:nth-child(1):before {
    content: '';
    display: block;
    width: calc(52.9% - 52.9% / 7);
    height: 1px;
    background-color: #333333;
    position: absolute;
    left: calc(52.9% / 14);
    bottom: 0;
}

#sdship-okinawa .okinawa-clndr .okinawa-clndr-img {
    width: 63px;
    height: 44px;
    margin: 10px auto 15px;
}

#sdship-okinawa .okinawa-clndr .okinawa-clndr-img img {
    width: auto;
    height: 100%;
}

#sdship-okinawa .okinawa-clndr .okinawa-clndr-box {
    display: flex;
    justify-content: space-between;
}

#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div span {
    display: block;
}

#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div:nth-child(1) {
    width: 42.5%;
    margin-left: 3.5%;
}

#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div:nth-child(2) {
    width: 22%;
    margin-right: 5%;
}

#sdship-okinawa .okinawa-clndr .okinawa-clndr-box div:nth-child(3) {
    width: 27%;
}

/*** FAQ ***/
#sdship-okinawa .okinawa-faq dl {
    max-width: 765px;
    margin: 0 auto;
    text-align: justify;
}

#sdship-okinawa .okinawa-faq dl > * {
    text-indent: -42px;
    padding-left: 42px;
}

#sdship-okinawa .okinawa-faq dl span,
#sdship-okinawa .okinawa-faq dl a {
    text-indent: 0;
}

#sdship-okinawa .okinawa-faq dl dt {
    font-weight: bold;
}

#sdship-okinawa .okinawa-faq dl dd {
    margin: 20px 0 55px 23px;
}

#sdship-okinawa .okinawa-faq dl dd:last-child {
    margin-bottom: 30px;
}

#sdship-okinawa .okinawa-faq dl > *:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px 18px;
    border-radius: 50%;
}

#sdship-okinawa .okinawa-faq dl dt:before {
    background-image: url('../image/okinawa_faq_q_00.png');
    background-color: #333333;
}

#sdship-okinawa .okinawa-faq dl dd:before {
    background-image: url('../image/okinawa_faq_a_00.png');
    background-color: #fb5b04;
}

/*** 関連記事 ***/
#sdship-okinawa .okinawa-blog {
    border-bottom: 1px solid #dddddd;
}

#sdship-okinawa .okinawa-blog ul {
    display: flex;
    justify-content: center;
    max-width: 750px;
    margin: 0 auto;
}

#sdship-okinawa .okinawa-blog ul li {
    flex-basis: 220px;
    text-align: left;
    padding: 0 40px;
}

#sdship-okinawa .okinawa-blog ul li:first-child {
    padding: 0 0 0 20px;
}

#sdship-okinawa .okinawa-blog ul li:last-child {
    padding: 0 20px 0 0;
}

#sdship-okinawa .okinawa-blog ul li a {
    display: block;
    color: #333333;
    text-decoration: none;
}

#sdship-okinawa .okinawa-blog ul li a:hover {
    opacity: 0.75;
}

#sdship-okinawa .okinawa-blog ul li img {
    max-width: 220px;
}

/*** 下部のお申し込み ***/
#sdship-okinawa .okinawa-btm {
    padding-bottom: 110px;
    /* 指定順：トラック、足閉じた作業員、足開いた作業員、後ろ向き作業員、段ボール */
    background: url('../image/okinawa_btm_00.png') left calc(50% - 310px) top 45%,
    url('../image/okinawa_btm_01.png') left calc(50% - 405px) top 63%,
    url('../image/okinawa_btm_02.png') left calc(50% - 280px) top 80%,
    url('../image/okinawa_btm_04.png') right calc(50% - 395px) top 76%,
    url('../image/okinawa_btm_03.png') right calc(50% - 310px) top 60%;
    background-repeat: no-repeat;
    background-size: 111px auto, 56px auto, 66px auto, 58px auto, 168px auto;
    background-color: #d2eff2;
}

#sdship-okinawa .okinawa-btm .okinawa-h2 {
    margin: 10px auto 25px;
}

#sdship-okinawa .okinawa-btm .okinawa-btn {
    padding: 25px 50px;
}

/*** お申し込み済み ***/
#sdship-okinawa .okinawa-mv.is-okinawa .okinawa-catch {
    font-size: 24px;
    margin-top: 10px;
}

#sdship-okinawa .okinawa-mv.is-okinawa .okinawa-logo {
    margin-top: 12px;
}

#sdship-okinawa .okinawa-mv.is-okinawa .okinawa-logo .main-logo {
    width: 435px;
}

#sdship-okinawa .okinawa-mv.is-okinawa .okinawa-logo img:not(.main-logo) {
    width: 157px;
}

#sdship-okinawa .is-okinawa .okinawa-btn {
    margin-top: 30px;
    border: 1px #aaaaaa solid;
    background-color: #f3f4f8;
    color: #aaaaaa;
    transition: all 0s;
}

#sdship-okinawa .is-okinawa .okinawa-btn:hover {
    background-color: #f3f4f8;
    color: #aaaaaa;
}

#sdship-okinawa .okinawa-btm.is-okinawa {
    background: /* 指定順：足閉じた作業員、足開いた作業員、後ろ向き作業員、段ボール、トラック */ url('../image/okinawa_btm_00.png') left calc(50% - 144px) top 10px,
    url('../image/okinawa_btm_01.png') left calc(50% - 291px) top 110px,
    url('../image/okinawa_btm_02.png') left calc(50% - 76px) top 160px,
    url('../image/okinawa_btm_04.png') right calc(50% - 295px) top 120px,
    url('../image/okinawa_btm_03.png') right calc(50% - 141px) top 12px;
    background-repeat: no-repeat;
    background-size: 151px auto, 77px auto, 91px auto, 80px auto, 246px auto;
    background-color: #ffffff;
    height: 340px;
    padding: 0;
}

/* TABLET/SP */
@media screen and (max-width: 940px) {
    /* フォントサイズ */
    #sdship-okinawa .okinawa-btn,
    #sdship-okinawa .okinawa-btm .okinawa-btn {
        font-size: 20px;
    }

    #sdship-okinawa .okinawa-flow dl dt {
        font-size: 18px;
    }

    #sdship-okinawa .okinawa-clndr .okinawa-clndr-box div {
        font-size: 15px;
    }

    #sdship-okinawa .okinawa-start span {
        font-size: 70%;
    }

    /*** メインビジュアル ***/
    #sdship-okinawa .okinawa-mv .okinawa-logo {
        margin-bottom: 23px;
    }

    /*** おトク！ ***/
    #sdship-okinawa .okinawa-compare-box .okinawa-compare-txt {
        line-height: 1.5;
    }

    #sdship-okinawa .okinawa-compare-box .okinawa-after-txt:before {
        left: 14px;
    }

    #sdship-okinawa .okinawa-compare-box .okinawa-after-txt:after {
        left: 15px;
    }

    #sdship-okinawa .okinawa-compare-box .okinawa-compare-img {
        margin-bottom: -18px;
    }

    #sdship-okinawa .okinawa-compare-box .okinawa-before, #sdship-okinawa .okinawa-compare-box .okinawa-after {
        display: block;
        margin: 15px auto;
    }

    /*** ご利用料金 ***/
    #sdship-okinawa .okinawa-charge .table-wrap {
        display: block;
        margin: 0 auto;
    }

    #sdship-okinawa .okinawa-charge .table-left {
        display: block;
        margin: 0 auto;
        max-width: 480px;
        width: 85%;
    }

    #sdship-okinawa .okinawa-charge .table-right {
        display: block;
        margin: 0 auto;
        width: 85%;
    }

    #sdship-okinawa .okinawa-charge .plus-icon {
        display: block;
        margin: 15px auto;
    }

    #sdship-okinawa .okinawa-charge table {
        width: 100%;
    }

    #sdship-okinawa .okinawa-charge .big-padding {
        padding: 2em 0;
    }

    #sdship-okinawa .okinawa-charge ul {
        float: none;
    }

    /*** 利用の流れ ***/
    #sdship-okinawa .okinawa-flow .okinawa-flow-order:before {
        background-image: url('../image/okinawa_flow_order_01.png');
    }

    /*** FAQ ***/
    #sdship-okinawa .okinawa-faq dl > *:before {
        width: 25px;
        height: 25px;
        background-size: 15px 15px;
        vertical-align: -5px;
    }
}

/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
    /*** 共通 ***/
    #sdship-okinawa ~ .push {
        height: 0;
    }

    #sdship-okinawa section {
        padding: 47px 0 60px;
    }

    /* フォントサイズ */
    #sdship-okinawa .okinawa-h2,
    #sdship-okinawa .okinawa-charge .okinawa-boxone > * {
        font-size: 32px;
    }

    #sdship-okinawa .okinawa-compare-box .okinawa-after .cost {
        font-size: 30px;
    }

    #sdship-okinawa .okinawa-h3,
    #sdship-okinawa .okinawa-compare-box .okinawa-before .cost,
    #sdship-okinawa .okinawa-charge .okinawa-boxmore td,
    #sdship-okinawa .okinawa-btm .okinawa-h2 {
        font-size: 22px;
    }

    #sdship-okinawa .okinawa-start {
        font-size: 20px;
    }

    #sdship-okinawa .okinawa-mv .okinawa-catch,
    #sdship-okinawa .okinawa-compare-box dt {
        font-size: 18px;
    }

    #sdship-okinawa .okinawa-charge .okinawa-boxmore span,
    #sdship-okinawa .okinawa-faq dl dt {
        font-size: 16px;
    }

    #sdship-okinawa .okinawa-clndr .okinawa-clndr-box div span {
        font-size: 13px;
    }

    /* 見出し */
    #sdship-okinawa .okinawa-h2 {
        margin: 20px auto 40px;
    }

    #sdship-okinawa .okinawa-h3 {
        margin-bottom: 30px;
    }

    #sdship-okinawa .okinawa-htxt {
        margin: -33px auto 43px;
    }

    /*** メインビジュアル ***/
    #sdship-okinawa .okinawa-mv {
        height: 436px;
        padding-top: 53px;
    }

    #sdship-okinawa .okinawa-mv .okinawa-logo .main-logo {
        width: 304px;
    }

    #sdship-okinawa .okinawa-mv .okinawa-logo span {
        padding: 7px 4px;
    }

    #sdship-okinawa .okinawa-mv .okinawa-logo img:not(.main-logo) {
        width: 110px;
    }

    #sdship-okinawa .okinawa-btn {
        padding: 18px 65px 15px;
        margin-bottom: 10px;
    }

    #sdship-okinawa .okinawa-mv {
        background-image: url('../image/okinawa_mv_00.png'), url('../image/okinawa_mv_01.png');
        background-position: left 54% bottom, left 65% top 40%;
        background-size: 132% auto, 104% auto;
    }

    /*** お悩み解決 ***/
    #sdship-okinawa .okinawa-solution li {
        padding-top: 90px;
        width: 163px;
        height: 73px;
        background-size: 58px auto;
        background-position: center top 22px;
    }

    #sdship-okinawa .okinawa-solution li:not(:first-child) {
        margin-left: 25px;
    }

    /*** おトク！ ***/
    #sdship-okinawa .okinawa-compare-box {
        margin-bottom: 20px;
    }

    #sdship-okinawa .okinawa-compare-box dl {
        flex-basis: calc(50% - 8px);
    }

    #sdship-okinawa .okinawa-compare-box dt {
        padding: 8px 10px;
    }

    #sdship-okinawa .okinawa-compare-box ol {
        margin: 2px 18px 8px;
    }

    #sdship-okinawa .okinawa-compare-box .okinawa-compare-txt {
        margin: 30px 25px 0;
    }

    #sdship-okinawa .okinawa-compare-box .okinawa-before .cost {
        margin-top: 56px;
    }

    #sdship-okinawa .okinawa-compare-box .okinawa-after-txt {
        left: 19%;
        top: calc(29% - 3.8em - 7px);
        letter-spacing: 0;
        width: 8em;
    }

    /*** ご利用料金 ***/
    #sdship-okinawa .okinawa-charge thead th:first-child {
        width: 37%;
    }

    #sdship-okinawa .okinawa-charge .okinawa-boxmore > * {
        padding: 20px 15px;
    }

    #sdship-okinawa .okinawa-charge ul {
        margin-bottom: 5px;
    }

    /*** 利用の流れ ***/
    #sdship-okinawa .okinawa-flow dl dt {
        padding: 0 20px 0 15px;
    }

    #sdship-okinawa .okinawa-flow dl dd {
        padding: 0 20px;
        flex-basis: calc(50% - 40px);
    }

    #sdship-okinawa .okinawa-flow dl dt > img {
        width: 125px;
    }

    #sdship-okinawa .okinawa-flow ol li:not(:first-child):before {
        margin: 15px auto 12px;
    }

    #sdship-okinawa .okinawa-flow .okinawa-flow-order {
        padding: 15px;
    }

    #sdship-okinawa .okinawa-flow .okinawa-flow-order:before {
        width: 50%;
        height: 17.3vw;
    }

    #sdship-okinawa .okinawa-flow .okinawa-flow-order p {
        width: calc(50% - 30px);
    }

    #sdship-okinawa .okinawa-flow .long-ttl {
        display: block;
        float: right;
    }

    /* 配送日程 */
    #sdship-okinawa .okinawa-clndr {
        padding: 30px 40px 35px 15px;
        width: calc(94% - 55px);
        margin-bottom: 10px;
    }

    #sdship-okinawa .okinawa-clndr ul {
        width: 93%;
    }

    #sdship-okinawa .okinawa-clndr ul li:nth-child(-n+7) {
        width: calc(46% / 7);
    }

    #sdship-okinawa .okinawa-clndr ul li:nth-child(n+8) {
        width: 17%;
    }

    #sdship-okinawa .okinawa-clndr ul li:nth-child(8) {
        margin-left: 3%;
    }

    #sdship-okinawa .okinawa-clndr ul li:nth-child(1):before {
        width: calc(46% - 46% / 7);
        left: calc(46% / 14);
    }

    #sdship-okinawa .okinawa-clndr .okinawa-clndr-box div:nth-child(1) {
        width: 36.7%;
        margin-left: 3.1%;
    }

    #sdship-okinawa .okinawa-clndr .okinawa-clndr-box div:nth-child(2) {
        width: 27%;
        margin-right: 0;
    }

    #sdship-okinawa .okinawa-clndr .okinawa-clndr-box div:nth-child(3) {
        width: 37%;
        margin-right: -3.8%;
    }

    /*** FAQ ***/
    #sdship-okinawa .okinawa-faq dl {
        width: 80%;
    }

    #sdship-okinawa .okinawa-faq dl > * {
        text-indent: -37px;
        padding-left: 37px;
    }

    #sdship-okinawa .okinawa-faq dl > *:before {
        margin-right: 10px;
    }

    #sdship-okinawa .okinawa-faq dl dd {
        margin: 9px 0 39px 17px;
    }

    /*** 関連記事 ***/
    #sdship-okinawa .okinawa-blog ul {
        width: 100%;
    }

    #sdship-okinawa .okinawa-blog ul li:first-child {
        padding: 0 0 0 20px;
    }

    #sdship-okinawa .okinawa-blog ul li:last-child {
        padding: 0 20px 0 0;
    }

    #sdship-okinawa .okinawa-blog ul li img {
        width: 100%;
    }

    /*** 下部のお申し込み ***/
    #sdship-okinawa .okinawa-btm {
        padding-bottom: 40px;
        /* 指定順：トラック、足閉じた作業員、足開いた作業員、後ろ向き作業員、段ボール */
        background: url('../image/okinawa_btm_00.png') left calc(50% - 65px) top 120px,
        url('../image/okinawa_btm_01.png') left calc(50% - 143px) top 165px,
        url('../image/okinawa_btm_02.png') left calc(50% - 40px) top 200px,
        url('../image/okinawa_btm_04.png') right calc(50% - 145px) top 190px,
        url('../image/okinawa_btm_03.png') right calc(50% - 75px) top 120px;
        background-repeat: no-repeat;
        background-size: 92px auto, 46px auto, 56px auto, 48px auto, 139px auto;
        background-color: #d2eff2;
    }

    #sdship-okinawa .okinawa-btm .okinawa-h2 {
        margin-bottom: 225px;
    }

    /*** お申し込み済み ***/
    #sdship-okinawa .okinawa-mv.is-okinawa .okinawa-catch {
        font-size: 21px;
    }

    #sdship-okinawa .okinawa-mv.is-okinawa .okinawa-logo .main-logo {
        width: 340px;
    }

    #sdship-okinawa .okinawa-mv.is-okinawa .okinawa-logo img:not(.main-logo) {
        width: 130px;
    }

    #sdship-okinawa .is-okinawa .okinawa-btn {
        margin-top: 20px;
    }

    #sdship-okinawa .okinawa-btm.is-okinawa {
        background: url('../image/okinawa_btm_00.png') left calc(50% - 124px) top,
        url('../image/okinawa_btm_01.png') left calc(50% - 241px) top 80px,
        url('../image/okinawa_btm_02.png') left calc(50% - 66px) top 135px,
        url('../image/okinawa_btm_04.png') right calc(50% - 255px) top 100px,
        url('../image/okinawa_btm_03.png') right calc(50% - 121px) top 2px;
        background-repeat: no-repeat;
        background-size: 121px auto, 68px auto, 79px auto, 65px auto, 210px auto;
        background-color: #ffffff;
        height: 300px;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    /*** 共通 ***/
    #sdship-okinawa ~ .push {
        height: 0;
    }

    #sdship-okinawa section {
        padding: 25px 0 40px;
    }

    /* フォントサイズ */
    #sdship-okinawa {
        font-size: 15px;
    }

    #sdship-okinawa .okinawa-h2 {
        font-size: 25px;
    }

    #sdship-okinawa .okinawa-charge .okinawa-boxone > * {
        font-size: 21px;
    }

    #sdship-okinawa .okinawa-compare-box .okinawa-after .cost {
        font-size: 26px;
    }

    #sdship-okinawa .okinawa-btm .okinawa-h2 {
        font-size: 20px;
    }

    #sdship-okinawa .okinawa-h3,
    #sdship-okinawa .okinawa-compare-box .okinawa-before .cost {
        font-size: 18px;
    }

    #sdship-okinawa .okinawa-mv .okinawa-catch,
    #sdship-okinawa .okinawa-start,
    #sdship-okinawa .okinawa-compare-box dt {
        font-size: 16px;
    }

    #sdship-okinawa .okinawa-charge thead th,
    #sdship-okinawa .okinawa-clndr .okinawa-clndr-box div span,
    #sdship-okinawa .okinawa-faq dl dt,
    #sdship-okinawa .okinawa-flow .okinawa-flow-order p {
        font-size: 15px;
    }

    #sdship-okinawa .okinawa-charge .okinawa-boxmore th,
    #sdship-okinawa .okinawa-charge .okinawa-boxmore td {
        font-size: 14px;
    }

    #sdship-okinawa .okinawa-charge .okinawa-boxmore span {
        font-size: 11px;
    }

    /* 幅 */
    #sdship-okinawa .okinawa-compare-box,
    #sdship-okinawa .okinawa-charge ul,
    #sdship-okinawa .okinawa-flow ol {
        width: 90%;
    }

    /* 見出し */
    #sdship-okinawa .okinawa-h2 {
        margin: 25px auto 8px;
        line-height: 1.2;
    }

    #sdship-okinawa .okinawa-h3 {
        margin-bottom: 15px;
    }

    #sdship-okinawa .okinawa-htxt {
        margin: 0 auto 30px;
        text-align: left;
        display: inline-block;
    }

    #sdship-okinawa .okinawa-htxt span {
        display: block;
    }

    /*** メインビジュアル ***/
    #sdship-okinawa .okinawa-mv {
        height: 405px;
        padding-top: 45px;
    }

    #sdship-okinawa .okinawa-mv .okinawa-logo {
        margin-top: 5px;
    }

    #sdship-okinawa .okinawa-mv .okinawa-logo .main-logo {
        width: 198px;
    }

    #sdship-okinawa .okinawa-mv .okinawa-logo span {
        padding: 4px 6px;
        margin-left: 10px;
    }

    #sdship-okinawa .okinawa-mv .okinawa-logo img:not(.main-logo) {
        width: 73px;
    }

    #sdship-okinawa .okinawa-btn,
    #sdship-okinawa .okinawa-btm .okinawa-btn {
        font-size: 16px;
        padding: 15px 10px;
        width: 14em;
        margin-bottom: 15px;
    }

    #sdship-okinawa .okinawa-mv {
        background-image: url('../image/okinawa_mv_00.png'), url('../image/okinawa_mv_01.png');
        background-position: left 5% bottom, left 65% top 57%;
        background-size: auto 29.5%, 123% auto;
    }

    /*** お悩み解決 ***/
    #sdship-okinawa .okinawa-solution {
        margin-top: 25px;
    }

    #sdship-okinawa .okinawa-solution li {
        padding-top: 67px;
        width: 133px;
        height: 66px;
        background-size: 46px auto;
        background-position: center top 15px;
        line-height: 1.2;
    }

    #sdship-okinawa .okinawa-solution li:first-child {
        margin: 0 29%;
    }

    #sdship-okinawa .okinawa-solution li:not(:first-child) {
        margin: -5px 10px 0;
    }

    /*** おトク！ ***/
    #sdship-okinawa .okinawa-compare .okinawa-h3:before,
    #sdship-okinawa .okinawa-compare .okinawa-h3:after {
        width: 15px;
    }

    #sdship-okinawa .okinawa-compare .okinawa-h3:before {
        margin: -5px 5px 0 4px;
    }

    #sdship-okinawa .okinawa-compare .okinawa-h3:after {
        margin: -5px 5px 0 -6px;
    }

    #sdship-okinawa .okinawa-compare-box {
        display: block;
    }

    #sdship-okinawa .okinawa-compare-box dl {
        margin-bottom: 20px;
    }

    #sdship-okinawa .okinawa-compare-box dt {
        padding: 8px 10px 5px;
    }

    #sdship-okinawa .okinawa-compare-box img {
        margin: 20px auto 0;
        display: block;
    }

    #sdship-okinawa .okinawa-compare-box ol {
        margin: 4px 15px 15px;
    }

    #sdship-okinawa .okinawa-compare-box .okinawa-compare-txt {
        margin: 20px 20px 0;
        padding: 25px 3px;
    }

    #sdship-okinawa .okinawa-compare-box .okinawa-before .cost {
        margin: 35px auto 0;
        padding: 3px 10px 5px;
    }

    #sdship-okinawa .okinawa-compare-box .okinawa-after .cost {
        padding-top: 2px;
    }

    #sdship-okinawa .okinawa-compare-box .okinawa-after-txt {
        left: 19%;
        top: calc(29% - 3.8em);
        letter-spacing: 0;
        padding: 4px;
        width: 8em;
    }

    #sdship-okinawa .okinawa-compare-box .okinawa-after-txt:before {
        border-width: 4px;
        bottom: -8px;
    }

    #sdship-okinawa .okinawa-compare-box .okinawa-after-txt:after {
        border-width: 3px;
        bottom: -6px;
    }

    #sdship-okinawa .okinawa-compare-box .okinawa-after img {
        height: auto;
        max-width: 480px;
        width: 100%;
    }

    /*** ご利用料金 ***/
    #sdship-okinawa .okinawa-charge table,
    #sdship-okinawa .okinawa-charge ul {
        margin-bottom: 10px;
    }

    #sdship-okinawa .okinawa-charge thead th:first-child {
        padding: 8px 10px 5px;
    }

    #sdship-okinawa .okinawa-charge .okinawa-boxone > * {
        padding: 30px 15px;
    }

    #sdship-okinawa .okinawa-charge .okinawa-boxmore > * {
        padding: 15px 7px 13px;
    }

    /*** 利用の流れ ***/
    #sdship-okinawa .okinawa-flow ol {
        margin-top: 35px;
    }

    #sdship-okinawa .okinawa-flow dl,
    #sdship-okinawa .okinawa-flow dl dt {
        display: block;
    }

    #sdship-okinawa .okinawa-flow dl {
        position: relative;
        padding: 35px 0;
    }

    #sdship-okinawa .okinawa-flow dl dt {
        text-align: center;
    }

    #sdship-okinawa .okinawa-flow dl dt p > img {
        position: absolute;
        left: 8px;
        top: 8px;
        width: 19px;
    }

    #sdship-okinawa .okinawa-flow dl dt p:before {
        content: '';
        display: block;
        width: 70px;
        height: 1px;
        background-color: #fb5b04;
        position: absolute;
        left: -5px;
        top: 33px;
        transform: rotate(-49deg);
    }

    #sdship-okinawa .okinawa-flow dl dd {
        line-height: 1.4;
        border: 0;
        padding: 0 25px;
        min-height: 0;
    }

    #sdship-okinawa .okinawa-flow dl dt > img {
        width: auto;
        height: 110px;
        margin: auto 5px;
    }

    #sdship-okinawa .okinawa-flow ol li:not(:first-child):before {
        border-width: 9px 9px 0;
        margin: 12px auto 10px;
    }

    #sdship-okinawa .okinawa-flow .okinawa-flow-order {
        display: block;
    }

    #sdship-okinawa .okinawa-flow .okinawa-flow-order {
        padding: 10px 15px;
    }

    #sdship-okinawa .okinawa-flow .okinawa-flow-order:before {
        width: 100%;
        margin: 0;
        height: 31vw;
    }

    #sdship-okinawa .okinawa-flow .okinawa-flow-order:after {
        border-width: 0 8px 9px;
        left: calc(50% - 8px);
    }

    #sdship-okinawa .okinawa-flow .okinawa-flow-order p {
        width: 100%;
        padding: 15px 15px 5px;
        box-sizing: border-box;
    }

    #sdship-okinawa .okinawa-flow .long-ttl {
        display: block;
        float: none;
        margin: 0 auto;
        width: 100%;
    }

    /* 配送日程 */
    #sdship-okinawa .okinawa-flow .okinawa-h3 {
        margin: 35px auto 15px;
    }

    #sdship-okinawa .okinawa-clndr {
        display: flex;
        justify-content: space-between;
        width: calc(90% - 9%);
        padding: 15px 5% 25px 4%;
    }

    #sdship-okinawa .okinawa-clndr ul {
        display: block;
        width: 2em;
    }

    #sdship-okinawa .okinawa-clndr ul li,
    #sdship-okinawa .okinawa-clndr .okinawa-clndr-box div {
        width: 100% !important;
        display: flex;
        align-items: center;
    }

    #sdship-okinawa .okinawa-clndr ul li {
        justify-content: center;
        position: relative;
    }

    #sdship-okinawa .okinawa-clndr ul li:nth-child(-n+7) {
        height: 1.4em;
    }

    #sdship-okinawa .okinawa-clndr ul li:nth-child(n+8) {
        height: 3em;
    }

    #sdship-okinawa .okinawa-clndr ul .has-bar:after {
        position: absolute;
        left: 30px;
        top: calc(50% - 5px);
        width: 12px;
        height: 1px;
    }

    #sdship-okinawa .okinawa-clndr ul li:nth-child(1):after,
    #sdship-okinawa .okinawa-clndr ul li:nth-child(7):after {
        width: 8px;
    }

    #sdship-okinawa .okinawa-clndr ul li:nth-child(1):before {
        height: calc(1.4em * 6);
        top: calc(0.7em - 1px);
        width: 1px;
        left: 37px;
    }

    #sdship-okinawa .okinawa-clndr .okinawa-clndr-box {
        width: calc(100% - 2em - 22px);
        display: block;
    }

    #sdship-okinawa .okinawa-clndr .okinawa-clndr-box div {
        margin: 0 !important;
        justify-content: space-between;
        line-height: 1.5;
    }

    #sdship-okinawa .okinawa-clndr .okinawa-clndr-box .okinawa-clndr-txt {
        text-align: left;
        width: calc(75% - 20px);
    }

    #sdship-okinawa .okinawa-clndr .okinawa-clndr-img {
        width: 25%;
        margin: 0;
        height: auto;
    }

    #sdship-okinawa .okinawa-clndr .okinawa-clndr-img img {
        width: 100%;
        max-width: 70px;
        height: auto;
    }

    #sdship-okinawa .okinawa-clndr .okinawa-clndr-box div:nth-child(1) {
        height: calc(1.4em * 7);
    }

    #sdship-okinawa .okinawa-clndr .okinawa-clndr-box div:nth-child(2) {
        height: 3em;
        margin-bottom: 30px !important;
    }

    #sdship-okinawa .okinawa-clndr .okinawa-clndr-box div span {
        display: inline;
    }

    /*** FAQ ***/
    #sdship-okinawa .okinawa-faq dl {
        width: 91%;
    }

    #sdship-okinawa .okinawa-faq dl > * {
        text-indent: -35px;
        padding-left: 35px;
    }

    #sdship-okinawa .okinawa-faq dl > *:before {
        margin-right: 8px;
    }

    #sdship-okinawa .okinawa-faq dl dd {
        margin: 15px 0 35px;
        line-height: 1.6;
    }

    /*** 関連記事 ***/
    #sdship-okinawa .okinawa-blog ul {
        display: block;
        width: 100%;
    }

    #sdship-okinawa .okinawa-blog ul li {
        width: 100%;
        max-width: 260px;
        box-sizing: border-box;
        padding: 20px;
        margin: 0 auto;
    }

    #sdship-okinawa .okinawa-blog ul li:first-child {
        padding: 20px 20px 0;
    }

    #sdship-okinawa .okinawa-blog ul li:last-child {
        padding: 0 20px 20px;
    }

    #sdship-okinawa .okinawa-blog ul li img {
        width: 100%;
    }

    /*** 下部のお申し込み ***/
    #sdship-okinawa .okinawa-btm {
        padding: 35px 0 45px;
        /* 指定順：足閉じた作業員、足開いた作業員、後ろ向き作業員、段ボール、トラック */
        background: url('../image/okinawa_btm_01.png') left calc(50% - 97px) top 108px,
        url('../image/okinawa_btm_02.png') left calc(50% - 85px) top 174px,
        url('../image/okinawa_btm_04.png') right calc(50% - 75px) top 165px,
        url('../image/okinawa_btm_03.png') right calc(50% + 10px) top 100px,
        url('/img/contents/okinawa/okinawa_btm_05.png') right calc(50% - 75px) top 92px;
        background-repeat: no-repeat;
        background-size: 33px auto, 50px auto, 48px auto, 137px auto, 70px auto;
        background-color: #d2eff2;
    }

    /*** 最下部ボタン周り ***/
    #sdship-okinawa .okinawa-mv .sd-regist {
        font-size: 14px;
        margin-top: 15px;
    }

    #sdship-okinawa .okinawa-btn {
        font-size: 16px;
        padding: 15px 10px;
    }

    #sdship-okinawa .okinawa-btm .okinawa-h2 {
        margin-bottom: 200px;
    }

    /*** お申し込み済み ***/
    #sdship-okinawa .okinawa-mv.is-okinawa .okinawa-catch {
        font-size: 18px;
        margin-top: 15px;
    }

    #sdship-okinawa .okinawa-mv.is-okinawa .okinawa-logo .main-logo {
        width: 200px;
    }

    #sdship-okinawa .okinawa-mv.is-okinawa .okinawa-logo img:not(.main-logo) {
        width: 80px;
    }

    #sdship-okinawa .is-okinawa .okinawa-btn {
        margin-top: -5px;
    }

    #sdship-okinawa .okinawa-btm.is-okinawa {
        background: /* 指定順：足閉じた作業員、足開いた作業員、後ろ向き作業員、段ボール、トラック */ url('../image/okinawa_btm_01.png') left calc(50% - 107px) top 81px,
        url('../image/okinawa_btm_02.png') left calc(50% - 26px) top 156px,
        url('../image/okinawa_btm_04.png') right calc(50% - 100px) top 133px,
        url('../image/okinawa_btm_03.png') right calc(50% - 54px) top,
        url('../image/okinawa_btm_00.png') left calc(50% - 57px) top 3px;
        background-repeat: no-repeat;
        background-size: 70px auto, 73px auto, 73px auto, 160px auto, 100px auto;
        background-color: #ffffff;
        height: 300px;
        padding-top: 10px;
        margin-top: -10px;
    }
}

/*** 沖縄まとめ便：注文画面 ***/
#okinawa-notice,
#okinawa-notice-btm {
    margin: 15px auto;
    border-radius: 5px;
    border: 1px solid #ffc79e;
    display: flex;
    max-width: 770px;
    width: 90%;
    background: #fff6ea;
}

#okinawa-notice-btm {
    margin: 0 0 10px 0;
    width: 100%;
}

#okinawa-notice .okinawa-logo,
#okinawa-notice-btm .okinawa-logo {
    background-color: #ffc79e;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    min-width: 210px;
}

#okinawa-notice .okinawa-logo img,
#okinawa-notice-btm .okinawa-logo img {
    height: 23px;
    width: auto;
    vertical-align: middle;
    margin-right: 3px;
}

#okinawa-notice .okinawa-txt,
#okinawa-notice-btm .okinawa-txt {
    padding: 12px 17px;
    flex-grow: 1;
    text-align: left;
}

#order-payment-shipping #jsp-tiles-shopping-c .delivery-info .selected-address #okinawa-notice-btm .okinawa-txt p {
    font-size: 100%;
    padding: 0;
}

#okinawa-notice .okinawa-txt img,
#okinawa-notice-btm .okinawa-txt img {
    height: 1em;
    width: auto;
}

@media screen and (max-width: 670px) {
    #okinawa-notice,
    #okinawa-notice-btm {
        display: block;
    }

    #okinawa-notice-btm {
        margin-top: 5px;
    }

    #okinawa-notice .co-dib,
    #okinawa-notice-btm .co-dib {
        display: inline !important;
    }

    #okinawa-notice .okinawa-logo,
    #okinawa-notice .okinawa-txt,
    #okinawa-notice-btm.okinawa-logo,
    #okinawa-notice-btm .okinawa-txt {
        padding: 8px 10px;
    }

    #okinawa-notice .okinawa-logo img,
    #okinawa-notice-btm .okinawa-logo img {
        height: 15px;
    }
}

/*** 沖縄まとめ便：一時停止注記-まとめ便ページ ***/
#sdship-okinawa.suspended .okinawa-mv {
    height: 730px;
    background-position: center bottom, center top 275px, left bottom, right bottom;
    padding-top: 35px;
}

#sdship-okinawa.suspended .notice-for-suspended .notice-area {
    width: 90%;
    max-width: 780px;
    background-color: #fff7e1 !important;
    box-sizing: border-box;
    padding: 23px;
    margin: 0 auto 35px;
}

#sdship-okinawa.suspended .notice-for-suspended .notice-title {
    margin-bottom: 15px;
}

#sdship-okinawa.suspended .notice-for-suspended .notice-text {
    text-align: left;
    font-size: 15px;
    line-height: 1.6;
}

#sdship-okinawa.suspended .notice-for-suspended .notice-text p {
    margin-bottom: 5px;
}

/* SP */
@media screen and (max-width: 670px) {
    #sdship-okinawa.suspended .okinawa-mv {
        height: auto;
        padding-top: 20px;
        padding-bottom: 115px;
        background-position: left 5% bottom, left 65% top 57%;
        background-size: auto 14.5%, 123% auto;
    }

    #sdship-okinawa.suspended .notice-for-suspended .notice-area {
        padding: 15px 20px;
    }

    #sdship-okinawa.suspended .notice-for-suspended .notice-title {
        font-size: 14px;
    }

    #sdship-okinawa.suspended .notice-for-suspended .notice-text {
        font-size: 13px;
    }
}

/*** 沖縄まとめ便：一時停止注記-注文画面***/
/* 上部 */
#okinawa-notice-suspended {
    width: 90%;
    max-width: 600px !important;
    padding: 20px;
    margin: 15px auto;
}

#okinawa-notice-suspended .notice-title {
    margin-bottom: 10px;
}

/* SP */
@media screen and (max-width: 670px) {
    #okinawa-notice-suspended {
        padding: 15px;
    }

    #okinawa-notice-suspended .notice-text {
        font-size: 12.5px;
        white-space: nowrap;
    }
}

/* safariだけアイコンずれる対策 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    _::-webkit-full-page-media, _:future, :root #okinawa-notice-suspended .notice-title span {
        background-position: left top;
    }
}

/* 下部 */
#okinawa-notice-suspended-btm {
    width: 100%;
    max-width: none !important;
    padding: 15px;
}

@media screen and (max-width: 670px) {
    #okinawa-notice-suspended-btm .notice-text {
        font-size: 12.5px;
    }
}

@media screen and (max-width: 340px) {
    /* iPhoneSEだけ改行が微妙になるので調整 */
    #okinawa-notice-suspended-btm .se-nowrap {
        display: inline !important;
    }
}

/********************* ログイン後ヘッダ下に期間限定ポイント案内欄を追加 ***********************/
/* 海外版もあり、以下cssを元にunique_exp.cssに追記してあります。 */
/****** 開始-１週間 ******/
/*** TOP ***/
.point-top {
    background-color: #e46203 !important;
    color: #ffffff;
    letter-spacing: 0.04em;
    overflow: hidden;
    position: relative;
    z-index: -1;
}

.point-top p {
    margin-bottom: 0 !important;
}

.point-top .point-wrap {
    display: flex;
    align-items: center;
    max-width: 610px;
    position: relative;
    left: calc(50% - 285px);
}

.point-top .point-wrap .text-01 {
    width: 4.5em;
    font-size: 15px;
    line-height: 1.2;
    background: url('../image/bag_00.png') no-repeat left center;
    background-size: 31px auto;
    padding: 7px 0 5px 42px;
    margin: 0;
}

.point-top .point-wrap .text-02 {
    font-size: 18px;
    margin-bottom: -4px;
    padding-top: 2px;
}

.point-top .point-wrap .text-02 .point-yen {
    font-size: 42px;
    letter-spacing: 0.02em;
    vertical-align: -0.04em;
}

.point-top .point-wrap .text-02 .point-yen .point-tani {
    font-size: 23px;
    vertical-align: 0.1em;
}

.point-top .point-wrap .expire {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #ffffff;
    color: #e46203;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    position: absolute;
    right: 25px;
    top: calc(50% - 50px);
    justify-content: center;
}

.point-top .point-wrap .expire > dt {
    margin: 0;
    font-size: 13px;
}

.point-top .point-wrap .expire > dd {
    margin: 0;
    font-size: 20px;
    display: flex;
    align-content: center;
}

.point-top .point-wrap .expire > dd .point-made {
    font-size: 11px;
    width: 1em;
    line-height: 1;
    margin: 2px 0 0 3px;
}

/* SP */
@media screen and (max-width: 670px) {
    .point-top {
        letter-spacing: 0.02em;
        padding-bottom: 2px;
    }

    .point-top .point-wrap {
        max-width: 320px;
        left: calc(50% - 153px);
    }

    .point-top .point-wrap .text-01 {
        font-size: 11px;
        line-height: 1.2;
        background: none;
        padding: 3px 0 0 0;
    }

    .point-top .point-wrap .text-02 {
        font-size: 12px;
        padding-top: 0;
        display: flex;
        align-items: center;
    }

    .point-top .point-wrap .text-02 .point-yen {
        font-size: 28px;
        letter-spacing: 0.02em;
        margin-top: 3px;
    }

    .point-top .point-wrap .text-02 .point-yen .point-tani {
        font-size: 12px;
        width: 1em;
        line-height: 1.2;
        margin-left: 2px;
        vertical-align: -0.06em;
    }

    .point-top .point-wrap .expire {
        width: 54px;
        height: 54px;
        right: -2px;
        top: calc(50% - 26px);
    }

    .point-top .point-wrap .expire > dt {
        display: none;
    }

    .point-top .point-wrap .expire > dd {
        font-size: 11px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .point-top .point-wrap .expire > dd .point-made {
        width: 3em;
        text-align: center;
        margin: 0;
    }
}

/*** TOP以外 ***/
.point-top.point-other-page .point-wrap {
    max-width: 515px;
    left: calc(50% - 240px);
}

.point-top.point-other-page .point-wrap .text-01 {
    background: none;
    width: 8.4em;
    font-size: 14px;
    padding: 0.7em 0 0 0;
}

.point-top.point-other-page .point-wrap .text-02,
.point-top.point-other-page .point-wrap .text-02 .point-yen .point-tani {
    font-size: 14px;
}

.point-top.point-other-page .point-wrap .text-02 .point-yen {
    font-size: 24px;
}

.point-top.point-other-page .point-wrap .expire {
    width: 116px;
    height: 116px;
    top: calc(50% - 58px);
}

.point-top.point-other-page .point-wrap .expire > dt {
    font-size: 11px;
    width: 2.4em;
    line-height: 1.2;
}

.point-top.point-other-page .point-wrap .text-02 .point-yen .point-tani {
    margin-left: 2px;
}

.point-top.point-other-page .point-wrap .expire > dd,
.point-top.point-other-page .point-wrap .expire > dd .point-made {
    font-size: 14px;
}

.point-top.point-other-page .point-wrap .expire > dd {
    align-items: center;
}

.point-top.point-other-page .point-wrap .expire > dd .point-made {
    width: 2.4em;
    margin: 0;
}

/* SP */
@media screen and (max-width: 670px) {
    .point-top.point-other-page .point-wrap {
        max-width: 320px;
        left: calc(50% - 153px);
    }

    .point-top.point-other-page .point-wrap .text-01 {
        width: 4.5em;
        font-size: 11px;
        background: none;
        padding: 3px 0 0 0;
    }

    .point-top.point-other-page .point-wrap .text-02 {
        font-size: 12px;
    }

    .point-top.point-other-page .point-wrap .text-02 .point-yen {
        font-size: 28px;
    }

    .point-top.point-other-page .point-wrap .text-02 .point-yen .point-tani {
        font-size: 12px;
    }

    .point-top.point-other-page .point-wrap .expire {
        width: 54px;
        height: 54px;
        right: -2px;
        top: calc(50% - 26px);
    }

    .point-top.point-other-page .point-wrap .expire > dd,
    .point-top.point-other-page .point-wrap .expire > dd .point-made {
        font-size: 11px;
    }

    .point-top.point-other-page .point-wrap .expire > dd .point-made {
        width: 3em;
    }
}

/****** 2週間目-終了日 ******/
/*** TOP ***/
.point-top-later {
    background-color: #e46203 !important;
    color: #ffffff;
    letter-spacing: 0.04em;
    overflow: hidden;
    position: relative;
    z-index: -1;
}

.point-top-later p {
    margin-bottom: 0 !important;
}

.point-top-later .point-wrap {
    display: flex;
    align-items: center;
    max-width: 610px;
    position: relative;
    left: calc(50% - 305px);
    padding-left: 125px;
    margin-top: 2px;
    margin-bottom: -4px;
}

.point-top-later .point-wrap .expire {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #ffffff;
    color: #e46203;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    position: absolute;
    left: 0px;
    top: calc(50% - 50px);
    justify-content: center;
}

.point-top-later .point-wrap .expire > dt {
    margin: 0;
    font-size: 13px;
}

.point-top-later .point-wrap .expire > dd {
    margin: 0;
    font-size: 20px;
    display: flex;
    align-content: center;
}

.point-top-later .point-wrap .expire > dd .point-made {
    margin: 2px 0 0 3px;
    font-size: 11px;
    width: 1em;
    line-height: 1;
}

.point-top-later .point-wrap .text-01 {
    width: 4.5em;
    font-size: 15px;
    line-height: 1.2;
}

.point-top-later .point-wrap .point-yen {
    font-size: 42px;
    letter-spacing: 0.02em;
}

.point-top-later .point-wrap .point-yen .point-tani {
    font-size: 23px;
}

.point-top-later .point-wrap .text-02 {
    font-size: 16px;
    line-height: 1.6;
    margin-left: 5px !important;
    margin-top: 15px !important;
}

/* SP */
@media screen and (max-width: 670px) {
    .point-top-later {
        letter-spacing: 0;
        padding: 2px 0 1px;
    }

    .point-top-later .point-wrap {
        max-width: 320px;
        left: calc(50% - 135px);
        padding-left: 30px;
        margin-bottom: -1px;
        margin-top: -1px;
    }

    .point-top-later .point-wrap .expire {
        width: 56px;
        height: 56px;
        left: -36px;
        top: calc(50% - 28px);
    }

    .point-top-later .point-wrap .expire > dt {
        display: none;
    }

    .point-top-later .point-wrap .expire > dd {
        font-size: 11px;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }

    .point-top-later .point-wrap .expire > dd .point-made {
        width: 3em;
        margin: 0;
        text-align: center;
    }

    .point-top-later .point-wrap .text-01 {
        font-size: 11px;
        line-height: 1.2;
    }

    .point-top-later .point-wrap .point-yen {
        font-size: 26px;
        letter-spacing: 0.02em;
        margin-top: 3px;
    }

    .point-top-later .point-wrap .point-yen .point-tani {
        font-size: 12px;
        width: 3em;
        margin-left: 2px;
    }

    .point-top-later .point-wrap .text-02 {
        font-size: 12px;
        width: 9em;
        line-height: 1.2;
        margin-left: 5px !important;
        margin-top: 0 !important;
    }
}

/*** TOP以外 ***/
.point-top-later.point-other-page .point-wrap {
    max-width: 515px;
    left: calc(50% - 270px);
    padding-left: 145px;
    margin-top: -1px;
    margin-bottom: -3px;
}

.point-top-later.point-other-page .point-wrap .expire {
    width: 114px;
    height: 114px;
    top: calc(50% - 58px);
}

.point-top-later.point-other-page .point-wrap .expire > dt {
    font-size: 11px;
    width: 2.4em;
    line-height: 1.2;
}

.point-top-later.point-other-page .point-wrap .expire > dd,
.point-top-later.point-other-page .point-wrap .point-yen .point-tani,
.point-top-later.point-other-page .point-wrap .expire > dd .point-made {
    font-size: 14px;
}

.point-top-later.point-other-page .point-wrap .expire > dd {
    align-items: center;
    margin-left: 3px;
}

.point-top-later.point-other-page .point-wrap .expire > dd .point-made {
    width: 2.4em;
    margin: 0;
}

.point-top-later.point-other-page .point-wrap .text-01 {
    font-size: 11px;
}

.point-top-later.point-other-page .point-wrap .point-yen {
    font-size: 24px;
    padding-top: 3px;
}

.point-top-later.point-other-page .point-wrap .point-yen .point-tani {
    margin-left: 2px;
}

.point-top-later.point-other-page .point-wrap .text-02 {
    font-size: 14px;
    margin-left: 3px !important;
    margin-bottom: -7px !important;
    margin-top: 0 !important;
}

/* SP */
@media screen and (max-width: 670px) {
    .point-top-later.point-other-page {
        padding: 2px 0 1px;
    }

    .point-top-later.point-other-page .point-wrap {
        max-width: 320px;
        left: calc(50% - 142px);
        padding-left: 30px;
        margin-bottom: -1px;
        margin-top: -1px;
    }

    .point-top-later.point-other-page .point-wrap .expire {
        width: 51px;
        height: 51px;
        left: -28px;
        top: calc(50% - 26px);
    }

    .point-top-later.point-other-page .point-wrap .expire > dd {
        font-size: 11px;
        flex-wrap: wrap;
        justify-content: center;
        margin-left: 0;
    }

    .point-top-later.point-other-page .point-wrap .expire > dd .point-made {
        font-size: 11px;
    }

    .point-top-later.point-other-page .point-wrap .text-01 {
        font-size: 11px;
        line-height: 1.2;
    }

    .point-top-later.point-other-page .point-wrap .point-yen {
        font-size: 26px;
        letter-spacing: 0.02em;
        margin-top: 3px;
        padding-top: 0;
    }

    .point-top-later.point-other-page .point-wrap .point-yen .point-tani {
        font-size: 12px;
        width: 3em;
        margin-left: 2px;
    }

    .point-top-later.point-other-page .point-wrap .text-02 {
        font-size: 12px;
        width: 9em;
        margin-left: 5px !important;
        margin-bottom: 0 !important;
    }
}

/* SDexport3周年記念インフォグラフィック
-------------------------------------------------- */
#ex-3rd-anniversary {
    background-color: #f0f0f0;
    line-height: 0;
}

#ex-3rd-anniversary .infograph .ex-3rd-anniversary-box {
    margin: 0 auto;
}

/* 資料請求はこちら */
#ex-3rd-anniversary .ex-3rd-anniversary-button {
    padding: 55px 0 90px;
    background-color: #f6f6f6;
}

#ex-3rd-anniversary .ex-3rd-anniversary-button p {
    margin-bottom: 47px;
    font-size: 20px;
}

#ex-3rd-anniversary .ex-3rd-anniversary-button .link {
    font-size: 19px;
    color: #ffffff;
    border-radius: 28px;
    padding: 15px 45px 15px 30px;
    background: #f29700;
    text-decoration: none;
}

#ex-3rd-anniversary .ex-3rd-anniversary-button .link span {
    margin-left: 20px;
}

#ex-3rd-anniversary .ex-3rd-anniversary-button .link:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    border-top: 2px solid #f6f6f6;
    border-right: 2px solid #f6f6f6;
    vertical-align: middle;
}

#ex-3rd-anniversary .ex-3rd-anniversary-button .link:hover {
    opacity: 0.7;
}

/* SNSボタンまわり */
#ex-3rd-anniversary .ex-3rd-anniversary-share {
    display: flex;
    justify-content: center;
    padding: 15px 0;
    max-width: 1000px;
    margin: 0 auto;
    background-color: #f0f0f0;
}

#ex-3rd-anniversary .ex-3rd-anniversary-share.bottom .ex-3rd-anniversary-facebook-like {
    margin-left: 0;
}

#ex-3rd-anniversary .ex-3rd-anniversary-share > div {
    margin-left: 10px;
}

#ex-3rd-anniversary .ex-3rd-anniversary-share #fb-root {
    display: none;
}

/* 不要なもの非表示 */
#ex-3rd-anniversary + .push {
    height: 0;
    margin-top: -74px;
}

/* TABLET/SP */
@media screen and (max-width: 940px) {
    #ex-3rd-anniversary .infograph .ex-3rd-anniversary-img {
        width: 100%;
    }
}

/* TABLET */
@media screen and (max-width: 940px) and (min-width: 671px) {
    /* 不要なもの非表示 */
    #ex-3rd-anniversary + .push {
        height: 0;
        margin-top: -56px;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    /* 資料請求はこちら */
    #ex-3rd-anniversary .ex-3rd-anniversary-button {
        padding: 35px 0 50px;
    }

    #ex-3rd-anniversary .ex-3rd-anniversary-button p {
        margin-bottom: 42px;
        font-size: 18px;
    }

    #ex-3rd-anniversary .ex-3rd-anniversary-button .link {
        font-size: 16px;
    }
}

/* メッセージ基本レイアウト -------------------------------------------- */
#msgbox[v-cloak] {
    display: none;
}

#msgbox ~ .push, #msgbox .push {
    display: none;
    height: 0;
}

#msgbox ul {
    padding: 0;
    margin: 0;
}

#msgbox *,
#msgbox *::before,
#msgbox *::after,
#msgbox a {
    box-sizing: border-box;
    text-decoration: none;
}

#msgbox .fo-checkbox > label:before {
    box-sizing: content-box;
}

#msgbox {
    height: 100%;
}

#msgbox .co-title1 {
    font-size: 137%;
    font-weight: bold;
    padding-right: 0.3em;
    color: #666666;
    width: 100%;
    padding: 0 2% 3px 2%;
    margin: 20px auto 0;
    border-bottom: 1px solid #cccccc;
}

#msgbox .main-container {
    font-size: 14px;
    display: flex;
    max-width: 1550px;
    height: 100vh;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 99;
}

#msgbox .mailbox-list-container {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 205px;
    margin: 0;
    font-size: 108%;
    height: 100%;
    background: #ffffff;
    text-align: right;
}

#msgbox .mailbox-list-container .make-new {
    margin: 15px 30px 15px 47px;
    text-align: center;
}

#msgbox #mailbox-list li {
    display: inline-block;
    text-align: left;
    padding: 0 10px 0 5px;
    width: 178px;
    margin-bottom: 5px;
    border-radius: 20px 0 0 20px;
    color: #333333;
}

#msgbox #mailbox-list li.hasUnread {
    font-weight: bold;
}

#msgbox #mailbox-list li:after {
    display: none;
}

#msgbox #mailbox-list li:hover,
#msgbox #mailbox-list-sp li.selected-box,
#msgbox #mailbox-list li.selected-box {
    background: #EEEEEE;
}

#msgbox #mailbox-list li div:first-child > a {
    width: 100%;
}

#msgbox #mailbox-list li:first-child div:first-child > a {
    width: inherit;
}

#msgbox #mailbox-list li div:first-child a > span {
    color: #333333;
    display: inline-block;
    width: 100%;
    padding: 9px 15px 9px 20px;
}

#msgbox #mailbox-list li:first-child div:first-child a > span {
    padding-left: 25px;
    padding-right: 20px;
    margin-left: -5px;
    width: inherit;
}

#msgbox #mailbox-list li:first-child > div:first-child {
    float: left;
    width: 108px;
}

#msgbox .update-box {
    padding: 13px 0;
    font-size: 0;
    line-height: 0;
}

#msgbox .update-box a {
    display: inline-block;
}

#msgbox .update-box > a span {
    font-size: 14px;
    line-height: 1.1;
    vertical-align: middle;
}

#msgbox .update-box img {
    margin: -1px 5px 0 0;
    vertical-align: middle;
}

#msgbox .update-box .dvs-loading {
    padding: 5px 5px 5px 1em;
    width: 2em;
    margin-top: -10px;
}

#msgbox #mailbox-list li:not(:first-of-type):not(:last-of-type) div:first-child > a,
#msgbox #mailbox-list-sp li:not(:first-of-type):not(:nth-last-of-type(2)) div:first-child > a {
    padding-left: 1em;
}

#msgbox #mailbox-list li .unread,
#msgbox #mailbox-list-sp li .unread,
#msgbox #mailbox-list li:first-child div span.unread {
    margin-left: 5px;
    color: #ffffff;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    font-size: 13px;
    line-height: 15px;
    padding: 3px 5px 1px;
    background: #333333;
    border-radius: 3px;
}

#msgbox .receive-alart-area {
    padding: 15px;
    border-top: #DADADA 1px solid;
    text-align: left;
    margin: 10px 25px;
    font-size: 13px;
    position: relative;
}

#msgbox .receive-alart-area-sp .status > span:after,
#msgbox .receive-alart-area .status > span:after {
    left: 43px;
}

#msgbox .receive-alart-area-sp .status.notification-off > span:after,
#msgbox .receive-alart-area .status.notification-off > span:after {
    right: 24px;
}

#msgbox .receive-alart-area-sp .status span span {
    vertical-align: 3px;
}

/* ツールチップ */
#msgbox .tool-tip-box {
    display: none;
    top: -113px;
    left: -300px;
    visibility: hidden;
    position: absolute;
    font-size: 12px;
    text-align: left;
    width: 20em;
    z-index: 1000;
}

#msgbox .co-tooltip-onmouse a:hover .tool-tip-box {
    margin-top: 19px;
    background: #ffffff;
    box-shadow: 1px 1px 3px 0px #bbbbbb;
    border-radius: 5px;
    border: 1px solid #bbbbbb;
    padding: 5px 10px;
    visibility: visible;
    top: 0;
    left: 7em;
    color: #333333;
    text-decoration: none;
    display: block;
}

#msgbox .right-container {
    flex-basis: calc(100% - 205px);
    margin: 0;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    position: relative;
    background: #F6F6F6;
    height: 100%;
}

#msgbox .right-container:not(.mail-new):before {
    content: " ";
    display: inline-block;
    box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.3) inset;
    position: absolute;
    z-index: 100;
    width: 5px;
    height: 100%;
    top: 0;
    left: 0;
}

#msgbox #search-box,
#msgbox #search-box-sp {
    width: 100%;
    border-bottom: 1px solid #cccccc;
    background: #E6E6E6;
    display: flex;
    height: 60px;
    align-items: center;
}

#msgbox #search-box > div:first-child {
    flex-grow: 1;
    flex-shrink: 8;
    flex-basis: 15%;
    max-width: 240px;
    position: relative;
    overflow: visible;
    height: 34px;
}

#msgbox #search-box .fo-textbox-long {
    border-radius: 3px;
    padding: 4px 5px 5px 34px;
    margin: 0 12px;
    width: calc(100% - 24px);
    height: 34px;
    border: 1px #AAAAAA solid;
    position: relative;
    z-index: 6;
    font-size: 14px;
}

#msgbox #search-box > div:first-child:before,
#msgbox #search-box > div:first-child:after {
    content: ' ';
    display: block;
    position: absolute;
    z-index: 7;
}

#msgbox #search-box > div:first-child:before {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px #ccc solid;
    left: 22px;
    top: 10px;
}

#msgbox #search-box > div:first-child:after {
    height: 2px;
    width: 8px;
    background: #ccc;
    left: 30px;
    top: 21px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#msgbox #search-box .fo-checkbox {
    flex-shrink: 0;
    margin: 0 0 0 20px !important;
}

#msgbox #textSerchSp {
    position: relative;
    z-index: 6;
}

#msgbox .suggest {
    width: calc(100% - 24px);
    font-size: 83%;
    border: 1px #cccccc solid;
    position: absolute;
    top: 30px;
    left: 12px;
    z-index: 5;
    max-height: 300px;
    background: #ffffff;
    overflow-y: auto;
}

#msgbox.fixed .suggest.non-fix {
    display: none !important;
}

#msgbox #new-mail-to + .suggest {
    width: 250px;
    border: 1px #999999 solid;
    left: 0;
}

#msgbox .suggest li:hover {
    background: #F6F6F6;
}

#msgbox .suggest li:first-child {
    margin-top: 2px;
}

#msgbox .suggest li a {
    padding: 3px 7px;
    display: inline-block;
    color: #333333;
    width: 100%;
    cursor: pointer;
}

#msgbox #search-box .fo-checkbox label {
    line-height: normal;
}

#msgbox #search-box-sp .search-btn-sp {
    border-radius: 3px;
    padding-left: 6px;
    margin: 0 12px;
    width: 38px;
    border: 1px #AAAAAA solid;
    background: #595959;
    background: -moz-linear-gradient(top, #595959 0%, #000000 100%);
    background: -webkit-linear-gradient(top, #595959 0%, #000000 100%);
    background: linear-gradient(to bottom, #595959 0%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#595959', endColorstr='#000000', GradientType=0);
}

#msgbox #search-box-sp .suggest {
    width: 170px;
    top: 34px;
    left: 0;
}

#msgbox [id^='co-calender-input-form'] {
    position: relative;
    width: 130px;
}

#msgbox [id^='co-calender-input-form'] input {
    border: 1px #AAAAAA solid !important;
    font-size: 14px;
    height: 34px !important;
    width: 100%;
    border-radius: 3px;
}

#msgbox [id^='co-calender-input-form'] .ui-datepicker-trigger {
    border-radius: 0 3px 3px 0;
    border: 1px #AAAAAA solid;
    vertical-align: middle;
    margin-left: -31px;
    cursor: pointer;
}

#msgbox [id^='co-calender-input-form'] .hasDatepicker,
#msgbox .co-calender-input-form .hasDatepicker {
    background-color: #ffffff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0px 3px;
    height: 22px;
    border: none;
    border-left: 1px solid #e2e3ea;
    border-right: 1px solid #dbdfe6;
    border-top: 1px solid #abadb3;
    border-bottom: 1px solid #e3e9ef;
}

#msgbox [id^='co-calender-input-form'] .hasDatepicker:-moz-read-only,
#msgbox .co-calender-input-form .hasDatepicker:-moz-read-only {
    background-color: #ffffff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0px 3px;
    height: 22px;
    border-left: 1px solid #e2e3ea;
    border-right: 1px solid #dbdfe6;
    border-top: 1px solid #abadb3;
    border-bottom: 1px solid #e3e9ef;
}

#msgbox [id^='co-calender-input-form'] a,
#msgbox .co-calender-input-form a {
    margin-left: 7px;
}

#msgbox [id^='co-calender-input-form'] .input-clear-date input,
#msgbox .co-calender-input-form .input-clear-date input {
    width: 135px;
}

#msgbox [id^='co-calender-input-form'] .hasDatepicker.fo-disabled-select,
#msgbox .co-calender-input-form .hasDatepicker.fo-disabled-select {
    color: #cccccc;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
}

#msgbox .right-container:not(.mail-new) .right-container-inner {
    display: flex;
    height: calc(100% - 60px);
    background: #F6F6F6;
}

#msgbox #mail-list {
    flex-grow: 0;
    flex-shrink: 4;
    flex-basis: 43%;
    height: 100%;
    max-width: 500px;
    min-width: 345px;
    border-right: 1px solid #cccccc;
    position: relative;
}

#msgbox .sort-box {
    align-items: center;
    background: #F6F6F6;
    max-width: 500px;
    height: 49px;
}

#msgbox .sort-box .fo-checkbox {
    border-right: 1px solid #dadada;
    padding: 15px 17px;
    height: 49px;
    margin-right: 5px;
    float: left;
}

#msgbox .sort-box select {
    border-radius: 3px;
    display: inline-block;
    padding-right: 21px;
    background-color: #ffffff;
    margin: 9px 5px 9px 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#msgbox .sort-box select::-ms-expand {
    display: none;
}

#msgbox .sort-box .co-slct-pldwn {
    margin: 0;
}

#msgbox .sort-box .selected-action {
    float: left;
}

#msgbox .sort-box .selected-action select:disabled {
    background-color: #EEEEEE;
    border-color: #CCCCCC;
    color: #aaaaaa;
    background-image: url('../image/arrow_down_dis.png');
}

#msgbox .sort-box .sort {
    border-radius: 3px;
    padding: 0 5px 0 0;
    float: right;
}

#msgbox .sort-box .fo-checkbox label,
#msgbox #mail-list .fo-checkbox label {
    padding-left: 17px;
    float: left;
    margin: 0;
}

#msgbox .sort-box .fo-checkbox label span,
#msgbox #mail-list .fo-checkbox label span {
    left: 11px;
}

#msgbox .mail-list-container {
    height: calc(100% - 84px);
    overflow-y: scroll;
    overflow-x: hidden;
    border-top: 1px solid #cccccc;
}

#msgbox .mail-list-container li {
    padding: 0 8px;
    border-bottom: 1px solid #cccccc;
    display: flex;
    align-items: center;
    background: #ffffff;
}

#msgbox.sent-mail-box .mail-list-container li {
    padding-left: 15px;
}

#msgbox .mail-list-container li:hover,
#msgbox .mail-list-container li.viewing {
    background: #F6F6F6;
}

#msgbox .mail-list-container li.checking {
    background: #FFF7E1;
}

#msgbox .mail-list-container li:last-child {
    margin-bottom: -1px;
}

#msgbox .mail-list-container li .fo-checkbox {
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 17px 0 9px;
}

#msgbox .status {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 79px;
    min-width: 79px;
    margin-top: 1px;
}

#msgbox .status > span {
    display: inline-block;
    border-radius: 11px;
    font-size: 12px;
    line-height: 22px;
    color: #ffffff;
    position: relative;
    padding: 0 23px 0 10px;
    background: #2489CE;
    height: 22px;
    min-width: 62px;
    text-align: center;
    cursor: pointer;
}

#msgbox .status.processed > span,
#msgbox .status.notification-off > span {
    padding: 0 10px 0 23px;
    background: #AAAAAA;
}

#msgbox .status > span:after {
    content: " ";
    display: inline-block;
    background: #ffffff;
    position: absolute;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    top: 3px;
    left: 50px;
    transition: 0.2s all;
}

#msgbox .status.processed > span:after,
#msgbox .status.notification-off > span:after {
    left: 3px;
    transition: 0.2s all;
}

#msgbox .status.moving span span {
    animation-name: toggleBtn;
    animation-duration: 0.2s;
    animation-timing-function: linear;
}

@keyframes toggleBtn {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#msgbox .updating .update-box .dvs-loading {
    display: inline-block;
}

#msgbox .updating .update-box a > span {
    display: none;
}

#msgbox .updating .status span {
    display: none !important;
}

#msgbox .mail-list-container .mail-info {
    flex-grow: 0;
    flex-shrink: 5;
    flex-basis: 100%;
    padding: 5px 0;
    cursor: pointer;
}

#msgbox .mail-list-container .mail-info .title {
    height: 1.6em;
    margin-bottom: 3px;
    overflow: hidden;
    vertical-align: middle;
    word-break: break-all;
}

#msgbox .mail-list-container .mail-info .title .has-threads {
    padding: 3px 5px 2px;
    background: #DADADA;
    display: inline-block;
    position: relative;
    font-size: 11px;
    line-height: 1;
    vertical-align: top;
    color: #666666;
    font-weight: bold;
    margin-right: 3px;
}

#msgbox .mail-list-container .mail-info .title .has-threads:after {
    content: " ";
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 0;
    border-color: #DADADA transparent transparent transparent;
    top: 100%;
    left: calc(50% - 2px);
}

#msgbox .mail-list-container .mail-info .title img {
    height: 25px;
    width: 23px;
    display: inline-block;
    padding: 0 2px 3px;
    vertical-align: middle;
}

#msgbox .mail-list-container li:not(.read) .mail-info * {
    font-weight: bold;
    color: #333333;
}

#msgbox .mail-list-container .mail-info-inner {
    display: flex;
}

#msgbox .mail-list-container .mail-info-inner .sender,
#msgbox .mail-list-container .mail-info-inner .received-date {
    color: #8F8F8F;
    font-size: 87%;
    height: 1.5em;
    line-height: 1.8em;
    overflow: hidden;
}

#msgbox .mail-list-container .mail-info-inner .sender {
    flex-grow: 2;
    flex-shrink: 2;
    min-width: 0;
}

#msgbox .mail-list-container .mail-info-inner .received-date {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 10em;
    text-align: right;
}

#msgbox .mail-list-container li:not(.read) .mail-info .received-date {
    flex-basis: 10.5em;
}

#msgbox #mail-list .pagenation {
    background: #F6F6F6;
    border-top: #BBBBBB 1px solid;
    font-size: 86%;
    height: 35px;
    line-height: 24px;
    font-weight: bold;
    color: #666666;
    width: 100%;
    z-index: 3;
    display: flex;
    justify-content: flex-end;
    vertical-align: middle;
}

#msgbox #mail-list .pagenation span {
    display: inline-block;
}

#msgbox #mail-list .pagenation .search-results {
    font-weight: normal;
    font-size: 10px;
}

#msgbox #mail-list .pagenation .page :before,
#msgbox #mail-list .pagenation .page :after {
    box-sizing: content-box;
}

#msgbox #mail-list .pagenation .page {
    vertical-align: 1px;
    line-height: 22px;
}

#msgbox #mail-list .pagenation .page a {
    padding: 0 7px;
}

#msgbox #mail-list .co-pager .page a:hover {
    background-color: transparent;
}

#msgbox #message {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 57%;
    margin-top: 49px;
    height: calc(100% - 49px);
    position: relative;
    background: #F6F6F6;
    border-top: 1px solid #CCCCCC;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

#msgbox .mail-box-container-sp {
    display: none;
}

#msgbox #message .mail-detail {
    width: 100%;
    height: 100%;
    line-height: 1.8;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-content: space-between;
}

#msgbox #message .mail-detail .title,
#msgbox #message .mail-detail [class^='selected-mail'] {
    padding: 25px 30px 10px;
    background: #ffffff;
    margin: 0 0 10px;
    word-break: break-all;
    clear: both;
}

#msgbox #message .mail-detail [class^='selected-mail'] {
    padding: 20px 30px;
}

#msgbox #message .mail-detail .title {
    border-bottom: 1px solid #dadada;
    margin-bottom: 0px;
    flex-grow: 0;
    flex-shrink: 0;
}

#msgbox #message .mail-detail .title > span:first-child {
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    width: auto;
    min-width: 130px;
}

#msgbox #message .mail-detail .title > span:first-child .category {
    display: inline-block;
    padding: 2px 4px 0;
    border: #707070 1px solid;
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    vertical-align: middle;
    margin-left: 3px;
    line-height: 1.4;
}

#msgbox #message .mail-detail .title .co-fr {
    text-align: right;
    margin-top: 2px;
    width: 140px;
}

#msgbox #message .mail-detail .title .co-fr > a {
    display: inline-block;
    padding: 2px 4px 2px 18px;
    font-size: 13px;
    background: url("../image/reply.svg") no-repeat left center;
}

#msgbox #message .mail-detail .title .co-fr div {
    display: inline-block;
}

#msgbox #message .mail-detail-body {
    flex-grow: 2;
    flex-shrink: 0;
    overflow-y: auto;
}

#msgbox #message .mail-detail .message-header {
    border-bottom: #DADADA solid 1px;
    padding-bottom: 8px;
    margin-bottom: 12px;
}

#msgbox #message .mail-detail .body > div {
    padding-bottom: 15px;
}

#msgbox #message .mail-detail .sender {
    color: #666666;
    font-weight: bold;
    font-size: 14px;
    float: left;
}

#msgbox #message .mail-detail .received-date {
    font-size: 12px;
    float: right;
}

#msgbox #message .mail-detail #reply-toggle-btn .co-btn span a {
    padding: 9px 26px 9px 22px;
}

#msgbox #message .mail-detail #reply-toggle-btn .co-btn span a:before {
    content: url('../image/reply.svg');
}

/*▼過去のテンプレート用（はみ出さないように）*/
#msgbox #message .mail-detail .body .transaction * {
    word-break: break-all !important;
    max-width: 100% !important;
    width: auto !important;
    font-size: 13px !important;
}

#msgbox #message .mail-detail .body .transaction td,
#msgbox #message .mail-detail .body .transaction th {
    width: auto !important;
}

/*スレッド表示関連*/
#msgbox #message .mail-detail input {
    display: none;
}

#msgbox #message .mail-detail .all-detail-open,
#msgbox #message .mail-detail .mail-body-openTgl {
    color: #0066CC;
    text-align: right;
    display: inline-block;
    margin: 8px 30px;
    position: relative;
    padding-right: 13px;
    float: right;
    font-size: 13px;
    cursor: pointer;
}

#msgbox #message .mail-detail [class^="selected-mail"] .body .mail-body-openTgl {
    margin: -15px 0 0;
    width: 100% !important;
    padding: 0 13px;
    background-color: #ffffff;
    box-shadow: 0 -10px 20px 11px #ffffff;
    color: #0066cc;
}

#msgbox #message .mail-detail [class^="selected-mail"] .body .mail-body-openTgl span {
    line-height: 1;
}

#msgbox #message .mail-detail .all-detail-open:after,
#msgbox #message .mail-detail .mail-body-openTgl span:after {
    content: " ";
    display: inline-block;
    position: absolute;
    height: 9px;
    width: 9px;
    border-left: #AAAAAA 2px solid;
    border-bottom: #AAAAAA 2px solid;
    transform: rotate(-45deg);
    right: 0;
    top: calc(50% - 7px);
}

#msgbox #message .mail-detail .mail-body-openTgl span:before {
    content: "\958B\304F";
}

#msgbox #message .mail-detail [id^='mail-body'] + div + .body > div {
    max-height: 6.1em;
    overflow: hidden;
}

#msgbox #message .mail-detail > div > div > [class^='selected-mail']:last-of-type [id^='mail-body'] + div + .body label {
    display: none;
}

#msgbox #message .mail-detail > div > div > [class^='selected-mail']:last-of-type [id^='mail-body'] + div + .body > div,
#msgbox #message .mail-detail [id^='mail-body']:checked ~ .body > div {
    max-height: 5000em;
    height: auto;
}

#msgbox #message .mail-detail .all-detail-open.opened:after,
#msgbox #message .mail-detail [id^='mail-body']:checked ~ .body .mail-body-openTgl span:after {
    transform: rotate(135deg);
    top: calc(50% - 2px);
}

#msgbox #message .mail-detail [id^='mail-body']:checked ~ .body .mail-body-openTgl {
    box-shadow: none;
    padding-top: 4px;
}

#msgbox #message .mail-detail [id^='mail-body']:checked ~ .body .mail-body-openTgl span:before {
    content: "\9589\3058\308b";
}

#msgbox #message .attach-files {
    background: url("../image/clip_00.svg") no-repeat left 0;
    background-size: 19px 23px;
    padding-left: 25px;
    margin-top: 8px;
}

#msgbox #message .attach-files a {
    margin-right: 15px;
    display: inline-block;
}

#msgbox.sent-mail-box .mail-list-container .status,
#msgbox.sent-mail-box .co-slct-pldwn.selected-action,
#msgbox.sent-mail-box .has-threads,
#msgbox.sent-mail-box #search-box .fo-checkbox,
#msgbox.sent-mail-box #mail-list .fo-checkbox,
#msgbox.sent-mail-box .sort-box .fo-checkbox,
#msgbox.sent-mail-box #rwd_search_box ul.co-order-type-list li:nth-of-type(3),
#msgbox.sent-mail-box #rwd_search_box label.co-order-check {
    display: none;
}

#msgbox.sent-mail-box .mail-list-container li:not(.read) .mail-info .title {
    font-weight: normal;
}

#msgbox .co-order-type-mdl-content .co-order-type-word:before,
#msgbox .co-order-type-mdl-content .co-order-type-word:after {
    box-sizing: content-box;
}

#msgbox .co-order-type-mdl .co-order-type-mdl-content ul.co-order-type-list li ul li {
    border-bottom: none;
}

/*最初と検索結果０件の表示*/
#msgbox .no-result {
    padding: 5% 10%;
}

#msgbox .no-result a:before {
    content: "\0d7";
    color: #ffffff;
    vertical-align: middle;
    font-weight: bold;
    display: inline-block;
    height: 16px;
    width: 16px;
    background: #999999;
    border-radius: 9px;
    line-height: 16px;
    margin-right: 4px;
}

#msgbox #message .no-messages {
    height: 100%;
    width: 100%;
    padding: 50px 20px;
    text-align: center;
    color: #AAAAAA;
}

#msgbox #message .no-messages p.co-b {
    font-size: 138%;
    font-weight: bold;
}

#msgbox #message .no-messages p {
    margin: 5px 0;
}

/* TAB */
@media screen and (max-width: 940px) {
    #msgbox .co-title1 {
        padding-bottom: 10px;
        border: none;
    }

    #msgbox.fixed .mail-list-container {
        position: relative;
    }

    #msgbox.fixed #mail-list .pagenation {
        bottom: 0;
        left: 0;
    }

    #msgbox.search-condition #rwd_search_box {
        top: 0;
    }

    #msgbox.search-condition #rwd_search_box,
    #msgbox.search-condition #rwd_mail_box_mdl {
        z-index: 9999;
    }

    #msgbox.search-condition #rwd_search_box .co-order-type-mdl-footer {
        bottom: 0;
    }

    #msgbox #rwd_mail_box_mdl.co-order-type-mdl #mailbox-list-sp {
        margin-bottom: 57px;
    }

    #msgbox .co-order-type-mdl ul li.alart-sp div {
        text-align: center;
    }

    #msgbox.category #rwd_mail_box_mdl .alart-sp {
        position: fixed;
        width: 100%;
        bottom: 0;
        border: none;
        background: #fff;
    }

    #msgbox.category #rwd_mail_box_mdl .alart-sp .tool-tip-box li {
        border: none;
    }

    #msgbox.category #rwd_mail_box_mdl .alart-sp:before,
    #msgbox.category #rwd_mail_box_mdl .alart-sp .tool-tip-box li:before {
        display: none;
        border: none;
    }

    #msgbox.category #rwd_mail_box_mdl .alart-sp .tool-tip-box li:hover,
    #msgbox.category #rwd_mail_box_mdl .alart-sp:hover {
        background: #ffffff;
    }

    #top.before-selecting-category {
        position: fixed;
        right: -100%;
    }

    #top.before-selecting-category #rwd_mail_box_mdl {
        left: 0;
        top: 0;
    }

    #top.selecting-category #rwd_mail_box_mdl {
        left: -100%;
        top: 0;
    }

    #top.after-selecting-category #rwd_mail_box_mdl {
        transition: unset;
    }

    #msgbox #fixed-mail-list-header {
        width: 100%;
        z-index: 10;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        display: flex;
        top: -100%;
        left: 0;
        position: fixed;
        transition: left 0.3s;
    }

    #msgbox.fixed #fixed-mail-list-header {
        top: 0;
    }

    #top.mail-open,
    #top.mail-open #fixed-mail-list-header {
        left: -100%;
    }

    #msgbox #fixed-mail-list-header .mailbox-list-container {
        flex-basis: 40px;
    }

    #top #rwd_mail_box_mdl,
    #top #rwd_search_box {
        position: fixed;
        transition: top 0.3s, left 0.3s;
        top: 100vh;
        left: 0;
    }

    #top.mail-box #rwd_mail_box_mdl {
        top: 0;
    }

    #msgbox .alart-sp,
    #msgbox .co-order-type-mdl-footer {
        transition: bottom 0.3s;
        bottom: -63px;
    }

    #msgbox {
        text-align: center;
    }

    #msgbox .receive-alart-area-sp {
        width: auto;
        text-align: center;
        margin: 0 auto;
        padding: 5px 0;
    }

    #msgbox .receive-alart-area-sp a,
    #msgbox .receive-alart-area-sp .co-popup-link-03 {
        font-size: 14px;
        color: #333333;
        padding-right: 15px;
        display: inline-block;
    }

    #msgbox .receive-alart-area-sp > * {
        display: inline-block;
        font-size: 88%;
        min-width: 29px;
    }

    #msgbox .receive-alart-area-sp a:hover .tool-tip-box {
        bottom: calc(100% + 2px);
        left: -23px;
        width: 250px;
        top: auto;
    }

    #msgbox .main-container {
        text-align: left;
        display: block;
        min-height: 100vh;
        max-height: inherit;
        height: auto;
        width: 100%;
        margin: 0 auto;
        position: relative;
        background: #F6F6F6;
    }

    #msgbox .update-box a span {
        color: #ffffff !important;
        font-size: 13px;
    }

    #msgbox .mailbox-list-container {
        margin: 0;
        height: 40px;
        background: #2489CE;
        display: flex;
        font-size: 15px;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        z-index: 3;
    }

    #msgbox #mailbox-list {
        display: inline-block;
        text-align: left;
    }

    #msgbox .mailbox-list-container .make-new,
    #msgbox .mailbox-list-container .make-new span,
    #msgbox .mailbox-list-container .make-new a,
    #msgbox .mailbox-list-container li.selected-box {
        border: none;
        background: transparent;
        text-shadow: none;
        color: #ffffff;
        padding: 0;
        border-radius: 0;
    }

    #msgbox .mailbox-list-container .make-new {
        margin: 0;
        display: inline-block;
        flex-basis: 70px;
    }

    #msgbox .mailbox-list-container .make-new a {
        line-height: 40px;
        text-align: left;
        background: url("../image/create.svg") no-repeat 10px center;
        padding: 0 0 0 30px;
    }

    #msgbox .mailbox-list-container .mailbox-list-sp {
        text-align: left;
        flex-basis: calc(100% - 50px);
        display: inline-block;
        background: url("../image/folder.svg") no-repeat 10px center;
    }

    #msgbox .mailbox-list-sp > a > span {
        display: inline-block;
        color: #ffffff;
        font-weight: bold;
        padding: 0 10px 0 40px;
        line-height: 40px;
        border-right: #54A9E3 solid 1px;
    }

    #msgbox .mail-box-container-sp .update-box,
    #msgbox .mailbox-list-container .update-box {
        text-align: left;
        padding: 0 0 0 5px;
        margin: 0;
        display: inline-block;
    }

    #msgbox .mail-box-container-sp .update-box a,
    #msgbox .mailbox-list-container .update-box a {
        display: inline-block;
        line-height: 38px;
        font-size: 13px;
    }

    #msgbox #mailbox-list li .unread,
    #msgbox #mailbox-list li:first-child div span.unread {
        display: none;
    }

    #top.mail-open #msgbox .receive-alart-area {
        display: none;
    }

    #msgbox .right-container:not(.mail-new):before {
        display: none;
    }

    #msgbox #search-box-sp {
        justify-content: space-between;
        padding: 8px 15px 5px;
        height: auto;
        width: 100%;
        z-index: 5;
        flex-wrap: wrap;
        font-size: 13px;
    }

    #msgbox #search-box-sp > div:first-child {
        width: calc(100% - 80px);
    }

    #msgbox #search-box-sp > div:first-child > div {
        display: inline-flex;
        position: relative;
        width: 100%;
        max-width: 228px;
    }

    #msgbox #search-box-sp .fo-textbox-long {
        border-radius: 3px 0 0 3px;
        padding: 5px 9px 6px;
        margin: 0 0 3px 0;
        max-width: 190px;
        height: 35px;
        border: 1px #AAAAAA solid;
        background: #ffffff;
        font-size: 13px;
    }

    #msgbox #search-box-sp .search-btn-sp {
        border-radius: 0 3px 3px 0;
        margin: 0 0 3px -1px;
        width: 38px;
        height: 35px;
        border: none;
        background: url("../image/search_btn_00.png") #595959;
        background: -moz-linear-gradient(top, #595959 0%, #000000 100%);
        background: -webkit-linear-gradient(top, #595959 0%, #000000 100%);
        background: url("../image/search_btn_00.png"), linear-gradient(to bottom, #595959 0%, #000000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#595959', endColorstr='#000000', GradientType=0);
        background-repeat: no-repeat;
        background-position: 50%, 0;
        background-size: 13px, 100%;
        flex-shrink: 0;
    }

    #msgbox #search-box-sp .suggest {
        width: calc(100% - 38px);
    }

    #msgbox #search-box-sp .search-conditions {
        width: 100%;
        border-top: #cccccc 1px solid;
        margin: 4px 0 3px 0;
    }

    #msgbox #search-box-sp .search-conditions a {
        position: relative;
        background: #8F8F8F;
        border-radius: 14px;
        padding: 0 24px 0 9px;
        margin: 6px 3px 2px 0;
        display: inline-block;
    }

    #msgbox #search-box-sp .search-conditions a:before {
        content: ' ';
        display: inline-block;
        top: 3px;
        right: 3px;
        position: absolute;
        background: #ffffff;
        border-radius: 50%;
        width: 14px;
        height: 14px;
    }

    #msgbox #search-box-sp .search-conditions span {
        font-size: 12px;
        line-height: 20px;
        color: #ffffff;
    }

    #msgbox #search-box-sp .search-conditions span:after,
    #msgbox #search-box-sp .search-conditions span:before {
        content: ' ';
        display: inline-block;
        background: #8F8F8F;
        height: 10px;
        width: 2px;
        position: absolute;
        right: 9px;
        top: 5px;
        transform: rotate(45deg);
    }

    #msgbox #search-box-sp .search-conditions span:before {
        transform: rotate(-45deg);
    }

    #msgbox #search-box-sp .search-conditions span:active:after {
        background: #333333;
        color: #ffffff;
    }

    #msgbox .order-refine {
        text-align: right;
    }

    #msgbox .order-refine a {
        margin: 0;
        display: block;
        color: #1b76d1;
        cursor: pointer;
        width: 5.7em;
    }

    #msgbox .order-refine a:before {
        content: '';
        display: inline-block;
        vertical-align: -1px;
        height: 12px;
        width: 15px;
        background-image: url('../image/order_refine_00.png');
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        margin-right: 3px;
        filter: brightness(0.8) invert(0.2) sepia(100%) hue-rotate(170deg) contrast(450%);
    }

    #msgbox .sort-box .sort {
        height: 49px;
        padding: 13px 0;
    }

    #msgbox .sort-box .sort select {
        cursor: pointer;
        margin: 0;
        border: none;
        padding: 0 0 0 17px;
        color: #1b76d1;
        background-color: transparent;
        background-image: url('../image/order_change_01.png');
        background-size: 15px 13px;
        background-position: left center;
        background-repeat: no-repeat;
        font-size: 13px;
    }

    #msgbox .sort-box .sort select option {
        color: #333333;
        padding: 0;
    }

    #msgbox .right-container {
        border: none;
    }

    #msgbox .right-container:not(.mail-new) .right-container-inner {
        display: block;
        height: 100%;
    }

    #msgbox #mail-list {
        width: 100%;
        min-width: 270px;
        max-width: 100000px;
        border-right: none;
    }

    #msgbox .mail-list-container {
        overflow-y: hidden;
        border: none;
        min-height: 150px;
        height: auto;
    }

    #msgbox .mail-list-container ul {
        padding-bottom: 40px;
    }

    #msgbox .sort-box {
        max-width: 100%;
        align-items: center;
        width: 100%;
        z-index: 3;
        border-bottom: 1px solid #cccccc;
    }

    #msgbox .sort-box .fo-checkbox {
        padding: 15px 10px;
        height: 100%;
        margin: 0;
    }

    #msgbox .sort-box .fo-checkbox label,
    #msgbox .mail-list-container .fo-checkbox label,
    #msgbox .fo-checkbox label:before {
        width: 15px;
        height: 15px;
    }

    #msgbox .sort-box .sort {
        padding-right: 15px;
    }

    #msgbox .mail-list-container li .fo-checkbox {
        margin: 0 10px 0 2px;
    }

    #msgbox .sort-box .fo-checkbox input[type='checkbox']:checked ~ label span:before,
    #msgbox .mail-list-container .fo-checkbox input[type='checkbox']:checked ~ label span:before {
        width: 7px;
        -ms-transform: rotate(46deg);
        -webkit-transform: rotate(46deg);
        transform: rotate(46deg);
        top: 9px;
        left: -25px;
        border-radius: 0 3px 0 0;
        height: 3px;
    }

    #msgbox .sort-box .fo-checkbox input[type='checkbox']:checked ~ label span:after,
    #msgbox .mail-list-container .fo-checkbox input[type='checkbox']:checked ~ label span:after {
        width: 10px;
        -ms-transform: rotate(-46deg);
        -webkit-transform: rotate(-46deg);
        transform: rotate(-46deg);
        top: 8px;
        left: -22px;
        height: 3px;
    }

    #msgbox #mail-list .pagenation {
        height: 40px;
        justify-content: space-between;
        bottom: -41px;
        position: fixed;
        transition: bottom 0.3s, left 0.3s;
        padding: 2px 5px 2px;
    }

    #msgbox #mail-list .pagenation .to-top {
        margin-left: 5px;
    }

    #msgbox #mail-list .pagenation .to-top a {
        display: inline-block;
        padding: 5px 0 5px 23px;
        background: url('../image/pagetop.svg') no-repeat 5px 47%;
        font-weight: normal;
        font-size: 13px;
    }

    #msgbox #mail-list .pagenation .to-top a,
    #msgbox #mail-list .pagenation .to-top a:hover,
    #msgbox #mail-list .pagenation .to-top a:visited,
    #msgbox #mail-list .pagenation .to-top a:active {
        color: #0066CC;
    }

    #msgbox #message {
        position: fixed;
        top: 0;
        bottom: 0;
        right: -100%;
        transition: right 0.3s;
        margin-top: 0;
        width: 100%;
        height: 100%;
        line-height: 1.8;
        z-index: 10;
    }

    #top.mail-open #msgbox #message {
        right: 0;
        border-top: none;
    }

    #msgbox .mail-box-container-sp {
        display: flex;
        height: 38px;
        background: #2489CE;
        align-items: center;
        justify-content: space-between;
        padding: 0 3% 0 0;
        border-right: none;
        flex-basis: 38px;
        flex-grow: 0;
        flex-shrink: 0;
    }

    #msgbox .mail-box-container-sp .current-box {
        display: inline-block;
        padding: 0 0 0 23px;
        height: auto;
        color: #ffffff;
        position: relative;
        font-size: 15px;
        font-weight: bold;
        flex-shrink: 0;
        flex-grow: 0;
        width: 70px;
    }

    #msgbox .mail-box-container-sp .current-box:before {
        content: " ";
        display: inline-block;
        position: absolute;
        height: 10px;
        width: 10px;
        border-left: #ffffff 2px solid;
        border-bottom: #ffffff 2px solid;
        transform: rotate(45deg);
        left: 10px;
        top: calc(50% - 6px);
    }

    #msgbox #mailbox-list-sp li {
        position: relative;
    }

    #msgbox .mail-box-container-sp .new-mail-head-title {
        text-align: center;
        color: #ffffff;
        font-size: 15px;
        font-weight: bold;
        flex-shrink: 0;
        flex-grow: 3;
        flex-basis: calc(97% - 70px);
        display: inline-block;
        padding-right: 70px;
    }

    #msgbox #mailbox-list-sp li {
        position: relative;
    }

    #msgbox #mailbox-list-sp li div a {
        color: #333333;
        font-size: 15px;
    }

    #msgbox #mailbox-list-sp li:before {
        content: " ";
        display: inline-block;
        position: absolute;
        height: 10px;
        width: 10px;
        border-top: #333333 2px solid;
        border-right: #333333 2px solid;
        transform: rotate(45deg);
        right: 3%;
        top: calc(50% - 6px);
    }

    #msgbox #message .mail-detail,
    #msgbox #message .no-messages {
        overflow: hidden;
        border: none;
    }

    #msgbox #message .no-messages {
        display: none;
    }

    #msgbox #message .mail-detail .title {
        width: 100%;
        flex-grow: 0;
        flex-shrink: 0;
    }

    #msgbox #message .mail-detail .mail-detail-body {
        overflow-y: scroll;
        flex-grow: 3;
        flex-shrink: 2;
    }

    #msgbox #message .mail-detail .title > span,
    #msgbox #message .mail-detail .title > div {
        width: inherit;
        display: inline-block;
    }

    #msgbox #message .mail-detail .title .co-fr {
        width: 132px;
    }

    #msgbox #message .mail-detail .title > span:first-child {
        width: auto;
        min-width: 100px;
        margin-bottom: 3px;
    }

    #msgbox .co-order-type-mdl ul li div,
    #msgbox #rwd_search_box .co-order-check-list:last-child {
        text-align: left;
    }

    #msgbox #rwd_search_box .co-order-date-list {
        display: table;
        width: 100%;
        text-align: right;
        padding-right: 8px;
    }

    #msgbox #rwd_search_box .co-order-date-list div.co-order-type-cap {
        display: table-cell;
        width: 3.7em;
        text-align: left;
    }

    #msgbox #rwd_search_box .co-order-check-list div.co-order-type-cap {
        width: 3.7em;
    }

    #msgbox #rwd_search_box .co-order-date-list > div:not(.co-order-type-cap) {
        display: table-cell;
        margin-bottom: -3px;
        text-align: left;
    }

    #msgbox #rwd_search_box .co-order-date-list > div:not(.co-order-type-cap) > div {
        margin-bottom: 3px;
        text-align: left;
    }

    #msgbox #rwd_search_box .co-order-check-list:last-child {
        padding: 0 0 0 12px;
        text-align: left;
    }

    #msgbox #rwd_mail_box_mdl.co-order-type-mdl .co-order-type-mdl-content {
        height: calc(100% - 51px);
    }

    #msgbox #rwd_search_box.co-order-type-mdl .co-order-type-mdl-content .co-order-type-input {
        width: calc(100% - 3.7em);
    }

    #msgbox #rwd_search_box.co-order-type-mdl .co-order-type-mdl-content .co-order-type-word .suggest {
        width: calc(100% - 2px);
        top: 35px;
        left: 1px;
    }
}

/* SP */
@media screen and (max-width: 671px) {
    #msgbox .co-title1 {
        font-size: 20px;
    }

    #msgbox .mail-list-container ul {
        padding-bottom: 90px;
    }

    #msgbox .mail-list-container .mail-info {
        padding-top: 0;
    }

    #msgbox .mail-list-container .mail-info .sender,
    #msgbox .mail-list-container .mail-info .received-date {
        font-size: 11px;
    }

    #msgbox .mail-list-container .mail-info .title {
        height: 2.2em;
        line-height: 2.5em;
        margin-bottom: 0;
    }

    #msgbox .mail-list-container .mail-info .title .has-threads {
        vertical-align: middle;
        margin-top: -5px;
    }

    #msgbox #message {
        margin-top: 0;
        height: 100%;
    }

    #msgbox .mail-list-container .mail-info .title,
    #msgbox #message,
    #msgbox #message .mail-detail .sender {
        font-size: 13px;
    }

    #msgbox #message .mail-detail .title > span:first-child .category {
        font-size: 11px;
    }

    #msgbox #message .mail-detail .title > span:first-child {
        font-size: 14px;
    }

    #msgbox #message .mail-detail .title,
    #msgbox #message .mail-detail [class^='selected-mail'] {
        padding: 12px 17px 8px;
    }

    #msgbox #message .mail-detail {
        height: calc(100% - 38px);
    }

    #msgbox #message .mail-detail .message-header {
        padding-bottom: 5px;
    }

    #msgbox #message .mail-detail [class^='selected-mail'] {
        padding-bottom: 12px;
    }

    #msgbox #message .mail-detail .all-detail-open {
        margin: 9px 15px;
    }
}

/* ローディングアニメ */
#msgbox .main-container .loading-l {
    background-color: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1100;
}

#msgbox .main-container .loading-l div {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 0;
    width: 0;
}

#msgbox .main-container .loading-l div:before,
#msgbox .main-container .loading-l div:after,
#msgbox .main-container .loading-l span,
#msgbox .main-container .loading-l span:before,
#msgbox .main-container .loading-l span:after {
    display: inline-block;
    width: 13px;
    height: 13px;
    position: absolute;
    border-radius: 50%;
    -ms-transform-origin: center center;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: post-inq-send 0.7s infinite;
    animation: post-inq-send 0.7s infinite;
    box-shadow: 0 0 0 3px #ffffff;
}

#msgbox .main-container .loading-l div:before,
#msgbox .main-container .loading-l div:after,
#msgbox .main-container .loading-l span:before,
#msgbox .main-container .loading-l span:after {
    content: '';
}

#msgbox .main-container .loading-l div:before,
#msgbox .main-container .loading-l div:after {
    left: 0;
}

#msgbox .main-container .loading-l div:before {
    background-color: #f0f0f0;
    top: -30px;
}

#msgbox .main-container .loading-l span:nth-child(1):before {
    background-color: #eeeeee;
    animation-delay: 0.1s;
}

#msgbox .main-container .loading-l span:nth-child(1) {
    background-color: #dcdcdc;
    left: 30px;
    animation-delay: 0.2s;
}

#msgbox .main-container .loading-l span:nth-child(1):after {
    background-color: #d3d3d3;
    animation-delay: 0.3s;
}

#msgbox .main-container .loading-l div:after {
    background-color: #c0c0c0;
    top: 30px;
    animation-delay: 0.4s;
}

#msgbox .main-container .loading-l span:nth-child(2):after {
    background-color: #a9a9a9;
    animation-delay: 0.5s;
}

#msgbox .main-container .loading-l span:nth-child(2) {
    background-color: #808080;
    left: -30px;
    animation-delay: 0.6s;
}

#msgbox .main-container .loading-l span:nth-child(2):before {
    background-color: #696969;
    animation-delay: 0.7s;
}

#msgbox .main-container .loading-l span:nth-child(1),
#msgbox .main-container .loading-l span:nth-child(2) {
    top: 0;
}

#msgbox .main-container .loading-l span:nth-child(1):before,
#msgbox .main-container .loading-l span:nth-child(2):before {
    top: -20px;
}

#msgbox .main-container .loading-l span:nth-child(1):after,
#msgbox .main-container .loading-l span:nth-child(2):after {
    top: 20px;
}

#msgbox .main-container .loading-l span:nth-child(1):before,
#msgbox .main-container .loading-l span:nth-child(1):after {
    left: -10px;
}

#msgbox .main-container .loading-l span:nth-child(2):before,
#msgbox .main-container .loading-l span:nth-child(2):after {
    left: 10px;
}

/* アニメーション */
@-webkit-keyframes post-inq-send {
    0% {
        background-color: #f0f0f0;
    }
    100% {
        background-color: #696969;
    }
}

@-moz-keyframes post-inq-send {
    0% {
        background-color: #f0f0f0;
    }
    100% {
        background-color: #696969;
    }
}

@-ms-keyframes post-inq-send {
    0% {
        background-color: #f0f0f0;
    }
    100% {
        background-color: #696969;
    }
}

@keyframes post-inq-send {
    0% {
        background-color: #f0f0f0;
    }
    100% {
        background-color: #696969;
    }
}

/*--------------------------------------------
		メール新規作成・返信
---------------------------------------------*/
#msgbox .right-container.mail-new {
    height: 100%;
    box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.3) inset;
    overflow-y: auto;
}

#msgbox .right-container .mail-new-inner {
    width: 100%;
    height: calc(100% - 38px);
}

#msgbox .right-container .mail-new-inner > div > div:not(.confirm-btn):not(.mail-box-container-sp) {
    max-width: 718px;
    margin: 30px auto;
    border: #DADADA solid 1px;
    background: #ffffff;
}

#msgbox .right-container .right-container-inner .mail-new-inner > div > div:not(.confirm-btn) > div:not(#new-mail-body) {
    background: #EEEEEE;
    padding: 25px 60px 10px;
}

#msgbox .right-container .mail-new-inner > div:not(.confirm) > div:not(.confirm-btn) > div > div {
    width: 100%;
}

#msgbox .right-container .new-mail-th {
    display: inline-block;
    width: 8em;
    color: #666666;
    font-weight: bold;
    vertical-align: top;
    margin: 0.4em 0 12px;
}

#msgbox .right-container .new-mail-td {
    display: inline-block;
    width: calc(100% - 8em);
    margin: 0 0 12px;
    vertical-align: middle;
}

#msgbox .right-container .confirm .new-mail-th,
#msgbox .right-container .confirm .new-mail-td {
    margin-bottom: 4px;
    font-size: 13px;
}

#msgbox .right-container.mail-new .confirm .new-mail-th {
    width: 2.2em;
    margin: 2px 30px 3px 0;
}

#msgbox .right-container .mail-new-inner > .confirm .new-mail-th {
    width: 2.2em;
    margin: 2px 30px 3px 0;
}

#msgbox .right-container .mail-new-inner > .confirm .new-mail-td {
    font-size: 14px;
    width: calc(100% - 2.2em - 30px);
}

#msgbox .right-container .new-mail-td .fo-errors-box {
    margin-top: 3px;
}

#msgbox .right-container .new-mail-to.new-mail-td {
    position: relative;
}

#msgbox .right-container .new-mail-to.new-mail-td input,
#msgbox .right-container .new-mail-td.new-mail-subject input {
    padding-left: 30px;
    line-height: 24px;
    height: 34px;
    font-size: 14px;
    border-radius: 3px;
}

#msgbox .right-container .new-mail-to.new-mail-td:before,
#msgbox .right-container .new-mail-to.new-mail-td:after {
    content: '';
    display: block;
    position: absolute;
    box-sizing: content-box;
}

#msgbox .right-container .new-mail-to.new-mail-td:before {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px #ccc solid;
    left: 8px;
    top: 9px;
}

#msgbox .right-container .new-mail-to.new-mail-td:after {
    height: 2px;
    width: 8px;
    background-color: #ccc;
    left: 16px;
    top: 20px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#msgbox .right-container .new-mail-td select {
    background-color: #ffffff;
    height: 32px;
}

#msgbox .right-container .new-mail-td.new-mail-subject input {
    padding-left: 8px;
    width: 370px;
}

#msgbox .right-container .attachment .new-mail-td a,
#msgbox .right-container .attachment .new-mail-td p,
#msgbox #message .reply-container .attachment a,
#msgbox #message .reply-container .attachment p {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

#msgbox .right-container .attachment .new-mail-td a,
#msgbox #message .reply-container .attachment a {
    background: url('../image/clip_00.svg') no-repeat left 2px;
    background-size: 19px 23px;
    padding: 4px 5px 4px 23px;
}

#msgbox .right-container .attachment .new-mail-td p,
#msgbox .right-container .attachment .new-mail-th p,
#msgbox #message .reply-container .attachment p {
    color: #AAAAAA;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}

#msgbox .right-container .attachment .new-mail-td .attaching-list div,
#msgbox #message .reply-container .attachment .attaching-list div {
    display: inline-block;
    background: #DADADA;
    border-radius: 13px;
    font-size: 12px;
    line-height: 22px;
    padding: 0 24px 0 11px;
    margin: 3px 6px 2px 0;
    position: relative;
    cursor: pointer;
}

#msgbox .right-container .attachment .new-mail-td .attaching-list div:before,
#msgbox #message .reply-container .attachment .attaching-list div:before {
    content: ' ';
    display: inline-block;
    top: 4px;
    right: 3px;
    position: absolute;
    background: #8f8f8f;
    border-radius: 50%;
    width: 14px;
    height: 14px;
}

#msgbox #message .reply-container .attachment .attaching-list div span:not(.attaching-loading):after,
#msgbox #message .reply-container .attachment .attaching-list div span:not(.attaching-loading):before,
#msgbox .right-container .attachment .new-mail-td .attaching-list div span:not(.attaching-loading):after,
#msgbox .right-container .attachment .new-mail-td .attaching-list div span:not(.attaching-loading):before {
    content: ' ';
    display: inline-block;
    background: #fff;
    height: 10px;
    width: 2px;
    position: absolute;
    right: 9px;
    top: 6px;
    border-radius: 2px;
    transform: rotate(46deg);
}

#msgbox #message .reply-container .attachment .attaching-list div span:not(.attaching-loading):before,
#msgbox .right-container .attachment .new-mail-td .attaching-list div span:not(.attaching-loading):before {
    transform: rotate(-46deg);
}

#msgbox .right-container .confirm .attachment .new-mail-td .attaching-list {
    display: inline-block;
    background: url('../image/clip_00.svg') no-repeat left 2px;
    padding-left: 21px;
    background-size: 19px 23px;
    margin-top: -3px;
}

#msgbox .right-container .confirm .attachment .new-mail-td .attaching-list div {
    display: inline-block;
    background: none;
    padding: 0 5px;
    font-size: 14px;
    cursor: default;
}

#msgbox .right-container .confirm .attachment .new-mail-td .attaching-list div:before,
#msgbox #message .reply-container .confirm .attachment .attaching-list div:before,
#msgbox .right-container .confirm .attachment .new-mail-td .attaching-list div span:before,
#msgbox .right-container .confirm .attachment .new-mail-td .attaching-list div span:after,
#msgbox #message .reply-container .confirm .attachment .attaching-list div span:before,
#msgbox #message .reply-container .confirm .attachment .attaching-list div span:after,
#msgbox .right-container .confirm .attachment .new-mail-td .attaching-list div:hover:before,
#msgbox #message .reply-container .confirm .attachment .attaching-list div:hover:before {
    display: none;
}

#msgbox .right-container #new-mail-body {
    margin: 25px 60px 5px;
    width: calc(100% - 120px);
    border-radius: 3px;
    min-height: 180px;
}

#msgbox .right-container > div.confirm * {
    word-break: break-all !important;
}

#msgbox .right-container .confirm #new-mail-body {
    min-height: 40px;
    margin-bottom: 25px;
}

#msgbox .right-container #new-mail-body ~ p {
    margin: 0 60px 0;
}

#msgbox .right-container #new-mail-body ~ p:not(.fo-errors-box) {
    font-size: 13px;
    color: #666666;
    margin-bottom: 20px;
}

#msgbox .right-container .confirm-btn {
    text-align: center;
    margin-bottom: 20px;
}

#msgbox .right-container > .confirm-btn {
    width: 100%;
}

#msgbox #message .reply-container {
    background: #E6E6E6;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    padding: 0 15px;
    border: none;
    bottom: 0;
    flex-grow: 0;
    flex-shrink: 0;
}

#msgbox #message .edit.reply-container {
    margin-top: auto;
    padding: 10px 15px;
    max-height: 10000px;
    border-top: 1px solid #cccccc;
}

#msgbox #message .reply-container #new-mail-body {
    border-radius: 3px;
    min-height: 180px;
    margin: 7px 0 3px;
    width: 100%;
}

#msgbox #message .reply-container .reply-submit {
    text-align: center;
    margin: 3px 5px;
}

/* ファイル添付時ローディング */
#msgbox .attaching-loading {
    width: 4px;
    height: 4px;
    margin: 0 13px 2px;
    position: relative;
    display: inline-block;
    overflow: visible !important;
}

#msgbox .attaching-loading,
#msgbox .attaching-loading:before,
#msgbox .attaching-loading:after {
    -webkit-animation: attaching-load 0.7s infinite;
    animation: attaching-load 0.7s infinite;
    border-radius: 50%;
}

#msgbox .attaching-loading:before,
#msgbox .attaching-loading:after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    position: absolute;
}

#msgbox .attaching-loading:before {
    left: -9px;
    background-color: #cccccc;
}

#msgbox .attaching-loading {
    background-color: #aaaaaa;
    animation-delay: 0.2s;
}

#msgbox .attaching-loading:after {
    right: -9px;
    background-color: #888888;
    animation-delay: 0.4s;
}

@-webkit-keyframes attaching-load {
    0% {
        background-color: #cccccc;
    }
    100% {
        background-color: #888888;
    }
}

@-moz-keyframes attaching-load {
    0% {
        background-color: #cccccc;
    }
    100% {
        background-color: #888888;
    }
}

@-ms-keyframes attaching-load {
    0% {
        background-color: #cccccc;
    }
    100% {
        background-color: #888888;
    }
}

@keyframes attaching-load {
    0% {
        background-color: #cccccc;
    }
    100% {
        background-color: #888888;
    }
}

/* PC */
@media screen and (min-width: 941px) {
    #msgbox .right-container.mail-new #search-box,
    #msgbox .right-container.mail-new #mail-list,
    #msgbox .right-container.mail-new #mail-list-sp {
        display: none;
    }

    #msgbox .right-container:not(.mail-new) .mail-new-inner,
    #msgbox.confirm-message .right-container .mail-new-inner.edit-outer {
        display: none;
    }

    #msgbox .right-container.mail-new .attachment .new-mail-td .attaching-list div:hover:before,
    #msgbox #message .reply-container .attachment .attaching-list div:hover:before {
        background: #DC4D4D;
    }
}

/* TAB */
@media screen and (max-width: 940px) {
    #msgbox.mail-list .loading-l {
        max-height: 100vh;
        max-width: 100vh;
    }

    #msgbox .right-container.mail-new:before {
        display: none;
    }

    #msgbox .right-container.mail-new {
        background: #ffffff;
        padding-bottom: 50px;
        min-height: calc(100vh - 40px);
        overflow-y: visible;
    }

    #msgbox .right-container.mail-new #mail-list,
    #msgbox .right-container.mail-new #mail-list-sp {
        display: block;
    }

    #msgbox .right-container .mail-new-inner {
        position: fixed;
        top: 0;
        bottom: 0;
        right: -100%;
        transition: right 0.3s;
        margin: 0;
        width: 100%;
        height: 100%;
        line-height: 1.8;
        z-index: 9999;
        background: #fff;
        border-top: none;
        max-width: 1000px;
        overflow-y: hidden;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    #msgbox .right-container.mail-new .mail-new-inner {
        right: 0;
    }

    #msgbox .right-container .right-container-inner .mail-new-inner .mail-box-container-sp {
        transition: right 0.3s;
        right: -100%;
        width: 100%;
        top: 0;
        z-index: 11;
        flex-shrink: 0;
        flex-grow: 0;
    }

    #msgbox .right-container.mail-new .right-container-inner .mail-new-inner .mail-box-container-sp {
        right: 0;
    }

    #msgbox .right-container .mail-new-inner > div {
        flex-shrink: 1;
        flex-grow: 2;
        overflow-y: auto;
    }

    #msgbox .right-container .mail-new-inner > div.confirm:not(.mail-box-container-sp) > div:not(.confirm-btn) {
        border: #DADADA solid 1px;
        margin: 10px;
        max-width: 940px;
    }

    #msgbox .right-container .right-container-inner .mail-new-inner > div.confirm > div:not(.confirm-btn) > div:not(#new-mail-body) {
        padding: 8px 4%;
    }

    #msgbox .right-container .mail-new-inner > div.confirm > div:not(.confirm-btn) > div#new-mail-body {
        margin: 13px 4% 15px;
        width: calc(100% - 8%);
    }

    #msgbox .right-container .new-mail-td select,
    #msgbox .right-container .new-mail-td.new-mail-subject input,
    #msgbox .right-container .new-mail-to.new-mail-td input {
        height: 38px;
    }

    #msgbox .right-container .new-mail-to.new-mail-td:after,
    #msgbox .right-container .new-mail-to.new-mail-td:before {
        margin-top: 4px;
    }

    #msgbox .right-container #new-mail-body {
        min-height: 50vw;
    }

    #msgbox .right-container .mail-new-inner div.edit > div:not(.confirm-btn):not(.mail-box-container-sp),
    #msgbox .right-container .confirm-btn {
        max-width: 940px;
        margin: 0 0 15px;
        border: none;
    }

    #msgbox .fo-errors-box {
        background-image: url('../image/error_warning.png');
        background-size: 14px 14px;
        background-position: left center;
    }
}

/* SP */
@media screen and (max-width: 671px) {
    #msgbox #new-mail-to + .suggest {
        width: 100%;
    }

    #msgbox .right-container .right-container-inner .mail-new-inner > div > div:not(.confirm-btn) > div:not(#new-mail-body) {
        padding: 3px 3% 10px;
    }

    #msgbox .right-container .right-container-inner .mail-new-inner > div > div:not(.confirm-btn) > div > div {
        padding: 4px 0;
    }

    #msgbox .right-container .new-mail-th {
        font-size: 12px;
    }

    #msgbox .right-container .mail-new-inner .edit .new-mail-th,
    #msgbox .right-container .mail-new-inner .edit .new-mail-td {
        width: 100%;
        margin: 0;
    }

    #msgbox .right-container > div.confirm .new-mail-th,
    #msgbox .right-container > div.confirm .new-mail-td {
        vertical-align: top;
    }

    #msgbox .right-container .new-mail-td select,
    #msgbox .right-container .new-mail-td.new-mail-subject input,
    #msgbox .right-container .new-mail-to.new-mail-td input {
        width: 100%;
        font-size: 13px;
    }

    #msgbox .right-container #new-mail-body {
        margin: 11px 3% 5px;
        width: calc(100% - 6%);
    }

    #msgbox .right-container #new-mail-body ~ p {
        margin: 0 3% 0;
    }

    #msgbox #message .reply-container #new-mail-body {
        font-size: 16px;
        min-height: 90px;
    }
}

/* モーダル */
#msgbox #mailBoxDialog {
    width: 395px;
    font-size: 15px;
}

#msgbox .selectReceiverAlart #mailBoxDialog {
    width: 460px;
}

#msgbox .selectReceiverAlart #mailBoxDialog .postiong-inq-orderinfo-inner > * {
    text-align: left;
}

#msgbox .selectReceiverAlart #mailBoxDialog .fo-errors-box {
    margin: 10px 0 -1em 0;
    font-size: 14px;
}

#msgbox #mailBoxDialog .co-mdl-ttl {
    padding-left: 25px;
}

#msgbox #mailBoxDialog.co-mdl-wrap #posting-inq-mdl {
    padding: 30px 40px 0px;
}

#msgbox #mailBoxDialog .postiong-inq-submit {
    background: none;
    padding: 15px 0;
    margin-bottom: 25px;
    width: 100%;
    z-index: 15;
}

#msgbox #mailBoxDialog .postiong-inq-submit .co-btn {
    margin: 0 8px;
}

#msgbox .selectReceiverAlart .fo-textbox-long {
    width: calc(100% - 90px);
    height: 33px;
    border-radius: 3px;
    display: inline-block;
    margin-right: 15px;
}

#msgbox .selectReceiverAlart p {
    font-weight: bold;
    margin: 0 0 10px;
}

#msgbox .selectReceiverAlart .suggest-list *:after,
#msgbox .selectReceiverAlart .suggest-list *:before {
    box-sizing: content-box;
}

#msgbox .selectReceiverAlart .suggest-list {
    margin: 20px 0;
    text-align: left;
    max-height: 430px;
}

#msgbox .selectReceiverAlart .suggest-list li {
    display: block;
    height: 22px;
    overflow: hidden;
    margin-right: 0;
    padding-left: 3px
}

#msgbox .selectReceiverAlart .suggest-list li label {
    line-height: 22px;
}

/* TAB */
@media screen and (max-width: 940px) {
    #msgbox [id^='co-calender-input-form'] {
        width: 112px;
    }

    #msgbox .vdp-datepicker__clear-button {
        right: 5px;
        padding: 6px 2px;
        top: calc(50% - 20px);
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #msgbox #mailBoxDialog.co-mdl-wrap {
        width: 94%;
        height: auto;
        max-width: 380px;
        margin: 40% auto;
        font-size: 14px;
    }

    #msgbox .selectReceiverAlart #mailBoxDialog {
        margin-top: 20px;
    }

    #msgbox #mailBoxDialog.co-mdl-wrap .co-mdl-ttl {
        border-radius: 10px 10px 0 0;
    }

    #msgbox #mailBoxDialog.co-mdl-wrap #posting-inq-mdl {
        padding: 20px 25px 0 25px;
    }

    #msgbox #mailBoxDialog.co-mdl-wrap .co-mdl-content {
        border-radius: 0 0 10px 10px;
    }

    #msgbox #mailBoxDialog .postiong-inq-submit {
        margin-bottom: 10px;
    }

    #msgbox .selectReceiverAlart .suggest-list {
        max-height: 190px;
    }

    #msgbox [id^='co-calender-input-form'] input {
        font-size: 14px;
        line-height: 32px;
    }

    #msgbox #co-calender-input-form4 .vue-calendar {
        right: 0;
    }
}

/* デビットカード注記ツールチップ */
.debit-hvr-pop {
    position: relative;
}

.debit-hvr-pop * {
    text-indent: 0;
}

.debit-hv-h {
    color: #dc4d4d;
    font-size: 13px;
}

.debit-hv-h:after {
    content: '?';
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    width: 1.2em;
    height: 1.2em;
    background-color: #888888;
    color: #ffffff;
    font-weight: normal;
    font-size: 12px;
    border-radius: 3px;
    margin-left: 0.4em;
    vertical-align: 1px;
    text-indent: 0;
}

.debit-hvr-pop .debit-hvr-pop-txt {
    display: none;
    position: absolute;
    z-index: 4;
    left: calc(50% - 180px);
    top: calc(100% + 5px);
    background-color: #ffffff;
    border: 1px #bbbbbb solid;
    box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.4);
    color: #333333;
    font-weight: normal;
    width: 360px;
    padding: 15px;
    margin: 0;
    box-sizing: border-box;
    font-size: 13px;
    border-radius: 5px;
    text-align: left;
}

.debit-hvr-pop:hover .debit-hvr-pop-txt {
    display: block;
}

.payment-type-box .debit-hvr-pop .debit-hv-h {
    margin-right: -10px;
}

.payment-type-box .debit-hvr-pop .debit-hvr-pop-txt {
    left: 0;
}

/* TAB/SP */
@media screen and (max-width: 940px) {
    .payment-type-box .debit-hvr-pop .debit-hv-h {
        margin-right: 0;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    .debit-hvr-pop .debit-hvr-pop-txt {
        width: 98%;
        left: 2%;
    }
}

/* お知らせ
------------------------------------------------------------------------------------- */
#news-wrap {
    width: 94%;
    max-width: 1300px;
    margin: 0 auto;
}

#news-wrap .news-list li {
    display: flex;
    align-items: center;
    border-bottom: 1px #e0e0e0 solid;
}

#news-wrap .news-list .publish-date {
    padding: 15px 0;
    margin: 0 15px 0 0;
    flex-basis: calc(5.5em + 20px);
    flex-shrink: 0;
    position: relative;
}

#news-wrap .news-list a {
    display: block;
    padding: 15px 5px;
    font-size: 14px;
}

#news-wrap .important a:after,
#news-wrap .important a:before,
#news-detail .co-title1.important span:not(.publish-date):after {
    content: '重要';
    display: inline-block;
    padding: 3px 6px 2px;
    border-radius: 10px;
    color: #dc4d4d;
    border: 1px #dc4d4d solid;
    font-size: 12px;
    margin-left: 10px;
    line-height: 1;
    font-weight: normal;
    vertical-align: 1px;
}

#news-wrap .important a:before {
    display: none;
    margin: 0 10px 0 0;
}

#news-detail .co-title1.important span:not(.publish-date):after {
    vertical-align: 3px;
}

/* SP */
@media screen and (max-width: 670px) {
    #news-wrap .news-list {
        margin-top: 20px;
    }

    #news-wrap .news-list li {
        display: block;
        padding: 13px 0 9px;
    }

    #news-wrap .news-list .publish-date {
        padding: 0;
        margin: 0;
    }

    #news-wrap .news-list a {
        padding: 4px 0;
    }

    #news-wrap .important a:after {
        display: none;
    }

    #news-wrap .important a:before {
        display: inline-block;
    }
}

/*** お知らせ詳細 ***/
#news-detail .co-title1 .publish-date {
    font-size: 16px;
    font-weight: normal;
    vertical-align: 2px;
}

#news-detail .news-detail-inner {
    width: 94%;
    margin: 0 auto;
}

#news-detail .news-detail-link {
    padding-top: 20px;
    margin: 40px auto 0;
    width: 96%;
    border-top: 1px #cccccc solid;
}

/* Paid利用可能のお知らせ */
#news-detail .news-paid-available .fc-green {
    color: #6fba2c;
}

#news-detail .news-paid-available ol p {
    margin: 0;
}

#news-detail .news-paid-available .news-paid-available-txt {
    font-size: 20px;
    line-height: 1.6;
    margin-top: 35px;
}

#news-detail .news-paid-available .news-paid-available-txt img {
    width: 130px;
    vertical-align: -7px;
}

#news-detail .news-paid-available ol {
    max-width: 760px;
    padding: 0;
    position: relative;
    margin: 35px 90px 50px 0;
}

#news-detail .news-paid-available .news-paid-available-flow,
#news-detail .news-paid-available .news-paid-available-flow > * {
    display: flex;
}

#news-detail .news-paid-available .news-paid-available-flow > *:not(.news-paid-available-ttl) {
    flex-grow: 1;
    align-items: center;
    padding: 30px 20px;
    font-size: 15px;
}

#news-detail .news-paid-available .news-paid-available-flow:nth-child(2n) > *:not(.news-paid-available-ttl) {
    background-color: #f2fde9;
}

#news-detail .news-paid-available .news-paid-available-flow:nth-child(2n + 1) > *:not(.news-paid-available-ttl) {
    background-color: #e9f8dc;
}

#news-detail .news-paid-available .news-paid-available-ttl {
    align-items: center;
    background: linear-gradient(to bottom, #44af35, #6cb92c);
    color: #ffffff;
    width: 1em;
    padding: 20px 0.6em;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.1;
    text-align: center;
    flex-shrink: 0;
    position: relative;
}

#news-detail .news-paid-available li:not(:nth-child(4)) .news-paid-available-ttl:before,
#news-detail .news-paid-available li:not(:nth-child(4)) .news-paid-available-ttl:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 1.1em 0;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
}

#news-detail .news-paid-available .news-paid-available-ttl:before {
    border-color: #ffffff transparent;
}

#news-detail .news-paid-available .news-paid-available-ttl:after {
    border-color: #6cb92c transparent;
    margin-top: -1px;
}

#news-detail .news-paid-available .news-paid-available-flow:not(:first-child) .news-paid-available-ttl {
    padding-top: 32px;
}

#news-detail .news-paid-available .news-paid-available-limit {
    position: absolute;
    right: -85px;
    top: 0;
    width: 1em;
    font-size: 24px;
    font-weight: 600;
    height: 100%;
    text-align: center;
    line-height: 1.1;
    display: flex;
    align-items: center;
}

#news-detail .news-paid-available .news-paid-available-limit p > span {
    display: block;
    font-size: 48px;
    margin: 0 -0.5em;
    max-width: 2em;
}

#news-detail .news-paid-available .news-paid-available-limit:before {
    content: '';
    width: 15px;
    height: 100%;
    border-style: solid;
    border-color: #cccccc;
    border-width: 2px 2px 2px 0;
    position: absolute;
    top: -2px;
    left: -50px;
}

#news-detail .news-paid-available .news-paid-available-pri {
    border-left: solid 5px #6eba2c;
    padding-left: 15px;
}

#news-detail .news-paid-available .news-paid-available-pri .fc-green {
    font-size: 20px;
}

/* TAB/SP */
@media screen and (max-width: 940px) {
    #news-detail * {
        min-width: 0 !important;
    }

    #news-detail * {
        max-width: 100%;
    }

    #news-detail table {
        width: auto !important;
    }

    #news-detail .co-fl, #news-detail .co-fr {
        float: none;
        width: auto !important;
    }

    #news-detail .co-title1 .publish-date {
        display: block;
    }

    #news-detail .news-paid-available .news-paid-available-limit p > span {
        font-size: 38px;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #news-detail .co-title1 .publish-date {
        font-size: 12px;
        margin-bottom: 5px;
    }

    #news-detail .news-paid-available ol {
        margin-right: 65px;
    }

    #news-detail .news-paid-available .news-paid-available-txt {
        font-size: 17px;
    }

    #news-detail .news-paid-available .news-paid-available-txt img {
        width: 100px;
    }

    #news-detail .news-paid-available .news-paid-available-ttl {
        font-size: 17px;
    }

    #news-detail .news-paid-available .news-paid-available-flow > *:not(.news-paid-available-ttl) {
        padding: 20px 15px;
        font-size: 14px;
    }

    #news-detail .news-paid-available .news-paid-available-limit {
        font-size: 16px;
        right: -58px;
    }

    #news-detail .news-paid-available .news-paid-available-limit:before {
        left: -35px;
    }

    #news-detail .news-paid-available .news-paid-available-limit p > span {
        font-size: 27px;
    }

    #news-detail .news-paid-available .news-paid-available-pri {
        padding-left: 10px;
    }

    #news-detail .news-paid-available .news-paid-available-pri .fc-green {
        font-size: 16px;
    }

    #news-detail .news-paid-available .news-paid-available-pri .co-001g {
        margin: 5px !important;
    }
}

/* 通常会員への切り替え
------------------------------------------------------------------------------------- */
#preferential-member-request {
    font-size: 15px;
}

#preferential-member-request * {
    box-sizing: border-box;
}

#preferential-member-request .co-title1 span {
    font-size: 21px;
}

#preferential-member-request h2 {
    border-bottom: 0;
    color: #333333;
    margin-bottom: 15px;
}

#preferential-member-request h3 {
    margin: 0;
    font-size: 16px;
}

#preferential-member-request .cont-area {
    max-width: 840px;
    width: calc(100% - 50px);
    margin: 0 auto;
    line-height: 1.6;
}

#preferential-member-request .co-hang-indent10 * {
    text-indent: 0;
}

/* SP */
@media screen and (max-width: 670px) {
    #preferential-member-request {
        font-size: 14px;
    }

    #preferential-member-request .co-title1 span {
        font-size: 20px;
    }

    #preferential-member-request h2 {
        font-size: 16px;
    }

    #preferential-member-request h3 {
        font-size: 15px;
    }

    #preferential-member-request .cont-area {
        width: calc(100% - 30px);
    }
}

/*** 現在と切り替え後 ***/
#preferential-member-request .change-ba {
    display: flex;
    justify-content: space-between;
    margin: 25px auto 70px;
}

#preferential-member-request .change-ba > div {
    border-radius: 5px;
    border: 1px #cccccc solid;
    position: relative;
}

#preferential-member-request .change-ba h3 {
    padding: 10px;
    border-radius: 5px 5px 0 0;
}

#preferential-member-request .change-ba p {
    font-size: 14px;
    height: 235px;
    padding: 15px 20px;
    background: bottom 20px center / calc(100% - 77px) auto no-repeat;
}

#preferential-member-request .change-ba .before {
    flex-basis: 40.6%;
}

#preferential-member-request .change-ba .before h3 {
    background-color: #eeeeee;
}

#preferential-member-request .change-ba .before p {
    background-image: url('../image/img_before_00.png');
}

#preferential-member-request .change-ba .before:before,
#preferential-member-request .change-ba .before:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    border-top: 2px #aaaaaa solid;
    border-right: 2px #aaaaaa solid;
    transform: rotate(45deg);
    left: 107%;
    top: calc(50% - 12px);
}

#preferential-member-request .change-ba .before:after {
    margin-left: 13px;
}

#preferential-member-request .change-ba .after {
    flex-basis: 47.5%;
}

#preferential-member-request .change-ba .after h3 {
    background-color: #2c669f;
    color: #ffffff;
}

#preferential-member-request .change-ba .after p {
    background-image: url('../image/img_after_00.png');
}

#preferential-member-request .change-ba .after em {
    background: linear-gradient(to bottom, transparent 60%, #fff000 60%, #fff000 90%, transparent 90%);
    font-style: normal;
}

#preferential-member-request .change-ba .after .notice {
    position: absolute;
    top: calc(100% + 10px);
    font-size: 12px;
    text-indent: -1.4em;
    padding-left: 1.4em;
}

/* 什器資材 */
#preferential-member-request.fixture .change-ba .before p {
    background-image: url('../image/img_before_mat_00.png');
}

#preferential-member-request.fixture .change-ba .after p {
    background-image: url('../image/img_after_mat_00.png');
}

/* TAB/SP */
@media screen and (max-width: 940px) {
    #preferential-member-request .change-ba .before:before,
    #preferential-member-request .change-ba .before:after {
        width: 18px;
        height: 18px;
    }
}

/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
    #preferential-member-request .change-ba {
        max-width: 720px;
    }

    #preferential-member-request .change-ba h3 {
        padding: 7px 10px;
    }

    #preferential-member-request .change-ba p {
        padding: 15px;
        background-size: calc(100% - 40px) auto;
    }

    #preferential-member-request .change-ba .before {
        flex-basis: 43%;
    }

    #preferential-member-request .change-ba .after {
        flex-basis: calc(57% - 50px);
    }

    #preferential-member-request .change-ba .before:before,
    #preferential-member-request .change-ba .before:after {
        left: calc(100% + 5px);
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #preferential-member-request .change-ba {
        display: block;
    }

    #preferential-member-request .change-ba p {
        font-size: 13px;
    }

    #preferential-member-request .change-ba .before {
        margin-bottom: 40px;
    }

    #preferential-member-request .change-ba .before:before,
    #preferential-member-request .change-ba .before:after {
        left: calc(50% - 9px);
        top: 100%;
        transform: rotate(135deg);
    }

    #preferential-member-request .change-ba .before:after {
        margin: 10px 0 0;
    }

    #preferential-member-request .change-ba .before p {
        height: 160px;
        background-size: 180px auto;
    }

    #preferential-member-request .change-ba .after p {
        height: 200px;
        background-size: 240px auto;
    }

    #preferential-member-request .change-ba .after .notice {
        font-size: 11px;
    }
}

/*** ジャンルリスト ***/
#preferential-member-request .genre {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
}

#preferential-member-request .genre li {
    margin-bottom: 5px;
}

#preferential-member-request .genre li:not(:last-child) {
    margin-right: 20px;
}

#preferential-member-request .genre li:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #666666;
    vertical-align: 1px;
    margin-right: 5px;
    border-radius: 50%;
}

/* SP */
@media screen and (max-width: 670px) {
    #preferential-member-request .genre {
        font-size: 13px;
        margin: 15px 5px 0;
    }
}

/*** 申し込みフロー ***/
#preferential-member-request .flow {
    display: flex;
    margin: 25px 0 5px;
    padding: 0;
}

#preferential-member-request .flow li:not(.last) {
    margin-left: 5px;
    flex-shrink: 0;
    padding: 0 15px 0 40px;
    position: relative;
    height: 71px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 100px;
}

/* やじるし */
#preferential-member-request .flow li:not(.last):before,
#preferential-member-request .flow li:not(.last):after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
}

#preferential-member-request .flow li:not(.last):before,
#preferential-member-request .flow li:not(.last):after {
    border-width: 35px 0 35px 17px;
    top: 0;
    left: 100%;
    z-index: 2;
}

#preferential-member-request .flow li:not(.last):before {
    border-color: transparent #ffffff;
    margin-left: 5px;
}

/* 色 */
#preferential-member-request .flow li:nth-child(1) {
    margin-left: 0;
    padding-left: 25px;
    background-color: #eeeeee;
}

#preferential-member-request .flow li:nth-child(1):after {
    border-color: transparent #eeeeee;
}

#preferential-member-request .flow li:nth-child(2) {
    background-color: #d9eaf5;
}

#preferential-member-request .flow li:nth-child(2):after {
    border-color: transparent #d9eaf5;
}

#preferential-member-request .flow li:nth-child(3) {
    background-color: #2c669f;
    color: #ffffff;
    flex-direction: column;
}

#preferential-member-request .flow li:nth-child(3) span {
    font-size: 13px;
}

#preferential-member-request .flow li:nth-child(3):after {
    border-color: transparent #2c669f;
}

#preferential-member-request .flow .last {
    margin-left: 35px;
    font-weight: bold;
    color: #2c669f;
    align-self: center;
}

#preferential-member-request .flow-note {
    font-size: 13px;
    margin-bottom: 25px;
}

/* 什器資材 */
#preferential-member-request.fixture .flow .last span {
    display: block;
}

#preferential-member-request.fixture .flow .last br {
    display: none;
}

/* SP */
@media screen and (max-width: 670px) {
    #preferential-member-request .flow {
        display: block;
        width: 230px;
        margin: 20px auto;
    }

    #preferential-member-request .flow li {
        min-width: 0;
        height: auto;
    }

    #preferential-member-request .flow li:not(.last) {
        padding: 30px 0 5px;
        margin: 5px 16px 0;
    }

    #preferential-member-request .flow li:nth-child(1) {
        padding: 20px 20px 10px;
    }

    #preferential-member-request .flow li:nth-child(3) {
        padding-bottom: 15px;
    }

    #preferential-member-request .flow li:nth-child(3) span {
        font-size: 12px;
    }

    #preferential-member-request .flow li:not(.last):before,
    #preferential-member-request .flow li:not(.last):after {
        border-width: 99px 0 99px 15px;
        top: calc(100% - 92px);
        left: 91px;
        transform: rotate(90deg);
    }

    #preferential-member-request .flow li:not(.last):before {
        margin: 5px 0 0;
    }

    #preferential-member-request .flow .last {
        margin: 25px 0 0;
        text-align: center;
    }

    #preferential-member-request .flow-note {
        font-size: 12px;
        text-align: center;
    }
}

/*** ご用意いただくもの ***/
#preferential-member-request .prepared {
    border: 1px #cccccc solid;
    background-color: #f6f6f6;
    border-radius: 5px;
    padding: 25px;
    margin: 10px 0 70px;
}

#preferential-member-request .prepared section {
    display: flex;
    align-items: flex-start;
    padding: 0 5px;
}

#preferential-member-request .prepared h4 {
    margin: 0 0 20px;
}

#preferential-member-request .prepared h4:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 25px;
    margin-right: 9px;
    background: left top / contain no-repeat;
}

#preferential-member-request .prepared .shop h4:before {
    background-image: url('../image/icon_shop_00.svg');
}

#preferential-member-request .prepared .web h4:before {
    background-image: url('../image/icon_web_00.svg');
}

#preferential-member-request .prepared figure {
    margin: 0;
    line-height: 0;
}

#preferential-member-request .prepared figure img {
    max-width: 100%;
}

#preferential-member-request .prepared .prepared-img {
    flex-basis: 46.6%;
    flex-shrink: 0;
    margin-left: 30px;
}

#preferential-member-request .prepared .prepared-note {
    font-size: 14px;
}

#preferential-member-request .prepared .shop .prepared-img {
    display: flex;
    justify-content: space-between;
}

#preferential-member-request .prepared .shop .prepared-img li {
    flex-basis: 108px;
    display: flex;
    flex-direction: column;
}

#preferential-member-request .prepared .shop .prepared-img p {
    font-size: 13px;
    color: #666666;
    flex-grow: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 9px 0 0;
}

#preferential-member-request .prepared .shop .prepared-img figure {
    min-height: 0%;
}

#preferential-member-request .prepared .web {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px #bfbfbf dashed;
}

#preferential-member-request .prepared .web .prepared-img img {
    max-width: 279px;
}

/* TAB/SP */
@media screen and (max-width: 940px) {
    #preferential-member-request .prepared section {
        display: block;
    }

    #preferential-member-request .prepared .prepared-img {
        margin: 20px auto 0;
        text-align: center;
    }
}

/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
    #preferential-member-request .prepared .prepared-img {
        max-width: 360px;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #preferential-member-request .prepared {
        padding: 20px 15px;
    }

    #preferential-member-request .prepared section {
        padding: 0;
    }

    #preferential-member-request .prepared .prepared-img img {
        max-width: 100% !important;
    }

    #preferential-member-request .prepared .prepared-note {
        font-size: 13px;
    }

    #preferential-member-request .prepared .shop .prepared-img {
        max-width: 290px;
        width: 100%;
    }

    #preferential-member-request .prepared .shop .prepared-img li {
        flex-basis: calc(33.333% - 6px);
    }

    #preferential-member-request .prepared .shop .prepared-img p {
        font-size: 12px;
        line-height: 1.4;
    }

    #preferential-member-request .prepared .web .prepared-img {
        max-width: 260px;
        width: 85%;
    }
}

/*** トライアル期間あり切り替えのクレカ登録 ***/
#preferential-member-request,
#preferential-member-request *:not(input) {
    box-sizing: border-box;
}

#preferential-member-request .fo-rwd-table .payment-card-num span {
    font-size: 10px;
}

#preferential-member-request .fo-radio label .fo-sub-text {
    font-size: 12px;
    margin: 3px 0 0 25px;
    font-weight: normal;
    display: block;
}

#preferential-member-request .fo-radio.selected-card {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#preferential-member-request .now-select-card {
    color: #dc4d4d;
    font-size: 11px;
    margin: 3px 0 0 25px;
    flex-grow: 2;
}

#preferential-member-request input[name^='creditNumber'].fo-textbox-vshort {
    padding-left: 5px;
    padding-right: 5px;
}

#preferential-member-request .fo-req-flex {
    display: block;
}

#preferential-member-request .card-exist .fo-req-flex {
    display: flex;
}

/* 新規クレジットのラジオ */
#preferential-member-request .new-credit-radio {
    display: none;
}

#preferential-member-request .new-credit-radio:checked + .fo-radio label:before {
    background-color: #2489ce;
}

/* 外側のフォーム（商品代金支払い方法の登録ありの場合に表示） */
#preferential-member-request .card-exist .fo-rwd-table:not(.inner-credit-form) .th-cap {
    width: 11.6em;
}

#preferential-member-request .card-exist .fo-rwd-table:not(.inner-credit-form) .td-txt {
    width: auto;
}

/* 中のフォーム（商品代金支払い方法の登録ありの場合に内包。なしの場合は外側になる。） */
#preferential-member-request .td-txt .new-credit-formwrap {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
}

#preferential-member-request .td-txt #newCredit:checked ~ .new-credit-formwrap {
    opacity: 1;
    max-height: 10000px;
    overflow: visible;
    transition: all 0.5s ease-in-out;
}

#preferential-member-request .td-txt .fo-rwd-table.inner-credit-form {
    border-radius: 5px;
    background-color: #f6f6f6;
    margin: 10px 0 5px 25px;
    width: calc(100% - 45px);
}

#preferential-member-request .td-txt .fo-rwd-table.inner-credit-form .th-cap,
#preferential-member-request .td-txt .fo-rwd-table.inner-credit-form .td-txt {
    border: 0;
    background-color: transparent;
}

#preferential-member-request .td-txt .fo-rwd-table.inner-credit-form .th-cap {
    font-size: 13px;
    text-align: right;
}

#preferential-member-request .td-txt .fo-rwd-table.inner-credit-form .fo-form-wrap .fo-req-mark {
    font-size: 12px;
}

#preferential-member-request .fo-rwd-table.mfee-amount {
    margin-top: -1px;
}

#preferential-member-request .new-credit-formwrap + .fo-rwd-table.mfee-amount .th-cap {
    width: 38%;
}

/*** オーソリエラー画面 ***/
#preferential-member-request [href^="tel"] {
    color: #333333;
    cursor: default;
}

#preferential-member-request [href^="tel"]:hover {
    text-decoration: none;
}

#preferential-member-request .authori-err-area,
#preferential-member-request .authori-err-area .pay-contact-inner {
    display: flex;
    flex-wrap: wrap;
}

#preferential-member-request .authori-err-area {
    max-width: 806px;
    width: 96%;
    margin: 20px auto 0;
    justify-content: space-between;
}

#preferential-member-request .authori-err-area .pay-contact-box {
    width: calc(50% - 20px);
    border-radius: 5px;
    background-color: #f6f6f6;
    border: 1px #cccccc solid;
    padding: 25px;
    text-align: left;
}

#preferential-member-request .authori-err-area .pay-contact-inner {
    background-color: #ffffff;
    height: 12em;
    padding: 20px 5px;
    justify-content: space-around;
    align-items: center;
    text-align: center;
}

#preferential-member-request .authori-err-area .pay-contact-inner > *:not(.co-btn) {
    flex-basis: 100%;
}

#preferential-member-request .authori-err-area .pay-contact-inner .co-btn a {
    padding-left: 30px;
    padding-right: 30px;
}

/* TAB/SP */
@media screen and (max-width: 940px) {
    #preferential-member-request .co-title1 {
        margin-top: 20px;
    }

    #preferential-member-request [href^="tel"] {
        color: #0066cc;
    }

    #preferential-member-request .authori-err-area .pay-contact-box {
        flex-grow: 1;
        flex-basis: 100%;
        margin-bottom: 25px;
    }
}

/* TAB */
@media screen and (min-width: 671px) and (max-width: 940px) {
    #preferential-member-request .authori-err-area .pay-contact-box {
        display: flex;
        justify-content: space-around;
    }

    #preferential-member-request .authori-err-area .pay-contact-top {
        padding-right: 15px;
        flex-grow: 1;
    }

    #preferential-member-request .authori-err-area .pay-contact-inner {
        flex-basis: 24em;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #preferential-member-request .card-exist .fo-rwd-table:not(.inner-credit-form) .th-cap,
    #preferential-member-request .new-credit-formwrap + .fo-rwd-table.mfee-amount .th-cap {
        width: 100%;
    }

    /* 中のフォーム（商品代金支払い方法の登録ありの場合に内包。なしの場合は外側になる。） */
    #preferential-member-request .td-txt .fo-rwd-table.inner-credit-form {
        margin: 6px 0 0;
        width: 100%;
        border-radius: 0;
        border: 1px #cccccc solid;
        background-color: #ffffff;
        padding: 10px;
    }

    #preferential-member-request .td-txt .fo-rwd-table.inner-credit-form .th-cap {
        text-align: left;
        background-color: #eeeeee;
        padding: 7px 8px;
    }

    #preferential-member-request .td-txt .fo-rwd-table.inner-credit-form .td-txt {
        padding: 12px 1px;
    }

    #preferential-member-request .fo-rwd-table.inner-credit-form .fo-radio:first-child {
        margin-top: 0;
    }

    #newCredit + .fo-radio {
        margin: 0 0 10px;
    }

    /*** オーソリエラー画面 ***/
    #preferential-member-request .authori-err-area .pay-contact-box {
        padding: 20px 15px;
    }
}

/*** 切り替え処理中画面 ***/
#preferential-member-request .changing-loading {
    position: relative;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    margin: 80px auto 70px;
    line-height: 0;
}

#preferential-member-request .changing-loading img {
    width: 100%;
}

#preferential-member-request .changing-loading span,
#preferential-member-request .changing-loading span:before,
#preferential-member-request .changing-loading span:after {
    display: block;
    width: 4px;
    height: 24px;
    border-radius: 2px;
    position: absolute;
    animation: changingTypeLoad 1.2s infinite;
    transform-origin: center center;
}

#preferential-member-request .changing-loading span:before,
#preferential-member-request .changing-loading span:after {
    content: '';
}

#preferential-member-request .changing-loading span:before {
    transform: rotate(30deg);
    top: 8px;
    left: calc(50% + 30px);
}

#preferential-member-request .changing-loading span:after {
    transform: rotate(60deg);
    top: 31px;
    left: calc(50% + 54px);
}

/* 個別 */
#preferential-member-request .changing-loading span:nth-child(1) {
    top: -43px;
    left: calc(50% - 2px);
    background-color: #ffffff;
}

#preferential-member-request .changing-loading span:nth-child(1):before {
    animation-delay: 0.1s;
    background-color: #2c669f;
}

#preferential-member-request .changing-loading span:nth-child(1):after {
    animation-delay: 0.2s;
    background-color: #e9eff5;
}

#preferential-member-request .changing-loading span:nth-child(2) {
    transform: rotate(90deg);
    bottom: calc(50% - 12px);
    left: calc(50% + 62px);
    animation-delay: 0.3s;
    background-color: #c4d4e4;
}

#preferential-member-request .changing-loading span:nth-child(2):before {
    animation-delay: 0.4s;
    background-color: #d7e2ed;
}

#preferential-member-request .changing-loading span:nth-child(2):after {
    animation-delay: 0.5s;
    background-color: #b1c6dc;
}

#preferential-member-request .changing-loading span:nth-child(3) {
    transform: rotate(180deg);
    bottom: -43px;
    left: calc(50% - 2px);
    animation-delay: 0.6s;
    background-color: #aac2d8;
}

#preferential-member-request .changing-loading span:nth-child(3):before {
    animation-delay: 0.7s;
    background-color: #9eb9d3;
}

#preferential-member-request .changing-loading span:nth-child(3):after {
    animation-delay: 0.8s;
    background-color: #789dc1;
}

#preferential-member-request .changing-loading span:nth-child(4) {
    transform: rotate(270deg);
    top: calc(50% - 12px);
    left: calc(50% - 66px);
    animation-delay: 0.9s;
    background-color: #5281b0;
}

#preferential-member-request .changing-loading span:nth-child(4):before {
    animation-delay: 1s;
    background-color: #658fb9;
}

#preferential-member-request .changing-loading span:nth-child(4):after {
    animation-delay: 1.1s;
    background-color: #3f73a7;
}

/* SP */
@media screen and (max-width: 670px) {
    #preferential-member-request .changing-loading {
        transform: scale(0.8, 0.8);
        margin: 65px auto 55px;
    }
}

@keyframes changingTypeLoad {
    0% {
        background-color: #ffffff;
    }
    100% {
        background-color: #2c669f;
    }
}

/* クーポン規約・SDポイント規約
------------------------------------------------------------------------------------- */
.contents-guide-rules h2 {
    border: none;
}

.contents-guide-rules h3 {
    font-size: 16px;

}

.contents-guide-rules .rules-wrap {
    padding: 0 3px;
}

.contents-guide-rules section {
    font-size: 14px;
    margin-bottom: 30px;
}

.contents-guide-rules ol {
    padding: 0;
    counter-reset: outer-count;
}

.contents-guide-rules ol li {
    margin: 5px 0;
}

.contents-guide-rules ol li::before {
    counter-increment: outer-count;
    content: counter(outer-count) ". ";
}

.contents-guide-rules ol.inner-list li::before {
    content: "(" counter(outer-count) ")";
    position: absolute;
    top: 0;
    left: 0;
}

.contents-guide-rules ol.inner-list {
    padding-left: 1.5em;
}

.contents-guide-rules ol.inner-list li {
    padding-left: 2em;
    position: relative;
}

@media screen and (max-width: 670px) {
    .contents-guide-rules ol.inner-list {
        padding-left: 0;
    }
}

/* お問い合わせフォーム */
#contents-guide-help-form .cs-guide {
    margin: 0 0 20px;
    padding: 18px 65px;
    background-color: #eeeeee;
    font-size: 16px;
    text-align: center;
    display: inline-block;
}

#contents-guide-help-form .cs-guide span {
    display: block;
}

#contents-guide-help-form .cs-guide span:last-child {
    font-size: 14px;
    margin-top: 7px;
}

#contents-guide-help-form .cs-guide br {
    display: none;
}

@media screen and (max-width: 670px) {
    #contents-guide-help-form .cs-guide {
        padding: 10px;
    }

    #contents-guide-help-form .cs-guide br {
        display: block;
    }
}

/* 要望箱_9123_ジャンル絞り込み表示改修 */
#genre-new-dealer-area > h3 {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#genre-new-dealer-area .genre-new-dealer-list {
    padding: 0;
}

#genre-new-dealer-area .genre-new-dealer-list.dealer-itembox .itembtn-back [class^='item-btnback'],
#genre-new-dealer-area .genre-new-dealer-list.dealer-itembox .itembtn-next [class^='item-btnnext'],
#genre-new-dealer-area .genre-new-dealer-list.dealer-itembox .itembtn-next .item-lodingbtn {
    border-width: 1px 1px 1px 1px;
}

#genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area {
    height: auto;
}

#genre-new-dealer-area .genre-new-dealer-list .item-box-area .itembox-parts {
    width: 150px;
    margin-right: 30px;
    margin-top: 0;
    height: auto;
    float: none;
}

#genre-new-dealer-area .genre-new-dealer-list .itembox-parts .exhibit-date {
    background: #FFD800;
    border-radius: 50%;
    height: 52px;
    width: 52px;
    position: absolute;
    top: -10px;
    left: -16px;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 13px;
    line-height: 1.2;
    padding-top: 4px;
}

#genre-new-dealer-area .genre-new-dealer-list .itembox-parts .item-img-box > a,
#genre-new-dealer-area .genre-new-dealer-list .itembox-parts .item-img {
    max-width: 150px;
    max-height: 150px;
    box-sizing: content-box;
}

#genre-new-dealer-area .genre-new-dealer-list .itembox-parts .exhibit-date span:not(.co-dib) {
    font-weight: 600;
}

#genre-new-dealer-area .genre-new-dealer-list .itembox-parts .info-dealermark {
    margin: 0 0 3px;
}

/* PC */
@media screen and (min-width: 941px) {
    #genre-new-dealer-area .genre-new-dealer-list .item-box-area {
        padding-top: 15px;
    }

    #genre-new-dealer-area .genre-new-dealer-list .itembox-parts .item-img-box > a {
        border: #ccc 1px solid;
        height: 150px;
    }

    #genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts .item-dealer-name {
        margin-top: 7px;
    }

    #genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts .item-dealer-name a {
        color: rgb(102, 102, 102);
    }

    #genre-new-dealer-area .genre-new-dealer-list .dealer-itembox-inner {
        padding-left: 20px;
        margin-left: -20px;
    }
}

/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
    #genre-new-dealer-area .genre-new-dealer-list {
        margin-bottom: 50px;
    }
}

/* SP/TAB */
@media screen and (max-width: 940px) {
    #genre-new-dealer-area > h3 {
        font-size: 14px;
        border-bottom: none;
        text-align: center;
        margin: 30px 10px 0px;
    }

    #genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .item-scroll-area {
        padding-top: 12px;
    }

    #genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts {
        padding-bottom: 0;
        overflow: visible;
        border-bottom: #ccc 1px solid;
    }

    #genre-new-dealer-area .genre-new-dealer-list .itembox-parts > div:not(.exhibit-date) {
        padding-left: 7px;
        padding-right: 7px;
        border-top: #ccc 1px solid;
    }

    #genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts .exhibit-date {
        left: 5px;
    }

    #genre-new-dealer-area .genre-new-dealer-list .itembox-parts .info-dealermark .dealer-mark-smartd {
        margin: 0;
    }

    #genre-new-dealer-area .genre-new-dealer-list .item-scroll-box .itembox-parts .item-dealer-name a {
        border: none;
        padding: 10px 0;
        text-align: left;
        height: auto;
        position: relative;
        line-height: 1.2;
        margin: 5px 0 0;
        font-size: 12px;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #genre-new-dealer-area > h3 {
        margin: 30px 10px 8px;
        padding-bottom: 0;
    }
}

/************************* 会員情報変更フォーム *************************/
#retailer-account-change {
    word-break: break-all;
}

#retailer-account-change .fo-form-wrap .fo-rwd-table .row .th-cap {
    width: 190px;
}

#retailer-account-change .fo-rwd-table .row .td-txt {
    width: calc(100% - 190px);
}

#retailer-account-change .fo-rwd-table .documentsFile,
#retailer-account-change .fo-rwd-table .shopPhoto,
#retailer-account-change .fo-rwd-table .website,
#retailer-account-change .fo-rwd-table .netshop {
    display: none;
}

#retailer-account-change .dsp-row {
    display: table-row !important;
}

#retailer-account-change .name-type {
    display: inline-block;
    width: calc(2em + 10px);
}

/*** ネットショップ ***/
#retailer-account-change .netshop-notice {
    margin: 0 0 5px 20px;
}

#retailer-account-change .netshop-notice li {
    list-style: disc;
    margin-bottom: 5px;
}

#retailer-account-change #add-url {
    width: 97%;
    max-width: 354px;
    cursor: pointer;
    border: 1px #aaaaaa dashed;
    margin-top: 10px;
    color: #0066cc;
    text-align: center;
    border-radius: 3px;
    padding: 5px;
}

#retailer-account-change #add-url:hover {
    background-color: #f7f7f7;
}

#retailer-account-change #add-url::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../image/add_plus_00.png') center center / contain no-repeat;
    vertical-align: -3px;
    margin-right: 3px;
}

#retailer-account-change .new-url:not(:first-of-type) {
    margin-top: 7px;
}

/*** ファイル・写真 ***/
#retailer-account-change .file-upload-area {
    display: flex;
}

#retailer-account-change .file-upload-area .fileUpload {
    width: 140px;
    margin: 0 13px;
}

#retailer-account-change .file-upload-area label {
    cursor: pointer;
    display: block;
    position: relative;
    text-align: center;
    color: #666666;
}

#retailer-account-change .file-upload-area input {
    display: none;
}

#retailer-account-change .file-upload-area .photo-select-txt {
    font-size: 14px;
    margin-bottom: 3px;
    height: 2.8em;
    display: flex;
    align-items: center;
    justify-content: center;
}

#retailer-account-change .file-upload-area .photo-select-txt.one-line {
    padding-top: 0.7em;
}

#retailer-account-change .file-upload-area .photo-image {
    line-height: 0;
    width: 140px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eee;
}

#retailer-account-change .file-upload-area .photo-image img,
#retailer-account-change .file-upload-area .photo-image .upfile {
    max-width: 140px;
    max-height: 130px;
}

#retailer-account-change .file-upload-area .photo-image img {
    pointer-events: none;
}

#retailer-account-change .file-upload-area:not(.conf) .photo-image:hover img {
    opacity: 0.7;
}

#retailer-account-change .file-upload-area .photo-image > span {
    display: inline-block;
    position: relative;
    z-index: 2;
}

#retailer-account-change .file-upload-area .photo-image span .photo-cancel {
    cursor: pointer;
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    background: url('../image/img_cancel_00.png') center center no-repeat;
    background-size: cover;
    top: -12px;
    right: -12px;
    z-index: 2;
}

#retailer-account-change .shopPhoto .file-upload-area .file-cancel {
    top: 28px;
}

#retailer-account-change .file-upload-area .photo-btn {
    margin: 10px 0 7px;
    position: relative;
    display: block;
}

#retailer-account-change .fileUpload {
    position: relative;
}

#retailer-account-change .file-upload-area .file-cancel {
    cursor: pointer;
    position: absolute;
    display: none;
    width: 30px;
    height: 30px;
    background: url('../image/img_cancel_00.png') center center / cover no-repeat;
    top: -12px;
    right: -12px;
    z-index: 2;
}

#retailer-account-change .or-hr {
    background-image: linear-gradient(to right, #cccccc, #cccccc 3px, transparent 3px, transparent 6px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    background-position: center left;
    text-align: center;
    font-size: 15px;
    margin: 20px 0 15px;
}

#retailer-account-change .or-hr span {
    display: inline-block;
    padding: 2px 5px;
    background-color: #ffffff;
}

/*** ファイル注記 ***/
#retailer-account-change .file-notice {
    background-color: #f6f6f6;
    padding: 6px;
    display: inline-flex;
    font-size: 12px;
    color: #666666;
    border-radius: 5px;
    margin: 10px 0 20px;
}

#retailer-account-change .file-notice dt::after {
    content: '：';
}

#retailer-account-change .file-notice dt:not(:first-child)::before {
    content: '／';
    margin: 0 3px;
}

#retailer-account-change .file-notice dd {
    margin: 0;
}

#retailer-account-change .url-list li:not(:first-child) {
    margin-top: 8px;
}

.app-login {
    padding: 80px 40px 150px;
    max-width: 1020px;
    margin: 0 auto;
}

.app-login-intro {
    text-align: center;
}

.app-login-intro-heading {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.app-login-intro-description {
    font-size: 15px;
    margin-top: 7px;
}

.app-login-contents {
    display: flex;
    margin-top: 40px;
    justify-content: space-between;
    align-items: flex-start;
}

.app-login-register {
    text-align: center;
    flex: 0 1 47%;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
}

.app-login-register-inner {
    font-size: 15px;
    padding: 25px 10px 40px;
    margin: 0;
}

.app-login-register-heading {
    padding: 15px 0;
    background: #333333;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}

.app-login-register-intro {
    margin: 0 0 15px;
}

.app-login-member {
    padding: 30px 10px;
    text-align: center;
    flex: 0 1 47%;
    background: #F6F6F6;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
}

.app-login-member-heading {
    font-size: 17px;
    font-weight: bold;
}

.app-login-member-inner {
    margin: 0;
}

.app-login-member-link {
    margin: 10px 0 0;
}

.app-login-member-link a {
    display: inline-block;
    padding-left: 30px;
    position: relative;
    font-size: 18px;
    color: #06c !important;
}

.app-login-member-link a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url('../image/icon_login_bl_min.png') no-repeat 0 0  / cover;
    width: 21px;
    height: 19px;
}

.app-login-register-inner .co-btn-red {
    width: 270px;
}

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

}

@media screen and (max-width: 670px) {
    .app-login {
        padding: 50px 8vw 100px;
    }

    .app-login-intro-description {
        font-size: 13px;
    }

    .app-login-contents {
        margin-top: 30px;
        flex-direction: column;
        align-items: initial;
    }

    .app-login-contents-item:nth-child(n+2) {
        margin-top: 20px;
    }

    .app-login-register-heading {
        font-size: 15px;
    }

    .app-login-member-heading {
        font-size: 15px;
    }

    .app-login-member-link a {
        font-size: 15px;
    }

    .app-login-register-inner .co-btn-red {
        width: 100%;
    }
}

.app-login {
    padding: 80px 40px 150px;
    max-width: 1020px;
    margin: 0 auto;
}

.app-login-intro {
    text-align: center;
}

.app-login-intro-heading {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.app-login-intro-description {
    font-size: 15px;
    margin-top: 7px;
}

.app-login-contents {
    display: flex;
    margin-top: 40px;
    justify-content: space-between;
    align-items: flex-start;
}

.app-login-contents.single-column {
    display: block;
}

.app-login-contents.single-column .app-login-contents-item {
    margin: 0 auto;
    max-width: 670px;
    padding: 40px 10px;
}

.app-login-contents.single-column .app-login-member-link {
    margin: 20px 0 0;
}

.app-login-register {
    text-align: center;
    flex: 0 1 47%;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
}

.app-login-register-inner {
    font-size: 15px;
    padding: 25px 10px 40px;
    margin: 0;
}

.app-login-register-heading {
    padding: 15px 0;
    background: #333333;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}

.app-login-register-intro {
    margin: 0 0 15px;
}

.app-login-member {
    padding: 30px 10px;
    text-align: center;
    flex: 0 1 47%;
    background: #F6F6F6;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
}

.app-login-member-heading {
    font-size: 17px;
    font-weight: bold;
}

.app-login-member-heading .description {
    margin-top: 7px;
    display: block;
    font-size: 15px;
    font-weight: normal;
}

.app-login-member-inner {
    margin: 0;
}

.app-login-member-link {
    margin: 10px 0 0;
}

.app-login-member-link a {
    display: inline-block;
    padding-left: 30px;
    position: relative;
    font-size: 18px;
    color: #06c !important;
}

.app-login-member-link a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url('../image/icon_login_bl_min.png') no-repeat 0 0  / cover;
    width: 21px;
    height: 19px;
}

.app-login-register-inner .co-btn-red {
    width: 270px;
}

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

}

@media screen and (max-width: 670px) {
    .app-login {
        padding: 50px 8vw 100px;
    }

    .app-login-intro-description {
        font-size: 13px;
    }

    .app-login-contents {
        margin-top: 30px;
        flex-direction: column;
        align-items: initial;
    }

    .app-login-contents-item:nth-child(n+2) {
        margin-top: 20px;
    }

    .app-login-register-heading {
        font-size: 15px;
    }

    .app-login-member-heading {
        font-size: 15px;
    }

    .app-login-member-link a {
        font-size: 15px;
    }

    .app-login-register-inner .co-btn-red {
        width: 100%;
    }

    .app-login-member-heading span {
        font-size: 13px;
    }
}

#ie11_attention .co-001g {
    color: #0066cc;
}

/* MONTHLY EXPO
-------------------------------------------------------------- */
#monthly-expo p, #monthly-expo h2, #monthly-expo h3 {
    margin: 0;
    font-size: 14px;
}

#monthly-expo h2 {
    border-bottom: none;
}

#monthly-expo a:visited, #monthly-expo a:hover {
    text-decoration: none;
}

#monthly-expo img {
    max-width: 100%;
    height: auto;
    line-height: 0;
}

#monthly-expo .inner {
    width: 95%;
    max-width: 1330px;
    margin: 0 auto;
}

#monthly-expo .bg-line {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

#monthly-expo .bg-line::before {
    content: "";
    width: 230%;
    height: 684px;
    left: -60%;
    top: 24%;
    position: absolute;
    display: block;
    background: #F9F9F9;
    transform: rotate(328deg);
    -webkit-transform: rotate(328deg);
    z-index: -1;
}

#monthly-expo .title-area {
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

#monthly-expo .title-area h2 {
    margin: 0 auto;
    font-size: 35px;
    color: #2B2B2B;
    font-weight: 600;
}

/* main-visual */
#monthly-expo .main-visual {
    margin: 0 auto;
    text-align: center;
}

#monthly-expo .main-visual .mv-title-img {
    margin: 0 auto 31px;
    padding: 20px 0;
    background: url("../image/bg_top_pc_02.png") center center no-repeat #A4D2CE;
    background-size: auto 100%;
}

#monthly-expo .main-visual .mv-title-img img {
    vertical-align: top;
}

#monthly-expo .main-visual .end-txt {
    background-color: #ffe9ec;
    color: #dc4d4d;
    font-size: 14px;
    text-align: center;
    padding: 8px;
    border: 1px solid #dc4d4d;
    margin: 30px 0;
}

#monthly-expo .main-visual .banner {
    max-width: 1330px;
}

#monthly-expo .main-visual .banner img {
    width: 100%;
}

#monthly-expo .main-visual .live-area-wrap {
    border: solid 1px #C83F3F;
    margin: 20px 0 20px;
    position: relative;
    overflow: hidden;
    background-color: #FFFFFF;
}

#monthly-expo .main-visual .live-area {
    border: solid 1px #C83F3F;
    padding: 22px 110px 18px;
    margin: 3px;
}

#monthly-expo .main-visual .live-area.long {
    padding: 22px 90px 18px;
}

#monthly-expo .main-visual .live-area._160 {
    padding: 22px 160px 18px;
}

#monthly-expo .main-visual .live-area._120 {
    padding: 22px 120px 18px;
}

#monthly-expo .main-visual .live-area .ribbon {
    width: 205px;
    height: 50px;
    line-height: 2;
    background-color: #B51010;
    color: #FFFFFF;
    font-size: 27px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-45deg) translate(-50px, -25px);
}

#monthly-expo .main-visual .live-area .time {
    max-width: 600px;
    padding: 3px 0 1px;
    margin: 0 auto;
    background-color: #2B2B2B;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 600;
    border-radius: 20px;
}

#monthly-expo .main-visual .live-area .time span {
    margin-left: 5px;
    font-size: 14px;
    vertical-align: middle;
}

#monthly-expo .main-visual .live-area .insta {
    margin: 10px 0;
    font-size: 14px;
}

#monthly-expo .main-visual .live-area .insta a {
    color: #3F85FF;
}

#monthly-expo .main-visual .live-area > a {
    max-width: 388px;
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    box-sizing: border-box;
    background: linear-gradient(270deg, #d63886 0%, #ff8d52 100%);
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 600;
    border-radius: 10px;
    position: relative;
    display: block;
}

#monthly-expo .main-visual .live-area > a::before {
    display: inline-block;
    content: "";
    background: url("../image/instagram.png") no-repeat;
    height: 100%;
    max-height: 43px;
    width: 100%;
    max-width: 43px;
    background-size: contain;
    position: absolute;
    left: 2%;
    top: 50%;
    margin-top: -21.5px;
}

#monthly-expo .main-visual .live-area > a::after {
    display: inline-block;
    content: "";
    background: url("../image/arrow_blackbutton.png") no-repeat;
    height: 16px;
    width: 10px;
    background-size: contain;
    position: absolute;
    right: 5%;
    top: 50%;
    margin-top: -8px;
}

#monthly-expo .main-visual .live-area > a.facebook {
    max-width: 422px;
    color: #333333;
    background: #E7EBF2;
    border: solid 3px #637AAD;
    box-sizing: border-box;
    font-size: 21px;
}

#monthly-expo .main-visual .live-area > a.facebook::before {
    background: url("../image/facebook.png") no-repeat;
    background-size: contain;
}

#monthly-expo .main-visual .live-area > a.facebook::after {
    background: url("../image/arrow_blackbutton_hover.png") no-repeat;
    background-size: contain;
}

#monthly-expo .main-visual .live-area > a:hover {
    opacity: 0.8;
}

/* ranking */
#monthly-expo .ranking {
    margin: 75px auto 0;
}

#monthly-expo .ranking .inner {
    width: 86.5%;
    max-width: 1190px;
}

#monthly-expo .ranking .title-area img {
    max-width: 270px;
    width: 100%;
    margin-bottom: 12px;
}

#monthly-expo .ranking .title-area h2 {
    max-width: 830px;
    width: 95%;
    line-height: 1.2;
}

#monthly-expo .ranking .title-area h2 .font-small {
    text-align: center;
    font-size: 20px;
}

#monthly-expo .ranking [class^='scrlbtn'] {
    width: 50px;
    height: 143px;
    position: absolute;
    top: 31%;
    text-indent: -100px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    z-index: 3;
    transition: left 0.2s, right 0.2s;
    content: "";
    display: block;
    background: url("../image/arrow.png") no-repeat center center;
    background-size: contain;
}

#monthly-expo .ranking [class^='scrlbtn'] a {
    width: 50px;
    height: 143px;
    position: absolute;
    top: 0;
    left: 0;
}

#monthly-expo .ranking .scrlbtn-prev {
    left: -5%;
    transform: scale(-1, 1);
}

#monthly-expo .ranking .scrlbtn-next {
    right: -5%;
}

#monthly-expo .ranking .slide {
    position: relative;
}

#monthly-expo .ranking .slide .bx-viewport {
    height: 100% !important;
}

#monthly-expo .ranking ul {
    margin: 51px auto 142px;
    display: flex;
}

#monthly-expo .ranking li {
    border: 1px solid #3A3A3A;
    background-color: #FFFFFF;
    padding: 15px 15px 31px;
    box-sizing: border-box;
    position: relative;
    max-width: 280px;
}

#monthly-expo .ranking li a {
    color: #3A3A3A;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
}

#monthly-expo .ranking li:hover {
    opacity: 0.7;
}

#monthly-expo .ranking .img-area {
    line-height: 0;
    border: solid 1px #D2D2D2;
    box-sizing: border-box;
    margin: 0 25px;
    text-align: center;
    height: 200px;
}

#monthly-expo .ranking .img-area img {
    max-width: 196px;
    height: 100%;
}

#monthly-expo .ranking .img-area::before {
    content: "";
    width: 60px;
    height: 92px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 4%;
    top: 0;
    z-index: 1;
}

#monthly-expo .ranking .img-area.rank1::before {
    background: url("../image/rank_01.svg");
}

#monthly-expo .ranking .img-area.rank2::before {
    background: url("../image/rank_02.svg");
}

#monthly-expo .ranking .img-area.rank3::before {
    background: url("../image/rank_03.svg");
}

#monthly-expo .ranking .img-area.rank4::before {
    background: url("../image/rank_04.svg");
}

#monthly-expo .ranking .img-area.rank5::before {
    background: url("../image/rank_05.svg");
}

#monthly-expo .ranking .img-area.rank6::before {
    background: url("../image/rank_06.svg");
}

#monthly-expo .ranking .img-area.rank7::before {
    background: url("../image/rank_07.svg");
}

#monthly-expo .ranking .img-area.rank8::before {
    background: url("../image/rank_08.svg");
}

#monthly-expo .ranking .img-area.rank9::before {
    background: url("../image/rank_09.svg");
}

#monthly-expo .ranking .img-area.rank10::before {
    background: url("../image/rank_10.svg");
}

#monthly-expo .ranking ul li .txt-area {
    font-weight: 600;
}

#monthly-expo .ranking ul li .txt-area h3 {
    margin: 8px 0 0;
    font-size: 16px;
    text-align: center;
    min-height: 54px;
}

#monthly-expo .ranking ul li .txt-area .comment {
    font-size: 13px;
    color: #005D9F;
    display: flex;
    align-items: center;
}

#monthly-expo .ranking ul li .txt-area .comment::after {
    border-top: 1px solid;
    content: "";
    flex-grow: 1;
}

#monthly-expo .ranking ul li .txt-area .comment::after {
    margin-left: 6px;
}

#monthly-expo .ranking ul li .txt-area .txt {
    font-weight: normal;
    font-size: 14px;
    color: #8F8F8F;
}

#monthly-expo .ranking li .icon {
    content: "";
    width: 60px;
    height: 60px;
    margin-top: auto;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #C2DEF2;
    background-size: contain;
    border-radius: 50%;
    position: absolute;
    right: 5%;
    bottom: -6%;
    border: 2px solid #b5b5b5;
}

#monthly-expo .ranking li .icon.man01 {
    background-image: url("../image/man01.png");
}

#monthly-expo .ranking li .icon.man02 {
    background-image: url("../image/man02.png");
}

#monthly-expo .ranking li .icon.man03 {
    background-image: url("../image/man03.png");
}

#monthly-expo .ranking li .icon.man04 {
    background-image: url("../image/man04.png");
}

#monthly-expo .ranking li .icon.man05 {
    background-image: url("../image/man05.png");
}

#monthly-expo .ranking li .icon.woman01 {
    background-image: url("../image/woman01.png");
}

#monthly-expo .ranking li .icon.woman02 {
    background-image: url("../image/woman02.png");
}

#monthly-expo .ranking li .icon.woman03 {
    background-image: url("../image/woman03.png");
}

#monthly-expo .ranking li .icon.woman04 {
    background-image: url("../image/woman04.png");
}

#monthly-expo .ranking li .icon.woman05 {
    background-image: url("../image/woman05.png");
}

/* Recommended Comment */
#monthly-expo .r-comment {
    padding: 57px 0 86px;
}

#monthly-expo .r-comment .inner {
    width: 90%;
    max-width: 1103px;
}

#monthly-expo .r-comment .title-area h2 {
    margin: 0 auto 26px;
    line-height: 1.2;
}

#monthly-expo .r-comment ul {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

#monthly-expo .r-comment li {
    text-align: left;
}

#monthly-expo .r-comment li img {
    display: inline-block;
    vertical-align: middle;
}

#monthly-expo .r-comment li p {
    display: inline-block;
    font-size: 13px;
    max-width: 697px;
    padding: 14px 56px;
    text-align: left;
    background-color: #FFFFFF;
    border: 2px solid #9CC69B;
    border-radius: 41px;
    color: #707070;
    box-sizing: border-box;
    position: relative;
}

#monthly-expo .r-comment li p::after {
    content: "";
    background: #9CC69B;
    height: 40px;
    width: 2px;
    position: absolute;
    left: 43px;
    bottom: -40px;
    transform: rotate(40deg);
}

#monthly-expo .r-comment li:nth-child(2) {
    margin-top: -12px;
    text-align: right;
}

#monthly-expo .r-comment li:nth-child(2) p {
    padding: 23px 56px;
    margin-right: 10px;
    border: 2px solid #FFCB39;
}

#monthly-expo .r-comment li:nth-child(2) p::after {
    background: #FFCB39;
    left: unset;
    right: 43px;
    transform: rotate(-40deg);
}

#monthly-expo .r-comment li:nth-child(3) {
    margin-top: 6px;
}

#monthly-expo .r-comment li:nth-child(3) p {
    margin-left: 10px;
    border: 2px solid #92BAEA;
}

#monthly-expo .r-comment li:nth-child(3) p::after {
    background: #92BAEA;
}

/* vendors */
#monthly-expo .vendors .title-area h2 {
    max-width: 890px;
    line-height: 1.2;
    margin: 20px auto;
}

#monthly-expo.jp .vendors .title-area h2 {
    max-width: 800px;
}

#monthly-expo .vendors .category-btn {
    margin: 0 auto 93px;
    text-align: center;
    max-width: 1100px;
}

#monthly-expo .vendors .category-btn.width-1200 {
    max-width: 1200px;
}

#monthly-expo .vendors .category-btn a {
    padding: 5px 1.3%;
    color: #8F8F8F;
    font-size: 15px;
    border: solid 1px #707070;
    border-radius: 7px;
    margin: 0 7px 13px 7px;
    display: inline-block;
    background-color: #FFFFFF;
}

#monthly-expo .vendors .category-btn a:hover,
#monthly-expo .vendors .category-btn a:active {
    background-color: #F3F3F3;
}

#monthly-expo .vendors ul {
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#monthly-expo .vendors li {
    width: 49%;
    border: 1px solid #BCBCBC;
    background-color: #FFFFFF;
    padding: 25px 1.5% 20px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
}

#monthly-expo .vendors li:not(:nth-of-type(-n+2)) {
    margin-top: 79px;
}

#monthly-expo .vendors .anchor {
    display: block;
    padding-top: 136px;
    margin-top: -136px;
}

#monthly-expo .vendors li .circle {
    position: absolute;
    left: 2%;
    top: -6%;
    background: #FF6F00;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    line-height: 1;
}

#monthly-expo .vendors li .circle p {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 21px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 50%;
    transform: translate(50%, 50%);
    width: 100%;
    letter-spacing: -0.03em;
}

#monthly-expo .vendors li .circle .in {
    position: static;
    transform: none;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    height: 80px;
    margin-top: 2px;
}

#monthly-expo .vendors li .circle .in .some {
    font-size: 18px;
}

#monthly-expo .vendors li .category {
    margin-left: 90px;
    font-size: 25px;
    font-weight: 600;
}

#monthly-expo .vendors li .txt {
    margin-top: 9px;
    line-height: 1.4;
    font-size: 16px;
}

#monthly-expo .vendors li .notice {
    color: #D91A1A;
    font-size: 13px;
    text-indent: -1em;
    padding: 5px 0 0 1em;
}

#monthly-expo .vendors li .img-area {
    display: flex;
    justify-content: space-between;
    margin-top: 18px;
}

#monthly-expo .vendors li .img-area figure {
    margin: 0 0 15px 0;
    width: 23%;
    text-align: center;
    position: relative;
}

#monthly-expo .vendors li .img-area figure img {
    width: 100%;
    max-width: 140px;
    max-height: 140px;
    border: solid 1px #D2D2D2;
    box-sizing: border-box;
}

#monthly-expo .vendors li .img-area figcaption {
    font-size: 13px;
    line-height: 1.4;
    color: #858585;
    padding: 5px 0 0;
    text-align: left;
}

#monthly-expo .vendors li .img-area figure a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
}

#monthly-expo .vendors li .img-area figure:hover {
    opacity: 0.8;
}

#monthly-expo .vendors li .more-button {
    margin-top: auto;
}

#monthly-expo .vendors li .more-button a {
    width: 100%;
    max-width: 250px;
    padding: 10px 0;
    margin: 10px auto 0;
    display: block;
    text-align: center;
    color: #3A3A3A;
    background-color: #FFFFFF;
    border: 1px solid #989898;
    border-radius: 10px;
    font-weight: 600;
    font-size: 13px;
    position: relative;
}

#monthly-expo .vendors li .more-button a::after {
    display: inline-block;
    content: "";
    background: url(../image/arrow_blackbutton_hover.png) no-repeat;
    height: 9px;
    width: 6px;
    background-size: contain;
    position: absolute;
    right: 6%;
    top: 50%;
    margin-top: -4.5px;
}

#monthly-expo .vendors li .more-button a:hover {
    background-color: #EEF8FF;
}

#monthly-expo .vendors .display-none {
    display: none;
}

/* vendors（ブランド画像あり） */
#monthly-expo .vendors.brand-img .anchor {
    padding-top: 48px;
    margin-top: -48px;
}

#monthly-expo .vendors.brand-img .category-btn {
    margin: 0 auto 33px;
}

#monthly-expo .vendors.brand-img li {
    padding: 0 0 20px;
}

#monthly-expo .vendors.brand-img li:nth-last-of-type(-n+2) {
    margin-bottom: 0;
}

#monthly-expo .vendors.brand-img li .brandimg {
    max-width: 652px;
    width: 100%;
    vertical-align: bottom;
}

#monthly-expo .vendors.brand-img li:not(:nth-of-type(-n+2)) {
    margin-top: 55px;
}

#monthly-expo .vendors.brand-img .wrap {
    padding: 25px 3% 0;
    position: relative;
}

/* bottom area */
#monthly-expo .bottom-area {
    margin: 144px auto 45px;
    text-align: center;
}

#monthly-expo .bottom-area .button a {
    padding: 20px 0;
    margin: 0 auto;
    text-align: center;
    color: #FFFFFF;
    display: block;
    font-weight: 600;
    font-size: 27px;
    max-width: 617px;
    width: 100%;
    position: relative;
    background-color: #05327B;
    border: 1px solid #05327B;
    border-radius: 50px;
}

#monthly-expo .bottom-area a::after {
    display: inline-block;
    content: "";
    background: url("../image/arrow_blackbutton.png") no-repeat;
    height: 16px;
    width: 10px;
    background-size: contain;
    position: absolute;
    right: 6%;
    top: 50%;
    margin-top: -8px;
}

#monthly-expo .bottom-area a:hover {
    color: #05327B;
    background-color: #FFFFFF;
}

#monthly-expo .bottom-area a:hover::after {
    display: inline-block;
    content: "";
    background: url("../image/arrow_blackbutton_hover.png") no-repeat;
    height: 16px;
    width: 10px;
    background-size: contain;
    position: absolute;
    right: 6%;
    top: 50%;
    margin-top: -8px;
}

#monthly-expo .bottom-area .button a.long {
    max-width: 710px;
}

/* TAB */
@media screen and (max-width: 940px) {
    #monthly-expo .title-area h2 {
        font-size: 35px;
    }

    /* main-visual */
    #monthly-expo .main-visual .live-area-wrap {
        margin: 15px 0 50px;
    }

    #monthly-expo .main-visual .live-area,
    #monthly-expo .main-visual .live-area._160,
    #monthly-expo .main-visual .live-area._120 {
        padding: 20px 9% 18px;
    }

    #monthly-expo .main-visual .live-area.long {
        padding: 20px 7% 18px;
    }

    #monthly-expo .main-visual .live-area .ribbon {
        width: 216px;
        height: 60px;
        font-size: 31px;
    }

    #monthly-expo .main-visual .live-area > a {
        max-width: 410px;
        font-size: 21px;
    }

    #monthly-expo .main-visual .live-area > a::before {
        left: 1.5%;
    }

    /* ranking */
    #monthly-expo .ranking {
        margin: 95px auto 0;
    }

    #monthly-expo .ranking .inner {
        width: 76%;
        max-width: 708px;
    }

    #monthly-expo .ranking .title-area h2 {
        line-height: 1.2;
    }

    #monthly-expo .ranking [class^='scrlbtn'] {
        width: 35px;
        height: 100px;
        top: 34%;
    }

    #monthly-expo .ranking .scrlbtn-prev {
        left: -9%;
    }

    #monthly-expo .ranking .scrlbtn-next {
        right: -9%;
    }

    #monthly-expo .ranking ul {
        margin: 27px auto 128px;
    }

    #monthly-expo .ranking .img-area {
        line-height: 0;
        border: solid 1px #D2D2D2;
        margin: 0 10px;
        text-align: center;
    }

    #monthly-expo .ranking ul li .txt-area .comment::after {
        margin-left: 6px;
    }

    #monthly-expo .ranking li .icon {
        width: 60px;
        height: 60px;
        right: 5%;
        bottom: -6%;
    }

    /* Recommended Comment */
    #monthly-expo .r-comment {
        padding: 10px 0 40px;
    }

    #monthly-expo .r-comment .title-area h2 {
        margin: 0 auto 20px;
    }

    #monthly-expo .r-comment li:not(:first-child) {
        margin-top: 10px;
    }

    #monthly-expo .r-comment li p {
        max-width: 510px;
    }

    #monthly-expo .r-comment li:nth-child(2) p {
        padding: 14px 56px;
    }

    /* vendors */
    #monthly-expo .vendors .title-area h2,
    #monthly-expo.jp .vendors .title-area h2 {
        max-width: 630px;
        width: 95%;
    }

    #monthly-expo .vendors ul {
        display: block;
    }

    #monthly-expo .vendors .inner {
        width: 83%;
    }

    #monthly-expo .vendors li {
        width: 100%;
        padding: 25px 3% 20px;
    }

    #monthly-expo .vendors .anchor {
        padding-top: 53px;
        margin-top: -53px;
    }

    #monthly-expo.jp .vendors .anchor {
        padding-top: 22px;
        margin-top: -22px;
    }

    #monthly-expo .vendors li:not(:nth-child(-n+2)) {
        margin-top: 0;
    }

    #monthly-expo .vendors li:not(:first-of-type) {
        margin-top: 54px;
    }

    #monthly-expo .vendors li .img-area figure {
        width: 23.5%;
    }

    #monthly-expo .vendors .category-btn {
        width: 95%;
        margin: 0 auto 57px;
    }

    #monthly-expo .vendors li .more-button a {
        padding: 12px 0 10px;
        font-size: 15px;
    }

    #monthly-expo .vendors li .more-button a::after {
        height: 12px;
        width: 8px;
        top: 50%;
        margin-top: -6px;
    }

    /* vendors（ブランド画像あり） */
    #monthly-expo .vendors.brand-img .anchor {
        padding-top: 0;
        margin-top: 0;
    }

    #monthly-expo .vendors.brand-img .category-btn {
        margin: 0 auto 22px;
    }

    #monthly-expo .vendors.brand-img li {
        width: 100%;
    }

    /* bottom area */
    #monthly-expo .bottom-area {
        margin: 61px auto 0;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #monthly-expo .title-area h2 {
        font-size: 25px;
    }

    #monthly-expo .inner {
        width: 95%;
    }

    /* main-visual */
    #monthly-expo .main-visual .mv-title-img {
        padding: 12px 0 18px;
        margin: 0 auto 10px;
    }

    #monthly-expo .main-visual .mv-title-img img {
        max-width: 163px;
        width: 100%;
    }

    #monthly-expo .main-visual .end-txt {
        margin: 15px 0;
    }

    #monthly-expo .main-visual .banner {
        max-width: 750px;
    }

    #monthly-expo .main-visual .banner img {
        width: 100%;
    }

    #monthly-expo .main-visual .live-area-wrap {
        margin: 10px 0 36px;
    }

    #monthly-expo .main-visual .live-area,
    #monthly-expo .main-visual .live-area.long,
    #monthly-expo .main-visual .live-area._160,
    #monthly-expo .main-visual .live-area._120 {
        padding: 13px 3%;
        margin: 2px;
    }

    #monthly-expo .main-visual .live-area .ribbon {
        width: 140px;
        height: 25px;
        font-size: 14px;
        top: -5%;
        left: 1%;
    }

    #monthly-expo .main-visual .live-area .time {
        font-size: 14px;
    }

    #monthly-expo .main-visual .live-area .time span {
        font-size: 6px;
    }

    #monthly-expo .main-visual .live-area .insta {
        font-size: 12px;
    }

    #monthly-expo .main-visual .live-area > a {
        max-width: 262px;
        font-size: 15px;
    }

    #monthly-expo .main-visual .live-area > a.facebook {
        max-width: 284px;
        font-size: 14px;
    }

    #monthly-expo .main-visual .live-area > a::before {
        max-height: 29px;
        max-width: 29px;
        left: 1.5%;
        top: 50%;
        margin-top: -14.5px;
    }

    #monthly-expo .main-visual .live-area > a::after {
        height: 10px;
        width: 6px;
        right: 5%;
        top: 50%;
        margin-top: -5px;
    }

    /* ranking */
    #monthly-expo .ranking {
        margin: 37px auto 0;
    }

    #monthly-expo .ranking .inner {
        width: 70%;
        max-width: 355px;
    }

    #monthly-expo .ranking .title-area img {
        max-width: 230px;
    }

    #monthly-expo .ranking .title-area h2 {
        line-height: 1.2;
    }

    #monthly-expo .ranking .title-area h2 .font-small {
        font-size: 15px;
    }

    #monthly-expo .ranking [class^='scrlbtn'] {
        width: 30px;
        height: 86px;
        top: 36%;
    }

    #monthly-expo .ranking .scrlbtn-prev {
        left: -18%;
    }

    #monthly-expo .ranking .scrlbtn-next {
        right: -18%;
    }

    #monthly-expo .ranking ul {
        margin: 27px auto 82px;
    }

    #monthly-expo .ranking li {
        max-width: 100%;
    }

    #monthly-expo .ranking .img-area {
        line-height: 0;
        border: solid 1px #D2D2D2;
        margin: 0 10px;
        text-align: center;
        height: auto;
    }

    #monthly-expo .ranking .img-area img {
        max-width: 100%;
        max-height: 172px;
    }

    #monthly-expo .ranking ul li .txt-area h3 {
        margin: 8px 0 9px;
    }

    #monthly-expo .ranking ul li .txt-area .comment::after {
        margin-left: 6px;
    }

    #monthly-expo .ranking li .icon {
        width: 60px;
        height: 60px;
        right: 5%;
        bottom: -6%;
    }

    /* Recommended Comment */
    #monthly-expo .r-comment {
        padding: 5px 0 21px;
    }

    #monthly-expo .r-comment .inner {
        width: 95%;
    }

    #monthly-expo .r-comment li,
    #monthly-expo .r-comment li:nth-child(2) {
        text-align: center;
    }

    #monthly-expo .r-comment li img {
        width: 85px;
        vertical-align: text-top;
    }

    #monthly-expo .r-comment li p {
        max-width: 220px;
        padding: 23px 18px;
    }

    #monthly-expo .r-comment li:not(:first-child) p {
        max-width: 200px;
    }

    #monthly-expo .r-comment li:nth-child(2) p {
        padding: 23px 18px;
    }

    /* vendors */
    #monthly-expo .vendors .title-area h2,
    #monthly-expo.jp .vendors .title-area h2 {
        margin: 40px auto 17px;
    }

    #monthly-expo .vendors .title-area img {
        max-width: 91px;
    }

    #monthly-expo .vendors .category-btn {
        margin: 0 auto 51px;
    }

    #monthly-expo .vendors .category-btn a {
        padding: 4px 1.5%;
        margin: 0 7px 10px 7px;
        font-size: 14px;
    }

    #monthly-expo .vendors .inner {
        width: 95%;
    }

    #monthly-expo .vendors li {
        width: 100%;
        padding: 15px 4% 20px;
        margin-bottom: 51px;
    }

    #monthly-expo .vendors.brand-img li:not(:first-of-type) {
        margin-top: 32px;
    }

    #monthly-expo .vendors .anchor {
        padding-top: 65px;
        margin-top: -65px;
    }

    #monthly-expo.jp .vendors .anchor {
        padding-top: 32px;
        margin-top: -32px;
    }

    #monthly-expo .vendors li:nth-child(n+5) {
        margin-bottom: 51px;
    }

    #monthly-expo .vendors li .circle {
        width: 60px;
        height: 60px;
        left: 3%;
    }

    #monthly-expo .vendors li .circle p {
        font-size: 16px;
    }

    #monthly-expo .vendors li .circle .in {
        height: 60px;
    }

    #monthly-expo .vendors li .circle .in .some {
        font-size: 14px;
    }

    #monthly-expo .vendors li .category {
        margin-left: 60px;
        font-size: 19px;
        font-weight: 600;
    }

    #monthly-expo .vendors li .txt {
        line-height: 1.4;
        font-size: 13px;
    }

    #monthly-expo .vendors li .notice {
        line-height: 1.3;
        font-size: 12px;
    }

    #monthly-expo .vendors li .img-area {
        justify-content: center;
        flex-wrap: wrap;
    }

    #monthly-expo .vendors li .img-area figure {
        width: 46%;
        margin: 0 auto 10px;
        text-align: center;
    }

    #monthly-expo .vendors li .img-area figure img {
        max-width: 200px;
        max-height: 200px;
    }

    #monthly-expo .vendors li .img-area figcaption {
        text-align: left;
        padding-top: 0;
    }

    #monthly-expo .vendors li .more-button a {
        max-width: 195px;
        padding: 8px 0 9px;
        font-size: 12px;
    }

    #monthly-expo .vendors li .more-button a::after {
        height: 9px;
        width: 6px;
        top: 50%;
        margin-top: -4.5px;
    }

    /* vendors（ブランド画像あり） */
    #monthly-expo .vendors.brand-img li {
        margin-bottom: 0;
    }

    #monthly-expo .vendors.brand-img ul .wrap {
        padding: 15px 4% 20px;
    }

    /* bottom area */
    #monthly-expo .bottom-area {
        width: 95%;
        margin: 45px auto 0;
    }

    #monthly-expo .bottom-area .button a {
        padding: 16px 10% 14px;
        box-sizing: border-box;
        margin: 0 auto;
        font-size: 20px;
        max-width: 355px;
        line-height: 1.2;
    }
}

/* 商品画像表示のための追加設定（Ladies Apparel UP TO 50% OFF Sale以降） */
#monthly-expo.new .ranking .img-area {
    height: 200px;
}

#monthly-expo.new .ranking .img-area picture {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

#monthly-expo.new .ranking .img-area img {
    max-height: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

#monthly-expo.new .vendors li .img-area picture {
    display: block;
    width: 100%;
    height: auto;
    border: solid 1px #D2D2D2;
    position: relative;
}

#monthly-expo.new .vendors li .img-area picture:before {
    content: "";
    display: block;
    padding-top: 100%;
}

#monthly-expo.new .vendors li .img-area figure img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    border: none;
    box-sizing: inherit;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 670px) {
    #monthly-expo.new .vendors li .img-area figure {
        width: calc((100% - 28px) / 2);
    }

    #monthly-expo.new .vendors li .img-area figcaption {
        padding-top: 5px;
    }
}

/******** MONTHLY EXPO リストページ ************/
#monthly-expo.list-page ul {
    padding: 0;
    margin: 0;
}

#monthly-expo.list-page img {
    vertical-align: top;
}

#monthly-expo.list-page .main-visual .mv-title-img {
    margin: 0;
}

#monthly-expo.list-page .main-visual .top-txt {
    padding: 7px 50px 8px;
    background-color: #E4F5F3;
}

#monthly-expo.list-page .main-visual .top-txt span {
    font-weight: 600;
}

#monthly-expo.list-page .container {
    max-width: 1330px;
    width: 96%;
    padding-bottom: 50px;
    margin: 0 auto;
}

#monthly-expo.list-page .current-event {
    padding-top: 35px;
}

#monthly-expo.list-page h2 {
    margin: 0;
}

#monthly-expo.list-page .current-event img {
    max-width: 100%;
    border-top: 5px solid #32323E;
    border-bottom: 5px solid #32323E;
}

#monthly-expo.list-page .current-event .period-date {
    align-self: center;
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    background-color: #32323E;
    position: relative;
    height: 36px;
    box-sizing: border-box;
    padding: 8px 41px 0 15px;
}

#monthly-expo.list-page .current-event .period-date::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-width: 18px;
    border-style: solid;
    border-color: #FFFFFF #FFFFFF #32323E #32323E;
    position: absolute;
    right: 0;
    bottom: 0;
}

#monthly-expo.list-page .current-event .live-date {
    align-self: center;
    font-size: 14px;
    font-weight: 600;
    color: #D91A1A;
    padding-left: 18px;
    margin-left: 5px;
}

#monthly-expo.list-page .current-event .live-date::before {
    content: 'LIVE';
    display: inline-block;
    width: 40px;
    background-color: #D91A1A;
    color: #FFFFFF;
    font-size: 13px;
    margin-right: 7px;
    padding: 2px 0 1px;
}

#monthly-expo.list-page .current-event .live-date::after {
    content: '(GMT+9)';
}

#monthly-expo.list-page .current-event .live-date.jpn::after {
    content: none;
}

#monthly-expo.list-page .previous-event h2 {
    font-size: 22px;
    color: #3A3A3A;
    font-weight: 600;
}

#monthly-expo.list-page .previous-event .title .note {
    font-size: 13px;
    color: #e83604;
}

#monthly-expo.list-page .previous-event .event-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#monthly-expo.list-page .previous-event .event-list li {
    width: calc((100% - 2% * 3) / 4);
    margin-bottom: 2.9%;
    text-align: left;
}

#monthly-expo.list-page .previous-event .event-list li img {
    max-width: 100%;
    box-sizing: border-box;
}

#monthly-expo.list-page .previous-event .event-list .period,
#monthly-expo.list-page .previous-event .event-list .comment {
    font-size: 13px;
}

#monthly-expo.list-page .previous-event .event-list .period {
    color: #929292;
    border-top: 1px solid #cacaca;
    padding: 8px 0;
}

#monthly-expo.list-page .previous-event .event-list .comment {
    font-size: 13px;
    color: #3A3A3A;
    background-color: #F1F1F1;
    border-top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 8px;
}

/* PC */
@media screen and (min-width: 940px) {
    #monthly-expo.list-page a:not(.mv-title) {
        transition: 0.2s;
    }

    #monthly-expo.list-page a:not(.mv-title):hover {
        opacity: 0.8;
    }

    #monthly-expo.list-page .previous-event .event-list li:nth-last-of-type(-n + 4) {
        margin-bottom: 0;
    }

    #monthly-expo.list-page .previous-event .event-list::before,
    #monthly-expo.list-page .previous-event .event-list::after {
        content: '';
        display: block;
        width: calc((100% - 2.3% * 3) / 4);
        order: 1;
    }
}

/* PC/TAB */
@media screen and (min-width: 670px) {
    #monthly-expo.list-page .current-event .period {
        display: flex;
    }

    #monthly-expo.list-page .previous-event {
        width: 100%;
        margin: 0 auto;
    }

    #monthly-expo.list-page .previous-event .title {
        display: flex;
        align-items: center;
        padding: 57px 0 25px;
    }

    #monthly-expo.list-page .previous-event h2 {
        flex-shrink: 0;
    }

    #monthly-expo.list-page .previous-event .title .note {
        margin-left: 19px;
    }
}

/* TABLET */
@media screen and (min-width: 671px) and (max-width: 940px) {
    #monthly-expo.list-page .main-visual .top-txt {
        padding: 16px 2%;
    }

    #monthly-expo.list-page.jp .main-visual .top-txt {
        padding: 16px 12%;
    }

    #monthly-expo.list-page .previous-event .event-list li {
        width: calc((100% - 2.5% * 2) / 3);
        margin-bottom: 3.5%;
    }

    #monthly-expo.list-page .previous-event .event-list li:nth-last-of-type(-n + 3) {
        margin-bottom: 0;
    }

    #monthly-expo.list-page .previous-event .event-list::after {
        content: '';
        display: block;
        width: calc((100% - 2.5% * 2) / 3);
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #monthly-expo.list-page .main-visual .top-txt,
    #monthly-expo.list-page.jp .main-visual .top-txt {
        padding: 10px 2%;
        font-size: 11px;
    }

    #monthly-expo.list-page .main-visual .top-txt p {
        font-size: 12px;
    }

    #monthly-expo.list-page .current-event {
        padding-top: 20px;
    }

    #monthly-expo.list-page .current-event img {
        border-top: none;
    }

    #monthly-expo.list-page .current-event img.mds_pick {
        border-top: 5px solid #32323E;
    }

    #monthly-expo.list-page .current-event .period-date {
        margin-left: 0;
        max-width: 278px;
        text-align: left;
    }

    #monthly-expo.list-page .current-event .period-date::before {
        width: 13px;
        height: 13px;
        top: calc(50% - 8px);
        left: 10px;
    }

    #monthly-expo.list-page .current-event .live-date {
        padding: 12px 0;
        margin-left: 0;
        border-top: 5px solid #32323E;
        text-align: left;
    }

    #monthly-expo.list-page .current-event .live-date::before {
        margin-right: 5px;
        padding: 0;
        text-align: center;
    }

    #monthly-expo.list-page .previous-event .title {
        padding: 35px 0 15px;
        line-height: 16px;
        text-align: left;
    }

    #monthly-expo.list-page .previous-event h2 {
        font-size: 20px;
        text-align: left;
        margin-bottom: 10px;
    }

    #monthly-expo.list-page .previous-event .title .note {
        font-size: 13px;
    }

    #monthly-expo.list-page .previous-event .event-list li {
        width: calc((100% - 2.5%) / 2);
        margin-bottom: 20px;
    }

    #monthly-expo.list-page .previous-event .event-list li:nth-last-of-type(-n + 2) {
        margin-bottom: 0;
    }

    #monthly-expo.list-page .previous-event .event-list .period {
        font-size: 11.5px;
        padding: 5px 0;
    }

    #monthly-expo.list-page .previous-event .event-list .comment {
        padding: 8px;
    }
}

/* Thanks 7DAYS(2021/12)
------------------------------------------------------------------------ */
#thanks7days {
    color: #3A3A3A;
}

#thanks7days h3 {
    margin: 0;
    font-weight: 600;
    line-height: 1.2;
}

#thanks7days p {
    margin: 0;
}

#thanks7days a:visited, #thanks7days a:hover {
    text-decoration: none;
}

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

#thanks7days .title-area {
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

#thanks7days .marker {
    font-weight: 600;
    display: inline-block;
}

#thanks7days img {
    image-rendering: -webkit-optimize-contrast;
}

/* main-visual */
#thanks7days .main-visual {
    padding: 28px 0 56px;
    box-sizing: border-box;
    background: linear-gradient(#F3F3F3 39%, rgba(255, 255, 255, 0) 0);
}

#thanks7days .main-visual .mv-area {
    width: 95%;
    max-width: 1100px;
    margin: 0 auto;
}

#thanks7days .main-visual .mv-area h2 {
    border: none;
    text-align: center;
}

#thanks7days .main-visual .mv-area picture img {
    width: 100%;
    max-width: 1030px;
}

#thanks7days .main-visual .top-txt {
    margin-top: 55px;
    padding: 37px 50px 25px;
    text-align: center;
    background-color: #FFFEEB;
    border: solid 1px #FFDA23;
    border-radius: 20px;
    box-sizing: border-box;
}

#thanks7days .main-visual .top-txt h3 {
    color: #CB3100;
    font-size: 28px;
    display: flex;
    align-items: center;
    line-height: 1;
    margin: 10px 0;
}

#thanks7days .main-visual .top-txt h3::before,
#thanks7days .main-visual .top-txt h3::after {
    border-top: 1px solid;
    content: "";
    flex-grow: 1;
}

#thanks7days .main-visual .top-txt h3::before {
    margin-right: 1rem;
}

#thanks7days .main-visual .top-txt h3::after {
    margin-left: 1rem;
}

#thanks7days .main-visual p:first-of-type {
    font-size: 17px;
}

#thanks7days .main-visual p:first-of-type .marker {
    font-size: 19px;
    background: linear-gradient(rgba(255, 255, 255, 0) 55%, #FFDA23 55%) 0 -0.1em;
    width: 160px;
}

#thanks7days .main-visual p:nth-of-type(2) {
    font-size: 13px;
    text-align: right;
    color: #888888;
    margin: 5px 0 11px;
}

#thanks7days .main-visual p:last-of-type {
    font-size: 20px;
    font-weight: 600;
}

#thanks7days .main-visual p:last-of-type span {
    font-size: 15px;
}

/* transfer-event */
#thanks7days .transfer-event {
    background-color: #98D4FF;
    padding: 28px 0 124px;
    text-align: center;
}

#thanks7days .transfer-event .inner {
    width: 95%;
    max-width: 1328px;
    margin: 0 auto;
}

#thanks7days .transfer-event h3 {
    font-size: 35px;
}

#thanks7days .transfer-event h3 .marker {
    background: linear-gradient(rgba(255, 255, 255, 0) 55%, #FFFA76 55%) 0 -0.1em;
    width: 433px;
}

#thanks7days .transfer-event h3 + p {
    margin: 10px 0;
    font-size: 16px;
}

#thanks7days .transfer-event ul {
    width: 100%;
    max-width: 857px;
    margin: 0 auto;
    padding: 17px 0 14px;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

#thanks7days .transfer-event ul li {
    line-height: 1.8;
    font-size: 15px;
    text-align: left;
    display: flex;
    justify-content: center;
}

#thanks7days .transfer-event ul a {
    display: flex;
    width: 16%;
    align-self: center;
    margin-right: 10px;
}

#thanks7days .transfer-event li span {
    font-size: 16px;
    font-weight: 600;
}

#thanks7days .transfer-event li .txt {
    width: 48%;
}

#thanks7days .transfer-event li:last-of-type {
    display: block;
}

#thanks7days .transfer-event li .caution {
    margin-top: 20px;
    color: #CA1717;
    font-size: 12px;
    font-family: "Meiryo UI", "メイリオ", Meiryo, "Hiragino Sans", sans-serif;
    line-height: 1.2;
    text-align: center;
}

/* vendors */
#thanks7days .vendors {
    position: relative;
    padding: 70px 0 120px;
    background-color: #E1EDFF;
}

#thanks7days .vendors .title-area {
    width: 95%;
    max-width: 1328px;
    margin: 0 auto;
}

#thanks7days .vendors .title-area img {
    width: 400px;
    height: 153px;
    position: absolute;
    top: -164px;
    right: 50%;
    transform: translate(50%, 50%);
    z-index: 1;
}

#thanks7days .vendors .title-area h3 {
    line-height: 1.2;
    margin: 5px auto;
    font-size: 45px;
}

#thanks7days .vendors .title-area h3 .marker {
    background: linear-gradient(rgba(255, 255, 255, 0) 55%, #FFDA23 55%) 0 -0.1em;
    width: 375px;
}

#thanks7days .vendors .title-area > p {
    margin: 14px 0 17px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

#thanks7days .vendors .category-btn {
    z-index: 1;
    margin: 0 auto 60px;
    text-align: center;
}

#thanks7days .vendors .category-btn a {
    padding: 4px 1.3%;
    margin: 0 10px 13px 0;
    display: inline-block;
    font-size: 13px;
    color: #3A3A3A;
    border: solid 1px #707070;
    border-radius: 7px;
    background-color: #FFFFFF;
}

#thanks7days .vendors .category-btn a:last-of-type {
    margin-right: 0;
}

#thanks7days .vendors .category-btn a:hover,
#thanks7days .vendors .category-btn a:active {
    background-color: #F3F3F3;
}

#thanks7days .vendors .inner {
    width: 95%;
    max-width: 1328px;
    margin: 0 auto;
}

#thanks7days .vendors ul {
    margin: 0 0 0 -6px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#thanks7days .vendors li {
    width: 49%;
    padding: 26px 25px 23px;
    margin-bottom: 79px;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #000000;
    box-shadow: 6px 6px #000000;
    background-color: #FFFFFF;
}

#thanks7days .vendors li:nth-last-of-type(-n+2) {
    margin-bottom: 0;
}

#thanks7days .vendors .anchor {
    display: block;
    position: relative;
    top: -130px;
    visibility: hidden;
}

#thanks7days .vendors li .off {
    position: absolute;
    top: -17px;
    left: 26px;
    padding: 2px 12px 0;
    background-color: #D44100;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 22px;
}

#thanks7days .vendors li .category {
    margin: 8px 0 10px;
    font-size: 25px;
    font-weight: 600;
}

#thanks7days .vendors li .txt {
    margin-top: 9px;
    line-height: 1.2;
}

#thanks7days .vendors li .img-area {
    display: flex;
    justify-content: space-between;
    margin-top: 18px;
}

#thanks7days .vendors li .img-area figure {
    margin: 0 0 15px 0;
    width: calc((100% - 33px) / 4);
    text-align: center;
    position: relative;
}

#thanks7days .vendors li .img-area figure img {
    width: 100%;
    max-width: 140px;
    border: solid 1px #D2D2D2;
    box-sizing: border-box;
}

#thanks7days .vendors li .img-area figcaption {
    font-size: 13px;
    line-height: 1.4;
    color: #858585;
    padding: 5px 0 0;
    text-align: left;
}

#thanks7days .vendors li .img-area figure a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
}

#thanks7days .vendors li .img-area figure a:hover {
    opacity: 0.8;
}

#thanks7days .vendors li .more-button {
    margin-top: auto;
}

#thanks7days .vendors li .more-button a {
    width: 100%;
    max-width: 250px;
    padding: 10px 0;
    margin: 10px auto 0;
    display: block;
    text-align: center;
    color: #3A3A3A;
    background-color: #FFFFFF;
    border: 1px solid #989898;
    border-radius: 10px;
    font-weight: 600;
    font-size: 15px;
    position: relative;
}

#thanks7days .vendors li .more-button a::after {
    display: inline-block;
    content: "";
    background: url(../image/arrow_blackbutton_hover.png) no-repeat;
    height: 9px;
    width: 6px;
    background-size: contain;
    position: absolute;
    right: 6%;
    top: 37%;
}

#thanks7days .vendors li .more-button a:hover {
    background-color: #EEF8FF;
}

/* bottom area */
#thanks7days .bottom-area {
    padding: 55px 0 0;
    text-align: center;
    position: relative;
}

#thanks7days .bottom-area .btm-bg {
    position: absolute;
    top: 170px;
    right: 50%;
    transform: translateX(50%);
    width: 100%;
    height: 236px;
    z-index: -1;
    background-color: #F8F8F8;
    background-image: linear-gradient(rgba(255, 255, 255, 0) 50%, #FFFFFF 50%);
    background-size: 42px 42px;
}

#thanks7days .bottom-area img {
    width: 100%;
    max-width: 800px;
}

#thanks7days .bottom-area .button a {
    padding: 20px 0;
    margin: 45px auto 48px;
    text-align: center;
    color: #FFFFFF;
    display: block;
    font-weight: 600;
    font-size: 30px;
    max-width: 600px;
    width: 100%;
    position: relative;
    background-color: #05327B;
    border: 1px solid #707070;
    border-radius: 42.5px;
    box-sizing: border-box;
    line-height: 1.2;
}

#thanks7days .bottom-area a::after {
    display: inline-block;
    content: "";
    background: url("../image/arrow_blackbutton1.png") no-repeat;
    height: 16px;
    width: 10px;
    background-size: contain;
    position: absolute;
    right: 6%;
    top: 40%;
}

#thanks7days .bottom-area a:hover {
    color: #05327B;
    background-color: #FFFFFF;
}

#thanks7days .bottom-area a:hover::after {
    display: inline-block;
    content: "";
    background: url("../image/arrow_blackbutton_hover1.png") no-repeat;
    height: 16px;
    width: 10px;
    background-size: contain;
    position: absolute;
    right: 6%;
    top: 40%;
}

/* TAB */
@media screen and (max-width: 940px) {
    /* main-visual */
    #thanks7days .main-visual {
        padding: 20px 0 45px;
        background: linear-gradient(#F3F3F3 32%, rgba(255, 255, 255, 0) 0);
    }

    #thanks7days .main-visual .top-txt {
        margin-top: 35px;
        padding: 30px 4% 26px;
    }

    /* transfer-event */
    #thanks7days .transfer-event li .txt {
        width: 63%;
    }

    /* vendors */
    #thanks7days .vendors .category-btn a {
        margin: 0 10px 9px 0;
    }

    #thanks7days .vendors .inner {
        width: 82%;
    }

    #thanks7days .vendors ul {
        display: block;
    }

    #thanks7days .vendors li {
        width: 100%;
        margin-bottom: 52px;
    }

    #thanks7days .vendors li:nth-last-of-type(-n+2) {
        margin-bottom: 52px;
    }

    #thanks7days .vendors li:last-of-type {
        margin-bottom: 0;
    }

    #thanks7days .vendors .anchor {
        top: -13px;
    }

    /* bottom area */
    #thanks7days .bottom-area .btm-bg {
        top: 23%;
    }

    #thanks7days .bottom-area img {
        width: 90%;
        max-width: 650px;
    }

    #thanks7days .bottom-area .button a {
        margin: 45px auto 25px;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    /* main-visual */
    #thanks7days .marker {
        display: inline;
    }

    #thanks7days .main-visual {
        padding: 6px 0 25px;
        background: linear-gradient(#F3F3F3 16%, rgba(255, 255, 255, 0) 0);
    }

    #thanks7days .main-visual .mv-area {
        width: 93%;
    }

    #thanks7days .main-visual .mv-area picture img {
        max-width: 400px;
    }

    #thanks7days .main-visual .top-txt {
        margin-top: 25px;
        padding: 12px 4% 18px;
    }

    #thanks7days .main-visual .top-txt h3::before,
    #thanks7days .main-visual .top-txt h3::after {
        border-top: none;
    }

    #thanks7days .main-visual .top-txt h3::before {
        margin-right: 0;
    }

    #thanks7days .main-visual .top-txt h3::after {
        margin-left: 0;
    }

    #thanks7days .main-visual p:first-of-type {
        font-size: 15px;
    }

    #thanks7days .main-visual p:first-of-type .marker {
        font-size: 15px;
        width: 40%;
    }

    #thanks7days .main-visual p:nth-of-type(2) {
        font-size: 12px;
    }

    #thanks7days .main-visual p:last-of-type {
        font-size: 16px;
    }

    /* transfer-event */
    #thanks7days .transfer-event {
        padding: 28px 0 105px;
    }

    #thanks7days .transfer-event .inner {
        width: 93%;
    }

    #thanks7days .transfer-event h3 .marker {
        background: linear-gradient(rgba(255, 255, 255, 0) 65%, #FFFA76 65%) 0 -0.2em;
    }

    #thanks7days .transfer-event ul {
        padding: 17px 4% 14px;
    }

    #thanks7days .transfer-event ul li {
        display: block;
        margin-bottom: 10px;
    }

    #thanks7days .transfer-event ul a {
        display: block;
        margin-right: 0;
        width: 20%;
    }

    #thanks7days .transfer-event li .txt {
        width: 100%;
    }

    /* vendors */
    #thanks7days .vendors {
        padding: 70px 0 48px;
    }

    #thanks7days .vendors .title-area {
        width: 93%;
    }

    #thanks7days .vendors .title-area img {
        width: 100%;
        max-width: 300px;
        height: auto;
        top: -117px;
    }

    #thanks7days .vendors .title-area h3 {
        margin: 5px auto;
        font-size: 35px;
    }

    #thanks7days .vendors .title-area h3 .marker {
        background: linear-gradient(rgba(255, 255, 255, 0) 65%, #FFDA23 65%) 0 -0.2em;
    }

    #thanks7days .vendors .title-area > p {
        font-size: 16px;
    }

    #thanks7days .vendors .category-btn {
        margin: 0 auto 51px;
    }

    #thanks7days .vendors .category-btn a {
        padding: 4px 1.3%;
        margin: 0 8px 9px 0;
    }

    #thanks7days .vendors .inner {
        width: 90%;
    }

    #thanks7days .vendors li {
        margin-bottom: 57px;
    }

    #thanks7days .vendors li:nth-last-of-type(-n+2) {
        margin-bottom: 57px;
    }

    #thanks7days .vendors li:last-of-type {
        margin-bottom: 0;
    }

    #thanks7days .vendors li .txt {
        font-size: 14px;
    }

    #thanks7days .vendors li .category {
        font-size: 20px;
    }

    #thanks7days .vendors li .img-area {
        flex-wrap: wrap;
    }

    #thanks7days .vendors li .img-area figure {
        width: calc((100% - 11px) / 2);
    }

    /* bottom area */
    #thanks7days .bottom-area {
        padding: 50px 0 0;
    }

    #thanks7days .bottom-area .btm-bg {
        top: 12%;
    }

    #thanks7days .bottom-area img {
        width: 93%;
        max-width: 500px;
    }

    #thanks7days .bottom-area .button a {
        padding: 12px 10%;
        margin: 16px auto 0;
        font-size: 20px;
        width: 93%;
        max-width: 420px;
        border-radius: 40px;
    }

    #thanks7days .bottom-area a::after {
        height: 14px;
        width: 8px;
        right: 6%;
        top: 36%;
    }

    #thanks7days .bottom-area a:hover::after {
        height: 14px;
        width: 8px;
        right: 6%;
        top: 36%;
    }
}

/****** Thanks 7DAYS(2021/12) Export用追加 ******/
#thanks7days.en .main-visual {
    padding: 28px 0 140px;
}

#thanks7days.en .main-visual p:first-of-type .marker {
    width: 190px;
}

/* TAB */
@media screen and (max-width: 940px) {
    #thanks7days.en .main-visual {
        padding: 20px 0 143px;
    }

    #thanks7days.en .vendors .anchor {
        top: -48px;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #thanks7days.en .main-visual {
        padding: 6px 0 97px;
    }
}

/* Premium SD's Week(2022/08)
------------------------------------------------------------------------ */
#sdweek2022 {
    background-image: url("../image/bg_pc.png"), linear-gradient(#e9e9e9 0%, #fff 100%);
    background-position: top center;
    background-repeat: no-repeat;
    margin-bottom: -86px;
}

#sdweek2022 * {
    box-sizing: border-box;
}

#sdweek2022 h2 {
    font-size: 38px;
    border: none;
    color: #333333;
    margin: 0;
}

#sdweek2022 p, #sdweek2022 ul, #sdweek2022 ol, #sdweek2022 h3 {
    margin: 0;
    padding: 0;
}

#sdweek2022 a, #sdweek2022 a:hover, #sdweek2022 a:visited {
    text-decoration: none;
    color: #3B3B3B;
    display: block;
}

#sdweek2022 a:hover {
    opacity: 0.8;
}

#sdweek2022 img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    border: 0;
}

#sdweek2022 .wrap {
    max-width: 1202px;
    margin: 0 auto;
    position: relative;
    background-color: #FFFFFF;
}

#sdweek2022 .wrap::before,
#sdweek2022 .wrap::after {
    position: absolute;
    top: 0;
    content: "";
    display: block;
    background: url("../image/bg_text.svg") center top #FFFFFF repeat-y;
    background-size: contain;
    width: 53px;
    height: 100%;
    border-left: solid 1px #707070;
    border-right: solid 1px #707070;
}

#sdweek2022 .wrap::before {
    left: 0;
}

#sdweek2022 .wrap::after {
    right: 0;
}

#sdweek2022 .title-area {
    width: 100%;
    margin: 0 auto;
    max-width: 510px;
}

#sdweek2022 .title-area h3 {
    text-align: center;
    font-size: 35px;
    font-weight: 600;
    color: #3B3B3B;
    letter-spacing: -0.01em;
}

/* main-visual */
#sdweek2022 .main-visual {
    background-color: #181756;
    margin: 0 auto;
    padding-bottom: 20px;
}

#sdweek2022 .main-visual h2 {
    border: none;
    text-align: center;
}

#sdweek2022 .main-visual picture img {
    width: 100%;
    max-width: 1100px;
}

#sdweek2022 .main-visual .top-txt {
    width: 86%;
    max-width: 930px;
    margin: 9px auto 0;
    padding: 17px 13% 11px;
    text-align: center;
    background-color: #0F3A81;
    border: solid 1px #FDCF31;
}

#sdweek2022 .main-visual .top-txt .circle-wrap {
    position: relative;
}

#sdweek2022 .main-visual .top-txt .circle {
    position: absolute;
    right: 3%;
    top: -40px;
    height: 98px;
    width: 98px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    line-height: 1;
    background-color: #FDCF31;
    box-shadow: 0 0 0 4px #FDCF31 inset, 0 0 0 5px #0F3A81 inset;
    transform: rotate(-20deg);
}

#sdweek2022 .main-visual .top-txt .circle p {
    position: absolute;
    top: -5%;
    right: 50%;
    transform: translate(50%, 50%);
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #0F3A81;
}

#sdweek2022 .main-visual .top-txt .circle span {
    font-size: 36px;
}

#sdweek2022 .main-visual .top-txt h3 {
    line-height: 1;
    font-size: 27px;
    color: #FDCF31;
    position: relative;
}

#sdweek2022 .main-visual .top-txt .period {
    display: inline-block;
    margin: 10px 0 7px;
    padding: 3px 19px;
    font-size: 17px;
    font-weight: 600;
    color: #1047A2;
    background-color: #FFFFFF;
    border-radius: 18px;
}

#sdweek2022 .main-visual .top-txt .period span {
    font-size: 11px;
    font-weight: normal;
    vertical-align: middle;
}

#sdweek2022 .main-visual .top-txt .arrow {
    position: relative;
    display: inline-block;
    background-color: #0F3A81;
    border-bottom: solid 1px #FFFFFF;
    padding: 7px 5px 6px;
    max-width: 100%;
    text-align: center;
}

#sdweek2022 .main-visual .top-txt .arrow:before,
#sdweek2022 .main-visual .top-txt .arrow:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

#sdweek2022 .main-visual .top-txt .arrow:before {
    border: solid 15px transparent;
    border-top: solid 22px #FFFFFF;
}

#sdweek2022 .main-visual .top-txt .arrow:after {
    border: solid 15px transparent;
    border-top: solid 22px #0F3A81;
    margin-top: -2px;
}

#sdweek2022 .main-visual .top-txt .arrow .txt {
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #FFFFFF;
}

#sdweek2022 .main-visual .top-txt .point-wrap {
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
}

#sdweek2022 .main-visual .top-txt .jpy {
    font-size: 15px;
    color: #FFC982;
    border-bottom: dashed 1px #FFA633;
}

#sdweek2022 .main-visual .top-txt .point {
    font-size: 15px;
    font-weight: 600;
    color: #FFA482;
}

#sdweek2022 .main-visual .top-txt .point span {
    font-size: 26px;
}

/* transfer-event */
#sdweek2022 .transfer-event {
    background-color: #EDF1F8;
    padding: 93px 0 83px;
    text-align: center;
}

#sdweek2022 #transfer {
    display: block;
    padding-top: 10px;
    margin-top: -10px;
}

#sdweek2022 .transfer-event .inner {
    width: 80%;
    margin: 0 auto;
    padding: 47px 38px 21px;
    border: double 4px #181756;
    background-color: #F9F9F9;
    position: relative;
}

#sdweek2022 .transfer-event .title {
    position: absolute;
    top: -88px;
    right: 50%;
    transform: translate(50%, 50%);
    width: 100%;
}

#sdweek2022 .transfer-event .sub {
    font-size: 16px;
    font-weight: 600;
    color: #181756;
}

#sdweek2022 .transfer-event .campaign {
    font-size: 16px
}

#sdweek2022 .transfer-event .campaign span {
    font-weight: 600;
}

#sdweek2022 .transfer-event ul {
    width: 100%;
    max-width: 857px;
    margin: 0 auto;
    padding: 17px 0 14px;
}

#sdweek2022 .transfer-event ul li {
    padding: 15px 22px;
    margin-bottom: 10px;
    line-height: 1.8;
    font-size: 15px;
    text-align: left;
    display: flex;
    justify-content: center;
    border: dashed 1px #707070;
    border-radius: 10px;
    background-color: #FFFFFF;
}

#sdweek2022 .transfer-event ul a {
    display: flex;
    width: 100%;
    align-self: center;
    margin-right: 10px;
}

#sdweek2022 .transfer-event ul img {
    width: 150px;
    height: 70px;
}

#sdweek2022 .transfer-event ul .txt-wrap {
    font-weight: 600;
    margin-left: 20px;
}

#sdweek2022 .transfer-event ul .txt-wrap .vendor {
    font-size: 18px;
    margin-top: 5px;
}

#sdweek2022 .transfer-event ul .txt-wrap .txt {
    font-size: 17px;
    line-height: 20px;
}

#sdweek2022 .transfer-event ul .txt-wrap .txt::before {
    content: '・';
    display: inline-block;
}

#sdweek2022 .transfer-event ul .txt-wrap .txt .red {
    color: #B93838;
    font-weight: 600;
}

#sdweek2022 .transfer-event ul .txt-wrap .txt span {
    font-size: 15px;
    font-weight: normal;
}

#sdweek2022 .transfer-event .caution {
    margin: 0 auto;
    color: #B93838;
    font-size: 13px;
    line-height: 1.2;
    text-align: left;
    max-width: 857px;
}

#sdweek2022 .transfer-event .caution span {
    font-weight: 600;
}

/* contents */
#sdweek2022 .contents {
    margin: 0 auto;
}

#sdweek2022 .contents .inner {
    background-color: #181756;
    width: 91%;
    margin: 0 auto;
    text-align: center;
}

#sdweek2022 .contents input[name="button"] {
    display: none;
}

#sdweek2022 .contents input:checked + .button {
    background-color: #FFF7C1;
}

#sdweek2022 .contents label {
    display: inline-block;
    width: calc((100% - 214px) / 6);
    max-width: 120px;
    height: 102px;
    padding: 15px 9px 7px;
    margin: 0 4px;
    background: #FFFFFF;
    color: #707070;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    border: solid 1px #BBBBBB;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    line-height: 1.3;
    cursor: pointer;
    position: relative;
    vertical-align: bottom;
}

#sdweek2022 .contents label:hover {
    background-color: #FFF7C1;
}

#sdweek2022 .contents .genre-item {
    display: none;
    clear: both;
    overflow: hidden;
}

#psdw-content01:checked ~ #psdw-content01-in,
#psdw-content02:checked ~ #psdw-content02-in,
#psdw-content03:checked ~ #psdw-content03-in,
#psdw-content04:checked ~ #psdw-content04-in,
#psdw-content05:checked ~ #psdw-content05-in,
#psdw-content06:checked ~ #psdw-content06-in {
    display: block;
}

#sdweek2022 label img {
    display: block;
    margin: 0 auto 10px;
}

#sdweek2022 label:nth-of-type(1) img {
    width: 45px;
    height: 43px;
}

#sdweek2022 label:nth-of-type(2) img {
    width: 45px;
    height: 45px;
}

#sdweek2022 label:nth-of-type(3) img {
    width: 38px;
    height: 33px;
}

#sdweek2022 label:nth-of-type(4) img {
    width: 31px;
    height: 43px;
}

#sdweek2022 label:nth-of-type(5) img {
    width: 34px;
    height: 34px;
    margin: 0 auto 6px;
}

#sdweek2022 label:nth-of-type(6) img {
    width: 38px;
    height: 37px;
    margin: 0 auto 6px;
}

#sdweek2022 label span {
    position: absolute;
    bottom: 15px;
    right: 50%;
    transform: translateX(50%);
    width: 100%;
}

#sdweek2022 label:nth-of-type(n+5) span {
    bottom: 6px;
}

/* vendors */
#sdweek2022 .vendors {
    padding: 37px 0 24px;
    background-color: #F5F5F5;
}

#sdweek2022 .vendors .title-area {
    position: relative;
    margin-bottom: 40px;
}

#sdweek2022 .vendors .title-area h3 {
    text-shadow: 0px 0px 10px #e5207f;
}

#sdweek2022 .vendors .title-area h3 span {
    color: #BB005A;
}

#sdweek2022 .vendors .title-area::after {
    content: "";
    background: url("../image/line_pink.png") center bottom no-repeat;
    background-size: contain;
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: -10px;
    right: 50%;
    transform: translate(50%, 50%);
}

#sdweek2022 .vendors ul {
    width: 84%;
    max-width: 1020px;
    margin: 0 auto;
    padding: 33px 20px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #FFFFFF;
    border-radius: 30px;
    box-shadow: 0px 0px 15px #cfcfcf;
}

#sdweek2022 .vendors li {
    width: calc(100% / 7);
    padding: 0 8px;
    text-align: center;
}

#sdweek2022 .vendors li:nth-of-type(n+8) {
    margin-top: 23px;
}

#sdweek2022 .vendors li:not(:nth-of-type(7n)) {
    border-right: dashed 1px #cfcfcf;
}

#sdweek2022 .vendors li:nth-last-child(1) {
    border-right: none;
}

#sdweek2022 .vendors li p {
    font-size: 12px;
    margin-top: 8px;
    color: #858585;
}

#sdweek2022 .vendors .empty {
    display: none;
}

/* recommended（ALLジャンル）/introduce（各ジャンル）*/
#sdweek2022 .recommended,
#sdweek2022 .introduce {
    background-color: #FFFFFF;
}

#sdweek2022 .recommended {
    padding: 36px 0 0;
}

#sdweek2022 .recommended .title-area,
#sdweek2022 .introduce .title-area {
    position: relative;
    margin-bottom: 60px;
}

#sdweek2022 .recommended .title-area h3,
#sdweek2022 .introduce .title-area h3 {
    text-shadow: 0px 0px 10px #4DC8E4;
}

#sdweek2022 .recommended .title-area::after,
#sdweek2022 .introduce .title-area::after {
    content: "";
    background: url("../image/line_blue.png") center bottom no-repeat;
    background-size: contain;
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: -10px;
    right: 50%;
    transform: translate(50%, 50%);
}

#sdweek2022 .recommended .item-wrap {
    width: 98%;
    max-width: 962px;
    margin: 0 auto;
}

#sdweek2022 .recommended ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#sdweek2022 .recommended li {
    width: calc((100% - 40px) / 5);
    margin: 0 0 53px 0;
    border: solid 1px #C1C1C1;
    position: relative;
}

#sdweek2022 .recommended li.empty {
    border: none;
}

#sdweek2022 .recommended li .img-area,
#sdweek2022 .introduce li .img-area {
    width: 100%;
    height: 180px;
    margin-bottom: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#sdweek2022 .introduce li .img-area {
    border: solid 1px #cccccc;
}

#sdweek2022 .recommended li .img-area img {
    max-height: 180px;
}

#sdweek2022 .introduce li img {
    max-height: 178px;
}

#sdweek2022 .recommended li .off {
    font-size: 15px;
    font-weight: 600;
    color: #FFFFFF;
    background-color: #B93838;
    position: absolute;
    left: 0;
    top: 0;
    padding: 2px 5px 0;
}

#sdweek2022 .recommended li .txt-area {
    padding: 6px 8px 8px;
    text-align: left;
}

#sdweek2022 .recommended li .item {
    font-size: 14px;
}

#sdweek2022 .recommended li .vendor {
    font-size: 12px;
    color: #a3a3a3;
    margin-top: 5px;
}

#sdweek2022 .introduce {
    padding: 36px 0 25px;
}

#sdweek2022 .introduce .item-area {
    width: 820px;
    margin: 0 auto 50px;
    padding: 22px 26px 21px;
    border: solid 1px #C1C1C1;
    text-align: left;
}

#sdweek2022 .introduce .item-area:not(:first-child) {
    margin-top: 25px;
}

#sdweek2022 .introduce .item-area .title {
    display: inline-block;
    margin-bottom: 10px;
}

#sdweek2022 .introduce .item-area .off {
    font-size: 15px;
    font-weight: 600;
    color: #FFFFFF;
    background-color: #B93838;
    padding: 2px 5px 1px;
    display: inline-block;
    min-width: 115px;
    text-align: center;
}

#sdweek2022 .introduce .item-area .vendor {
    font-weight: 600;
    font-size: 20px;
    color: #707070;
    display: inline-block;
    padding-left: 5px;
}

#sdweek2022 .introduce .item-area .more {
    padding: 7px 0;
    text-align: center;
    color: #707070;
    font-size: 14px;
    width: 150px;
    background-color: #FFFFFF;
    border: solid 1px #707070;
    border-radius: 29px;
    line-height: 1;
    display: inline-block;
    position: relative;
    float: right;
}

#sdweek2022 .introduce .item-area .more:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: 2px #666 solid;
    border-right: 2px #666 solid;
    margin: 0 0 0 10px;
    transform: rotate(45deg);
    border-radius: 1px;
    position: absolute;
    top: 10px;
    right: 14px;
}

#sdweek2022 .introduce .item-area .intro {
    margin-bottom: 15px;
    font-size: 14px;
    color: #7c7c7c;
}

#sdweek2022 .introduce ul {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

#sdweek2022 .introduce li {
    width: calc((100%–30px) / 4);
    max-width: 180px;
    position: relative;
    margin-right: 15px;
}

#sdweek2022 .introduce li:last-of-type {
    margin-right: 0;
}

#sdweek2022 .introduce li .txt-area {
    padding: 0 5px 8px;
    font-size: 13px;
    line-height: 17px;
    text-align: left;
}

#sdweek2022 .btm-button {
    padding-bottom: 65px;
}

#sdweek2022 .btm-button a {
    padding: 16px 0;
    margin: 0 auto;
    text-align: center;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    max-width: 400px;
    width: 100%;
    position: relative;
    background-color: #DC4D4D;
    border: solid 1px #BE1F1F;
    border-radius: 29px;
    line-height: 1.2;
}

/* TAB/SP */
@media screen and (max-width: 940px) {
    #sdweek2022 .wrap::before,
    #sdweek2022 .wrap::after {
        display: none;
    }

    /* main-visual */
    #sdweek2022 .main-visual .top-txt {
        width: 92%;
        padding: 17px 6% 11px;
    }

    #sdweek2022 .main-visual .top-txt .circle {
        right: 20px;
    }

    /* contents */
    #sdweek2022 .contents .inner {
        width: 100%;
    }

    #sdweek2022 .contents label {
        width: calc((100% - 115px) / 6);
        margin: 0 2px;
    }

    /* vendors */
    #sdweek2022 .vendors ul {
        width: 95%;
    }

    #sdweek2022 .vendors li {
        width: calc(100% / 5);
    }

    #sdweek2022 .vendors li:nth-of-type(n+6) {
        margin-top: 23px;
    }

    #sdweek2022 .vendors li:not(:nth-of-type(7n)) {
        border-right: none;
    }

    #sdweek2022 .vendors li:not(:nth-of-type(5n)) {
        border-right: dashed 1px #cfcfcf;
    }

    #sdweek2022 .vendors li:nth-last-child(1) {
        border-right: none;
    }

    #sdweek2022 .vendors .empty {
        display: block;
    }

    /* recommended（ALLジャンル）/introduce（各ジャンル）*/
    #sdweek2022 .recommended .item-wrap {
        width: 96%;
    }

    #sdweek2022 .recommended ul::after {
        display: block;
        content: "";
        width: calc((100% - 40px) / 4);
    }

    #sdweek2022 .recommended li {
        width: calc((100% - 40px) / 4);
        margin: 0 0 20px 0;
    }

    #sdweek2022 .introduce .item-area {
        width: 94%;
    }

    #sdweek2022 .introduce ul {
        width: 96%;
        max-width: 962px;
    }

    #sdweek2022 .introduce li .img-area {
        height: 150px;
    }

    #sdweek2022 .introduce li {
        max-width: 160px;
    }

    #sdweek2022 .introduce li img {
        max-height: 148px;
    }

    #sdweek2022 .transfer-event .inner {
        width: 95%;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #sdweek2022 .title-area {
        padding: 0 12px;
    }

    #sdweek2022 .title-area h3 {
        font-size: 30px;
    }

    /* main-visual */
    #sdweek2022 .main-visual {
        padding-bottom: 0;
    }

    #sdweek2022 .main-visual .inner {
        overflow: hidden;
    }

    #sdweek2022 .main-visual .top-txt {
        width: 94%;
        padding: 17px 0 11px;
        margin: 0 auto 10px;
    }

    #sdweek2022 .main-visual .top-txt .jpy {
        line-height: 20px;
        margin-bottom: 12px;
    }

    #sdweek2022 .main-visual .top-txt .arrow .txt {
        line-height: 17px;
    }

    #sdweek2022 .main-visual .top-txt .point {
        line-height: 18px;
    }

    #sdweek2022 .main-visual .top-txt .circle {
        right: -8px;
        top: 24px;
        height: 71px;
        width: 71px;
    }

    #sdweek2022 .main-visual .top-txt .circle p {
        font-size: 15px;
    }

    #sdweek2022 .main-visual .top-txt .circle span {
        font-size: 27px;
    }

    #sdweek2022 .main-visual .top-txt .period {
        padding: 5px 19px;
        margin: 10px;
        line-height: 1.2;
    }

    #sdweek2022 .contents label {
        display: inline-flex;
        width: calc((100% - 32px) / 2);
        max-width: 100%;
        height: 43px;
        padding: 9px 0 8px;
        margin: 0 2px 6px;
        border-radius: 10px;
        align-items: center;
    }

    #sdweek2022 .contents label:nth-of-type(n+5) {
        height: 53px;
        margin-bottom: 10px;
    }

    #sdweek2022 label span {
        display: inline-block;
        position: static;
        bottom: 0;
        right: 0;
        transform: none;
        width: 100%;
        max-width: 97px;
        text-align: left;
    }

    #sdweek2022 label img {
        display: inline-block;
        margin: 0 10px;
        text-align: left;
    }

    #sdweek2022 label:nth-of-type(1) img {
        width: 27px;
        height: 26px;
    }

    #sdweek2022 label:nth-of-type(2) img {
        width: 27px;
        height: 27px;
    }

    #sdweek2022 label:nth-of-type(3) img {
        width: 27px;
        height: 23px;
    }

    #sdweek2022 label:nth-of-type(4) img {
        width: 20px;
        height: 27px;
        margin: 0 15px 0 10px;
    }

    #sdweek2022 label:nth-of-type(5) img {
        width: 25px;
        height: 25px;
        margin: 0 10px;
    }

    #sdweek2022 label:nth-of-type(6) img {
        width: 27px;
        height: 21px;
        margin: 0 10px;
    }

    /* transfer-event */
    #sdweek2022 .transfer-event {
        margin-top: 10px;
        padding: 64px 0 71px;
    }

    #sdweek2022 .transfer-event .inner {
        padding: 40px 2% 21px;
    }

    #sdweek2022 .transfer-event .title {
        top: -74px;
    }

    #sdweek2022 .transfer-event .sub {
        font-size: 14px;
    }

    #sdweek2022 .transfer-event ul li {
        padding: 15px 5px;
        text-align: center;
    }

    #sdweek2022 .transfer-event ul a {
        display: block;
    }

    #sdweek2022 .transfer-event ul .txt-wrap {
        text-align: left;
    }

    #sdweek2022 .transfer-event ul .txt-wrap .vendor {
        font-size: 16px;
    }

    #sdweek2022 .transfer-event .caution {
        font-size: 12px;
    }

    /* vendors */
    #sdweek2022 .vendors .title-area h3 {
        line-height: 1.3;
    }

    #sdweek2022 .vendors .title-area::after {
        height: 40px;
    }

    #sdweek2022 .vendors ul {
        width: 94%;
        padding: 7px 16px;
        display: block;
    }

    #sdweek2022 .vendors li {
        width: 100%;
        text-align: left;
    }

    #sdweek2022 .vendors li:nth-of-type(n+5),
    #sdweek2022 .vendors li:not(:nth-of-type(5n)) {
        margin-top: 5px;
        border-right: none;
    }

    #sdweek2022 .vendors li:not(:nth-of-type(4n)) {
        border-right: none;
    }

    #sdweek2022 .vendors li img {
        max-width: 55px;
        display: inline-block;
    }

    #sdweek2022 .vendors li p {
        margin: 5px 0 5px 9px;
        display: inline-block;
    }

    /* recommended（ALLジャンル）/introduce（各ジャンル）*/
    #sdweek2022 .recommended {
        width: 100%;
        margin: 0 auto;
    }

    #sdweek2022 .recommended .title-area,
    #sdweek2022 .introduce .title-area {
        line-height: 1.3;
    }

    #sdweek2022 .recommended .title-area::after,
    #sdweek2022 .introduce .title-area::after {
        height: 40px;
    }

    #sdweek2022 .recommended .title-area {
        margin-bottom: 40px;
    }

    #sdweek2022 .introduce .title-area {
        margin-bottom: 60px;
    }

    #sdweek2022 .recommended ul {
        width: 100%;
        max-width: 962px;
        margin: 0 auto;
        padding: 0;
    }

    #sdweek2022 .recommended li {
        width: calc((100% - 10px) / 2);
        max-width: 50vw;
        min-width: 0;
        min-height: 0;
        margin: 0 0 13px 0;
    }

    #sdweek2022 .recommended li:nth-of-type(5n) {
        margin: 0 0 13px 0;
    }

    #sdweek2022 .recommended li:nth-of-type(2n-1) {
        margin: 0 0 13px 0;
    }

    #sdweek2022 .recommended li .item {
        line-height: 1.3;
    }

    #sdweek2022 .recommended li .vendor {
        font-size: 11px;
        margin-top: 2px;
    }

    #sdweek2022 .recommended li .img-area,
    #sdweek2022 .introduce li .img-area {
        height: auto;
        margin-bottom: 3px;
    }

    #sdweek2022 .recommended li.beside .img-area {
        height: calc(100% - 72px);
    }

    #sdweek2022 .introduce li.beside .img-area {
        height: calc(100% - 42px);
    }

    #sdweek2022 .recommended li .img-area img {
        max-height: 50vw;
    }

    #sdweek2022 .introduce .item-area {
        padding: 27px 2% 21px;
        margin: 0 auto 25px;
        position: relative;
    }

    #sdweek2022 .introduce .item-area:not(:first-child) {
        margin-top: 60px;
    }

    #sdweek2022 .introduce li .img-area img {
        max-height: 40vw;
    }

    #sdweek2022 .introduce .item-area .title {
        position: relative;
    }

    #sdweek2022 .introduce .item-area .off {
        position: absolute;
        top: -45px;
    }

    #sdweek2022 .introduce .item-area .vendor {
        font-size: 20px;
        line-height: 25px;
        padding-left: 0;
    }

    #sdweek2022 .introduce .item-area .more {
        width: 130px;
        position: absolute;
        top: -16px;
        right: 10px;
    }

    #sdweek2022 .introduce .item-area .more:after {
        width: 5px;
        height: 5px;
        right: 12px;
    }

    #sdweek2022 .introduce ul {
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
    }

    #sdweek2022 .introduce li {
        width: calc((100% - 10px) / 2);
        max-width: 50vw;
        margin: 0 0 13px;
    }

    #sdweek2022 .introduce li .txt-area {
        padding: 0;
        font-size: 13px;
    }

    #sdweek2022 .btm-button a {
        max-width: 300px;
    }
}

/******** 旧海外調整用 ************/
#sdweek2022.jp .main-visual .top-txt {
    text-align: left;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

#sdweek2022.jp .main-visual .top-txt h3 {
    font-size: 25px;
}

#sdweek2022.jp .main-visual .top-txt p {
    font-size: 15px;
    color: #FFFFFF;
    font-weight: 500;
}

#sdweek2022.jp .main-visual .top-txt a {
    width: 200px;
    height: 35px;
    margin-left: 15px;
    padding: 6px;
    border-radius: 10px;
    font-size: 17px;
    text-align: center;
    color: #1047A2;
    background: #f6ce37;
    position: relative;
}

#sdweek2022.jp .main-visual .top-txt a:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: 2px #1047A2 solid;
    border-right: 2px #1047A2 solid;
    margin: 0 0 0 10px;
    transform: rotate(135deg);
    border-radius: 1px;
    position: absolute;
    top: 13px;
    right: 16px;
}

#sdweek2022.jp .introduce .item-area .off {
    min-width: 106px;
}

#sdweek2022.jp label:nth-of-type(n+5) span {
    bottom: 15px;
}

#sdweek2022.jp label:nth-of-type(4) span {
    bottom: 5px;
}

/* TAB/SP */
@media screen and (max-width: 940px) {
    #sdweek2022.jp label:nth-of-type(n+2) span {
        bottom: 15px;
    }

    #sdweek2022.jp label:nth-of-type(4) span {
        bottom: 5px;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #sdweek2022.jp .main-visual .top-txt {
        text-align: center;
        display: block;
    }

    #sdweek2022.jp .main-visual .top-txt a {
        margin: 5px auto 0;
    }

    #sdweek2022.jp .contents label {
        height: 50px;
        padding: 9px 0 8px;
        margin: 0 2px 6px;
    }

    #sdweek2022.jp .contents label:nth-of-type(n+5) {
        height: 50px;
        margin-bottom: 10px;
    }
}

/******** Premium SD's Week 2022 商品一覧ページ ************/
#productlist-event-psdw {
    background-color: #0A184D;
    border-bottom: solid 1px #BBBBBB;
}

#productlist-event-psdw * {
    box-sizing: border-box;
}

#productlist-event-psdw p {
    margin: 0;
    padding: 0;
}

#productlist-event-psdw a, #productlist-event-psdw a:hover, #productlist-event-psdw a:visited {
    text-decoration: none;
}

#productlist-event-psdw .main-visual {
    background: url("../image/list_bg.png") center top no-repeat;
    width: 100%;
    height: 300px;
    text-align: center;
}

#productlist-event-psdw .button-area {
    margin: 11px auto 0;
    display: flex;
    justify-content: space-between;
    width: 966px;
}

#productlist-event-psdw .button-area li {
    text-align: center;
    width: auto;
    min-width: 86px;
}

#productlist-event-psdw .button-area a {
    width: auto;
    height: 43px;
    padding: 8px 10px;
    background: #FFFFFF;
    border-top: solid 1px #BBBBBB;
    border-left: solid 1px #BBBBBB;
    border-right: solid 1px #BBBBBB;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    align-items: center;
}

#productlist-event-psdw .button-area a:hover,
#productlist-event-psdw .button-area a.selected {
    background-color: #FFF7C1;
}

#productlist-event-psdw .button-area li a img {
    margin-right: 10px;
}

#productlist-event-psdw .button-area li:nth-child(1) a img {
    width: 27px;
    height: 26px;
}

#productlist-event-psdw .button-area li:nth-child(2) a img {
    width: 27px;
    height: 27px;
}

#productlist-event-psdw .button-area li:nth-child(3) a img {
    width: 27px;
    height: 23px;
}

#productlist-event-psdw .button-area li:nth-child(4) a img {
    width: 19px;
    height: 27px;
}

#productlist-event-psdw .button-area li:nth-child(5) a img {
    width: 25px;
    height: 25px;
}

#productlist-event-psdw .button-area li:nth-child(6) a img {
    width: 27px;
    height: 21px;
}

#productlist-event-psdw .button-area li a span {
    color: #707070;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}

#productlist-event-psdw .button-area li:nth-child(n+5) a span {
    bottom: 7px;
}

/* TAB/SP */
@media screen and (max-width: 940px) {
    #productlist-event-psdw .button-area {
        justify-content: center;
        width: 98%;
        max-width: 930px;
    }

    #productlist-event-psdw .button-area li {
        text-align: left;
        min-width: 0;
    }

    #productlist-event-psdw .button-area li:not(:first-child) {
        margin-left: 10px;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #productlist-event-psdw .main-visual {
        background: none;
        height: auto;
    }

    #productlist-event-psdw .main-visual img {
        width: 100%;
    }

    #productlist-event-psdw .button-area {
        margin: 8px auto 11px;
        padding: 0 2%;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
    }

    #productlist-event-psdw .button-area li {
        width: 49%;
        min-width: 86px;
    }

    #productlist-event-psdw .button-area li:not(:first-child) {
        margin-left: 0;
    }

    #productlist-event-psdw .button-area li:nth-child(n+3):nth-child(-n+4) {
        margin: 10px 0;
    }

    #productlist-event-psdw .button-area a {
        height: auto;
        height: 43px;
        padding: 8px 10px;
        border: solid 1px #BBBBBB;
        border-radius: 10px;
    }

    #productlist-event-psdw .button-area li:nth-child(n+5) a {
        height: 53px;
    }

    #productlist-event-psdw .button-area li a img {
        margin-right: 10px;
    }

    #productlist-event-psdw .button-area li:nth-child(4) a img {
        margin-right: 17px;
    }
}

/* 旧海外用 */
#productlist-event-psdw .button-area.jp {
    width: 800px;
}

/* TAB/SP */
@media screen and (max-width: 940px) {
    #productlist-event-psdw .button-area.jp {
        width: 98%;
        max-width: 930px;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #productlist-event-psdw .button-area.jp {
        width: 100%;
    }

    #productlist-event-psdw .button-area.jp li:nth-child(n+3):nth-child(-n+4) a {
        height: 50px;
    }

    #productlist-event-psdw .button-area.jp li:nth-child(n+5) a {
        height: 43px;
    }
}

/* // Premium SD's Week 2022 */

/* No.034065 応援コメント記入促進キャンペーン */
#contents-guide-campaign-body * {
    box-sizing: border-box;
    max-width: 1366px;
}

#contents-guide-campaign-body .under-line {
    text-decoration: underline;
}

#contents-guide-campaign-body img {
    width: auto;
    height: auto;
    max-width: 100%;
    border: #CCC solid 1px;
}

#contents-guide-campaign-body .p {
    margin: 1em 0 20px;
}

#contents-guide-campaign-body .img {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    max-width: 1250px;
}

#contents-guide-campaign-body .img li {
    width: 50%;
    border: 1px solid #ccc;
}

#contents-guide-campaign-body .img li:first-child {
    border-width: 1px 0 1px 1px;
}

#contents-guide-campaign-body .img li > h2 {
    display: block;
    margin: 0;
    padding: 15px 30px 10px 52px;
    background: #EEE;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    border-bottom: 1px solid #ccc;
}

#contents-guide-campaign-body .img li > h2::before,
#contents-guide-campaign-body .img li:last-child > h2::after {
    display: block;
    content: "";
    height: 17px;
    position: absolute;
}

#contents-guide-campaign-body .img li:first-child > h2::before {
    height: 17px;
    width: 17px;
    border: solid 4px #DC4D4D;
    border-radius: 50%;
    top: 12px;
    left: 16px;
}

#contents-guide-campaign-body .img li:last-child > h2::before,
#contents-guide-campaign-body .img li:last-child > h2::after {
    height: 28px;
    width: 4px;
    background: #333;
    transform: rotate(45deg);
    top: 11px;
    left: 26px;
}

#contents-guide-campaign-body .img li:last-child > h2::before {
    transform: rotate(-45deg);
}

#contents-guide-campaign-body .img li div {
    padding: 20px 30px;
    background: #F6F6F6;
}

.link-button-blue {
    max-width: 345px;
    border-radius: 20px;
    padding: 11px 15px 9px;
    line-height: 1;
    border: 1px #1b76d1 solid;
    background-color: #fff;
    color: #1b76d1 !important;
    font-size: 15px;
    transition: opacity 0.2s;
    text-decoration: none;
    margin-bottom: 50px;
    display: inline-block;
}

.link-button-blue:hover {
    border: 1px #1b76d1 solid;
    background-color: #1b76d1;
    color: #fff !important;
    text-decoration: none;
}

.link-button-blue:after {
    content: '';
    display: inline-block;
    vertical-align: 1px;
    width: 7px;
    height: 7px;
    border-top: 2px #1b76d1 solid;
    border-right: 2px #1b76d1 solid;
    transform: rotate(45deg);
    margin-left: 7px;
}

.link-button-blue:hover:after {
    border-top: 2px #fff solid;
    border-right: 2px #fff solid;
}

/* TAB/SP */
@media screen and (max-width: 940px) {
    #contents-guide-campaign-body .img {
        width: 98%;
        max-width: 650px;
        margin: 0 auto 50px;
    }

    #contents-guide-campaign-body .img li {
        width: 100%;
    }

    #contents-guide-campaign-body .img li:first-child {
        border-width: 1px 1px 0 1px;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #contents-guide-campaign-body .img li div {
        padding: 15px 14px;
    }

    .link-button-blue {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/* 2022感謝祭(2022/12)
------------------------------------------------------------------------ */
#thanksgiving2022 {
    padding-bottom: 50px;
    background-color: #DBDDE5;
}

#thanksgiving2022 .pc-tb,
#thanksgiving2022 .pc-sp {
    display: block !important;
}

#thanksgiving2022 .tb-pc,
#thanksgiving2022 .sp-pc {
    display: none !important;
}

#thanksgiving2022 .inner {
    margin: 0 auto;
    max-width: 1340px;
    background-color: #F8F8F8;
}

#thanksgiving2022 .mv-area {
    margin: 0 auto;
    max-width: 1300px;
    background-color: #0E297C;
}

#thanksgiving2022 h2 {
    margin: 0;
    border: none;
}

#thanksgiving2022 picture img {
    margin: 0 auto;
    display: block;
    width: 90%;
}

#thanksgiving2022 .top-link {
    padding: 14px 0;
    background-color: #0F297C;
    text-align: center;
}

#thanksgiving2022 .top-link span {
    padding: 0 15px 0 30px;
    color: #FDCF31;
    font-weight: 600;
    font-size: 25px;
    vertical-align: middle;
    background: url("../image/main_transfer.png") left center no-repeat;
}

#thanksgiving2022 .top-link a {
    padding: 5px 0;
    display: inline-block;
    width: 200px;
    border-radius: 6px;
    color: #1047A2;
    font-weight: 600;
    font-size: 17px;
    background: url("../image/main_link_arrow.png") right 8px center no-repeat #FFF;
    text-decoration: none;
}

#thanksgiving2022 .top-link a:hover {
    background-color: #FDCF31;
}

#thanksgiving2022 .about {
    margin: 0 auto;
    padding: 30px 0 256px;
    max-width: 1300px;
    width: 100%;
    background: url("../image/about_bg.png") center bottom no-repeat, linear-gradient(180deg, #E4E4E5 0%, #C8D1DF 100%);
}

#thanksgiving2022 .about .cont {
    margin: 0 auto 10px;
    padding: 20px 20px 34px 47px;
    max-width: 1116px;
    width: calc(100% - 82px);
    border: 1px solid #707070;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background-color: #FFF;
    box-sizing: border-box;
}

#thanksgiving2022 .about .cont::before,
#thanksgiving2022 .about .cont::after {
    content: "";
    display: block;
    border-radius: 200px;
    position: absolute;
    top: -12px;
    width: 26px;
    height: calc(100% + 24px);
    background-color: #8B8B8B;
    border: 1px solid #707070;
}

#thanksgiving2022 .about .cont::before {
    left: -26px;
}

#thanksgiving2022 .about .cont::after {
    right: -26px;
}

#thanksgiving2022 .about .cont::after {
    right: -26px;
}

#thanksgiving2022 .about .cont .txt {
    padding: 0 10px 0 0;
    max-width: 600px;
    width: 60%;
    min-width: 430px;
    font-size: 15px;
}

#thanksgiving2022 .about .cont p {
    margin: 0 0 30px;
}

#thanksgiving2022 .about .cont .txt h3 {
    margin: 0 0 6px;
    padding: 3px 10px 2px;
    display: inline-block;
    color: #FFF;
    font-weight: 600;
    font-size: 15px;
    background-color: #FF8000;
}

#thanksgiving2022 .about .cont .txt dl {
    font-size: 14px;
}

#thanksgiving2022 .about .cont .txt dl dt {
    font-weight: 600;
}

#thanksgiving2022 .about .cont .txt dl dd {
    margin: 0;
}

#thanksgiving2022 .about .cont img {
    margin-right: 20px;
    display: block;
    max-width: 448px;
    width: 100%;
}

#thanksgiving2022 .about .lead {
    margin: 0;
    color: #00007D;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
}

#thanksgiving2022 .about .lead em {
    color: #0063B0;
    font-style: normal;
}

#thanksgiving2022 .vendors {
    margin-top: -160px;
}

#thanksgiving2022 .vendor {
    margin: 0 auto;
    max-width: 1300px;
    position: relative;
    border-radius: 150px 150px 0px 0px;
}

#thanksgiving2022 .vendor.breakfast {
    padding-bottom: 82px;
    background: linear-gradient(180deg, #B7E0FF 0, #FEF0AD 386px, #F8F8F8 772px, transparent 100%);
}

#thanksgiving2022 .vendor.lunch {
    padding-bottom: 82px;
    background: linear-gradient(180deg, #FFD597 0, #FFF385 386px, #F8F8F8 772px, transparent 100%);
}

#thanksgiving2022 .vendor.dinner {
    padding-bottom: 30px;
    background: linear-gradient(180deg, #CFC8FF 0, #C1D9F5 386px, #F8F8F8 772px, transparent 100%);
}

#thanksgiving2022 .vendor .title-area {
    position: absolute;
    top: -98px;
    left: 50%;
    transform: translateX(-50%);
}

#thanksgiving2022 .vendor.breakfast .title-area {
    top: -75px;
}

#thanksgiving2022 .vendor .title-area img {
    display: block;
}

#thanksgiving2022 .vendor ul {
    margin: 0 auto;
    padding: 190px 0 0;
    max-width: 1250px;
    width: calc(100% - 40px);
    display: flex;
    flex-wrap: wrap;
}

#thanksgiving2022 .vendor.breakfast ul {
    padding: 212px 0 0;
}

#thanksgiving2022 .vendor ul li {
    margin-bottom: 52px;
    padding: 0 15px 17px 15px;
    border: 1px solid #707070;
    max-width: 400px;
    width: calc(100% / 3 - 17px);
    position: relative;
    background-color: #FFF;
    box-sizing: border-box;
}

#thanksgiving2022 .vendor ul li:not(:nth-child(3n)) {
    margin-right: 25px;
}

#thanksgiving2022 .vendor .logo {
    position: absolute;
    left: 13px;
    top: -12px;
    background-color: #FFF;
    box-shadow: 0 0 0 1px #c5c5c5;
}

#thanksgiving2022 .vendor .logo img {
    display: block;
    width: 100px;
    height: auto;
}

#thanksgiving2022 .vendor .off {
    display: inline-block;
    position: absolute;
    left: 123px;
    top: -12px;
    padding: 1px 5px 0;
    color: #FFF;
    font-weight: 600;
    font-size: 18px;
    background-color: #D80101;
}

#thanksgiving2022 .vendor .category {
    margin: 25px 0 10px 113px;
    font-weight: 600;
    font-size: 17px;
    line-height: 1.2;
}

#thanksgiving2022 .vendor .txt {
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 1.2;
}

#thanksgiving2022 .vendor .keyword {
    margin: -5px 0 10px;
    color: #858585;
    font-size: 13px;
    line-height: 1.4;
}

#thanksgiving2022 .vendor .keyword em {
    font-weight: 600;
    font-style: normal;
}

#thanksgiving2022 .vendor .img-area figure {
    margin: 0;
    position: relative;
}

#thanksgiving2022 .vendor .img-area figcaption {
    color: #8A8A8A;
    font-size: 12px;
    line-height: 1.4;
}

#thanksgiving2022 .vendor .img-area a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
}

#thanksgiving2022 .vendor .img-area.pickup {
    margin-bottom: 12px;
    display: flex;
}

#thanksgiving2022 .vendor .img-area.pickup figure:nth-child(1) {
    margin-right: 18px;
}

#thanksgiving2022 .vendor .img-area.pickup figure img {
    display: block;
    width: 100%;
    box-shadow: 0 0 0 1px #c5c5c5;
}

#thanksgiving2022 .vendor .img-area.pickup figcaption {
    margin: 6px 0 0 0;
}

#thanksgiving2022 .vendor .img-area.list figure {
    display: flex;
    align-items: center;
    width: 100%;
}

#thanksgiving2022 .vendor .img-area.list figure:not(:first-child) {
    margin-top: 10px;
}

#thanksgiving2022 .vendor .img-area.list figure img {
    display: block;
    width: 75px;
    box-shadow: 0 0 0 1px #c5c5c5;
}

#thanksgiving2022 .vendor .img-area.list figcaption {
    margin: 6px 0 0 10px;
    letter-spacing: -0.02em;
}

#thanksgiving2022 .btn-area {
    padding-bottom: 50px;
    text-align: center;
}

#thanksgiving2022 .btn-area a {
    padding: 11px 0;
    border: 1px solid #BE1F1F;
    border-radius: 29px;
    display: inline-block;
    max-width: 400px;
    width: 100%;
    color: #FFF;
    font-weight: 600;
    font-size: 20px;
    background-color: #DC4D4D;
    text-decoration: none;
}

#thanksgiving2022 .btn-area a:hover {
    background-color: #C24242;
}

#thanksgiving2022 .transfer-event {
    padding: 70px 0 82px;
    width: 100%;
    background-color: #0F297C;
}

#thanksgiving2022 .transfer-event-inner {
    margin: 0 auto;
    padding: 4px;
    border: 1px solid #181756;
    outline: 1px solid #181756;
    outline-offset: -4px;
    max-width: 1000px;
    width: calc(100% - 40px);
    background-color: #F9F9F9;
    box-sizing: border-box;
}

#thanksgiving2022 .transfer-event .title {
    margin: 0;
    padding: 0;
}

#thanksgiving2022 .transfer-event .title img {
    margin: 0 auto;
    display: block;
    position: relative;
    top: -28px;
}

#thanksgiving2022 .transfer-event .lead {
    margin: -8px 0 20px;
    padding: 0 15px;
    font-size: 15px;
    text-align: center;
}

#thanksgiving2022 .transfer-event ul {
    margin: 0;
    padding: 0;
}

#thanksgiving2022 .transfer-event ul li {
    margin: 0 auto 10px;
    padding: 15px 0;
    border: 1px dashed #707070;
    border-radius: 10px;
    max-width: 850px;
    width: calc(100% - 30px);
    display: flex;
    font-size: 17px;
    background-color: #FFF;
    box-sizing: border-box;
}

#thanksgiving2022 .transfer-event ul li .logo {
    padding: 0 0 0 22px;
    width: 192px;
    box-sizing: border-box;
}

#thanksgiving2022 .transfer-event ul li .logo img {
    display: block;
    width: 150px;
    height: auto;
}

#thanksgiving2022 .transfer-event ul li .txt {
    padding-right: 15px;
}

#thanksgiving2022 .transfer-event ul li .name a {
    font-weight: 600;
    font-size: 18px;
    color: #3B3B3B;
    text-decoration: none;
}

#thanksgiving2022 .transfer-event ul li p {
    margin: 0;
    line-height: 1.4;
}

#thanksgiving2022 .transfer-event ul li em {
    font-weight: 600;
    font-style: normal;
    color: #B93838;
}

#thanksgiving2022 .transfer-event ul li span {
    font-size: 13px;
}

#thanksgiving2022 .transfer-event ul li .note {
    font-size: 13px;
    color: #B93838;
}

#thanksgiving2022 .transfer-event .caution {
    margin: 0 auto;
    padding: 0 15px 22px;
    max-width: 850px;
    color: #B93838;
    font-size: 13px;
}

#thanksgiving2022 .floating-btn {
    position: fixed;
    background: rgba(255, 255, 255, 0.6);
    left: 0;
    z-index: 100;
    padding: 10px 0;
    width: 100%;
}

#thanksgiving2022 .floating-btn ul {
    margin: 0 auto;
    padding: 0;
    max-width: 1160px;
    width: calc(100% - 40px);
    display: flex;
    justify-content: flex-start;
}

#thanksgiving2022 .floating-btn ul li {
    margin-right: 15px;
    max-width: 290px;
    width: 100%;
}

#thanksgiving2022 .floating-btn ul li:nth-child(3) {
    margin-right: 10px;
}

#thanksgiving2022 .floating-btn ul li:nth-child(4) {
    margin-right: 0;
    max-width: 250px;
    width: 100%;
}

#thanksgiving2022 .floating-btn ul li a {
    padding: 0 20px;
    border-radius: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 52px;
    box-sizing: border-box;
}

#thanksgiving2022 .floating-btn ul li a img {
    display: block;
    max-width: 100%;
}

#thanksgiving2022 .floating-btn ul li:nth-child(1) a {
    background: linear-gradient(90deg, #B7E0FF 0%, #FEF0AD 100%);
}

#thanksgiving2022 .floating-btn ul li:nth-child(2) a {
    background: linear-gradient(90deg, #FFC978 0%, #FFF385 100%);
}

#thanksgiving2022 .floating-btn ul li:nth-child(3) a {
    background: linear-gradient(90deg, #B4ABF1 0%, #C1D9F5 100%);
}

#thanksgiving2022 .floating-btn ul li:nth-child(1) a:hover,
#thanksgiving2022 .floating-btn ul li:nth-child(2) a:hover,
#thanksgiving2022 .floating-btn ul li:nth-child(3) a:hover {
    opacity: 0.9;
}

#thanksgiving2022 .floating-btn ul li:nth-child(4) a {
    border: 1px solid #0F297C;
    border-radius: 15px;
    background-color: #FFF;
}

#thanksgiving2022 .floating-btn ul li:nth-child(4) a:hover {
    background-color: #FDCF31;
}

/****** Export用 ******/
#thanksgiving2022.en .floating-btn ul {
    max-width: 900px;
}

#thanksgiving2022.en .floating-btn ul li:nth-child(3) {
    margin-right: 0;
}

/* TAB */
@media screen and (max-width: 940px) {
    #thanksgiving2022 .pc-tb {
        display: none !important;
    }

    #thanksgiving2022 .tb-pc {
        display: block !important;
    }

    #thanksgiving2022 .about .cont {
        margin: 0 auto 40px;
        padding: 20px 15px 30px;
        display: block;
        width: calc(100% - 40px);
    }

    #thanksgiving2022 .about .cont .txt {
        padding: 0;
        max-width: 100%;
        width: auto;
        min-width: auto;
        font-size: 14px;
    }

    #thanksgiving2022 .about .cont img {
        margin: -10px auto 0;
    }

    #thanksgiving2022 .about .cont::before,
    #thanksgiving2022 .about .cont::after {
        left: -10px;
        right: 0;
        width: calc(100% + 20px);
        height: 20px;
    }

    #thanksgiving2022 .about .cont::before {
        top: -10px;
    }

    #thanksgiving2022 .about .cont::after {
        top: auto;
        bottom: -10px;
    }

    #thanksgiving2022 .about .lead {
        line-height: 1.25;
    }

    #thanksgiving2022 .about .lead em {
        display: block;
    }

    #thanksgiving2022 .vendor ul {
        display: block;
        width: calc(100% - 20px);
    }

    #thanksgiving2022 .vendor ul li {
        margin: 0 auto 32px;
        max-width: 640px;
        width: auto;
    }

    #thanksgiving2022 .vendor ul li:not(:nth-child(3n)) {
        margin-right: auto;
    }

    #thanksgiving2022 .vendor .logo img {
        width: 88px;
    }

    #thanksgiving2022 .vendor .category {
        font-size: 14px;
    }

    #thanksgiving2022 .vendor .txt {
        font-size: 14px;
    }

    #thanksgiving2022 .vendor .img-area.list figure img {
        min-width: 66px;
        max-width: 132px;
        width: 20%;
    }

    #thanksgiving2022 .transfer-event ul li {
        font-size: 16px;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #thanksgiving2022 .inner {
        background-color: #FFF;
    }

    #thanksgiving2022 .pc-sp {
        display: none !important;
    }

    #thanksgiving2022 .sp-pc {
        display: block !important;
    }

    #thanksgiving2022 picture img {
        width: 100%;
    }

    #thanksgiving2022 .vendor ul li {
        max-width: 100%;
    }

    #thanksgiving2022 .transfer-event {
        padding-bottom: 50px;
    }

    #thanksgiving2022 .top-link {
        padding: 6px 0 8px;
    }

    #thanksgiving2022 .btn-area a {
        padding: 13px 0;
        width: 300px;
        font-weight: normal;
        font-size: 18px;
    }

    #thanksgiving2022 .transfer-event .title img {
        top: -18px;
        max-width: 100%;
    }

    #thanksgiving2022 .transfer-event .lead {
        margin-bottom: 12px;
        font-size: 13px;
        text-align: left;
    }

    #thanksgiving2022 .transfer-event ul li {
        padding: 15px 12px 12px;
        max-width: 850px;
        width: calc(100% - 30px);
        display: block;
        font-size: 14px;
    }

    #thanksgiving2022 .transfer-event ul li .logo {
        margin: 0 auto 12px;
        padding: 0;
        width: 120px;
    }

    #thanksgiving2022 .transfer-event ul li .logo img {
        width: 120px;
    }

    #thanksgiving2022 .transfer-event ul li .name a {
        font-size: 16px;
    }

    #thanksgiving2022 .transfer-event ul li .note {
        font-size: 12px;
    }

    #thanksgiving2022 .transfer-event .caution {
        font-size: 12px;
    }

    #thanksgiving2022 .vendor.breakfast {
        padding-bottom: 198px;
        background: linear-gradient(180deg, #B7E0FF 0, #FEF0AD 235px, #F8F8F8 470px, #F8F8F8 100%);
    }

    #thanksgiving2022 .vendor.lunch {
        margin-top: -140px;
        padding-bottom: 198px;
        background: linear-gradient(180deg, #FFD597 0, #FFF385 235px, #F8F8F8 470px, #F8F8F8 100%);
    }

    #thanksgiving2022 .vendor.dinner {
        margin-top: -140px;
        padding-bottom: 5px;
        background: linear-gradient(180deg, #CFC8FF 0, #C1D9F5 235px, #F8F8F8 470px, transparent 100%);
    }

    #thanksgiving2022 .vendor .title-area {
        top: -62px;
    }

    #thanksgiving2022 .vendor.breakfast .title-area {
        top: -65px;
    }

    #thanksgiving2022 .vendor ul {
        padding: 140px 0 0;
    }

    #thanksgiving2022 .vendor.breakfast ul {
        padding: 140px 0 0;
    }

    #thanksgiving2022 .floating-btn {
        padding: 5px 0;
    }

    #thanksgiving2022 .floating-btn ul li {
        margin-right: 10px;
    }

    #thanksgiving2022 .floating-btn ul li a {
        padding: 0 15px;
        border-radius: 36px;
        height: 50px;
    }
}

/***--- 未取引企業への初注文時は送料無料CP ---***/
#dl-info-area .free-shipping-campaign-area * {
    box-sizing: border-box;
}

#dl-info-area .free-shipping-campaign-area .orange {
    color: #E77100;
}

#dl-info-area .free-shipping-campaign-area {
    padding: 5px 0;
    width: 96%;
    background-color: #FFE8CA;
    margin: 10px auto 0;
    line-height: 1.3;
}

#dl-info-area .free-shipping-campaign-area #free-shipping-canpaign-info-link {
    font-size: 13px;
    color: #333333;
}

#dl-info-area .free-shipping-campaign-area #free-shipping-canpaign-info-link .big {
    font-size: 15px;
}

#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info.co-tooltip-onclick {
    left: calc(50% - 205px);
    overflow: hidden;
    z-index: 4;
}

#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info {
    width: 410px;
}

#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #E77100;
    color: #ffffff;
    outline: 5px solid #E77100;
}

#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .co-tooltip-cancel {
    box-sizing: content-box;
}

#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .sub-ttl {
    font-size: 13px;
    padding: 6px 15px 5px;
    background-color: #ffffff;
    border-radius: 20px;
    position: relative;
}

#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .sub-ttl:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: calc(50% - 7px);
}

#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .ttl .text01 {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: -2px;
}

#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .ttl .text01 .big {
    color: #FFFF14;
    font-size: 22px;
}

#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .ttl .text02 {
    font-size: 55px;
}

#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .ttl .text02 .vertical {
    font-size: 26px;
    writing-mode: vertical-rl;
    margin-bottom: -0.15em;
}

#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .ttl .text02 img {
    width: 76px;
    height: auto;
    margin-bottom: -0.1em;
    margin-right: 5px;
    filter: invert(100%) sepia(50%) saturate(2%) hue-rotate(134deg) brightness(105%) contrast(101%);
}

#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .date {
    font-size: 18px;
    padding: 2px 15px 1px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    margin-top: 0;
    width: 340px;
}

#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .text-area {
    font-size: 14px;
    line-height: 1.6;
    padding: 20px 20px 15px;
}

#dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .text-area .note {
    text-indent: -1em;
    margin-left: 1em;
}

/* TAB/SP */
@media screen and (max-width: 940px) {
    #dl-info-area .free-shipping-campaign-area {
        width: 100%;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    #dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info.co-tooltip-onclick {
        left: calc(50% - 160px);
    }

    #dl-info-area .free-shipping-campaign-area #free-shipping-canpaign-info-link .big {
        font-size: 13px;
    }

    #dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info {
        width: 320px;
    }

    #dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .ttl .text01 {
        font-size: 14px;
    }

    #dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .ttl .text01 .big {
        font-size: 17px;
    }

    #dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .ttl .text02 {
        font-size: 45px;
        width: 275px;
    }

    #dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .ttl .text02 .vertical {
        font-size: 22px;
    }

    #dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .ttl .text02 img {
        width: 60px;
    }

    #dl-info-area .free-shipping-campaign-area #free-shipping-campaign-info .title-area .date {
        font-size: 14px;
        width: 270px;
    }
}

/***--- SD Gathering ---***/
.sd_gathering {
    margin: 30px 20px 0;
    text-align: center;
    line-height: 0;
}

.sd_gathering a:hover {
    opacity: 0.7;
}

.sd_gathering.productlist {
    margin: 0 0 40px;
    text-align: left;
    line-height: 0;
}

.sd_gathering .banner_pc {
    width: 100%;
    max-width: 1300px;
}

.sd_gathering.productlist .banner_pc {
    width: 100%;
    max-width: 900px;
}

.sd_gathering .banner_sp {
    display: none;
}

.sd_gathering_title {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* TAB/SP */
@media screen and (max-width: 940px) {
    .sd_gathering.productlist {
        margin: 10px;
    }

    .sd_gathering_title {
        font-size: 14px;
        border-bottom: none;
        text-align: center;
        margin: 30px 10px 0px;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    .sd_gathering {
        margin: 10px;
        background-color: #2E3636;
    }

    .sd_gathering .banner_pc {
        display: none;
    }

    .sd_gathering .banner_sp {
        display: block;
        width: 100%;
        max-width: 380px;
        margin: auto;
    }
}

/* 2022 食器特集ページ
----------------------------------------------------------------------------- */
#event-utsuwa {
    font-family: "Microsoft JhengHei", "微軟正黑體", "Helvetica Neue", Arial, sans-serif;
    color: #333333;
    margin: 0 auto -68px;
    position: relative;
}

#event-utsuwa * {
    box-sizing: border-box;
}

#event-utsuwa::before, #event-utsuwa::after {
    position: absolute;
    top: 0;
    content: "";
    display: block;
    width: 30px;
    height: 101%;
    background-color: #BBA08F;
    z-index: 1;
}

#event-utsuwa::before {
    left: 0;
}

#event-utsuwa::after {
    right: 0;
}

#event-utsuwa p, #event-utsuwa ul, #event-utsuwa h2, #event-utsuwa h3 {
    margin: 0;
    padding: 0;
}

#event-utsuwa a {
    color: #333333;
    text-decoration: none;
    display: block;
}

#event-utsuwa a:hover {
    opacity: 0.8;
}

#event-utsuwa img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    border: 0;
}

#event-utsuwa .inner {
    max-width: 1060px;
    margin: 0 auto;
}

#event-utsuwa .wrap {
    padding: 0 30px;
}

#event-utsuwa .italic {
    font-style: italic;
    font-weight: normal;
    font-family: "Times New Roman", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

/* ナビゲーションボタン */
#event-utsuwa nav {
    position: fixed;
    right: 0;
    bottom: 12px;
    overflow: hidden;
    z-index: 10;
}

#event-utsuwa nav li a {
    width: 67px;
    height: 67px;
    line-height: 67px;
    margin-right: 9px;
    border-radius: 50%;
    background-color: #484848;
    color: #FFFFFF;
    font-weight: 600;
    text-align: center;
}

#event-utsuwa nav li:not(:first-child) a {
    margin-top: 8px;
}

/* メインビジュアル */
#event-utsuwa .main-visual {
    position: relative;
    max-width: 1255px;
    margin: 0 auto;
}

#event-utsuwa .main-visual .mv-bg {
    width: 100%;
    max-width: 969px;
    position: absolute;
    right: 17.5vw;
    z-index: 2;
}

#event-utsuwa .main-visual .catch {
    width: 75%;
    max-width: 869px;
    margin: 155px 0 0 10px;
    position: relative;
    z-index: 2;
}

#event-utsuwa .main-visual .title {
    border: none;
}

#event-utsuwa .main-visual .title img {
    height: 100%;
    max-height: 429px;
    position: absolute;
    top: 0;
    right: 2vw;
}

/* 日本陶瓷器生產地 */
#event-utsuwa .about {
    padding: 85px 0 20px;
    background: #F6F6F6 url("../image/about_bg1.png") repeat;
    position: relative;
}

#event-utsuwa .about .inner {
    max-width: 1255px;
}

#event-utsuwa .about .title-area {
    width: 342px;
    padding: 9px 39px 10px 63px;
    background-color: #215B9A;
    position: absolute;
    top: -17px;
    color: #FFFFFF;
}

#event-utsuwa .about .title-area .title {
    font-size: 30px;
    line-height: 1.3;
    text-align: left;
}

#event-utsuwa .about .title-area .sub {
    display: flex;
    align-items: center;
    width: 134px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

#event-utsuwa .about .title-area .sub::before,
#event-utsuwa .about .title-area .sub::after {
    border-top: 1px solid;
    content: '';
    flex-grow: 1;
}

#event-utsuwa .about .title-area .sub::before {
    margin-right: 0.5rem;
}

#event-utsuwa .about .title-area .sub::after {
    margin-left: 0.5rem;
}

#event-utsuwa .about .content {
    content: '';
    display: block;
    height: 790px;
    background: url("../image/about_pc.png") no-repeat center center;
    background-size: 82%;
    margin: 0 auto;
}

#event-utsuwa .about .txt {
    font-size: 15px;
    font-weight: 600;
    margin-left: 43px;
    max-width: 400px;
    line-height: 1.5;
}

/* ループ */
#event-utsuwa .loop {
    display: flex;
    overflow: hidden;
}

#event-utsuwa .loop img {
    max-width: none;
}

#event-utsuwa .loop img:first-child {
    animation: loop 50s -25s linear infinite;
}

#event-utsuwa .loop img:last-child {
    animation: loop2 50s linear infinite;
}

@keyframes loop {
    0% {
        transform: translatex(100%);
    }
    to {
        transform: translatex(-100%);
    }
}

@keyframes loop2 {
    0% {
        transform: translatex(0);
    }
    to {
        transform: translatex(-200%);
    }
}

/* 日本陶瓷器生產地 */
#event-utsuwa .about {
    padding: 85px 0 20px;
    background: #F6F6F6 url("../image/about_bg1.png") repeat;
    position: relative;
}

#event-utsuwa .about .inner {
    max-width: 1255px;
}

#event-utsuwa .about .title-area {
    width: 342px;
    padding: 9px 39px 10px 63px;
    background-color: #215B9A;
    position: absolute;
    top: -17px;
    color: #FFFFFF;
}

#event-utsuwa .about .title-area .title {
    font-size: 30px;
    line-height: 1.3;
    text-align: left;
}

#event-utsuwa .about .title-area .sub {
    display: flex;
    align-items: center;
    width: 134px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

#event-utsuwa .about .title-area .sub::before,
#event-utsuwa .about .title-area .sub::after {
    border-top: 1px solid;
    content: '';
    flex-grow: 1;
}

#event-utsuwa .about .title-area .sub::before {
    margin-right: 0.5rem;
}

#event-utsuwa .about .title-area .sub::after {
    margin-left: 0.5rem;
}

#event-utsuwa .about .content {
    content: '';
    display: block;
    height: 790px;
    background: url("../image/about_pc.png") no-repeat center center;
    background-size: 82%;
    margin: 0 auto;
}

#event-utsuwa .about .txt {
    font-size: 15px;
    font-weight: 600;
    margin-left: 43px;
    max-width: 400px;
    line-height: 1.5;
}

/* ループ */
#event-utsuwa .loop {
    display: flex;
    overflow: hidden;
}

#event-utsuwa .loop img {
    max-width: none;
}

#event-utsuwa .loop img:first-child {
    animation: loop 50s -25s linear infinite;
}

#event-utsuwa .loop img:last-child {
    animation: loop2 50s linear infinite;
}

@keyframes loop {
    0% {
        transform: translatex(100%);
    }
    to {
        transform: translatex(-100%);
    }
}

@keyframes loop2 {
    0% {
        transform: translatex(0);
    }
    to {
        transform: translatex(-200%);
    }
}

/* 陶瓷器種類介紹 */
#event-utsuwa .brand-list {
    padding: 35px 0 31px;
    background-color: #EFECCA;
}

#event-utsuwa .brand-list .inner {
    width: 98%;
}

#event-utsuwa .brand-list .title-area {
    width: 276px;
    padding: 25px 43px 20px;
    background-color: #C9C254;
}

#event-utsuwa .brand-list .title-area .title {
    font-size: 27px;
    line-height: 1;
    text-align: center;
}

#event-utsuwa .brand-list .title-area .sub {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.02em;
}

#event-utsuwa .brand-list .title-area .sub::before {
    border-top: solid 2px;
    content: '';
    width: 70px;
    display: block;
    margin: 9px auto 5px;
}

#event-utsuwa .brand-list ul {
    display: flex;
    justify-content: center;
}

#event-utsuwa .brand-list li {
    text-align: center;
}

#event-utsuwa .brand-list li:not(:first-child) {
    margin-left: 28px;
}

#event-utsuwa .brand-list .list01 > li:not(:first-child),
#event-utsuwa .brand-list .list02 > li {
    width: 127px;
}

#event-utsuwa .brand-list .list02 {
    margin-top: 27px;
}

#event-utsuwa .brand-list li img {
    background: #FFFFFF;
    width: 127px;
    border-radius: 50%;
}

#event-utsuwa .brand-list li .name {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
}

#event-utsuwa .brand-list li .name span {
    display: inline-block;
}

#event-utsuwa .brand-list li .name .italic {
    font-size: 13px;
    font-weight: normal;
    color: #8B8B8B;
}

#event-utsuwa .brand-list .btm-area {
    width: 100%;
    max-width: 1000px;
    margin: 37px auto 0;
    padding: 16px 61px 15px;
    background-color: #FFFFFF;
    border: solid 1px #DFDFDF;
    border-radius: 15px;
    display: flex;
}

#event-utsuwa .brand-list .btm-area .description {
    text-align: center;
    margin-right: 50px;
}

#event-utsuwa .brand-list .btm-area .description .txt {
    font-size: 18px;
    color: #215B9A;
    font-weight: 600;
}

#event-utsuwa .brand-list .btm-area .description .sub {
    font-size: 15px;
    color: #707070;
    display: flex;
    align-items: center;
}

#event-utsuwa .brand-list .btm-area .description::before {
    content: '';
    display: block;
    width: 19px;
    height: 17px;
    background: url("../image/category_icon_01.png") no-repeat;
    background-size: contain;
    margin: 0 auto;
}

#event-utsuwa .brand-list .btm-area .description .sub::before,
#event-utsuwa .brand-list .btm-area .description .sub::after {
    border-top: 1px solid;
    content: '';
    flex-grow: 1;
}

#event-utsuwa .brand-list .btm-area .description .sub::before {
    margin-right: 0.3rem;
}

#event-utsuwa .brand-list .btm-area .description .sub::after {
    margin-left: 0.3rem;
}

#event-utsuwa .brand-list .btm-area .profile {
    font-weight: 600;
    display: flex;
    align-items: center;
}

#event-utsuwa .brand-list .btm-area .profile img {
    width: 68px;
    height: 68px;
    margin-right: 12px;
    border-radius: 50%;
    border: solid 1px #707070;
}

#event-utsuwa .brand-list .btm-area .profile .group {
    display: flex;
    align-items: center;
}

#event-utsuwa .brand-list .btm-area .profile .group:nth-of-type(1) .txt-area {
    width: 118px;
}

#event-utsuwa .brand-list .btm-area .profile .group:nth-of-type(2) .txt-area {
    width: 107px;
}

#event-utsuwa .brand-list .btm-area .profile .group:nth-of-type(3) .txt-area {
    width: 112px;
}

#event-utsuwa .brand-list .btm-area .profile .group:not(:last-child) .txt-area {
    margin-right: 15px;
}

#event-utsuwa .brand-list .btm-area .profile .work {
    font-size: 15px;
}

#event-utsuwa .brand-list .btm-area .profile .tag {
    font-size: 13px;
    color: #707070;
}

#event-utsuwa .brand-list .btm-area .profile .tag span {
    margin-right: 5px;
}

#event-utsuwa .brand-list .btm-area .profile .tag span::before {
    content: '#';
}

/* 各ブランドコンテンツ */
#event-utsuwa .brand {
    background-color: #F5F4E8;
    padding-bottom: 35px;
}

#event-utsuwa .brand .content {
    padding-top: 83px;
}

#event-utsuwa .brand .content .inner {
    padding: 28px 45px 45px;
    background-color: #FFFFFF;
    border: solid 1px #C9C254;
}

#event-utsuwa .brand .content.type03 .inner {
    padding-bottom: 32px;
}

#event-utsuwa .brand .content .intro {
    display: flex;
}

#event-utsuwa .brand .content .intro img {
    width: 365px;
    height: 100%;
    margin-top: -74px;
    border: solid 1px #C9C254;
}

#event-utsuwa .brand .content .intro .title-area {
    margin: 0 17px 0 27px;
    writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
}

#event-utsuwa .brand .content .intro .title-area .sub {
    font-size: 18px;
    color: #215B9A;
    letter-spacing: 0.02em;
    padding-left: 3px;
}

#event-utsuwa .brand .content .intro .title-area .title span {
    font-size: 36px;
    color: #FFFFFF;
    line-height: 1;
    background-color: #215B9A;
    padding: 8px 6px 8px 4px;
    letter-spacing: 0.1em;
    display: inline-block;
}

#event-utsuwa .brand .content .intro .txt-area {
    width: 100%;
    max-width: 491px;
    font-size: 15px;
}

#event-utsuwa .brand .content .intro .txt-area .place {
    font-weight: 600;
}

#event-utsuwa .brand .content .intro .txt-area .place::before {
    content: '';
    display: inline-block;
    width: 11px;
    height: 15px;
    background: url("../image/category_icon_02.png") no-repeat;
    background-size: contain;
    margin-right: 6px;
    padding-bottom: 3px;
    vertical-align: bottom;
}

#event-utsuwa .brand .content .intro .txt-area .txt {
    line-height: 1.6;
}

#event-utsuwa .brand .content.type04 .intro {
    position: relative;
}

#event-utsuwa .brand .content.type04 .intro .title-area {
    position: absolute;
    top: 0;
    left: 315px;
}

#event-utsuwa .brand .content.type04 .intro .title-area .title span:first-child {
    margin-left: 3px;
}

#event-utsuwa .brand .content.type04 .intro .title-area .title span {
    height: 186px;
}

#event-utsuwa .brand .content.type04 .intro .txt-area {
    margin-left: 113px;
}

#event-utsuwa .brand .content .button a {
    text-align: center;
    display: block;
    width: 300px;
    border-radius: 21px;
    padding: 8px 21px 9px;
    line-height: 1.1;
    border: 1px #215B9A solid;
    background-color: #FFFFFF;
    color: #215B9A;
    font-size: 18px;
    font-weight: 600;
    transition: opacity 0.2s;
    position: relative;
    margin: 0 0 0 auto;
}

#event-utsuwa .brand .content .button a::after {
    content: '';
    display: inline-block;
    vertical-align: 1px;
    width: 7px;
    height: 7px;
    border-top: 4px #215B9A solid;
    border-right: 4px #215B9A solid;
    border-radius: 2px;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 22px;
    bottom: 0;
    margin: auto;
}

#event-utsuwa .brand .content .list-title {
    font-size: 15px;
    font-weight: 600;
    width: 186px;
    background-color: #C9C254;
    padding: 4px 0 6px;
    margin: 5px 0 21px;
    text-align: center;
    letter-spacing: 0.2em;
}

#event-utsuwa .brand .content ul {
    display: flex;
    flex-wrap: wrap;
    max-width: 870px;
    margin: 0 auto;
}

#event-utsuwa .brand .content li {
    text-align: center;
    width: 100%;
    max-width: 201px;
}

#event-utsuwa .brand .content li:not(:nth-child(4n+1)) {
    margin-left: 22px;
}

#event-utsuwa .brand .content.type01 li:nth-child(-n+4) {
    margin-bottom: 27px;
}

#event-utsuwa .brand .content li a > img {
    border-radius: 40px;
    border: solid 1px #8B8B8B;
}

#event-utsuwa .brand .content li .name {
    font-size: 17px;
    font-weight: 600;
    margin: 6px 0 5px;
}

#event-utsuwa .brand .content li .comment {
    display: flex;
    align-items: flex-start;
}

#event-utsuwa .brand .content li .comment img {
    width: 34px;
    height: 34px;
    margin-right: 5px;
    border-radius: 50%;
}

#event-utsuwa .brand .content li .comment p {
    font-size: 13px;
    color: #707070;
    text-align: left;
    background: url("../image/category_icon_03.png") no-repeat left top 2px;
    background-size: 8px;
    vertical-align: middle;
    padding-left: 12px;
}

/* 精選廠商 */
#event-utsuwa .recommend {
    background: linear-gradient(#fff 0%, #d5dde6 100%);
    padding: 82px 0 52px;
}

#event-utsuwa .recommend .inner {
    padding: 63px 33px 47px;
    background-color: #FFFFFF;
    border: solid 2px #86A4C5;
    position: relative;
}

#event-utsuwa .recommend .title-area {
    margin: 0 auto;
    padding: 20px 0 9px;
    text-align: center;
    background-color: #FFFFFF;
    width: 333px;
    position: absolute;
    top: -95px;
    right: 50%;
    transform: translate(50%, 50%);
}

#event-utsuwa .recommend .title-area .sub {
    font-size: 16px;
    font-weight: normal;
    font-family: "Times New Roman", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    color: #8B8B8B;
    letter-spacing: 0.5em;
}

#event-utsuwa .recommend .title-area .title {
    font-size: 33px;
    line-height: 1;
    margin-top: 2px;
    letter-spacing: 0.1em;
}

#event-utsuwa .recommend ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#event-utsuwa .recommend li {
    text-align: center;
    width: 225px;
}

#event-utsuwa .recommend li:not(:nth-child(4n+1)) {
    margin-left: 30px;
}

#event-utsuwa .recommend li:nth-child(n+5) {
    margin-top: 35px;
}

#event-utsuwa .recommend li a > img {
    border-radius: 60% 43% 56% 60% / 58% 58% 63% 64%;
    width: 200px;
    text-align: center;
}

#event-utsuwa .recommend li .name {
    font-size: 17px;
    font-weight: 600;
    color: #215B9A;
    margin: 6px 0 5px;
}

#event-utsuwa .recommend li .comment {
    font-size: 13px;
    color: #707070;
    text-align: left;
}

/* 商品分類 */
#event-utsuwa .categories {
    padding: 51px 0 42px;
}

#event-utsuwa .categories .title-area {
    margin: 0 auto 25px;
    padding: 20px 0 9px;
    text-align: center;
    width: 333px;
}

#event-utsuwa .categories .title-area .sub {
    font-size: 16px;
    font-weight: normal;
    font-family: "Times New Roman", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    color: #8B8B8B;
    letter-spacing: 0.5em;
}

#event-utsuwa .categories .title-area .title {
    font-size: 33px;
    line-height: 1;
    margin-top: 2px;
    letter-spacing: 0.1em;
}

#event-utsuwa .categories ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#event-utsuwa .categories li a:hover {
    text-decoration: underline;
}

#event-utsuwa .categories .big-cate li {
    text-align: center;
    width: 230px;
}

#event-utsuwa .categories .big-cate li:not(:first-child) {
    margin-left: 26px;
}

#event-utsuwa .categories .big-cate li img {
    width: 230px;
    border: solid 1px #A2A2A2;
    background-color: #F2F2F2;
}

#event-utsuwa .categories .big-cate li .name {
    font-size: 16px;
    font-weight: 600;
    margin-top: 7px;
    height: 20px;
    position: relative;
}

#event-utsuwa .categories .big-cate li .name::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 4px #CCCCCC solid;
    border-right: 4px #CCCCCC solid;
    border-radius: 2px;
    transform: rotate(45deg);
    position: absolute;
    right: 2px;
    top: 0;
    bottom: 0;
    margin: auto;
}

#event-utsuwa .categories .small-cate {
    margin-top: 43px;
    padding-top: 53px;
}

#event-utsuwa .categories .small-cate li {
    text-align: center;
    width: 180px;
    position: relative;
}

#event-utsuwa .categories .small-cate li::before {
    content: '';
    display: block;
    margin: 0 auto;
    height: 43px;
    position: absolute;
    top: -72px;
    right: 50%;
    bottom: 0;
    transform: translate(50%, 50%);
    width: 100%;
}

#event-utsuwa .categories .small-cate li:nth-child(1)::before {
    background: url("../image/categories_icon_01.png") no-repeat;
    background-size: contain;
    width: 43px;
}

#event-utsuwa .categories .small-cate li:nth-child(2)::before {
    background: url("../image/categories_icon_02.png") no-repeat;
    background-size: contain;
    width: 34px;
}

#event-utsuwa .categories .small-cate li:nth-child(3)::before {
    background: url("../image/categories_icon_03.png") no-repeat;
    background-size: contain;
    width: 64px;
    top: -64px;
}

#event-utsuwa .categories .small-cate li:nth-child(4)::before {
    background: url("../image/categories_icon_04.png") no-repeat;
    background-size: contain;
    width: 39px;
}

#event-utsuwa .categories .small-cate li:not(:first-child) {
    margin-left: 37px;
}

#event-utsuwa .categories .small-cate li .block {
    text-align: center;
    width: 180px;
    margin-bottom: 10px;
}

#event-utsuwa .categories .small-cate li .block:first-child {
    border-top: dashed 1px #215B9A;
}

#event-utsuwa .categories .small-cate li .block > a:first-child {
    font-size: 16px;
    font-weight: 600;
}

#event-utsuwa .categories .small-cate li a {
    font-size: 14px;
    padding-top: 10px;
}

/* TAB/SP */
@media screen and (max-width: 940px) {
    #event-utsuwa::before, #event-utsuwa::after {
        display: none;
    }

    #event-utsuwa .inner {
        width: 95%;
    }

    #event-utsuwa .wrap {
        padding: 0;
    }

    /* メインビジュアル */
    #event-utsuwa .main-visual .mv-bg {
        max-width: 700px;
        right: 20vw;
    }

    #event-utsuwa .main-visual .catch {
        margin: 120px 0 0 10px;
    }

    /* 日本陶瓷器生產地 */
    #event-utsuwa .about {
        padding: 85px 0 30px;
    }

    #event-utsuwa .about .content {
        height: 545px;
        background: url("../image/about_pc.png") no-repeat center bottom;
        background-size: 85%;
    }

    #event-utsuwa .about .txt {
        margin-left: 0;
        max-width: 480px;
    }

    /* ループ */
    #event-utsuwa .loop {
        height: 140px;
    }

    #event-utsuwa .loop img {
        height: 140px;
    }

    /* 陶瓷器種類介紹 */
    #event-utsuwa .brand-list .inner {
        width: 95%;
    }

    #event-utsuwa .brand-list .title-area {
        width: 100%;
        max-width: 220px;
        padding: 15px;
    }

    #event-utsuwa .brand-list .title-area .title {
        font-size: 23px;
    }

    #event-utsuwa .brand-list .title-area .sub {
        font-size: 13px;
    }

    #event-utsuwa .brand-list li:not(:first-child) {
        margin-left: 15px;
    }

    #event-utsuwa .brand-list .list01 > li:not(:first-child),
    #event-utsuwa .brand-list .list02 > li,
    #event-utsuwa .brand-list li img {
        width: 90px;
    }

    #event-utsuwa .brand-list .btm-area {
        margin: 22px auto 0;
        padding: 16px 15px 15px;
    }

    #event-utsuwa .brand-list .btm-area .description {
        margin-right: 20px;
    }

    /* 各ブランドコンテンツ */
    #event-utsuwa .brand .content {
        padding-top: 75px;
    }

    #event-utsuwa .brand .content:first-child {
        padding-top: 62px;
    }

    #event-utsuwa .brand .content .inner {
        padding: 14px 16px 10px;
    }

    #event-utsuwa .brand .content .intro {
        justify-content: center;
    }

    #event-utsuwa .brand .content .intro img {
        max-width: 300px;
        width: 100%;
        height: auto;
        margin: -64px auto 15px;
    }

    #event-utsuwa .brand .content .intro .title-area {
        margin: 0;
    }

    #event-utsuwa .brand .content .intro .title-area .title span {
        padding: 4px 6px 4px 4px;
    }

    #event-utsuwa .brand .content .content-txt {
        text-align: center;
    }

    #event-utsuwa .brand .content .intro .txt-area {
        max-width: 550px;
        margin: 0 0 0 auto;
        font-size: 14px;
        text-align: left;
    }

    #event-utsuwa .brand .content.type04 .intro .title-area {
        position: static;
        left: 0;
        margin-right: 8px;
    }

    #event-utsuwa .brand .content.type04 .intro .title-area .title span:first-child {
        margin-left: 0;
    }

    #event-utsuwa .brand .content.type04 .intro .title-area .title span {
        height: auto;
    }

    #event-utsuwa .brand .content.type04 .intro .txt-area {
        margin-left: 0;
    }

    #event-utsuwa .brand .content .button a {
        width: 100%;
        max-width: 300px;
        margin: 24px auto 21px;
    }

    #event-utsuwa .brand .content ul {
        max-width: 609px;
    }

    #event-utsuwa .brand .content li {
        width: calc((100% - 36px) / 3);
        max-width: 185px;
        margin: 0 9px 16px;
    }

    #event-utsuwa .brand .content li:not(:nth-child(4n+1)) {
        margin-left: 9px;
    }

    #event-utsuwa .brand .content li:nth-child(2n) {
        margin-left: 9px;
    }

    #event-utsuwa .brand .content.type01 li:nth-child(-n+6) {
        margin-bottom: 16px;
    }

    #event-utsuwa .brand .content li a > img {
        border-radius: 30px;
    }

    /* 精選廠商 */
    #event-utsuwa .recommend {
        padding: 66px 2% 26px;
    }

    #event-utsuwa .recommend .inner {
        padding: 30px 0 5px;
    }

    #event-utsuwa .recommend .title-area {
        width: 100%;
        max-width: 282px;
    }

    #event-utsuwa .recommend .title-area .sub {
        font-size: 13px;
    }

    #event-utsuwa .recommend .title-area .title {
        font-size: 32px;
    }

    #event-utsuwa .recommend ul {
        margin-top: 20px;
    }

    #event-utsuwa .recommend li {
        width: calc((100% - 80px) / 2);
        margin: 0 20px 15px;
    }

    #event-utsuwa .recommend li:not(:nth-child(4n+1)) {
        margin-left: 20px;
    }

    #event-utsuwa .recommend li:nth-child(n+5) {
        margin-top: 0;
    }

    #event-utsuwa .recommend li a > img {
        width: 100%;
        max-width: 150px;
    }

    /* 商品分類 */
    #event-utsuwa .categories {
        padding: 45px 0 42px;
    }

    #event-utsuwa .categories .title-area {
        margin: 0 auto 21px;
        padding: 0;
        width: 100%;
        max-width: 170px;
    }

    #event-utsuwa .categories ul {
        display: block;
    }

    #event-utsuwa .categories .big-cate li {
        width: 100%;
        max-width: 342px;
        margin: 0 auto;
        border: solid 1px #A2A2A2;
        background-color: #F2F2F2;
    }

    #event-utsuwa .categories .big-cate li a {
        padding: 0 17px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #event-utsuwa .categories .big-cate li:not(:first-child) {
        margin: 5px auto 0;
    }

    #event-utsuwa .categories .big-cate li img {
        width: 99px;
        border: none;
        background-color: transparent;
    }

    #event-utsuwa .categories .big-cate li .name {
        margin-top: 0;
        width: 100%;
        max-width: 205px;
    }

    #event-utsuwa .categories .big-cate li .name::after {
        width: 6px;
        height: 6px;
        border-top: 3px #CCCCCC solid;
        border-right: 3px #CCCCCC solid;
        border-radius: 1px;
        right: 0;
    }

    #event-utsuwa .categories .small-cate {
        margin-top: 25px;
        display: flex;
        flex-wrap: wrap;
    }

    #event-utsuwa .categories .small-cate li {
        width: calc((100% - 200px) / 2);
        max-width: 100%;
    }

    #event-utsuwa .categories .small-cate li:not(:first-child) {
        margin-left: 0;
    }

    #event-utsuwa .categories .small-cate li:nth-child(2n) {
        margin-left: 10px;
    }

    #event-utsuwa .categories .small-cate li:nth-child(2n-1) {
        margin-right: 10px;
    }

    #event-utsuwa .categories .small-cate li:nth-child(-n+2) {
        margin-bottom: 65px;
    }

    #event-utsuwa .categories .small-cate li .block {
        width: 100%;
        max-width: 180px;
        margin: 0 auto 10px;
    }
}

/* SP */
@media screen and (max-width: 670px) {
    /* ナビゲーションボタン */
    #event-utsuwa nav {
        left: 0;
        bottom: -14px;
        margin: auto;
    }

    #event-utsuwa nav ul {
        display: flex;
        justify-content: center;
    }

    #event-utsuwa nav li a {
        margin: 0 4px;
    }

    #event-utsuwa nav li:not(:first-child) a {
        margin-top: 0;
    }

    /* メインビジュアル */
    #event-utsuwa .main-visual {
        overflow: hidden;
    }

    #event-utsuwa .main-visual .inner {
        max-width: 330px;
    }

    #event-utsuwa .main-visual .mv-bg {
        width: 140%;
        max-width: 580px;
        right: 40vw;
    }

    #event-utsuwa .main-visual .catch {
        width: 100%;
        max-width: 145px;
        margin: 100px 0 0 0;
    }

    #event-utsuwa .main-visual .title img {
        max-height: 285px;
    }

    /* 日本陶瓷器生產地 */
    #event-utsuwa .about {
        padding: 20px 0 30px;
        position: static;
    }

    #event-utsuwa .about .inner {
        width: 90%;
    }

    #event-utsuwa .about .title-area {
        width: 100%;
        padding: 0 0 15px;
        background-color: transparent;
        position: static;
        top: 0;
        color: #215B9A;
    }

    #event-utsuwa .about .content {
        height: auto;
        background: none;
    }

    #event-utsuwa .about .txt {
        margin: 0 auto 20px;
        max-width: 100%;
    }

    /* 陶瓷器種類介紹 */
    #event-utsuwa .brand-list {
        padding: 16px 0 23px;
    }

    #event-utsuwa .brand-list .title-area {
        padding: 10px 0;
        margin: 0 auto;
    }

    #event-utsuwa .brand-list ul {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    #event-utsuwa .brand-list li a {
        display: flex;
        align-items: center;
        text-align: left;
    }

    #event-utsuwa .brand-list li:first-child {
        width: 100%;
        margin-bottom: 16px;
    }

    #event-utsuwa .brand-list li:not(:first-child) {
        margin: 0 0 10px 0;
    }

    #event-utsuwa .brand-list .list01 > li:not(:first-child) {
        width: calc((100% - 10px) / 2);
    }

    #event-utsuwa .brand-list li:nth-child(2n) {
        margin-right: 5px;
    }

    #event-utsuwa .brand-list li img {
        height: 66px;
        width: 66px;
        margin-right: 8px;
    }

    #event-utsuwa .brand-list li .name {
        line-height: 1.2;
    }

    #event-utsuwa .brand-list .btm-area {
        margin: 23px auto 0;
        padding: 17px 26px 21px;
        display: block;
    }

    #event-utsuwa .brand-list .btm-area .description {
        margin: 0 auto 16px;
        max-width: 204px;
    }

    #event-utsuwa .brand-list .btm-area .profile {
        justify-content: space-between;
        text-align: center;
        align-items: flex-start;
    }

    #event-utsuwa .brand-list .btm-area .profile img {
        width: 57px;
        height: 57px;
        margin-right: 0;
    }

    #event-utsuwa .brand-list .btm-area .profile .group {
        display: block;
        width: calc((100% - 12px) / 3);
    }

    #event-utsuwa .brand-list .btm-area .profile .group:nth-of-type(1) .txt-area,
    #event-utsuwa .brand-list .btm-area .profile .group:nth-of-type(2) .txt-area,
    #event-utsuwa .brand-list .btm-area .profile .group:nth-of-type(3) .txt-area {
        width: 100%;
    }

    #event-utsuwa .brand-list .btm-area .profile .group:not(:last-child) .txt-area {
        margin-right: 0;
    }

    #event-utsuwa .brand-list .btm-area .profile .tag span {
        font-size: 12px;
    }

    /* 各ブランドコンテンツ */
    #event-utsuwa .brand .content .inner {
        padding: 14px 10px 10px;
    }

    #event-utsuwa .brand .content .intro .txt-area {
        margin: 0 auto;
    }

    #event-utsuwa .brand .content ul::after {
        display: block;
        content: '';
        width: calc((100% - 36px) / 2);
    }

    #event-utsuwa .brand .content li {
        width: calc((100% - 36px) / 2);
        max-width: 178px;
    }

    #event-utsuwa .brand .content li .comment p {
        font-size: 12px;
    }

    /* 商品分類 */
    #event-utsuwa .categories .small-cate li {
        width: calc((100% - 20px) / 2);
    }
}