@charset "UTF-8";

@font-face {
    font-family: "Noto Sans Japanese";
    font-style: normal;
    font-weight: 400;
    src:
        url(/font/NotoSans_regular.otf) format("opentype"), url(/font/NotoSans_regular.woff) format("woff")
}

@font-face {
    font-family: "Noto Sans Japanese";
    font-style: bold;
    font-weight: 800;
    src: url(/font/NotoSans_bold.otf) format("opentype"), url(/font/NotoSans_bold.woff) format("woff")
}

body {
    font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro
 W3", " Hiragino Kaku Gothic Pro", " Helvetica Neue", " メイリオ", Meiryo, Helvetica, Helvetica, Arial, " ＭＳ Ｐゴシック", " MS PGothic", sans-serif}a {text-decoration: none}a:hover {text-decoration: none}button {border: none;cursor:
 pointer
}

.base-inner {
    padding: 0 100px
}

.category-menu-opening .pc-header-tab-category-wrap {
    display: block !important;
    opacity: 0
}

.category-menu-opened .pc-header-tab-category-wrap {
    display: block !important;
    opacity: 1;
    height:
        100%
}

.category-menu-opened .pc-header-tab-list-item-category:after {
    content: "";
    display: block;
    position:
        relative;
    z-index: 9;
    margin: 0 auto;
    top: 0;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 10px solid #ff8e05
}

.pc-detail-link {
    text-align: center
}

.pc-detail-link-down {
    font-weight: 700;
    font-size: 20px;
    text-decoration:
        none
}

.pc-detail-link-down:after {
    content: " ";
    position: relative;
    top: -2px;
    display: inline-block;
    margin: 0 0 0 7px;
    width: 14px;
    height: 6px;
    background: url(../../img/usr/top/arrow_down_orange.png) no-repeat center;
    background-size:
        contain
}

.pc-detail-link-right {
    font-size: 20px;
    text-decoration: none;
    font-weight: 700
}

.pc-detail-link-right:after {
    content: " ";
    position: relative;
    top: 1px;
    display: inline-block;
    margin: 0 0 0 11px;
    width: 6px;
    height: 16px;
    background:
        url(../../img/usr/top/arrow_right_orange.png) no-repeat center;
    background-size: contain
}

.pc-page-top-link {
    z-index:
        1000;
    position: fixed;
    right: 10px;
    bottom: 120px;
    display: none;
    background: url(../../img/usr/sb/top/icon_pagetop.png) no-repeat center;
    background-size: cover;
    width: 68px;
    height: 68px;
    cursor: pointer
}

.pc-primary-button-wrap {
    padding:
        0;
    width: 227px;
    text-align: center
}

.pc-primary-button {
    padding: 10px 0;
    display: inline-block;
    border-radius: 4px;
    border:
        none;
    width: 100%;
    height: 100%;
    background-color: #ff8e05;
    color: #fff;
    font-size: 14px;
    font-weight:
        700
}

.pc-favorite-button-wrap {
    padding: 15px 0;
    width: 115px;
    background-color: #fff;
    border: 1px solid #a19f94;
    border-radius: 4px;
    text-align: center
}

.pc-favorite-button-wrap:before {
    content: "";
    display:
        inline-block;
    background: url(../../img/usr/sb/top/icon_favorite.png) no-repeat center;
    background-size: contain;
    width:
        14px;
    height: 12px;
    position: relative;
    margin: 0 2px 0 0;
    top: 2px
}

.pc-favorite-button-wrap .pc-favorite-button {
    margin:
        13px 0;
    color: #a19f94;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer
}

.pc-button-badge {
    display: none
}

.visible .pc-btn-badge {
    display: inline-block
}

.pc-cart-link {
    display: none;
    flex-direction: column;
    z-index: 1000;
    position:
        fixed;
    padding: 8px 15px 8px 20px;
    right: 10px;
    bottom: 10px;
    font-weight: 700;
    border-radius: 10px;
    box-shadow: 0 2px 6px 0 #d7d6d3;
    background: #f8f7f3
}

.pc-cart-items-wrap {
    display: flex;
    margin-bottom: 8px
}

.pc-cart-primary-button-badge {
    z-index: 100;
    position: absolute;
    top: 5px;
    left: 35px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background:
        #ee1717;
    border-radius: 27px;
    text-align: center;
    font-size: 9px;
    color: #fff
}

.pc-cart-items {
    display: flex;
    padding: 0 15px 0 0;
    align-items: center;
    font-weight: 400;
    white-space: nowrap
}

.pc-cart-items:before {
    content: "";
    display: flex;
    margin: 0 33px 0 0;
    background: url(../../img/usr/top/cart_icon.png) no-repeat center;
    background-size: contain;
    height: 20px;
    width:
        22px
}

.pc-cart-button {
    padding: 15px 40px;
    text-align: center
}

.pc-cart-price {
    display: flex;
    padding: 0 20px 0 0;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    white-space: nowrap
}

.detail-opened:after {
    content: " ";
    position:
        relative;
    top: -2px;
    display: inline-block;
    margin: 0 0 0 7px;
    width: 14px;
    height: 6px;
    background:
        url(../../img/usr/sb/top/arrow_up_orange.png) no-repeat center;
    background-size: contain
}

.pc-normal-button {
    padding: 8px 0;
    border-radius: 2px;
    border: none;
    width: 100%;
    height: 100%;
    background-color: #928e80;
    text-align: center;
    font-size:
        14px;
    color: #fff
}

.pc-header {
    width: 100%;
    background: #fff;
    height: 126px;
}

.pc-header-head-wrap {
    height: 30px;
    background:
        #e6e6e6;
    background: url(../../img/usr/top/head_bg.gif) repeat-x #f8ecd8 top left/30px 30px
}

.pc-header-head-inner {
    display: flex;
    align-items: center;
    margin: 0 auto;
    height: 100%;
    width: 1100px
}

.pc-header-head-strong {
    margin: 0 14px 0 0;
    font-size: 12px;
    font-weight: 700;
    color: red
}

.pc-header-head-text {
    margin: 0 10px 0 0;
    padding-bottom: 0;
    font-weight:
        400;
    border-bottom: none;
    font-size: 12px
}

.pc-header-head-image {
    margin: 0 10px 0 0;
    height: 14px
}

.pc-header-head-nav-child {
    padding: 0 8px;
    height: 100%;
    background: url(../../img/usr/top/header-head-nav-border.png) no-repeat right top
}

.pc-header-head-nav-child:last-of-type {
    background: 0 0
}

.pc-header-head-nav-child-link {
    display:
        flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 12px
}

.pc-header-nav-inner {
    display:
        flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    height: 100%;
    width: 1100px
}

.pc-header-nav-logo {
    width: 184px;
    height: 78px;
    display: block
}

.pc-header-nav-logo-image {
    display: block;
    margin: 0 auto;
    padding:
        0
}

.pc-header-nav-text {
    font-size: 13px
}

.pc-header-nav-text-tel-number {
    float: left;
    margin: 0 20px 0 0;
    font-size:
        24px
}

.pc-header-nav-text-open-date {
    float: left;
    margin: 10px 0 0 0;
    font-size: 12px
}

.pc-header-nav-user-wrap {
    display:
        flex;
    align-items: center;
    margin-left: auto;
    height: 100%
}

.pc-header-nav-user-name {
    margin: 0 14px 0 0;
    font-size:
        12px
}

.pc-header-nav-point-wrap {
    margin: 0 30px 0 0;
    padding: 8px 11px;
    text-align: center;
    background:
        #f8f7f3
}

.pc-header-nav-point-head {
    font-size: 10px
}

.pc-header-nav-point-text {
    font-size:
        12px
}

.pc-header-nav-point-text-strong {
    font-size: 14px
}

.pc-header-nav-list {
    min-width: 123px;
    min-height:
        63px;
    padding-left: 25px;
    font-size: 14px
}

.pc-header-nav-list-item {
    height: 100%
}

.pc-header-tab-wrap {
    position:
        relative;
    top: 0;
    z-index: 99998;
    height: 60px;
    width: 100%;
    border-bottom: 3px #ff8e05 solid;
    background: #928e80;
    box-shadow:
        0 0 2px 0 rgba(0, 0, 0, .6)
}

.pc-header-tab-inner {
    display: flex;
    align-items: center;
    margin: 0 auto;
    height: 100%;
    width:
        1100px
}

.pc-header-tab-list {
    display: flex;
    align-items: center;
    height: 100%
}

.pc-header-tab-list-item {
    height:
        62px;
    background: url(../../img/usr/top/header_tab_border.png) no-repeat right top;
    white-space:
        nowrap
}

.pc-header-tab-list-item:last-of-type {
    background: 0 0
}

.pc-header-tab-list-item-link {
    display:
        flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px 0 20px;
    height:
        100%
}

.pc-header-tab-list-item-link-category {
    padding: 0 15px 0 0
}

.pc-header-tab-list-item-link-beginner {
    padding: 0 15px 0 15px
}

.pc-header-tab-list-item-link-beginner .pc-header-tab-list-item-image {
    margin: 0 15px 0 0
}

.pc-header-tab-list-item-link-recipe {
    padding: 0 15px 0 20px
}

.pc-header-tab-list-item-link-campaign {
    padding: 0 0 0 20px
}

.pc-header-tab-list-item-link-campaign .pc-header-tab-list-item-image {
    margin: 0 12px 0 0
}

.pc-header-tab-list-item-image {
    margin: 0 10px 0 0
}

.pc-header-tab-list-item-text {
    font-size: 16px;
    color:
        #fff
}

.pc-header-notification {
    margin-left: auto
}

.pc-header-notification-text {
    position: relative;
    padding: 12px 42px 12px 15px;
    font-size: 14px;
    background: #fff
}

.pc-header-notification-text:after {
    content: "";
    position: absolute;
    top:
        14px;
    right: 15px;
    background: url(../../img/usr/top/arrow_right_orange.png) no-repeat center;
    width: 4px;
    height:
        10px
}

.pc-header-tab-category-wrap {
    display: none;
    position: relative;
    top: 3px;
    height: 0;
    background: #f8f7f3;
    transition:
        height .2s ease-in-out, opacity .2s ease-in-out
}

.pc-header-tab-category-inner {
    margin: 0 auto;
    padding: 5px 0 40px 0;
    height: 100%;
    width: 100%;
    max-width: 1100px
}

.pc-header-tab-category-product-wrap {
    display: flex;
    flex-wrap:
        wrap;
    justify-content: space-between;
    text-align: center;
    margin: 0 30px
}

.pc-header-tab-category-product {
    margin: 40px 0 0 0;
    width: 190px
}

.pc-header-tab-category-product:hover {
    cursor: pointer;
    text-decoration: none;
    opacity:
        .6
}

.pc-header-tab-category-product-image {
    display: block;
    margin: 0 auto 18px auto;
    max-height:
        90px
}

.pc-header-tab-category-product-name {
    font-size: 16px
}

.pc-header-tab-category-close {
    text-align: center;
    padding:
        12px 0;
    background: #928e80
}

.pc-header-tab-category-close-link {
    display: block;
    color: #fff
}

.pc-header-nav-child-badge {
    display: none;
    position: absolute;
    top: -5px;
    right: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background:
        #ee1717;
    text-align: center;
    font-size: 7px;
    color: #fff;
    line-height: 20px
}

.pc-top-title {
    padding: 0;
    margin: 0 0 30px;
    text-align: center;
    font-size: 26px;
    font-weight: 700
}

.pc-top-contents {
    padding: 55px 15px
}

.pc-top-notification {
    padding: 155px 15px 13px 15px;
    background: #fff
}

.pc-top-notification-text {
    position: relative;
    font-size:
        14px
}

.pc-top-notification-text:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 0;
    width:
        5px;
    height: 11px;
    background-image: url(../../img/usr/sb/top/arrow_right_orange.png);
    background-size:
        contain
}

.pc-top-search-wrap {
    padding: 12px 0 12px;
    background: #f8f7f3
}

.pc-top-search-wrap .pc-top-search-box {
    padding:
        11px 0 11px 15px;
    margin: 0 10px 0 0;
    width: 100%;
    height: 40px;
    border: 1px solid #ebeae5;
    border-radius: 3px;
    font-size:
        14px
}

.pc-top-search-wrap .pc-top-search-button {
    padding: 11px 0;
    max-width: 80px;
    height: 40px;
    border-radius: 4px;
    border:
        0;
    font-size: 14px;
    font-weight: 700;
    background: #ff8e05;
    color: #fff
}

.pc-top-search-inner {
    margin: 0 auto;
    height:
        100%;
    width: 100%;
    max-width: 1100px
}

.pc-top-search-form {
    display: flex;
    justify-content: space-between;
    overflow:
        hidden
}

.pc-top-search-form-items {
    display: flex;
    width: 50%;
    max-width: 532px
}

.pc-top-search-tags {
    display:
        flex;
    align-items: center;
    overflow: auto
}

.pc-top-search-tag {
    padding: 8px 9px;
    margin: 0 0 0 10px;
    background:
        #fff;
    white-space: nowrap
}

.pc-top-campaign-wrap {
    width: 100%;
    height: 329px;
    padding: 60px 0
}

.pc-top-campaign-inner {
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    margin: 0 auto;
    width: 100%;
    max-width: 1100px;
    /*
height: 209px */
}

.pc-top-campaign {
    position: relative;
    max-width: 538px
}

.pc-top-campaign:first-of-type {
    margin: 0 24px 0 0
}

.pc-top-campaign-image {
    display: inline-block;
    max-width: 538px;
    height: 160px;
    vertical-align:
        bottom
}

.pc-top-campaign-title {
    position: relative;
    padding: 12px 0 12px 10px;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0,
            .1);
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #ee1717
}

.pc-top-campaign-title-top:before {
    content:
        "";
    display: inline-block;
    position: relative;
    top: 4px;
    margin: 0 10px 0 0;
    width: 36px;
    height: 20px;
    background:
        url(../../img/usr/sb/top/icon_new_tag.png) no-repeat center;
    background-size: contain
}

.pc-top-campaign-title-top:after {
    content: "";
    display: inline-block;
    top: 17px;
    right: 10px;
    position: absolute;
    width: 5px;
    height: 12px;
    background:
        url(../../img/usr/sb/top/arrow_right_orange.png) no-repeat center;
    background-size:
        contain
}

.pc-top-campaign-title-bottom:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 14px 0 0;
    width: 32px;
    height: 20px;
    background: url(../../img/usr/sb/top/icon_truck.png) no-repeat center;
    background-size:
        contain
}

.pc-top-campaign-title-bottom:after {
    content: "";
    display: inline-block;
    top: 20px;
    right: 10px;
    position:
        absolute;
    width: 5px;
    height: 12px;
    background: url(../../img/usr/sb/top/arrow_right_orange.png) no-repeat center;
    background-size: contain
}

.pc-top-campaign-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:
        100%
}

.pc-top-slider {
    position: relative;
    overflow: hidden
}

.pc-top-slider .bx-wrapper {
    margin: 0;
    border:
        none
}

.pc-top-slider .bx-viewport {
    margin: 0 auto;
    overflow: visible !important;
    width: 67% !important
}

.pc-top-slider .bx-controls {
    position: relative;
    top: 0;
    height: 52px;
    border: none
}

.pc-top-slider .bx-controls .bx-pager {
    position:
        relative;
    top: 14px;
    bottom: 0;
    padding: 0;
    display: flex;
    justify-content: center
}

.pc-top-slider .bx-controls .bx-pager .bx-pager-item a {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 10px;
    background: #dbdbdb;
    border-radius:
        5px;
    font-size: 0
}

.pc-top-slider .bx-controls .bx-pager .bx-pager-item a.active {
    background:
        #ff8e05
}

.pc-top-slide-thumbnails {
    overflow: hidden;
    height: calc(100vw*.4)
}

.pc-top-slide-thumbnail {
    position:
        relative
}

.pc-top-slide-thumbnail-image {
    height: inherit;
    width: 100%
}

.pc-top-slide-button {
    z-index: 9999;
    position:
        absolute;
    top: 50%;
    margin: -86px 0 0;
    width: 54px;
    height: 116px
}

.pc-top-slide-button a {
    display: inline-block;
    width:
        100%;
    height: 100%
}

.pc-top-slide-button-prev {
    left: 16.5%;
    background: url(../../img/usr/sb/top/arrow_left_orange.png) no-repeat 24px 44px rgba(255, 255, 255, .8);
    background-size: 12px
}

.pc-top-slide-button-next {
    right: 16.5%;
    background:
        url(../../img/usr/sb/top/arrow_right_orange.png) no-repeat 20px 44px rgba(255, 255, 255, .8);
    background-size:
        12px
}

.pc-top-pickup-content {
    background: url(../../img/usr/top/yoshinoya_logo_img.png) no-repeat center -50px #f8f7f3
}

.pc-top-notify-content {
    background: url(../../img/usr/top/yoshinoya_logo_img.png) no-repeat center -50px #f8f7f3
}

.pc-top-recommend-content {
    background: url(../../img/usr/top/yoshinoya_logo_img.png) no-repeat center -50px #fff
}

.pc-top-category-content {
    padding: 40px 0 40px 15px;
    background: url(../../img/usr/top/yoshinoya_logo_img.png) no-repeat center -50px
}

.pc-top-ranking-content {
    padding: 40px 0 30px;
    background:
        url(../../img/usr/top/yoshinoya_logo_img.png) no-repeat center -50px #f8f7f3
}

.pc-top-ranking-content .bx-controls {
    display: none
}

.pc-top-ranking-content .bx-viewport {
    padding: 0 0 30px;
    margin: 0 0 0 -19px;
    overflow: visible !important
}

.pc-top-instagram-content {
    padding: 60px 0;
    background: url(../../img/usr/top/yoshinoya_logo_img.png) no-repeat center -50px
}

.pc-top-recipe-content {
    padding: 60px 0;
    background: url(../../img/usr/sb/top/recipe_bg.png) no-repeat center;
    background-size: 100%
}

.pc-history-content {
    padding: 40px 0 50px 15px;
    background:
        url(../../img/usr/top/yoshinoya_logo_img.png) no-repeat center -50px
}

.pc-footer {
    background: #928e80
}

.pc-footer-inner {
    display: flex;
    margin: 0 auto;
    padding: 0 0 30px;
    max-width: 1100px
}

.pc-footer-list-main {
    margin: 23px auto 0 0;
    width:
        168px
}

.pc-footer-list-item {
    position: relative;
    display: block;
    padding: 0;
    margin: 0
}

.pc-footer-list-main-link {
    position:
        relative;
    display: block;
    padding: 13px 15px 13px 0;
    font-weight: 700;
    font-size: 17px;
    color:
        #fff
}

.pc-footer-list-main-link:after {
    content: "　";
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -7px 0 0;
    width:
        5px;
    height: 14px;
    background: url(../../img/usr/top/arrow_right.png) no-repeat center;
    background-size:
        contain
}

.pc-footer-list-main-link-detail {
    display: block;
    font-size: 14px
}

.pc-footer-list-sub {
    margin: 35px auto 0 0;
    width: 155px
}

.pc-footer-list-sub-item-heading {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 17px;
    color:
        #fff
}

.pc-footer-list-sub-item {
    display: block;
    margin: 5px 0 0;
    font-size: 14px;
    color:
        #fff
}

.pc-footer-list-sub-item:before {
    content: "-";
    display: inline;
    margin: 0 3px 0 0
}

.pc-footer-list-sub-link {
    color:
        #fff
}

.pc-footer-introduction {
    margin: 30px 0 0;
    width: 290px
}

.pc-footer-introduction-item {
    display: flex;
    margin: 10px 0 0;
    align-items: center
}

.pc-footer-introduction-item-image {
    vertical-align: middle
}

.pc-footer-introduction-link {
    position:
        relative;
    display: block;
    padding: 15px;
    width: 100%;
    height: 100%;
    color: #000;
    background: #fff;
    vertical-align:
        middle
}

.pc-footer-introduction-link:hover {
    cursor: pointer;
    text-decoration: none;
    opacity:
        .6
}

.pc-footer-introduction-link:after {
    content: "　";
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -7px 0 0;
    width:
        14px;
    height: 14px;
    background: url(../../img/usr/top/arrow_right_orange.png) no-repeat center;
    background-size:
        contain
}

.pc-footer-introduction-link-external:after {
    right: 22px;
    width: 20px;
    height: 20px;
    margin: -10px;
    background:
        url(../../img/usr/top/arrow_right_orange_external.png) no-repeat center;
    background-size:
        contain
}

.pc-footer-introduction-link-inner {
    display: flex;
    align-items: center;
    line-height: 1.6;
    font-weight:
        700
}

.pc-footer-introduction-detail {
    display: block;
    margin: 15px 20px 0 0;
    font-weight: 400
}

.pc-footer-introduction-food {
    height: 14px;
    margin: 0 10px 0 0
}

.pc-footer-introduction-person {
    height: 20px;
    margin: -1px 15px 0 3px
}

.pc-footer-rules-lists {
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px;
    color: #fff;
    background:
        #ff8e05
}

.pc-footer-rules-list {
    display: flex;
    justify-content: center;
    width: 100%
}

.pc-footer-rules-list-head {
    padding:
        13px 0
}

.pc-footer-rule-item {
    padding-right: 10px
}

.pc-footer-rule-item:after {
    display: inline;
    padding-left: 10px;
    content:
        "|";
    color: #fff
}

.pc-footer-rule-item-out-no-padding {
    padding: 0
}

.pc-footer-rule-link {
    color: #fff;
    font-size:
        12px;
    font-weight: 400
}

.pc-footer-rules-list-foot {
    margin: 0 0 20px -8px
}

.pc-footer-rule-item-out {
    content:
        "　";
    content-position: relative;
    content-top: 4px;
    content-margin: 0 0 0 2px;
    content-width: 16px;
    content-height:
        14px;
    content-background: url(../../img/usr/top/footer_link_img.png) no-repeat;
    content-background-size: 15px 14px
}

.pc-footer-rule-link {
    font-size: 14px;
    font-weight: 400
}

.pc-footer-rule-link-out {
    padding-right: 2px;
    border:
        0
}

.pc-footer-rule-link-out:after {
    position: relative;
    content: "　";
    margin: 0 0 0 2px;
    padding: 0;
    width: 13px;
    height:
        13px;
    background: url(../../img/usr/top/footer_link_img.png) no-repeat center;
    background-size: 13px 13px
}

.pc-footer-info-wrap {
    padding: 30px 0 0;
    color: #fff;
    background: #004021;
    text-align: center
}

.pc-footer-info-contact {
    font-size: 13px
}

.pc-footer-info-tel {
    font-size: 23px;
    font-weight: 700
}

.pc-footer-info-guide {
    margin: 0 0 0 10px;
    font-size: 13px;
    font-weight: 400
}

.pc-footer-info-transmit {
    margin: 10px 0 0;
    padding: 0 0 20px;
    font-size:
        17px;
    font-weight: 700
}

.pc-footer-copyright {
    display: block;
    padding: 13px 10px;
    border-top: 1px solid #fff;
    line-height:
        14px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    background: #004021
}

.copyright-mark {
    vertical-align:
        middle;
    font-size: 22px
}

.pc-footer-tab {
    display: flex;
    justify-content: space-around;
    padding: 8px 0;
    margin: 6px 0;
    background: #928e80
}

.pc-footer-tab-item {
    width: 25%;
    border-right: 1px solid #797565;
    text-align:
        center
}

.pc-footer-tab-item:last-of-type .pc-footer-tab-link {
    border: none
}

.pc-footer-tab-link {
    display:
        inline-block;
    padding: 8px 0;
    font-size: 14px;
    color: #fff;
    white-space: nowrap
}

.pc-footer-buttons {
    display:
        flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 354px
}

.pc-footer-favorite-button a {
    color:
        #a19f94
}

.pc-footer {
    position: relative
}

.pc-footer-cart {
    position: absolute;
    top: 0;
    right: 0
}

.pc-notify-item-inner {
    width:
        100%;
    height: 100%;
    margin: 0 auto
}

.pc-top-notify-content {
    padding: 155px 15px 13px 15px
}

.pc-notify-wrap {
    display:
        flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 30px;
    margin: 0 auto 40px;
    max-width:
        1040px
}

.pc-notify-items {
    position: relative;
    display: flex;
    align-items: center;
    padding: 15px;
    margin: 0 0 5px;
    box-shadow:
        1px 2px 1px 0 #d7d6d3;
    width: 100%;
    background: #fff
}

.pc-notify-items:after {
    content: "　";
    position: absolute;
    right:
        32px;
    top: 28px;
    width: 14px;
    height: 14px;
    background: url(../../img/usr/top/arrow_right_orange.png) no-repeat center;
    background-size: contain
}

.pc-notify-title {
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    text-align:
        center
}

.pc-notify-date {
    padding: 10px 21px 7px 16px;
    font-size: 16px;
    color: gray
}

.pc-top-notify-content {
    padding: 60px 0
}

.pc-history-header {
    padding: 0;
    margin: 0 0 20px 0;
    text-align: center;
    font-size: 28px;
    font-weight:
        700
}

.pc-history-title {
    margin: 0 auto 15px;
    font-size: 20px;
    font-weight: 700;
    width: 100%
}

.pc-history-item-wrap {
    display:
        flex;
    margin-left: -20px
}

.pc-history-items-wrap {
    margin: 0 auto;
    width: 1100px
}

.pane-right-menu .pc-history-items-wrap {
    margin: 0 auto;
    width: 100%
}

.pc-history-item {
    display: block;
    margin: 0;
    padding: 0 0 0 20px;
    max-width: 12.5%;
    width:
        12.5%
}

.pc-history-item-inner {
    display: block;
    width: 100%;
    background: #fff
}

.pc-history-content {
    padding: 60px 0 120px
}

.pc-history-heading {
    padding: 8px 15px 8px 8px;
    font-size: 12px;
    background: #fff;
    box-shadow: 0 2px 1px 0 rgba(0, 0,
            0, .1);
    height: 4em
}

.pane-right-menu .pc-history-heading {
    padding: 8px 2px
}

.pc-history-image {
    vertical-align:
        bottom;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    max-height: 100%;
    transform: translate3d(-50%, -50%,
            0)
}

.pc-history-image-wrap {
    position: relative;
    width: inherit;
    height: 108px;
    overflow: hidden
}

.pc-pickup-cards {
    margin: 0 auto;
    max-width: 1100px
}

.pc-pickup-cards-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 -10px
}

.pc-pickup-cards-inner {
    padding: 0 0 0 10px;
    margin: 0 0 30px;
    width: 25%
}

.pc-pickup-card {
    position: relative
}

.pc-pickup-card-image {
    display:
        block
}

.pc-pickup-title {
    position: relative;
    padding: 15px 0 15px 15px;
    background: #fff;
    box-shadow: 0 2px 1px 0 rgba(0, 0,
            0, .1);
    font-size: 15px;
    font-weight: 700
}

.pc-pickup-title:after {
    content: "";
    position: absolute;
    top: 50%;
    right:
        15px;
    display: block;
    margin: -6px 0 0;
    background: url(../../img/usr/top/arrow_right_orange.png) no-repeat center;
    background-size: cover;
    width: 5px;
    height: 12px
}

.pc-pickup-cards-detail-link {
    margin: 0
}

.pc-instagram-item-inner {
    max-width: 1100px;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.instagram-title {
    display: flex;
    margin: 0 0 20px 0;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    font-weight: 700;
    text-indent:
        12px
}

.instagram-title:before {
    content: "　";
    max-width: 30px;
    min-height: 30px;
    width: 30px;
    height: 30px;
    font-size:
        30px;
    background: url(../../img/usr/sb/top/instagram_icon_coler.png) no-repeat center;
    background-size:
        30px
}

.instagram-text {
    margin: 0 0 10px 0;
    font-size: 16px;
    text-align: center
}

.instagram-post {
    margin: 0 0 15px 0
}

.instagram-post img {
    width: 515px
}

.instagram-post-image-wrap {
    display: flex;
    align-items: stretch;
    margin: 0 0 20px -20px
}

.instagram-post-link-wrap {
    display: flex;
    padding: 0 0 0 20px
}

.instagram-post-link {
    display:
        block
}

.instagram-post-link img {
    height: 205px
}

.instagram-post-image {
    display: block;
    padding: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

.instagram-image-text {
    margin: 0 0 10px 0;
    font-size: 16px;
    text-align: left
}

.instagram-detail-link {
    margin: 0
}

.instagram-detail-link-right {
    font-size: 20px;
    text-decoration: none;
    font-weight:
        700
}

.instagram-detail-link-right:after {
    content: " ";
    position: relative;
    top: 1px;
    display: inline-block;
    margin: 0 0 0 11px;
    width: 6px;
    height: 16px;
    background: url(../../img/usr/top/arrow_right_orange.png) no-repeat center;
    background-size:
        contain
}

.pc-top-category-wrap {
    padding: 60px 0 10px 0
}

.pc-top-category-inner {
    height: 100%;
    width: 100%;
    max-width:
        1100px;
    margin: 0 auto
}

.pc-category-items {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 0 30px
}

.pc-category-item {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0 0 50px;
    width:
        20%
}

.pc-category-item-image-wrap {
    display: block;
    margin: 0 0 18px;
    min-width: 77px
}

.pc-category-item-image {
    max-height:
        90px
}

.pc-category-item-detail {
    font-size: 16px;
    white-space: nowrap
}

.pc-recommend-cards {
    max-width: 1100px;
    margin: 0 auto
}

.pc-recommend-cards-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 -40px
}

.pc-recommend-cards-inner {
    display:
        block;
    padding: 0 0 0 40px;
    width: 33.3333%
}

.pc-recommend-card {
    position: relative;
    display: block;
    margin: 0 0 40px
}

.pc-recommend-card-detail {
    padding: 20px 20px 15px;
    background: #fff;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0,
            .1)
}

.pc-recommend-card-detail-title {
    padding: 0;
    margin: 0 0 8px;
    font-size: 15px
}

.pc-recommend-card-detail-text {
    font-size: 14px
}

.pc-recommend-card-image {
    display: block
}

.pc-recommend-cards-detail-link {
    margin: -10px 0 0
}

.pc-top-recipe-title {
    padding: 0;
    margin: 0 0 15px;
    background-color: rgba(0, 0, 0, 0)
}

.pc-recipe-text {
    text-align:
        center;
    font-size: 15px
}

.pc-recipe-tab {
    display: flex;
    justify-content: center;
    position: relative;
    margin: 30px auto 25px;
    max-width: 364px
}

.pc-recipe-tab:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 10px;
    left:
        22px;
    width: 13px;
    height: 14px;
    background: url(../../img/usr/top/text_grn.png) no-repeat center;
    background-size:
        contain
}

.pc-top-recipe-content .selected:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 10px;
    left:
        22px;
    width: 13px;
    height: 14px;
    background: url(../../img/usr/top/text_wht.png) no-repeat center;
    background-size:
        contain
}

.pc-top-recipe-content .all-tab {
    background: #004021;
    color: #fff
}

.pc-top-recipe-content .all-tab:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 1px;
    margin: 0 4px 0 0;
    width: 16px;
    height: 13px;
    background:
        url(../../img/usr/top/movie_wht.png) no-repeat center;
    background-size: contain
}

.pc-top-recipe-content .movie-tab {
    background: #004021;
    color: #fff
}

.pc-top-recipe-content .movie-tab:before {
    content: "";
    display: inline-block;
    position:
        relative;
    top: 1px;
    margin: 0 4px 0 0;
    width: 16px;
    height: 13px;
    background: url(../../img/usr/top/movie_wht.png) no-repeat center;
    background-size: contain
}

.pc-recipe-tab-link {
    padding: 8px 0 7px;
    width: 182px;
    border-radius: 16px 0 0 16px;
    background: #fff;
    box-shadow: 1px 2px rgba(0, 0, 0, .1);
    text-align: center;
    font-size: 15px;
    color:
        #004021
}

.pc-recipe-tab-link:first-of-type {
    padding: 8px 12px 7px 26px
}

.pc-recipe-tab-link:last-of-type {
    border-radius: 0 16px 16px 0
}

.pc-recipe-tab-link:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 1px;
    margin: 0 4px 0 0;
    width: 16px;
    height: 13px;
    background: url(../../img/usr/top/movie_grn.png) no-repeat center;
    background-size:
        contain
}

.pc-recipe-contents-wrap {
    margin: 0 0 0 -30px
}

.pc-recipe-image-wrap {
    padding: 0 0 0 30px;
    min-width:
        290px;
    max-width: 290px
}

.pc-recipe-image-inner {
    position: relative;
    display: inline-block;
    padding: 0 0 1px
}

.pc-recipe-icon {
    position: absolute;
    top: 10px;
    left: 0;
    width: 50px;
    z-index: 1
}

.pc-recipe-start-icon {
    position: absolute;
    top: -45px;
    left:
        0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 60px;
    z-index: 1
}

.pc-recipe-detail-text {
    position: relative;
    background:
        #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 42px 0 16px;
    height: 73px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
    font-size: 16px;
    min-width: 260px;
    width: 260px
}

.pc-recipe-detail-text:after {
    content: "";
    display:
        inline-block;
    position: absolute;
    top: 30px;
    right: 15px;
    width: 6px;
    height: 14px;
    background:
        url(../../img/usr/sb/top/arrow_right_orange.png) no-repeat;
    background-size: contain
}

.pc-recipe-detail-image {
    display:
        block;
    height: 171px;
    width: 100%
}

.pc-recipe-item-inner {
    margin: 0 auto;
    max-width: 1100px
}

.pc-recipe-item-inner .bx-controls {
    display: none
}

.pc-recipe-slide-wrap {
    position: relative;
    display: none;
    overflow: hidden;
    padding: 0 0 2px;
    margin: 0 0 40px
}

.pc-recipe-slide-button {
    z-index: 100;
    position: absolute;
    height: 77px;
    width: 36px;
    overflow:
        hidden
}

.pc-recipe-slide-button a {
    display: inline-block;
    width: 100px;
    height: 100px
}

.pc-recipe-slide-button-next {
    right:
        0;
    top: 50%;
    margin: -36px 0 0;
    background: url(../../img/usr/sb/top/arrow_right.png) no-repeat 14px 30px rgba(255, 142, 5,
            .8);
    background-size: 9px
}

.pc-recipe-slide-button-prev {
    left: 0;
    top: 50%;
    margin: -36px 0 0;
    background:
        url(../../img/usr/sb/top/arrow_left.png) no-repeat 14px 30px rgba(255, 142, 5, .8);
    background-size:
        9px
}

.pc-ranking-cards {
    position: relative;
    display: flex;
    margin: 0 auto;
    max-width: 1100px;
    min-height: 570px;
    overflow:
        hidden
}

.pc-ranking-cards-inner {
    display: flex;
    align-items: stretch
}

.pc-product-slider {
    display:
        inline-flex
}

.pc-ranking-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 0 0 19px;
    max-width:
        223px;
    width: 223px
}

.pc-ranking-card-thumb {
    position: relative;
    height: 204px;
    padding-top: 60px;
    overflow:
        hidden;
    box-sizing: content-box
}

.pc-ranking-card-detail {
    display: flex;
    flex-direction: column;
    justify-content:
        space-between;
    padding: 18px 18px 0;
    flex: 1 0 auto;
    border: 1px solid #ebeae5;
    border-top: none;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    background: #fff
}

.pc-ranking-card-detail-title {
    font-size: 16px;
    font-weight: 700;
    padding: 0;
    margin: 0 0 8px
}

.pc-ranking-card-detail-money-line-through {
    text-decoration: line-through
}

.pc-ranking-card-detail-money-primary {
    color: #ee1717
}

.pc-ranking-card-detail-money {
    margin: 0 0 6px;
    font-size: 17px;
    font-weight:
        700
}

.pc-ranking-card-detail-money-sup {
    font-size: 12px
}

.pc-ranking-card-detail-stars-wrap {
    margin: 0 0 10px
}

.pc-ranking-card-detail-stars {
    height: 17px;
    margin: 0 8px 0 0
}

.pc-ranking-card-detail-stars-num {
    position:
        relative;
    top: -2px;
    font-size: 14px;
    font-weight: 700
}

.pc-ranking-card-detail-text {
    margin: 0 0 12px;
    display:
        none
}

.pc-ranking-primary-button-wrap {
    position: relative;
    padding: 0 0 4px;
    width: 100%
}

.active .pc-ranking-primary-popup {
    display: block
}

.pc-ranking-primary-popup {
    z-index: 9999;
    position: absolute;
    bottom: 19px;
    left: 20px;
    padding: 7px 0;
    display: none;
    width: 202px;
    background: #004021;
    text-align: center;
    color: #fff;
    font-size: 13px;
    white-space:
        nowrap
}

.pc-ranking-primary-popup:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 9999;
    top: -13px;
    right:
        45px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 7px solid #004021;
    transform:
        rotate(180deg)
}

.pc-ranking-favorite-button-wrap {
    position: relative;
    padding: 0 12px 0 0;
    border: none;
    width:
        100%;
    text-align: center
}

.pc-ranking-favorite-button-wrap .pc-ranking-favorite-button {
    display: inline-block;
    padding: 0 0 4px 0;
    margin: 12px 0;
    border-bottom: 1px solid #a19f94
}

.active .pc-ranking-favorite-popup {
    display:
        block
}

.pc-ranking-favorite-popup {
    z-index: 9999;
    position: absolute;
    bottom: -24px;
    left: 7px;
    padding: 7px 0;
    display:
        none;
    width: 228px;
    background: #a19f94;
    text-align: center;
    color: #fff;
    font-size: 13px;
    white-space:
        nowrap
}

.pc-ranking-favorite-popup:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 9999;
    top: -17px;
    right:
        48px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 10px solid #a19f94;
    transform:
        rotate(180deg)
}

.pc-primary-button-badge {
    z-index: 100;
    position: absolute;
    top: -10px;
    right: -10px;
    display:
        inline-block;
    width: 25px;
    height: 25px;
    background: #ee1717;
    border-radius: 27px;
    line-height: 25px;
    font-size: 9px;
    color:
        #fff
}

.pc-ranking-card-thumb-img {
    width: 100%
}

.pc-ranking-card-thumb-label {
    position: absolute;
    top: 24px;
    left:
        -3px;
    width: 96px;
    height: 33px
}

.pc-ranking-card-thumb-label-under {
    position: absolute;
    top: 2px;
    left: 8px;
    width:
        36px;
    height: 48px
}

.pc-ranking-card-thumb-label-1 {
    background: url(../../img/usr/top/rank1.png) no-repeat center;
    background-size: contain
}

.pc-ranking-card-thumb-label-2 {
    background: url(../../img/usr/top/rank2.png) no-repeat center;
    background-size: contain
}

.pc-ranking-card-thumb-label-3 {
    background: url(../../img/usr/top/rank3.png) no-repeat center;
    background-size: contain
}

.pc-ranking-card-thumb-label-4 {
    background: url(../../img/usr/top/rank4.png) no-repeat center;
    background-size: contain
}

.pc-ranking-card-thumb-label-5 {
    background: url(../../img/usr/top/rank5.png) no-repeat center;
    background-size: contain
}

.pc-ranking-card-thumb-label-6 {
    background: url(../../img/usr/top/rank6.png) no-repeat center;
    background-size: contain
}

.pc-ranking-card-thumb-label-7 {
    background: url(../../img/usr/top/rank7.png) no-repeat center;
    background-size: contain
}

.pc-ranking-card-thumb-label-8 {
    background: url(../../img/usr/top/rank8.png) no-repeat center;
    background-size: contain
}

.pc-ranking-card-thumb-label-9 {
    background: url(../../img/usr/top/rank9.png) no-repeat center;
    background-size: contain
}

.pc-ranking-card-thumb-label-10 {
    background: url(../../img/usr/top/rank10.png) no-repeat center;
    background-size: contain
}

.pc-ranking-slide-button {
    z-index: 100;
    position: absolute;
    height: 77px;
    width:
        36px;
    overflow: hidden
}

.pc-ranking-slide-button a {
    display: inline-block;
    width: 100px;
    height:
        100px
}

.pc-ranking-slide-button-next {
    right: 4px;
    top: 40%;
    background: url(../../img/usr/sb/top/arrow_right.png) no-repeat 14px 30px rgba(255, 142, 5, .8);
    background-size: 9px
}

.pc-ranking-slide-button-prev {
    left: 0;
    top: 40%;
    background:
        url(../../img/usr/sb/top/arrow_left.png) no-repeat 14px 30px rgba(255, 142, 5, .8);
    background-size:
        9px
}

.pc-detail-search-wrap {
    padding: 12px 0 12px;
    background: #f8f7f3
}

.pc-detail-search-wrap .pc-detail-search-box {
    padding: 11px 0 11px 15px;
    margin: 0 10px 0 0;
    width: 100%;
    height: 40px;
    border: 1px solid #ebeae5;
    border-radius:
        3px;
    font-size: 14px
}

.pc-detail-search-wrap .pc-detail-search-button {
    padding: 11px 0;
    max-width: 80px;
    height:
        40px;
    border-radius: 4px;
    border: 0;
    font-size: 14px;
    font-weight: 700;
    background: #ff8e05;
    color:
        #fff
}

.pc-detail-search-inner {
    margin: 0 auto;
    height: 100%;
    width: 100%;
    max-width: 1100px
}

.pc-detail-search-form {
    display:
        flex;
    justify-content: space-between;
    overflow: hidden
}

.pc-detail-search-form-items {
    display: flex;
    width: 50%;
    max-width:
        532px
}

.pc-detail-search-tags {
    display: flex;
    align-items: center;
    overflow: auto
}

.pc-detail-search-tag {
    padding: 8px 9px;
    margin: 0 0 0 10px;
    background: #fff;
    white-space: nowrap
}

.pc-detail-title {
    padding: 0;
    margin: 0 0 10px;
    text-align:
        center;
    background-color: rgba(0, 0, 0, 0);
    font-size: 26px;
    font-weight: 700
}

.pc-detail-breadcrumb-wrap {
    margin: 20px 0 32px 0
}

.pc-detail-breadcrumb-inner {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 1100px;
    min-height:
        21px
}

.pc-detail-breadcrumb {
    position: relative;
    padding: 0 20px 0 0;
    font-size: 14px;
    color:
        gray
}

.pc-detail-breadcrumb:after {
    content: "";
    display: block;
    top: 50%;
    right: 8px;
    position: absolute;
    margin: -6px 0 0;
    width: 4px;
    height: 10px;
    background: url(../../img/usr/top/arrow_right_black.png) no-repeat center;
    background-size:
        contain
}

.pc-detail-breadcrumb:last-of-type {
    color: #444
}

.pc-detail-breadcrumb:last-of-type:after {
    background: 0 0
}

.pc-detail-product-wrap {
    padding: 0 15px 40px 15px
}

.pc-detail-product-inner {
    display: flex;
    align-items:
        stretch;
    margin: 0 auto 30px auto;
    width: 1100px
}

.pc-detail-product-thumbnail {
    position: relative;
    display:
        inline-block;
    height: 520px;
    width: 520px
}

.pc-detail-product-thumbnail-image {
    position: absolute;
    left: 50%;
    top:
        50%;
    transform: translate3d(-50%, -50%, 0);
    max-width: calc(100% - 10px)
}

.pc-detail-product-thumbnail-navigation {
    display:
        flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 520px;
    margin: 20px 0 0 -10px
}

.pc-detail-product-thumbnail-navigation-item {
    position: relative;
    display: inline-block;
    margin: 10px 0 0 5px;
    height: 69px;
    width: 69px;
    overflow: hidden
}

.pc-detail-product-thumbnail-navigation-image {
    position: absolute;
    left:
        50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.pc-detail-product-right {
    flex: 1;
    margin: 0 0 0 60px
}

.product-info-strong {
    margin: 18px 0;
    font-size: 14px;
    color: #ee1717
}

.pc-detail-product-label-wrap {
    display:
        flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0 0 0 -10px
}

.pc-detail-product-label {
    margin: 0 0 10px 10px;
    max-height: 30px
}

.pc-detail-product-stars-wrap {
    margin: 4px 0 14px
}

.pc-detail-product-stars {
    height: 17px;
    margin: 0 8px 0 0
}

.pc-detail-product-stars-num {
    position: relative;
    top: -2px;
    font-size: 15px;
    font-weight:
        700
}

.pc-detail-product-name {
    padding: 0;
    margin: 0 0 14px 0;
    font-size: 20px;
    font-weight: 400;
    background: 0 0
}

.pc-detail-product-amount-label {
    font-size: 14px
}

.pc-detail-product-amount {
    font-size: 30px;
    color:
        #ee1717
}

.pc-detail-product-amount-tax {
    color: #ee1717
}

.pc-detail-product-id-label {
    margin: 34px 0 0 0;
    font-size:
        14px
}

.pc-detail-product-point-label {
    margin: 4px 0 0 0;
    font-size: 14px
}

.pc-detail-product-point-detail-wrap {
    display:
        flex;
    align-items: center;
    margin: 4px 0 0 0;
    font-size: 14px
}

.pc-detail-product-point-detail-label {
    margin: 0 7px 0 0
}

.product-tags {
    display: flex;
    padding: 0;
    margin: 12px 0 0 0;
    overflow: auto
}

.product-tag {
    display: block;
    padding: 8px 9px;
    margin: 0 10px 0 0;
    font-size: 12px;
    background: #f2f2f2;
    white-space: nowrap
}

.pc-detail-product-form {
    margin: 30px 0 0 0
}

.pc-detail-product-form-input {
    display: flex;
    align-items: center
}

.pc-detail-product-form-set {
    margin: 0 40px 0 0
}

.pc-detail-product-form-count {
    display: flex;
    align-items: center
}

.pc-detail-product-form-select {
    position:
        relative;
    padding: 0 12px;
    height: 38px;
    width: 138px;
    font-size: 14px
}

.pc-detail-product-from-button-wrap {
    position:
        relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 20px 0 0 0
}

.pc-detail-product-button {
    display: none;
    flex: 1;
    padding: 15px 0;
    margin: 0 8px 0 0;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    color:
        #fff
}

.pc-detail-product-button.active {
    display: block
}

.pc-detail-product-cart-button {
    max-width: 295px;
    border: 1px solid #ff8e05;
    background: #ff8e05;
    cursor: pointer
}

.pc-detail-product-sold-out {
    max-width: 295px;
    border: 1px solid #b3b3b3;
    background: #b3b3b3
}

.pc-detail-product-detail-favorite-button {
    display: flex;
    align-items: center;
    padding: 16px 13px;
    text-align: center;
    font-size: 14px;
    color: #b3b3b3;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    cursor:
        pointer
}

.pc-detail-product-favorite-image {
    margin: 0 4px 0 0
}

.pc-detail-product-detail-foot {
    display:
        flex
}

.pc-detail-product-about-wrap {
    display: flex;
    align-items: center;
    margin: 23px 26px 23px 0
}

.pc-detail-product-about-pay {
    margin: 0 27px 0 0;
    font-size: 14px;
    color: #b3b3b3
}

.pc-detail-product-about-delivery {
    font-size: 14px;
    color: #b3b3b3
}

.pc-detail-product-sns-wrap {
    display: flex;
    align-items:
        center
}

.pc-detail-product-sns-twitter {
    display: block;
    margin: 0 9px 0 0;
    height: 36px;
    width: 62px;
    border-radius:
        4px;
    overflow: hidden
}

.pc-detail-product-sns-facebook {
    display: block;
    height: 36px;
    width: 62px;
    border-radius:
        4px;
    overflow: hidden
}

.pc-detail-product-sns-image {
    height: 100%;
    object-fit:
        cover
}

.pc-detail-product-point-register-customer {
    color: red;
    font-weight:
        700
}

.pc-detail-product-point-register-customer-link {
    text-decoration: underline;
    cursor: pointer;
    color:
        red
}

.pc-detail-slide-wrap {
    position: relative
}

.pc-detail-slide-wrap .bx-wrapper {
    margin: 0;
    border: none;
    box-shadow:
        none
}

.pc-detail-slide-wrap .bx-controls {
    position: relative;
    top: 0;
    border: none
}

.pc-detail-slide-wrap .bx-controls .bx-pager {
    position: relative;
    top: 0;
    padding: 0;
    height: 24px
}

.pc-detail-slide-wrap .bx-controls .bx-pager .bx-pager-item a {
    width: 8px;
    height: 8px;
    margin: 0 8px;
    background: #dbdbdb;
    border-radius: 4px
}

.pc-detail-slide-wrap .bx-controls .bx-pager .bx-pager-item a.active {
    background: #ff8e05
}

.pc-detail-slide-thumbnails {
    overflow:
        hidden
}

.pc-detail-slide-thumbnail {
    position: relative
}

.pc-detail-slide-thumbnail-image {
    height: inherit;
    width:
        83%;
    margin: 0 auto
}

.pc-detail-slide-button {
    z-index: 9999;
    position: absolute;
    top: 50%;
    margin: -60px 0 0;
    width:
        30px;
    height: 65px
}

.pc-detail-slide-button a {
    display: block;
    height: 100%
}

.pc-detail-slide-button-prev {
    left:
        15px;
    background: url(../../img/usr/sb/top/arrow_left_orange.png) no-repeat 5px 20px;
    background-size:
        13px
}

.pc-detail-slide-button-next {
    right: 15px;
    background: url(../../img/usr/sb/top/arrow_right_orange.png) no-repeat 13px 20px;
    background-size: 13px
}

.pc-detail-product-promotion-wrap {
    padding: 60px 0;
    background:
        url(../../img/usr/top/yoshinoya_logo_img.png) no-repeat center -50px #f8f7f3
}

.pc-detail-product-promotion-inner {
    display: flex;
    margin: 0 auto;
    width: 1100px
}

.pc-detail-product-promotion-text {
    flex:
        1
}

.pc-detail-product-promotion-title {
    font-size: 18px
}

.pc-detail-product-promotion {
    margin: 24px 0 0 0;
    line-height:
        2rem;
    font-size: 14px
}

.pc-detail-product-promotion-video {
    display: block;
    position: relative;
    margin: 0 0 0 60px;
    width:
        520px
}

.pc-detail-product-promotion-video:before {
    content: "";
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    display:
        block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0)
}

.pc-detail-product-promotion-video-thumbnail {
    display:
        block;
    object-fit: cover
}

.pc-detail-product-promotion-video-start-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform:
        translateY(-50%) translateX(-50%);
    width: 60px
}

.pc-detail-product-banner-bg {
    background-color:
        #f8f7f3
}

.pc-detail-product-banner-area-wrap {
    max-width: 1100px;
    margin: 0 auto 60px
}

.pc-detail-product-banner-head {
    padding: 60px 0 0 0;
    text-align: center
}

.pc-detail-product-banner-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 -40px
}

.pc-detail-product-banner-inner {
    position: relative;
    width: 50%;
    margin: 0 0 40px 0;
    padding: 0 0 0 40px
}

.pc-detail-product-banner-inner:last-of-type {
    margin: 0 0 60px 0
}

.pc-detail-product-banner-img {
    position:
        relative;
    width: 100%;
    height: 290px
}

.pc-detail-product-banner-text-wrap {
    position: absolute;
    bottom: 30px;
    left:
        35px;
    padding: 0 60px 0 32px
}

.pc-detail-product-banner-text-wrap .pc-detail-product-text-black {
    color: #333;
    text-shadow:
        0 0 2px #fff, 0 0 11px #f2f2f2
}

.pc-detail-product-banner-text-wrap .pc-detail-product-text-white {
    color:
        #fff;
    text-shadow: 0 0 2px #000
}

.pc-detail-product-banner-area-title {
    font-size: 20px;
    margin: 0 0 10px 0
}

.pc-detail-product-banner-area-text {
    margin: 15px 0 40px 0;
    font-size: 16px;
    font-weight:
        400
}

.pc-detail-product-banner-title {
    margin: 0 0 20px 0;
    font-size: 28px;
    font-weight: 700
}

.pc-detail-product-banner-text {
    font-size: 16px;
    font-weight: 400
}

.pc-detail-product-set-content {
    padding: 34px 0 40px 15px;
    background:
        url(../../img/usr/sb/top/yoshinoya_logo_img.png) no-repeat 15px -25px;
    background-size: 150px 150px;
    text-align:
        center
}

.pc-detail-product-set-cards {
    display: flex;
    align-items: flex-start;
    overflow-y: hidden;
    overflow-x:
        scroll;
    padding: 0 0 20px;
    margin-left: -10px
}

.pc-detail-product-set-card {
    display: inline-block;
    align-items:
        flex-start;
    padding: 0 0 0 10px;
    min-width: 187px
}

.pc-detail-product-set-card-thumbnail {
    position: relative;
    height:
        167px;
    overflow: hidden
}

.pc-detail-product-set-card-thumbnail-image {
    display: block
}

.pc-detail-product-set-card-detail {
    padding: 18px 10px 0;
    border: 1px solid #ebeae5;
    border-top: none;
    background: #fff;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0,
            .1);
    text-align: left
}

.pc-detail-product-set-card-detail-title {
    font-size: 15px;
    font-weight: 700;
    padding: 0;
    margin: 0 0 8px;
    overflow: hidden;
    text-overflow: ellipsis
}

.pc-detail-product-set-card-detail-money {
    margin: 0 0 6px;
    font-size:
        16px;
    font-weight: 700
}

.pc-detail-product-set-card-detail-money-sup {
    font-size:
        11px
}

.pc-detail-product-set-card-detail-stars {
    margin: 0 0 10px
}

.pc-detail-product-set-card-detail-stars .active {
    display: inline-block;
    background: url(../../img/usr/sb/top/icon_star.png) no-repeat center;
    background-size:
        cover;
    height: 16px;
    width: 16px
}

.pc-detail-tab-content-wrap {
    padding: 58px 0 75px 0
}

.pc-detail-tab-content-inner {
    margin:
        0 auto;
    width: 1100px
}

.pc-detail-tab-content-product-wrap {
    margin: 0 0 44px 0
}

.pc-detail-tab-content-head {
    margin: 0 0 14px 0;
    font-size: 18px;
    color: #33664d
}

.pc-detail-tab-content-product-info-head {
    margin: 18px 0 10px 0;
    font-size:
        16px;
    font-weight: 700
}

.pc-detail-tab-content-product-info-head:first-of-type {
    margin: 0 0 10px 0
}

.pc-detail-tab-content-product-info-text {
    font-size: 16px
}

.pc-detail-tab-content-product-info-inner {
    display:
        flex;
    justify-content: space-between;
    align-items: stretch
}

.pc-detail-tab-content-product-info-left {
    margin: 0 30px 0 0
}

.pc-detail-tab-content-product-info-right {
    margin: 0 0 0 30px
}

.pc-detail-tab-content-cooking-wrap {
    margin: 0 0 44px 0
}

.pc-detail-tab-content-cooking-table-wrap {
    display: flex;
    justify-content:
        center
}

.pc-detail-tab-content-cooking-table-head {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 2px 0 0;
    min-height: 70px;
    width: 314px;
    font-size: 16px;
    background: #ccc
}

.pc-detail-tab-content-cooking-table-cell-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 785px;
    font-size: 16px
}

.pc-detail-tab-content-cooking-table-cell-head {
    display:
        flex;
    justify-content: center;
    align-items: center;
    margin: 0 2px 2px 0;
    height: 34px;
    width: 258px;
    font-size:
        16px;
    background: #e6e6e6
}

.pc-detail-tab-content-cooking-table-cell-body {
    display: flex;
    justify-content:
        center;
    align-items: center;
    margin: 0 2px 0 0;
    min-height: 34px;
    width: 258px;
    background:
        #f7f7f7
}

.pc-detail-tab-content-cooking-info-strong {
    margin: 10px 0 38px 0;
    font-size: 14px;
    color:
        #ee1717
}

.pc-detail-tab-content-cooking-step-wrap {
    display: flex;
    justify-content: space-between;
    align-items:
        stretch
}

.pc-detail-tab-content-cooking-step-microwave {
    width: 530px;
    border: 1px solid #f85f60
}

.pc-detail-tab-content-cooking-step-microwave .pc-detail-tab-content-cooking-step-head {
    background:
        #f85f60
}

.pc-detail-tab-content-cooking-step-boiling-water {
    width: 530px;
    border: 1px solid #f8b25f
}

.pc-detail-tab-content-cooking-step-boiling-water .pc-detail-tab-content-cooking-step-head {
    background:
        #f8b25f
}

.pc-detail-tab-content-cooking-step-head {
    text-align: center;
    height: 34px;
    line-height: 34px;
    font-size:
        16px;
    color: #fff
}

.pc-detail-tab-content-cooking-step-image {
    padding: 10px 24px
}

.pc-detail-tab-content-cooking-step-text-wrap {
    display: flex;
    align-items: stretch;
    padding: 0 24px 0 0;
    margin: 0 0 0 -6px
}

.pc-detail-tab-content-cooking-step-text {
    padding: 0 0 0 30px;
    width: 170px;
    font-size:
        14px
}

.pc-detail-tab-content-cooking-step-strong {
    margin: 18px 24px 15px 24px;
    font-size: 14px;
    color:
        #ee1717
}

.pc-detail-tab-content-review-list {
    display: flex;
    align-items: stretch;
    flex-wrap:
        wrap
}

.pc-detail-tab-content-review-item {
    display: flex;
    margin: 0 0 50px 0;
    width:
        50%
}

.pc-detail-tab-content-review-item:nth-child(odd) {
    padding: 0 30px 0 0
}

.pc-detail-tab-content-review-item:nth-child(even) {
    padding: 0 0 0 30px
}

.pc-detail-tab-content-review-avatar {
    margin:
        0 20px 0 0;
    width: 65px;
    height: 65px
}

.pc-detail-tab-content-review {
    flex: 1
}

.pc-detail-tab-content-review-stars-wrap {
    margin: 0 0 10px
}

.pc-detail-tab-content-review-stars {
    margin: 0 8px 0 0;
    height:
        16px
}

.pc-detail-tab-content-review-stars-num {
    font-size: 15px
}

.pc-detail-tab-content-head-stars-wrap {
    margin: 0 0 30px 0
}

.pc-detail-tab-content-head-stars {
    margin: 0 8px 0 0;
    height: 19px
}

.pc-detail-tab-content-head-stars-num {
    position:
        relative;
    top: -2px;
    font-size: 21px
}

.pc-detail-tab-content-review-user-name {
    display: inline;
    float: left;
    margin: 0 14px 0 0
}

.pc-detail-tab-content-review-date {
    margin: 0 0 14px 0;
    color: #999
}

.pc-detail-tab-content-review-title {
    margin: 0 0 14px 0;
    font-weight: 700
}

.pc-detail-tab-content-review-text {
    margin: 0 0 14px 0
}

.pc-detail-review-foot {
    display:
        flex;
    justify-content: center;
    align-items: center;
    margin: 48px 0 0
}

.pc-detail-tab-content-review-write {
    padding: 16px 58px;
    margin: 0 18px 0 0;
    font-size: 14px;
    border-radius: 4px;
    background: #928e80;
    color:
        #fff
}

.pc-detail-tab-content-review-write-text {
    font-size: 12px;
    color: #999
}

.pc-detail-tab-content-review-write-link {
    text-decoration: underline;
    color: #999
}

.pc-detail-tab-content-review-total-wrap .hidden {
    display:
        none
}

.pc-detail-tab-content-review-total {
    font-size: 12px
}

.pc-detail-tab-content-review-total-none {
    font-size:
        12px
}

.pc-detail-tab-content-review-menu-wrap {
    position: relative
}

.pc-detail-tab-content-review-menu-list {
    z-index:
        100;
    position: absolute;
    top: 30px;
    left: 85px;
    width: 150px
}

.pc-detail-tab-content-review-menu-list-item {
    padding: 7px 10px;
    background: #928e80;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    color: #fff;
    cursor:
        pointer
}

.pc-detail-tab-content-review-menu-list-item:last-of-type {
    border:
        none
}

.pc-detail-tab-content-review-menu-list-item:hover {
    background: #004021
}

.pc-detail-product-set-primary-button-wrap {
    position: relative;
    padding: 0 0 4px;
    width: 100%
}

.pc-detail-product-set-primary-button {
    position: relative
}

.active .pc-detail-product-set-primary-popup {
    display: block
}

.pc-detail-product-set-primary-popup {
    z-index: 9999;
    position:
        absolute;
    top: 50px;
    left: 0;
    padding: 6px 0;
    display: none;
    width: 162px;
    background: #004021;
    text-align: center;
    color:
        #fff;
    font-size: 11px;
    white-space: nowrap
}

.pc-detail-product-set-primary-popup:before {
    content: "";
    display:
        block;
    position: absolute;
    z-index: 9999;
    top: -13px;
    right: 28px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 7px solid #004021;
    transform: rotate(180deg)
}

.pc-detail-product-set-favorite-button-wrap {
    position: relative;
    padding: 0 12px 0 0;
    border: none;
    width: 100%;
    text-align:
        right
}

.pc-detail-product-set-favorite-button-wrap .pc-detail-product-set-favorite-button {
    display: inline-block;
    padding:
        0 0 4px 0;
    margin: 12px 0;
    border: 0;
    border-bottom: 1px solid #a19f94;
    color: #a19f94;
    background: 0 0;
    font-size:
        13px;
    font-weight: 700
}

.active .pc-detail-product-set-favorite-popup {
    display:
        block
}

.pc-detail-product-set-favorite-popup {
    z-index: 9999;
    position: absolute;
    top: 42px;
    left: -11px;
    padding: 6px 0;
    display: none;
    width: 188px;
    background: #a19f94;
    text-align: center;
    color: #fff;
    font-size: 11px;
    white-space:
        nowrap
}

.pc-detail-product-set-favorite-popup:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 9999;
    top:
        -17px;
    right: 33px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 10px solid #a19f94;
    transform:
        rotate(180deg)
}

.pc-detail-recommend-content {
    background: url(../../img/usr/sb/top/yoshinoya_logo_img.png) no-repeat 15px -25px #f8f7f3;
    background-size: 150px 150px;
    text-align: center
}

.pc-detail-recipe-image-wrap {
    padding: 0 0 0 30px;
    min-width: 290px;
    max-width: 290px
}

.pc-detail-recipe-image-inner {
    position: relative;
    display: inline-block;
    padding:
        0 0 1px
}

.pc-detail-recipe-top-text {
    margin: 0 0 27px;
    text-align: center;
    font-size: 16px
}

.pc-detail-recipe-start-icon {
    z-index: 100;
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 60px
}

.pc-detail-recipe-detail {
    position: relative
}

.pc-detail-recipe-detail-image-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:
        171px;
    background: rgba(0, 0, 0, 0)
}

.pc-detail-recipe-detail-text {
    position: relative;
    background: #fff;
    display:
        flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 42px 0 16px;
    height: 73px;
    box-shadow: 0 2px 2px 0 rgba(0,
            0, 0, .2);
    font-size: 16px
}

.pc-detail-recipe-detail-text:after {
    content: "";
    display: inline-block;
    position: absolute;
    top:
        30px;
    right: 15px;
    width: 6px;
    height: 14px;
    background: url(../../img/usr/sb/top/arrow_right_orange.png) no-repeat;
    background-size: contain
}

.pc-detail-recipe-detail-image {
    z-index: 200;
    display: block;
    height: 171px;
    width:
        100%
}

.pc-detail-recipe-item-inner {
    margin: 0 auto;
    max-width: 1100px
}

.pc-detail-recipe-item-inner .bx-controls {
    display:
        none
}

.pc-detail-recipe-slide-wrap {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width:
        1100px
}

.pc-detail-recipe-slide-wrap .bx-controls {
    display: none
}

.pc-detail-recipe-content {
    padding: 60px 15px;
    background: url(../../img/usr/detail/bg_recipe.png);
    background-size: cover
}

.pc-detail-recipe-contents-wrap {
    margin:
        0 0 0 -30px
}

.pc-detail-recipe-slide-button {
    z-index: 100;
    position: absolute;
    height: 77px;
    width: 36px;
    overflow:
        hidden
}

.pc-detail-recipe-slide-button a {
    display: inline-block;
    width: 100px;
    height:
        100px
}

.pc-detail-recipe-slide-button-next {
    right: 0;
    top: 50%;
    margin: -36px 0 0;
    background:
        url(../../img/usr/sb/top/arrow_right.png) no-repeat 14px 30px rgba(255, 142, 5, .8);
    background-size:
        9px
}

.pc-detail-recipe-slide-button-prev {
    left: 0;
    top: 50%;
    margin: -36px 0 0;
    background:
        url(../../img/usr/sb/top/arrow_left.png) no-repeat 14px 30px rgba(255, 142, 5, .8);
    background-size:
        9px
}

.pc-detail-category-item {
    padding-left: 10px
}

.pc-detail-category-item-title {
    font-size: 16px;
    text-align:
        center;
    white-space: nowrap
}

.pc-detail-category-items {
    display: flex;
    align-items: stretch;
    overflow-y: hidden;
    overflow-x:
        scroll;
    padding: 0 0 10px;
    margin-left: -10px
}

.pc-detail-category-item-image-wrap {
    margin: 0 0 13px;
    min-width:
        102px;
    height: 65px;
    text-align: center
}

.pc-detail-category-wrap {
    padding: 60px 0 10px;
    background-color:
        #f8f7f3
}

.pc-detail-product-cards {
    position: relative;
    display: flex;
    padding: 0 0 30px;
    margin: 0 auto;
    max-width:
        1100px;
    overflow: hidden
}

.pc-detail-product-card {
    display: inline-block;
    align-items: flex-start;
    padding: 0 0 0 19px;
    max-width: 223px
}

.pc-detail-product-card-thumb {
    position: relative;
    height: 191px;
    overflow:
        hidden
}

.pc-detail-product-card-detail {
    padding: 18px 18px 0;
    border: 1px solid #ebeae5;
    border-top: none;
    background:
        #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1)
}

.pc-detail-product-card-detail-title {
    font-size: 16px;
    font-weight:
        700;
    max-height: 48px;
    padding: 0;
    margin: 0 0 8px;
    overflow: hidden;
    text-overflow:
        ellipsis
}

.pc-detail-product-card-detail-money {
    margin: 0 0 6px;
    font-size: 17px;
    font-weight:
        700
}

.pc-detail-product-card-detail-money-sup {
    font-size: 12px
}

.pc-detail-product-card-detail-stars-wrap {
    margin: 0 0 10px
}

.pc-detail-product-card-detail-stars {
    margin: 0 9px 0 0;
    height: 18px
}

.pc-detail-product-card-detail-stars-num {
    position: relative;
    top: -2px;
    font-size: 15px;
    font-weight: 700
}

.pc-detail-product-card-detail-text {
    margin: 0 0 12px
}

.pc-detail-product-primary-button-wrap {
    position: relative;
    padding: 0 0 4px;
    width: 100%
}

.active .pc-detail-product-primary-popup {
    display: block
}

.pc-detail-product-primary-popup {
    z-index: 9999;
    position:
        absolute;
    bottom: 19px;
    left: 20px;
    padding: 7px 0;
    display: none;
    width: 202px;
    background: #004021;
    text-align: center;
    color:
        #fff;
    font-size: 13px;
    white-space: nowrap
}

.pc-detail-product-primary-popup:before {
    content: "";
    display: block;
    position:
        absolute;
    z-index: 9999;
    top: -13px;
    right: 45px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 7px solid #004021;
    transform: rotate(180deg)
}

.pc-detail-product-favorite-button-wrap {
    position: relative;
    padding: 0 12px 0 0;
    border: none;
    width: 100%;
    text-align: right
}

.pc-detail-product-favorite-button-wrap .pc-detail-product-favorite-button {
    display: inline-block;
    padding: 0 0 4px 0;
    margin: 12px 0;
    border-bottom: 1px solid #a19f94
}

.active .pc-detail-product-favorite-popup {
    display: block
}

.pc-detail-product-favorite-popup {
    z-index: 9999;
    position:
        absolute;
    bottom: -24px;
    left: 7px;
    padding: 7px 0;
    display: none;
    width: 228px;
    background: #a19f94;
    text-align: center;
    color:
        #fff;
    font-size: 13px;
    white-space: nowrap
}

.pc-detail-product-favorite-popup:before {
    content: "";
    display: block;
    position:
        absolute;
    z-index: 9999;
    top: -17px;
    right: 48px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 10px solid #a19f94;
    transform: rotate(180deg)
}

.pc-primary-button-badge {
    z-index: 100;
    position: absolute;
    top: -10px;
    right:
        -10px;
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #ee1717;
    border-radius: 27px;
    line-height:
        25px;
    font-size: 9px;
    color: #fff
}

.pc-detail-product-card-thumb-img {
    width: 100%
}

.pc-detail-product-card-thumb-label {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 36px;
    height: 48px
}

.pc-detail-product-card-thumb-label-under {
    position:
        absolute;
    top: 2px;
    left: 8px;
    width: 36px;
    height: 48px
}

.pc-detail-product-card-thumb-label-1 {
    background:
        url(../../img/usr/top/rank1.png) no-repeat center;
    background-size: contain
}

.pc-detail-product-card-thumb-label-2 {
    background: url(../../img/usr/top/rank2.png) no-repeat center;
    background-size:
        contain
}

.pc-detail-product-card-thumb-label-3 {
    background: url(../../img/usr/top/rank3.png) no-repeat center;
    background-size: contain
}

.pc-detail-product-card-thumb-label-4 {
    background: url(../../img/usr/top/rank4.png) no-repeat center;
    background-size: contain
}

.pc-detail-product-card-thumb-label-5 {
    background:
        url(../../img/usr/top/rank5.png) no-repeat center;
    background-size: contain
}

.pc-detail-product-card-thumb-label-6 {
    background: url(../../img/usr/top/rank6.png) no-repeat center;
    background-size:
        contain
}

.pc-detail-product-card-thumb-label-7 {
    background: url(../../img/usr/top/rank7.png) no-repeat center;
    background-size: contain
}

.pc-detail-product-card-thumb-label-8 {
    background: url(../../img/usr/top/rank8.png) no-repeat center;
    background-size: contain
}

.pc-detail-product-card-thumb-label-9 {
    background:
        url(../../img/usr/top/rank9.png) no-repeat center;
    background-size: contain
}

.pc-detail-product-card-thumb-label-10 {
    background: url(../../img/usr/top/rank10.png) no-repeat center;
    background-size: contain
}

.pc-detail-product-slide-button {
    z-index: 100;
    position: absolute;
    height: 77px;
    width: 36px;
    overflow: hidden
}

.pc-detail-product-slide-button a {
    display:
        inline-block;
    width: 100px;
    height: 100px
}

.pc-detail-product-slide-button-next {
    right: 4px;
    top: 40%;
    background:
        url(../../img/usr/sb/top/arrow_right.png) no-repeat 14px 30px rgba(255, 142, 5, .8);
    background-size:
        9px
}

.pc-detail-product-slide-button-prev {
    left: 0;
    top: 40%;
    background: url(../../img/usr/sb/top/arrow_left.png) no-repeat 14px 30px rgba(255, 142, 5, .8);
    background-size: 9px
}

.pc-detail-contents {
    padding: 40px 15px
}

.pc-detail-product-content {
    padding: 60px 0 30px;
    background: url(../../img/usr/top/yoshinoya_logo_img.png) no-repeat center -50px #f8f7f3;
    background-size: contain
}

.pc-detail-product-content .bx-controls {
    display:
        none
}

.pc-detail-product-content .bx-viewport {
    margin: 0 0 0 -19px;
    overflow: visible !important
}

.pc-detail-delivery-course {
    max-width: 1100px;
    margin: 0 auto 80px;
    height: 100%;
    width:
        100%
}

.pc-detail-delivery-course-title {
    display: flex;
    height: 35px;
    margin-bottom: 30px;
    align-items: center;
    font-size:
        14px;
    text-indent: 20px;
    color: #fff;
    background-color: #ff2c2d
}

.pc-detail-delivery-course-image-wrap {
    display:
        flex;
    justify-content: space-between
}

.pc-detail-delivery-course-wrap {
    display: flex;
    flex-direction:
        column
}

.pc-detail-delivery-course-set-image {
    display: flex;
    margin: 0 80px 0 0;
    flex-direction: column;
    max-width:
        520px;
    align-items: center
}

.pc-detail-delivery-course-plan {
    max-height: 90px;
    margin: 0 0 10px 0
}

.pc-detail-delivery-course-inner {
    margin: 0 0 5px 0
}

.pc-detail-delivery-course-wrap {
    max-width:
        470px
}

.pc-detail-delivery-course-text {
    margin: 0 auto 50px 0;
    font-size: 20px;
    font-weight:
        700
}

.pc-detail-delivery-course-image {
    max-width: 470px;
    max-height: 100px
}

.pc-detail-product-title {
    margin: 0 0 38px
}

.pc-detail-tab-content-review-list-more {
    display: none
}

.pc-detail-product-amount-discount {
    font-size:
        22px;
    text-decoration: line-through
}

.pc-detail-product-id-label-discount {
    margin: 20px 0 0 0;
    font-size:
        14px
}

.pc-detail-tab-content-review-total-wrap-action {
    position:
        relative
}

.pc-detail-tab-content-review-total-wrap-action:after {
    content: "";
    position: absolute;
    top: 21px;
    right: 0;
    width:
        24px;
    height: 1px;
    background: #004021
}

.pc-detail-tab-content-review-total-wrap-action:hover {
    text-decoration:
        none
}

.pc-detail-product-cart-popup {
    z-index: 9999;
    position: absolute;
    bottom: 28px;
    left: 35px;
    padding: 7px 0;
    display:
        none;
    width: 162px;
    background: #004021;
    text-align: center;
    color: #fff;
    font-size: 11px;
    white-space:
        nowrap
}

.pc-detail-product-cart-popup:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 9999;
    top:
        -13px;
    right: 45px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 7px solid #004021;
    transform:
        rotate(180deg)
}

.pc-detail-product-detail-favorite-popup {
    z-index: 9999;
    position: absolute;
    bottom: -20px;
    right:
        100px;
    padding: 7px 0;
    display: none;
    width: 188px;
    background: #a19f94;
    text-align: center;
    color: #fff;
    font-size:
        11px;
    white-space: nowrap
}

.pc-detail-product-detail-favorite-popup:before {
    content: "";
    display: block;
    position:
        absolute;
    z-index: 9999;
    top: -17px;
    right: 33px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 10px solid #a19f94;
    transform: rotate(180deg)
}

.pc-list-wrap {
    margin: 0 auto;
    width: 1100px
}

.pc-list-items {
    display:
        flex
}

.pc-list-category {
    flex-direction: column
}

.pc-list-category-wrap {
    width: 240px
}

.pc-list-category-title {
    margin:
        10px 0 15px;
    font-size: 18px;
    font-weight: 700
}

.pc-list-category-item {
    margin: 0 0 1px 0;
    height:
        60px
}

.pc-list-category-link {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size:
        16px;
    color: #000;
    background: #f8f7f3;
    border-left: #f8f7f3 4px solid
}

.pc-list-category-link.active {
    border-left: #ff8e05 4px solid
}

.pc-list-category-link:hover {
    border-left: #ff8e05 4px solid
}

.pc-list-category-link:after {
    content:
        "　";
    position: absolute;
    right: 10px;
    top: 50%;
    margin: -5px 0 0;
    width: 14px;
    height: 14px;
    background:
        url(../../img/usr/top/arrow_right_orange.svg) no-repeat center
}

.pc-list-category-item-image-wrap {
    width: 65px;
    margin: 0 10px
}

.pc-list-category-item-image {
    display: block;
    margin: 0 auto
}

.pc-list-category-food {
    max-height:
        40px
}

.pc-list-result {
    padding: 0 0 0 30px;
    flex-direction: column;
    width: 1100px
}

.pc-list-result-title {
    margin: 0 0 18px 0;
    font-size: 22px;
    font-weight: 700
}

.pc-list-result-image {
    display: flex;
    width: 830px;
    height: 240px;
    margin: 0 0 40px 0;
    align-items: center;
    justify-content: center;
    background-color: #9d9471;
    font-size: 20px;
    color:
        #fff
}

.pc-list-result-detail {
    display: flex;
    padding: 15px;
    margin-bottom: 40px;
    align-items: center;
    flex-direction:
        row;
    justify-content: space-between;
    text-align: center;
    font-size: 14px;
    background-color:
        #f8f7f3
}

.pc-list-result-form-select {
    margin: 0 0 0 10px;
    height: 40px;
    border: 1px solid #ebeae5
}

.pc-list-tab-content-pagination {
    display: flex;
    justify-content: center;
    align-items: stretch;
    padding: 0 0 1px;
    margin: 40px 15px
}

.pc-list-footer-tab-content-pagination {
    margin: 0 15px 60px
}

.pc-list-tab-content-pagination-button {
    max-width: 69px;
    flex: 2;
    height: 44px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0,
            .1)
}

.pc-list-tab-content-pagination-button-number {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 7px;
    min-width: 45px;
    width: 45px;
    font-size: 16px
}

.pc-list-tab-content-pagination-button-number:last-child {
    margin:
        0
}

.pc-list-tab-content-pagination-prev {
    position: relative
}

.pc-list-tab-content-pagination-prev:after {
    content:
        "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
    height:
        20px;
    background-image: url(../../img/usr/sb/top/arrow_left_orange.png);
    background-size: contain;
    background-repeat:
        no-repeat
}

.pc-list-tab-content-pagination-button-wrap {
    display: flex;
    justify-content: center;
    align-items:
        flex-end;
    padding: 0 24px;
    margin: 0 0 0 -7px
}

.pc-list-tab-content-pagination-now-number {
    background: #928e80;
    color:
        #fff
}

.pc-list-tab-content-pagination-next {
    position: relative
}

.pc-list-tab-content-pagination-next:after {
    content:
        "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
    height:
        20px;
    background-image: url(../../img/usr/sb/top/arrow_right_orange.png);
    background-size: contain;
    background-repeat:
        no-repeat
}

.pc-list-product-set-cards {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 0 0 -20px
}

.pc-list-product-set-card {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 0 0 0 20px;
    margin: 0 0 40px 0;
    width: 25%
}

.pc-list-product-set-card-thumbnail {
    position: relative;
    overflow:
        hidden
}

.pc-list-product-set-card-thumbnail-image {
    display: block
}

.pc-list-product-set-card-detail {
    display:
        flex;
    justify-content: space-between;
    flex-direction: column;
    flex: 1 0 auto;
    padding: 18px 10px 0;
    border: 1px solid #ebeae5;
    border-top: none;
    background: #fff;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0,
            .1)
}

.pc-list-product-set-card-detail-label-wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 0 0 -10px
}

.pc-list-product-set-card-detail-label {
    display: table;
    margin: 0 0 5px 10px;
    max-height:
        25px
}

.pc-list-product-set-card-detail-label-primary {
    background: #ff2c2d
}

.pc-list-product-set-card-detail-title {
    font-size: 18px;
    font-weight: 700;
    padding: 0;
    margin: 13px 0;
    overflow: hidden;
    text-overflow:
        ellipsis
}

.pc-list-product-set-card-detail-money-discount .pc-list-product-set-card-detail-money-line-through {
    text-decoration: line-through
}

.pc-list-product-set-card-detail-money {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight:
        700
}

.pc-list-product-set-card-detail-money-sup {
    font-size: 11px
}

.pc-list-product-set-card-detail-money-primary {
    color:
        #ee1717
}

.pc-list-product-set-card-detail-stars-wrap {
    margin: 0 0 10px
}

.pc-list-product-set-card-detail-stars {
    height:
        16px;
    margin: 0 6px 0 0
}

.pc-list-product-set-card-detail-stars-num {
    position: relative;
    top: -2px;
    font-size:
        14px;
    font-weight: 700
}

.pc-list-product-tags {
    display: flex;
    padding: 0 0 10px 15px;
    margin: 15px 0 0 0;
    overflow:
        auto
}

.pc-list-product-tag {
    display: block;
    padding: 8px 9px;
    margin: 0 10px 0 0;
    font-size: 12px;
    background:
        #f2f2f2;
    white-space: nowrap
}

.pc-list-tab-contents {
    display: none
}

.pc-list-tab-content-review-star-num {
    position:
        relative;
    top: -2px;
    margin: 0 0 0 3px;
    font-size: 16px;
    font-weight: 700
}

.pc-list-product-set-card-detail-star-num {
    position: relative;
    top: -2px;
    margin: 0 0 0 4px;
    font-weight: 700
}

.pc-list-product-set-card-detail-text {
    margin: 0 0 12px
}

.pc-list-product-set-primary-button-inner {
    position: relative;
    padding: 0 0 4px;
    width:
        100%
}

.pc-list-product-set-primary-button {
    cursor: pointer
}

.active .pc-list-product-set-primary-popup {
    display:
        block
}

.pc-list-product-set-primary-popup {
    z-index: 9999;
    position: absolute;
    bottom: 28px;
    left: 35px;
    padding: 7px 0;
    display: none;
    width: 162px;
    background: #004021;
    text-align: center;
    color: #fff;
    font-size: 11px;
    white-space:
        nowrap
}

.pc-list-product-set-primary-popup:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 9999;
    top:
        -13px;
    right: 28px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 7px solid #004021;
    transform:
        rotate(180deg)
}

.pc-list-product-set-favorite-button-wrap {
    position: relative;
    padding: 0 12px 0 0;
    border: none;
    width:
        100%;
    text-align: center
}

.pc-list-product-set-favorite-button-wrap .pc-list-product-set-favorite-button {
    display:
        inline-block;
    padding: 0 0 4px 0;
    margin: 12px 0 18px;
    border: 0;
    border-bottom: 1px solid #a19f94;
    color:
        #a19f94;
    background: 0 0;
    font-size: 13px;
    font-weight: 700
}

.active .pc-list-product-set-favorite-popup {
    display:
        block
}

.pc-list-product-set-favorite-popup {
    z-index: 9999;
    position: absolute;
    bottom: -16px;
    left: 23px;
    padding: 7px 0;
    display: none;
    width: 188px;
    background: #a19f94;
    text-align: center;
    color: #fff;
    font-size: 11px;
    white-space:
        nowrap
}

.pc-list-product-set-favorite-popup:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 9999;
    top:
        -17px;
    right: 33px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 10px solid #a19f94;
    transform:
        rotate(180deg)
}

.pc-list-wrap .pc-history-items-wrap {
    width: 100%
}

.pc-list-wrap .pc-history-item {
    max-width: 16.5%;
    width:
        16.5%
}

.pc-list-wrap .pc-history-content {
    padding: 0;
    margin: 20px 0 120px;
    background: 0 0
}

.pc-list-wrap .pc-history-title {
    width: 100%
}

.pc-list-product-sold-out {
    background: #f7f7f7;
    padding: 7px 0
}

.pc-list-product-sold-out-text-top {
    font-size: 13px;
    text-align: center
}

.pc-list-product-sold-out-text-bottom {
    font-size: 15px;
    font-weight: 700;
    text-align:
        center
}

input[type=button] {
    cursor: pointer
}

.pc-cart-form {
    max-width: 1100px;
    margin: auto
}

.pc-cart-form .pc-cart-form-product-head-sum-amount {
    color: #000
}

.pc-cart-form-inner {
    display: flex;
    justify-content:
        space-between;
    align-items: start
}

.page-cart {
    background: #f8f7f3
}

.pc-cart-header {
    height: 90px;
    border-bottom: 2px solid #797565
}

.pc-cart-header-nav-wrap {
    height: 90px
}

.pc-cart-header-nav-logo {
    padding: 0;
    margin: 0;
    max-width: 130px;
    height:
        auto
}

.pc-cart-header-nav-logo-image {
    height: inherit
}

.pc-cart-history-content {
    padding: 40px 0 50px 15px
}

.pc-cart-title {
    margin: 24px auto;
    width: 1100px;
    font-size: 20px;
    font-weight: 700
}

.pc-cart-stepper {
    display: flex;
    flex-wrap:
        nowrap;
    justify-content: space-around;
    margin: 0 auto 45px;
    max-width: 596px
}

.pc-cart-stepper-item {
    position:
        relative;
    width: 100%
}

.pc-cart-stepper-item:after {
    z-index: 100;
    content: "";
    display: inline-block;
    position: absolute;
    top:
        20px;
    right: -50%;
    height: 2px;
    width: 100%;
    background: #c5c2b9
}

.pc-cart-stepper-item:last-of-type:after {
    height:
        0
}

.pc-cart-stepper-item-num {
    z-index: 200;
    position: relative
}

.now .pc-cart-stepper-item-num {
    position:
        relative;
    background: #004021
}

.now .pc-cart-stepper-item-title {
    color: #004021
}

.pc-cart-stepper-item-num {
    margin: 0 auto 11px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: #928e80;
    line-height: 40px;
    text-align: center;
    font-size:
        14px;
    color: #fff
}

.pc-cart-stepper-item-title {
    text-align: center;
    font-size: 13px;
    color: #928e80
}

.pc-cart-state {
    margin:
        0 auto 30px;
    width: 1100px;
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 16px
}

.pc-cart-form-products-wrap {
    min-width: 270px;
    width: 270px;
    background: #fff
}

.pc-cart-form-products-inner {
    padding: 20px;
    margin: 0;
    width:
        100%
}

.pc-cart-form-product-wrap {
    padding: 0;
    margin: 0;
    border: none;
    overflow: visible
}

.pc-cart-form-product {
    padding:
        0;
    background: #fff;
    overflow: visible
}

.pc-cart-form-product-head {
    padding: 0;
    margin: 0 0 21px;
    text-align: left;
    font-size:
        16px
}

.pc-cart-form-product-head-sum-amount {
    font-size: 24px;
    color: #000
}

.pc-cart-form-product-head-sum-amount:after {
    content: "（税込）";
    font-size: 16px
}

.pc-cart-form-product-text-wrap {
    margin: 0 0 19px
}

.pc-cart-form-product-text {
    color:
        red
}

.pc-cart-form-product-buttons {
    margin: 0 0 -10px
}

.pc-cart-form-product-buttons p {
    margin: 0 0 10px 0;
    color:
        gray
}

.pc-cart-form-buttons-inner {
    display: flex;
    flex-direction: column;
    margin-bottom: 0
}

.pc-cart-form-primary-button {
    padding: 12px 0;
    border-radius: 3px;
    height: auto;
    font-size: 16px
}

.pc-cart-form-normal-button {
    padding: 12px 0;
    border-radius: 3px;
    height: auto;
    font-size: 16px
}

.pc-cart-form-cards-wrap {
    margin: 0 30px 35px 0;
    width: 800px;
    border:
        none;
    background: 0 0
}

.pc-cart-form-cards {
    margin: 0 0 -10px
}

.pc-cart-form-cards .pc-cart-form-card {
    display:
        flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 20px 0 15px;
    margin: 0 0 2px;
    height: 150px;
    border-bottom:
        none;
    background: #fff
}

.pc-cart-form-card-link {
    display: inline-flex;
    flex-wrap: nowrap
}

.pc-cart-form-card-thumb-wrap {
    display: inline-block;
    margin: 0;
    width: 120px;
    height: 120px
}

.pc-cart-form-card-thumb-figure {
    position: relative;
    display:
        inline-block;
    overflow: hidden;
    margin: 0;
    width: 100%;
    height: 100%
}

.pc-cart-form-card-thumb-figure-image {
    position:
        absolute;
    left: 50%;
    top: 50%;
    width: inherit;
    height: inherit;
    transform: translate3d(-50%, -50%,
            0)
}

.pc-cart-form-card-info-wrap {
    display: inline-block;
    padding: 0 0 0 15px;
    margin: 0 auto 0 0;
    max-width:
        300px;
    word-break: break-all
}

.pc-cart-form-card-info-title {
    font-size: 16px;
    font-weight:
        400
}

.pc-cart-form-card-info-price-wrap {
    margin: 0 36px 0 0;
    width: auto;
    max-width: 100px
}

.pc-cart-form-card-info-price {
    font-size: 20px
}

.pc-cart-form-card-info-price-mark {
    font-size: 15px
}

.pc-cart-form-card-form-items-wrap {
    position:
        relative;
    display: flex;
    align-items: center;
    width: auto
}

.pc-cart-form-card-form-items-wrap .pc-cart-form-card-form-item-math {
    padding: 0;
    border: 1px solid #928e80;
    width: 40px;
    height: 40px;
    text-align:
        center;
    font-size: 15px
}

.pc-cart-form-card-form-items-wrap .pc-cart-form-card-form-item-sum {
    z-index: 100;
    text-align:
        center
}

.pc-cart-form-card-form-items-wrap .pc-cart-form-card-form-item-decrement {
    z-index: 200;
    border-radius: 3px 0 0 3px;
    font-size: 18px
}

.pc-cart-form-card-form-items-wrap .pc-cart-form-card-form-item-increment {
    z-index:
        200;
    border-radius: 0 3px 3px 0;
    font-size: 18px
}

.pc-cart-form-card-form-items-wrap .pc-cart-form-card-form-item-renewal {
    padding: 0;
    margin: 0 0 21px;
    width: 68px;
    height: 40px;
    border-radius: 3px
}

.pc-cart-form-card-form-items {
    display:
        flex;
    width: auto;
    margin: 0 20px 0 0
}

.pc-cart-form-card-form-item {
    width: auto
}

.pc-cart-form-card-form-item-label {
    margin: 0 10px 0 0;
    font-size: 15px;
    line-height: 34px
}

.pc-cart-form-card-form-buttons {
    position: relative;
    top:
        23px;
    text-align: right
}

.pc-cart-form-card-form-item-button {
    background: #928e80;
    font-weight: 700;
    color:
        #fff
}

.pc-cart-form-card-form-item-remove-button-wrap:before {
    content: "";
    position: relative;
    top: 5px;
    display:
        inline-block;
    margin: 0 6px 0 0;
    width: 17px;
    height: 21px;
    background:
        url(../../img/usr/cart/icon_remove.png);
    background-size: cover
}

.pc-cart-form-card-form-item-remove-button {
    padding:
        0;
    width: auto;
    text-decoration: none;
    color: #928e80;
    font-weight: 700
}

.pc-cart-form-product-head-wrap {
    border-bottom:
        none
}

.pc-cart-form-product-bottom-wrap {
    display: flex;
    flex-direction: column;
    padding: 0 0 10px;
    border-bottom: 1px solid #ebeae5
}

.pc-cart-form-cards-head {
    display: flex;
    padding: 8px 0 8px 15px;
    width: 100%;
    background:
        #004021
}

.pc-cart-form-cards-head-item {
    font-size: 13px;
    color: #fff;
    font-weight: 700
}

.pc-cart-form-cards-head-info {
    width: 438px
}

.pc-cart-form-cards-head-amount {
    width: 118px
}

.pc-cart-form-cards-head-sum {
    width:
        234px
}

.pc-cart-error-wrap {
    margin: 0 0 20px 0;
    background-color: #fff;
    border: 1px solid #e6e6e6
}

.pc-cart-error-inner {
    max-width: 1100px;
    margin: 21px auto
}

.pc-cart-error-message {
    font-size: 14px
}

.pc-cart-error-message-color {
    color:
        #ed4141
}

.pc-cart-form-gift-button {
    padding: 12px 0;
    border-radius: 3px;
    height: auto;
    font-size: 16px
}

.pc-cart-gift-button {
    display: inline-block;
    border: none;
    width: 100%;
    background-color: #ffb005;
    color: #fff;
    font-weight: 700
}

.page-cart .pc-history-content {
    background: 0 0
}

.page-goods {
    left: calc(50% - 565px)
}

.page-goods .pane-left-menu {
    display:
        none
}

.pc-header-nav-wrap {
    padding-top: 18px
}

.pc-header-nav-bnr {
    padding-left: 27px
}

.pc-header-nav-bnr img {
    width:
        311px;
    height: 72px
}

.pc-header-nav-bnr,
.pc-header-nav-tel {
    display: block;
    height: 100%
}

.pc-header-nav-tel {
    padding-left:
        15px
}

.pc-header-nav-tel-image {
    width: 230px;
    height: 70px
}

.pc-header-nav-bnr-image,
.pc-header-nav-logo-image {
    display:
        block;
    margin: 0 auto;
    padding: 0
}

.pc-header-nav-list-item-link::before {
    content: '';
    display:
        inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-image:
        url(../../img/usr/top/icon_delta.png);
    width: 6px;
    height: 7px;
    margin-right: 8px
}

.pc-header-nav-common {
    display:
        -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items:
        baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: auto;
    height:
        61px;
    margin-left: 23px
}

.pc-header-nav-common-item {
    position: relative
}

.pc-header-nav-common-item:not(:first-child) {
    padding-left: 10px
}

.pc-header-nav-common-item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display:
        flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction:
        column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack:
        justify;
    justify-content: space-between
}

.pc-header-nav-common-item-ttl {
    font-size: 16px;
    font-weight:
        700
}

.pc-header-category-wrap {
    width: 100%;
    height: 163px;
    padding: 42px 0 8px;
    border-bottom: 5px solid #004121
}

.pc-header-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1100px;
    height: 108px;
    margin:
        0 auto
}

.pc-header-category-item {
    width: 157px;
    border-left: 1px solid silver;
    position: relative;
    height:
        102px;
    margin-bottom: 6px;
    cursor: pointer
}

.pc-header-category-item:last-child {
    border-right: 1px solid silver
}

.pc-header-category-item-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient:
        vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack:
        justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align:
        center;
    align-items: center;
    z-index: 20
}

.pc-header-category-item-btn-tex {
    font-size: 16px;
    font-weight: 700;
    font-weight:
        700
}

.pc-header-news {
    background: #f8f7f3;
    text-align: center;
    line-height: 45px
}

.pc-header-news_link {
    font-weight:
        700;
    color: red;
    text-decoration: underline
}

.pc-header-news_link:hover {
    text-decoration: underline
}

.pc-header-category-nav {
    opacity: 0;
    pointer-events: none
}

.pc-header-category-nav.slideDown {
    position: absolute;
    top: 111px;
    left: 0;
    margin-top:
        10px;
    padding: 25px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 19999;
    opacity:
        1;
    -webkit-animation-name: fade-in;
    animation-name: fade-in;
    -webkit-animation-duration: .3s;
    animation-duration:
        .3s;
    border: 1px solid rgba(220, 220, 220, .7);
    pointer-events: all
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.js-cateSlide .pc-header-category-item-btn-text:after {
    content: '';
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align:
        middle;
    background-image: url(../../img/usr/top/icon_cate_arrow.png);
    width: 9px;
    height: 7px;
    margin-left:
        6px;
    -webkit-transition: .5s ease 0;
    transition: .5s ease 0
}

.pc-header-category-nav-ttl {
    font-size: 20px;
    display:
        -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:
        space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-width:
        208px
}

.pc-header-category-nav-ttl-link {
    font-size: 14px
}

.pc-header-category-nav-ttl-link::after {
    content: '';
    display:
        inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 14px;
    height:
        14px;
    margin-top: -4px;
    margin-left: 8px;
    background-image:
        url(../../img/usr/top/cate/menu/squareArrow.png)
}

.pc-header-category-nav-inner {
    padding-top: 5px;
    border-top: 1px solid #004121;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pc-header-category-nav-list {
    width:
        208px
}

.pc-header-category-nav-list:nth-child(2) {
    margin-left: 20px
}

.pc-header-category-nav-list-item {
    padding-top:
        15px
}

.pc-header-category-nav-list-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:
        justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align:
        center;
    align-items: center;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    cursor: pointer
}

.pc-header-category-nav-list-item-link-text {
    font-size: 15px;
    padding-left: 1em;
    text-indent:
        -1em;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.pc-header-category-nav-list-item-link-text::before {
    content: '';
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    width:
        10px;
    height: 8px;
    margin-top: -3px;
    margin-right: 5px;
    background-image:
        url(../../img/usr/top/cate/menu/cate_delta.png)
}

.pc-header-category-nav-list-item-link-img {
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.pc-header-category-nav-list-item-link-img-wrap {
    width: 77px;
    height: 44px;
    display:
        -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:
        center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pc-header-category-item:nth-child(4) .pc-header-category-nav {
    width: 470px
}

.pc-header-category-item:after {
    content: "";
    position: absolute;
    width: 100%;
    height:
        120px;
    display: block;
    top: 0;
    left: 0
}

.pc-header-category-item:hover .pc-header-category-item-btn-image {
    opacity:
        .7
}

.pc-header-category-nav-list-item-link {
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    text-decoration: underline
}

.pc-header-category-nav-list-item-link:hover {
    text-decoration:
        none
}

.pc-header-category-nav-list-item-link:hover .pc-header-category-nav-list-item-link-img {
    opacity:
        .7
}

.pc-header-category-nav-ttl-link {
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.pc-header-category-nav-ttl-link:hover {
    opacity: .7
}

.slider_frame {
    width: 100%;
    margin: 0 auto;
    padding-bottom:
        40px;
    position: relative;
    background: #f8f7f3
}

.navSlider_container {
    position: relative;
    width: 965px;
    height: 114px;
    margin:
        0 auto;
    padding: 10px 0 0;
    background: #f8f7f3;
    overflow: hidden
}

.navSlider {
    opacity: 1
}

.mainSlider_container {
    background:
        #f8f7f3
}

.mainSlider_container .slick-slider {
    position: relative;
    overflow-y: visible
}

.mainSlider a {
    display:
        block
}

.mainSlider .slick-slide {
    background: #000;
    cursor: -webkit-grab;
    cursor: grab
}

.mainSlider img {
    opacity:
        .1
}

.mainSlider .slick-slide img {
    opacity: .6
}

.mainSlider .slick-slide a {
    pointer-events: none
}

.mainSlider .slick-slide.slick-center img {
    opacity: 1;
    cursor: pointer
}

.mainSlider .slick-slide.slick-center a {
    pointer-events:
        auto
}

.navSlider_container .active {
    position: relative
}

.navSlider_container .active:after {
    content: '';
    position:
        absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 5px;
    background: #004121;
    display: block;
    z-index:
        100
}

.navSlider_container a img {
    width: 192px
}

.slick-loading .slick-list {
    background: #fff url(./ajax-loader.gif) center center no-repeat
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(./fonts/slick.eot);
    src:
        url(./fonts/slick.eot?#iefix) format("embedded-opentype"), url(./fonts/slick.woff) format("woff"),
        url(./fonts/slick.ttf) format("truetype"), url(./fonts/slick.svg#slick) format("svg")
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding:
        0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border:
        none;
    outline: 0;
    background: 0 0
}

.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus,
.slick-next:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next:focus:before,
.slick-next:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity:
        .25
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color:
        #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '??'
}

[dir=rtl] .slick-prev:before {
    content:
        '??N'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content:
        '??N'
}

[dir=rtl] .slick-next:before {
    content: '??'
}

.slider_frame .slick-arrow {
    position: absolute;
    z-index:
        0;
    background-size: auto 100% !important;
    margin-top: 0;
    top: 56.5px;
    right: -55px;
    display: block;
    background: #929292;
    width:
        48px;
    height: 87.188px
}

.slider_frame .slick-arrow::before {
    content: '';
    display: inline-block;
    width: 18px;
    height:
        30px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    right:
        15px;
    margin-top: -10px;
    width: 21px;
    height: 21px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform:
        rotate(45deg);
    -o-transform: rotate(45deg)
}

.slider_frame .slick-arrow:hover {
    color: #929292;
    opacity: .8
}

.slider_frame .slick-prev {
    left: -55px
}

.slider_frame .slick-prev::before {
    left: 20px;
    right: auto;
    -webkit-transform:
        rotate(225deg);
    transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform:
        rotate(225deg)
}

.slider_frame .mainSlider_container .slick-slide {
    margin: 0 30px
}

.slider_frame .navSlider_container .slick-slide {
    position: relative;
    margin: 3px;
    z-index: 1;
    cursor: pointer
}

.slider_frame .navSlider_container .slick-slide::after,
.slider_frame .navSlider_container .slick-slide:hover::after {
    visibility: hidden
}

.slider_frame .navSlider_container .slick-slide:focus {
    outline: 0
}

.slider_frame .navSlider_container .slick-current::before,
.slider_frame .navSlider_container .slick-current:hover::before {
    content: "";
    display:
        block;
    width: 0;
    height: 0;
    border-top: solid 10px transparent;
    border-right: solid 10px transparent;
    border-bottom: solid 10px transparent;
    border-left: solid 10px #004121;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    position:
        absolute;
    top: -20px;
    left: 50%;
    margin-left: -2.5px;
    z-index: 20
}

.slider_frame .navSlider_container .slick-current::after,
.slider_frame .navSlider_container .slick-current:hover::after {
    content: "";
    position:
        absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    border: 5px solid #004121;
    visibility:
        visible;
    z-index: 10;
    outline: 0
}

.slider_frame .navSlider_container .slick-slide :last-child {
    margin-right:
        0
}

.slider_frame .navSlider_container .slick-slide img {
    width: 100%
}

.slick-dots li button {
    font-size: 0;
    line-height:
        0;
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background:
        0 0
}

.slick-dotted .slick-dots {
    width: 1000px;
    position: absolute;
    height: 8px;
    bottom: -13px;
    z-index: 1;
    display:
        -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
    -ms-flex-pack:
        justify;
    justify-content: space-between
}

.slick-dotted .slick-dots li {
    position: relative;
    display:
        inline-block;
    background: #f1f1f1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 9.5%;
    flex: 0 0 9.5%;
    height:
        -webkit-fill-available;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.slick-dotted .slick-dots li button:before {
    content:
        none
}

.slick-dotted .slick-dots li.slick-active {
    opacity: 1;
    background: #bdbdbd;
    cursor: default
}

.navSlider_container .slick-list {
    padding-top: 10px !important
}

.pc-header-nav-list-item-login {
    position:
        relative
}

.pc-header-nav-list-item-login-popup-menu {
    display: none;
    position: absolute;
    top: 67px;
    left: -15px;
    z-index:
        99999;
    padding: 10px;
    border-radius: 2px;
    background: #f8f7f3;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .6);
    box-shadow:
        0 2px 2px 0 rgba(0, 0, 0, .6)
}

.pc-header-nav-list-item-login-popup-menu:before {
    content: "";
    display: block;
    position:
        absolute;
    z-index: 9;
    top: -17px;
    left: 45px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 7px solid #f8f7f3
}

.pc-header-nav-list-item-login-popup-menu-button {
    display: block;
    text-align: center;
    padding: 5px 0;
    width:
        100px;
    font-size: 13px;
    border-radius: 4px;
    background: #ff8e05;
    color:
        #fff
}

.pc-header-nav-list-item-login-popup-menu-button:first-of-type {
    margin: 0 0 5px 0
}

.pc-header-category-item:first-child .pc-header-category-nav-list-item-link-img-wrap {
    padding-left:
        1.5em
}

.pc-header-category-item:nth-of-type(3) .pc-header-category-nav-list-item-link-img {
    width:
        75%
}

.pc-header-category-item-btn-image-wrap {
    min-height: 81px
}

.isFix .pc-header-category-item-btn-image-wrap,
.isFix .pc-header-news {
    display: none
}

.isFix .pc-header-category-wrap {
    padding-top: 12px;
    height: auto
}

.isFix .pc-header-category {
    height: auto
}

.isFix .pc-header-category-item {
    height: 28px;
    overflow: hidden;
    margin-bottom: 0
}

.isFix .pc-header-category-item.slideDown {
    overflow: visible
}

.isFix .pc-header-category-nav {
    top: 31px
}

.isFix .pc-header-category-item:after {
    height: 40px
}

/* ATOJ_YOSHINOYAEC-51 */
.pc-header {
    position: relative;
    z-index:
        99999;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
}

.pc-header-nav-logo {
    width: 160px;
    height: 65px;
    margin-bottom:
        8px;
}

.pc-header-nav-logo h1 {
    margin: 0;
    padding: 0;
}

.pc-header-login-nav-logo {
    margin-right: 20px;
}

.pc-header-nav-wrap {
    padding: 18px 0 4px;
    /* border-bottom: 3px solid #ccc; */
}

.pc-header-nav-search-wrapper {
    display: -webkit-box;
    display:
        -ms-flexbox;
    display: flex;
    height: 74px;
    margin-bottom: 8px;
    align-items: end;
}

.pc-header-nav-search-item {
    height:
        40%;
    margin: 0 8px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:
        end;
    -ms-flex-align: end;
    align-items: end;
    position: relative;
    font-size: 14px;
}

.pc-header-nav-search-item:nth-child(-n+2) {
    width: 70px;
}

.pc-header-nav-search-item:nth-child(3) {
    width: 56px;
}

.pc-header-nav-search-item:nth-child(4) {
    width:
        84px;
}

.pc-header-nav-search-item.goods-block:after,
.pc-header-nav-search-item.price-block:after {
    content: "";
    position:
        absolute;
    width: 120%;
    height: 100%;
    display: block;
    bottom: -100%;
    left: -20%;
    z-index: 9;
}

.pc-header-nav-item-wrapper {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

.pc-header-nav-item-wrapper.slideDown {
    top: 48px;
    left:
        -20px;
    padding: 4px 24px 20px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index:
        19999;
    opacity: 1;
    -webkit-animation-name: fade-in;
    animation-name: fade-in;
    -webkit-animation-duration:
        0.3s;
    animation-duration: 0.3s;
    border: 1px solid rgba(220, 220, 220, 0.7);
    pointer-events: all;
    -webkit-filter:
        drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0 0 5px rgba(0, 0, 0,
                0.5));
}

.pc-header-nav-item-wrapper.slideDown:before {
    position: relative;
    content: "";
    top: -20px;
    display:
        block;
    -webkit-filter: drop-shadow(0px -5px 5px 1px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px -5px 5px 1px rgba(0, 0,
                0, 0.5));
    width: 0;
    height: 0;
    border-right: 15px solid transparent;
    border-bottom: 20px solid #fff;
    border-left: 15px solid transparent;
}

.goods-block .pc-header-nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display:
        flex;
}

.pc-header-nav-item-inner-wrapper {
    display: block;
    width: 168px;
    margin-right: 5px;
}

.link-wrapper-middle .pc-header-nav-item-inner-wrapper:first-child,
.link-wrapper-bottom .pc-header-nav-item-inner-wrapper:first-child {
    padding-left: 13px;
}

.pc-header-nav-item-link:hover {
    text-decoration: underline;
}

.link-wrapper-top .pc-header-nav-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #ccc;
    padding:
        5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px;
}

.link-wrapper-top .pc-header-nav-item-link p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:
        center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    font-weight: bold;
}

.link-wrapper-top .pc-header-nav-item {
    height: 40px;
}

.link-wrapper-middle {
    padding: 15px 0 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

.link-wrapper-middle .pc-header-nav-item-link {
    margin-right: 5px;
}

.pc-header-nav-title {
    font-weight: bold;
    font-size: 17px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    pointer-events:
        none;
    cursor: none;
    padding-bottom: 5px;
}

.pc-header-nav-inner-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display:
        flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-wrap:
        wrap;
    flex-wrap: wrap;
}

.pc-header-nav-inner-item li {
    font-size: 13px;
    line-height: 2;
}

.link-wrapper-middle .inner-item-two {
    height: 110px;
}

.link-wrapper-middle .inner-item-three {
    height: 80px;
    width: 100px;
}

.link-wrapper-middle .inner-item-three li {
    width: 48px;
}

.price-block .pc-header-nav-item {
    display: -ms-grid;
    display: grid;
    gap:
        10px;
}

.price-block .pc-header-nav-item-inner-wrapper {
    display: block;
    width: 130px;
    margin-bottom: 5px;
}

.price-block .pc-header-nav-item-link p:before {
    content: '';
    display: inline-block;
    background-size: contain;
    background-repeat:
        no-repeat;
    vertical-align: middle;
    width: 10px;
    height: 8px;
    margin-top: -3px;
    margin-right: 5px;
    background-image:
        url("../../img/usr/top/cate/menu/cate_delta.png");
}

.pc-header-nav-forme-wrapper {
    height: 74px;
    display:
        -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items:
        end;
}

.pc-header-nav-forme {
    position: relative;
    height: 24px;
    margin-bottom: 6px;
}

.pc-header-nav-forme form {
    display:
        -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
}

.pc-header-nav-forme input {
    width: 160px;
    height:
        16px;
    border: none;
    outline: none;
}

.pc-header-nav-forme input::-webkit-input-placeholder {
    color: #ccc;
    padding-left:
        3px;
    font-size: 10px;
}

.pc-header-nav-forme input::-moz-placeholder {
    color: #ccc;
    padding-left: 3px;
    font-size:
        10px;
}

.pc-header-nav-forme input:-ms-input-placeholder {
    color: #ccc;
    padding-left: 3px;
    font-size:
        10px;
}

.pc-header-nav-forme input::-ms-input-placeholder {
    color: #ccc;
    padding-left: 3px;
    font-size:
        10px;
}

.pc-header-nav-forme input::placeholder {
    color: #ccc;
    padding-left: 3px;
    font-size: 10px;
}

.pc-header-nav-forme input[type="text"] {
    width: 160px;
    height: 24px;
    font-size: 10px;
    border: 2px solid #b8b8b8;
    border-radius:
        5px;
    padding-right: 32%;
    padding-left: 5px;
}

.pc-header-nav-login-forme-wrapper .pc-header-nav-forme input[type="text"] {
    width: 220px;
}

.pc-header-nav-forme input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    height:
        100%;
    color: #fff;
    font-size: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#393333),
            color-stop(50%, #453e3f), to(#555152));
    background: linear-gradient(#393333 0%, #453e3f 50%, #555152 100%);
    cursor:
        pointer;
    border-radius: 0 5px 5px 0;
}

.pc-header-nav-common {
    display: -webkit-box;
    display: -ms-flexbox;
    display:
        flex;
    height: 74px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    margin-left: 0;
    margin-bottom:
        8px;
}

.pc-header-nav-common-item-ttl {
    font-size: 10px;
    padding-top: 5px;
    font-weight:
        bold;
}

.pc-header-nav-common-item-ttl.title_green {
    color: #21ac38;
}

.pc-header-nav-common-item {
    position: relative;
    width:
        80px;
}

/* ATOJ_YOSHINOYAEC-51 */
/* .block-goods-detail-j--goods-image figure {width: 145;height: 145;}*/




/* ATOJ_YOSHINOYAEC-61 start */
.detail-misc {
    margin: 10px 0;
  }
  
  .detail-misc-accordion {
    padding-block: .5em;
  }
  
  .detail-misc-accordion-title {
    width: 100%;
    min-height: 24px;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
  }
  
  .detail-misc-accordion-title-name {
    min-height: 24px;
    display: flex;
    align-items: center;
    transition: opacity .3s ease;
  }
  
  .detail-misc-accordion-title-name:hover {
    opacity: .7;
  }
  
  .detail-misc-accordion-title-btn {
    width: 24px;
    height: 24px;
    position: relative;
  }
  
  .detail-misc-accordion-title-btn::before,
  .detail-misc-accordion-title-btn::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 14px;
    height: 2px;
    background-color: #228454;
    transition: .3s
  }
  
  .detail-misc-accordion-title-btn::before {
    transition: .2s;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  
  .detail-misc-accordion-title.is-active .detail-misc-accordion-title-btn::before {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  
  .detail-misc-accordion-title.is-active .detail-misc-accordion-title-btn::after {
    background-color: transparent
  }
  
  .detail-misc-accordion-body {
    display: none;
    margin: 1em 0;
    padding: 2em 24px;
    background: #f8ecd8;
    border-radius: 16px;
  }
  
  .detail-misc-accordion-body .pc-detail-tab-content-cooking-table-cell-wrap {
    display: flex;
    justify-content: space-between;
    background: #fff;
    width: 75%;
  }
  
  .detail-misc-accordion-body .pc-detail-tab-content-cooking-table-wrap {
    display: flex;
    justify-content: space-between;
    background: #fff;
  }
  
  .detail-misc-accordion-body .pc-detail-tab-content-cooking-table-head {
    margin: 0;
  }
  
  .detail-misc-accordion-body .pc-detail-tab-content-cooking-table-cell {
    width: 25%;
    flex-grow: 1;
    margin: 0 0 0 2px;
  }
  
  .detail-misc-accordion-body .pc-detail-tab-content-cooking-wrap {
    margin: 0 auto;
  }
  
  /* ATOJ_YOSHINOYAEC-61 end */