/* Minification failed. Returning unminified contents.
(11598,25): run-time error CSS1046: Expect comma, found '0'
(11598,29): run-time error CSS1046: Expect comma, found '/'
(11604,25): run-time error CSS1046: Expect comma, found '162'
(11604,31): run-time error CSS1046: Expect comma, found '/'
 */
@charset "UTF-8";

/*-----------------------------------------------------------------------------------
	Theme Name: Seiko HTML5 eCommerce Template
	Author: BigSteps
	Author URI: http://themeforest.net/user/bigsteps
	Version: 1.2.0
-----------------------------------------------------------------------------------*/
/*
New add class
 */
/*----------------------------------------
 
[Table of contents]

1. Main Structure
	1.1 Layout
	1.2 Header
	1.3 Footer
	1.4 SideBar
2. Slider
3. Page Elements
	3.1 Preloader
	3.2 Mobilemenu
	3.3 Minicart
	3.3b Wishlist（20170927畠山追加）
	3.4 Product
		3.4.1 Product variants
		3.4.2 Product Inside Clider
		3.4.3 Product Page
		3.4.4 Product Stack
		3.4.5 Product Quick View
		3.4.6 Product Countdown
        3.4.7 Product Reviews
        3.4.8 Product sp-photo-view
        3.4.9 商品説明のタブ
        3.4.10 商品ページのトラックバック関連
	3.5 Category
	3.8.2 item carousel（2017/09/21追加）
	3.9 Newsletter block
		3.9.2 スマホ用infoエリア（2017/09/26追加）
	3.10 Search
	3.11 Banners
	3.12 Instagram
  3.12b RecommendationFeed（2017/09/20追加）
	3.13 Persons block
	3.14 Shopping cart page
	3.15 404 & empty cart page
	3.16 Gallery
  3.19 カート用ボタン
  3.22 sale page

  3.24 注文履歴ページ
  3.25 注文履歴詳細ページ
  3.26 iframeの調整用
  3.27 ジャンルインデックス
  3.28 検索結果
    3.28.1 通常検索
    3.28.2 セール検索
    3.28.3 新製品検索
    3.28.4 ランキング検索
    3.28.5 特集の検索
    3.28.6 タグ特集
  3.30 通知関連
4 Typography
	4.1 Typography main
	4.2 Buttons
	4.3 Tabs
	4.4 Paginatiaon
	4.5 List (contact)
	4.6 List (services)
	4.7 Forms style
5 Components & Helpers
	5.1 Dropdowns
	5.2 Collapsed mobile block
	5.3 Modal Popup
	5.4 Stripped effect
	5.5 Hovers effect
	5.6 Sharing buttons with strechy effect
	5.7 Breadcrumbs
	5.8 Colors name
	5.9 Promo boxes
	5.10 Rounded style
  5.11 flexboxフレックスボックス
  5.12 ブロックの幅を規定する要素
7 Vendors

---------------------------------------*/

/*スマホヘッダー用閲覧履歴*/
@media screen and (max-width: 991px) {
    .header-cart.variant-history.active .dropdown-container .block-title {
        top: 0;
    }

    .header-cart.variant-history.active .dropdown-container .block.block-minicart {
        width: 100%;
        position: relative;
    }

    .header-cart.variant-history.active .dropdown-container .item-history {
        position: relative !important;
        width: 100% !important;
        height: 50%;
        margin-top: 0 !important;
        padding-bottom: 0 !important;
        right: 0;
    }

    .header-cart.variant-history.active .dropdown-container .minicart-items-wrapper {
        bottom: 0;
    }

    .header-links .dropdown-container .minicart-content-wrapper.overflowed {
        float: right;
        font-size: 32px;
        position: absolute;
        top: 50px;
        right: 0;
        display: block;
        text-align: center;
        padding: 0 15px 10px;
    }

    .header-cart.variant-history.active .dropdown-container .product-item-details {
        width: 84%;
        position: relative;
        top: 0;
        left: 0;
    }

    .header-cart.variant-history.active .dropdown-container .product-item-name {
        width: 70%;
        margin-top: 3px;
        overflow: visible;
        position: relative;
        top: 8px;
        left: 0;
        text-align: left;
    }

    .header-cart.variant-history.active .dropdown-container a.product-item-photo {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .header-cart.variant-history.active .dropdown-container .product.actions {
        position: static;
        clear: both;
        float: right;
        margin-top: -58px;
    }

    .header-cart.variant-history.active .block-content .actions {
        position: static;
        margin-top: 199px;
    }

        .header-cart.variant-history.active .block-content .actions .secondary {
            position: relative;
        }

        .header-cart.variant-history.active .block-content .actions .primary {
            position: relative;
        }

    .header-cart.variant-history .dropdown-container .block-content .actions {
        padding: 0;
    }
}

/*スマホヘッダー用ログイン*/
@media screen and (max-width: 991px) {
    .header-link.dropdown-link.header-account.active .dropdown-container .block-title {
        top: 0;
    }

    .header-link.dropdown-link.header-account.login-state a > span > label {
        font-size: 8px;
    }
}

/* Bootstrap & Mixins
-----------------------------------------------------------------*/
.header-bottom-right .header-input {
    height: 55px;
    width: 30%;
    position: absolute;
    top: 0;
    left: 269px;
    z-index: 10;
    margin: 0 0 0 21px !important;
}

    .header-bottom-right .header-input > div {
        height: 48px;
        width: 100%;
        background: #fff;
        display: block !important;
    }

    .header-bottom-right .header-input .exp-search-input {
        height: 33px !important;
        margin-top: 5px;
        width: 100%;
        border: 1px solid #e8e8e8;
        padding: 0 0 0 5px !important;
        background: #f9f9f9;
    }

    .header-bottom-right .header-input .exp-icon-search {
        margin-top: 2px;
    }

.header-bottom-right .header-search {
    display: none !important;
}

    .header-bottom-right .header-search:not(.is-sticky) {
        display: block !important;
    }

.page-header.variant-8:not(.is-sticky) .header-link.header-input {
    display: none !important;
    top: 0;
    margin: 0;
    min-width: 350px;
    float: none;
}

.header-input .exp-icon-search::before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    top: 5px;
    width: 1px;
    height: 30px;
    background: #e8e8e8;
}

.form-horizontal .form-group-sm .form-control {
    height: 32px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0;
}

.form-horizontal .form-group-lg .form-control {
    height: 50px;
    padding: 10px 16px;
    font-size: 16px;
    line-height: 1.33;
    border-radius: 0;
}

.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 16px;
    line-height: 1.33;
    border-radius: 0;
}

.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0;
}

.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0;
}

.dl-horizontal dd::before,
.dl-horizontal dd::after,
.container::before,
.container::after,
.container-fluid::before,
.container-fluid::after,
.row::before,
.row::after,
.form-horizontal .form-group::before,
.form-horizontal .form-group::after,
.btn-toolbar::before,
.btn-toolbar::after,
.btn-group-vertical > .btn-group::before,
.btn-group-vertical > .btn-group::after,
.nav::before,
.nav::after,
.navbar::before,
.navbar::after,
.navbar-header::before,
.navbar-header::after,
.navbar-collapse::before,
.navbar-collapse::after,
.panel-body::before,
.panel-body::after,
.modal-footer::before,
.modal-footer::after,
body.boxed .page-wrapper::before,
body.boxed .page-wrapper::after,
body.boxed .block.fullboxed .container::before,
body.boxed .block.fullboxed .container::after,
body.boxed .page-header::before,
body.boxed .page-header::after,
body.boxed .page-header.fullboxed .container::before,
body.boxed .page-header.fullboxed .container::after,
body.boxed .page-footer.fullboxed .container::before,
body.boxed .page-footer.fullboxed .container::after,
body.fullwidth .block.boxed::before,
body.fullwidth .block.boxed::after,
body.fullwidth .block.fullboxed .container::before,
body.fullwidth .block.fullboxed .container::after,
body.fullwidth .page-header.boxed::before,
body.fullwidth .page-header.boxed::after,
body.fullwidth .page-header.fullboxed .container::before,
body.fullwidth .page-header.fullboxed .container::after,
body.fullwidth .page-footer.boxed::before,
body.fullwidth .page-footer.boxed::after,
body.fullwidth .page-footer.fullboxed > .container::before,
body.fullwidth .page-footer.fullboxed > .container::after {
    content: " ";
    display: table;
}

.dl-horizontal dd::after,
.container::after,
.container-fluid::after,
.row::after,
.form-horizontal .form-group::after,
.btn-toolbar::after,
.btn-group-vertical > .btn-group::after,
.nav::after,
.navbar::after,
.navbar-header::after,
.navbar-collapse::after,
.panel-body::after,
.modal-footer::after,
body.boxed .page-wrapper::after,
body.boxed .block.fullboxed .container::after,
body.boxed .page-header::after,
body.boxed .page-header.fullboxed .container::after,
body.boxed .page-footer.fullboxed .container::after,
body.fullwidth .block.boxed::after,
body.fullwidth .block.fullboxed .container::after,
body.fullwidth .page-header.boxed::after,
body.fullwidth .page-header.fullboxed .container::after,
body.fullwidth .page-footer.boxed::after,
body.fullwidth .page-footer.fullboxed > .container::after {
    clear: both;
}

.vertical-align {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.vert-wrapper {
    display: table;
    height: 100%;
    width: 100%;
}

.vert {
    display: table-cell;
    vertical-align: middle;
}

body {
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.font-english01 {
    font-family: 'Oswald', sans-serif;
}

/* 1. Main Structure
-----------------------------------------------------------------*/
/* 1.1 Layout
-----------------------------------------------------------------*/
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    overflow-x: hidden;
}

html {
    margin-right: 0 !important;
}

body.fixed {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.disable-hover {
    pointer-events: none;
}

.block,
.page-header,
.page-footer {
    position: relative;
}

@media (min-width: 992px) {
    body.open-panel.boxed .page-wrapper,
    body.open-panel.boxed .block.fullboxed .container,
    body.open-panel.boxed .page-footer.fullboxed .container,
    body.open-panel.fullwidth .block.boxed .container,
    body.open-panel.fullwidth .block.fullboxed .container,
    body.open-panel.fullwidth .page-footer.boxed,
    body.open-panel.fullwidth .page-footer.fullboxed .container {
        width: 845px;
    }
}

@media (min-width: 1200px) {
    body.open-panel.boxed .page-wrapper,
    body.open-panel.boxed .block.fullboxed .container,
    body.open-panel.boxed .page-footer.fullboxed .container,
    body.open-panel.fullwidth .block.boxed .container,
    body.open-panel.fullwidth .block.fullboxed .container,
    body.open-panel.fullwidth .page-footer.boxed,
    body.open-panel.fullwidth .page-footer.fullboxed .container {
        width: 1045px;
    }
}

@media (min-width: 1400px) {
    body.open-panel.boxed .page-wrapper,
    body.open-panel.boxed .block.fullboxed .container,
    body.open-panel.boxed .page-footer.fullboxed .container,
    body.open-panel.fullwidth .block.boxed .container,
    body.open-panel.fullwidth .block.fullboxed .container,
    body.open-panel.fullwidth .page-footer.boxed,
    body.open-panel.fullwidth .page-footer.fullboxed .container {
        width: 1245px;
    }
}

@media (min-width: 992px) {
    body.open-panel.boxed .page-header,
    body.open-panel.boxed .page-header.fullboxed .container,
    body.open-panel.fullwidth .page-header.boxed,
    body.open-panel.fullwidth .page-header.fullboxed .container {
        width: 845px;
    }
}

@media (min-width: 1200px) {
    body.open-panel.boxed .page-header,
    body.open-panel.boxed .page-header.fullboxed .container,
    body.open-panel.fullwidth .page-header.boxed,
    body.open-panel.fullwidth .page-header.fullboxed .container {
        width: 1045px;
    }
}

@media (min-width: 1400px) {
    body.open-panel.boxed .page-header,
    body.open-panel.boxed .page-header.fullboxed .container,
    body.open-panel.fullwidth .page-header.boxed,
    body.open-panel.fullwidth .page-header.fullboxed .container {
        width: 1245px;
    }
}

body.boxed .page-wrapper {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    overflow: visible;
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 768px) {
    body.boxed .page-wrapper {
        width: 750px;
    }
}

@media (min-width: 992px) {
    body.boxed .page-wrapper {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    body.boxed .page-wrapper {
        width: 1170px;
    }
}

@media (min-width: 1400px) {
    body.boxed .page-wrapper {
        width: 1370px;
    }
}

body.boxed .page-wrapper > .navbar-header,
body.boxed .page-wrapper > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    body.boxed .page-wrapper > .navbar-header,
    body.boxed .page-wrapper > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

body.boxed .page-wrapper .container {
    width: 100%;
}

body.boxed .block.fullwidth {
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
}

body.boxed .block.fullboxed {
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
}

    body.boxed .block.fullboxed .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

@media (min-width: 768px) {
    body.boxed .block.fullboxed .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    body.boxed .block.fullboxed .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    body.boxed .block.fullboxed .container {
        width: 1170px;
    }
}

@media (min-width: 1400px) {
    body.boxed .block.fullboxed .container {
        width: 1370px;
    }
}

body.boxed .block.fullboxed .container > .navbar-header,
body.boxed .block.fullboxed .container > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    body.boxed .block.fullboxed .container > .navbar-header,
    body.boxed .block.fullboxed .container > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

body.boxed .page-header {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 768px) {
    body.boxed .page-header {
        width: 750px;
    }
}

@media (min-width: 992px) {
    body.boxed .page-header {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    body.boxed .page-header {
        width: 1170px;
    }
}

@media (min-width: 1400px) {
    body.boxed .page-header {
        width: 1370px;
    }
}

body.boxed .page-header > .navbar-header,
body.boxed .page-header > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    body.boxed .page-header > .navbar-header,
    body.boxed .page-header > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

body.boxed .page-header .container {
    width: 100%;
}

body.boxed .page-header.fullwidth {
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
}

body.boxed .page-header.fullboxed {
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
}

    body.boxed .page-header.fullboxed .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

@media (min-width: 768px) {
    body.boxed .page-header.fullboxed .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    body.boxed .page-header.fullboxed .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    body.boxed .page-header.fullboxed .container {
        width: 1170px;
    }
}

@media (min-width: 1400px) {
    body.boxed .page-header.fullboxed .container {
        width: 1370px;
    }
}

body.boxed .page-header.fullboxed .container > .navbar-header,
body.boxed .page-header.fullboxed .container > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    body.boxed .page-header.fullboxed .container > .navbar-header,
    body.boxed .page-header.fullboxed .container > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

body.boxed .page-footer.fullwidth {
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
}

body.boxed .page-footer.fullboxed {
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
}

    body.boxed .page-footer.fullboxed .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

@media (min-width: 768px) {
    body.boxed .page-footer.fullboxed .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    body.boxed .page-footer.fullboxed .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    body.boxed .page-footer.fullboxed .container {
        width: 1170px;
    }
}

@media (min-width: 1400px) {
    body.boxed .page-footer.fullboxed .container {
        width: 1370px;
    }
}

body.boxed .page-footer.fullboxed .container > .navbar-header,
body.boxed .page-footer.fullboxed .container > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    body.boxed .page-footer.fullboxed .container > .navbar-header,
    body.boxed .page-footer.fullboxed .container > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

body.fullwidth .page-wrapper .container {
    width: 100%;
}

body.fullwidth .block.boxed {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 768px) {
    body.fullwidth .block.boxed {
        width: 750px;
    }
}

@media (min-width: 992px) {
    body.fullwidth .block.boxed {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    body.fullwidth .block.boxed {
        width: 1170px;
    }
}

@media (min-width: 1400px) {
    body.fullwidth .block.boxed {
        width: 1370px;
    }
}

body.fullwidth .block.boxed > .navbar-header,
body.fullwidth .block.boxed > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    body.fullwidth .block.boxed > .navbar-header,
    body.fullwidth .block.boxed > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

body.fullwidth .block.boxed .container {
    width: 100%;
}

body.fullwidth .block.fullwidth {
    width: 100%;
    margin-left: 0;
}

    body.fullwidth .block.fullwidth .container {
        width: 100%;
    }

body.fullwidth .block.fullboxed {
    width: 100%;
    margin-left: 0;
}

    body.fullwidth .block.fullboxed .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

@media (min-width: 768px) {
    body.fullwidth .block.fullboxed .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    body.fullwidth .block.fullboxed .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    body.fullwidth .block.fullboxed .container {
        width: 1170px;
    }
}

@media (min-width: 1400px) {
    body.fullwidth .block.fullboxed .container {
        width: 1370px;
    }
}

body.fullwidth .block.fullboxed .container > .navbar-header,
body.fullwidth .block.fullboxed .container > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    body.fullwidth .block.fullboxed .container > .navbar-header,
    body.fullwidth .block.fullboxed .container > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

body.fullwidth .page-header.boxed {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0;
    left: 0;
    right: 0;
}

@media (min-width: 768px) {
    body.fullwidth .page-header.boxed {
        width: 750px;
    }
}

@media (min-width: 992px) {
    body.fullwidth .page-header.boxed {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    body.fullwidth .page-header.boxed {
        width: 1170px;
    }
}

@media (min-width: 1400px) {
    body.fullwidth .page-header.boxed {
        width: 1370px;
    }
}

body.fullwidth .page-header.boxed > .navbar-header,
body.fullwidth .page-header.boxed > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    body.fullwidth .page-header.boxed > .navbar-header,
    body.fullwidth .page-header.boxed > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

body.fullwidth .page-header.boxed .container {
    width: 100%;
}

body.fullwidth .page-header.fullwidth {
    width: 100%;
    margin-left: 0;
}

body.fullwidth .page-header.fullboxed {
    width: 100%;
    margin-left: 0;
}

    body.fullwidth .page-header.fullboxed .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

@media (min-width: 768px) {
    body.fullwidth .page-header.fullboxed .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    body.fullwidth .page-header.fullboxed .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    body.fullwidth .page-header.fullboxed .container {
        width: 1170px;
    }
}

@media (min-width: 1400px) {
    body.fullwidth .page-header.fullboxed .container {
        width: 1370px;
    }
}

body.fullwidth .page-header.fullboxed .container > .navbar-header,
body.fullwidth .page-header.fullboxed .container > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    body.fullwidth .page-header.fullboxed .container > .navbar-header,
    body.fullwidth .page-header.fullboxed .container > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

body.fullwidth .page-footer.boxed {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 768px) {
    body.fullwidth .page-footer.boxed {
        width: 750px;
    }
}

@media (min-width: 992px) {
    body.fullwidth .page-footer.boxed {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    body.fullwidth .page-footer.boxed {
        width: 1170px;
    }
}

@media (min-width: 1400px) {
    body.fullwidth .page-footer.boxed {
        width: 1370px;
    }
}

body.fullwidth .page-footer.boxed > .navbar-header,
body.fullwidth .page-footer.boxed > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    body.fullwidth .page-footer.boxed > .navbar-header,
    body.fullwidth .page-footer.boxed > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

body.fullwidth .page-footer.boxed .container {
    width: 100%;
}

body.fullwidth .page-footer.fullwidth {
    width: 100%;
    margin-left: 0;
}

body.fullwidth .page-footer.fullboxed {
    width: 100%;
    margin-left: 0;
}

    body.fullwidth .page-footer.fullboxed > .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

@media (min-width: 768px) {
    body.fullwidth .page-footer.fullboxed > .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    body.fullwidth .page-footer.fullboxed > .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    body.fullwidth .page-footer.fullboxed > .container {
        width: 1170px;
    }
}

@media (min-width: 1400px) {
    body.fullwidth .page-footer.fullboxed > .container {
        width: 1370px;
    }
}

body.fullwidth .page-footer.fullboxed > .container > .navbar-header,
body.fullwidth .page-footer.fullboxed > .container > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    body.fullwidth .page-footer.fullboxed > .container > .navbar-header,
    body.fullwidth .page-footer.fullboxed > .container > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

body.fullwidth .page-footer.fullboxed.variant1 .container {
    padding-left: 0;
    padding-right: 0;
}

.full-nopad > .container {
    padding-left: 0;
    padding-right: 0;
}

    .full-nopad > .container .row {
        margin-left: 0;
        margin-right: 0;
    }

    .full-nopad > .container [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
    }

.block.fullboxed:not(.parallax) {
    background: #ebebec;
}

.fullboxed > .container {
    padding-top: 50px;
    padding-bottom: 0;
    margin-bottom: 0;
    background: transparent;
}

@media screen and (max-width: 991px) {
    .fullboxed > .container {
        padding-top: 30px;
    }
}

.block.fullheight {
    height: 100%;
}

    .block.fullheight .container {
        height: 100%;
    }

.block.bg {
    padding-top: 50px;
    margin-bottom: 50px;
}

    .block.bg > .container {
        padding-top: 0;
    }

    .block.bg.white {
        background: #fff;
    }

.block.parallax {
    padding-top: 85px;
    padding-bottom: 35px;
    margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
    .block.bg {
        padding-top: 30px;
        margin-bottom: 30px;
    }

    .block.parallax {
        padding-top: 45px;
        padding-bottom: 25px;
    }
}

@media screen and (max-width: 767px) {
    .block.parallax {
        padding-top: 30px;
        padding-bottom: 0;
    }
}

#RecentlyViewed h2 {
    font-size: 30px;
    border-bottom: none;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    #RecentlyViewed h2 {
        font-size: 24px;
        margin-bottom: 2px;
    }
}

/* スマホのカスタム検索商品 */
.container-flex .sp-pickup-items {
    -webkit-flex-basis: calc(50% - 2px);
    -ms-flex-basis: calc(50% - 2px);
    flex-basis: calc(50% - 2px);
    margin: 1px;
    background: #fff;
    color: #333745;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    padding: 10px;
}

    .container-flex .sp-pickup-items:nth-child(1) {
        -webkit-border-radius: 8px 0 0 0 / 8px 0 0 0;
        -moz-border-radius: 8px 0 0 0 / 8px 0 0 0;
        border-radius: 8px 0 0 0 / 8px 0 0 0;
    }

    .container-flex .sp-pickup-items:nth-child(2) {
        -webkit-border-radius: 0 8px 0 0 / 0 8px 0 0;
        -moz-border-radius: 0 8px 0 0 / 0 8px 0 0;
        border-radius: 0 8px 0 0 / 0 8px 0 0;
    }

    .container-flex .sp-pickup-items:nth-child(3) {
        -webkit-border-radius: 0 0 0 8px / 0 0 0 8px;
        -moz-border-radius: 0 0 0 8px / 0 0 0 8px;
        border-radius: 0 0 0 8px / 0 0 0 8px;
    }

    .container-flex .sp-pickup-items:nth-child(4) {
        -webkit-border-radius: 0 0 8px 0 / 0 0 8px 0;
        -moz-border-radius: 0 0 8px 0 / 0 0 8px 0;
        border-radius: 0 0 8px 0 / 0 0 8px 0;
    }

    .container-flex .sp-pickup-items .image-wrapper {
        -webkit-flex-basis: 35px;
        -ms-flex-basis: 35px;
        flex-basis: 35px;
    }

        .container-flex .sp-pickup-items .image-wrapper img {
            width: 100%;
        }

    .container-flex .sp-pickup-items .copy-wrapper {
        -webkit-flex-basis: calc(100% - 40px);
        -ms-flex-basis: calc(100% - 40px);
        flex-basis: calc(100% - 40px);
        margin: 0 0 0 5px;
    }

.copy-wrapper {
    font-size: 12px;
}

.image-wrapper.sale-item-icon,
.image-wrapper.new-item-icon {
    color: #ffffff;
    height: 35px;
    font-size: 15px;
    line-height: 35px;
    text-align: center;
    font-family: 'Oswald',sans-serif;
    font-weight: 400;
}

.image-wrapper.sale-item-icon {
    background: #f82e56;
}

.image-wrapper.new-item-icon {
    background: #09aaf8;
}

/* 3カラムでの新要素 */
/* ヘッダー直下 */
.sp_scroll {
    margin-top: 15px;
}

.sp_scroll_list.breadcrumbs {
    padding-top: 50px;
    padding-bottom: 0;
}

.sp_scroll .sp_scroll-link {
    display: block;
    height: 28px;
    overflow: hidden;
    margin: 5px 0 0 8px;
    padding: 0 10px;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
    line-height: 28px;
}

@media screen and (max-width: 991px) {
    .sp_scroll .sp_scroll_list {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-right: 11px;
        font-size: 0;
        white-space: nowrap;
    }

    .sp_scroll .sp_scroll_list {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        padding-right: 10px;
        font-size: 0;
        white-space: nowrap;
        height: 45px;
    }

        .sp_scroll .sp_scroll_list li {
            display: inline-block;
        }

    .keywordsline .sp_scroll {
        padding: 0 0 0 10px;
    }

        .keywordsline .sp_scroll .sp_scroll_list {
            font-size: 14px;
            padding-top: 0;
        }
}

@media screen and (min-width: 992px) {
    .keywordsline .sp_scroll .sp_scroll_list li {
        margin-bottom: 4px;
    }
}

.keywordsline .sp_scroll .sp_scroll_list li a {
    border-radius: 20px;
    border: 1px solid #999;
    background: #999;
    color: #fff;
    padding: 2px 15px;
    margin: 5px 0 0 5px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    line-height: 25px;
}

    .keywordsline .sp_scroll .sp_scroll_list li a:hover {
        border: 1px solid #888;
        background: transparent;
        color: #888;
    }

.keywordsline.invert .sp_scroll .sp_scroll_list li a {
    border-radius: 20px;
    border: 1px solid #888888;
    background: #f8f8f8;
    color: #888888;
    padding: 2px 15px;
    margin: 5px 0 0 5px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    line-height: 25px;
}

    .keywordsline.invert .sp_scroll .sp_scroll_list li a:hover {
        background: #888888;
        color: #ffffff;
    }

.keywordsline.invert .sp_scroll .sp_scroll_list li p {
    display: block;
    height: 28px;
    line-height: 25px;
    overflow: hidden;
    margin: 0;
    font-weight: normal;
}

.keyword.invert a.btn {
    border: 1px solid #888;
    background: #f8f8f8;
    color: #888;
}

    .keyword.invert a.btn:hover {
        background: #888;
        color: #fff;
    }

/* キーワード */
.keyword a.btn {
    background: #888;
    color: #fff;
    border: 1px solid #888;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    padding: 2px 15px;
    border-radius: 20px;
    font-size: 14px;
    height: 28px;
    line-height: 26px;
    margin-bottom: 4px;
}

    .keyword a.btn:hover {
        background: transparent;
        color: #888;
        border: 1px solid #888;
    }


/* 250425関連ワード・関連バナースタイル追加 */

.related-word-container{
    padding-top: 10px;
}
.related-word-list{
    overflow-x: auto;
    display: flex;
    list-style: none;
    white-space: nowrap;
    padding-left: 0;
}
.related-word-list li{
    position: relative;
    line-height: 20px;
}
.related-word-list li p{
    line-height: 35px;
}
.related-word-list li a{
    border-radius: 20px;
    border: 1px solid #888;
    background: #f8f8f8;
    color: #888;
    padding: 2px 15px;
    margin: 5px 0 0 5px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
    line-height: 20px;
    font-size: 13px;
    text-decoration: none;
    transition: .3s;
    display: inline-block;
}
.related-word-list li a:hover{
    background: #888;
    color: #fff;
}

.related-banner{
    width: 100%;
    text-align: center;
}
.related-banner img{
    width: 100%;
    height: auto;
    max-width: 700px;
    padding: 0 15px;
}

/* ------------------------*/
/*   Page Wrapper Styles   */
/* ------------------------*/
@media only screen and (min-device-width: 992px) and (max-device-width: 1024px) and (orientation: landscape) {
    body.open-panel #wrapper::before {
        content: '';
        background: #333745;
        position: absolute;
        left: 0;
        height: 100%;
        width: 125px;
    }
}

.page-wrapper {
    position: relative;
}

#wrapper {
    padding-left: 0;
    min-height: 100%;
    position: relative;
}

body.touch #wrapper {
    overflow-x: hidden;
}

#wrapper::after {
    content: '';
    position: absolute;
    z-index: -999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    cursor: pointer;
    visibility: hidden;
    -webkit-transition: background-color 0.3s ease 0s, z-index 0s ease 0.5s, visibility 0s ease 0.5s;
    transition: background-color 0.3s ease 0s, z-index 0s ease 0.5s, visibility 0s ease 0.5s;
}

#wrapper.overlay::after {
    z-index: 1004;
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: background-color 0.3s ease 0.2s;
    transition: background-color 0.3s ease 0.2s;
}
/* Desktop styles */
@media screen and (min-width: 992px) {
    #wrapper {
        padding-left: 125px;
    }

    body.open-panel #wrapper {
        padding-left: 125px;
    }

        body.open-panel #wrapper .sidebar-wrapper {
            width: 125px;
        }

    body:not(.open-panel) #wrapper {
        padding-left: 0;
    }

        body:not(.open-panel) #wrapper .sidebar-wrapper {
            width: 0;
        }

        body:not(.open-panel) #wrapper #page-content-wrapper {
            position: relative;
            margin-right: 0;
        }

    .sidebar-wrapper {
        width: 125px;
    }

    #page-content-wrapper {
        padding: 20px 0;
        position: relative;
    }
}
/* Mobile header styles */
@media screen and (max-width: 991px) {
    .page-header .container {
        width: 100% !important;
    }
}

.bottom-space {
    margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
    .bottom-space {
        margin-bottom: 30px;
    }
}

.top-null,
.page-main > .block.top-null:first-child {
    padding-top: 0;
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
@media screen and (min-width: 768px) {
    body:not(.touch) .row.row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }

        body:not(.touch) .row.row-eq-height > [class*='col-'] {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            flex-direction: column;
        }

    body:not(.touch) .row.row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        body:not(.touch) .row.row-eq-height > [class*='col-'] {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }

    body:not(.touch).mac .row.row-eq-height > .col-sm-6 {
        width: 49.95%;
    }
}

.page-main > .block:first-child,
.page-main > div.container:first-child {
    padding-top: 50px;
}

.page-main > div.block.keywordsline {
    padding-top: 0;
}

@media screen and (max-width:991px) {
    .page-main > div.block.keywordsline {
        margin-top: 40px;
    }
}

@media screen and (min-width:992px) {
    .keywordsline .sp_scroll > div {
        display: inline-block;
        letter-spacing: -0.5px;
    }

    .keywordsline .sp_scroll > .sp_scroll_list {
        display: inline-block;
        padding-top: 0;
        margin-top: 5px;
    }

    .keywordsline .sp_scroll .sp_scroll-link {
        display: inline;
        padding: 3px 9px;
        margin-left: 3px;
    }
}

@media screen and (max-width: 991px) {
    .page-main > .block:first-child,
    .page-main > div.container:first-child {
        padding-top: 30px;
    }

    .page-main > .block.complete:first-child,
    .page-main > div.container:first-child {
        padding-top: 20px;
    }
}

@media screen and (max-width: 480px) {
    .page-main > .block:first-child,
    .page-main > div.container:first-child {
        padding-top: 20px;
    }
}

.page-main > .block:first-child > .container > .category-slider:only-child,
.page-main > .block:first-child > .container > .mainSlider:only-child {
    margin-top: -50px;
}

@media screen and (max-width: 991px) {
    .page-main > .block:first-child > .container > .category-slider:only-child,
    .page-main > .block:first-child > .container > .mainSlider:only-child {
        margin-top: -30px;
    }
}

@media screen and (min-width: 768px) {
    .block.top-negative > .container > .title {
        margin-left: -15px;
        width: calc(100% + 15px);
    }

    .block.top-negative {
        margin-top: -42px;
        z-index: 10;
    }
}

.block-custom-text {
    margin-bottom: 50px;
    padding: 0 15px;
}

@media screen and (max-width: 991px) {
    .block-custom-text {
        margin-bottom: 30px;
    }
}
/* 1.2 Header
-----------------------------------------------------------------*/
/* ------------------------*/
/*       Page Header       */
/* ------------------------*/
.page-header {
    margin: 0;
    padding: 0;
    border: 0;
}
/* Common Header */
.header-link {
    position: relative;
    float: right;
    padding: 0 4px;
    font-size: 13px;
    line-height: 1.2em;
    color: #333745;
}

    .header-link.header-select > a::after {
        font-family: 'icomoon-reg';
        content: "\e920";
        text-decoration: none;
        padding-left: 4px;
    }

    .header-link > a {
        display: inline-block;
        line-height: 30px;
        padding: 5px 5px;
        color: #333745;
        text-decoration: none;
        cursor: pointer;
    }

        .header-link > a span {
            text-decoration: none;
        }

        .header-link > a:hover {
            text-decoration: none;
        }

            .header-link > a:hover i.icon {
                color: #f82e56;
            }

            .header-link > a:hover span {
                color: #f82e56;
                text-decoration: underline;
            }

        .header-link > a i.icon {
            font-size: 18px;
            color: #333745;
            padding-right: 3px;
            vertical-align: middle;
            -webkit-transition: color 0.3s ease;
            transition: color 0.3s ease;
        }

            .header-link > a i.icon:only-child {
                padding-right: 0;
            }

        .header-link > a .badge {
            position: relative;
            left: -15px;
            top: -14px;
            width: 17px;
            height: 17px;
            margin-right: -15px;
            padding: 0;
            font-size: 12px;
            line-height: 18px;
            text-decoration: none;
            text-align: center;
            background: #f82e56;
            color: #fff;
        }

        .header-link > a:hover .badge {
            color: #fff;
            text-decoration: none;
        }

        .header-link > a i.icon {
            font-size: 19px;
            line-height: 1.6em;
        }

.header-logo {
    height: 72px;
    line-height: 72px;
    padding-bottom: 0;
}

    .header-logo svg {
        fill: #f82e56;
        max-width: 300px;
        max-height: 100%;
    }

.page-header.is-sticky .hide-sticky {
    display: none;
}

.page-header.is-sticky .header-logo img,
.page-header.is-sticky .header-logo svg {
    max-width: 200px;
}

@media screen and (max-width: 767px) {
    .page-header.is-sticky .header-logo img {
        max-width: 100%;
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .page-header:not(.stickydark).is-sticky .navbar {
        background-color: rgba(255, 255, 255, 0.95);
    }
}
/* Desktop Header */
@media screen and (min-width: 992px) {
    .page-header {
        position: relative;
        z-index: 1005;
    }

    .navbar {
        z-index: 100;
        background: #fff;
        border: 0;
        text-align: center;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.4);
        box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.4);
    }

        .navbar.disabled {
            overflow: hidden;
        }

    .nav {
        text-align: left;
        float: none;
    }

        .nav li a:focus {
            background: transparent;
        }

        .nav > li {
            position: inherit;
            display: inline-block;
            vertical-align: middle;
            margin-right: -4px;
        }

            .nav > li > a,
            .nav > li > a:focus {
                position: relative;
                z-index: 100;
                line-height: 72px;
                font-size: 24px;
                font-weight: 400;
                padding: 0 20px;
                color: #191919;
            }

            .nav > li:hover > a {
                margin: -2px 0;
                padding-top: 2px;
                padding-bottom: 2px;
                background: #fff;
                color: #191919;
                -webkit-box-shadow: 10px 0 13px -10px rgba(0, 0, 0, 0.05), -10px 0 7px -10px rgba(0, 0, 0, 0.05);
                box-shadow: 10px 0 13px -10px rgba(0, 0, 0, 0.05), -10px 0 7px -10px rgba(0, 0, 0, 0.05);
            }

            .nav > li.active > a {
                color: #f82e56;
            }

    .header-mobile {
        display: none;
    }

    .page-header.variant-1 {
        position: absolute;
        width: 100%;
    }

        .page-header.variant-1 .navbar {
            margin: 22px 0 0 0;
        }

    .header-logo {
        float: left;
        margin-right: 30px;
        position: relative;
    }

        .header-logo img {
            max-width: 100%;
            max-height: 100%;
        }

    .header-links {
        display: inline-block;
        float: right;
        margin: 15px 0 0 5px;
    }

    .header-link.header-cart,
    .header-link.header-search {
        display: inline-block;
        float: right;
        margin: 15px 0 0 0;
    }

    .mobilemenu {
        display: none;
    }

    .menu-toggle {
        display: none;
    }
    /* Sticky Header */
    .page-header.variant-1 + .fix-space {
        height: 0 !important;
    }

    .page-header.sticky .navbar {
        position: static;
    }

    .page-header.variant-1.sticky {
        margin-top: 0;
        -webkit-transition: margin 0.3s ease;
        transition: margin 0.3s ease;
    }

        .page-header.variant-1.sticky.is-sticky {
            margin-top: -22px;
        }

    .page-header.sticky.is-sticky .navbar {
        position: relative;
        -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.4);
        box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.4);
    }
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
    .header-logo {
        margin-right: 15px;
    }
}

.page-header.sticky.is-sticky {
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.page-header.animated {
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
}

.page-header.is-sticky.st-hidden {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
/* Desktop Header Sticky */

@-webkit-keyframes slideInDownSidebar {
    from {
        -webkit-transform: translate3d(62px, -100%, 0);
        transform: translate3d(62px, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(62px, 0, 0);
        transform: translate3d(62px, 0, 0);
    }
}

@keyframes slideInDownSidebar {
    from {
        -webkit-transform: translate3d(62px, -100%, 0);
        transform: translate3d(62px, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(62px, 0, 0);
        transform: translate3d(62px, 0, 0);
    }
}

@-webkit-keyframes slideOutUpSidebar {
    from {
        -webkit-transform: translate3d(62px, 0, 0);
        transform: translate3d(62px, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(62px, -100%, 0);
        transform: translate3d(62px, -100%, 0);
    }
}

@keyframes slideOutUpSidebar {
    from {
        -webkit-transform: translate3d(62px, 0, 0);
        transform: translate3d(62px, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(62px, -100%, 0);
        transform: translate3d(62px, -100%, 0);
    }
}

@media screen and (min-width: 992px) {
    body.open-panel .page-header.sticky.is-sticky,
    body.fullwidth.open-panel .page-header.fullwidth.sticky.is-sticky,
    body.fullwidth.open-panel .page-header.fullboxed.sticky.is-sticky {
        left: 125px;
        width: inherit;
    }

    body.open-panel .page-header.fullwidth.is-sticky,
    body.open-panel .page-header.fullboxed.is-sticky {
        left: 50%;
    }

    .page-header.sticky {
        -webkit-animation-duration: 0.7s;
        animation-duration: 0.7s;
        -webkit-animation-fill-mode: none;
        animation-fill-mode: none;
    }

        .page-header.sticky.animated.fadeIn {
            -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
        }

    body.boxed.open-panel .page-header.fullwidth.sticky.is-sticky.slideInDown,
    body.boxed.open-panel .page-header.fullboxed.sticky.is-sticky.slideInDown {
        -webkit-animation-name: slideInDownSidebar;
        animation-name: slideInDownSidebar;
    }

    body.boxed.open-panel .page-header.fullwidth.sticky.is-sticky,
    body.boxed.open-panel .page-header.fullboxed.sticky.is-sticky {
        -webkit-transform: translateX(62px);
        -ms-transform: translateX(62px);
        transform: translateX(62px);
    }

        body.boxed.open-panel .page-header.fullwidth.sticky.is-sticky.st-hidden,
        body.boxed.open-panel .page-header.fullboxed.sticky.is-sticky.st-hidden {
            -webkit-transform: translate3d(62px, -100%, 0);
            -ms-transform: translate3d(62px, -100%, 0);
            transform: translate3d(62px, -100%, 0);
        }
}

/* Mobile header */
@media screen and (max-width: 991px) {
    .megamenu {
        display: none;
    }

    .navbar {
        margin: 0;
        border: 0;
        height: auto;
    }

        .navbar::after {
            content: '';
            height: 45px;
            width: 100%;
            background: #007f3c;
        }

    .header-logo {
        float: left;
        max-width: calc(100% - 60px);
    }

        .header-logo img,
        .header-logo svg {
            max-height: 80%;
            max-width: 100%;
            margin-left: -10px
        }

    .header-links {
        display: inline-block;
        float: left;
        position: relative;
        width: calc(100% + 30px);
        margin-left: -15px;
        padding: 0 15px;
        background: #fff;
        min-height: 45px;
    }

        .header-links .header-link {
            position: relative;
            float: right;
            padding: 0 3px 0 7px;
            font-size: 18px;
            line-height: 1.2em;
            color: #fff;
        }

            .header-links .header-link > a i.icon,
            .header-links .header-link i.icon {
                font-size: 29px;
                color: #333745;
            }

            .header-links .header-link.header-account.login-state > a > i.icon {
                padding-right: 0;
            }

            .header-links .header-link > a {
                display: inline-block;
                line-height: 38px;
                padding: 1px 0;
                color: #333745;
            }

        .header-links div.header-cart.variant-history {
            /*スマホ用ヘッダーアイコンの分岐*/
            float: right;
            font-size: 32px;
            position: absolute;
            bottom: -49px;
            right: 35px;
            display: inline-block;
            text-align: center;
        }

        .header-links .header-link.header-cart.variant-history > a span.badge {
            position: absolute;
            top: 12px;
            right: -39px;
            font-size: 10px;
            line-height: 20px;
        }

        .header-links div.header-cart.variant-3 {
            /*スマホ用ヘッダーアイコンの分岐*/
            float: right;
            font-size: 32px;
            position: absolute;
            bottom: -49px;
            right: 77px;
            display: inline-block;
            text-align: center;
        }

        .header-links .header-link > a span {
            display: block;
            font-size: 8px;
            line-height: 9px;
            margin: 0 auto;
            text-align: center;
        }

        .header-links .header-link.header-cart.variant-3 > a span.badge {
            position: absolute;
            top: 12px;
            right: -39px;
            font-size: 10px;
            line-height: 20px;
        }

        .header-links .header-link > a:hover {
            text-decoration: none;
        }

            .header-links .header-link > a:hover span {
                text-decoration: none;
            }

        .header-links .header-link > a img {
            display: inline-block;
            vertical-align: baseline;
        }

    .header-link.header-cart {
        position: static;
        width: 100%;
    }

        .header-link.header-cart > a {
            position: absolute;
            margin: 0;
            right: 8px;
            bottom: 48px;
            display: inline-block;
            line-height: 30px;
            padding: 15px 0;
        }

    .header-link.header-wishlist > a {
        position: absolute;
        margin: 0;
        right: 8px;
        bottom: 48px;
        display: inline-block;
        line-height: 30px;
        padding: 15px 0;
    }

    .sticky.is-sticky .header-link.header-cart > a {
        padding: 4px 5px;
    }

    .header-link.header-cart > a i.icon {
        color: #333745;
        font-size: 29px;
    }

    .header-link.header-cart > a:hover i.icon {
        color: #f82e56;
    }

    .header-link > a .badge {
        top: -16px;
        width: 20px;
        height: 20px;
        font-size: 14px;
        line-height: 21px;
    }

    .header-link.header-search {
        position: absolute;
        bottom: 42px;
        right: 5px;
        width: 100%;
    }

    .menu-toggle {
        display: block;
        position: absolute;
        bottom: 2px;
        left: 10px;
    }

    .sale-page .menu-toggle {
        bottom: 5px;
        left: 12px;
    }

    .menu-toggle i.icon {
        color: #fff;
        font-size: 36px;
    }

    /* Sticky Header */
    .fix-space {
        height: 0;
    }

    .page-header.sticky.is-sticky .navbar {
        margin-top: 0;
        top: 0;
        position: relative;
        height: 52px;
        min-height: 0;
        background: #fff;
        -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.4);
        box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.4);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .page-header.sticky.is-sticky .navbar::before {
            display: none;
        }

        .page-header.sticky.is-sticky .navbar::after {
            display: none;
        }

        .page-header.sticky.is-sticky .navbar .header-link.header-cart > a {
            bottom: 0;
        }

            .page-header.sticky.is-sticky .navbar .header-link.header-cart > a i.icon {
                color: #333745;
                font-size: 28px;
            }

        .page-header.sticky.is-sticky .navbar .header-link > a .badge {
            top: -10px;
        }

        .page-header.sticky.is-sticky .navbar .header-cart.variant-2 .dropdown-container {
            margin-top: 0;
        }

        .page-header.sticky.is-sticky .navbar .header-logo {
            position: absolute;
            top: 0;
            left: 55px;
            max-width: calc(100% - 120px);
            height: 100%;
            line-height: 52px;
            float: left;
            margin-left: 0;
        }

            .page-header.sticky.is-sticky .navbar .header-logo img,
            .page-header.sticky.is-sticky .navbar .header-logo svg {
                max-height: 52px;
            }

        .page-header.sticky.is-sticky .navbar .header-link.header-search {
            display: none;
        }

        .page-header.sticky.is-sticky .navbar .header-links {
            display: none;
            position: absolute;
            top: 4px;
            left: auto;
            right: 50px;
            width: auto;
            padding: 0;
        }

        .page-header.sticky.is-sticky .navbar .header-link.header-account {
            float: left;
            padding: 0 10px 0 0;
        }

        .page-header.sticky.is-sticky .navbar .menu-toggle {
            position: absolute;
            top: 7px;
            bottom: auto;
            left: 10px;
        }

            .page-header.sticky.is-sticky .navbar .menu-toggle i.icon {
                color: #333745;
            }
}

/*20170927スマホ用ヘッダーの調整 start*/
@media screen and (max-width: 991px) {
    .sticky.is-sticky .header-link.header-search {
        position: absolute;
        bottom: 42px;
        left: 34px;
        width: 67%;
    }

    .sticky.is-sticky .navbar .header-link.header-search .exp-search {
        float: left;
        left: 0;
        top: 4px;
    }

    .sticky.is-sticky .exp-search-input {
        left: 0;
    }
}

@media screen and (max-width: 767px) {
    .header-links {
        width: calc(100% + 30px);
        margin-left: -15px;
        padding: 0 15px;
    }
}

.header-custom-text {
    display: inline-block;
    font-size: 15px;
    line-height: 35px;
    color: #333745;
}

    .header-custom-text span {
        margin-right: 10px;
        white-space: nowrap;
    }

    .header-custom-text > ul,
    .header-custom-text ul.social-list-simple {
        margin-right: 20px;
        display: inline-block;
    }

    .header-custom-text i.icon {
        font-size: 18px;
        line-height: 35px;
        padding: 0 3px 0 0;
        color: #f82e56;
        vertical-align: bottom;
    }

.header-custom-link {
    font-size: 0;
}

    .header-custom-link a {
        color: #ffffff;
        text-decoration: none;
        padding: 0 10px;
    }

        .header-custom-link a:hover {
            color: #ffffff;
        }

    .header-custom-link #fishing:hover {
        background: #1064d6;
    }

    .header-custom-link #outdoor:hover {
        background: #6b3724;
    }

    .header-custom-link #apparel:hover {
        background: #8e1f2c;
    }
    .header-custom-link #bousai:hover {
        background: #ff3300;
    }

@media screen and (max-width: 1199px) {
    .header-custom-link a {
        padding: 0 2px;
        font-size: 13px;
    }
}

@media screen and (min-width: 1200px) {
    .header-custom-link a {
        padding: 0 6px;
    }
}

@media screen and (min-width: 1400px) {
    .header-custom-link a {
        padding: 0 20px;
    }
}

.page-header .header-ads {
    white-space: nowrap;
    margin-top: 5px;
}

.page-header .box-left-icon {
    display: inline-block;
    width: auto;
    margin: 0 10px 5px;
    vertical-align: top;
    text-align: left;
    white-space: normal;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .page-header .box-left-icon .box-icon {
        width: 60px;
    }

        .page-header .box-left-icon .box-icon i.icon {
            background: #f6f6f6;
            width: 60px;
            height: 60px;
            font-size: 20px;
            line-height: 58px;
        }

    .page-header .box-left-icon:hover .box-text {
        color: #f82e56;
    }

    .page-header .box-left-icon:hover .box-icon i.icon {
        background: #f82e56;
        color: #f6f6f6;
    }

/* Mobile header */
@media screen and (max-width: 991px) {
    .header-custom-text,
    .header-top-row .header-custom-text {
        padding: 0;
        font-size: 12px;
        line-height: 30px;
        color: #333745;
    }

        .header-custom-text > div,
        .header-top-row .header-custom-text > div {
            display: inline-block;
            white-space: nowrap;
        }

        .header-custom-text span,
        .header-top-row .header-custom-text span {
            margin-right: 10px;
            white-space: normal;
        }

        .header-custom-text i.icon,
        .header-top-row .header-custom-text i.icon {
            font-size: 14px;
            line-height: 30px;
            padding: 0 3px 0 0;
            color: #f82e56;
            vertical-align: bottom;
        }
}

.page-header .header-logo img.sticky-logo {
    display: none;
}

@media screen and (min-width: 992px) {
    .page-header.is-sticky .header-logo img:not(:only-of-type):not(.sticky-logo) {
        display: none;
    }

    .page-header.is-sticky .header-logo img.sticky-logo {
        display: block;
    }
}

.toggleHeader {
    display: block;
    width: 60px;
    height: 46px;
    position: absolute;
    z-index: 1004;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
    background: #2b2f3b;
    cursor: pointer;
    text-align: center;
}

    .toggleHeader span.open-icon,
    .toggleHeader span.close-icon {
        display: block;
        position: absolute;
        width: 100%;
        top: 0;
        -webkit-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease;
    }

    .toggleHeader span.close-icon {
        opacity: 0;
    }

    .toggleHeader.open span.open-icon {
        opacity: 0;
    }

    .toggleHeader.open span.close-icon {
        opacity: 1;
    }

    .toggleHeader i.icon {
        font-size: 34px;
        line-height: 46px;
        color: #fff;
    }

.page-header.variant-3 {
    position: fixed;
    height: 118px;
    padding-bottom: 46px;
    bottom: -118px;
    z-index: 1000;
    width: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .page-header.variant-3 .navbar {
        min-height: 118px;
        text-align: left;
    }

        .page-header.variant-3 .navbar > .container {
            overflow: visible;
        }

    .page-header.variant-3.open {
        bottom: 0;
    }

    .page-header.variant-3 .header-link:not(.variant-2) .dropdown-container {
        top: auto;
        bottom: 40px;
        border-bottom: 0;
        border-top: 2px solid #f82e56;
    }

        .page-header.variant-3 .header-link:not(.variant-2) .dropdown-container::after,
        .page-header.variant-3 .header-link:not(.variant-2) .dropdown-container::before {
            top: 100%;
            bottom: auto;
        }

        .page-header.variant-3 .header-link:not(.variant-2) .dropdown-container::after {
            border-color: rgba(255, 255, 255, 0);
            border-top-color: #fff;
            border-bottom-color: rgba(255, 255, 255, 0);
        }

        .page-header.variant-3 .header-link:not(.variant-2) .dropdown-container::before {
            border-color: rgba(204, 204, 204, 0);
            border-top-color: #efefef;
            border-bottom-color: rgba(255, 255, 255, 0);
        }

    .page-header.variant-3 .sub-menu {
        top: auto;
        bottom: 100%;
        border-bottom: 0;
        border-top: 2px solid #f82e56;
        -webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
    }

    .page-header.variant-3 .simple-dropdown .sub-menu ul.category-links ul {
        bottom: -15px;
        top: auto;
    }

    .page-header.variant-3 .header-cart.variant-2.dropdown-link .dropdown-container {
        top: auto;
        bottom: 100%;
        border-top-width: 0;
    }

    .page-header.variant-3 .header-cart.variant-2.dropdown-link:hover .dropdown-container {
        -webkit-box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.3);
        border-top-width: 2px;
    }

@media screen and (min-width: 991px) {
    .page-header.variant-3 .header-cart.variant-2.dropdown-link .minicart-content-wrapper::after,
    .page-header.variant-3 .header-cart.variant-2.dropdown-link #minicart-content-wrapper::after {
        top: -15px;
        bottom: auto;
    }
}
/* Mobile header */
@media screen and (max-width: 991px) {
    .toggleHeader {
        display: none;
    }

    .page-header.variant-3 {
        position: fixed;
        height: 50px;
        padding-bottom: 0;
        bottom: 0;
    }

    body.fly_to_cart .page-header.variant-3 .navbar .header-links {
        position: static;
        margin-left: 50px;
        margin-top: 4px;
    }

    body.fly_to_cart .page-header.variant-3 .navbar .header-link.header-cart {
        display: none;
    }

    body.fly_to_cart .page-header.variant-3 .navbar .header-account.dropdown-link {
        position: static;
    }

        body.fly_to_cart .page-header.variant-3 .navbar .header-account.dropdown-link .dropdown-container.right {
            left: 50%;
            right: auto;
            margin-left: -150px;
            bottom: 50px;
        }

            body.fly_to_cart .page-header.variant-3 .navbar .header-account.dropdown-link .dropdown-container.right::after,
            body.fly_to_cart .page-header.variant-3 .navbar .header-account.dropdown-link .dropdown-container.right::before {
                display: none;
            }

    .page-header.variant-3 .navbar {
        margin-top: 0;
        top: 0;
        position: relative;
        height: 52px;
        min-height: 0;
        background: #fff;
    }

        .page-header.variant-3 .navbar::before {
            display: none;
        }

        .page-header.variant-3 .navbar::after {
            display: none;
        }

        .page-header.variant-3 .navbar .header-link.header-cart > a {
            margin: 0;
            bottom: 0;
        }

            .page-header.variant-3 .navbar .header-link.header-cart > a i.icon {
                color: #333745;
                font-size: 28px;
            }

            .page-header.variant-3 .navbar .header-link.header-cart > a .badge {
                top: -10px;
            }

        .page-header.variant-3 .navbar .header-logo {
            position: absolute;
            top: 0;
            left: 55px;
            float: left;
            margin-left: 0;
        }

            .page-header.variant-3 .navbar .header-logo svg {
                fill: #333;
                max-height: 50px;
            }

            .page-header.variant-3 .navbar .header-logo img {
                max-height: 50px;
            }

        .page-header.variant-3 .navbar .header-link.header-search {
            display: none;
        }

        .page-header.variant-3 .navbar .header-links {
            position: absolute;
            top: 4px;
            left: auto;
            right: 50px;
            width: auto;
            padding: 0;
        }

            .page-header.variant-3 .navbar .header-links .header-link > a {
                color: #333745;
            }

        .page-header.variant-3 .navbar .header-link.header-account {
            float: left;
            padding: 0 10px 0 0;
        }

        .page-header.variant-3 .navbar .menu-toggle {
            position: absolute;
            top: 7px;
            bottom: auto;
            left: 10px;
        }

            .page-header.variant-3 .navbar .menu-toggle i.icon {
                color: #333745;
            }
}

.page-header.variant-8:not(.is-sticky) {
    background: #fff;
}

    .page-header.variant-8:not(.is-sticky) .header-top-row {
        display: inline-block;
        float: left;
        position: relative;
        width: 100%;
        margin-top: 0;
        padding: 5px 0;
        background: transparent;
        min-height: 40px;
        border-bottom: 1px solid #ededed;
        text-align: right;
    }

    .page-header.variant-8:not(.is-sticky) .header-top-left,
    .page-header.variant-8:not(.is-sticky) .header-top-right {
        display: block;
        float: left;
        text-align: left;
    }

    .page-header.variant-8:not(.is-sticky) .header-top-left {
        width: 30%;
    }

    .page-header.variant-8:not(.is-sticky) .header-top-right {
        width: 70%;
    }

    .page-header.variant-8:not(.is-sticky) .header-custom-text > div {
        display: inline-block;
    }

    .page-header.variant-8:not(.is-sticky) .header-top-right {
        float: right;
        text-align: right;
    }

.page-header.variant-8 .header-cart.variant-2.dropdown-link > a:hover {
    padding-bottom: 5px;
}

.page-header.variant-8.is-sticky .navbar {
    min-height: 42px;
}

.page-header.variant-8.is-sticky .header-top-row {
    display: none;
}

.page-header.variant-8.is-sticky .header-middle-row {
    width: 100%;
    text-align: center;
    position: relative;
}

.page-header.variant-8.is-sticky .header-middle-center,
.page-header.variant-8.is-sticky .header-middle-right {
    display: none !important;
}
/* Desktop Header */
@media screen and (min-width: 992px) {
    .page-header.variant-8 .nav-department {
        margin-left: -15px;
        margin-right: 4px;
        vertical-align: top;
    }

    .page-header.variant-8 .header-links {
        margin: 0;
    }

    .page-header.variant-8 .header-link.header-cart {
        margin: 0 0 0 4px;
    }

        .page-header.variant-8 .header-link.header-cart > a .badge {
            top: -10px;
        }

    .page-header.variant-8.is-sticky .header-logo {
        display: none;
    }

        .page-header.variant-8.is-sticky .header-logo > a {
            display: inline-block;
            z-index: 1;
            position: relative;
        }

        .page-header.variant-8.is-sticky .header-logo img,
        .page-header.variant-8.is-sticky .header-logo svg {
            max-height: 42px;
        }

    .page-header.variant-8.is-sticky .header-bottom-row {
        background: #fff;
        min-height: 42px;
    }

        .page-header.variant-8.is-sticky .header-bottom-row > .container {
            display: table;
            position: relative;
        }

    .page-header.variant-8.is-sticky .header-bottom-right {
        padding: 0 0 0 15px;
        display: table-cell;
        vertical-align: middle;
        text-align: right;
    }

    .page-header.variant-8.is-sticky .header-bottom-left {
        display: table-cell;
        vertical-align: middle;
        padding: 0 10px 0 0;
        text-align: left;
    }

    .page-header.variant-8:not(.is-sticky) .header-logo {
        margin: 0;
        min-width: 200px;
    }

    .header-bottom-right .header-search .is-sticky {
        display: none;
        float: left;
        position: absolute;
        margin: 0;
        left: 50px;
        right: 0;
        height: 100%;
        line-height: inherit;
    }

    .header-bottom-right .header-search:not(.is-sticky) {
        display: none;
    }

    .page-header.variant-8:not(.is-sticky) .header-middle-row {
        display: table;
        min-width: 100%;
        padding: 15px 0;
        margin: 0;
    }

    .page-header.variant-8:not(.is-sticky) .header-middle-center {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        padding: 0 10px;
    }

    .page-header.variant-8:not(.is-sticky) .header-middle-right {
        padding: 0 0 0 15px;
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        width: 490px;
    }

    .page-header.variant-8:not(.is-sticky) .header-middle-left {
        display: table-cell;
        vertical-align: middle;
        padding: 0 15px 0 0;
        text-align: left;
        width: 220px;
    }

    .page-header.variant-8:not(.is-sticky) .header-bottom-row {
        background: #f8f8f8;
        height: 42px;
    }

        .page-header.variant-8:not(.is-sticky) .header-bottom-row > .container {
            display: table;
            position: relative;
        }

    .page-header.variant-8:not(.is-sticky) .header-bottom-right {
        padding: 0 0 0 5px;
        display: table-cell;
        vertical-align: top;
        text-align: right;
    }

    .page-header.variant-8:not(.is-sticky) .header-bottom-left {
        display: table-cell;
        vertical-align: middle;
        padding: 0 5px 0 0;
        text-align: left;
        font-size: 0;
    }
}

@media screen and (max-width: 1399px) and (min-width: 992px) {
    .page-header.variant-8:not(.is-sticky) .navbar .nav > li > a,
    .page-header.variant-8:not(.is-sticky) .navbar .nav > li > a:focus {
        font-size: 12px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .page-header.variant-8:not(.is-sticky) .header-logo {
        min-width: 180px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .page-header.variant-8:not(.is-sticky) .header-logo {
        min-width: 160px;
    }

    .page-header.variant-8 .nav-department {
        font-size: 16px;
        width: 175px;
        padding: 0 15px;
    }
}

@media screen and (min-width: 992px) {
    .page-header.variant-8:not(.is-sticky) .header-link.header-search {
        display: block;
        top: 0;
        margin: 0;
        min-width: 350px;
        float: none;
    }

        .page-header.variant-8:not(.is-sticky) .header-link.header-search .exp-search-input {
            height: 50px;
            padding: 0 45px 0 15px;
        }

        .page-header.variant-8:not(.is-sticky) .header-link.header-search .exp-search-input,
        .page-header.variant-8:not(.is-sticky) .header-link.header-search .exp-icon-search,
        .page-header.variant-8:not(.is-sticky) .header-link.header-search .exp-search-submit {
            top: 0;
            height: 50px;
            line-height: 52px;
        }

            .page-header.variant-8:not(.is-sticky) .header-link.header-search .exp-icon-search::before {
                content: '';
                position: absolute;
                display: inline-block;
                left: 0;
                top: 10px;
                width: 1px;
                height: 30px;
                background: #e8e8e8;
            }

            .page-header.variant-8:not(.is-sticky) .header-link.header-search .exp-icon-search:hover {
                color: #f82e56;
            }

        .page-header.variant-8:not(.is-sticky) .header-link.header-search .exp-search {
            position: relative;
            width: 100%;
            height: 50px;
            margin: 0;
            top: 0;
            font-size: 15px;
        }

            .page-header.variant-8:not(.is-sticky) .header-link.header-search .exp-search.exp-search-open {
                background: #f6f6f6;
            }

        .page-header.variant-8:not(.is-sticky) .header-link.header-search .exp-search-input {
            border: 1px solid #e8e8e8;
            background: #f9f9f9;
        }
}

@media screen and (max-width: 1399px) and (min-width: 992px) {
    .page-header.variant-8:not(.is-sticky) .header-link.header-search {
        min-width: 300px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .page-header.variant-8:not(.is-sticky) .header-link.header-search {
        min-width: 250px;
    }
}
/* カテゴリトップ追加時のPCヘッダー */
.header-bottom-left h2 {
    font-weight: 300;
    font-size: 10px;
    line-height: 42px;
    height: 42px;
    text-align: left;
    border-bottom: none;
    display: inline-block;
    margin-right: 4px;
}
@media screen and (max-width: 1199px) {
    .header-bottom-left h2 {
        margin-right: 2px;
    }
}
    .header-bottom-left h2 .icon {
        font-size: 18px;
        height: 42px;
        line-height: 42px;
    }

@media screen and (min-width: 1400px) {
    .header-bottom-left h2 .icon {
        font-size: 25px;
    }
}

.header-bottom-left h2#fishing {
    background: rgba(16,100,214,0.85);
}

.header-bottom-left h2#outdoor {
    background: rgba(107,55,36,0.85);
}

.header-bottom-left h2#apparel {
    background: rgba(142,31,44,0.85);
}

.header-bottom-left h2#bousai {
    background: rgba(255,51,0,.85);
}

.header-bottom-left h2 span {
    font-size: 13px;
    vertical-align: top;
}

@media screen and (max-width: 1199px) {
    .header-bottom-left h2 span {
        font-size: 10px;
    }
    .login-state label {
        font-size: 12px;
    }
}

/* Mobile header */
@media screen and (max-width: 991px) {
    .page-header.variant-8.is-sticky .header-bottom-left {
        display: none;
    }

    .page-header.variant-8:not(.is-sticky) .header-top-row {
        padding: 0;
        padding-top: 45px;
        min-height: 0;
    }

    .page-header.variant-8:not(.is-sticky) .header-middle-right,
    .page-header.variant-8:not(.is-sticky) .header-bottom-left {
        display: none;
    }

    .page-header.variant-8:not(.is-sticky) .header-middle-left {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .page-header.variant-8:not(.is-sticky) .header-middle-center::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 1px;
        width: 100%;
        background: #ededed;
    }

    .page-header.variant-8:not(.is-sticky) .header-links {
        position: absolute;
        top: 5px;
        bottom: 45px;
        right: 45px;
        width: 15%;
        padding: 0;
        margin: 0;
    }

    .page-header.variant-8:not(.is-sticky) .header-link.header-cart > a {
        bottom: 45px;
    }
}

@media screen and (max-width: 767px) {
    .page-header.variant-8:not(.is-sticky) .header-top-left,
    .page-header.variant-8:not(.is-sticky) .header-top-right {
        float: none;
        text-align: left;
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .page-header.stickydark.is-sticky .navbar {
        background: #333745;
    }

        .page-header.stickydark.is-sticky .navbar .header-link.header-cart > a i.icon {
            color: #fff;
        }

        .page-header.stickydark.is-sticky .navbar .menu-toggle i.icon {
            color: #fff;
        }
}

@media screen and (min-width: 992px) {
    .page-header.dark:not(.is-sticky) .navbar,
    .page-header.stickydark.is-sticky .navbar {
        background: #333745;
    }

        .page-header.dark:not(.is-sticky) .navbar .header-link > a,
        .page-header.stickydark.is-sticky .navbar .header-link > a {
            color: #fff;
        }

            .page-header.dark:not(.is-sticky) .navbar .header-link > a:hover i.icon,
            .page-header.stickydark.is-sticky .navbar .header-link > a:hover i.icon {
                color: #fff;
            }

            .page-header.dark:not(.is-sticky) .navbar .header-link > a i.icon,
            .page-header.stickydark.is-sticky .navbar .header-link > a i.icon {
                color: #fff;
            }

        .page-header.dark:not(.is-sticky) .navbar .nav li a:focus,
        .page-header.stickydark.is-sticky .navbar .nav li a:focus {
            background: transparent;
        }

        .page-header.dark:not(.is-sticky) .navbar .nav > li > a,
        .page-header.stickydark.is-sticky .navbar .nav > li > a,
        .page-header.dark:not(.is-sticky) .navbar .nav > li > a:focus,
        .page-header.stickydark.is-sticky .navbar .nav > li > a:focus {
            color: #fff;
        }

        .page-header.dark:not(.is-sticky) .navbar .nav > li:hover > a,
        .page-header.stickydark.is-sticky .navbar .nav > li:hover > a,
        .page-header.dark:not(.is-sticky) .navbar .nav > li.active > a,
        .page-header.stickydark.is-sticky .navbar .nav > li.active > a {
            margin: 0;
            padding-top: 0;
            padding-bottom: 0;
            background: transparent;
            color: #fff;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .page-header.dark:not(.is-sticky) .navbar .nav > li:hover > a::after,
            .page-header.stickydark.is-sticky .navbar .nav > li:hover > a::after,
            .page-header.dark:not(.is-sticky) .navbar .nav > li.active > a::after,
            .page-header.stickydark.is-sticky .navbar .nav > li.active > a::after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 2px;
                background: #f82e56;
            }

            .page-header.dark:not(.is-sticky) .navbar .nav > li > a > .menu-label,
            .page-header.stickydark.is-sticky .navbar .nav > li > a > .menu-label,
            .page-header.dark:not(.is-sticky) .navbar .nav > li > a > .menu-label-alt,
            .page-header.stickydark.is-sticky .navbar .nav > li > a > .menu-label-alt,
            .page-header.dark:not(.is-sticky) .navbar .nav > li:hover > a > .menu-label,
            .page-header.stickydark.is-sticky .navbar .nav > li:hover > a > .menu-label,
            .page-header.dark:not(.is-sticky) .navbar .nav > li > a > .menu-label-alt,
            .page-header.stickydark.is-sticky .navbar .nav > li > a > .menu-label-alt {
                top: 4px;
            }

        .page-header.dark:not(.is-sticky) .navbar .exp-search.exp-search-open .exp-search-input,
        .page-header.stickydark.is-sticky .navbar .exp-search.exp-search-open .exp-search-input {
            background: #333745;
            color: #fff;
        }

        .page-header.dark:not(.is-sticky) .navbar .exp-search.exp-search-open,
        .page-header.stickydark.is-sticky .navbar .exp-search.exp-search-open,
        .page-header.dark:not(.is-sticky) .navbar .exp-search.exp-search-open .exp-search-submit,
        .page-header.stickydark.is-sticky .navbar .exp-search.exp-search-open .exp-search-submit {
            background: #333745;
        }

        .page-header.dark:not(.is-sticky) .navbar .exp-icon-search,
        .page-header.stickydark.is-sticky .navbar .exp-icon-search {
            color: #fff;
        }

        .page-header.dark:not(.is-sticky) .navbar .exp-search.exp-search-open .exp-search-input,
        .page-header.stickydark.is-sticky .navbar .exp-search.exp-search-open .exp-search-input {
            border-color: #e8e8e8;
        }

        .page-header.dark:not(.is-sticky) .navbar .exp-search.exp-search-open .exp-icon-search,
        .page-header.stickydark.is-sticky .navbar .exp-search.exp-search-open .exp-icon-search,
        .page-header.dark:not(.is-sticky) .navbar .exp-search-input::-webkit-input-placeholder,
        .page-header.stickydark.is-sticky .navbar .exp-search-input::-webkit-input-placeholder,
        .page-header.dark:not(.is-sticky) .navbar .exp-search-input:-moz-placeholder,
        .page-header.stickydark.is-sticky .navbar .exp-search-input:-moz-placeholder,
        .page-header.dark:not(.is-sticky) .navbar .exp-search-input::-moz-placeholder,
        .page-header.stickydark.is-sticky .navbar .exp-search-input::-moz-placeholder,
        .page-header.dark:not(.is-sticky) .navbar .exp-search-input:-ms-input-placeholder,
        .page-header.stickydark.is-sticky .navbar .exp-search-input:-ms-input-placeholder {
            color: #fff;
        }
}

@media screen and (min-width: 992px) {
    .header-link.dropdown-link.header-cart.variant-1 a[href*="cart.html"] span:nth-child(2) {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .header-link.dropdown-link.header-cart.variant-1 a[href*="cart.html"] span:nth-child(2) {
        font-size: 8px;
        line-height: 9px;
        text-align: center;
        color: #333745;
        display: block;
        position: absolute;
        bottom: 11px;
        left: 8px;
    }
}

/*アカウントサービス*/
.dropdown-container .user-action {
    display: block;
    font-size: 12px;
    margin-top: 10px;
}

.login-state .dropdown-container .user-service a {
    color: #333745;
}

.header-account.login-state .dropdown-container .user-service a:hover,
.header-account.login-state .dropdown-container .user-service a:active {
    color: #f82e56;
}

.header-account.login-state .dropdown-container .user-action {
    font-size: 15px;
    margin-top: 12px;
}

@media screen and (max-width: 991px) {
    .login-state .dropdown-container .user-service a {
        font-weight: bold;
    }

    .header-account.login-state .dropdown-container .user-action {
        padding-bottom: 10px;
        border-bottom: 1px solid #f0f0f0;
    }
}

/* ポイント表示 */
.user-service p.header-point {
    background: #efefef;
    color: #333745;
    font-size: 12px;
    padding: 3px 6px;
}

.user-service span.user-point {
    font-weight: bold;
    color: #fe2e56;
    font-size: 14px;
}

.user-service span.user-point-time {
    font-size: 10px;
    padding-left: 5px;
}

/* ヘッダーインフォ枠用記述 */
.box-text.header-info {
    background: #f82e56;
    color: #fff;
    text-decoration: none;
    display: block;
    line-height: 2.3em;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    width: 50px;
    height: 50px;
    text-align: center;
    float: left;
    margin-left: 10px;
}

.box-text .title a {
    color: #333745;
    font-size: 15px;
    line-height: 1.4em;
}

/*バナー表示用*/
.box-image {
    text-align: right;
}

    .box-image img {
        height: 70px;
        width: auto;
    }
/*バナー表示用*/

/*A.I.風表示用*/
.artificial-intelligence.header-info > img {
    height: 60px;
    width: auto;
    display: inline-block;
    float: left;
    margin: 0 20px 0 0;
}

.information .artificial-intelligence.header-info > img {
    display: none;
}

.artificial-intelligence.header-info .title {
    vertical-align: middle;
}

.box-text a.info-text {
    vertical-align: middle;
    display: inline;
    position: relative;
    top: 70%;
    -webkit-transform: translateY(-50%); /* Safari用 */
    transform: translateY(-50%);
}

    .box-text a.info-text span {
        font-size: 12px;
        line-height: 14px;
        display: block;
        margin-bottom: 6px;
    }
/*A.I.風表示用*/

/* ヘッダーインフォ枠用記述 */

/* 20170925三田追加*/
.c-header {
    background: #068141;
    width: 100%;
    height: 36px;
    text-align: center;
}

    .c-header img {
        height: 36px;
    }

/* /20170925三田追加*/

/* 20231006谷井追加*/
/* ハイランダー公式ストア　ヤフー店対応*/
.ch-header {
    background: #ff0000;
    width: 100%;
    height: 36px;
    text-align: center;
}

    .ch-header img {
        height: 36px;
    }

/* /20231006谷井追加*/

/* 1.3 Footer
-----------------------------------------------------------------*/
.footer-bot {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    padding: 8px 0;
}

.footer-top {
    border-bottom: 1px solid #e8e8e8;
    padding: 8px 0;
}

@media (min-width: 992px) {
    .footer-bot .row {
        display: table;
        width: calc(100% + 30px);
    }

        .footer-bot .row [class*="col-"] {
            display: table-cell;
            float: none;
            vertical-align: middle;
        }

    footer:not(.variant4) .footer-top .row {
        display: table;
        width: calc(100% + 30px);
    }

        footer:not(.variant4) .footer-top .row [class*="col-"] {
            display: table-cell;
            float: none;
            vertical-align: middle;
        }
}

.footer-block {
    margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
    .footer-block {
        margin-bottom: 30px;
    }
}

.footer-payment-link {
    margin-bottom: 0;
    text-align: right;
}

.footer-logo {
    text-align: left;
    height: 75px;
}

    .footer-logo svg {
        fill: #f82e56;
        max-width: 100%;
    }

.footer-copyright {
    padding: 17px 0;
    font-size: 14px;
    line-height: 16px;
    color: #333745;
}

.footer-social {
    text-align: center;
}

    .footer-social a,
    .icons-social a {
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 5px;
        color: #f82e56;
    }

        .footer-social a:hover,
        .icons-social a:hover {
            color: #333745;
        }

            .footer-social a:hover i.icon.icon-circled,
            .icons-social a:hover i.icon.icon-circled {
                color: #fff;
                background: #f82e56;
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

    .footer-social i.icon,
    .icons-social i.icon {
        font-size: 20px;
        line-height: 30px;
    }

        .footer-social i.icon.icon-circled,
        .icons-social i.icon.icon-circled {
            display: inline-block;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            line-height: 40px;
            border: 1px solid #f82e56;
            vertical-align: top;
            margin-right: -4px;
            text-align: center;
        }

.footer-nav {
    text-align: center;
    margin-bottom: 10px;
}

    .footer-nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .footer-nav ul li {
            display: inline-block;
            vertical-align: top;
            padding: 0 20px 0 0;
            margin-bottom: 10px;
            position: relative;
            color: #333745;
            font-size: 15px;
            line-height: 20px;
        }

            .footer-nav ul li::after {
                content: '|';
                padding: 0 0 0 20px;
            }

            .footer-nav ul li a {
                color: #333745;
                text-decoration: none;
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

                .footer-nav ul li a:hover {
                    color: #f82e56;
                }

            .footer-nav ul li:last-child::after {
                display: none;
            }

/* footer variant 2 */
footer.variant2,
footer.variant4 {
    background: #fff;
}

    footer.variant2 .footer-top,
    footer.variant4 .footer-top {
        padding: 40px 0;
    }

    footer.variant2 .footer-middle,
    footer.variant4 .footer-middle {
        padding: 40px 0 10px;
    }

    footer.variant2 .footer-bot,
    footer.variant4 .footer-bot {
        padding: 40px 0 40px;
        margin: 0;
        border: 0;
        background: #f9f9f9;
    }

    footer.variant2 .footer-payment-link,
    footer.variant4 .footer-payment-link {
        text-align: center;
    }

    footer.variant2 .footer-copyright,
    footer.variant4 .footer-copyright {
        padding: 0 0 10px;
    }

@media screen and (max-width: 991px) {
    footer.variant2 .footer-top,
    footer.variant4 .footer-top {
        padding: 20px 0;
    }

    footer.variant2 .footer-middle,
    footer.variant4 .footer-middle {
        padding: 20px 0;
    }

    footer.variant2 .footer-bot,
    footer.variant4 .footer-bot {
        padding: 20px 0;
    }

    footer.variant2 .footer-copyright,
    footer.variant4 .footer-copyright {
        padding: 10px 0;
    }
}

footer.variant4 .footer-social {
    text-align: left;
    margin: 10px 0;
}

footer.variant4 .footer-top {
    background-image: url(../images/block-bg-4.jpg);
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background: #333745;
    border-bottom: 0;
    color: #fff;
}

    footer.variant4 .footer-top h3 {
        font-size: 24px;
        line-height: 1.2em;
        margin-bottom: 20px;
    }

    footer.variant4 .footer-top h3,
    footer.variant4 .footer-top h4,
    footer.variant4 .footer-top h5 {
        color: #fff;
    }

    footer.variant4 .footer-top a,
    footer.variant4 .footer-top a.readmore {
        color: #f82e56;
        font-weight: bold;
    }

        footer.variant4 .footer-top a:hover,
        footer.variant4 .footer-top a.readmore:hover {
            color: #fff;
        }

    footer.variant4 .footer-top .footer-logo svg {
        fill: #fff;
    }

    footer.variant4 .footer-top input:focus {
        border-color: #fff;
    }

.footer-middle-cart {
    margin: 5px auto 20px;
}

@media screen and (max-width: 991px) {
    .footer-middle-cart {
        margin: 0 auto 15px;
    }
}

/* footer内部のh3 */
footer h3 {
    font-size: 22px;
}

/* 3. Page Elements
-----------------------------------------------------------------*/
/* 3.1 Preloader
-----------------------------------------------------------------*/

div#js-alert {
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 6px;
    letter-spacing: 1px;
    background: #333745;
    z-index: 10000;
}

/* 3.2 Mobilemenu
-----------------------------------------------------------------*/
/* mobilemenu */
@media screen and (max-width: 991px) {
    .mobilemenu {
        position: fixed;
        z-index: 1009;
        left: 0;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        visibility: hidden;
        -webkit-transition: visibility 0s ease 0.6s;
        transition: visibility 0s ease 0.6s;
    }

    .mobilemenu-content {
        position: fixed;
        z-index: 1000;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        max-width: 480px;
        line-height: 50px;
        font-weight: bold;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateX(-120%);
        transform: translateX(-120%);
        background: #fff;
        -webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0.3s;
        transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0.3s;
    }

    .mobilemenu-header {
        position: fixed;
        left: 0;
        top: -50px;
        width: 100%;
        max-width: 480px;
        height: 50px;
        font-size: 16px;
        font-weight: bold;
        line-height: 50px;
        padding: 0 20px;
        background: #007f3c;
        color: #fff;
        z-index: 2000;
        -webkit-transition: top 0.3s ease 0s;
        transition: top 0.3s ease 0s;
    }

    .mobilemenu-toggle {
        text-decoration: none;
    }

        .mobilemenu-toggle:hover,
        .mobilemenu-toggle:focus {
            text-decoration: none;
        }

    .mobilemenu .mobilemenu-toggle {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        color: #fff;
    }

        .mobilemenu .mobilemenu-toggle::before,
        .mobilemenu .mobilemenu-toggle::after {
            content: '';
            position: absolute;
            top: 22px;
            right: 20px;
            height: 3px;
            width: 20px;
            background: #fff;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        .mobilemenu .mobilemenu-toggle::before {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .mobilemenu .mobilemenu-toggle::after {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    .mobilemenu.active {
        visibility: visible;
        -webkit-transition: visibility 0s ease 0s;
        transition: visibility 0s ease 0s;
    }

        .mobilemenu.active .mobilemenu-content {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            -webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0s;
            transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0s;
        }

        .mobilemenu.active .mobilemenu-header {
            top: 0;
            -webkit-transition: top 0.3s ease 0.5s;
            transition: top 0.3s ease 0.5s;
        }

    .navbar ul.nav {
        display: block;
        padding-top: 50px;
    }

        .navbar ul.nav li {
            position: relative;
            padding: 0;
            -webkit-transition: all 0.1s ease;
            transition: all 0.1s ease;
        }

            .navbar ul.nav li a {
                display: block;
                font-size: 15px;
                line-height: 20px;
                padding: 12px 50px 12px 15px;
                font-weight: bold;
                color: #333745;
                background: transparent;
                text-decoration: none;
                border-bottom: 1px solid #f0f0f0;
                -webkit-transition: all 0.1s ease;
                transition: all 0.1s ease;
            }

            .navbar ul.nav li:hover > a,
            .navbar ul.nav li.submenu-open > a {
                background: #f8f8f8;
                color: #007f3c;
                text-decoration: none;
            }

            .navbar ul.nav li .arrow {
                position: absolute;
                z-index: 100;
                width: 50px;
                height: 45px;
                top: 0;
                right: 0;
                font-family: 'icomoon-reg';
                font-size: 24px;
                line-height: 45px;
                text-align: center;
                cursor: pointer;
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

                .navbar ul.nav li .arrow::before {
                    color: #333745;
                    content: "\e920";
                }

                .navbar ul.nav li .arrow:hover::before {
                    color: #007f3c;
                }

            .navbar ul.nav li.submenu-open > .arrow:hover::before {
                color: #007f3c;
            }

            .navbar ul.nav li.submenu-open > .arrow {
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
            }

            .navbar ul.nav li ul {
                display: none;
                padding: 0;
                margin: 0;
                opacity: 0;
                list-style: none;
                -webkit-transition: opacity 0.1s ease;
                transition: opacity 0.1s ease;
            }

                .navbar ul.nav li ul a {
                    padding-left: 30px;
                }

                .navbar ul.nav li ul ul a {
                    padding-left: 40px;
                    padding-right: 40px;
                    font-size: 13px;
                }

                .navbar ul.nav li ul ul ul a {
                    padding-left: 80px;
                }

                .navbar ul.nav li ul ul ul ul a {
                    padding-left: 100px;
                }

                .navbar ul.nav li ul ul ul ul a {
                    padding-left: 120px;
                }

            .navbar ul.nav li.submenu-open > ul {
                opacity: 1;
            }
}

@media screen and (min-width: 481px) {
    .mobilemenu::after {
        /* overlay layer */
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 120%;
        height: 120%;
        background: transparent;
        cursor: pointer;
        -webkit-transition: background-color 0.3s ease 0.3s;
        transition: background-color 0.3s ease 0.3s;
    }

    .mobilemenu.active::after {
        background: rgba(0, 0, 0, 0.6);
        -webkit-transition: background-color 0.3s ease 0;
        transition: background-color 0.3s ease 0;
    }
}
/* 3.3 Minicart
-----------------------------------------------------------------*/
/* minicart */
.header-cart.variant-1 .dropdown-container {
    min-width: 430px;
    padding: 20px 20px 10px;
    white-space: normal;
}

    .header-cart.variant-1 .dropdown-container .block.block-minicart {
        margin-bottom: 0;
    }

    .header-cart.variant-1 .dropdown-container .block.block-minicart {
        margin-bottom: 0;
    }

    .header-cart.variant-1 .dropdown-container .block-title {
        font-size: 16px;
        line-height: 1.2em;
    }

    .header-cart.variant-1 .dropdown-container .block-content {
        padding: 5px 0 0 0;
        color: #191919;
    }

        .header-cart.variant-1 .dropdown-container .block-content .items-total,
        .header-cart.variant-1 .dropdown-container .block-content .subtitle {
            display: block;
            width: 50%;
            float: left;
            font-size: 16px;
            line-height: 1.2em;
            font-weight: 500;
        }

        .header-cart.variant-1 .dropdown-container .block-content .subtitle {
            width: 100%;
            clear: both;
            padding-top: 15px;
            margin-bottom: 15px;
        }

        .header-cart.variant-1 .dropdown-container .block-content .subtotal {
            display: block;
            width: 85%;
            float: right;
            text-align: right;
        }

            .header-cart.variant-1 .dropdown-container .block-content .subtotal .others {
                float: left;
                text-align: left;
            }

            .header-cart.variant-1 .dropdown-container .block-content .subtotal .label {
                font-size: 16px;
                line-height: 1.2em;
                font-weight: bold;
                padding: 0 10px 0 0;
                font-weight: 500;
            }

            .header-cart.variant-1 .dropdown-container .block-content .subtotal .price-container {
                font-size: 20px;
                line-height: 1.2em;
                font-weight: bold;
                color: #e30000;
                display: inline-block;
            }

        .header-cart.variant-1 .dropdown-container .block-content .actions {
            clear: both;
            padding: 10px 0 0;
            text-align: right;
        }

            .header-cart.variant-1 .dropdown-container .block-content .actions button.checkout,
            .header-cart.variant-1 .dropdown-container .block-content .actions .action.viewcart {
                min-width: 170px;
            }

            .header-cart.variant-1 .dropdown-container .block-content .actions > div {
                display: inline-block;
                margin-bottom: 10px;
            }

        .header-cart.variant-1 .dropdown-container .block-content .action.viewcart {
            display: inline-block;
            margin-bottom: 0;
            font-weight: normal;
            text-align: center;
            vertical-align: middle;
            cursor: pointer;
            background-image: none;
            border: 1px solid transparent;
            white-space: nowrap;
            padding: 6px 12px;
            line-height: 1.42857143;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            height: 41px;
            padding: 0 15px;
            font-size: 15px;
            line-height: 41px;
            font-weight: 500;
            border-radius: 0;
            border: 1px solid #f82e56;
            -webkit-transition: all 0.3s cubic-bezier(0.3, 1, 0.3, 1);
            transition: all 0.3s cubic-bezier(0.3, 1, 0.3, 1);
        }

            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart:focus,
            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart:active:focus,
            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart.active:focus {
                outline: thin dotted;
                outline: 5px auto -webkit-focus-ring-color;
                outline-offset: -2px;
            }

            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart:hover,
            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart:focus {
                color: #333;
                text-decoration: none;
            }

            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart:active,
            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart.active {
                outline: 0;
                background-image: none;
                -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
                box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            }

            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart.disabled,
            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart[disabled],
            fieldset[disabled] .header-cart.variant-1 .dropdown-container .block-content .action.viewcart {
                cursor: not-allowed;
                pointer-events: none;
                opacity: 0.65;
                filter: alpha(opacity=65);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart:focus,
            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart:active:focus,
            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart.active:focus,
            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart.focus,
            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart:active.focus,
            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart.active.focus {
                outline: 0;
                outline: none;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart:hover,
            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart:focus,
            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart.focus {
                outline: 0;
                outline: none;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart:active,
            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart.active {
                outline: 0;
                outline: none;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart.pull-right {
                margin-right: 10px;
            }

            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart,
            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart.focus,
            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart:focus,
            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart:active {
                background: #f82e56;
                color: #fff;
                border-color: #f82e56;
            }

                .header-cart.variant-1 .dropdown-container .block-content .action.viewcart:hover {
                    background: transparent;
                    color: #f82e56;
                    border-color: #f82e56;
                }

                .header-cart.variant-1 .dropdown-container .block-content .action.viewcart.btn-invert,
                .header-cart.variant-1 .dropdown-container .block-content .action.viewcart.btn-invert:active,
                .header-cart.variant-1 .dropdown-container .block-content .action.viewcart.btn-invert.focus,
                .header-cart.variant-1 .dropdown-container .block-content .action.viewcart.btn-invert:focus {
                    background: transparent;
                    color: #f82e56;
                }

                    .header-cart.variant-1 .dropdown-container .block-content .action.viewcart.btn-invert:hover {
                        background: #f82e56;
                        color: #fff;
                    }

                .header-cart.variant-1 .dropdown-container .block-content .action.viewcart i.icon {
                    display: inline-block;
                    vertical-align: text-top;
                    font-size: 1.2em;
                    line-height: 1.2em;
                    margin-right: 0.4em;
                }

                    .header-cart.variant-1 .dropdown-container .block-content .action.viewcart i.icon:only-child {
                        font-size: 1.2em;
                        margin-right: 0;
                        vertical-align: baseline;
                    }

                .header-cart.variant-1 .dropdown-container .block-content .action.viewcart span {
                    position: relative;
                    top: 0;
                    left: 0;
                }

        .header-cart.variant-1 .dropdown-container .block-content .action.viewcart-sm {
            height: 26px;
            padding: 0 8px;
            font-size: 12px;
            line-height: 26px;
        }

            .header-cart.variant-1 .dropdown-container .block-content .action.viewcart-sm i.icon {
                line-height: 1em;
                margin-right: 0.3em;
            }

@-moz-document url-prefix() {
    .btn-sm,
    .btn-group-sm > .btn {
        line-height: 25px;
    }
}

.header-cart.variant-1 .dropdown-container .block-content .action.viewcart-lg {
    padding: 4px 25px 3px;
    font-size: 16.5px;
    height: auto;
    border-width: 1px;
}

.header-cart.variant-1 .dropdown-container .block-content .action.viewcart-xl {
    padding: 15px 40px;
    font-size: 24px;
    height: auto;
    border-width: 2px;
}

.header-cart.variant-1 .dropdown-container .block-content .action.viewcart-xxl {
    padding: 25px 50px;
    font-size: 28.995px;
    height: auto;
    border-width: 2px;
}

.header-cart.variant-1 .dropdown-container .block-content .action.viewcart,
.header-cart.variant-1 .dropdown-container .block-content .action.viewcart.focus,
.header-cart.variant-1 .dropdown-container .block-content .action.viewcart:focus,
.header-cart.variant-1 .dropdown-container .block-content .action.viewcart:active {
    background: #333745;
    border-color: #333745;
}

    .header-cart.variant-1 .dropdown-container .block-content .action.viewcart:hover {
        background: transparent;
        color: #333745;
        border-color: #333745;
    }

    .header-cart.variant-1 .dropdown-container .block-content .action.viewcart.btn-invert,
    .header-cart.variant-1 .dropdown-container .block-content .action.viewcart.btn-invert:active,
    .header-cart.variant-1 .dropdown-container .block-content .action.viewcart.btn-invert.focus,
    .header-cart.variant-1 .dropdown-container .block-content .action.viewcart.btn-invert:focus {
        background: transparent;
        color: #333745;
    }

        .header-cart.variant-1 .dropdown-container .block-content .action.viewcart.btn-invert:hover {
            background: #333745;
            color: #fff;
        }

.header-cart.variant-1 .dropdown-container .btn-minicart-close {
    display: none;
}

.header-cart.variant-1 .dropdown-container .minicart-items {
    margin: 0 0 10px;
    padding: 0;
}

.header-cart.variant-1 .dropdown-container li {
    margin: 0;
    padding: 0;
}

.header-cart.variant-1 .dropdown-container .label {
    display: none;
    color: #191919;
}

.header-cart.variant-1 .dropdown-container .product {
    overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.header-cart.variant-1 .dropdown-container .product-item {
    position: relative;
    width: 100%;
    margin-top: 10px;
    padding-bottom: 10px;
}

    .header-cart.variant-1 .dropdown-container .product-item::after {
        content: '';
        display: table;
        clear: both;
    }

    .header-cart.variant-1 .dropdown-container .product-item::before {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 1px;
        background: #f0f0f0;
    }

.header-cart.variant-1 .dropdown-container .product-item-photo,
.header-cart.variant-1 .dropdown-container .product-item-details {
    float: left;
    padding: 0;
}

.header-cart.variant-1 .dropdown-container .product-item-photo {
    width: 60px;
    min-width: 60px;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

    .header-cart.variant-1 .dropdown-container .product-item-photo:hover {
        opacity: 0.7;
    }

    .header-cart.variant-1 .dropdown-container .product-item-photo img {
        width: 100%;
    }

    .header-cart.variant-1 .dropdown-container .product-item-photo span.product-image-wrapper {
        display: block;
        position: relative;
        overflow: hidden;
    }

        .header-cart.variant-1 .dropdown-container .product-item-photo span.product-image-wrapper::before {
            display: block;
            content: "";
            padding-top: 100%;
        }

    .header-cart.variant-1 .dropdown-container .product-item-photo .product-image-wrapper img {
        position: absolute;
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
    }

.header-cart.variant-1 .dropdown-container .product-item-details {
    width: calc(100% - 83px);
}

.header-cart.variant-1 .dropdown-container .product-item-name,
.header-cart.variant-1 .dropdown-container .product-item-qty,
.header-cart.variant-1 .dropdown-container .product-item-pricing {
    float: left;
    padding: 0 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2em;
}

.header-cart.variant-1 .dropdown-container .product-item-name {
    width: 48%;
    margin-top: 6px;
    overflow: hidden;
    font-size: 12px;
}

@media screen and (max-width:480px) {
    .header-cart.variant-1 .dropdown-container .product-item-name {
        max-height: 57.6px;
    }
}

.header-cart.variant-1 .dropdown-container .product-item-name a {
    color: #191919;
}

    .header-cart.variant-1 .dropdown-container .product-item-name a:hover {
        color: #f82e56;
        text-decoration: none;
    }

.header-cart.variant-1 .dropdown-container .product-item-qty {
    width: 28%;
}

    .header-cart.variant-1 .dropdown-container .product-item-qty input {
        width: 33%;
        padding: 5px 2px;
        text-align: center;
        background: transparent;
        border: 0;
        font-size: 14px;
        font-weight: 600;
    }

    .header-cart.variant-1 .dropdown-container .product-item-qty .label {
        display: none;
    }

.header-cart.variant-1 .dropdown-container .product-item-pricing {
    width: 30%;
}

    .header-cart.variant-1 .dropdown-container .product-item-pricing .price-container {
        float: right;
        font-size: 16px;
        font-weight: 700;
        line-height: 2em;
        color: #e30000;
        text-align: left;
        margin-right: -5px;
    }

.header-cart.variant-1 .dropdown-container .product.actions {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    width: 60px;
    text-align: right;
}

    .header-cart.variant-1 .dropdown-container .product.actions > div {
        display: inline-block;
        margin: 0 2px;
    }

    .header-cart.variant-1 .dropdown-container .product.actions a {
        display: block;
        color: #191919;
        text-decoration: none;
        margin: 5px 0;
    }

        .header-cart.variant-1 .dropdown-container .product.actions a:hover,
        .header-cart.variant-1 .dropdown-container .product.actions a:hover::after {
            color: #f82e56;
            text-decoration: none;
        }

    .header-cart.variant-1 .dropdown-container .product.actions .action.edit span,
    .header-cart.variant-1 .dropdown-container .product.actions .action.delete span {
        display: none;
    }

    .header-cart.variant-1 .dropdown-container .product.actions .action.edit::after,
    .header-cart.variant-1 .dropdown-container .product.actions .action.delete::after {
        display: block;
        font-family: 'icomoon-reg';
        content: "\e944";
        font-size: 16px;
        line-height: 20px;
        text-align: center;
    }

    .header-cart.variant-1 .dropdown-container .product.actions .action.edit::after {
        content: "\e90e";
    }

.header-cart.variant-1 .dropdown-container .total-title,
.header-cart.variant-1 .dropdown-container .total-price {
    width: 50%;
    float: left;
}

.header-cart.variant-1 .dropdown-container .total-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8em;
    color: #333745;
}

.header-cart.variant-1 .dropdown-container .total-price {
    text-align: right;
}

.header-cart.variant-1 .dropdown-container button.btn {
    margin: 15px 0 0;
}

/* minicartのhistory ver. */
.header-cart.variant-history .dropdown-container {
    min-width: 360px;
    padding: 20px 20px 10px;
    white-space: normal;
}

    .header-cart.variant-history .dropdown-container .block-title {
        font-size: 15px;
        line-height: 1.2em;
        display: inline-block;
    }

    .header-cart.variant-history .dropdown-container .block-content {
        padding: 5px 0 0 0;
        color: #191919;
    }

        .header-cart.variant-history .dropdown-container .block-content .items-total,
        .header-cart.variant-history .dropdown-container .block-content .subtitle {
            display: block;
            width: 50%;
            float: left;
            font-size: 16px;
            line-height: 1.2em;
            font-weight: 500;
        }

        .header-cart.variant-history .dropdown-container .block-content .subtitle {
            width: 100%;
            clear: both;
            padding-top: 15px;
            margin-bottom: 15px;
        }

        .header-cart.variant-history .dropdown-container .block-content .subtotal {
            display: block;
            width: 50%;
            float: right;
            text-align: right;
        }

            .header-cart.variant-history .dropdown-container .block-content .subtotal .label {
                font-size: 16px;
                line-height: 1.2em;
                font-weight: bold;
                padding: 0 10px 0 0;
                font-weight: 500;
            }

            .header-cart.variant-history .dropdown-container .block-content .subtotal .price-container {
                font-size: 20px;
                line-height: 1.2em;
                font-weight: bold;
                color: #f82e56;
                display: inline-block;
            }

        .header-cart.variant-history .dropdown-container .block-content .actions {
            clear: both;
            padding: 10px 0 0;
            text-align: right;
        }

            .header-cart.variant-history .dropdown-container .block-content .actions button.checkout,
            .header-cart.variant-history .dropdown-container .block-content .actions .action.viewcart {
                min-width: 170px;
            }

            .header-cart.variant-history .dropdown-container .block-content .actions > div {
                display: inline-block;
                margin-bottom: 10px;
            }

        .header-cart.variant-history .dropdown-container .block-content .action.viewcart {
            display: inline-block;
            margin-bottom: 0;
            font-weight: normal;
            text-align: center;
            vertical-align: middle;
            cursor: pointer;
            background-image: none;
            border: 1px solid transparent;
            white-space: nowrap;
            padding: 6px 12px;
            line-height: 1.42857143;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            height: 41px;
            padding: 0 15px;
            font-size: 15px;
            line-height: 41px;
            font-weight: 500;
            border-radius: 0;
            border: 1px solid #f82e56;
            -webkit-transition: all 0.3s cubic-bezier(0.3, 1, 0.3, 1);
            transition: all 0.3s cubic-bezier(0.3, 1, 0.3, 1);
        }

            .header-cart.variant-history .dropdown-container .block-content .action.viewcart:focus,
            .header-cart.variant-history .dropdown-container .block-content .action.viewcart:active:focus,
            .header-cart.variant-history .dropdown-container .block-content .action.viewcart.active:focus {
                outline: thin dotted;
                outline: 5px auto -webkit-focus-ring-color;
                outline-offset: -2px;
            }

            .header-cart.variant-history .dropdown-container .block-content .action.viewcart:hover,
            .header-cart.variant-history .dropdown-container .block-content .action.viewcart:focus {
                color: #333;
                text-decoration: none;
            }

            .header-cart.variant-history .dropdown-container .block-content .action.viewcart:active,
            .header-cart.variant-history .dropdown-container .block-content .action.viewcart.active {
                outline: 0;
                background-image: none;
                -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
                box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            }

            .header-cart.variant-history .dropdown-container .block-content .action.viewcart.disabled,
            .header-cart.variant-history .dropdown-container .block-content .action.viewcart[disabled],
            fieldset[disabled] .header-cart.variant-history .dropdown-container .block-content .action.viewcart {
                cursor: not-allowed;
                pointer-events: none;
                opacity: 0.65;
                filter: alpha(opacity=65);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .header-cart.variant-history .dropdown-container .block-content .action.viewcart:focus,
            .header-cart.variant-history .dropdown-container .block-content .action.viewcart:active:focus,
            .header-cart.variant-history .dropdown-container .block-content .action.viewcart.active:focus,
            .header-cart.variant-history .dropdown-container .block-content .action.viewcart.focus,
            .header-cart.variant-history .dropdown-container .block-content .action.viewcart:active.focus,
            .header-cart.variant-history .dropdown-container .block-content .action.viewcart.active.focus {
                outline: 0;
                outline: none;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .header-cart.variant-history .dropdown-container .block-content .action.viewcart:hover,
            .header-cart.variant-history .dropdown-container .block-content .action.viewcart:focus,
            .header-cart.variant-history .dropdown-container .block-content .action.viewcart.focus {
                outline: 0;
                outline: none;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .header-cart.variant-history .dropdown-container .block-content .action.viewcart:active,
            .header-cart.variant-history .dropdown-container .block-content .action.viewcart.active {
                outline: 0;
                outline: none;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .header-cart.variant-history .dropdown-container .block-content .action.viewcart.pull-right {
                margin-right: 10px;
            }

            .header-cart.variant-history .dropdown-container .block-content .action.viewcart,
            .header-cart.variant-history .dropdown-container .block-content .action.viewcart.focus,
            .header-cart.variant-history .dropdown-container .block-content .action.viewcart:focus,
            .header-cart.variant-history .dropdown-container .block-content .action.viewcart:active {
                background: #f82e56;
                color: #fff;
                border-color: #f82e56;
            }

                .header-cart.variant-history .dropdown-container .block-content .action.viewcart:hover {
                    background: transparent;
                    color: #f82e56;
                    border-color: #f82e56;
                }

                .header-cart.variant-history .dropdown-container .block-content .action.viewcart.btn-invert,
                .header-cart.variant-history .dropdown-container .block-content .action.viewcart.btn-invert:active,
                .header-cart.variant-history .dropdown-container .block-content .action.viewcart.btn-invert.focus,
                .header-cart.variant-history .dropdown-container .block-content .action.viewcart.btn-invert:focus {
                    background: transparent;
                    color: #f82e56;
                }

                    .header-cart.variant-history .dropdown-container .block-content .action.viewcart.btn-invert:hover {
                        background: #f82e56;
                        color: #fff;
                    }

                .header-cart.variant-history .dropdown-container .block-content .action.viewcart i.icon {
                    display: inline-block;
                    vertical-align: text-top;
                    font-size: 1.2em;
                    line-height: 1.2em;
                    margin-right: 0.4em;
                }

                    .header-cart.variant-history .dropdown-container .block-content .action.viewcart i.icon:only-child {
                        font-size: 1.2em;
                        margin-right: 0;
                        vertical-align: baseline;
                    }

                .header-cart.variant-history .dropdown-container .block-content .action.viewcart span {
                    position: relative;
                    top: 0;
                    left: 0;
                }

        .header-cart.variant-history .dropdown-container .block-content .action.viewcart-sm {
            height: 26px;
            padding: 0 8px;
            font-size: 12px;
            line-height: 26px;
        }

            .header-cart.variant-history .dropdown-container .block-content .action.viewcart-sm i.icon {
                line-height: 1em;
                margin-right: 0.3em;
            }

        .header-cart.variant-history .dropdown-container .block-content .action.viewcart-lg {
            padding: 4px 25px 3px;
            font-size: 16.5px;
            height: auto;
            border-width: 1px;
        }

        .header-cart.variant-history .dropdown-container .block-content .action.viewcart-xl {
            padding: 15px 40px;
            font-size: 24px;
            height: auto;
            border-width: 2px;
        }

        .header-cart.variant-history .dropdown-container .block-content .action.viewcart-xxl {
            padding: 25px 50px;
            font-size: 28.995px;
            height: auto;
            border-width: 2px;
        }

        .header-cart.variant-history .dropdown-container .block-content .action.viewcart,
        .header-cart.variant-history .dropdown-container .block-content .action.viewcart.focus,
        .header-cart.variant-history .dropdown-container .block-content .action.viewcart:focus,
        .header-cart.variant-history .dropdown-container .block-content .action.viewcart:active {
            background: #333745;
            border-color: #333745;
        }

            .header-cart.variant-history .dropdown-container .block-content .action.viewcart:hover {
                background: transparent;
                color: #333745;
                border-color: #333745;
            }

            .header-cart.variant-history .dropdown-container .block-content .action.viewcart.btn-invert,
            .header-cart.variant-history .dropdown-container .block-content .action.viewcart.btn-invert:active,
            .header-cart.variant-history .dropdown-container .block-content .action.viewcart.btn-invert.focus,
            .header-cart.variant-history .dropdown-container .block-content .action.viewcart.btn-invert:focus {
                background: transparent;
                color: #333745;
            }

                .header-cart.variant-history .dropdown-container .block-content .action.viewcart.btn-invert:hover {
                    background: #333745;
                    color: #fff;
                }

    .header-cart.variant-history .dropdown-container .btn-minicart-close {
        display: none;
    }

    .header-cart.variant-history .dropdown-container .minicart-items-wrapper {
        margin: 0 0 10px;
        padding: 0;
    }

    .header-cart.variant-history .dropdown-container li {
        margin: 0;
        padding: 0;
    }

    .header-cart.variant-history .dropdown-container .label {
        display: none;
        color: #191919;
    }

    .header-cart.variant-history .dropdown-container .product {
        overflow: hidden;
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .header-cart.variant-history .dropdown-container .product-item {
        position: relative;
        width: 100%;
        margin-top: 10px;
        padding-bottom: 10px;
    }

        .header-cart.variant-history .dropdown-container .product-item::after {
            content: '';
            display: table;
            clear: both;
        }

        .header-cart.variant-history .dropdown-container .product-item::before {
            content: '';
            position: absolute;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 1px;
            background: #f0f0f0;
        }

    .header-cart.variant-history .dropdown-container .product-item-photo,
    .header-cart.variant-history .dropdown-container .product-item-details {
        float: left;
        padding: 0;
    }

    .header-cart.variant-history .dropdown-container .product-item-photo {
        width: 60px;
        min-width: 60px;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }

    .header-cart.variant-history .dropdown-container .item-history a:hover {
        opacity: 0.7;
    }

    .header-cart.variant-history .dropdown-container .product-item-details {
        width: calc(100% - 110px);
    }

    .header-cart.variant-history .dropdown-container .product-item-name {
        width: 100%;
        margin-top: 3px;
        overflow: hidden;
    }

    .header-cart.variant-history .dropdown-container .product.actions {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        padding: 0;
        margin: 0;
        width: 60px;
        text-align: right;
    }

        .header-cart.variant-history .dropdown-container .product.actions > div {
            display: inline-block;
            margin: 0 5px;
        }

        .header-cart.variant-history .dropdown-container .product.actions a {
            display: block;
            color: #191919;
            text-decoration: none;
            margin: 5px 0;
        }

            .header-cart.variant-history .dropdown-container .product.actions a:hover,
            .header-cart.variant-history .dropdown-container .product.actions a:hover::after {
                color: #f82e56;
                text-decoration: none;
            }

        .header-cart.variant-history .dropdown-container .product.actions .action.edit span,
        .header-cart.variant-history .dropdown-container .product.actions .action.delete span {
            display: none;
        }

        .header-cart.variant-history .dropdown-container .product.actions .action.edit::after,
        .header-cart.variant-history .dropdown-container .product.actions .action.delete::after {
            display: block;
            font-family: 'icomoon-reg';
            content: "\e9ac";
            font-size: 16px;
            line-height: 20px;
            text-align: center;
        }

        .header-cart.variant-history .dropdown-container .product.actions .action.edit::after {
            content: "\e90e";
        }

    .header-cart.variant-history .dropdown-container .total-title,
    .header-cart.variant-history .dropdown-container .total-price {
        width: 50%;
        float: left;
    }

    .header-cart.variant-history .dropdown-container .total-title {
        font-size: 14px;
        font-weight: 700;
        line-height: 1.8em;
        color: #333745;
    }

    .header-cart.variant-history .dropdown-container .total-price {
        text-align: right;
    }

    .header-cart.variant-history .dropdown-container button.btn {
        margin: 5px 0 0;
    }

/* wishlist20170927畠山追加 */
.product.actions .btn.add-to-cart {
    height: 52px;
    margin: 0 auto;
}

.product.actions .add-to-cart i {
    font-size: 24px;
}

/* ヘッダーの閲覧履歴20170927畠山追加 */
.item-history {
    list-style: outside none none;
    margin: 10px 0 0 -10px;
    padding: 0;
    width: calc(100% + 10px);
}

    .item-history a {
        backface-visibility: hidden;
        float: left;
        margin-bottom: 10px;
        margin-left: 11px;
        overflow: hidden;
        position: relative;
        transition: background-color 0.5s ease-in-out 0s;
        width: calc(33.3333% - 15px);
        z-index: 1;
    }

        .item-history a::before {
            content: "";
            padding-top: 100%;
            display: block;
        }

        .item-history a > img {
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
        }

        .item-history a img {
            backface-visibility: hidden;
            image-rendering: optimizequality;
            max-width: 100%;
            transform: scale(1.01) rotate(0.0001deg);
            transition: transform 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s;
            vertical-align: middle;
        }

/* /ヘッダーの閲覧履歴20170927畠山追加 */

/* mobilecart */
@media (min-width: 481px) and (max-width: 991px) {
    .header-cart.variant-1 .dropdown-container::after {
        /* dark overlay layer */
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 120%;
        height: 120%;
        background: transparent;
        cursor: pointer;
        -webkit-transition: background-color 0.3s ease 0.3s;
        transition: background-color 0.3s ease 0.3s;
    }

    .header-cart.active .dropdown-container::after {
        background: rgba(0, 0, 0, 0.6);
        -webkit-transition: background-color 0.3s ease 0;
        transition: background-color 0.3s ease 0;
    }
}

@media screen and (max-width: 991px) {
    .header-cart.variant-1 .dropdown-container,
    .header-cart.variant-3 .dropdown-container,
    .header-cart.variant-history .dropdown-container,
    .header-link.dropdown-link.header-account .dropdown-container {
        display: block !important;
        opacity: 1;
        position: fixed;
        z-index: 5000;
        right: 0;
        top: 0;
        height: 100%;
        width: 100%;
        visibility: hidden;
        background: transparent;
        -webkit-transition: visibility 0s ease 0.6s;
        transition: visibility 0s ease 0.6s;
    }

        .header-cart.variant-1 .dropdown-container::before,
        .header-cart.variant-3 .dropdown-container::before,
        .header-cart.variant-history .dropdown-container::before,
        .header-link.dropdown-link.header-account .dropdown-container::before {
            display: none;
        }

        .header-cart.variant-1 .dropdown-container .block-content,
        .header-cart.variant-3 .dropdown-container .block-content,
        .header-cart.variant-history .dropdown-container .block-content,
        .header-link.dropdown-link.header-account .dropdown-container .block-content {
            position: fixed;
            z-index: 999;
            top: 0;
            right: 0;
            height: 100%;
            width: 100%;
            max-width: 480px;
            padding: 65px 15px 10px;
            overflow: hidden;
            -webkit-transform: translateX(120%);
            transform: translateX(120%);
            background: #fff;
            -webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0.3s;
            transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0.3s;
        }

        .header-cart.variant-3 .dropdown-container .block-content {
            padding-top: 55px;
            /* ミニウィッシュリストだけ上部を詰める */
        }

        .header-cart.variant-1 .dropdown-container .block-title,
        .header-cart.variant-3 .dropdown-container .block-title,
        .header-cart.variant-history .dropdown-container .block-title,
        .header-link.dropdown-link.header-account .dropdown-container .block-title {
            position: fixed;
            display: block;
            right: 0;
            top: -50px;
            width: 100%;
            max-width: 480px;
            height: 50px;
            font-size: 16px;
            font-weight: bold;
            line-height: 50px;
            padding: 0 20px;
            background: #007f3c;
            color: #fff;
            z-index: 1000;
            cursor: pointer;
            -webkit-transition: top 0.3s ease 0s;
            transition: top 0.3s ease 0s;
            text-align: left;
        }

            .header-cart.variant-1 .dropdown-container .block-title .qty {
                display: none;
            }

            .header-cart.variant-1 .dropdown-container .block-title::before,
            .header-cart.variant-1 .dropdown-container .block-title::after,
            .header-cart.variant-3 .dropdown-container .block-title::before,
            .header-cart.variant-3 .dropdown-container .block-title::after,
            .header-cart.variant-history .dropdown-container .block-title::before,
            .header-cart.variant-history .dropdown-container .block-title::after,
            .header-link.dropdown-link.header-account .dropdown-container .block-title::before,
            .header-link.dropdown-link.header-account .dropdown-container .block-title::after {
                content: '';
                position: absolute;
                top: 22px;
                right: 20px;
                height: 3px;
                width: 20px;
                background: #fff;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
            }

            .header-cart.variant-1 .dropdown-container .block-title::before,
            .header-cart.variant-3 .dropdown-container .block-title::before,
            .header-cart.variant-history .dropdown-container .block-title::before,
            .header-link.dropdown-link.header-account .dropdown-container .block-title::before {
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .header-cart.variant-1 .dropdown-container .block-title::after,
            .header-cart.variant-3 .dropdown-container .block-title::after,
            .header-cart.variant-history .dropdown-container .block-title::after,
            .header-link.dropdown-link.header-account .dropdown-container .block-title::after {
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

        .header-cart.variant-1 .dropdown-container .product.actions,
        .header-cart.variant-3 .dropdown-container .product.actions,
        .header-cart.variant-history .dropdown-container .product.actions {
            width: 24px;
        }

    .header-cart.variant-1.active .dropdown-container,
    .header-cart.variant-3.active .dropdown-container,
    .header-cart.variant-history.active .dropdown-container,
    .header-link.dropdown-link.header-account.active .dropdown-container {
        visibility: visible;
        -webkit-transition: visibility 0s ease 0s;
        transition: visibility 0s ease 0s;
    }

        .header-cart.variant-1.active .dropdown-container .block-content,
        .header-cart.variant-3.active .dropdown-container .block-content,
        .header-cart.variant-history.active .dropdown-container .block-content,
        .header-link.dropdown-link.header-account.active .dropdown-container .block-content {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            -webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0s;
            transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0s;
        }

        .header-cart.variant-1.active .dropdown-container .block-title {
            top: 0;
            -webkit-transition: top 0.3s ease 0.5s;
            transition: top 0.3s ease 0.5s;
        }

        .header-cart.variant-3.active .dropdown-container .block-title {
            top: 0;
            -webkit-transition: top 0.3s ease 0.5s;
            transition: top 0.3s ease 0.5s;
        }

    .header-cart.variant-1 .close,
    .header-cart.variant-3 .close,
    .header-cart.variant-history .close {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 60px;
        color: #fff;
        opacity: 1;
    }

        .header-cart.variant-1 .close span,
        .header-cart.variant-3 .close span,
        .header-cart.variant-history .close span {
            display: none;
        }

        .header-cart.variant-1 .close::before,
        .header-cart.variant-1 .close::after,
        .header-cart.variant-3 .close::before,
        .header-cart.variant-3 .close::after,
        .header-cart.variant-history .close::before,
        .header-cart.variant-history .close::after {
            content: '';
            position: absolute;
            top: 22px;
            left: 20px;
            height: 3px;
            width: 20px;
            background: #fff;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        .header-cart.variant-1 .close::before,
        .header-cart.variant-3 .close::before,
        .header-cart.variant-history .close::before {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .header-cart.variant-1 .close::after,
        .header-cart.variant-3 .close::after,
        .header-cart.variant-history .close::after {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
    /*↓これはこのまま↓*/
    .header-cart.variant-1 .dropdown-container .block-title {
        height: auto;
        line-height: 20px;
        padding: 15px 35px;
    }

    .header-cart.variant-1 .dropdown-container .product-item-photo {
        width: 90px;
        min-width: 90px;
    }

    .header-cart.variant-1 .dropdown-container .product-item-pricing .price-container {
        font-size: 15px;
    }
}

@media screen and (max-width: 480px) {
    .header-cart.variant-1 .dropdown-container .block-content {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media screen and (max-width: 320px) {
    .header-link.dropdown-link.header-account .dropdown-container .block-content {
        position: absolute;
    }
}

@media screen and (max-width: 680px) {
    .header-cart.variant-1 .dropdown-container .product-item-photo,
    .header-cart.variant-3 .dropdown-container .product-item-photo {
        width: 60px;
        min-width: 60px;
    }

    .header-cart.variant-1 .dropdown-container .product-item-pricing .price-container {
        font-size: 15px;
    }

    .header-cart.variant-3 .dropdown-container .product-item-pricing .price-container {
        font-size: 12px;
        padding-right: 40px;
    }

    .header-cart.variant-1 .dropdown-container .block-content .actions > div,
    .header-cart.variant-3 .dropdown-container .block-content .actions > div,
    .header-cart.variant-history .dropdown-container .block-content .actions > div {
        display: block;
    }

    .header-cart.variant-1 .dropdown-container .block-content .actions > div,
    .header-cart.variant-3 .dropdown-container .block-content .actions > div,
    .header-cart.variant-history .dropdown-container .block-content .actions > div {
        margin-bottom: 10px;
    }

        .header-cart.variant-1 .dropdown-container .block-content .actions > div .btn,
        .header-cart.variant-3 .dropdown-container .block-content .actions > div .btn,
        .header-cart.variant-history .dropdown-container .block-content .actions > div .btn {
            width: 100%;
        }
}
/* ヘッダーミニカートの下の余白調整 */
@media screen and (max-width: 480px) {
    .header-cart.variant-1 .dropdown-container .block-content .actions > div.primary {
        margin-bottom: 40px;
    }
}
/* iPhone SEに対応用のスタイリング */
@media screen and (max-width: 350px) {
    .header-cart.variant-1 .dropdown-container .product-item-photo,
    .header-cart.variant-3 .dropdown-container .product-item-photo {
        width: 45px;
        min-width: 45px;
    }

    .header-cart.variant-1 .dropdown-container .product.actions {
        width: 21px;
        right: -5px;
    }

    .header-cart.variant-1 .dropdown-container .product-item-pricing {
        padding: 0 0 0 4px;
    }

        .header-cart.variant-1 .dropdown-container .product-item-pricing .price-container {
            margin-right: -11px;
        }

    .header-cart.variant-1 .dropdown-container .product-item-qty {
        width: 26%;
        padding: 0 3px;
    }

        .header-cart.variant-1 .dropdown-container .product-item-qty input {
            font-size: 12px;
            padding-left: 0;
            padding-right: 0;
        }

    .header-cart.variant-1 .dropdown-container .product-item-name {
        font-size: 11px;
        width: 43%;
        height: 40px;
        padding-right: 1px;
    }

    .header-cart.variant-1 .dropdown-container .product-item-details {
        width: calc(100% - 72px);
    }

    .header-cart.variant-1 .dropdown-container .product-item-qty input.item-qty.cart-item-qty {
        font-size: 12px;
    }

    .header-cart.variant-1 .dropdown-container .product-item-qty input[type="button"] {
        font-size: 15px;
    }

    .btn-cart-s.visible-xs .rtd .btn-cart-s .btn-lg,
    .btn-cart-s.visible-xs .ltd .btn.btn-naturum {
        font-size: 14px;
    }

    .title.center h1.till_free {
        font-size: 24px;
    }

    .btn-checkout-s .rtd.col-xs-5 #checkout-order3.btn {
        font-size: 13px;
        padding: 0 6px;
    }

    .header-cart.variant-1.active .dropdown-container .minicart-content-wrapper > .block-content {
        padding-top: 58px;
    }

    .header-cart.variant-1 .dropdown-container .product.actions > div {
        margin: 0;
    }

    .header-cart.variant-1 .dropdown-container .block-content {
        padding: 65px 10px 10px;
        overflow: visible;
    }
}

/* minicart */
.header-cart.variant-2 .dropdown-container {
    width: 100%;
    background: #333745;
    color: #8f8f8f;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}

    .header-cart.variant-2 .dropdown-container .block.block-minicart {
        margin-bottom: 0;
    }

    .header-cart.variant-2 .dropdown-container .btn-minicart-close {
        display: none;
    }

    .header-cart.variant-2 .dropdown-container .block-title {
        display: block;
        background: #424652;
        padding: 15px 45px 15px 15px;
        font-size: 20px;
        line-height: 26px;
        font-weight: bold;
        color: #fff;
    }

    .header-cart.variant-2 .dropdown-container .block-content {
        padding: 5px 0 0;
        color: #191919;
    }

        .header-cart.variant-2 .dropdown-container .block-content .subtotal {
            display: block;
            width: 50%;
            float: right;
            margin-top: 20px;
            text-align: right;
            font-size: 31px;
            line-height: 1.2em;
            font-weight: bold;
            color: #fff;
        }

            .header-cart.variant-2 .dropdown-container .block-content .subtotal .label {
                padding: 0 10px 0 0;
                font-size: 100%;
            }

            .header-cart.variant-2 .dropdown-container .block-content .subtotal .price-container {
                display: inline-block;
                font-size: 31px;
                line-height: 1.2em;
                font-weight: bold;
            }

        .header-cart.variant-2 .dropdown-container .block-content .actions {
            clear: both;
            padding: 20px 0;
            text-align: right;
        }

            .header-cart.variant-2 .dropdown-container .block-content .actions > div {
                display: inline-block;
                vertical-align: top;
                margin-left: 10px;
            }

        .header-cart.variant-2 .dropdown-container .block-content .btn:hover {
            background: #fff;
            border-color: #fff;
        }

        .header-cart.variant-2 .dropdown-container .block-content .btn-alt {
            background: #fff;
            border-color: #fff;
            color: #f82e56;
        }

            .header-cart.variant-2 .dropdown-container .block-content .btn-alt:hover {
                background: #f82e56;
                border-color: #f82e56;
                color: #fff;
            }

    .header-cart.variant-2 .dropdown-container .minicart-items {
        margin: 0 0 10px;
        padding: 0;
    }

    .header-cart.variant-2 .dropdown-container li {
        margin: 0;
        padding: 0;
    }

    .header-cart.variant-2 .dropdown-container .label {
        color: #fff;
    }

    .header-cart.variant-2 .dropdown-container .product {
        overflow: hidden;
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .header-cart.variant-2 .dropdown-container .product-item {
        display: table;
        position: relative;
        width: 100%;
        margin-top: 20px;
        padding: 0 0 20px;
        border-bottom: 1px solid #3e4352;
    }

    .header-cart.variant-2 .dropdown-container .product-item-photo,
    .header-cart.variant-2 .dropdown-container .product-item-details {
        display: table-cell;
        float: none;
        padding: 0;
    }

    .header-cart.variant-2 .dropdown-container .product-item-photo {
        width: 90px;
        min-width: 90px;
        vertical-align: middle;
    }

        .header-cart.variant-2 .dropdown-container .product-item-photo img {
            width: 100%;
        }

    .header-cart.variant-2 .dropdown-container .product-item-details {
        width: auto;
    }

    .header-cart.variant-2 .dropdown-container .product-item-name,
    .header-cart.variant-2 .dropdown-container .product-item-qty,
    .header-cart.variant-2 .dropdown-container .product-item-pricing {
        display: table-cell;
        vertical-align: middle;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.2em;
    }

    .header-cart.variant-2 .dropdown-container .product-item-name {
        width: 45%;
        padding: 0 15px;
        margin-bottom: 15px;
        font-size: 25px;
        line-height: 28px;
        font-weight: 700;
    }

        .header-cart.variant-2 .dropdown-container .product-item-name a {
            color: #fff;
        }

            .header-cart.variant-2 .dropdown-container .product-item-name a:hover {
                color: #f82e56;
                text-decoration: none;
            }

    .header-cart.variant-2 .dropdown-container .product-item-qty {
        width: 25%;
    }

        .header-cart.variant-2 .dropdown-container .product-item-qty input {
            width: 65px;
            padding: 15px;
            border: 0;
            background: #424652;
            text-align: center;
            font-size: 25px;
            line-height: 35px;
            color: #fff;
            font-weight: 700;
        }

        .header-cart.variant-2 .dropdown-container .product-item-qty .label {
            display: inline-block;
            vertical-align: top;
            padding: 0 5px;
            font-size: 25px;
            line-height: 65px;
            font-weight: 700;
            color: #fff;
        }

    .header-cart.variant-2 .dropdown-container .product-item-pricing {
        width: 30%;
    }

        .header-cart.variant-2 .dropdown-container .product-item-pricing .price-container {
            float: right;
            font-size: 25px;
            line-height: 30px;
            font-weight: 700;
            color: #f82e56;
            text-align: left;
        }

    .header-cart.variant-2 .dropdown-container .product.actions {
        text-align: right;
    }

        .header-cart.variant-2 .dropdown-container .product.actions > div {
            display: inline-block;
            margin-left: 10px;
        }

        .header-cart.variant-2 .dropdown-container .product.actions a {
            display: inline-block;
            font-size: 16px;
            line-height: 22px;
            color: #fff;
        }

            .header-cart.variant-2 .dropdown-container .product.actions a:hover {
                color: #f82e56;
                text-decoration: none;
            }

        .header-cart.variant-2 .dropdown-container .product.actions .action.edit::before,
        .header-cart.variant-2 .dropdown-container .product.actions .action.delete::before {
            display: inline-block;
            font-family: 'icomoon-reg';
            content: "\e9ac";
            font-size: 16px;
            padding-right: 4px;
        }

        .header-cart.variant-2 .dropdown-container .product.actions .action.edit::before {
            content: "\e90e";
        }
/* desktop */
body:not(.touch) .header-cart.variant-2.dropdown-link .block-minicart {
    position: relative;
    overflow-y: scroll;
    height: 100%;
    max-height: 0;
    width: calc(100% + 30px);
    padding: 15px 30px 15px 15px;
    -webkit-transition: max-height 0.5s cubic-bezier(.25,1,.30,1) 0.3s;
    transition: max-height 0.5s cubic-bezier(.25,1,.30,1) 0.3s;
}

@media screen and (min-width: 992px) {
    .header-cart.variant-2.dropdown-link > a:hover {
        padding-bottom: 20px;
    }

    .header-cart.variant-2.dropdown-link .dropdown-container {
        overflow: hidden;
        visibility: visible;
        opacity: 1;
        top: 100%;
        max-height: 0;
        padding: 0;
        z-index: 1;
        border: 0;
        -webkit-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: max-height 0.5s cubic-bezier(.25,1,.30,1) 0.3s, box-shadow 0.5s ease 0.5s;
        transition: max-height 0.5s cubic-bezier(.25,1,.30,1) 0.3s, box-shadow 0.5s ease 0.5s;
    }

    .header-cart.variant-2.dropdown-link:hover .dropdown-container {
        top: 100%;
        -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
        -webkit-transition: max-height 0.5s cubic-bezier(.25,1,.30,1) 0.3s, box-shadow 0.5s ease 0.5s;
        transition: max-height 0.5s cubic-bezier(.25,1,.30,1) 0.3s, box-shadow 0.5s ease 0.5s;
    }

    .header-cart.variant-2.dropdown-link .minicart-content-wrapper,
    .header-cart.variant-2.dropdown-link #minicart-content-wrapper {
        position: relative;
    }

        .header-cart.variant-2.dropdown-link .minicart-content-wrapper::after,
        .header-cart.variant-2.dropdown-link #minicart-content-wrapper::after {
            content: '';
            position: absolute;
            z-index: 1;
            width: calc(100% + 30px);
            height: 2px;
            bottom: -15px;
            left: -15px;
            right: -15px;
            background: #f82e56;
        }

    .header-cart.variant-2.dropdown-link .block-minicart {
        position: relative;
        overflow-y: scroll;
        height: 100%;
        max-height: 0;
        width: calc(100% + 30px);
        padding: 15px 30px 15px 15px;
        -webkit-transition: max-height 0.5s cubic-bezier(.25,1,.30,1) 0.3s;
        transition: max-height 0.5s cubic-bezier(.25,1,.30,1) 0.3s;
    }

    body.touch .header-cart.variant-2.dropdown-link .block-minicart {
        width: 100%;
        padding: 15px;
    }
}

@media screen and (min-width: 992px) {
    .header-cart.variant-2 {
        position: static;
    }
}

@media screen and (min-width: 992px) {
    @supports (-ms-accelerator: true) {
        .header-cart.variant-2.dropdown-link .block-minicart {
            width: 100%;
            padding: 15px;
        }
    }
}

@media screen and (min-width: 992px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .header-cart.variant-2.dropdown-link .block-minicart {
        width: 100%;
        padding: 15px;
    }
}

@media screen and (min-width: 992px) {
    body.mac .header-cart.variant-2.dropdown-link .block-minicart {
        width: 100%;
        padding: 15px;
    }
}
/* mobilecart */
body.touch .header-cart.variant-2 .dropdown-container .btn-minicart-close {
    display: block;
    position: absolute;
    right: 10px;
    top: 14px;
    color: #fff;
    font-size: 26px;
    line-height: 30px;
    text-decoration: none;
    cursor: pointer;
}

    body.touch .header-cart.variant-2 .dropdown-container .btn-minicart-close:hover {
        color: #f82e56;
    }

@media screen and (max-width: 991px) {
    .header-cart.variant-2 .dropdown-container {
        left: 0;
        padding: 0;
    }

        .header-cart.variant-2 .dropdown-container .product-item-name {
            font-size: 16px;
            line-height: 20px;
            font-weight: 700;
        }

        .header-cart.variant-2 .dropdown-container .product-item-qty input {
            font-size: 18px;
            line-height: 20px;
            height: 50px;
            width: 50px;
            padding: 15px 10px;
        }

        .header-cart.variant-2 .dropdown-container .product-item-qty .label {
            display: none;
        }

        .header-cart.variant-2 .dropdown-container .product-item-pricing .price-container {
            font-size: 20px;
        }

        .header-cart.variant-2 .dropdown-container .product.actions {
            padding: 5px 0 0;
        }

            .header-cart.variant-2 .dropdown-container .product.actions a span {
                display: none;
            }

        .header-cart.variant-2 .dropdown-container .product-item-photo {
            width: 60px;
            min-width: 60px;
        }

        .header-cart.variant-2 .dropdown-container .block-content {
            padding: 5px 15px;
        }

            .header-cart.variant-2 .dropdown-container .block-content .subtotal {
                width: 100%;
                margin-top: 10px;
                font-size: 20px;
            }

                .header-cart.variant-2 .dropdown-container .block-content .subtotal .price-container {
                    font-size: 20px;
                }

            .header-cart.variant-2 .dropdown-container .block-content .actions > div .btn {
                min-width: 200px;
                margin-bottom: 10px;
            }

    body:not(.touch) header.is-sticky .dropdown-link.header-cart.variant-2:hover > .dropdown-container {
        top: calc(100%);
    }

    body:not(.touch) .dropdown-link.header-cart.variant-2:hover > .dropdown-container {
        top: calc(100% - 50px);
    }

    body:not(.touch) .header-cart.variant-2 .dropdown-container .block-content {
        padding-left: 0;
        padding-right: 0;
    }

    body:not(.touch) .header-cart.variant-2.dropdown-link .block-minicart {
        width: calc(100% + 15px);
    }

    body.touch .header-cart.variant-2.header-link .dropdown-container {
        top: 100%;
        z-index: 10000;
        border-bottom-width: 0;
        -webkit-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    body.touch .header-cart.variant-2.header-link.active .dropdown-container {
        -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    }

    body.touch .header-cart.variant-2 .dropdown-container {
        overflow: scroll;
    }
}

/* 3.4 Product
-----------------------------------------------------------------*/
/* 3.4.1 Product variants
-----------------------------------------------------------------*/
.products-grid {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
    .products-grid {
        margin-bottom: 0;
    }
}

.products-grid-wrapper {
    overflow: hidden;
    margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
    .products-grid-wrapper {
        margin-bottom: 30px;
    }
}

.products-grid-wrapper.isotope-wrapper {
    overflow: visible;
}

.products-grid.products-carousel {
    margin-bottom: 20px;
}

    .products-grid.products-carousel .special-price .tax-included {
        font-size: 10px;
        font-weight: normal;
        line-height: 11px;
    }

@media screen and (max-width: 767px) {
    .products-grid.products-carousel .special-price .tax-included {
        display: block;
    }
}

@media screen and (max-width: 991px) {
    .products-grid.products-carousel {
        margin-bottom: 15px;
    }

    .block > .container > .title > button.slick-prev + h2 {
        width: 83%;
        line-height: 1.2em;
        margin-bottom: 10px;
    }
}

.product-action-btn,
.product-action-btn:focus {
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #333745;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .product-action-btn i.icon,
    .product-action-btn:focus i.icon {
        font-size: 15px;
        line-height: 29px;
        margin: 0;
    }

    .product-action-btn:hover {
        color: #fff;
        background: #f82e56;
    }

.product-item-inside {
    overflow: hidden;
    position: relative;
}

.product-item.large {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 -4px 30px 0;
    padding-left: 8px;
    padding-right: 8px;
}

    .product-item.large .product-item-info {
        display: table;
        table-layout: fixed;
        position: relative;
        overflow: hidden;
        background: #fff;
        width: 100%;
    }

    .product-item.large .product-item-photo {
        position: static;
        display: table-cell;
        width: 50%;
    }

        .product-item.large .product-item-photo img {
            width: 100%;
        }

    .product-item.large .product-item-details {
        position: relative;
        overflow: hidden;
        display: table-cell;
        vertical-align: middle;
        padding: 12px;
        width: 50%;
    }

        .product-item.large .product-item-details .product-item-actions .actions-primary {
            display: block;
        }

    .product-item.large .product-item-description {
        display: none;
    }

    .product-item.large .product-item-name {
        font-size: 16px;
        line-height: 1.2em;
        margin-bottom: 10px;
        font-weight: 700;
    }

        .product-item.large .product-item-name a {
            color: #333745;
        }

            .product-item.large .product-item-name a span {
                display: block;
            }

                .product-item.large .product-item-name a span:first-child {
                    color: #666;
                    font-size: 10px;
                    line-height: 1.2em;
                    margin-bottom: 4px;
                }

@media screen and (max-width: 991px) {
    div:not(.search-result) > div#searchResult .product-item.large .product-item-name a span:last-child {
        height: 48px;
        overflow: hidden;
        position: relative;
        word-break: break-all;
    }

        div:not(.search-result) > div#searchResult .product-item.large .product-item-name a span:last-child::before,
        div:not(.search-result) > div#searchResult .product-item.large .product-item-name a span:last-child::after {
            position: absolute;
            background: #fff;
        }

        div:not(.search-result) > div#searchResult .product-item.large .product-item-name a span:last-child::before {
            content: "...";
            bottom: 0;
            right: -2px;
            width: 19px;
        }

        div:not(.search-result) > div#searchResult .product-item.large .product-item-name a span:last-child::after {
            content: "";
            width: 100%;
            height: 100%;
        }
}

.product-item.large .product-item-actions .actions-primary {
    display: none;
}

    .product-item.large .product-item-actions .actions-primary i.icon {
        display: none;
    }

.product-item.large .product-item-actions .actions-secondary {
    position: absolute;
    -webkit-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
}

    .product-item.large .product-item-actions .actions-secondary a,
    .product-item.large .product-item-actions .actions-secondary a:focus {
        color: #fff;
        text-align: center;
        text-decoration: none;
        background: #333745;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .product-item.large .product-item-actions .actions-secondary a i.icon,
        .product-item.large .product-item-actions .actions-secondary a:focus i.icon {
            font-size: 15px;
            line-height: 29px;
            margin: 0;
        }

        .product-item.large .product-item-actions .actions-secondary a:hover {
            color: #fff;
            background: #f82e56;
        }

        .product-item.large .product-item-actions .actions-secondary a > span {
            display: none;
        }

.product-item-rating {
    font-size: 0px;
    color: #f82e56;
}

    .product-item-rating i.icon {
        font-size: 12px;
        margin-right: 2px;
    }

        .product-item-rating i.icon.fill,
        .product-item-rating i.icon.icon-star-half {
            color: #ffa500;
        }

        .product-item-rating i.icon.blank {
            color: #ccc;
        }

.price-box {
    margin-bottom: 12px;
}

    .price-box .price,
    .price-box .special-price {
        font-size: 18px;
        line-height: 1.2em;
        font-weight: 700;
        color: #e30000;
    }

    .price-box .old-price {
        padding-right: 5px;
        font-size: 15px;
        line-height: 1.2em;
        font-weight: 300;
        color: #333745;
        text-decoration: line-through;
    }

.products-grid .product-item.large:hover .countdown-box {
    opacity: 0;
    visibility: hidden;
}

.products-listview .product-item.large .product-item-photo:hover .countdown-box {
    opacity: 0;
    visibility: hidden;
}

.products-carousel .product-item.large {
    margin-bottom: 0;
}

.products-grid.six-in-row .product-item.large {
    width: 16.66557%;
}

.products-grid.five-in-row .product-item.large {
    width: 20%;
}

.products-grid.four-in-row .product-item.large {
    width: 25%;
}

.products-grid.three-in-row .product-item.large {
    width: 33.33333%;
}

.products-grid.two-in-row .product-item.large {
    width: 50%;
}

.products-grid.one-in-row .product-item.large {
    width: 100%;
}

@media screen and (max-width: 1399px) {
    .products-grid.six-in-row .product-item.large {
        width: 33.33333%;
    }

    .products-grid.five-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.four-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.three-in-row .product-item.large {
        width: 50%;
    }
}

@media screen and (max-width: 1199px) {
    .products-grid.six-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.five-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.four-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.three-in-row .product-item.large {
        width: 50%;
    }
}

@media screen and (max-width: 991px) {
    .products-grid.six-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.five-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.four-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.three-in-row .product-item.large {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .products-grid.six-in-row .product-item.large {
        width: 100%;
    }

    .products-grid.five-in-row .product-item.large {
        width: 100%;
    }

    .products-grid.four-in-row .product-item.large {
        width: 100%;
    }

    .products-grid.three-in-row .product-item.large {
        width: 100%;
    }

    .products-grid.two-in-row .product-item.large {
        width: 100%;
    }
}

#buyee-alliance-banner img {
    margin-bottom: 10px;
}

/*  multiple row bottom margin */
.slick-slide > div > .product-item.large {
    margin-bottom: 25px;
}

.slick-slide > div:last-child > .product-item.large {
    margin-bottom: 0;
}

.carousel-arrows .slick-prev::before,
.carousel-arrows .slick-next::before {
    font-size: 17px;
    line-height: 16px;
    position: absolute;
    top: 2px;
    left: 8px;
}

.carousel-arrows .slick-prev::before {
    left: 7px;
}
/* product variant 2 - no margin, action bottom, + description */
.products-grid.carousel-negative {
    margin-left: -30px;
    margin-right: -30px;
}

.product-item.small {
    margin: 5px 0 15px;
}

    .product-item.small:last-child {
        margin-bottom: 0;
    }

    .product-item.small:only-child {
        margin-bottom: 15px;
        display: block;
    }

    .product-item.small .product-item-photo {
        display: table-cell;
        width: 32%;
        min-width: 40px;
        position: relative;
        border: 5px solid #fff;
    }

        .product-item.small .product-item-photo img {
            width: calc(100%);
        }

    .product-item.small .product-item-details {
        position: relative;
        overflow: hidden;
        display: table-cell;
        vertical-align: middle;
        width: auto;
        padding: 0 0 0 10px;
    }

    .product-item.small .product-item-name {
        font-size: 13px;
        line-height: 1.2em;
        margin-bottom: 0;
        font-weight: 400;
    }

        .product-item.small .product-item-name a {
            color: #333745;
        }

    .product-item.small .divider-line {
        clear: all;
        height: 8px;
        margin: 0 0 8px;
        border-bottom: 1px solid #f0f0f0;
    }

    .product-item.small .price-box {
        float: left;
        font-size: 17px;
        line-height: 1.6em;
        font-weight: 700;
        color: #f82e56;
    }

    .product-item.small .product-item-actions {
        float: right;
    }

        .product-item.small .product-item-actions .btn i.icon {
            font-size: 15px;
            line-height: 22px;
        }

    .product-item.small .add_to_wishlist i.icon,
    .product-item.small .wishlist i.icon {
        vertical-align: top;
    }

/* color swatch */
.color-swatch {
    margin: 12px 0;
    padding: 0;
}

    .color-swatch li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 2px 0 0;
        width: 14px;
        -webkit-box-shadow: inset 0 0 1px #888888;
        box-shadow: inset 0 0 1px #888888;
    }

        .color-swatch li.active {
            border: 2px solid #f82e56;
            width: 18px;
            vertical-align: -5px;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .color-swatch li a {
            display: block;
        }

    .color-swatch img {
        width: 100%;
        display: block;
    }

@media screen and (min-width: 992px) {
    .products-listview .color-swatch {
        margin: 15px 0;
    }

        .products-listview .color-swatch li {
            margin: 0 3px 0 0;
            width: 20px;
        }

            .products-listview .color-swatch li.active {
                border: 2px solid #f82e56;
                width: 20px;
                vertical-align: middle;
            }
}

@media screen and (max-width: 991px) {
    .color-swatch {
        margin: 8px 0;
    }
}

.product-item.large .social-list {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    width: 35px;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    background: #fff;
}

    .product-item.large .social-list li {
        display: block;
        padding: 0;
        margin: 0;
        list-style-type: none;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

    .product-item.large .social-list a {
        position: relative;
        display: block;
        width: 35px;
        height: 29px;
        overflow: hidden;
        line-height: 29px;
        text-indent: 120%;
        text-decoration: none;
        text-align: center;
        color: #fff;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

        .product-item.large .social-list a:hover {
            opacity: 0.7;
        }

        .product-item.large .social-list a::before {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            position: absolute;
            width: 100%;
            font-size: 16px;
            text-align: center;
            line-height: 29px;
            text-indent: 0;
        }

/* not available */
.product-item-not-available {
    position: absolute;
    display: block;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 15px;
    right: 15px;
    padding: 8px;
    text-align: center;
    background: rgba(255, 255, 255, 0);
}

    .product-item-not-available > span {
        background: rgba(255, 255, 255, 0.5);
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    }

    .product-item-not-available span.text {
        display: inline-block;
        padding: 1.236em 2em;
        font-size: 17px;
        line-height: 1.2em;
        font-weight: 700;
        color: #333745;
        background: #fff;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    }

.products-listview .product-item-not-available {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
}

.products-listview.product-variant-4 .product-item.large .product-item-photo {
    position: static;
}

.products-listview.product-variant-4 .product-item.large .product-item-description {
    display: block;
    font-size: 15px;
    line-height: 1.467em;
    margin-bottom: 15px;
}

.products-listview.product-variant-4 .product-item.large .product-item-actions .actions-secondary {
    z-index: 1;
    background: transparent;
    bottom: 5px;
    left: 28%;
    padding: 0 0 0 40px;
    width: auto;
    -webkit-transform: none;
    transform: none;
}

    .products-listview.product-variant-4 .product-item.large .product-item-actions .actions-secondary a {
        color: #333745;
        opacity: 1;
        display: inline-block;
        padding: 5px 10px 5px 0;
        background: transparent;
    }

        .products-listview.product-variant-4 .product-item.large .product-item-actions .actions-secondary a:hover {
            color: #f82e56;
            background: transparent;
        }

        .products-listview.product-variant-4 .product-item.large .product-item-actions .actions-secondary a i.icon {
            font-size: 14px;
            padding-right: 7px;
            line-height: 20px;
        }

        .products-listview.product-variant-4 .product-item.large .product-item-actions .actions-secondary a > span {
            display: inline;
        }

@media screen and (min-width: 992px) {
    .products-listview .countdown-box {
        font-size: 20px;
    }

    .products-listview .countdown-wrapper {
        bottom: 0;
        left: 0;
        right: 0;
    }
}

/* オススメアイテムのスマホ表示調整 */
@media screen and (max-width: 767px) {
    .products-grid.product-variant-5 .product-item.large {
        margin-left: -5px;
    }
}
/* /オススメアイテムのスマホ表示調整 */

@media screen and (max-width: 1770px) {
    .products-listview .countdown-box {
        font-size: 15px;
    }
}

@media screen and (max-width: 1399px) {
    .products-listview .countdown-box {
        font-size: 16px;
    }
}

.products-grid.no-animate .product-item.large .product-action-btn,
.products-listview.no-animate .product-item.large .product-action-btn {
    -webkit-transition: none;
    transition: none;
}

.products-grid.no-animate .product-item.large .product-item-actions .actions-secondary,
.products-listview.no-animate .product-item.large .product-item-actions .actions-secondary {
    -webkit-transition: none;
    transition: none;
}

.products-grid.no-animate .product-item.large .social-list,
.products-listview.no-animate .product-item.large .social-list {
    -webkit-transition: none;
    transition: none;
}

    .products-grid.no-animate .product-item.large .social-list li,
    .products-listview.no-animate .product-item.large .social-list li {
        -webkit-transition: none;
        transition: none;
    }

    .products-grid.no-animate .product-item.large .social-list a,
    .products-listview.no-animate .product-item.large .social-list a {
        -webkit-transition: none;
        transition: none;
    }

.product-item.large .product-item-actions .actions-secondary a.wishlist.active {
    color: #f82e56;
}

    .product-item.large .product-item-actions .actions-secondary a.wishlist.active:hover {
        color: #fff;
    }

@media screen and (min-width: 992px) {
    body.boxed .products-grid:not(.carousel-negative):not(.product-variant-4),
    .block.boxed .products-grid:not(.carousel-negative):not(.product-variant-4),
    .block.fullboxed .products-grid:not(.carousel-negative):not(.product-variant-4) {
        margin-left: 10px;
        margin-right: -10px;
    }

        body.boxed .products-grid:not(.carousel-negative):not(.product-variant-4) .product-item.large,
        .block.boxed .products-grid:not(.carousel-negative):not(.product-variant-4) .product-item.large,
        .block.fullboxed .products-grid:not(.carousel-negative):not(.product-variant-4) .product-item.large {
            margin: 0 -4px 10px 0;
            padding-left: 10px;
            padding-right: 10px;
        }

    body.boxed .products-grid.isotope .product-item.large,
    .block.boxed .products-grid.isotope .product-item.large,
    .block.fullboxed .products-grid.isotope .product-item.large {
        margin: 0 0 20px 0;
    }

    body.boxed .products-grid:not(.product-variant-3):not(.product-variant-4) .product-item.large .product-item-details,
    .block.boxed .products-grid:not(.product-variant-3):not(.product-variant-4) .product-item.large .product-item-details,
    .block.fullboxed .products-grid:not(.product-variant-3):not(.product-variant-4) .product-item.large .product-item-details {
        padding: 10px;
    }

    body.boxed .products-grid .product-item.large .countdown-box .countdown-wrapper,
    .block.boxed .products-grid .product-item.large .countdown-box .countdown-wrapper,
    .block.fullboxed .products-grid .product-item.large .countdown-box .countdown-wrapper {
        bottom: 6px;
        left: 6px;
        right: 6px;
        padding: 4px;
    }

    body.boxed .products-grid .product-item.large .countdown-box-sale .countdown-wrapper,
    .block.boxed .products-grid .product-item.large .countdown-box-sale .countdown-wrapper,
    .block.fullboxed .products-grid .product-item.large .countdown-box-sale .countdown-wrapper {
        bottom: 6px;
        left: 6px;
        right: 6px;
        padding: 4px;
    }

    body.boxed .products-grid.product-variant-3 .product-item-not-available,
    .block.boxed .products-grid.product-variant-3 .product-item-not-available,
    .block.fullboxed .products-grid.product-variant-3 .product-item-not-available,
    body.boxed .products-grid.product-variant-4 .product-item-not-available,
    .block.boxed .products-grid.product-variant-4 .product-item-not-available,
    .block.fullboxed .products-grid.product-variant-4 .product-item-not-available {
        top: 0;
        bottom: 0;
        left: 9px;
        right: 9px;
    }
}

@media screen and (max-width: 1199px) {
    .product-item .actions-secondary .quick-view-btn {
        display: none;
    }
}
/* product variant 5 */
.product-variant-4 .product-item.large .social-list {
    background: transparent;
}

.product-variant-4 .product-item.large .quick-view-btn {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 160px;
    margin: -26px 0 0 -80px;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    padding: 13px 10px;
    text-align: center;
    text-decoration: none;
    color: #333745;
    background: rgba(255, 255, 255, 0.7);
    opacity: 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

    .product-variant-4 .product-item.large .quick-view-btn:hover {
        background: rgba(255, 255, 255, 0.95);
    }

    .product-variant-4 .product-item.large .quick-view-btn i.icon,
    .product-variant-4 .product-item.large .quick-view-btn span {
        display: inline-block;
        vertical-align: middle;
    }

    .product-variant-4 .product-item.large .quick-view-btn i.icon {
        font-size: 16px;
        padding: 0 6px 0 0;
    }

.product-variant-4 .product-item.large .product-item-name {
    position: relative;
    margin: 0 0 10px;
    padding: 0;
    font-size: 15px;
    line-height: 1.2em;
    font-weight: 500;
}

.product-variant-4 .product-item.large .product-item-details {
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    -webkit-transition: max-width 0s ease 0.2s;
    transition: max-width 0s ease 0.2s;
}

.product-variant-4 .product-item.large .price-box {
    margin-bottom: 12px;
    text-align: center;
}

    .product-variant-4 .product-item.large .price-box .price,
    .product-variant-4 .product-item.large .price-box .special-price {
        font-size: 20px;
    }

    .product-variant-4 .product-item.large .price-box .old-price {
        font-size: 16px;
        color: #8f8f8f;
    }

.product-variant-4 .product-item.large .product-item-rating,
.product-variant-4 .product-item.large .product-item-rating i.spr-icon {
    color: #ffc000;
}

.product-variant-4 .product-item.large .wishlist,
.product-variant-4 .product-item.large .no_wishlist,
.product-variant-4 .product-item.large .add_to_wishlist,
.product-variant-4 .product-item.large .share-button {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
}

.product-variant-4 .product-item.large .wishlist,
.product-variant-4 .product-item.large .no_wishlist,
.product-variant-4 .product-item.large .add_to_wishlist {
    font-size: 18px;
    padding: 5px;
    width: 26px;
    text-align: center;
    -webkit-transition: color 0.25s ease;
    transition: color 0.25s ease;
}

    .product-variant-4 .product-item.large .wishlist span,
    .product-variant-4 .product-item.large .no_wishlist span,
    .product-variant-4 .product-item.large .add_to_wishlist span {
        display: none;
    }

    .product-variant-4 .product-item.large .wishlist.block-loading .bg-striped,
    .product-variant-4 .product-item.large .no_wishlist.block-loading .bg-striped,
    .product-variant-4 .product-item.large .add_to_wishlist.block-loading .bg-striped,
    .product-variant-4 .product-item.large .wishlist.block-loading .bg-striped-sm,
    .product-variant-4 .product-item.large .no_wishlist.block-loading .bg-striped-sm,
    .product-variant-4 .product-item.large .add_to_wishlist.block-loading .bg-striped-sm {
        display: none;
    }

.product-variant-4 .product-item.large .no_wishlist,
.product-variant-4 .product-item.large .add_to_wishlist {
    color: #333745;
}

    .product-variant-4 .product-item.large .no_wishlist:hover,
    .product-variant-4 .product-item.large .add_to_wishlist:hover {
        color: #f82e56;
    }

.product-variant-4 .product-item.large .wishlist.active {
    display: block;
    color: #f82e56;
}

    .product-variant-4 .product-item.large .wishlist.active:hover {
        color: #333745;
    }

.product-variant-4 .product-item.large .share-button {
    top: 50px;
}

.product-variant-4 .product-item.large .product-item-rating,
.product-variant-4 .product-item.large .color-swatch,
.product-variant-4 .product-item.large .add-to-cart,
.product-variant-4 .product-item.large .btn.quick-view-link {
    margin: 10px 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.product-variant-4 .product-item.large .countdown-box {
    font-size: 14px;
}

.product-variant-4 .product-item.large .add-to-cart,
.product-variant-4 .product-item.large .btn.quick-view-link {
    margin: 0 0 10px;
}

.product-variant-4 .product-item.large .color-swatch {
    margin-bottom: 15px;
}

    .product-variant-4 .product-item.large .color-swatch li {
        width: 22px;
        border-radius: 0;
        overflow: hidden;
        margin: 2px 3px;
        box-shadow: none;
    }

        .product-variant-4 .product-item.large .color-swatch li img {
            border-radius: 50%;
        }

        .product-variant-4 .product-item.large .color-swatch li.active,
        .product-variant-4 .product-item.large .color-swatch li:hover {
            width: 26px;
            border-radius: 0;
            border: 0;
            margin: 0 1px;
            vertical-align: middle;
        }

.products-grid.product-variant-4 .countdown-box .countdown-wrapper,
body.boxed .products-grid.product-variant-4 .product-item.large .countdown-box .countdown-wrapper,
.products-grid.product-variant-4 .countdown-box-sale .countdown-wrapper,
body.boxed .products-grid.product-variant-4 .product-item.large .countdown-box-sale .countdown-wrapper {
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    padding: 5px;
}

@media screen and (min-width: 768px) {
    .products-grid.five-in-row.product-variant-4 .product-item.large .product-item-name,
    .products-grid.deal-carousel-2.product-variant-4 .product-item.large .product-item-name {
        font-size: 14px;
    }

    .products-grid.five-in-row.product-variant-4 .product-item.large .btn.quick-view-link,
    .products-grid.deal-carousel-2.product-variant-4 .product-item.large .btn.quick-view-link,
    .products-grid.five-in-row.product-variant-4 .product-item.large .btn.add-to-cart,
    .products-grid.deal-carousel-2.product-variant-4 .product-item.large .btn.add-to-cart {
        height: 36px;
        padding: 0 7px;
        font-size: 13px;
        line-height: 36px;
    }

    .products-grid.five-in-row.product-variant-4 .product-item.large .color-swatch,
    .products-grid.deal-carousel-2.product-variant-4 .product-item.large .color-swatch {
        top: -44px;
        height: 36px;
    }

        .products-grid.five-in-row.product-variant-4 .product-item.large .color-swatch li,
        .products-grid.deal-carousel-2.product-variant-4 .product-item.large .color-swatch li {
            width: 18px;
            margin: 2px 2px;
        }

            .products-grid.five-in-row.product-variant-4 .product-item.large .color-swatch li.active,
            .products-grid.deal-carousel-2.product-variant-4 .product-item.large .color-swatch li.active,
            .products-grid.five-in-row.product-variant-4 .product-item.large .color-swatch li:hover,
            .products-grid.deal-carousel-2.product-variant-4 .product-item.large .color-swatch li:hover {
                width: 22px;
                margin: 0;
            }

    .products-grid.five-in-row.product-variant-4 .product-item.large .price-box .price,
    .products-grid.deal-carousel-2.product-variant-4 .product-item.large .price-box .price,
    .products-grid.five-in-row.product-variant-4 .product-item.large .price-box .special-price,
    .products-grid.deal-carousel-2.product-variant-4 .product-item.large .price-box .special-price {
        font-size: 18px;
    }

    .products-grid.five-in-row.product-variant-4 .product-item.large .product-item-details,
    .products-grid.deal-carousel-2.product-variant-4 .product-item.large .product-item-details {
        padding: 12px;
    }

    .products-grid.five-in-row.product-variant-4 .product-item.large .share-button .social-list li,
    .products-grid.deal-carousel-2.product-variant-4 .product-item.large .share-button .social-list li {
        width: 28px;
        height: 28px;
    }

    .products-grid.five-in-row.product-variant-4 .product-item.large .social-list a,
    .products-grid.deal-carousel-2.product-variant-4 .product-item.large .social-list a {
        width: 28px;
        height: 28px;
        line-height: 28px;
    }

    .products-grid.five-in-row.product-variant-4 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(1),
    .products-grid.deal-carousel-2.product-variant-4 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(1) {
        top: 0;
    }

    .products-grid.five-in-row.product-variant-4 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(2),
    .products-grid.deal-carousel-2.product-variant-4 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(2) {
        top: 28px;
    }

    .products-grid.five-in-row.product-variant-4 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(3),
    .products-grid.deal-carousel-2.product-variant-4 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(3) {
        top: 56px;
    }

    .products-grid.five-in-row.product-variant-4 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(4),
    .products-grid.deal-carousel-2.product-variant-4 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(4) {
        top: 84px;
    }

    .products-grid.five-in-row.product-variant-4 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(5),
    .products-grid.deal-carousel-2.product-variant-4 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(5) {
        top: 112px;
    }

    .products-grid.five-in-row.product-variant-4 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(6),
    .products-grid.deal-carousel-2.product-variant-4 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(6) {
        top: 140px;
    }

    .products-grid.five-in-row.product-variant-4 .product-item.large .carousel-inside .carousel-control.prev,
    .products-grid.deal-carousel-2.product-variant-4 .product-item.large .carousel-inside .carousel-control.prev {
        left: -22px;
        width: 20px;
    }

    .products-grid.five-in-row.product-variant-4 .product-item.large .carousel-inside .carousel-control.next,
    .products-grid.deal-carousel-2.product-variant-4 .product-item.large .carousel-inside .carousel-control.next {
        right: -22px;
        width: 20px;
    }

    .products-grid.five-in-row.product-variant-4 .product-item.large .product-item-inside:hover .carousel-control.prev,
    .products-grid.deal-carousel-2.product-variant-4 .product-item.large .product-item-inside:hover .carousel-control.prev {
        left: 0;
    }

    .products-grid.five-in-row.product-variant-4 .product-item.large .product-item-inside:hover .carousel-control.next,
    .products-grid.deal-carousel-2.product-variant-4 .product-item.large .product-item-inside:hover .carousel-control.next {
        right: 0;
    }
}

.products-grid.product-variant-4 .product-item-not-available,
body.boxed .products-grid.product-variant-4 .product-item.large .product-item-not-available {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
}

.products-grid.product-variant-4 .product-item.large .product-item-photo {
    display: block;
    position: relative;
    width: 100%;
}

    .products-grid.product-variant-4 .product-item.large .product-item-photo img {
        width: 100%;
    }

.products-grid.product-variant-4 .product-item.large .product-item-details {
    display: block;
    width: 100%;
    vertical-align: top;
    padding: 20px 20px;
    overflow: visible;
    text-align: center;
    overflow: hidden;
}

.products-grid.product-variant-4 .product-item.large .product-item-info {
    display: block;
    overflow: hidden;
    padding: 0;
}

.products-grid.product-variant-4 .product-item.large .product-item-rating,
.products-grid.product-variant-4 .product-item.large .color-swatch,
.products-grid.product-variant-4 .product-item.large .add-to-cart,
.products-grid.product-variant-4 .product-item.large .btn.quick-view-link {
    display: none;
    opacity: 0;
}

.products-listview.product-variant-4 .product-item.large .product-item-photo {
    width: 30%;
    position: relative;
}

.products-listview.product-variant-4 .product-item.large .product-item-details {
    width: 70%;
    padding: 25px;
}

.products-listview.product-variant-4 .product-item.large .product-item-name {
    margin: 0 0 10px;
    font-size: 18px;
}

.products-listview.product-variant-4 .product-item.large .price-box {
    text-align: left;
}

    .products-listview.product-variant-4 .product-item.large .price-box .price,
    .products-listview.product-variant-4 .product-item.large .price-box .special-price {
        font-size: 20px;
    }

    .products-listview.product-variant-4 .product-item.large .price-box .old-price {
        font-size: 16px;
    }

.products-listview.product-variant-4 .product-item.large .wishlist,
.products-listview.product-variant-4 .product-item.large .no_wishlist,
.products-listview.product-variant-4 .product-item.large .add_to_wishlist,
.products-listview.product-variant-4 .product-item.large .share-button {
    display: block;
}

@media screen and (max-width: 991px) {
    .products-listview.product-variant-4 .product-item.large .product-item-photo {
        width: 40%;
    }

    .products-listview.product-variant-4 .product-item.large .product-item-details {
        width: 60%;
        padding: 20px;
    }
}

.slick-slider .slick-track {
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 992px) {
    .products-grid.product-variant-4.products-carousel,
    .products-grid.product-variant-4.deal-carousel-2,
    .products-grid.product-variant-4.deal-carousel {
        margin-bottom: 50px;
    }

    .products-grid.product-variant-4 .product-item .product-item-info {
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    }

    .products-grid.product-variant-4 .product-item.large .product-item-info {
        padding: 0;
    }

    .products-grid.product-variant-4 .product-item.large .product-item-gallery-previews-wrapper {
        position: relative;
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        visibility: hidden;
        margin-left: 10px;
        margin-right: 10px;
        z-index: 10;
    }

    .products-grid.product-variant-4 .product-item.large.hovered {
        z-index: 10000;
    }

        .products-grid.product-variant-4 .product-item.large.hovered .product-item-info {
            position: absolute;
            top: 0;
            left: 0;
            width: calc(100% + 40px);
            overflow: hidden;
            display: block;
            margin: -20px -20px 0;
            z-index: 10000;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transform-style: preserve-3d;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .products-grid.product-variant-4 .product-item.large.hovered .product-item-inside {
            position: relative;
            overflow: visible;
        }

        .products-grid.product-variant-4 .product-item.large.hovered.with-previews .product-item-details {
            padding-top: 0;
        }

        .products-grid.product-variant-4 .product-item.large.hovered .share-button,
        .products-grid.product-variant-4 .product-item.large.hovered .product-item-rating,
        .products-grid.product-variant-4 .product-item.large.hovered .color-swatch,
        .products-grid.product-variant-4 .product-item.large.hovered .quick-view-btn,
        .products-grid.product-variant-4 .product-item.large.hovered .add-to-cart,
        .products-grid.product-variant-4 .product-item.large.hovered .btn.quick-view-link {
            display: block;
            opacity: 1;
            -webkit-transition: opacity 0.4s ease 0.1s;
            transition: opacity 0.4s ease 0.1s;
        }

        .products-grid.product-variant-4 .product-item.large.hovered .wishlist,
        .products-grid.product-variant-4 .product-item.large.hovered .no_wishlist,
        .products-grid.product-variant-4 .product-item.large.hovered .add_to_wishlist {
            display: block;
        }

        .products-grid.product-variant-4 .product-item.large.hovered .share-button {
            display: block;
        }

        .products-grid.product-variant-4 .product-item.large.hovered .add-to-cart,
        .products-grid.product-variant-4 .product-item.large.hovered .btn.quick-view-link {
            display: inline-block;
        }

        .products-grid.product-variant-4 .product-item.large.hovered .product-item-gallery-previews-wrapper {
            opacity: 1;
            margin-top: -25px;
            margin-bottom: 15px;
            max-height: 200px;
            overflow: visible;
            visibility: visible;
        }

        .products-grid.product-variant-4 .product-item.large.hovered.with-previews .product-item-details {
            padding-top: 0;
        }

    .products-grid.product-variant-4 > .slick-list {
        z-index: 1000;
        position: relative;
    }

    .products-grid.product-variant-4 .slick-list.out-space {
        margin: -40px -40px -300px;
        padding: 40px 40px 300px;
        z-index: 10000;
        overflow: visible;
    }

    .products-grid.product-variant-4:hover > .slick-list > .slick-track > .slick-slide:not(.slick-active) {
        opacity: 0;
    }

    .product-item-gallery-main {
        position: relative;
    }

        .product-item-gallery-main a .badge {
            position: absolute;
            top: 5px;
            left: 5px;
            font-size: 20px;
            border-radius: 20px;
        }

    .product-item-gallery-previews {
        display: inline-block;
        margin: 0 auto;
        padding: 0;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
        background: #fff;
        border: 1px solid #fff;
        transition: all 0s ease 0.5s;
        text-align: center;
    }

        .product-item-gallery-previews img {
            width: 100%;
        }

    .previews-3 .product-item-gallery-previews {
        width: 75%;
    }

        .previews-3 .product-item-gallery-previews .item {
            width: 33.333%;
        }

    .previews-2 .product-item-gallery-previews {
        width: 50%;
    }

        .previews-2 .product-item-gallery-previews .item {
            width: 50%;
        }

    .product-item.hovered .product-item-gallery-previews {
        transition: all 0s ease 0s;
    }

    .product-item-gallery-previews-wrapper {
        position: relative;
        margin: 0 auto;
        text-align: center;
    }

        .product-item-gallery-previews-wrapper .item {
            display: block;
            float: left;
            width: 25%;
        }

        .product-item-gallery-previews-wrapper a:hover img {
            opacity: 0.75;
            background: #fff;
            -webkit-transition: opacity 0.3s ease 0s;
            transition: opacity 0.3s ease 0s;
        }

    .products-listview .product-item-gallery-previews {
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        background: transparent;
    }

    .products-listview.product-variant-4 .product-item {
        height: auto !important;
    }

    body:not(.ie) .products-grid.product-variant-4 .product-item .product-item-info {
        -webkit-transition: margin 0.2s ease 0s, width 0.2s ease 0s, box-shadow 0.2s ease 0s;
        transition: margin 0.2s ease 0s, width 0.2s ease 0s, box-shadow 0.2s ease 0s;
    }

    body:not(.ie) .products-grid.product-variant-4 .product-item.large.hovered .product-item-info {
        -webkit-transition: margin 0.25s ease 0.2s, width 0.25s ease 0.2s, box-shadow 0.25s ease 0.2s;
        transition: margin 0.25s ease 0.2s, width 0.25s ease 0.2s, box-shadow 0.25s ease 0.2s;
    }
}

.product-item-gallery-main a .badge {
    background: #f69000;
}

#HighPointRateItems .product-item-gallery-main a .badge {
    background: #f69000;
}

body.boxed .products-grid.product-variant-4.isotope .product-item.large,
.block.boxed .products-grid.product-variant-4.isotope .product-item.large,
.block.fullboxed .products-grid.product-variant-4.isotope .product-item.large {
    margin: 0 0 30px 0;
}

@media screen and (max-width: 991px) {
    .product-variant-4 .product-item {
        height: auto !important;
    }

    .product-item-gallery-previews-wrapper {
        display: none;
    }

    .products-grid.product-variant-4 .product-item.large .wishlist,
    .products-grid.product-variant-4 .product-item.large .no_wishlist,
    .products-grid.product-variant-4 .product-item.large .add_to_wishlist,
    .products-grid.product-variant-4 .product-item.large .share-button,
    .products-grid.product-variant-4 .product-item.large .product-item-rating,
    .products-grid.product-variant-4 .product-item.large .color-swatch,
    .products-grid.product-variant-4 .product-item.large .quick-view-btn,
    .products-grid.product-variant-4 .product-item.large .add-to-cart,
    .products-grid.product-variant-4 .product-item.large .btn.quick-view-link {
        display: block;
        opacity: 1;
        -webkit-transition: opacity 0.4s ease 0.1s;
        transition: opacity 0.4s ease 0.1s;
    }

    .products-grid.product-variant-4 .product-item.large .share-button {
        display: block;
    }

    .products-grid.product-variant-4 .product-item.large .add-to-cart,
    .products-grid.product-variant-4 .product-item.large .btn.quick-view-link {
        display: inline-block;
    }
}

@media screen and (min-width: 992px) {
    .six-in-row.products-grid.product-variant-4 .product-item.large .countdown-box {
        font-size: 11px;
    }
}

@media screen and (max-width: 1399px) {
    .products-grid.product-variant-4.six-in-row .product-item.large {
        width: 20%;
    }

    .products-grid.product-variant-4.five-in-row .product-item.large {
        width: 20%;
    }

    .products-grid.product-variant-4.four-in-row .product-item.large {
        width: 25%;
    }

    .products-grid.product-variant-4.three-in-row .product-item.large {
        width: 33.33333%;
    }

    .products-grid.product-variant-4.two-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.product-variant-4.one-in-row .product-item.large {
        width: 100%;
    }
}

@media screen and (max-width: 1199px) {
    .products-grid.product-variant-4.six-in-row .product-item.large {
        width: 25%;
    }

    .products-grid.product-variant-4.five-in-row .product-item.large {
        width: 25%;
    }

    .products-grid.product-variant-4.four-in-row .product-item.large {
        width: 25%;
    }

    .products-grid.product-variant-4.three-in-row .product-item.large {
        width: 33.33333%;
    }

    .products-grid.product-variant-4.two-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.product-variant-4.one-in-row .product-item.large {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .products-grid.product-variant-4.six-in-row .product-item.large {
        width: 33.33333%;
    }

    .products-grid.product-variant-4.five-in-row .product-item.large {
        width: 33.33333%;
    }

    .products-grid.product-variant-4.four-in-row .product-item.large {
        width: 33.33333%;
    }

    .products-grid.product-variant-4.three-in-row .product-item.large {
        width: 33.33333%;
    }

    .products-grid.product-variant-4.two-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.product-variant-4.one-in-row .product-item.large {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .products-grid.product-variant-4.six-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.product-variant-4.five-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.product-variant-4.four-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.product-variant-4.three-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.product-variant-4.two-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.product-variant-4.one-in-row .product-item.large {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .products-grid.product-variant-4.six-in-row .product-item.large {
        width: 100%;
    }

    .products-grid.product-variant-4.five-in-row .product-item.large {
        width: 100%;
    }

    .products-grid.product-variant-4.four-in-row .product-item.large {
        width: 100%;
    }

    .products-grid.product-variant-4.three-in-row .product-item.large {
        width: 100%;
    }

    .products-grid.product-variant-4.two-in-row .product-item.large {
        width: 100%;
    }

    .products-grid.product-variant-4.one-in-row .product-item.large {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .products-grid.product-variant-4 .product-item.large .product-item-photo {
        position: relative;
    }

    .products-grid.product-variant-4 .product-item.large .quick-view-link {
        display: none;
    }

    .products-grid.product-variant-4 .product-item.large .product-item-info {
        padding: 0;
        padding-bottom: 0;
    }

    .products-grid.product-variant-4 .product-item.large .product-item-actions .actions-secondary a {
        display: inline-block;
        padding: 3px 12px;
        background: transparent;
    }
}
/* product variant 5 */
.product-variant-5 .product-item.large .social-list {
    background: transparent;
}

.product-variant-5 .product-item.large .quick-view-btn {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 160px;
    margin: -26px 0 0 -80px;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    padding: 13px 10px;
    text-align: center;
    text-decoration: none;
    color: #333745;
    background: rgba(255, 255, 255, 0.7);
    opacity: 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    z-index: 1005;
}

    .product-variant-5 .product-item.large .quick-view-btn:hover {
        background: rgba(255, 255, 255, 0.95);
    }

    .product-variant-5 .product-item.large .quick-view-btn i.icon,
    .product-variant-5 .product-item.large .quick-view-btn span {
        display: inline-block;
        vertical-align: middle;
    }

    .product-variant-5 .product-item.large .quick-view-btn i.icon {
        font-size: 16px;
        padding: 0 6px 0 0;
    }

.product-variant-5 .product-item.large .product-item-name {
    position: relative;
    margin: 0 0 4px;
    padding: 0;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 500;
}

.product-variant-5 .product-item.large .product-item-details {
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    -webkit-transition: max-width 0s ease 0.2s;
    transition: max-width 0s ease 0.2s;
}

.product-variant-5 .product-item.large .price-box {
    margin-bottom: 3px;
    text-align: center;
}

    .product-variant-5 .product-item.large .price-box .price,
    .product-variant-5 .product-item.large .price-box .special-price {
        font-size: 20px;
    }

    .product-variant-5 .product-item.large .price-box .old-price {
        font-size: 22px;
        color: #8f8f8f;
    }

.product-variant-5 .product-item.large .product-item-rating,
.product-variant-5 .product-item.large .product-item-rating i.spr-icon {
    color: #ffc000;
}

.product-variant-5 .product-item.large .wishlist,
.product-variant-5 .product-item.large .no_wishlist,
.product-variant-5 .product-item.large .add_to_wishlist,
.product-variant-5 .product-item.large .share-button {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
}

.product-variant-5 .product-item.large .wishlist,
.product-variant-5 .product-item.large .no_wishlist,
.product-variant-5 .product-item.large .add_to_wishlist {
    font-size: 18px;
    padding: 3px;
    width: 26px;
    text-align: center;
    -webkit-transition: color 0.25s ease;
    transition: color 0.25s ease;
}

    .product-variant-5 .product-item.large .wishlist span,
    .product-variant-5 .product-item.large .no_wishlist span,
    .product-variant-5 .product-item.large .add_to_wishlist span {
        display: none;
    }

    .product-variant-5 .product-item.large .wishlist.block-loading .bg-striped,
    .product-variant-5 .product-item.large .no_wishlist.block-loading .bg-striped,
    .product-variant-5 .product-item.large .add_to_wishlist.block-loading .bg-striped,
    .product-variant-5 .product-item.large .wishlist.block-loading .bg-striped-sm,
    .product-variant-5 .product-item.large .no_wishlist.block-loading .bg-striped-sm,
    .product-variant-5 .product-item.large .add_to_wishlist.block-loading .bg-striped-sm {
        display: none;
    }

.product-variant-5 .product-item.large .no_wishlist,
.product-variant-5 .product-item.large .add_to_wishlist {
    color: #333745;
}

    .product-variant-5 .product-item.large .no_wishlist:hover,
    .product-variant-5 .product-item.large .add_to_wishlist:hover {
        color: #f82e56;
    }

/* 検索履歴キーワード追加後のお気に入りマークの表示 */
input#loggedin + .keywordsline + .search-result .product-variant-5 .product-item.large:hover .wishlist.active {
    display: block;
    color: #f82e56;
}

.product-variant-5 .product-item.large .wishlist.active:hover {
    color: #333745;
}

.product-variant-5 .product-item.large .share-button {
    top: 50px;
}

.product-variant-5 .product-item.large .product-item-rating,
.product-variant-5 .product-item.large .color-swatch,
.product-variant-5 .product-item.large .add-to-cart,
.product-variant-5 .product-item.large .btn.quick-view-link {
    margin: 0 0 5px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.product-variant-5 .product-item.large .countdown-box {
    font-size: 14px;
}

.product-variant-5 .product-item.large .add-to-cart,
.product-variant-5 .product-item.large .btn.quick-view-link {
    margin: 0 0 5px;
}

.product-variant-5 .product-item.large .color-swatch {
    margin-bottom: 0;
}

    .product-variant-5 .product-item.large .color-swatch li {
        width: 22px;
        border-radius: 0;
        overflow: hidden;
        margin: 2px 3px;
        box-shadow: none;
    }

        .product-variant-5 .product-item.large .color-swatch li img {
            border-radius: 50%;
        }

        .product-variant-5 .product-item.large .color-swatch li.active,
        .product-variant-5 .product-item.large .color-swatch li:hover {
            width: 26px;
            border-radius: 0;
            border: 0;
            margin: 0 1px;
            vertical-align: middle;
        }

.product-variant-5 .product-item.large .color-swatch {
    display: block;
    opacity: 1;
    position: absolute;
    bottom: 0;
    height: 40px;
    overflow: hidden;
    z-index: 1;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    padding: 7px;
    white-space: nowrap;
    text-align: center;
}

.products-grid.product-variant-5 .product-item.large .countdown-box .countdown-wrapper,
body.boxed .products-grid.product-variant-5 .product-item.large .countdown-box .countdown-wrapper,
.products-grid.product-variant-5 .product-item.large .countdown-box-sale .countdown-wrapper,
body.boxed .products-grid.product-variant-5 .product-item.large .countdown-box-sale .countdown-wrapper {
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    padding: 5px;
}

.products-grid.product-variant-5 .product-item.large.colorvariants .countdown-box .countdown-wrapper,
body.boxed .products-grid.product-variant-5 .product-item.large.colorvariants .countdown-box .countdown-wrapper,
.products-grid.product-variant-5 .product-item.large.colorvariants .countdown-box-sale .countdown-wrapper,
body.boxed .products-grid.product-variant-5 .product-item.large.colorvariants .countdown-box-sale .countdown-wrapper,
.products-grid.product-variant-5 .product-item.large.colorvariants .countdown-box-sale .countdown-wrapper,
body.boxed .products-grid.product-variant-5 .product-item.large.colorvariants .countdown-box-sale .countdown-wrapper {
    bottom: 40px;
}

.products-listview.product-variant-5 .product-item.large.colorvariants .countdown-box .countdown-wrapper {
    bottom: 50px;
}

@media screen and (min-width: 768px) {
    .products-grid.five-in-row.product-variant-5 .product-item.large .product-item-name,
    .products-grid.six-in-row.product-variant-5 .product-item.large .product-item-name,
    body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .product-item-name,
    body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .product-item-name {
        font-size: 14px;
    }

        .products-grid.five-in-row.product-variant-5 .product-item.large .product-item-name .brand-name {
            font-size: 9px;
            text-align: center;
        }

    .products-grid.five-in-row.product-variant-5 .product-item.large .btn.quick-view-link,
    .products-grid.six-in-row.product-variant-5 .product-item.large .btn.quick-view-link,
    body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .btn.quick-view-link,
    body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .btn.quick-view-link,
    .products-grid.five-in-row.product-variant-5 .product-item.large .btn.add-to-cart,
    .products-grid.six-in-row.product-variant-5 .product-item.large .btn.add-to-cart,
    body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .btn.add-to-cart,
    body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .btn.add-to-cart {
        height: 36px;
        padding: 0 7px;
        font-size: 13px;
        line-height: 36px;
    }

    .products-grid.five-in-row.product-variant-5 .product-item.large .color-swatch,
    .products-grid.six-in-row.product-variant-5 .product-item.large .color-swatch,
    body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .color-swatch,
    body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .color-swatch {
        bottom: 0;
        height: 36px;
    }

        .products-grid.five-in-row.product-variant-5 .product-item.large .color-swatch li,
        .products-grid.six-in-row.product-variant-5 .product-item.large .color-swatch li,
        body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .color-swatch li,
        body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .color-swatch li {
            width: 18px;
            margin: 2px 2px;
        }

            .products-grid.five-in-row.product-variant-5 .product-item.large .color-swatch li.active,
            .products-grid.six-in-row.product-variant-5 .product-item.large .color-swatch li.active,
            body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .color-swatch li.active,
            body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .color-swatch li.active,
            .products-grid.five-in-row.product-variant-5 .product-item.large .color-swatch li:hover,
            .products-grid.six-in-row.product-variant-5 .product-item.large .color-swatch li:hover,
            body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .color-swatch li:hover,
            body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .color-swatch li:hover {
                width: 22px;
                margin: 0;
            }

    .products-grid.five-in-row.product-variant-5 .product-item.large.colorvariants .countdown-box .countdown-wrapper,
    .products-grid.six-in-row.product-variant-5 .product-item.large.colorvariants .countdown-box .countdown-wrapper,
    body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large.colorvariants .countdown-box .countdown-wrapper,
    body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large.colorvariants .countdown-box .countdown-wrapper,
    .products-grid.five-in-row.product-variant-5 .product-item.large.colorvariants .countdown-box .countdown-wrapper,
    .products-grid.six-in-row.product-variant-5 .product-item.large.colorvariants .countdown-box .countdown-wrapper,
    body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large.colorvariants .countdown-box .countdown-wrapper,
    body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large.colorvariants .countdown-box .countdown-wrapper {
        bottom: 36px;
    }

    .sale-page .products-grid.five-in-row.product-variant-5 .product-item.large.colorvariants .countdown-box .countdown-wrapper,
    .sale-page .products-grid.six-in-row.product-variant-5 .product-item.large.colorvariants .countdown-box .countdown-wrapper,
    body.boxed.sale-page .products-grid.five-in-row.product-variant-5 .product-item.large.colorvariants .countdown-box .countdown-wrapper,
    body.boxed.sale-page .products-grid.six-in-row.product-variant-5 .product-item.large.colorvariants .countdown-box .countdown-wrapper,
    .sale-page .products-grid.five-in-row.product-variant-5 .product-item.large.colorvariants .countdown-box .countdown-wrapper,
    .sale-page .products-grid.six-in-row.product-variant-5 .product-item.large.colorvariants .countdown-box .countdown-wrapper,
    body.boxed.sale-page .products-grid.five-in-row.product-variant-5 .product-item.large.colorvariants .countdown-box .countdown-wrapper,
    body.boxed.sale-page .products-grid.six-in-row.product-variant-5 .product-item.large.colorvariants .countdown-box .countdown-wrapper {
        bottom: 0;
    }

    .products-grid.five-in-row.product-variant-5 .product-item.large .price-box .price,
    .products-grid.six-in-row.product-variant-5 .product-item.large .price-box .price,
    body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .price-box .price,
    body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .price-box .price,
    .products-grid.five-in-row.product-variant-5 .product-item.large .price-box .special-price,
    .products-grid.six-in-row.product-variant-5 .product-item.large .price-box .special-price,
    body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .price-box .special-price,
    body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .price-box .special-price {
        font-size: 18px;
    }

    .products-grid.five-in-row.product-variant-5 .product-item.large .product-item-details,
    .products-grid.six-in-row.product-variant-5 .product-item.large .product-item-details,
    body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .product-item-details,
    body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .product-item-details {
        padding: 12px;
    }

    .products-grid.five-in-row.product-variant-5 .product-item.large .share-button .social-list li,
    .products-grid.six-in-row.product-variant-5 .product-item.large .share-button .social-list li,
    body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .share-button .social-list li,
    body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .share-button .social-list li {
        width: 28px;
        height: 28px;
    }

    .products-grid.five-in-row.product-variant-5 .product-item.large .social-list a,
    .products-grid.six-in-row.product-variant-5 .product-item.large .social-list a,
    body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .social-list a,
    body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .social-list a {
        width: 28px;
        height: 28px;
        line-height: 28px;
    }

    .products-grid.five-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(1),
    .products-grid.six-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(1),
    body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(1),
    body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(1) {
        top: 0;
    }

    .products-grid.five-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(2),
    .products-grid.six-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(2),
    body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(2),
    body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(2) {
        top: 28px;
    }

    .products-grid.five-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(3),
    .products-grid.six-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(3),
    body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(3),
    body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(3) {
        top: 56px;
    }

    .products-grid.five-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(4),
    .products-grid.six-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(4),
    body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(4),
    body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(4) {
        top: 84px;
    }

    .products-grid.five-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(5),
    .products-grid.six-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(5),
    body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(5),
    body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(5) {
        top: 112px;
    }

    .products-grid.five-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(6),
    .products-grid.six-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(6),
    body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(6),
    body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .share-button.toBottom:hover .social-list li:nth-child(6) {
        top: 140px;
    }

    .products-grid.five-in-row.product-variant-5 .product-item.large .carousel-inside .carousel-control.prev,
    .products-grid.six-in-row.product-variant-5 .product-item.large .carousel-inside .carousel-control.prev,
    body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .carousel-inside .carousel-control.prev,
    body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .carousel-inside .carousel-control.prev {
        left: -22px;
        width: 20px;
    }

    .products-grid.five-in-row.product-variant-5 .product-item.large .carousel-inside .carousel-control.next,
    .products-grid.six-in-row.product-variant-5 .product-item.large .carousel-inside .carousel-control.next,
    body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .carousel-inside .carousel-control.next,
    body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .carousel-inside .carousel-control.next {
        right: -22px;
        width: 20px;
    }

    .products-grid.five-in-row.product-variant-5 .product-item.large .product-item-inside:hover .carousel-control.prev,
    .products-grid.six-in-row.product-variant-5 .product-item.large .product-item-inside:hover .carousel-control.prev,
    body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .product-item-inside:hover .carousel-control.prev,
    body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .product-item-inside:hover .carousel-control.prev {
        left: 0;
    }

    .products-grid.five-in-row.product-variant-5 .product-item.large .product-item-inside:hover .carousel-control.next,
    .products-grid.six-in-row.product-variant-5 .product-item.large .product-item-inside:hover .carousel-control.next,
    body.boxed .products-grid.five-in-row.product-variant-5 .product-item.large .product-item-inside:hover .carousel-control.next,
    body.boxed .products-grid.six-in-row.product-variant-5 .product-item.large .product-item-inside:hover .carousel-control.next {
        right: 0;
    }
}

.products-grid.product-variant-5 .product-item-not-available,
body.boxed .products-grid.product-variant-5 .product-item.large .product-item-not-available {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
}

.products-grid.product-variant-5 .product-item.large .product-item-photo {
    display: block;
    position: relative;
    width: 100%;
}

    .products-grid.product-variant-5 .product-item.large .product-item-photo img {
        width: 100%;
        height: auto;
    }

    .products-grid.product-variant-5 .product-item.large .product-item-photo .carousel-inside .carousel-inner img {
        width: 100%;
        height: auto;
        /* position: absolute; */
        /* top: 0; */
        /* left: 0; */
        aspect-ratio: 1 / 1;
    }

.products-grid.product-variant-5 .product-item.large .product-item-details {
    display: block;
    width: 100%;
    vertical-align: top;
    padding: 10px 5px;
    overflow: visible;
    text-align: center;
}

.products-grid.product-variant-5 .product-item.large .product-item-info {
    display: block;
    overflow: hidden;
    padding: 0;
}

.products-grid.product-variant-5 .product-item.large .product-item-rating,
.products-grid.product-variant-5 .product-item.large .btn.quick-view-link {
    display: block;
    opacity: 1;
}

.products-grid.product-variant-5 .product-item.large .add-to-cart {
    display: inline-block;
    opacity: 1;
}

.products-grid.product-variant-5 .product-item.large .carousel-inside .item a {
    display: block;
    overflow: hidden;
}

    .products-grid.product-variant-5 .product-item.large .carousel-inside .item a::before {
        /* display: block; */
        /* content: ""; */
        /* padding-top: 100%; */
    }

.products-grid.product-variant-5 .product-item.large .carousel-inside .carousel-control.prev {
    left: -35px;
    width: 35px;
}

.products-grid.product-variant-5 .product-item.large .carousel-inside .carousel-control.next {
    right: -35px;
    width: 35px;
}

.products-grid.product-variant-5 .product-item.large .product-item-inside:hover .carousel-control.prev {
    left: 0;
}

.products-grid.product-variant-5 .product-item.large .product-item-inside:hover .carousel-control.next {
    right: 0;
}

.products-listview.product-variant-5 .product-item.large .product-item-photo {
    width: 30%;
    position: relative;
}

.products-listview.product-variant-5 .product-item.large .product-item-details {
    width: 70%;
    padding: 25px;
}

.products-listview.product-variant-5 .product-item.large .product-item-name {
    margin: 0 0 10px;
    font-size: 18px;
}

.products-listview.product-variant-5 .product-item.large .price-box {
    text-align: left;
}

    .products-listview.product-variant-5 .product-item.large .price-box .price,
    .products-listview.product-variant-5 .product-item.large .price-box .special-price {
        font-size: 20px;
    }

    .products-listview.product-variant-5 .product-item.large .price-box .old-price {
        font-size: 16px;
    }

.products-listview.product-variant-5 .product-item.large .product-item-photo:hover .wishlist,
body.touch .products-listview.product-variant-5 .product-item.large .product-item-photo .wishlist,
.products-listview.product-variant-5 .product-item.large .product-item-photo:hover .no_wishlist,
body.touch .products-listview.product-variant-5 .product-item.large .product-item-photo .no_wishlist,
.products-listview.product-variant-5 .product-item.large .product-item-photo:hover .add_to_wishlist,
body.touch .products-listview.product-variant-5 .product-item.large .product-item-photo .add_to_wishlist,
.products-listview.product-variant-5 .product-item.large .product-item-photo:hover .share-button,
body.touch .products-listview.product-variant-5 .product-item.large .product-item-photo .share-button {
    display: block;
}

.products-listview.product-variant-5 .product-item.large .product-item-photo:hover .quick-view-btn {
    opacity: 1;
}

@media screen and (max-width: 991px) {
    .products-listview.product-variant-5 .product-item.large .product-item-photo {
        width: 40%;
    }

    .products-listview.product-variant-5 .product-item.large .product-item-details {
        width: 60%;
        padding: 20px;
    }
}

@media screen and (min-width: 992px) {
    .products-grid.product-variant-5 .product-item .product-item-info {
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    }

    .products-grid.product-variant-5 .product-item.large .product-item-info {
        padding: 0;
    }

    .products-grid.product-variant-5 .product-item.large .product-item-gallery-previews-wrapper {
        position: relative;
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        visibility: hidden;
        margin-left: 10px;
        margin-right: 10px;
        z-index: 10;
    }

    .products-grid.product-variant-5 .product-item.large.hovered {
        z-index: 1000;
    }

        .products-grid.product-variant-5 .product-item.large.hovered .product-item-info {
            position: absolute;
            top: 0;
            left: 0;
            overflow: hidden;
            display: block;
            z-index: 10000;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
        }

        .products-grid.product-variant-5 .product-item.large.hovered .product-item-inside {
            position: relative;
            overflow: visible;
        }

        .products-grid.product-variant-5 .product-item.large.hovered.with-previews .product-item-details {
            padding-top: 0;
        }

        .products-grid.product-variant-5 .product-item.large.hovered .share-button,
        .products-grid.product-variant-5 .product-item.large.hovered .product-item-rating,
        .products-grid.product-variant-5 .product-item.large.hovered .color-swatch,
        .products-grid.product-variant-5 .product-item.large.hovered .quick-view-btn,
        .products-grid.product-variant-5 .product-item.large.hovered .add-to-cart,
        .products-grid.product-variant-5 .product-item.large.hovered .btn.quick-view-link {
            display: block;
            opacity: 1;
            -webkit-transition: opacity 0.4s ease 0.1s;
            transition: opacity 0.4s ease 0.1s;
        }

        .products-grid.product-variant-5 .product-item.large.hovered .share-button {
            display: block;
        }

        .products-grid.product-variant-5 .product-item.large.hovered .add-to-cart,
        .products-grid.product-variant-5 .product-item.large.hovered .btn.quick-view-link {
            display: inline-block;
        }

    .products-grid.product-variant-5 > .slick-list {
        margin: 0;
        padding: 0;
        z-index: 1000;
        position: relative;
    }

        .products-grid.product-variant-5 > .slick-list.out-space {
            margin: -40px -40px -300px;
            padding: 40px 40px 300px;
            z-index: 1000;
            overflow: visible;
        }

    .products-grid.product-variant-5:hover > .slick-list > .slick-track > .slick-slide:not(.slick-active) {
        opacity: 0;
        pointer-events: none;
    }

    .product-item-gallery-main {
        position: relative;
    }

    .products-listview.product-variant-5 .product-item {
        height: auto !important;
    }
}

body.boxed .products-grid.product-variant-5.isotope .product-item.large,
.block.boxed .products-grid.product-variant-5.isotope .product-item.large,
.block.fullboxed .products-grid.product-variant-5.isotope .product-item.large {
    margin: 0 0 30px 0;
}

@media screen and (max-width: 991px) {
    .product-variant-5 .product-item {
        height: auto !important;
    }

    .products-grid.product-variant-5 .product-item.large .wishlist,
    .products-grid.product-variant-5 .product-item.large .no_wishlist,
    .products-grid.product-variant-5 .product-item.large .add_to_wishlist,
    .products-grid.product-variant-5 .product-item.large .share-button,
    .products-grid.product-variant-5 .product-item.large .product-item-rating,
    .products-grid.product-variant-5 .product-item.large .color-swatch,
    .products-grid.product-variant-5 .product-item.large .quick-view-btn,
    .products-grid.product-variant-5 .product-item.large .add-to-cart,
    .products-grid.product-variant-5 .product-item.large .btn.quick-view-link {
        display: block;
        opacity: 1;
        -webkit-transition: opacity 0.4s ease 0.1s;
        transition: opacity 0.4s ease 0.1s;
        font-size: 0;
    }

    .products-grid.product-variant-5 .product-item.large .share-button {
        display: block;
    }

    .products-grid.product-variant-5 .product-item.large .add-to-cart,
    .products-grid.product-variant-5 .product-item.large .btn.quick-view-link {
        display: inline-block;
    }
}

@media screen and (min-width: 992px) {
    .six-in-row.products-grid.product-variant-5 .product-item.large .countdown-box {
        font-size: 11px;
    }
}

@media screen and (max-width: 1399px) {
    .products-grid.product-variant-5.six-in-row .product-item.large {
        width: 20%;
    }

    .products-grid.product-variant-5.five-in-row .product-item.large {
        width: 20%;
    }

    .products-grid.product-variant-5.four-in-row .product-item.large {
        width: 25%;
    }

    .products-grid.product-variant-5.three-in-row .product-item.large {
        width: 33.33333%;
    }

    .products-grid.product-variant-5.two-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.product-variant-5.one-in-row .product-item.large {
        width: 100%;
    }
}

@media screen and (max-width: 1199px) {
    .products-grid.product-variant-5.six-in-row .product-item.large {
        width: 25%;
    }

    .products-grid.product-variant-5.five-in-row .product-item.large {
        width: 25%;
    }

    .products-grid.product-variant-5.four-in-row .product-item.large {
        width: 25%;
    }

    .products-grid.product-variant-5.three-in-row .product-item.large {
        width: 33.33333%;
    }

    .products-grid.product-variant-5.two-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.product-variant-5.one-in-row .product-item.large {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .products-grid.product-variant-5.six-in-row .product-item.large {
        width: 33.33333%;
    }

    .products-grid.product-variant-5.five-in-row .product-item.large {
        width: 33.33333%;
    }

    .products-grid.product-variant-5.four-in-row .product-item.large {
        width: 33.33333%;
    }

    .products-grid.product-variant-5.three-in-row .product-item.large {
        width: 33.33333%;
    }

    .products-grid.product-variant-5.two-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.product-variant-5.one-in-row .product-item.large {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .products-grid.product-variant-5.six-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.product-variant-5.five-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.product-variant-5.four-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.product-variant-5.three-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.product-variant-5.two-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.product-variant-5.one-in-row .product-item.large {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .products-grid.product-variant-5.six-in-row .product-item.large {
        width: 100%;
    }

    .products-grid.product-variant-5.five-in-row .product-item.large {
        width: 100%;
    }

    .sale-page .products-grid.product-variant-5.five-in-row .product-item.large {
        width: 33.333%;
    }

        .sale-page .products-grid.product-variant-5.five-in-row .product-item.large.medama {
            width: 50%;
        }

    .products-grid.product-variant-5.four-in-row .product-item.large {
        width: 100%;
    }

    .sale-page .products-grid.product-variant-5.four-in-row .product-item.large {
        width: 50%;
    }

    .products-grid.product-variant-5.three-in-row .product-item.large {
        width: 100%;
    }

    .products-grid.product-variant-5.two-in-row .product-item.large {
        width: 100%;
    }

    .products-grid.product-variant-5.one-in-row .product-item.large {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .products-grid.product-variant-5 .product-item.large .product-item-photo {
        position: relative;
    }

    .products-grid.product-variant-5 .product-item.large .quick-view-link {
        display: none;
    }

    .products-grid.product-variant-5 .product-item.large .product-item-info {
        padding: 0;
    }

    .col-md-9.aside .products-grid.product-variant-5 .product-item.large .product-item-info {
        display: table;
    }

    .products-grid.product-variant-5 .product-item.large .product-item-actions .actions-secondary a {
        display: inline-block;
        padding: 3px 12px;
        background: transparent;
    }
}

.products-listview.product-variant-5 .product-item.large .product-item-description {
    display: block;
}

.products-listview.product-variant-5 .product-item.large {
    padding-left: 0;
    padding-right: 0;
}

.rating i.icon {
    margin-right: 2px;
    color: #ccc;
}

    .rating i.icon.fill,
    .rating i.icon.icon-star-half {
        color: #ffa500;
    }

    .rating i.icon.blank {
        color: #ccc;
    }

.rating .count {
    padding-left: 5px;
}

.coupon {
    width: 100%;
    border: dotted 3px #ff6666;
    padding: 5px;
    text-align: center;
    background: #fa1212;
    margin-bottom: 15px;
    color: #fff;
}

.visible-xs.visible-sm .coupon {
    padding: 10px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.coupon .title {
    font-weight: 500;
}

.coupon-input {
    margin: 20px 0 20px 0;
}

    .coupon-input .coupon {
        cursor: pointer;
    }

.explanation {
    font-size: 11px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .hidden-quickview {
        display: none;
    }
}

.order-history-box.ordered .order-header .icon-alert {
    color: #f82e56;
    font-size: 20px;
}

.order-history-box.ordered > .table-type.ordered > form.white {
    margin-bottom: 0;
}

.order-history div.notation {
    margin-bottom: 20px;
}

    .order-history div.notation div {
        padding: 10px 13px;
        border: 1px dashed red;
        font-size: 13px;
        margin-top: 15px;
    }

        .order-history div.notation div span > span {
            color: #ff0000;
            text-decoration: underline;
        }

div.anchor-link {
    color: #333745;
    /* text-decoration: underline; */
    font-size: 16px;
    margin-bottom: 5px;
}

    div.anchor-link:hover {
        color: #f82e56;
        text-decoration: underline;
        cursor: pointer;
    }

.anchor-link .icon.icon-pencil {
    margin-left: 5px;
}

.sidebar-block {
    margin-top: 15px;
    background: #fff;
}

    .sidebar-block .block-title {
        padding: 12px 19px;
        font-size: 20px;
        line-height: 1.3em;
        font-weight: 500;
        cursor: pointer;
    }

        .sidebar-block .block-title span {
            color: #191919;
            -webkit-transition: color 0.3s ease;
            transition: color 0.3s ease;
        }

        .sidebar-block .block-title:hover span {
            color: #f82e56;
        }

        .sidebar-block .block-title a {
            color: #191919;
            text-decoration: none;
        }

            .sidebar-block .block-title a:hover {
                color: #f82e56;
            }

    .sidebar-block .block-content {
        padding: 12px 19px;
    }

    .sidebar-block .bg-striped {
        display: none;
    }

    .sidebar-block::after {
        opacity: 0;
        content: '';
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 15px 15px 0 0;
        border-color: #f82e56 transparent transparent transparent;
    }

    .sidebar-block.selected::after {
        opacity: 1;
    }

    .sidebar-block.block-loading .bg-striped {
        display: block;
    }

    .sidebar-block.collapsed {
        position: relative;
    }

        .sidebar-block.collapsed .block-content {
            display: none;
        }

        .sidebar-block.collapsed .toggle-arrow {
            display: block;
            position: absolute;
            z-index: 100;
            width: 50px;
            height: 50px;
            top: 0;
            right: 0;
            font-family: 'icomoon-reg';
            font-size: 18px;
            line-height: 50px;
            text-align: center;
            cursor: pointer;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

            .sidebar-block.collapsed .toggle-arrow::before {
                color: #333745;
                content: "\e94a";
            }

            .sidebar-block.collapsed .toggle-arrow:hover::before {
                color: #f82e56;
            }

        .sidebar-block.collapsed.open .block-content {
            position: static;
            top: 0;
            visibility: visible;
            opacity: 1;
        }

        .sidebar-block.collapsed.open .toggle-arrow::before {
            color: #333745;
            content: "\e94c";
        }

.sidebar-block-right {
    margin-bottom: 15px;
    padding: 10px;
    background: #fff;
    -moz-box-shadow: 1px 1px 3px 0px #f0f0f0;
    -webkit-box-shadow: 1px 1px 3px 0px #f0f0f0;
    box-shadow: 1px 1px 3px 0px #f0f0f0;
}

    .sidebar-block-right.backorder-info {
        padding: 30px 15px;
    }

        .sidebar-block-right.backorder-info .box-icon-row .actions {
            text-align: center;
        }

            .sidebar-block-right.backorder-info .box-icon-row .actions .btn.btn-lg.btn-naturum {
                padding-left: 15px;
                padding-right: 15px;
            }

@media screen and (max-width: 767px) {
    .sidebar-block-right > .product-qty {
        margin: 0 auto;
    }
}

.sidebar-block-right .box-icon-row .actions button {
    padding: 4px 10px 3px;
    width: 100%;
}

.sidebar-block-right .option-label {
    display: inline-block;
    float: left;
    margin: 3px 10px 10px 10px;
}

.sidebar-block-right .sim-purchase .title {
    text-align: center;
    font-size: 18px;
    color: #333745;
    margin: 0 auto 5px;
}

.sidebar-block-right .sim-purchase .left-photo {
    display: inline-block;
    width: 50%;
    height: auto;
    vertical-align: top;
}

    .sidebar-block-right .sim-purchase .left-photo img {
        width: 100%;
    }

.sidebar-block-right .sim-purchase .right-text {
    display: inline-block;
    width: 45%;
    height: auto;
    padding-left: 9px;
}

    .sidebar-block-right .sim-purchase .right-text .item-name span:nth-child(1) {
        display: block;
        color: #666;
        font-size: 11px;
        margin-bottom: 5px;
    }

    .sidebar-block-right .sim-purchase .right-text .item-name span:nth-child(2) {
        display: block;
        color: #333745;
        font-size: 14px;
        margin-bottom: 5px;
        word-wrap: break-word;
    }

    .sidebar-block-right .sim-purchase .right-text .price {
        color: #e30000;
        font-size: 20px;
        font-weight: bold;
    }

.sidebar-block-right .sim-purchase > div:last-child {
    text-align: center;
    margin: 10px auto 0;
}

#MiniShopItems .sidebar-block-right .sim-purchase > div > a {
    pointer-events: auto;
    cursor: pointer;
    color: #666;
}

.col-md-6.col-lg-6 > .product-info-block.classic div.product-options {
    border-bottom: none;
}

/* tags */
.sidebar-block ul.tags {
    border-top: 1px solid #f0f0f0;
    padding: 20px 0 3px;
    margin: 0;
}

.items-total {
    font-size: 14px;
    text-align: right;
    color: #333745;
    margin: 0 0 20px 0;
}

@media screen and (min-width: 992px) {
    .row.row-table {
        display: table;
        width: 100%;
    }

    .ymax {
        height: 30px;
        min-height: 1px;
    }

    .row.row-table > .aside {
        display: table-cell;
        float: none;
        vertical-align: top;
    }

    body:not(.touch) .filter-col.is-fixed:not(.is-fixed-bottom) .filter-container {
        position: fixed;
        width: 25%;
        left: 0;
        top: 0;
        padding: 0;
    }

    body:not(.touch) .filter-col.fixed.is-fixed-bottom .filter-container {
        position: relative;
    }

    body:not(.touch) .filter-col.fixed.is-fixed-bottom {
        vertical-align: bottom;
    }

        body:not(.touch) .filter-col.fixed.is-fixed-bottom .filter-container {
            position: relative;
            overflow: hidden;
            left: 0 !important;
        }

            body:not(.touch) .filter-col.fixed.is-fixed-bottom .filter-container .fixed-scroll {
                max-height: none !important;
            }

    .filter-col.fixed:not(.is-fixed) .filter-container .fixed-scroll {
        max-height: none !important;
    }

    body:not(.touch) .fixed-wrapper {
        overflow: hidden;
    }

    body:not(.touch) .fixed-scroll {
        overflow-x: hidden;
        overflow-y: scroll;
        width: calc(100% + 20px);
        margin-top: 12px;
        padding-top: 72px;
        -webkit-transition: padding 0.5s ease;
        transition: padding 0.5s ease;
    }

    body:not(.touch) .filter-col.fixed.is-fixed .fixed-scroll {
        padding-top: 0;
    }

    body.hdr-sticky:not(.touch) .filter-col.fixed.is-fixed .fixed-scroll {
        padding-top: 72px;
    }

    body.touch .fixed-scroll {
        width: 100%;
    }

    body:not(.touch) .fixed-wrapper {
        top: auto !important;
        bottom: 0 !important;
    }
}

@media screen and (min-width: 992px) {
    body.mac:not(.touch) .fixed-scroll {
        width: 100%;
    }
}

.description {
    margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
    .description {
        margin-bottom: 30px;
    }
}

.description > .categories {
    margin-bottom: -30px;
}

.category-link.visible-xs {
    margin: -17px auto 12px;
}

    .category-link.visible-xs > div {
        text-align: center;
    }

    .category-link.visible-xs a {
        display: inline-block;
        background: #fff;
        border-radius: 5px;
        font-size: 4.5vw;
        color: #333745;
        width: auto;
        margin-right: 5px;
        margin-left: 5px;
        padding: 5px 10px;
    }

.bottom-space .category-link.visible-xs {
    margin-top: -8px;
}

@media screen and (min-width: 992px) {
    .page-main > div.block.fullwidth.full-nopad.bottom-space:first-child {
        padding-top: 0
    }
}

.blog-post {
    background: #fff;
    margin-bottom: 50px;
    padding-bottom: 50px;
}

@media screen and (max-width: 991px) {
    .blog-post {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
}

.blog-photo {
    width: 100%;
    height: 100%;
    padding: 66.6% 0 0;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .blog-photo > a {
        display: block;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%;
    }

        .blog-photo > a::before {
            display: block;
            content: "";
            padding-top: 66.66%;
        }

    .blog-photo img {
        -webkit-transition: transform 0.5s ease 0s;
        transition: transform 0.5s ease 0s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        image-rendering: optimizeQuality;
        vertical-align: middle;
        max-width: 100%;
    }

    .blog-photo:hover img {
        -webkit-transition: transform 0.4s ease 0.04s;
        transition: transform 0.4s ease 0.04s;
        -webkit-transform: scale(1.05) rotate(0.0001deg);
        transform: scale(1.05) rotate(0.0001deg);
    }

    .blog-photo img {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        height: auto;
    }

.blog-content {
    position: relative;
    padding: 30px 30px 0;
    color: #333745;
}

    .blog-content p {
        margin-bottom: 15px;
    }

h2.blog-title {
    font-size: 18px;
    line-height: 1.25em;
    font-weight: 400;
    padding: 0;
    margin: 0 0 10px 0;
    border-bottom: 0;
    color: #333745;
    word-break: break-all;
}

@media screen and (max-width: 991px) {
    h2.blog-title {
        font-size: 15px;
        line-height: 1.25em;
        font-weight: 400;
        border-bottom: 0;
        margin-bottom: 7px;
    }
}

h2.blog-title a {
    color: #333745;
    text-decoration: none;
    -webkit-transition: color 0.25s ease;
    transition: color 0.25s ease;
}

    h2.blog-title a:hover {
        color: #f82e56;
    }

.blog-meta,
.blog-tags {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.blog-tags {
    margin-bottom: 50px;
    padding: 34px 0;
}

@media screen and (max-width: 991px) {
    .blog-tags {
        margin-bottom: 30px;
    }
}

.blog-tags span {
    padding-right: 15px;
    font-size: 15px;
    line-height: 35px;
    font-weight: 500;
}

.blog-tags ul.tags {
    display: inline-block;
}

.blog-meta {
    margin-bottom: 25px;
    padding: 8px 0;
    font-size: 13px;
    line-height: 19px;
    color: #838383;
}

    .blog-meta a {
        color: #f82e56;
    }

        .blog-meta a:hover {
            text-decoration: underline;
        }

    .blog-meta span {
        word-break: break-all;
    }

    .blog-meta .pull-left {
        padding-top: 5px;
    }

        .blog-meta .pull-left span:not(.last)::after {
            content: "|";
            padding: 0 5px;
        }

@media screen and (max-width: 767px) {
    .blog-post {
        padding-bottom: 15px;
    }

    .blog-content {
        padding: 15px 15px;
    }

    .blog-comments .comment .user-photo {
        width: 50px;
    }

    .blog-comments .comment .comment-details {
        padding: 0 0 0 65px;
    }

    .blog-comments .comment.reply .user-photo {
        width: 35px;
    }

    .blog-comments .comment.reply .comment-details {
        padding: 0 0 0 50px;
    }

    .blog-comments .comment.reply .comment {
        margin-left: 15px;
    }
}

.blog-grid-4 {
    width: calc(100% + 30px);
    margin: 0 0 0 -30px;
}

    .blog-grid-4 .blog-post {
        vertical-align: top;
        display: inline-block;
        width: calc(50% - 10px);
        min-height: 1px;
        margin-left: 28px;
        margin-right: -20px;
        margin-bottom: 30px;
    }

@media screen and (max-width: 991px) {
    .blog-grid-4 .blog-post {
        margin-bottom: 10px;
    }
}

.blog-grid-4 .blog-post {
    width: calc(25% - 35px);
    padding-bottom: 0;
}

.complete .blog-grid-4 .blog-post {
    width: calc(25% - 18px);
    padding-bottom: 0;
}

@media screen and (max-width: 991px) {
    .complete .blog-grid-4 .blog-post {
        width: calc(33.33333% - 17px);
        padding-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .complete .blog-grid-4 .blog-post {
        width: calc(100% - 27px);
        padding-bottom: 0;
    }
}

.blog-grid-4 .blog-content {
    padding: 0 10px;
}

.blog-grid-4 .blog-meta .share-button {
    right: 20px;
}

.blog-grid-4 .blog-meta {
    border-top: 0;
    border-bottom: 0;
    padding: 0;
    margin-bottom: 2px;
    font-size: 12px;
}

@media screen and (max-width: 767px) {
    .blog-grid-4 .blog-meta {
        font-size: 11px;
        line-height: 14px;
    }
}

.blog-grid-4 .blog-meta .pull-left {
    width: 100%;
    border-top: 1px solid #f0f0f0;
    padding: 8px 0 4px;
}

.blog-grid-4 .blog-meta .pull-right {
    padding-top: 10px;
}

@media screen and (max-width: 991px) {
    .blog-grid-4 .blog-post {
        width: calc(33.33333% - 30px);
    }
}

@media screen and (max-width: 767px) {
    .blog-grid-4 .blog-post {
        width: calc(50% - 15px);
    }

    .blog-content {
        padding: 20px 20px 0;
    }
}

@media screen and (min-width: 992px) {
    body .container .blog-grid-4.products-grid.product-variant-5 {
        margin-left: -15px;
    }

    body .complete .container .blog-grid-4.products-grid.product-variant-5 {
        margin-left: -25px;
    }

    body .container .blog-grid-4.products-grid.product-variant-5 .blog-post {
        margin-left: 40px;
    }
}

/* ウォールのコラム数変更 */
body .container .products-grid.isotope.product-variant-5.container-flex {
    align-content: space-around;
    margin-left: 0;
    margin-right: 0;
}

.products-grid.isotope.product-variant-5.container-flex > .blog-post .blog-photo {
    height: auto;
}

@media screen and (max-width: 1920px) {
    body .container .isotope.product-variant-5.blog-grid-4.products-grid.container-flex > .blog-post {
        width: calc(100% / 6 - 18px);
        margin-left: 9px;
        margin-right: 9px;
    }
}

@media screen and (max-width: 1600px) {
    body .container .isotope.product-variant-5.blog-grid-4.products-grid.container-flex > .blog-post {
        width: calc(20% - 16px);
        margin-left: 8px;
        margin-right: 8px;
    }
}

@media screen and (max-width: 1280px) {
    body .container .isotope.product-variant-5.blog-grid-4.products-grid.container-flex > .blog-post {
        width: calc(25% - 16px);
        margin-left: 8px;
        margin-right: 8px;
    }
}

@media screen and (max-width: 780px) {
    body .container .isotope.product-variant-5.blog-grid-4.products-grid.container-flex > .blog-post {
        width: calc(100% / 3 - 14px);
        margin-left: 7px;
        margin-right: 7px;
    }
}

@media screen and (max-width: 480px) {
    body .container .isotope.product-variant-5.blog-grid-4.products-grid.container-flex > .blog-post {
        width: calc(50% - 10px);
        margin-left: 5px;
        margin-right: 5px;
    }
}

@media screen and (min-width: 1921px) {
    body .container .isotope.product-variant-5.container-flex.products-grid.container-flex > .blog-post {
        width: calc(12.5% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }
}

/* variant 2 - with logo */
.newsletter.variant2 {
    margin-bottom: 0;
}

/* 3.9.2 スマホ用infoエリア
-----------------------------------------------------------------*/
.information {
    text-align: center;
    margin-bottom: 13px;
}

    .information .box-text.header-info {
        margin: 0 auto 10px;
        height: 30px;
        width: 70px;
        background: #f82e56;
        color: #fff;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.4em;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        position: relative;
        display: block;
        float: none;
    }

.non-effect a {
    margin-bottom: 0;
    color: #333745;
    text-decoration: none;
}

.information .box-image {
    text-align: center;
    width: calc(90% - 30px);
}

    .information .box-image a {
        height: auto;
    }

        .information .box-image a img {
            height: auto;
            width: 100%;
            margin-bottom: 0px;
        }

/* 3.10 Search
-----------------------------------------------------------------*/
/* Expanding Search */
input:-webkit-autofill {
    background-color: rgba(255, 255, 255, 0);
}

.exp-search {
    position: absolute;
    z-index: 101;
    top: -15px;
    right: 0;
    width: 0%;
    min-width: 40px;
    height: 72px;
    margin: 0 5px;
    float: right;
    background: transparent;
    overflow: hidden;
    -webkit-transition: all 0 ease;
    transition: all 0 ease;
    -webkit-backface-visibility: hidden;
}

.exp-search-input {
    position: absolute;
    top: 15px;
    right: 0;
    border: none;
    outline: none;
    background: transparent;
    width: 100%;
    height: 40px;
    margin: 0;
    z-index: 2100;
    padding: 5px 75px 5px 15px;
    font-size: 16px;
    line-height: 30px;
    color: #191919;
}

.exp-search.exp-search-open {
    background: #fff;
    overflow: visible;
}

.page-header.is-sticky .exp-search.exp-search-open {
    background: transparent;
}

.exp-search.exp-search-open .exp-search-input {
    background: #fff;
}

.exp-search-input::-webkit-input-placeholder {
    color: #8f8f8f;
}

.exp-search-input:-moz-placeholder {
    color: #8f8f8f;
}

.exp-search-input::-moz-placeholder {
    color: #8f8f8f;
}

.exp-search-input:-ms-input-placeholder {
    color: #8f8f8f;
}

.exp-icon-search,
.exp-search-submit {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: 0;
    top: 15px;
    padding: 0;
    margin: 0;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.exp-search-submit {
    background: transparent;
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
    right: 40px;
}

.page-header.variant-8 .exp-search {
    overflow: visible;
}

.page-header.variant-8 .exp-search-close {
    visibility: hidden;
}

.page-header.variant-8 .exp-search-submit {
    right: 0;
}

.exp-icon-search {
    color: #000;
    z-index: 90;
    font-size: 16px;
    line-height: 44px;
    z-index: 5000;
}

.exp-search.exp-search-open {
    width: 400px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .exp-search.exp-search-open .exp-search-input {
        border: 1px solid #e8e8e8;
    }

    .exp-search.exp-search-open .exp-icon-search {
        z-index: 11;
        right: 40px;
    }

    .exp-search.exp-search-open .exp-search-submit {
        z-index: 10;
    }

.exp-search-close {
    display: none;
    position: absolute;
    right: 0;
    height: 40px;
    width: 40px;
    font-size: 22px;
    line-height: 44px;
    z-index: 11;
    top: 15px;
    cursor: pointer;
    text-align: center;
}

.exp-search.exp-search-open .exp-search-close {
    display: block;
}

.exp-search-close,
.exp-icon-search {
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

    .exp-search-close:hover,
    .exp-icon-search:hover {
        color: #f82e56;
    }

@media screen and (max-width: 991px) {
    .exp-search {
        top: 0;
        height: 39px;
        background: transparent;
    }

    .exp-search-submit,
    .exp-search-input {
        background: transparent;
        top: 0;
        height: 39px;
    }

    .exp-search,
    .exp-search.exp-search-open {
        width: calc(100% - 65px);
    }

        .exp-search .exp-search-input {
            border: 1px solid #fff;
            background: #fff;
        }

    .exp-icon-search {
        color: #fff;
        top: 0;
        font-size: 24px;
    }

    .exp-search .exp-icon-search,
    .exp-search.exp-search-open .exp-icon-search {
        color: #000;
    }
}

/*畠山追加20170921*/
.variant-8 .header-link .header-search .header-search.is-sticky .exp-search {
    float: left;
    position: absolute;
    margin: 0;
    left: 0;
    right: 0;
    height: 50%;
    line-height: inherit;
}

    .variant-8 .header-link .header-search .header-search.is-sticky .exp-search form {
        text-align: left;
        float: left;
        height: 30px;
    }

    .variant-8 .header-link .header-search .header-search.is-sticky .exp-search .exp-search-input {
        text-align: left;
        float: left;
        height: 30px;
    }

    .variant-8 .header-link .header-search .header-search.is-sticky .exp-search .exp-search-submit {
        height: 30px;
    }

    .variant-8 .header-link .header-search .header-search.is-sticky .exp-search .exp-icon-search {
        height: 30px;
    }

    .variant-8 .header-link .header-search .header-search.is-sticky .exp-search .exp-search-close {
        height: 30px;
    }
/*畠山追加20170921*/

/* search-results */
header.is-sticky .search-results {
    visibility: hidden;
}

.search-results {
    z-index: 10000;
    list-style-type: none;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-top: 0;
    overflow: hidden;
}

.page-header.variant-3 .search-results {
    top: auto;
    border: 1px solid #e8e8e8;
    border-bottom: 0;
    bottom: -15px;
}

.search-results li {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border-top: 1px solid #e8e8e8;
    overflow: hidden;
}

    .search-results li:first-child {
        border-top: none;
    }

.search-results .thumbnail {
    float: left;
    display: block;
    width: 50px;
    height: 50px;
    margin: 5px 0 5px 5px;
    padding: 0;
    text-align: center;
    overflow: hidden;
}

.search-results .title {
    float: left;
    width: calc(100% - 55px);
    padding: 10px 15px 15px 15px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 15px;
    line-height: 38px;
    text-overflow: ellipsis;
    text-align: left;
    color: #333745;
    -webkit-transition: color 0 ease;
    transition: color 0 ease;
}

    .search-results .title:hover {
        color: #f82e56;
    }
/* サジェスト部分 */
.ui-autocomplete.ui-menu li.ui-menu-item {
    border-bottom: 1px dashed #e8e8e8;
    font-size: 16px;
    line-height: 1;
    padding: 0;
}

.ui-autocomplete.ui-menu .ui-menu-item-wrapper {
    padding: 7px 15px;
}

    .ui-autocomplete.ui-menu .ui-menu-item-wrapper.ui-autocomplete-category {
        margin-top: -7px;
    }

.ui-autocomplete span.ui-autocomplete-category {
    font-weight: bold;
    font-size: 11px;
    color: #999999;
    margin: 0;
    display: block;
}

.ui-menu li.ui-menu-item:hover,
.ui-menu li.ui-menu-item:active,
.ui-menu li.ui-menu-item:focus,
.ui-menu li.ui-menu-item.ui-state-focus,
.ui-menu li.ui-menu-item.ui-state-active,
.ui-menu li.ui-menu-item .ui-state-focus,
.ui-menu li.ui-menu-item .ui-state-active,
.ui-menu li.ui-menu-item .ui-state-hover {
    background: #009f4c;
    color: #ffffff;
}

    .ui-menu li.ui-menu-item:hover .ui-autocomplete-category,
    .ui-menu li.ui-menu-item:active .ui-autocomplete-category,
    .ui-menu li.ui-menu-item:focus .ui-autocomplete-category {
        color: #ffffff;
        background: #009f4c;
        font-weight: bold;
    }

.ui-menu-item-wrapper:focus {
    background: #009f4c;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: none;
    background: transparent;
    font-weight: normal;
    color: #fff
}

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: none;
        background: #fff
    }

/* 3.11 Banners
-----------------------------------------------------------------*/
/* banners */
.banner-edit {
    margin-bottom: 45px;
}

.banner {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 991px) {
    .banner {
        margin-bottom: 25px;
    }
}

.banner img {
    width: 100%;
}

.megamenu .banner {
    margin-bottom: 0;
}

.full-nopad .banner {
    margin-bottom: 0;
}

a.banner-wrap,
a.banner-wrap:hover,
a.banner-wrap:focus,
a.banner-wrap:active {
    text-decoration: none;
}

.banner {
    font-size: 30px;
}

    .banner .btn {
        float: none;
    }

    /* banner style 7 */
    .banner.style-7 .banner-caption {
        top: 0;
        right: 38%;
        bottom: 0;
        left: 5%;
    }

    .banner.style-7 .text-1 {
        font-size: 14px;
        line-height: 1em;
        font-weight: 700;
        letter-spacing: -2px;
        color: #fff;
        text-transform: uppercase;
        margin-top: -0.3em;
    }

    .banner.style-7 .text-2 {
        font-size: 0.24em;
        line-height: 1em;
        font-weight: 500;
        letter-spacing: 6px;
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 0.5em;
    }

    .banner.style-7 .text-3 {
        display: block;
        z-index: -1;
        width: 3.2em;
        height: 3.2em;
        text-align: center;
        font-size: 0.38em;
        line-height: 1em;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        border-radius: 50%;
        background: #41df7c;
        display: table;
    }

        .banner.style-7 .text-3 span {
            display: table-cell;
            height: 100%;
            vertical-align: middle;
        }

    .banner.style-7 .banner-btn {
        color: #fff;
        text-decoration: none;
    }

        .banner.style-7 .banner-btn > span {
            padding: 0 0.8em;
            font-size: 0.22em;
            line-height: 2.1em;
            font-weight: 500;
            height: auto;
            background: #f82e56;
        }

        .banner.style-7 .banner-btn span.hoverbg {
            background: #fff;
        }

        .banner.style-7 .banner-btn:hover > span {
            color: #f82e56;
        }

.text-hover {
    overflow: hidden;
}

    .text-hover > span {
        position: relative;
        display: table;
        z-index: 1;
    }

.horc .text-hover > span {
    margin-left: auto;
    margin-right: auto;
}

.horl .text-hover > span {
    float: left;
}

.horr .text-hover > span {
    float: right;
}

.text-hover span > span.hoverbg {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: -1;
}

.banner:hover .text-hover:not(.banner-btn) > span > span.hoverbg {
    width: 100%;
}

.banner-btn:hover span > span.hoverbg {
    width: 100%;
}

.text-hover span > span.hoverbg {
    transition: all 0s ease 0s;
}

.text-hover span > span.text {
    transition: color 0.2s ease 0s;
}

.table-view {
    display: table;
}

.table-cell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.banner .banner-caption {
    top: 5%;
    left: 5%;
    right: 5%;
    bottom: 5%;
    position: absolute;
    z-index: 10;
    transition: opacity 0.2s ease;
}

    .banner .banner-caption > span {
        display: table-cell;
        vertical-align: middle;
        padding: 10%;
    }

    .banner .banner-caption.vertm .vert {
        vertical-align: middle;
    }

    .banner .banner-caption.vertt .vert {
        vertical-align: top;
    }

    .banner .banner-caption.vertb .vert {
        vertical-align: bottom;
    }

    .banner .banner-caption.horl {
        text-align: left;
    }

    .banner .banner-caption.horc {
        text-align: center;
    }

    .banner .banner-caption.horr {
        text-align: right;
    }

#output {
    min-height: 300px;
}

.banner-btn {
    display: table;
    float: left;
}

.horc .banner-btn {
    margin: 0 auto;
    float: none;
}

.horr .banner-btn {
    float: right;
}

.banner-btn-wrap,
.banner-btn-wrap:hover,
.banner-btn-wrap:focus,
.banner-btn-wrap:active {
    display: table;
    float: left;
    text-decoration: none;
}

    .banner-btn-wrap .banner-btn,
    .banner-btn-wrap:hover .banner-btn,
    .banner-btn-wrap:focus .banner-btn,
    .banner-btn-wrap:active .banner-btn {
        float: none;
    }

.horc .banner-btn-wrap,
.horc .banner-btn {
    margin: 0 auto;
    float: none;
}

.horr .banner-btn-wrap,
.horr .banner-btn {
    float: right;
}

@media screen and (min-width: 992px) {
    .banner-space {
        padding: 0 25%;
    }
}

#FooterBanner {
    line-height: 1;
}

    #FooterBanner .col-sm-6 .banner.style-7 {
        font-size: 16px;
    }
/* 3.12b Recommendation Feed（2017/09/20追加）
-----------------------------------------------------------------*/
.recommendation-feed {
    margin: 0;
    padding: 0;
    list-style: none;
    width: calc(100% + 10px);
    margin: 20px 0 0 -10px;
}

    .recommendation-feed a {
        float: left;
        width: calc(33.33333% - 10px);
        margin-left: 10px;
        margin-bottom: 10px;
        position: relative;
        overflow: hidden;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: background-color 0.5s ease-in-out 0s;
        transition: background-color 0.5s ease-in-out 0s;
    }

        .recommendation-feed a > a {
            display: block;
            overflow: hidden;
        }

        .recommendation-feed a img {
            -webkit-transition: transform 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s;
            transition: transform 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            image-rendering: optimizeQuality;
            vertical-align: middle;
            max-width: 100%;
            -webkit-transform: scale(1.01) rotate(0.0001deg);
            transform: scale(1.01) rotate(0.0001deg);
        }

        .recommendation-feed a:hover {
            background: #000;
        }

            .recommendation-feed a:hover img {
                opacity: 0.7;
                -webkit-transform: scale(1.15) rotate(0.0001deg);
                transform: scale(1.15) rotate(0.0001deg);
            }

        .recommendation-feed a > img {
            width: 100%;
        }

.recommendation-title {
    font-size: 58px;
    line-height: 1em;
    font-weight: 700;
    letter-spacing: 4vw;
    text-indent: 4vw;
    color: #ddd;
    background: #f1f1f1;
    padding: 35px 0;
    text-align: center;
}

@media screen and (max-width: 991px) {
    .recommendation-title {
        font-size: 38px;
        padding: 25px 0;
        letter-spacing: 2vw;
        text-indent: 2vw;
    }
}

.recommendation-feed-full {
    padding: 0;
    list-style: none;
    width: 100%;
    margin: 0;
    background: #fff;
    overflow: hidden;
    white-space: nowrap;
}

    .recommendation-feed-full a {
        display: inline-block;
        width: 10%;
        opacity: 1;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }

        .recommendation-feed-full a:hover {
            opacity: 0.65;
        }

        .recommendation-feed-full a > img {
            width: 100%;
        }

    .recommendation-feed-full .slick-prev,
    .recommendation-feed-full .slick-next {
        position: absolute;
        z-index: 1;
        display: block;
        height: 100%;
        width: 50px;
        line-height: 0px;
        font-size: 0px;
        cursor: pointer;
        background: rgba(255, 255, 255, 0.5);
        top: 0;
        padding: 0;
        margin-top: 0;
        opacity: 1;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .recommendation-feed-full .slick-prev:hover,
        .recommendation-feed-full .slick-next:hover {
            background: rgba(0, 0, 0, 0.1);
            opacity: 1;
        }

        .recommendation-feed-full .slick-prev::before,
        .recommendation-feed-full .slick-next::before {
            font-size: 38px;
            color: #333745;
            opacity: 1;
        }

        .recommendation-feed-full .slick-prev:hover::before,
        .recommendation-feed-full .slick-next:hover::before {
            color: #fff;
            opacity: 1;
        }

    .recommendation-feed-full .slick-prev {
        left: 0;
        right: auto;
    }

        .recommendation-feed-full .slick-prev::before {
            margin-left: -5px;
        }

    .recommendation-feed-full .slick-next {
        right: 0;
        left: auto;
    }

        .recommendation-feed-full .slick-next::before {
            margin-left: 5px;
        }

/*岩田さんに作成してもらうスライダー用css*/
.feed-slider {
    padding: 0;
    list-style: none;
    width: 100%;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
}

    .feed-slider a {
        display: inline-block;
        width: auto;
        opacity: 1;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }

        .feed-slider a > img {
            height: 80px;
            width: 80px;
        }

    .feed-slider .slick-prev,
    .feed-slider .slick-next {
        position: absolute;
        z-index: 1;
        display: block;
        height: 100%;
        width: 30px;
        line-height: 0px;
        font-size: 0px;
        cursor: pointer;
        background: rgba(255, 255, 255, 0.5);
        top: 0;
        padding: 0;
        margin-top: 0;
        opacity: 1;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .feed-slider .slick-prev:hover,
        .feed-slider .slick-next:hover {
            background: rgba(0, 0, 0, 0.1);
            opacity: 1;
        }

        .feed-slider .slick-prev::before,
        .feed-slider .slick-next::before {
            font-size: 38px;
            color: #333745;
            opacity: 1;
        }

        .feed-slider .slick-prev:hover::before,
        .feed-slider .slick-next:hover::before {
            color: #fff;
            opacity: 1;
        }

    .feed-slider .slick-prev {
        left: 0;
        right: auto;
    }

        .feed-slider .slick-prev::before {
            margin-left: -5px;
        }

    .feed-slider .slick-next {
        right: 0;
        left: auto;
    }

        .feed-slider .slick-next::before {
            margin-left: 5px;
        }
/*岩田さんに作成してもらうスライダー用cssここまで*/

/* 3.14 Shopping cart page
-----------------------------------------------------------------*/
.cart-table {
    background: #fff;
    margin-bottom: 40px;
}

@media screen and (max-width: 991px) {
    .cart-table {
        margin-bottom: 30px;
    }
}

.cart-table .table-header,
.cart-table .table-row {
    display: table;
    table-layout: fixed;
    position: relative;
    width: 100%;
}

    .cart-table .table-header > div,
    .cart-table .table-row > div {
        display: table-cell;
        vertical-align: middle;
    }

@media screen and (min-width: 992px) {
    .cart-table > .table-header > div.photo {
        width: 8%;
    }

    .checkout .cart-table > .table-header > div.photo {
        width: 14%;
    }
}

.cart-table .table-row {
    border-top: 1px solid #f0f0f0;
    margin-bottom: 2px;
}

    .cart-table .table-row > div {
        border-left: 1px solid #f0f0f0;
    }

        .cart-table .table-row > div:first-child {
            border-left: none;
        }

.cart-table .table-header {
    font-size: 17px;
    line-height: 1.2em;
    font-weight: 700;
    padding: 20px 0;
    text-align: center;
    color: #333745;
}

.cart-table .table-footer {
    padding: 20px 0 15px;
    display: table;
    width: 100%;
}

    .cart-table .table-footer .btn {
        margin: 0 12px 15px;
    }

        .cart-table .table-footer .btn:first-child {
            margin-left: 24px;
        }

            .cart-table .table-footer .btn:first-child + .btn {
                margin-right: 24px;
            }

.cart-table .photo {
    width: 15%;
}

.cart-table .name {
    width: 44%;
}

.cart-table .price,
.cart-table .subtotal {
    width: 12%;
}

.cart-table .qty {
    width: 9%;
}

.cart-table .remove,
.cart-table .continue {
    width: 6%;
}

.cart-table .table-row .photo {
    width: 14%;
    text-align: center;
    padding: 0 5px;
}

@media screen and (min-width: 992px) {
    .cart-table .cart-items.cart .table-row .photo {
        width: 8%;
    }
}

.cart-table .table-row .photo a {
    position: relative;
    display: block;
    overflow: hidden;
}

    .cart-table .table-row .photo a::before {
        display: block;
        content: "";
        padding-top: 100%;
    }

    .cart-table .table-row .photo a img {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }

.cart-table .table-row .name {
    padding: 0 10px;
}

    .cart-table .table-row .name small {
        color: #333745;
        font-size: 0.8em;
        font-weight: 400;
    }

.cart-table .table-row .name,
.cart-table .table-row name a,
.cart-table .table-row .price,
.cart-table .table-row .subtotal {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #e30000;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

    .cart-table .table-row name a:hover {
        color: #f82e56;
        text-decoration: underline;
    }

.cart-table .table-row .color-name {
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    color: #333745;
    transition: color 0.2s ease;
}

.cart-table .table-row .price,
.cart-table .table-row .subtotal {
    text-align: center;
}

.cart-table .table-row .qty {
    text-align: center;
    line-height: 18px;
}

    .cart-table .table-row .qty input[type="text"] {
        background: transparent;
        border: 0;
        font-size: 19px;
        line-height: 22px;
        font-weight: 700;
        color: #f82e56;
    }

.cart-table .table-row .remove {
    text-align: center;
}

    .cart-table .table-row .remove a {
        font-size: 20px;
        line-height: 1em;
        color: #333745;
        text-decoration: none;
        -webkit-transition: color 0.2s ease;
        transition: color 0.2s ease;
    }

        .cart-table .table-row .remove a:hover {
            color: #f82e56;
        }

.cart-table .table-row .continue {
    text-align: center;
}

    .cart-table .table-row .continue a {
        font-size: 20px;
        line-height: 1em;
        color: #333745;
        text-decoration: none;
        -webkit-transition: color 0.2s ease;
        transition: color 0.2s ease;
    }

        .cart-table .table-row .continue a:hover {
            color: #f82e56;
        }

    .cart-table .table-row .continue span,
    .cart-table .table-row .remove span {
        display: none;
    }

.total-price {
    border: 0;
    padding: 0;
    margin: 0 0 20px;
    width: 100%;
    max-width: 400px;
    float: right;
    background: transparent;
    font-size: 16px;
    line-height: 1.7em;
    color: #333745;
    font-weight: bold;
}

table.total-price td.rtd span#cart-shipping-fee {
    font-size: 17px;
    color: #333745;
}

.total-price td {
    width: 50%;
    padding: 0 0 0 10px;
    text-align: right;
}

.total-price .ltd {
    width: 30%;
    padding: 0 0 0 2px;
    text-align: right;
}

.total-price .rtd {
    width: 70%;
    padding: 0 0 0 10px;
    text-align: right;
}

.total-price .total {
    color: #e30000;
}

    .total-price .total span {
        font-size: 17px;
        color: #e30000;
    }

    .total-price .total .rtd {
        font-size: 24px;
        color: #e30000;
    }

.total-price span {
    font-size: 10px;
    color: #000;
}

.total-price.checkout-price {
    font-weight: normal;
}

    .total-price.checkout-price span {
        font-size: 17px;
        color: #000;
    }

    .total-price.checkout-price #settlement-amount {
        color: #e30000;
    }

    .total-price.checkout-price .total,
    .total-price.checkout-price .total span {
        font-size: 22px;
        color: #e30000;
        font-weight: bold;
    }

        .total-price.checkout-price .total .tax {
            font-size: 10px;
            color: #f82e56;
        }

    .total-price.checkout-price .tax-total ~ tr span {
        font-size: 12px;
        line-height: 1.5;
        color: #333745;
    }

.postage-free .zeroyen {
    font-size: 17px;
    color: #f82e56;
    font-weight: 700;
}

    .postage-free td.rtd.zeroyen span#cart-shipping-fee,
    .postage-free .zeroyen span#cart-shipping-fee-suffix {
        font-size: 17px;
        color: #f82e56;
    }

.total-price .total td.rtd {
    font-size: 17px;
}

    .total-price .total td.rtd span#cart-subtotal {
        font-size: 24px;
    }

.total-wrapper {
    float: right;
}

@media screen and (max-width: 1199px) {
    .cart-table .table-row .photo {
        padding: 0 20px;
    }

    .cart-table .table-header {
        font-size: 15px;
    }
}

@media screen and (max-width: 991px) {
    .total-wrapper {
        float: none;
    }

    .cart-table {
        margin-bottom: 15px;
    }

        .cart-table .table-header {
            padding: 10px 0;
            font-size: 14px;
        }

        .cart-table .table-row .photo {
            padding: 0 10px;
        }

        .cart-table .table-row .name {
            padding: 0 10px;
        }

        .cart-table .table-row .name,
        .cart-table .table-row name a,
        .cart-table .table-row .price,
        .cart-table .table-row .subtotal {
            font-size: 16px;
            line-height: 17px;
            width: 33.3%;
        }

        .cart-table .table-row .qty input[type="text"] {
            font-size: 15px;
            line-height: 18px;
        }

        .cart-table .table-footer .btn {
            margin-right: 10px;
        }

        .cart-table .price,
        .cart-table .qty,
        .cart-table .subtotal {
            width: 15%;
        }

        .cart-table .name {
            width: 35%;
        }

    .table-header {
        font-size: 15px;
    }
}

@media screen and (max-width: 667px) {
    .cart-table .table-row .photo {
        padding: 0 20px;
    }

    .cart-table .table-header {
        padding: 10px 0;
        font-size: 14px;
    }

    .cart-table .table-row .name {
        padding: 0 30px;
        font-size: 14px;
    }
}

@media screen and (max-width: 667px) {
    .cart-table .table-row {
        border-bottom-width: 1px;
        border-top: 0;
    }

    .cart-table .table-header {
        display: none;
    }

    .cart-table .table-row {
        display: block;
        overflow: hidden;
        padding-bottom: 40px;
        padding-top: 20px;
    }

        .cart-table .table-row .photo {
            display: block;
            width: 33.33333%;
            float: left;
            padding: 0 10px;
        }

        .cart-table .table-row .name {
            display: block;
            float: right;
            width: 66.66666%;
            padding: 0 0 10px;
        }

    .cart-table.wishlist .table-row .name {
        padding: 15px 0 20px;
    }

    .cart-table .table-row .remove {
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px 15px;
        width: auto;
    }

    .cart-table .table-row .continue {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 10px 15px;
        width: auto;
    }

        .cart-table .table-row .continue span,
        .cart-table .table-row .remove span {
            display: inline-block;
            font-size: 15px;
            line-height: 20px;
            padding-right: 8px;
        }

        .cart-table .table-row .continue i.icon,
        .cart-table .table-row .remove i.icon {
            vertical-align: bottom;
            font-size: 20px;
        }

    .cart-table .table-row > div {
        border-left: none;
    }

    .cart-table .qty,
    .cart-table .price,
    .cart-table .subtotal {
        display: block;
        position: absolute;
        width: 40%;
        bottom: 10px;
        left: 0;
    }

    .cart-table .subtotal {
        left: auto;
        right: 0;
        padding: 0 10px;
    }

    .cart-table .qty {
        left: 33.33333%;
    }

    .cart-table .table-footer .btn {
        margin: 0 15px 15px;
        width: calc(100% - 30px);
        max-width: 300px;
        float: none !important;
    }

        .cart-table .table-footer .btn:first-child {
            margin-left: 15px;
        }

            .cart-table .table-footer .btn:first-child + .btn {
                margin-right: 15px;
            }

    .cart-table .table-footer {
        padding: 10px 0 0;
        text-align: center;
    }

    .total-price.checkout-price .total,
    .total-price.checkout-price .total span {
        font-size: 17px;
    }
}

a.changecartlink {
    color: #333745;
    text-decoration: underline;
    display: block;
    text-align: right;
    margin: -15px 5px 15px;
}

    a.changecartlink:hover {
        text-decoration: underline;
    }

@media screen and (max-width: 991px) {
    a.changecartlink {
        margin-top: 10px;
    }
}

/* 3.15 404 & empty cart page
-----------------------------------------------------------------*/
h1.text-center.error-page {
    margin-top: 40px;
    font-size: 22px;
    line-height: 1.4em;
    padding-bottom: 25px;
}

a.error-page-btn.btn {
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 55px;
}

@media screen and (max-width: 667px) {
    h1.text-center.error-page {
        margin-top: 65px;
    }

    a.error-page-btn.btn {
        width: 70%;
        margin-bottom: 40px;
    }
}

/* 3.16 Gallery コンテンツ一覧の「ALL」「FISHING」「OUTDOOR」用
-----------------------------------------------------------------*/
.filters {
    margin: 0;
    padding: 10px 0 30px;
    list-style: none;
    text-align: center;
}

@media screen and (max-width: 991px) {
    .filters {
        padding: 5px 0 15px;
    }
}

.filters li {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #333745;
    text-transform: uppercase;
}

    .filters li span {
        padding: 0 15px;
        display: inline-block;
        vertical-align: sub;
    }

    .filters li a {
        color: #333745;
        font-size: 24px;
        line-height: 1.75em;
        font-weight: 400;
        text-transform: uppercase;
        text-decoration: none;
        align-content: center;
        display: inline-block;
        vertical-align: middle;
        -webkit-transition: color 0.2s ease;
        transition: color 0.2s ease;
    }

        .filters li a:hover,
        .filters li a.active {
            color: #f82e56;
            text-decoration: none;
        }

    .filters li:last-child span {
        display: none;
    } 
 
.filters.style2 {
    margin: 0 0 10px;
    padding: 10px 0 30px;
}

@media screen and (max-width: 991px) {
    .filters.style2 {
        padding: 5px 0 5px;
        margin: 0 0 10px;
    }
}

.filters.style2 li {
    margin: 0 4px;
    position: relative;
    vertical-align: top;
}

    .filters.style2 li a {
        display: block;
        padding: 10px 11px;
        line-height: 1.353em;
        text-transform: uppercase;
        color: #333745;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .filters.style2 li a:hover,
        .filters.style2 li a.active {
            color: #fff;
            background: #007f3c;
            text-decoration: none;
        }

            .filters.style2 li a:hover span.count,
            .filters.style2 li a.active span.count {
                display: block;
            }

        .filters.style2 li a span.count {
            display: none;
            position: absolute;
            padding: 0 8px;
            top: -10px;
            right: -10px;
            font-size: 13px;
            line-height: 21px;
            color: #fff;
            background: #333745;
        } 

/* 3.19 カート用ボタン
-----------------------------------------------------------------*/
.btn-cart {
    width: 234px;
    height: 220px;
    background: #fff;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
    text-align: center;
    position: fixed;
    right: 0;
    bottom: 3%;
    padding: 10px 20px;
    z-index: 10001;
}

    .btn-cart div,
    .btn-checkout div {
        text-align: left;
        margin-bottom: 10px;
    }

    .btn-cart .total,
    .btn-checkout .total {
        font-size: 20px;
        color: #e30000;
        font-weight: 700;
    }

        .btn-cart .total .tax,
        .btn-checkout .total .tax {
            font-size: 15px;
        }

.btn-cart-s {
    width: 100%;
    height: 62px;
    background: #fff;
    box-shadow: 1px -2px 5px -2px rgba(0, 0, 0, 0.4);
    text-align: center;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    padding: 5px 5px;
}

    .btn-cart-s table,
    .btn-checkout-s table {
        width: 100%;
    }

    .btn-cart-s .ltd {
        padding-right: 2.5px;
    }

    .btn-cart-s .rtd,
    .btn-checkout-s .rtd {
        padding-left: 2.5px;
    }

    .btn-cart-s div {
        overflow: hidden;
    }

.btn-cart-center {
    text-align: center;
    padding: 3% 10%;
}

    .btn-cart-center table {
        width: 100%;
    }

    .btn-cart-center td {
        padding: 0 2%;
        background: #fafafa;
    }

.btn-cart.effective-overlay {
    position: fixed;
    bottom: 5px;
    right: 0;
    z-index: 1077;
    height: auto;
}

.effective-overlay {
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .effective-overlay.is-visible {
        visibility: visible;
    }

.btn-cart.effective-overlay > p > .btn {
    width: 100%;
}

.btn-cart.visible-lg.visible-md.visible-sm {
    display: none;
}

.cart-point {
    margin-top: 20px;
}

.cart-items.cart .name.cartname a .brand {
    font-size: 12px;
}

@media screen and (max-width: 991px) {
    .cart-items.cart .name.cartname a .brand {
        font-size: 10px;
    }
}

.cart-items.cart .name.cartname span.backorder,
.name.cartname.checkout span.backorder {
    font-weight: bold;
    color: #f82e56;
    font-size: 12px;
    display: block;
    margin-top: 7px;
}

/* 3.24 注文履歴ページ
-----------------------------------------------------------------*/
.order-history > div h1, .repurchase > div h1 {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
}

.repurchase div .sidebar-block-right .right-text {
    text-align: left;
}

.repurchase div .sidebar-block-right .left-photo {
    width: 30%;
}

.repurchase div .sidebar-block-right .right-text {
    width: 66%;
    margin-top: 0;
}

.repurchase div div.sidebar-block-right > div.sim-purchase .right-text > .item-name > span {
    font-size: 11px;
    line-height: 1.4em;
    color: #333745;
}

.repurchase div div.sidebar-block-right > div.sim-purchase .right-text .price {
    font-size: 16px;
    display: inline;
}

.repurchase div div.sidebar-block-right > div.sim-purchase .right-text .text {
    border: solid 1px #f82e56;
    background: #fff;
    color: #f82e56;
    height: 18px;
    font-size: 10px;
    line-height: 1.75em;
    padding: 0 4px;
    display: inline-block;
    position: relative;
    bottom: 2px;
}

.repurchase div div.sidebar-block-right > div.sim-purchase .right-text div > a {
    height: 24px;
    display: block;
    vertical-align: middle;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    float: left;
}

    .repurchase div div.sidebar-block-right > div.sim-purchase .right-text div > a span {
        font-size: 12px;
        line-height: 29px;
        display: block;
        vertical-align: middle;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

.form-control#historyfilter {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    text-align: left;
}

.form-list-wrapper > #historyfilter + i.icon {
    position: absolute;
    top: 14px;
    right: 16px;
    pointer-events: none;
}

.ordered {
    color: #f82e56;
}

.shipped {
    color: #333745;
}

.order-date, .order-number {
    display: inline;
}

.order-date {
    float: left;
    font-size: 18px;
}

.order-number {
    float: right;
    font-size: 12px;
    padding-top: 5px;
}

.order-history-box {
    display: table;
    background: #fff;
    margin-bottom: 30px;
    width: 100%;
}

    .order-history-box .order-header {
        border-bottom: solid 1px #f0f0f0;
        overflow: hidden;
        color: #333745;
        padding: 5px 10px;
    }

    .order-history-box .order-status {
        display: block;
        text-align: center;
        font-size: 22px;
        border-bottom: solid 1px #f0f0f0;
        height: 34px;
        margin-top: 4px;
    }

.table-type {
    display: table;
}

    .table-type.ordered,
    .table-type.shipped {
        width: 100%;
    }

        .table-type.ordered .photo .badge,
        .table-type.shipped .photo .badge {
            background: #f82e56;
            float: right;
            position: absolute;
            bottom: 10%;
            right: 10%;
        }

    .table-type .table-row {
        border-bottom: solid 1px #f0f0f0;
    }

.order-history-box .table-type .table-row .photo {
    vertical-align: middle;
    display: table-cell;
    width: 15%;
    text-align: center;
    padding: 10px;
    border-right: 1px solid #f0f0f0;
    position: relative;
}

    .order-history-box .table-type .table-row .photo img {
        width: 100%;
    }

.order-history-box .table-type.ordered .table-row .name {
    vertical-align: middle;
    display: table-cell;
    width: 85%;
    text-align: center;
    padding: 3px 10px 10px;
    text-align: left;
}

.order-history-box .table-type.shipped .table-row .name {
    vertical-align: middle;
    display: table-cell;
    width: 60%;
    text-align: center;
    padding: 0 10px 10px;
    text-align: left;
    border-right: 1px solid #f0f0f0;
}

.orderlist-text a {
    text-decoration: none;
}

.orderlist-text .brand {
    color: #333745;
    font-size: 10px;
    font-weight: normal;
}

.orderlist-text .product-name {
    color: #333745;
    font-size: 14px;
    font-weight: normal;
}

.orderlist-text .color-name {
    font-size: 10px;
    line-height: 1.2em;
    font-weight: normal;
    color: #333745;
    display: inline-block;
    margin-right: 20px;
}

.name.orderlist-text .comment-text {
    border: solid 1px #f82e56;
    background: #fff;
    color: #f82e56;
    height: 18px;
    font-size: 10px;
    line-height: 1.75em;
    padding: 0 4px;
    display: inline-block;
}

.order-history-box .table-type.shipped .table-row .action-column {
    display: table-cell;
    width: 25%;
    text-align: center;
    vertical-align: middle;
    padding: 8px;
}

    .order-history-box .table-type.shipped .table-row .action-column .btn {
        width: 40%;
        height: 60px;
        font-size: 10px;
        text-align: center;
        padding-left: 2px;
        padding-right: 2px;
    }

        .order-history-box .table-type.shipped .table-row .action-column .btn i {
            font-size: 29px;
            position: relative;
            top: 8px;
            line-height: 1.0em;
        }

        .order-history-box .table-type.shipped .table-row .action-column .btn span {
            display: block;
            margin: 2px auto;
            position: relative;
            bottom: 18px;
        }

.check-status {
    text-align: center;
}

    .check-status .btn {
        height: 30px;
        width: 50%;
        margin: 10px auto;
    }

        .check-status .btn i.icon-external-link {
            position: relative;
            bottom: 5px;
            margin-right: 3px;
        }

    .check-status a.btn span {
        position: relative;
        bottom: 6px;
    }

.continue-bottom a {
    margin: 0 20%;
    display: block;
    margin-bottom: 30px;
}

div.check-status a.btn.btn-naturum {
    height: 41px;
    line-height: 52px;
}

@media screen and (max-width: 767px) {
    .order-history-box .table-type .table-row {
        overflow: hidden;
    }

        .order-history-box .table-type .table-row .photo {
            display: block;
            width: 25%;
            float: left;
            border-right: none;
            padding-top: 15px;
        }

    .order-history-box .table-type.ordered .table-row .name,
    .order-history-box .table-type.shipped .table-row .name {
        display: block;
        width: 75%;
        float: left;
        padding-top: 6px;
    }

    .order-history-box .table-type.shipped .table-row .action-column {
        display: block;
        width: 67%;
        float: right;
        padding-top: 0;
        padding-bottom: 10px;
        margin-right: -15px;
        margin-top: -5px;
    }

    .check-status .btn {
        height: 30px;
        width: 80%;
        margin: 10px auto;
    }

    .order-history-box .table-type.shipped .table-row .action-column .btn {
        height: 50px;
        position: relative;
    }

        .order-history-box .table-type.shipped .table-row .action-column .btn i {
            font-size: 24px;
            position: absolute;
            top: 4px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .order-history-box .table-type.shipped .table-row .action-column .btn span {
            display: inline-block;
            margin: 2px auto;
            position: absolute;
            bottom: -13px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }
}

/* 3.25 注文履歴詳細ページ
-----------------------------------------------------------------*/
.order-history-detail > h2, .payment-method > h2 {
    margin-bottom: 10px;
    font-weight: bold;
}

.order-history-detail > p,
.payment-method > p {
    padding-left: 1px;
}

@media screen and (max-width: 767px) {
    .block.bg.white .cart-table .table-row {
        padding-bottom: 30px;
        padding-top: 10px;
        border-bottom: solid 1px #f0f0f0;
    }

    .cart-table .table-row .qty.order-history {
        display: block;
        width: 50%;
        text-align: left;
        float: left;
    }

    .cart-table .table-row .price.order-history {
        display: block;
        width: 96%;
        text-align: right;
        bottom: 12px;
    }

    .cart-table .table-row .name.order-history {
        padding-top: 0;
    }

    .order-history-detail .total-price .total .rtd {
        font-size: 19px;
    }

    .order-history-detail .total-price .ltd {
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    .container .row > .order-history-detail {
        padding-top: 10px;
    }
}

@media screen and (max-width: 667px) {
    .block.bg.white.container .block .container .cart-table {
        margin-bottom: 0;
    }
}

.cart-table > .table-row:last-child {
    border-bottom: 1px solid #f0f0f0;
}

.qty.order-history {
    color: #333745;
}

.order-history-detail .total-price .rtd {
    width: 63%;
}

.order-history-detail .total-price .ltd {
    width: 37%;
}

.order-history-detail .total-price .rtd.point {
    padding-right: 6px;
}

.order-history-detail .total-price .total span {
    font-size: 13px;
}

.order-history-detail .total-price tr.total td.ltd {
    font-weight: bold;
}

.order-history-detail .total-price {
    margin-bottom: 40px;
}

/*3.26 iframe用の調整*/
.nav-department-iframe {
    display: inline-block;
    position: relative;
    width: 200px;
    padding: 0 25px;
    margin-right: 4px;
    margin-left: -15px;
    font-size: 18px;
    line-height: 42px;
    font-weight: 400;
    color: #fff;
    background: #007f3c;
    text-decoration: none;
    vertical-align: top;
}

    .nav-department-iframe:hover,
    .nav-department-iframe:focus {
        color: #fff;
        text-decoration: none;
    }

div.block.fullwidth.full-nopad > div.container.bottom-iframe {
    width: 100%;
}

body.boxed footer.variant2.fullboxed.bottom-iframe {
    position: relative;
}

body.boxed .page-footer.variant2 .full-nopad .container {
    width: 100%;
}

/*3.27 ジャンルインデックス*/
.genrelist ul.breadcrumbs.visible-lg.visible-md {
    padding-bottom: 10px;
}

.genrelist + .container > h1.text-center {
    padding-bottom: 10px;
}

@media screen and (min-width: 992px) {
    div.genre-index:nth-last-child(1) {
        margin-bottom: 60px;
    }

    div.genre-index:nth-child(1) {
        margin-top: -20px;
    }

    .outdoor ul.marker-list li a::before,
    .fishing ul.marker-list li a::before,
    .etc ul.marker-list li a::before {
        top: 8px;
    }

    .outdoor ul.marker-list li a:hover::before,
    .fishing ul.marker-list li a:hover::before,
    .etc ul.marker-list li a:hover::before {
        top: 8px;
    }
}

.outdoor .title h4 a {
    color: #007f3c;
    margin-bottom: 3px;
}

.fishing .title h4 a {
    color: #1064d6;
    margin-bottom: 3px;
}

.etc .title h4 a {
    color: #333745;
    margin-bottom: 3px;
}

    .fishing .title h4 a:hover,
    .outdoor .title h4 a:hover,
    .etc .title h4 a:hover {
        font-weight: bold;
    }

.outdoor .footer-block,
.fishing .footer-block,
.etc .footer-block {
    margin-bottom: 15px;
}

.outdoor ul.marker-list li,
.fishing ul.marker-list li,
.etc ul.marker-list li {
    font-size: 14px;
    line-height: 16px;
}

    .outdoor ul.marker-list li a:hover::before {
        background: #007f3c;
    }

    .fishing ul.marker-list li a:hover::before {
        background: #1064d6;
    }

    .etc ul.marker-list li a:hover::before {
        background: #333745;
    }

    .fishing ul.marker-list li a:hover {
        color: #1064d6;
    }

    .outdoor ul.marker-list li a:hover {
        color: #007f3c;
    }

    .etc ul.marker-list li a:hover {
        color: #333745;
    }

@media screen and (max-width: 991px) {
    .outdoor .title h4,
    .fishing .title h4,
    .etc .title h4 {
        font-size: 18px
    }

    .outdoor ul.marker-list li,
    .fishing ul.marker-list li,
    .etc ul.marker-list li {
        font-size: 16px;
        line-height: 19px;
    }

    div.genre-index:nth-last-child(1) {
        margin-bottom: 30px;
    }

    .col-sm-3.fishing,
    .col-sm-3.outdoor,
    .col-sm-3.etc {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.btn-naturum.large,
.btn-sale.large,
.btn-new.large,
.btn-ranking.large {
    width: 100%;
}

.more-brands.collapse.in + button > span:first-child {
    display: none;
}

.more-brands.collapse:not(.in) + button > span:last-child {
    display: none;
}

.page-main > .inertia-carousel {
    padding-left: 5px;
    margin-bottom: -2px;
}

    .page-main > .inertia-carousel li {
        display: inline-block;
        border-radius: 5px;
        background: #fff;
        padding: 5px 10px;
    }

        .page-main > .inertia-carousel li a {
            color: #333745;
        }

.page-main .sp-banner .inertia-carousel {
    border-radius: 0;
    background: none;
}

    .page-main .sp-banner .inertia-carousel li img {
        width: 130px;
        height: 130px;
    }

.pagination-container {
    text-align: center;
    margin-top: 10px
}

.banner-text-wrap .vert {
    vertical-align: bottom;
}

.special-area .banner-btn-wrap,
.special-area .banner-btn-wrap:hover,
.special-area .banner-btn-wrap:focus,
.special-area .banner-btn-wrap:active {
    display: table;
    float: right;
    text-decoration: none;
    vertical-align: bottom;
}

.special-area .banner.style-6 .banner-btn > span {
    font-size: 20px;
    font-weight: 500;
}

.special-area .banner {
    font-size: inherit;
}

/* 検索結果
-----------------------------------------------------------------*/
.product-item-details > .product-labels {
    text-align: left;
    margin-bottom: 5px;
}

.product-labels > span {
    font-size: 10px;
    padding: 2px 5px 1px;
    display: inline-block;
    line-height: 16px;
}

.product-labels .label-shipfree {
    color: #fff;
    background: #f82e56;
}

.product-labels .label-highpoint {
    color: #fff;
    background: #f69000;
}

.product-labels .label-off {
    color: #fff;
    background: #ff0000;
}

.product-labels .label-new {
    color: #fff;
    background: #09aaf8;
    text-transform: uppercase;
}

.product-labels .label-coupon{
    color: #fff;
    background: #b78700;
}

.product-item-details > .product-labels > div {
    color: #000;
    font-size: 12px;
    margin-top: 4px;
}

.product-variant-5 .product-item.large .product-item-photo .search-item-label.label-color {
    width: 100%;
    bottom: 0;
    position: absolute;
    background-color: rgba(245,245,245,0.8);
    background: rgba(245,245,245,0.8);
    text-align: center;
    z-index: 1000;
}

    .product-variant-5 .product-item.large .product-item-photo .search-item-label.label-color div {
        opacity: 1.0;
        color: #333745;
        font-weight: bold;
        vertical-align: middle;
        margin: 3px auto;
    }

/* 250521追記start */

.product-variant-5 .product-item .product-item-photo .photo-cover-label{
    width: 100%;
    bottom: 0;
    position: absolute;
    text-align: center;
    z-index: 1000;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.product-variant-5 .product-item .product-item-photo .label-salename{
    background: rgb(255 0 0 / 80%);
}
.product-variant-5 .product-item .product-item-photo .label-bestseller{
    background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%)
}
.product-variant-5 .product-item .product-item-photo .label-buyer{
    background: rgb(255 162 0 / 80%);
}
.product-variant-5 .product-item .product-item-photo .photo-cover-label .label-text{
    opacity: 1;
    font-weight: bold;
    vertical-align: middle;
    margin: 3px auto 2px;
    font-size: 12px;
    color: #ffffff;
}

/* 250521追記end */

.product-variant-5 .product-item.large .product-item-name span {
    text-align: left;
}

.bundle-discont {
    font-size: 11px;
    color: #666;
    margin-bottom: 3px;
}

.supplemental {
    font-size: 11px;
}

.product-item-rating > span {
    color: #333745;
    font-size: 12px;
}

.price-input-wrapper {
    margin-top: 10px;
    margin-bottom: 0;
}

    .price-input-wrapper .input-title {
        font-size: 11px;
        margin-bottom: 5px;
    }

    .price-input-wrapper .price-inputter {
        display: inline;
    }

        .price-input-wrapper .price-inputter .input-shallow {
            height: 30px;
            width: 40%;
            display: inline;
            text-align: center;
        }

        .price-input-wrapper .price-inputter input[type="number"]::-webkit-outer-spin-button,
        .price-input-wrapper .price-inputter input[type="number"]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        .price-input-wrapper .price-inputter input {
            -moz-appearance: textfield;
        }

.price-inputter span {
    margin-left: 5px;
    margin-right: 5px;
}

.price-inputter .form-control {
    margin-bottom: 15px;
}

/*3.30 通知関連
-----------------------------------------------------------------*/
div.notifit_confirm {
    color: #333745;
    text-align: center;
    background: #fff;
    box-shadow: 4px 4px 10px rgba(0,0,0,.2);
    z-index: 10000;
}

div.notifit_confirm_message {
    margin-bottom: 5px;
}

button.notifit_confirm_accept,
button.notifit_confirm_cancel {
    background: #ff6600;
    border-radius: 2px;
    padding: 7px auto;
}

    button.notifit_confirm_accept:hover,
    button.notifit_confirm_cancel:hover {
        background: #fff;
        color: #ff6600;
        border: 1px solid #ff6600;
    }

/* 4 Typograph0y
-----------------------------------------------------------------*/
/* 4.1 Typography main
-----------------------------------------------------------------*/
body,
html {
    font-weight: 300;
    /* text smoothing */
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
}

a:focus,
a:hover,
a:active {
    outline: 0px !important;
}

a,
a:focus,
a:active {
    text-decoration: none;
}

    a:focus,
    a:active {
        text-decoration: none;
    }

#wrapper {
    /* text smoothing */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* dividers */
.divider {
    height: 35px;
}

    .divider::before,
    .divider::after {
        content: " ";
        display: table;
    }

    .divider::after {
        clear: both;
    }

    .divider::before,
    .divider::after {
        content: " ";
        display: table;
    }

    .divider::after {
        clear: both;
    }

.divider-sm {
    height: 20px;
}

.divider-xs {
    height: 10px;
}

.line-divider {
    width: 100px;
    height: 0;
    margin: 15px auto 25px;
    border-bottom: 1px solid #e8e8e8;
}

    .line-divider::before,
    .line-divider::after {
        content: " ";
        display: table;
    }

    .line-divider::after {
        clear: both;
    }

    .line-divider::before,
    .line-divider::after {
        content: " ";
        display: table;
    }

    .line-divider::after {
        clear: both;
    }

h1,
.h1-style {
    font-size: 34px;
    line-height: 1.75em;
    font-weight: 400;
    padding: 0 0 30px;
    margin: 0;
    color: #333745;
}

h2,
.h2-style {
    font-size: 24px;
    line-height: 1.75em;
    font-weight: 400;
    padding: 0 0 2px;
    margin: 0 0 25px;
    border-bottom: 1px solid #e8e8e8;
    color: #333745;
}

h3 {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 700;
    padding: 0;
    margin: 0 0 5px;
    color: #333745;
}

    h3 i.icon {
        padding-right: 5px;
    }

h4 {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 700;
    padding: 0;
    margin: 0 0 8px;
    color: #333745;
}

    h4 i.icon {
        padding-right: 5px;
    }

h5 {
    font-size: 13px;
    line-height: 1.5em;
    font-weight: 700;
    padding: 0;
    margin: 0 0 8px;
    color: #333745;
}

    h5 i.icon {
        padding-right: 5px;
    }

h6 {
    font-size: 11px;
    line-height: 1.5em;
    font-weight: 500;
    padding: 0;
    margin: 0 0 8px 0;
    color: #333745;
}

    h6 i.icon {
        padding-right: 5px;
    }

.title {
    position: relative;
}

.box-text > .title {
    height: 30px;
    vertical-align: middle;
}

.title.center h1,
.title.center h2 {
    font-size: 34px;
    line-height: 1.75em;
    padding: 0 0 30px;
    margin: 0 0 10px;
    border: 0;
    position: relative;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .block > .title.center > h1 {
        font-size: 20px;
        line-height: 1.75em;
        padding: 0 0 20px;
        margin: 0 0 10px;
    }
}

.title.center .till_free {
    font-size: 34px;
    line-height: 1.75em;
    padding: 0 0 30px;
    margin: 0 0 10px;
    border: 0;
    position: relative;
    text-align: center;
    color: #f82e56;
}

@media screen and (max-width: 767px) {
    .title.center .till_free {
        font-size: 30px;
        letter-spacing: -1px;
        line-height: 1.6em;
    }
}

.title.center.visible-xs .till_free {
    font-size: 27px;
    line-height: 1.35em;
    padding: 0 0 30px;
    margin: 0 0 10px;
    border: 0;
    position: relative;
    text-align: center;
    color: #f82e56;
}

.title.center h1::after,
.title.center h2::after {
    content: '';
    width: 100px;
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 1px;
    margin-left: -50px;
    background: #e8e8e8;
}

.title.center h1::after,
.title.center h2::after {
    bottom: 18px;
}

h1.size-lg,
.title.center h1.size-lg,
div.h1-style.size-lg {
    font-size: 42px;
    line-height: 1.7em;
}

    h1.size-lg .logo-font,
    .title.center h1.size-lg .logo-font {
        font-size: 1.6em;
        font-weight: 900;
        text-transform: none;
    }

h2.size-lg,
.title.center h2.size-lg {
    font-size: 30px;
    line-height: 1.6em;
}

@media screen and (max-width: 991px) {
    h1 {
        font-size: 25px;
    }

    h2 {
        font-size: 18px;
    }

    .title.center h1,
    .title.center h2 {
        font-size: 25px;
        line-height: 1.75em;
        padding: 0 0 20px;
        margin: 0 0 10px;
    }

    .title.center.visible-xs h1 {
        font-size: 20px;
        line-height: 1.75em;
        padding: 0 0 20px;
        margin: 0 0 10px;
    }

    .title.center h1::after,
    .title.center h2::after {
        bottom: 14px;
    }

    h1.size-lg,
    .title.center h1.size-lg,
    div.h1-style.size-lg {
        font-size: 28px;
    }

    h2.size-lg,
    .title.center h2.size-lg {
        font-size: 24px;
    }
}

.br-sp {
    display: none;
}

@media screen and (max-width: 767px) {
    .br-sp {
        display: block;
    }
}

a.readmore {
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    color: #f82e56;
}

    a.readmore:hover {
        color: #333745;
    }

    a.readmore::after {
        font-family: 'icomoon-reg';
        content: "\e91f";
        font-size: 13px;
        text-decoration: none;
        padding-left: 4px;
    }

.text-center .img-responsive {
    display: inline-block;
}

@media screen and (max-width: 767px) {
    .newsletter.variant2.row img {
        display: block;
        height: auto;
        margin: 0 auto 5px;
        width: 70%;
    }
}

object,
video,
embed {
    height: auto;
    max-width: 100%;
}

.custom-color {
    color: #f82e56;
}

.custom-color-alt {
    color: #333745;
}

.text_size-half {
    font-size: 0.5em;
}

.text_color-red {
    color: #ff0000;
}

.text_colorweight-redbold {
    color: #ff0000;
    font-weight: bold;
}

.custom-color-alt .privilege1 {
    font-weight: bold;
}

.custom-color-alt .privilege2 {
    display: block;
    margin-bottom: -6px;
}

.no-padding {
    padding: 0;
}

.text-wrapper {
    margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
    .text-wrapper {
        margin-bottom: 30px;
    }
}

.text-lg p {
    font-size: 16.99995px;
    font-weight: bold;
    color: #333745;
}

    .text-lg p:first-child:first-letter {
        display: inline-block;
        font-size: 2.411em;
        line-height: 0.658em;
        vertical-align: top;
        text-transform: uppercase;
        color: #f82e56;
    }

.marker {
    background: #f82e56;
    color: #fff;
    padding: 0 0.2em;
}
/* イメージ幅*/
.image_width-full {
    width: 100%;
    height: auto;
}

/* marker list */
ul.marker-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.marker-list li,
    ul.marker-list li a {
        color: #333745;
    }

        ul.marker-list li a {
            display: inline-block;
            position: relative;
            padding: 5px 0 5px 12px;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

            ul.marker-list li a::before {
                content: '';
                display: block;
                position: absolute;
                left: 0;
                top: 12px;
                height: 4px;
                width: 4px;
                background: #e4e4e4;
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

            ul.marker-list li a:hover {
                color: #f82e56;
                text-decoration: none;
            }

    ul.marker-list li {
        font-size: 16px;
        line-height: 20px;
    }

        ul.marker-list li a:hover {
            padding-left: 20px;
            margin-right: -8px;
        }

            ul.marker-list li a:hover::before {
                top: 12px;
                width: 10px;
                height: 4px;
                background: #f82e56;
            }

/* icons set */
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    font-size: inherit;
}

/* table */
table.table {
    margin-bottom: 30px;
}

.params-row {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .params-row li {
        min-width: 50px;
        display: inline-block;
        text-align: center;
    }

body.touch .dark-tooltip {
    display: none !important;
}
/* avoid adblock hide social  */
body .page-footer .footer-social,
.page-footer .footer-social ul.footer-social,
a.sharing .icon-share,
.product-item-actions ul.social-list,
.product-item.large .social-list a,
ul.social-list-simple.small li a,
ul.social-list-simple.small li a.icon-facebook-logo,
ul.social-list-simple li a,
ul.social-list-simple li a.icon-facebook-logo,
.product-info-block div.social,
.product-info-block div.share-button ul.social-list,
.product-info-block div.share-button ul.social-list a,
.blog-meta div.share-button ul.social-list,
.blog-meta div.share-button ul.social-list a {
    display: block !important;
}

    .product-info-block div.share-button,
    .blog-meta div.share-button,
    .product-item-actions a.sharing .icon-share,
    body .page-footer .footer-social i.icon.icon-circled {
        display: inline-block !important;
    }
/* 4.2 Buttons
-----------------------------------------------------------------*/
button:focus,
.btn:focus,
.btn-primary:focus,
button.action:focus,
button:active:focus,
.btn:active:focus,
.btn-primary:active:focus,
button.action:active:focus,
button.active:focus,
.btn.active:focus,
.btn-primary.active:focus,
button.action.active:focus,
button.focus,
.btn.focus,
.btn-primary.focus,
button.action.focus,
button:active.focus,
.btn:active.focus,
.btn-primary:active.focus,
button.action:active.focus,
button.active.focus,
.btn.active.focus,
.btn-primary.active.focus,
button.action.active.focus {
    outline: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button:hover,
.btn:hover,
.btn-primary:hover,
button.action:hover,
button:focus,
.btn:focus,
.btn-primary:focus,
button.action:focus,
button.focus,
.btn.focus,
.btn-primary.focus,
button.action.focus {
    outline: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button:active,
.btn:active,
.btn-primary:active,
button.action:active,
button.active,
.btn.active,
.btn-primary.active,
button.action.active {
    outline: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button.pull-right,
.btn.pull-right,
.btn-primary.pull-right,
button.action.pull-right {
    margin-right: 10px;
}

.btn,
.btn-primary,
button.action {
    height: 41px;
    padding: 0 15px;
    font-size: 15px;
    line-height: 41px;
    font-weight: 500;
    border-radius: 5px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
    border: 1px solid #f82e56;
    -webkit-transition: all 0.3s cubic-bezier(0.3, 1, 0.3, 1);
    transition: all 0.3s cubic-bezier(0.3, 1, 0.3, 1);
}

    .btn,
    .btn-primary,
    button.action,
    .btn.focus,
    .btn-primary.focus,
    button.action.focus,
    .btn:focus,
    .btn-primary:focus,
    button.action:focus,
    .btn:active,
    .btn-primary:active,
    button.action:active {
        background: #ff6600;
        color: #fff;
        border-color: #ff6600;
        /* CTAボタン色の変更箇所 */
    }

        .btn:hover,
        .btn-primary:hover,
        button.action:hover {
            background: transparent;
            color: #ff6600;
            border-color: #ff6600;
            /* CTAボタン色の変更箇所 */
        }

        .btn.btn-invert,
        .btn-primary.btn-invert,
        button.action.btn-invert,
        .btn.btn-invert:active,
        .btn-primary.btn-invert:active,
        button.action.btn-invert:active,
        .btn.btn-invert.focus,
        .btn-primary.btn-invert.focus,
        button.action.btn-invert.focus,
        .btn.btn-invert:focus,
        .btn-primary.btn-invert:focus,
        button.action.btn-invert:focus {
            background: transparent;
            color: #f82e56;
        }

            .btn.btn-invert:hover,
            .btn-primary.btn-invert:hover,
            button.action.btn-invert:hover {
                background: #f82e56;
                color: #fff;
            }

            /*ボタンをセール商品検索用にしたい場合*/
            /*invertは反転したカラーリングのとき*/
            .btn.btn-invert.btn-sale,
            .btn.btn-invert.btn-sale:focus,
            .btn.btn-invert.btn-sale:active {
                background: transparent;
                color: #fd4400;
                border: 1px solid #fd4400;
                margin-bottom: 5px;
            }

                .btn.btn-invert.btn-sale:hover {
                    background: #fd4400;
                    color: #fff;
                    border: 1px solid #fd4400;
                }

        .btn.btn-sale,
        .btn.btn-sale:focus,
        .btn.btn-sale:active {
            background: #ff0000;
            color: #fff;
            border: 1px solid #ff0000;
        }

            .btn.btn-sale:hover {
                background: #fff;
                color: #ff0000;
                border: 1px solid #ff0000;
            }

        /*ボタンを新商品検索用にしたい場合*/
        /*invertは反転したカラーリングのとき*/
        .btn.btn-invert.btn-new,
        .btn.btn-invert.btn-new:focus,
        .btn.btn-invert.btn-new:active {
            background: transparent;
            color: #09aaf8;
            border: 1px solid #09aaf8;
            margin-bottom: 5px;
        }

            .btn.btn-invert.btn-new:hover {
                background: #09aaf8;
                color: #fff;
                border: 1px solid #09aaf8;
            }

        .btn.btn-new,
        .btn.btn-new:focus,
        .btn.btn-new:active {
            background: #09aaf8;
            color: #fff;
            border: 1px solid #09aaf8;
        }

            .btn.btn-new:hover {
                background: #fff;
                color: #09aaf8;
                border: 1px solid #09aaf8;
            }

        /*ボタンをランキング検索用にしたい場合*/
        /*invertは反転したカラーリングのとき*/
        .btn.btn-invert.btn-ranking,
        .btn.btn-invert.btn-ranking:focus,
        .btn.btn-invert.btn-ranking:active {
            background: transparent;
            color: #f69000;
            border: 1px solid #f69000;
            margin-bottom: 5px;
        }

            .btn.btn-invert.btn-ranking:hover {
                background: #f69000;
                color: #fff;
                border: 1px solid #f69000;
            }

        .btn.btn-ranking,
        .btn.btn-ranking:focus,
        .btn.btn-ranking:active {
            background: #f69000;
            color: #fff;
            border: 1px solid #f69000;
        }

            .btn.btn-ranking:hover {
                background: #fff;
                color: #f69000;
                border: 1px solid #f69000;
            }

        /*ボタンをナチュラムグリーンgreenにしたい場合*/
        /*invertは反転したカラーリングのとき*/
        .btn.btn-invert.btn-naturum,
        .btn.btn-invert.btn-naturum:focus,
        .btn.btn-invert.btn-naturum:active {
            background: transparent;
            color: #007f3c;
            border: 1px solid #007f3c;
            margin-bottom: 5px;
            text-transform: none;
        }

            .btn.btn-invert.btn-naturum:hover {
                background: #007f3c;
                color: #fff;
                border: 1px solid #007f3c;
                text-transform: none;
            }

        .btn.btn-naturum,
        .btn.btn-naturum:focus,
        .btn.btn-naturum:active {
            background: #007f3c;
            color: #fff;
            border: 1px solid #007f3c;
        }

.btn-cart .btn.btn-naturum,
.btn-cart .btn.btn-naturum:focus,
.btn-cart .btn.btn-naturum:active {
    background: #007f3c;
    color: #fff;
    border: 1px solid #007f3c;
}

.btn.btn-naturum:hover {
    background: #fff;
    color: #007f3c;
    border: 1px solid #007f3c;
}

.btn-cart .btn.btn-naturum,
.btn-cart .btn.btn-naturum:focus,
.btn-cart .btn.btn-naturum:active {
    padding-top: 5px;
    font-size: 16.5px;
    height: 50px;
    width: 100%;
}

    .btn-cart .btn.btn-naturum:hover {
        padding: 4px 18px;
        font-size: 16.5px;
        height: 50px;
    }

.complete-area .btn.btn-naturum,
.complete-area .btn.btn-naturum:focus,
.complete-area .btn.btn-naturum:active {
    padding: 16px 0;
    font-size: 22px;
    height: 70px;
    width: 100%;
    margin-bottom: 15px;
    font-weight: normal;
}

    .complete-area .btn.btn-naturum:hover {
        padding: 16px 0;
        font-size: 22px;
        height: 70px;
        margin-bottom: 15px;
    }

.btn-cart .btn.btn-lg,
.btn-cart .btn.btn-lg:focus,
.btn-cart .btn.btn-lg:active {
    padding-top: 15px;
    height: 70px;
    width: 100%;
}

    .btn-cart .btn.btn-lg:hover {
        padding-top: 15px;
        height: 70px;
    }

.btn-cart-s .btn.btn-naturum,
.btn-cart-s .btn.btn-naturum:focus,
.btn-cart-s .btn.btn-naturum:active {
    font-size: 16.5px;
    width: 100%;
    height: 100%;
    padding: 4.5px 0;
}

    .btn-cart-s .btn.btn-naturum:hover {
        font-size: 16.5px;
        width: 100%;
        height: 100%;
        padding: 4.5px 0;
    }

.btn-cart-s .btn.btn-lg:hover {
    width: 100%;
}

.btn-cart-center .btn.btn-naturum,
.btn-cart-center .btn.btn-naturum:focus,
.btn-cart-center .btn.btn-naturum:active {
    font-size: 26px;
    width: 100%;
    height: 100%;
    padding: 21px 14px;
}

    .btn-cart-center .btn.btn-naturum:hover {
        font-size: 26px;
        width: 100%;
        height: 100%;
        padding: 21px 14px;
    }

.btn-cart-center .btn.btn-lg,
.btn-cart-center .btn.btn-lg:focus,
.btn-cart-center .btn.btn-lg:active {
    width: 100%;
    font-size: 26px;
    padding: 20px 25px;
}

    .btn-cart-center .btn.btn-lg:hover {
        width: 100%;
        font-size: 26px;
        padding: 20px 25px;
    }

.btn i.icon,
.btn-primary i.icon,
button.action i.icon {
    display: inline-block;
    vertical-align: text-bottom;
    font-size: 1.2em;
    line-height: 1.2em;
    margin-right: 0.2em;
    position: relative;
    bottom: -1px;
}

.product.actions > .btn.add-to-cart {
    padding: 0 2px;
    width: 90%;
}

.product.actions .btn.add-to-cart .icon-cart {
    display: block;
    font-size: 22px;
    text-align: center;
    padding: 0 auto;
}

.product.actions .btn.add-to-cart span {
    display: block;
    padding: 0 auto;
    margin: 0;
    font-size: 9px;
    line-height: 11px;
}

.btn i.icon:only-child,
.btn-primary i.icon:only-child,
button.action i.icon:only-child {
    font-size: 1.2em;
    margin-right: 0;
    vertical-align: baseline;
}

.btn span,
.btn-primary span,
button.action span {
    position: relative;
    vertical-align: middle;
    bottom: 2px;
}

/*あなたへのオススメのカートへ入れるボタン*/
@media screen and (max-width: 991px) {
    .product-item-details .btn.add-to-cart > span {
        font-size: 10px;
    }

    .product-item-details > .btn.add-to-cart {
        padding: 0 5px;
    }
}

.btn-sm,
.btn-primary-sm,
button.action-sm {
    height: 26px;
    padding: 0 8px;
    font-size: 12px;
    line-height: 26px;
}

    .btn-sm i.icon,
    .btn-primary-sm i.icon,
    button.action-sm i.icon {
        line-height: 1em;
        margin-right: 0.3em;
    }

@-moz-document url-prefix() {
    .btn-sm,
    .btn-group-sm > .btn {
        line-height: 25px;
    }
}

.btn-lg,
.btn-primary-lg,
button.action-lg {
    padding: 4px 25px 3px;
    font-size: 16.5px;
    height: auto;
    border-width: 1px;
}

.form-card .btn-lg.login-cv-btn {
    display: inherit;
    margin: 0 auto;
    width: 70%;
}

@media screen and (max-width: 991px) {
    .form-card .btn-lg.login-cv-btn {
        width: 80%;
    }
}

.btn-cart-s .btn-lg,
.btn-cart-s .btn-primary-lg,
.btn-cart-s button.action-lg {
    padding: 4px 5% 4px;
    font-size: 16px;
    height: auto;
    border-width: 1px;
    width: 100%;
}

.btn-xl,
.btn-primary-xl,
button.action-xl {
    padding: 15px 40px;
    font-size: 24px;
    height: auto;
    border-width: 2px;
}

.btn-xxl,
.btn-primary-xxl,
button.action-xxl {
    padding: 25px 50px;
    font-size: 28.995px;
    height: auto;
    border-width: 2px;
}

.btn-alt,
.btn-alt.focus,
.btn-alt:focus,
.btn-alt:active {
    background: #333745;
    border-color: #333745;
}

    .btn-alt:hover {
        background: transparent;
        color: #333745;
        border-color: #333745;
    }

    .btn-alt.btn-invert,
    .btn-alt.btn-invert:active,
    .btn-alt.btn-invert.focus,
    .btn-alt.btn-invert:focus {
        background: transparent;
        color: #333745;
    }

        .btn-alt.btn-invert:hover {
            background: #333745;
            color: #fff;
        }

.btn.disabled i.spin {
    vertical-align: text-bottom;
    line-height: 1em;
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

/* ボタングレーアウト */
.btn.btn-grayout {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .7;
    background: #aaa;
    border-color: #aaa;
}

/* 動作をキャンセルさせるときのボタン */
.btn.btn-cancel {
    color: #666;
    background: transparent;
    border: 1px solid #666;
}

    .btn.btn-cancel:hover {
        color: #fff;
        background: #666;
        border: 1px solid #666;
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.btn-center {
    text-align: center;
    margin-bottom: 30px;
}

button.close {
    -webkit-appearance: none;
}

.fixed-btns {
    position: fixed;
    bottom: 45%;
    right: 0;
    z-index: 1006;
}

    .fixed-btns.demo-mode {
        top: 100px;
        bottom: auto;
        padding: 50px 0 0;
    }

body.edit-mode .fixed-btns {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.top-fixed-btn,
.buy-fixed-btn {
    position: relative;
    z-index: 101;
    display: block;
    color: #fff;
    font-size: 35px;
    width: 50px;
    height: 50px;
    padding: 0;
    border: 0;
    text-align: center;
    text-decoration: none;
}

    .top-fixed-btn:focus,
    .buy-fixed-btn:focus {
        text-decoration: none;
    }

    .top-fixed-btn .icon,
    .buy-fixed-btn .icon,
    .top-fixed-btn i.icon:only-child,
    .buy-fixed-btn i.icon:only-child {
        display: block;
        font-size: 26px;
        line-height: 48px;
    }

.buy-fixed-btn {
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
    font-weight: 700;
    white-space: normal;
}

    .buy-fixed-btn .icon,
    .buy-fixed-btn i.icon:only-child {
        font-size: 12px;
        line-height: 22px;
        display: block;
    }

.top-fixed-btn,
.top-fixed-btn:focus {
    color: #fff;
    background: #333745;
    text-decoration: none;
}

    .top-fixed-btn:hover {
        background: #f82e56;
        color: #ffffff;
        text-decoration: none;
    }

.buy-fixed-btn,
.buy-fixed-btn:focus {
    color: #fff;
    background: #f82e56;
    text-decoration: none;
}

    .buy-fixed-btn:hover {
        background: #f82e56;
        text-decoration: none;
    }

.fixed-btns.demo-mode .top-fixed-btn:hover {
    background: #22242e;
}

.fixed-btns.demo-mode .buy-fixed-btn:hover {
    background: #f50837;
}

.back-to-top {
    opacity: .9;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .back-to-top:hover {
        opacity: 1;
        background: #f82e56;
    }

.fixed-btns {
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .fixed-btns.is-visible,
    .fixed-btns.demo-mode {
        visibility: visible;
    }

        .fixed-btns.demo-mode::after {
            content: " ";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #333745;
        }

        .fixed-btns.demo-mode .top-fixed-btn {
            height: 0;
            opacity: 0;
            overflow: hidden;
            -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
        }

            .fixed-btns.demo-mode .top-fixed-btn.is-visible {
                opacity: 1;
                height: 50px;
            }

@media screen and (max-width: 991px) {
    .fixed-btns {
        display: none;
    }
}

.back-to-top-mobile {
    display: none;
}

@media screen and (max-width: 991px) {
    .back-to-top-mobile {
        display: block;
        height: 45px;
        width: 100%;
        text-align: center;
        font-size: 18px;
        line-height: 45px;
    }

        .back-to-top-mobile .icon {
            font-size: 22px;
            vertical-align: text-bottom;
            padding: 0 10px 0 0;
        }

        .back-to-top-mobile,
        .back-to-top-mobile:focus,
        .back-to-top-mobile:hover {
            color: #fff;
            background: #333745;
            text-decoration: none;
        }
}
/* 4.3 Tabs
-----------------------------------------------------------------*/
.tabaccordion .collapsing {
    -webkit-transition: none;
    transition: none;
}

.nav-tabs {
    padding: 0;
    margin: 20px 0 0 0;
    list-style: none;
    overflow: hidden;
    border: 0;
}

    .nav-tabs > li {
        position: relative;
    }

        .nav-tabs > li > a {
            display: block;
            margin: 5px 5px -5px 0;
            border-radius: 0;
            padding: 12px 20px 18px;
            border: 0;
            border-top: 2px solid #bcbcbc;
            background: #fff;
            font-size: 16px;
            line-height: 25px;
            font-weight: 700;
            text-decoration: none;
            color: #333745;
        }

            .nav-tabs > li > a:hover {
                border-color: #bcbcbc;
            }

        .nav-tabs > li.active::after,
        .nav-tabs > li:hover::after {
            content: "";
            position: absolute;
            z-index: 2;
            bottom: 0;
            left: 0;
            right: 0;
            background: #fff;
            width: calc(100% - 5px);
            height: 10px;
        }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus {
            margin-top: 0;
            padding-top: 17px;
            background: #fff;
            border: 0;
            border-top: 2px solid #007f3c;
            color: #007f3c;
        }

.tab-content {
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
    color: #191919;
}

@media screen and (max-width: 991px) {
    .tab-content {
        margin-bottom: 30px;
    }
}

.tab-content > .tab-pane {
    display: none;
    background: #fff;
    padding: 20px 30px;
    border: 0;
    -moz-box-shadow: 1px 1px 3px 0px #f0f0f0;
    -webkit-box-shadow: 1px 1px 3px 0px #f0f0f0;
    box-shadow: 1px 1px 3px 0px #f0f0f0;
}

@media screen and (max-width: 767px) {
    .tab-content > .tab-pane {
        padding: 30px 15px;
    }
}

.tab-content > .active {
    display: block;
}

.tab-content p {
    margin-bottom: 20px;
}

.tab-content .block ul.breadcrumbs {
    padding-top: 22px;
}

.tab-pane > p + div.block {
    float: left;
    padding-left: 60px;
}

.tab-content form.white {
    margin-bottom: 0;
}

.tab-content ul.tags {
    margin-bottom: 0;
}

.tabaccordion .panel-default {
    border-color: #f7f7f7;
}

    .tabaccordion .panel-default > .panel-heading {
        color: #333745;
        background: #fff;
    }

        .tabaccordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: transparent;
        }

        .tabaccordion .panel-default > .panel-heading .badge {
            color: #fff;
            background: #333745;
        }

.tabaccordion .panel-heading {
    padding: 0;
    border-bottom: 1px solid #f7f7f7;
}

.tabaccordion .panel-title {
    padding: 0;
    border: none;
}

.tabaccordion .panel-heading .panel-title a {
    padding: 10px 15px;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.5 ease;
    transition: all 0.5 ease;
    color: #007f3c;
    background: #fff;
}

.panel .panel-heading .panel-title a:visited,
.panel .panel-heading .panel-title a:hover {
    color: #007f3c;
    text-decoration: none;
}

.tabaccordion .panel-heading .panel-title a:not(.collapsed) {
    color: #fff;
    background: #007f3c;
}

.tabaccordion .panel-heading .panel-title a.collapsed {
    color: #333745;
    background: #fff;
}

.tabaccordion .panel-group .panel .panel-title a {
    border: 0;
    font-weight: bold;
}

.tabaccordion .panel-group .panel + .panel {
    margin-top: 0;
    border: 0;
}

.tabaccordion .panel-body {
    color: #191919;
    padding: 20px 50px;
}

@media (max-width: 991px) {
    .tabaccordion .panel-body {
        padding: 20px 25px;
    }
}

@media (max-width: 767px) {
    .tabaccordion .panel-body {
        padding: 15px 15px;
    }
}

.tab-content .tab-pane .title {
    font-size: 15px;
    font-weight: bold;
    display: block;
    margin-bottom: 2px;
    color: #333745;
}

.tab-content .tab-pane .description {
    font-size: 12px;
}

.tabaccordion .panel-body .title {
    font-weight: bold;
    color: #333745;
}

.tabaccordion .panel-body ul {
    padding-left: 25px;
}

.cartname a {
    color: #333745;
    font-weight: normal;
}

    .cartname a:focus,
    .cartname a:hover {
        color: #f82e56;
    }

.cartname .bland {
    font-size: 12px;
    font-weight: normal;
}

@media screen and (max-width: 667px) {
    .cartname .bland {
        font-size: 9px;
        font-weight: normal;
        line-height: 12px;
        margin-bottom: -10px;
        display: block;
    }
}

/* 4.7 Forms style
-----------------------------------------------------------------*/
textarea:focus,
input:focus,
input[type]:focus,
.uneditable-input:focus,
textarea:focus,
input:focus,
input[type]:focus,
.uneditable-input:focus {
    box-shadow: none;
    outline: 0 none;
}

input,
textarea {
    border-radius: 0;
}

    input[type=text],
    input[type=password],
    textarea,
    .select-wrapper select,
    .select-wrapper-sm select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

label {
    font-size: 14px;
    font-weight: inherit;
    color: #333745;
}

.required,
.required-text {
    color: #f82e56;
}

.form-control {
    box-shadow: none;
    margin-bottom: 25px;
    background: #f7f7f7;
    border-radius: 0;
    color: #333745;
}

    .form-control.dashed {
        border: 2px dashed #d4d4d4;
    }

.input-group-btn .btn i.icon {
    font-size: 19px;
    line-height: 39px;
    padding: 0 12px;
}

.checkbox-group {
    position: relative;
}

    .checkbox-group input[type=checkbox] {
        display: none;
    }

    .checkbox-group label {
        padding-left: 35px;
        cursor: pointer;
        line-height: 23px;
        font-weight: 400;
    }

        .checkbox-group label span {
            display: block;
            position: absolute;
            left: 0;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .checkbox-group label .box {
            padding: 0;
            margin: 0;
            border-width: 2px;
            border-style: solid;
            border-color: #e9e9e9;
            height: 23px;
            width: 23px;
            z-index: 9;
            -webkit-transition-delay: .2s;
            -moz-transition-delay: .2s;
            transition-delay: .2s;
            background: none;
        }

        .checkbox-group label .check {
            top: 5px;
            left: 8px;
            width: 6px;
            height: 10px;
            opacity: 0;
            z-index: 10;
            color: #f82e56;
            border-width: 2px;
            border-style: solid;
            border-top: none;
            border-left: none;
            -webkit-transform: scale(1) rotate(45deg);
            -moz-transform: scale(1) rotate(45deg);
            transform: scale(1) rotate(45deg);
        }

    .checkbox-group input[type=checkbox]:checked ~ label .box {
        border-color: #d4d4d4;
    }

    .checkbox-group input[type=checkbox]:checked ~ label .check {
        opacity: 1;
    }

.radio {
    display: block;
    cursor: pointer;
    margin: 0 0 10px;
    line-height: 23px;
    font-weight: 400;
}

    .radio input {
        width: 1px;
        height: 1px;
        opacity: 0;
    }

        .radio input:checked + .outer .inner {
            background: #f82e56;
            opacity: 1;
        }

        .radio input:checked + .outer {
            border-width: 2px;
            border-style: solid;
            border-color: #d4d4d4;
        }

    .radio .outer {
        width: 20px;
        height: 20px;
        display: block;
        float: left;
        margin: 2px 7px 0 0;
        border-width: 2px;
        border-style: solid;
        border-color: #e9e9e9;
        border-radius: 50%;
        background: #fff;
    }

    .radio .inner {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        width: 6px;
        height: 6px;
        display: block;
        margin: 5px;
        border-radius: 50%;
        background: #f82e56;
        opacity: 0;
        position: relative;
    }

.text-center > .radio .outer {
    float: none;
    margin: 0 auto;
}

/* form card */
.form-card {
    background: #fff;
    padding: 25px 25px;
    margin-bottom: 60px;
    color: #333745;
}

@media screen and (max-width: 767px) {
    .form-card {
        margin-bottom: 30px;
        padding: 0;
    }

    .full-nopad.collage .form-card {
        padding: 10px;
        margin-left: 15px;
        margin-right: 15px;
    }
}

#last-send-address > p {
    margin-bottom: 10px;
}

.form-card p {
    margin-bottom: 19px;
}

.form-card h3 {
    font-size: 19px;
    line-height: 1.2em;
    margin-bottom: 10px;
    text-align: center;
}

.form-card h4 {
    font-size: 19px;
    line-height: 1.2em;
    text-transform: none;
    padding: 0 0 15px;
    margin: 0 0 20px;
    border-bottom: 1px solid #e8e8e8;
}

.form-card .back {
    color: #f82e56;
}

    .form-card .back a {
        color: #f82e56;
        text-decoration: underline;
    }

        .form-card .back a:hover {
            text-decoration: none;
        }

.row-eq-height .form-card {
    height: 100%;
    position: relative;
    padding: 15px;
}

/*新規会員登録*/
@media screen and (min-width: 668px) {
    .collage .form-card {
        width: 70%;
        margin: 0 auto 60px;
    }
}

.collage {
    background-image: url("../../images/accountcreate-bg.jpg");
}

.account-create.last-name,
.account-create.first-name {
    width: 48%;
    display: inline-block;
}

.account-create.first-name {
    float: right;
}

@media screen and (max-width: 667px) {
    .account-create.last-name, .account-create.first-name {
        width: 100%;
        display: block;
    }
}

.mail-permission > div:not(.title) {
    margin-left: 1em;
}

.mail-permission > div.title {
    margin-bottom: 5px;
}

.account-create > button {
    display: block;
    margin: 0 auto;
    width: 70%;
    text-align: center;
}

.account-create input[type="text"]:focus,
.account-create input[type="email"]:focus,
.account-create input[type="password"]:focus,
.account-create input[type="tel"]:focus {
    border: 1px solid #f82e56;
    position: relative;
    outline: none;
    -moz-box-shadow: 0 0 2px #f82e56;
    -webkit-box-shadow: 0 0 2px #f82e56;
    box-shadow: 0 0 2px #f82e56;
}

.account-create > label:first-child {
    font-size: 15px;
    font-weight: bold;
}

.account-create span.essential {
    background: #f82e56;
    color: #fff;
    padding: 1px 6px;
    margin-left: 5px;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
}

.account-create span.caution {
    margin-left: 5px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
}

.collage .explanation {
    font-size: 12px;
    text-align: center;
}

.account-confirm .mail-sending i.icon-close-envelope {
    font-size: 70px;
    color: #007f3c;
}

.account-complete .mail-sending i.icon {
    font-size: 70px;
    color: #007f3c;
}

.account-complete .mail-sending {
    margin-bottom: 40px;
}

    .account-complete .mail-sending > div {
        color: #333745;
    }

.account-confirm h2 {
    color: #f82e56;
    line-height: 1.4em;
    font-weight: bold;
}

.account-confirm .atosukoshi {
    font-size: 26px;
    color: #f82e56;
}

.account-confirm .mail-sending p {
    margin-top: 10px;
    font-size: 11px;
}

.account-confirm .reconfirm {
    margin: 40px auto;
}

.row .col-md-12 h2.normal {
    font-weight: normal;
    color: #333745;
}

.reconfirm .title {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 12px;
}

p.point-forecast {
    font-weight: bold;
    color: #333745;
    line-height: 20px;
}

    p.point-forecast span {
        color: #f82e56;
    }

#recaptcha .g-recaptcha div {
    margin: 0 auto;
}

@media screen and (max-width: 991px) {
    div.g-recaptcha {
        transform-origin: 0% 0%;
        transform: scale(0.9);
        float: right;
    }
}

/* 決済画面のTurnstile認証 */
@media screen and (max-width: 991px) {
    div.cf-turnstile {
        transform-origin: 0% 0%;
        transform: scale(0.9);
        float: right;
    }
}

/* クレカ登録のreCAPTCHA */
@media screen and (max-width: 991px) {
	.mfp-content .mfp-iframe-scaler {
		padding-top: 150%; 
	}
}

.dropdown-container .block-content #recaptcha {
    margin-bottom: 5px;
}

@media screen and (max-width: 320px) {
    .dropdown-container .block-content #recaptcha {
        margin-top: 45px;
    }
}

.form-card.privilege {
    margin-bottom: 20px;
    padding-bottom: 10px;
}

    .form-card.privilege img {
        width: 90%;
        margin: 0 5%;
    }

    .form-card.privilege h3 {
        font-size: 30px;
    }

.privilege .container-flex > div {
    -ms-flex-basis: calc(20% - 5px);
    -webkit-flex-basis: calc(20% - 5px);
    flex-basis: calc(20% - 5px);
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 0.5vh;
    overflow: hidden;
}

.privilege p {
    font-size: 1.2vw;
    text-align: left;
    padding: 3% 3% 0;
}

.privilege .text-l {
    font-size: 1.5vw;
}

.privilege .text-s {
    font-size: 1vw;
}

@media (max-width: 768px) {
    .form-card.privilege h3 {
        font-size: 6vw;
    }

    .privilege .container-flex > div {
        -ms-flex-basis: calc(50% - 5px);
        -webkit-flex-basis: calc(50% - 5px);
        flex-basis: calc(50% - 5px);
        margin-left: 2px;
        margin-right: 2px;
        margin-bottom: 0.5vh;
        overflow: hidden;
    }

    .privilege p {
        font-size: 14px;
    }

    .privilege .text-l {
        font-size: 15px;
    }
}
/*新規会員登録ここまで*/

/* contact form style */
form.white {
    margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
    form.white {
        margin-bottom: 30px;
    }
}

form.white .form-control {
    background: #fff;
    border-color: #e8e8e8;
    color: #333745;
}

form.white .form-control {
    margin-bottom: 12px;
}

form.white textarea {
    height: 125px;
}

form.white .btn {
    margin-top: 15px;
    margin-bottom: 5px;
}

form.white .input-group .form-control {
    margin-bottom: 0;
}

form.white .input-group-btn .btn {
    margin-top: 0;
    margin-bottom: 0;
}

label.error {
    display: block;
    clear: both;
    color: red;
    font-size: 12px;
    margin-top: -10px;
    margin-bottom: 10px;
}

#contactFormSuccess,
#contactFormError {
    display: none;
    font-weight: 400;
}

#contactFormError {
    color: red;
}
/* create account form style */
.account-create {
    margin-bottom: 30px;
}

    .account-create .form-control {
        margin-bottom: 5px;
    }

    .account-create p:last-child {
        color: #f82e56;
        background: #fff;
    }

    .account-create .form-control#password {
        margin-bottom: 5px;
    }

form.account-create .btn {
    margin-top: 20px;
    margin-bottom: 15px;
}

form.account-create .required-text {
    float: right;
    padding-top: 20px;
}

.collage p.caption {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
}

    .collage p.caption.title {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 0;
        margin-top: 10px;
    }

.collage p.caption {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
}

/* search result form style */
form.search-form {
    margin-bottom: 50px;
    padding-bottom: 35px;
    border-bottom: 1px solid #e8e8e8;
}

@media screen and (max-width: 991px) {
    form.search-form {
        margin-bottom: 30px;
        padding-bottom: 15px;
    }
}
/* qty-changer */
.qty-changer input[type="button"] {
    border: 0;
    background: #f7f7f7;
    color: #333745;
    cursor: pointer;
    width: 24px;
    height: 23px;
    -webkit-appearance: none;
    border-radius: 0;
    text-align: center;
    padding: 0;
}

@media screen and (max-width: 991px) {
    .sidebar-block-right .product-qty {
        font-size: 20px;
    }

    .sidebar-block-right .qty-changer input[type="button"] {
        width: 34px;
        height: 30px;
    }
}

.qty-changer input[type="text"] {
    border: 0;
    width: 35px;
    padding: 0;
    text-align: center;
    -webkit-appearance: none;
    border-radius: 0;
}

.select-wrapper,
.select-wrapper-sm {
    position: relative;
}

    .select-wrapper::before,
    .select-wrapper-sm::before {
        content: '\e920';
        position: absolute;
        right: 1px;
        top: 1px;
        bottom: 1px;
        width: 40px;
        font-family: 'icomoon-reg';
        font-size: 24px;
        line-height: 40px;
        pointer-events: none;
        color: #333745;
        text-align: center;
        background: #fff;
    }

.sorting.col-right .select-wrapper-sm::before {
    background: none;
    z-index: 999;
}

@media screen and (max-width: 991px) {
    .sorting.col-right .select-wrapper-sm::before {
        top: 3px;
    }
}

.select-wrapper select,
.select-wrapper-sm select {
    padding-right: 40px;
    background: #fff;
    color: #333745;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
}
    /*for IE10*/
    select::-ms-expand {
        display: none;
    }

.select-wrapper-sm::before {
    width: 30px;
    font-size: 20px;
    line-height: 30px;
}

.select-wrapper-sm select {
    padding-right: 30px;
}

.form-card .select-wrapper select,
.form-card .select-wrapper-sm select,
.form-card .select-wrapper::before,
.form-card .select-wrapper-sm::before {
    background: #f7f7f7;
}

select.input-sm {
    line-height: 21px;
}

/* 5 Components & Helpers
-----------------------------------------------------------------*/
/* 5.1 Dropdowns
-----------------------------------------------------------------*/
/* ------------------------*/
/*       Dropdown          */
/* ------------------------*/
.dropdown-link {
    position: relative;
}

    .dropdown-link .dropdown-container {
        position: absolute;
        z-index: 1009;
        top: 40px;
        left: 0;
        right: auto;
        min-width: 50px;
        padding: 15px;
        background: #fff;
        list-style: none;
        border-bottom: 4px solid #007f3c;
        opacity: 0;
        visibility: hidden;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        -webkit-transition: opacity 0.2s ease 0s, visibility 0.2s linear 0s;
        transition: opacity 0.2s ease 0s, visibility 0.2s linear 0s;
        text-align: left;
    }

        .dropdown-link .dropdown-container::after,
        .dropdown-link .dropdown-container::before {
            bottom: 100%;
            left: 20px;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .dropdown-link .dropdown-container::after {
            border-color: rgba(255, 255, 255, 0);
            border-bottom-color: #fff;
            border-width: 6px;
            margin-left: -6px;
        }

        .dropdown-link .dropdown-container::before {
            border-color: rgba(204, 204, 204, 0);
            border-bottom-color: #efefef;
            border-width: 7px;
            margin-left: -7px;
        }

        .dropdown-link .dropdown-container.right {
            left: auto;
            right: 0;
            height: auto;
        }

            .dropdown-link .dropdown-container.right::after,
            .dropdown-link .dropdown-container.right::before {
                right: 30px;
                left: auto;
            }

@media screen and (min-width: 992px) {
    .dropdown-link .dropdown-container {
        top: -5000px;
    }

    .dropdown-link:hover > .dropdown-container {
        opacity: 1;
        visibility: visible;
        top: 40px;
    }
    /* edgeとie用の記述 */
    .dropdown-link.header-account.hover .dropdown-container {
        opacity: 1;
        visibility: visible;
        top: 40px;
    }
}

@media screen and (max-width: 991px) {
    .dropdown-link.header-cart.active > .dropdown-container {
        opacity: 1;
        visibility: visible;
        height: 100%;
    }

    .dropdown-link.header-wishlist.active > .dropdown-container {
        opacity: 1;
        visibility: visible;
    }
}

.dropdown-link.header-cart.variant-2 .dropdown-container::after,
.dropdown-link.header-cart.variant-2 .dropdown-container::before {
    display: none;
}

/* account */
.header-account .dropdown-container {
    min-width: 160px;
    padding: 19px;
    color: #8f8f8f;
}

.header-account.login-state .dropdown-container {
    min-width: 270px;
}

.header-account .dropdown-container .title {
    font-size: 20px;
    line-height: 1.2em;
    color: #191919;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
}

.header-account.login-state .dropdown-container .title {
    font-size: 18px;
    text-align: left;
}

.header-account .dropdown-container .title.title-bottom {
    font-size: 20px;
    line-height: 1.2em;
    color: #191919;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
    position: absolute;
    bottom: 21px;
    left: 38px;
}

.header-account .dropdown-container form {
    margin: 15px 0 0 0;
}

.header-account .dropdown-container input.form-control {
    margin-bottom: 20px;
    min-width: 260px;
}

.header-account .dropdown-container button.btn {
    width: 100%;
    margin-bottom: 15px;
}

.header-account .dropdown-container .top-text {
    margin: 10px 0 10px;
    font-size: 13px;
    line-height: 1.2em;
    text-align: center;
    color: #8f8f8f;
}

.header-account .dropdown-container .note {
    font-size: 11px;
    line-height: 1.2em;
    text-align: center;
    margin-bottom: 10px;
}

    .header-account .dropdown-container .note > .emphasis {
        color: #333745;
    }

.header-account .dropdown-container .bottom-text {
    font-size: 17px;
    line-height: 1.2em;
    text-align: center;
    color: #191919;
    bottom: 4px;
    right: 83px;
}

.header-link.header-account .dropdown-container input[type="text"]:focus,
.header-link.header-account .dropdown-container input[type="email"]:focus,
.header-link.header-account .dropdown-container input[type="password"]:focus {
    border: 1px solid #f82e56;
    position: relative;
    outline: none;
    -moz-box-shadow: 0 0 2px #f1ccd4;
    -webkit-box-shadow: 0 0 2px #f82e56;
    box-shadow: 0 0 2px #f82e56;
}

@media screen and (max-width: 991px) {
    .header-links .login-state > a > span.sp-user-name {
        visibility: hidden;
    }
}

@media screen and (max-width: 991px) {
    .header-links .header-link.header-account.login-state > a > span {
        width: 31px;
        height: 9px;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .iframe-header .header-links .header-link.header-account > a > span.loggedinname {
        width: 31px;
        height: 9px;
        overflow-x: hidden;
        overflow-y: hidden;
    }

        .iframe-header .header-links .header-link.header-account > a > span.loggedinname > label {
            font-size: 8px;
        }
}

/* 5.2 Collapsed mobile block
-----------------------------------------------------------------*/
/* collapsed footer block */
.collapsed-mobile .toggle-arrow {
    display: none;
}

@media screen and (max-width: 991px) {
    .page-footer .collapsed-mobile {
        position: relative;
    }

    .collapsed-mobile {
        position: relative;
    }

        .collapsed-mobile .title {
            cursor: pointer;
        }

            .collapsed-mobile .title h2 {
                margin: 0 0 10px 0;
                padding: 0 0 10px;
            }

        .collapsed-mobile .collapsed-content {
            position: absolute;
            padding: 10px 0 20px;
            margin-bottom: 15px;
            width: 100%;
            top: -10000px;
            visibility: hidden;
            opacity: 0;
            -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
        }

        .collapsed-mobile .toggle-arrow {
            display: block;
            position: absolute;
            z-index: 100;
            width: 50px;
            height: 50px;
            top: -10px;
            right: 0;
            font-family: 'icomoon-reg';
            font-size: 18px;
            line-height: 50px;
            text-align: center;
            cursor: pointer;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

            .collapsed-mobile .toggle-arrow::before {
                color: #333745;
                content: "\e922";
            }

            .collapsed-mobile .toggle-arrow:hover::before {
                color: #f82e56;
            }

        .collapsed-mobile.open .collapsed-content {
            position: relative;
            top: 0;
            visibility: visible;
            opacity: 1;
        }

        .collapsed-mobile.open .toggle-arrow {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }

        .collapsed-mobile .carousel-arrows {
            display: none;
        }

    .page-footer .container > .row > [class*="col-"]:last-child .footer-block.collapsed-mobile {
        margin-bottom: 0;
    }

    .page-footer .collapsed-mobile .collapsed-content {
        margin-bottom: 0;
    }

    .page-footer .collapsed-mobile .toggle-arrow {
        right: -5px;
    }
}
/* 5.3 Modal Popup
-----------------------------------------------------------------*/
body.modal-open .modal .modal-dialog {
    margin: auto;
}

.modal {
    text-align: center;
}

    .modal::before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }

.modal-content {
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    border: 0;
    padding: 35px 50px 50px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    max-width: 80%;
    position: relative;
    background: #fff;
    color: #333745;
}

    .modal-dialog::after,
    .modal-dialog::before {
        content: '';
        height: 4px;
        background: #333745;
        position: absolute;
        z-index: 1;
        left: 0;
        width: 100%;
    }

    .modal-dialog::after {
        top: 0;
    }

    .modal-dialog::before {
        bottom: 0;
    }

    .modal-dialog .title {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .modal-dialog p {
        margin-bottom: 25px;
        font-size: 17px;
        line-height: 1.3em;
    }

    .modal-dialog .btn,
    .modal-dialog input {
        margin-bottom: 20px;
    }

    .modal-dialog .checkbox-group {
        display: inline-block;
        color: #333745;
    }

        .modal-dialog .checkbox-group label {
            font-size: 15px;
            font-weight: 400;
        }

.modal-header,
.modal-body,
.modal-footer {
    border-bottom: 0;
    padding: 0;
    min-height: 0;
}

    .modal-header .close {
        position: absolute;
        margin: 0;
        right: -20px;
        top: -20px;
        font-family: 'icomoon-reg';
        font-size: 20px;
        line-height: 1em;
        color: #fff;
        text-shadow: none;
        opacity: 1;
        -webkit-transition: color 0.25s ease;
        transition: color 0.25s ease;
    }

        .modal-header .close:hover {
            color: #f82e56;
        }

.modal.info .modal-dialog {
    width: 340px;
}

.modal.info .modal-content {
    padding: 20px 40px 20px;
    text-align: center;
}

    .modal.info .modal-content .icon-info {
        font-size: 45px;
        line-height: 1.2em;
        margin-bottom: 15px;
    }

    .modal.info .modal-content p {
        font-size: 19px;
        line-height: 1.2em;
        font-weight: 500;
        margin-bottom: 15px;
    }

.modal.info.success .modal-content .icon-info {
    color: #63c66c;
}

.modal.info.error .modal-content .icon-info {
    color: #f82e56;
}

@media screen and (max-width: 991px) {
    .modal-content {
        padding: 20px 30px 30px;
    }

    .modal.info .modal-content {
        padding: 15px 20px 5px;
    }
}

.modal.zoom .modal-dialog {
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    transform: scale(0.6);
}

.modal.in .modal-dialog {
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    transform: scale(1);
}

.modal.fade.zoom-out .modal-dialog,
.modal.zoom-out .modal-dialog {
    opacity: 0;
    transition: all 0.5s;
    transform: scale(1.3);
}

.modal.fade.zoom-out.in .modal-dialog,
.modal.in .modal-dialog {
    opacity: 1;
    transform: scale(1);
}
/* 5.4 Stripped effect
-----------------------------------------------------------------*/
@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 40px 40px;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 40px 40px;
    }
}

@-webkit-keyframes progress-bar-stripes-small {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 20px 20px;
    }
}

@keyframes progress-bar-stripes-small {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 20px 20px;
    }
}

.bg-striped,
.bg-striped-sm {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 0;
    padding: 0;
    opacity: 0.25;
    background: #fff;
    background-image: linear-gradient(-45deg, #bfbfbf 25%, transparent 25%, transparent 50%, #bfbfbf 50%, #bfbfbf 75%, transparent 75%, transparent);
    background-size: 40px 40px;
    -webkit-animation: progress-bar-stripes 0.5s linear infinite;
    -moz-animation: progress-bar-stripes 0.5s linear infinite;
    animation: progress-bar-stripes 0.5s linear infinite;
}

.bg-striped-sm {
    background-size: 20px 20px;
    -webkit-animation: progress-bar-stripes-small 0.5s linear infinite;
    -moz-animation: progress-bar-stripes-small 0.5s linear infinite;
    animation: progress-bar-stripes-small 0.5s linear infinite;
}

.block-loading {
    position: relative;
}

    .block-loading .bg-striped,
    .block-loading .bg-striped-sm {
        display: block;
    }

/*ナチュログ掲載*/
h1[class*="text-center"] + p {
    text-align: center;
    margin: 7px 0 18px 0;
}

.gallery-item.effect .image {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 66.67% 0 0;
}

    .gallery-item.effect .image .img-responsive {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
    }

.image-banner > a > .img-responsive {
    border: solid 1px #333745;
}

@media screen and (max-width: 767px) {
    #Natulog .gallery-wrapper {
        margin-bottom: 20px;
        margin-left: 5px;
        margin-right: 5px;
    }
}

/* 5.5 Hovers effect
-----------------------------------------------------------------*/
.image-hover-dark {
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: background-color 0.5s ease-in-out 0s;
    transition: background-color 0.5s ease-in-out 0s;
}

    .image-hover-dark > a {
        display: block;
        overflow: hidden;
    }

    .image-hover-dark img {
        -webkit-transition: transform 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s;
        transition: transform 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        image-rendering: optimizeQuality;
        vertical-align: middle;
        max-width: 100%;
        -webkit-transform: scale(1.01) rotate(0.0001deg);
        transform: scale(1.01) rotate(0.0001deg);
    }

    .image-hover-dark:hover {
        background: #000;
    }

        .image-hover-dark:hover img {
            opacity: 0.7;
            -webkit-transform: scale(1.15) rotate(0.0001deg);
            transform: scale(1.15) rotate(0.0001deg);
        }

.image-hover-scale {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .image-hover-scale > a {
        display: block;
        overflow: hidden;
    }

    .image-hover-scale img {
        -webkit-transition: transform 0.5s ease 0s;
        transition: transform 0.5s ease 0s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        image-rendering: optimizeQuality;
        vertical-align: middle;
        max-width: 100%;
    }

    .image-hover-scale:hover img {
        -webkit-transition: transform 0.6s ease 0.05s;
        transition: transform 0.6s ease 0.05s;
        -webkit-transform: scale(1.15) rotate(0.0001deg);
        transform: scale(1.15) rotate(0.0001deg);
    }

.colorhover img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: filter 0.3s, opacity 0.3s;
    -webkit-transition: filter 0.3s, -webkit-filter 0.3s, opacity 0.3s;
    opacity: 0.5;
}

.colorhover:hover img,
.colorhover:focus img {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}

.blur {
    -webkit-animation: blur 1s linear forwards;
    -moz-animation: blur 1s linear forwards;
    -ms-animation: blur 1s linear forwards;
    animation: blur 1s linear forwards;
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

@-webkit-keyframes blur {
    to {
        -webkit-filter: blur(3px);
        filter: blur(3px);
    }
}

@keyframes blur {
    to {
        -webkit-filter: blur(3px);
        -moz-filter: blur(3px);
        filter: blur(3px);
    }
}

/* Social Colors */
.icons-social.colors a i:not(.icon-circled) {
    color: #333745;
}

    .icons-social.colors a i:not(.icon-circled).facebook {
        color: #1877f2;
    }

    .icons-social.colors a i:not(.icon-circled).twitter {
        color: #00aced;
    }

    .icons-social.colors a i:not(.icon-circled).google {
        color: #dd4b39;
    }

    .icons-social.colors a i:not(.icon-circled).instagram {
        color: #d93175;
    }

    .icons-social.colors a i:not(.icon-circled).youtube {
        color: #bb0000;
    }

.icons-social.colors a:hover i:not(.icon-circled) {
    opacity: 0.7;
}

.icons-social.colors a i.icon.icon-circled.facebook {
    color: #1877f2;
    border-color: #1877f2;
}

.icons-social.colors a i.icon.icon-circled.twitter {
    color: #00aced;
    border-color: #00aced;
}

.icons-social.colors a i.icon.icon-circled.google {
    color: #dd4b39;
    border-color: #dd4b39;
}

.icons-social.colors a i.icon.icon-circled.instagram {
    color: #d93175;
    border-color: #d93175;
}

.icons-social.colors a i.icon.icon-circled.youtube {
    color: #bb0000;
    border-color: #bb0000;
}

.icons-social.colors a:hover i.icon.icon-circled {
    color: #fff !important;
}

    .icons-social.colors a:hover i.icon.icon-circled.facebook {
        background: #1877f2;
    }

    .icons-social.colors a:hover i.icon.icon-circled.twitter {
        background: #00aced;
    }

    .icons-social.colors a:hover i.icon.icon-circled.google {
        background: #dd4b39;
    }

    .icons-social.colors a:hover i.icon.icon-circled.instagram {
        background: #d93175;
    }

    .icons-social.colors a:hover i.icon.icon-circled.youtube {
        background: #bb0000;
    }

/*Xアイコン　フッター表示用　240808追加*/
.footer_x-link {
    display: inline-block;
    color: #040000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #040000;
    border-radius: 50%;
    vertical-align: top;
    margin-right: 1px;
    text-align: center;
    font-size: 20px;
}  
.footer_x-link .footer_x-icon {
    width: 18px;
    height: 18px;
    vertical-align: -2px;
    text-align: center;
}  
.footer_x-link .footer_x-icon .x-icon-path {
    width: 18px;
    height: auto;
}  
.footer_x-link:hover {
    background-color: #040000;
}   
.footer_x-link:hover .footer_x-icon .x-icon-path {
    fill: #FFFFFF;
}

/* 5.7 Breadcrumbs
-----------------------------------------------------------------*/
.breadcrumbs {
    margin: 0;
    margin-top: -50px;
    padding: 29px 0;
    list-style: none;
}

@media screen and (max-width: 991px) {
    .breadcrumbs {
        margin-top: -30px;
    }
}

@media screen and (max-width: 991px) {
    .breadcrumbs {
        padding: 20px 0;
    }
}

.breadcrumbs li {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #333745;
}

    .breadcrumbs li span {
        padding-left: 7px;
    }

    .breadcrumbs li a {
        padding-left: 5px;
        padding-right: 1px;
        color: #333745;
        font-weight: 400;
        text-decoration: none;
        align-content: center;
        -webkit-transition: color 0.2s ease;
        transition: color 0.2s ease;
        letter-spacing: -0.5px;
    }

        .breadcrumbs li a:hover {
            color: #f82e56;
        }

    .breadcrumbs li:first-child span {
        padding-left: 0;
    }

.panel-group.visible-xs .breadcrumbs li {
    display: inline;
}

.text-information {
    float: right;
    position: absolute;
    top: 29px;
    right: 16px;
}

/* スマホ用パンくず */
.visible-xs.breadcrumb-bottom {
    margin-top: 30px;
}

    .visible-xs.breadcrumb-bottom .breadcrumbs {
        margin-left: 0;
        padding-left: 0;
        text-align: left;
    }

        .visible-xs.breadcrumb-bottom .breadcrumbs li {
            position: relative;
            display: inline-block;
            list-style: none;
            font-weight: bold;
            margin-right: -2px;
        }

            .visible-xs.breadcrumb-bottom .breadcrumbs li::before {
                content: ""; /*三角の部分で隙間つくる*/
                position: absolute;
                top: 0;
                left: 100%;
                border-style: solid;
                border-color: transparent;
                border-left-color: #f7f7f7; /*背景色*/
                border-width: 16px 12px;
                width: 0;
                height: 0;
                z-index: 9;
                margin-left: 2px;
            }

            .visible-xs.breadcrumb-bottom .breadcrumbs li::after {
                content: ""; /*三角の部分*/
                position: absolute;
                top: 0;
                left: 100%;
                border-style: solid;
                border-color: transparent;
                border-left-color: #e8e8e8; /*背景色*/
                border-width: 16px 12px;
                width: 0;
                height: 0;
                z-index: 10;
            }

            .visible-xs.breadcrumb-bottom .breadcrumbs li a {
                display: inline-block;
                padding: 0 10px 0 21px;
                height: 32px;
                line-height: 32px;
                text-decoration: none;
                color: #333745;
                background: #e8e8e8; /*背景色*/
                font-size: 13px;
                text-transform: none;
                letter-spacing: 0;
            }

            .visible-xs.breadcrumb-bottom .breadcrumbs li:last-child::before,
            .visible-xs.breadcrumb-bottom .breadcrumbs li:last-child::after {
                content: none;
                cursor: default;
            }

            .visible-xs.breadcrumb-bottom .breadcrumbs li:last-child a {
                background: #007f3c;
                color: #ffffff;
                font-weight: bold;
            }

            .visible-xs.breadcrumb-bottom .breadcrumbs li a:hover {
                color: #333745;
            }

            .visible-xs.breadcrumb-bottom .breadcrumbs li:last-child a:hover {
                color: #ffffff;
            }
/* スマホ用パンくずここまで */

/* PC用パンくず */
.visible-lg.visible-md.breadcrumbs {
    word-break: break-all;
}

    .visible-lg.visible-md.breadcrumbs li {
        display: inline;
    }

        .visible-lg.visible-md.breadcrumbs li h1 {
            display: inline;
            line-height: 9px;
        }

        .visible-lg.visible-md.breadcrumbs li a {
            font-size: 13px;
            color: #888;
        }

            .visible-lg.visible-md.breadcrumbs li a::before,
            .tab-content .tab-pane .breadcrumbs li a::before {
                content: "\e922";
                font-family: 'icomoon-reg';
                padding-left: 0px;
                padding-right: 8px;
                font-size: 12px;
            }

            .visible-lg.visible-md.breadcrumbs li a:hover {
                color: #f82e56;
            }

                .visible-lg.visible-md.breadcrumbs li a:hover::before,
                .tab-content .tab-pane .breadcrumbs li a:hover::before {
                    color: #888;
                }

        .visible-lg.visible-md.breadcrumbs li:first-child a::before,
        .tab-content .tab-pane .breadcrumbs li:first-child a::before {
            content: none;
        }

        .visible-lg.visible-md.breadcrumbs li:last-child a:hover {
            color: #888;
            cursor: text;
        }
/* 検索ページ用 */
@media screen and (min-width:992px) {
    #search-page + .page-main .block > .container > .breadcrumbs.visible-lg.visible-md {
        margin-top: 0;
        margin-bottom: -30px;
    }

    #search-page + .page-main > .block:first-child {
        padding-top: 0;
    }
}

#search-page + .page-main > .block:first-child
/* PC用パンくずここまで */
/* 5.8 Colors name
-----------------------------------------------------------------*/
span.color.color-red {
    background: #f82e56;
}

span.color.color-orange {
    background: #ff8400;
}

span.color.color-green {
    background: #4b9058;
}

/* naturum用のカラーを定義*/
.text-naturum {
    color: #007f3c;
}

.bg-naturum {
    color: #fff;
    background: #007f3c;
}

/* 5.9 Promo boxes
-----------------------------------------------------------------*/
.box {
    background: #fff;
    padding: 50px 30px 45px;
    margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
    .box {
        margin-bottom: 30px;
    }
}

.box-title {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 700;
    color: #333745;
    text-transform: uppercase;
    margin-bottom: 0;
}

.box-text {
    font-size: 15px;
    line-height: 1.5em;
    font-weight: 300;
    color: #333745;
    height: 60px;
}

.box-icon i.icon {
    display: inline-block;
    margin-bottom: 25px;
    font-size: 35px;
    line-height: 60px;
    width: 65px;
    height: 65px;
    background: #f82e56;
    border: 2px solid #f82e56;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.box-icon.rounded i.icon {
    border-radius: 50%;
}

.box:hover .box-icon i.icon {
    background: #fff;
    color: #f82e56;
}

@media screen and (max-width: 991px) {
    .box {
        padding: 25px 15px 15px;
    }
}

.box.style2 {
    border: 6px solid #fff;
}

    .box.style2.bgcolor1 {
        background: #fdf4f6;
    }

    .box.style2.bgcolor2 {
        background: #eef1fa;
    }

    .box.style2.bgcolor3 {
        background: #faf4fd;
    }

    .box.style2.bgcolor4 {
        background: #bdfbda;
    }

    .box.style2.bgcolor5 {
        background: #fed9b3;
    }

    .box.style2.bgcolor6 {
        background: #fbcbd7;
    }

    .box.style2.bgcolor7 {
        background: #ccffff;
    }

    .box.style2:hover .box-icon i.icon {
        border-color: #333745;
        background: #333745;
        color: #fff;
    }

.box-left-icon {
    width: 100%;
    margin-bottom: 20px;
}

    .box-left-icon .box-text {
        display: table-cell;
        overflow: hidden;
        padding: 0 0 0 10px;
        position: relative;
        vertical-align: middle;
        width: auto;
        font-size: 15px;
        line-height: 1.2em;
        font-weight: 300;
        color: #333745;
    }

        .box-left-icon .box-text .title {
            font-size: 15px;
            font-weight: 700;
            text-transform: uppercase;
        }

    .box-left-icon .box-icon {
        display: table-cell;
        width: 70px;
        position: relative;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .box-left-icon .box-icon i.icon {
            display: inline-block;
            font-size: 30px;
            line-height: 62px;
            width: 65px;
            height: 65px;
            margin-bottom: 0;
            background: #fff;
            border: 1px solid #fff;
            color: #f82e56;
            text-align: center;
            -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

        .box-left-icon .box-icon.rounded i.icon {
            border-radius: 50%;
            border: 0;
        }

    .box-left-icon:hover .box-icon i.icon {
        background: #f82e56;
        color: #fff;
    }

.box-left-icon-bg {
    width: 100%;
    margin-bottom: 30px;
    padding: 30px 25px;
    background: #fff;
    border-bottom: 3px solid #e8e8e8;
}

    .box-left-icon-bg .box-text {
        display: table-cell;
        overflow: hidden;
        padding: 0 0 0 22px;
        position: relative;
        vertical-align: middle;
        width: auto;
        font-size: 19px;
        line-height: 1.2em;
        font-weight: 500;
        color: #f82e56;
        text-transform: uppercase;
    }

        .box-left-icon-bg .box-text .title {
            font-size: 21px;
            font-weight: 700;
            text-transform: none;
            color: #333745;
        }

    .box-left-icon-bg .box-icon {
        display: table-cell;
        vertical-align: middle;
        width: 90px;
        position: relative;
        padding: 0 22px 0 0;
        border-right: 1px solid #e8e8e8;
    }

        .box-left-icon-bg .box-icon i.icon {
            display: inline-block;
            background: transparent;
            border: 0;
            font-size: 53px;
            margin-bottom: 0;
            color: #bebebe;
            text-align: center;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

    .box-left-icon-bg:hover .box-icon i.icon {
        background: #fff;
        color: #f82e56;
    }

@media screen and (max-width: 1199px) {
    .box-icon-row {
        overflow: hidden;
        width: 100%;
        margin-left: 0;
    }

    .box-left-icon-bg {
        width: calc(33.333% - 15px);
        float: left;
        margin: 0 0 30px 15px;
        padding: 10px;
    }

        .box-left-icon-bg .box-text {
            font-size: 16px;
            padding: 0 0 0 10px;
        }

            .box-left-icon-bg .box-text .title {
                font-size: 18px;
            }

        .box-left-icon-bg .box-icon {
            width: 70px;
            padding: 0 10px 0 0;
        }

            .box-left-icon-bg .box-icon i.icon {
                font-size: 40px;
            }
}

@media screen and (max-width: 767px) {
    .box-icon-row {
        overflow: hidden;
        width: 100%;
        margin-left: 0;
    }

    .box-left-icon-bg {
        width: 100%;
        margin: 0 0 15px 0;
        padding: 5px;
    }
}

/* 5.11 flexbox フレックスボックス
-----------------------------------------------------------------*/
.container-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    align-items: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-content: flex-start;
    -webkit-align-content: flex-start;
    width: 100%;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

/* 5.12 ブロックの幅を規定する要素
-----------------------------------------------------------------*/
.container_width-narrow,
.container_width-medium,
.container_width-wide,
.container_width-full {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (min-width: 768px) {
    .container_width-narrow {
        width: 700px;
    }
}

@media screen and (min-width: 992px) {
    .container_width-medium {
        width: 970px;
    }
}

@media screen and (min-width: 1200px) {
    .container_width-wide {
        width: 1170px;
    }
}
/* 7 Vendors
-----------------------------------------------------------------*/
/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 21px;
    width: 21px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: #333745;
    color: #fff;
    top: 50%;
    right: 15px;
    padding: 0;
    margin-top: -10px;
    border: none;
    outline: none;
}

    .slick-prev:hover,
    .slick-next:hover,
    .slick-prev:focus,
    .slick-next:focus {
        outline: none;
    }

    .slick-prev:not(.slick-disabled):hover,
    .slick-next:not(.slick-disabled):hover {
        background: #f82e56;
    }

    .slick-prev.slick-disabled:hover,
    .slick-next.slick-disabled:hover {
        cursor: auto;
    }

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

    .slick-prev::before,
    .slick-next::before {
        font-family: 'icomoon-reg';
        font-size: 18px;
        line-height: 21px;
        color: #fff;
        opacity: 0.75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    right: 23px;
}

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

    .slick-prev::before {
        content: "\e923";
    }

        .slick-prev::before[dir="rtl"] {
            content: "\e922";
        }

.slick-next {
    right: 0;
}

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

    .slick-next::before {
        content: "\e922";
    }

        .slick-next::before[dir="rtl"] {
            content: "\e923";
        }

/* Dots */
.slick-dotted .slick-slider {
    margin-bottom: 10px;
}

.slick-dots {
    position: absolute;
    bottom: -10px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: none;
            background: #e8e8e8;
            display: block;
            height: 8px;
            width: 8px;
            border-radius: 50%;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            margin: 0;
            padding: 0;
            cursor: pointer;
        }

            .slick-dots li button:hover,
            .slick-dots li button:focus {
                outline: none;
            }

        .slick-dots li.slick-active button {
            background: #f82e56;
        }

/*スマホ用商品画像のカルーセル表示*/
#sp-carousel .slick-dots {
    position: absolute;
    top: 94%;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
}

    #sp-carousel .slick-dots li {
        position: relative;
        display: inline-block;
        height: 12px;
        width: 12px;
        margin: 0;
        padding: 0;
    }

        #sp-carousel .slick-dots li button {
            border: solid 1px #bbb;
            background: #e8e8e8;
            display: block;
            height: 9px;
            width: 9px;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            margin: 0;
            padding: 0;
            cursor: pointer;
        }

        #sp-carousel .slick-dots li.slick-active button {
            background: #f82e56;
        }

@media screen and (max-width: 991px) {
    .slick-prev,
    .slick-next {
        margin-top: -12px;
    }
}

.scrollable-menu {
    height: auto;
    max-height: 500px;
    overflow-x: hidden;
}

.inertia-carousel {
    width: 100%;
    padding: 12px 0;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    white-space: nowrap;
    text-align: center;
}

    .inertia-carousel li {
        display: inline-block;
    }

    .inertia-carousel img {
        width: 80px;
        height: 80px;
    }

/* レコメンドカルーセル */
.recommend-leadcopy {
    font-size: 14px;
    line-height: 20px;
    word-break: break-all;
}
#RecommendForYouItems .slick-prev,
#RecommendForYouItems .slick-next {
    top: 17%;
}
@media screen and (min-width: 992px) {
    #RecommendForYouItems .title h2 {
        margin-bottom: 15px;
    }
}
/* Desktop Mega Menu */
@media screen and (min-width: 992px) {
  .megamenu {
    display: inline-block;
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .megamenu .nav::after {
    content: '';
    position: absolute;
    z-index: 1;
    width: 0;
    top: 0;
    height: 72px;
    background: rgba(255, 255, 255, 0);
    -webkit-transition: all 0 ease;
    -o-transition: all 0 ease;
    transition: all 0 ease;
  }
  .navbar.disabled .megamenu {
    position: inherit;
  }
  .megamenu.unvisible {
    opacity: 0;
  }
}
/* Sub Megamenu */
.mega-dropdown .sub-menu {
  left: 0;
  width: 100%;
  padding: 30px 0;
}
.sub-menu {
  position: absolute;
  top: 100%;
  background-color: #fff;
  padding: 20px 0 15px;
  overflow-y: auto;
  -webkit-box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.05);
  border-bottom: 4px solid #007f3c;
  color: #191919;
  opacity: 0;
  visibility: hidden;
}
li.hovered .sub-menu {
  opacity: 1;
  visibility: visible;
}
.sub-menu .megamenu-col [class*="col-"] {
  padding-left: 0;
}
.sub-menu .category-image {
  margin: 0 0 15px;
  display: block;
  position: relative;
}
.sub-menu .category-image img {
  max-width: 100%;
}
.sub-menu .category-image:not(.light) {
  position: relative;
  overflow: hidden;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: background-color 0.5s ease-in-out 0s;
  -o-transition: background-color 0.5s ease-in-out 0s;
  transition: background-color 0.5s ease-in-out 0s;
}
.sub-menu .category-image:not(.light) > a {
  display: block;
  overflow: hidden;
}
.sub-menu .category-image:not(.light) img {
  -webkit-transition: transform 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s;
  -o-transition: transform 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s;
  transition: transform 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  image-rendering: optimizeQuality;
  vertical-align: middle;
  max-width: 100%;
  -webkit-transform: scale(1.01) rotate(0.0001deg);
  transform: scale(1.01) rotate(0.0001deg);
}
.sub-menu .category-image:not(.light):hover {
  background-color: #000;
}
.sub-menu .category-image:not(.light):hover img {
  opacity: 0.7;
  -webkit-transform: scale(1.15) rotate(0.0001deg);
  transform: scale(1.15) rotate(0.0001deg);
}
.sub-menu .category-image.light {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.sub-menu .category-image.light > a {
  display: block;
  overflow: hidden;
}
.sub-menu .category-image.light img {
  -webkit-transition: transform 0.5s ease 0s;
  -o-transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  image-rendering: optimizeQuality;
  vertical-align: middle;
  max-width: 100%;
}
.sub-menu .category-image.light:hover img {
  -webkit-transition: transform 0.6s ease 0.05s;
  -o-transition: transform 0.6s ease 0.05s;
  transition: transform 0.6s ease 0.05s;
  -webkit-transform: scale(1.15) rotate(0.0001deg);
  transform: scale(1.15) rotate(0.0001deg);
}
.sub-menu .category-title,
.sub-menu .category-title > a {
  position: relative;
  color: #191919;
  text-decoration: none;
}
.sub-menu .category-title > a:hover {
  color: #f82e56;
}
.sub-menu .category-title {
  display: block;
  width: 100%;
  margin: -3px 0 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
}
.sub-menu .category-title.title-border {
  margin: 10px 0;
  padding: 0 0 7px;
  border-bottom: 1px solid #e8e8e8;
}
.sub-menu .category-links {
  padding: 0;
  margin: 3px 0 20px;
  list-style: none;
}
.sub-menu .category-links a {
  position: relative;
  display: inline-block;
  font-size: 11px;
  line-height: 1.2em;
  color: #191919;
  padding: 5px 0;
  padding-left: 7px;
  margin-left: -7px;
  -webkit-transition: margin 0.2s ease;
  -o-transition: margin 0.2s ease;
  transition: margin 0.2s ease;
}
.sub-menu .category-links a:hover {
  color: #f82e56;
  text-decoration: none;
  margin-left: 0;
  margin-right: -7px;
}
.sub-menu .category-links a:hover:only-child::before {
  opacity: 1;
}
.sub-menu .category-links a:only-child::before {
  position: absolute;
  top: 7px;
  left: 0;
  font-family: 'icomoon-reg';
  font-size: 12px;
  line-height: 16px;
  content: "\e922";
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0.1s;
  -o-transition: opacity 0.3s ease 0.1s;
  transition: opacity 0.3s ease 0.1s;
}
.sub-menu .category-links a::after {
  position: absolute;
  top: 5px;
  right: 3px;
  font-family: 'icomoon-reg';
  font-size: 18px;
  line-height: 14px;
  content: "\e922";
}
.sub-menu .category-links a:only-child::after {
  content: '';
}
@supports (-webkit-text-size-adjust:none) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) {
  .sub-menu .category-links a:only-child::before {
    top: 5px;
  }
}
.sub-menu .category-links:last-child {
  margin-bottom: 0;
}
.sub-menu .off-image .category-image {
  display: none;
}
.sub-menu .off-title .category-title {
  display: none;
}
.sub-menu .off-links .category-links {
  display: none;
}
li.hovered:hover body:not(.touch) .sub-menu {
  opacity: 1;
  visibility: visible;
}
/* dropdown effect */
.megamenu.fadein .sub-menu {
  -webkit-transition: opacity 0.4s ease 0s, visibility 0.4s linear 0s;
  -o-transition: opacity 0.4s ease 0s, visibility 0.4s linear 0s;
  transition: opacity 0.4s ease 0s, visibility 0.4s linear 0s;
}
.megamenu.fadein li:hover .sub-menu {
  -webkit-transition: opacity 0.4s ease 0s, visibility 0 linear 0s;
  -o-transition: opacity 0.4s ease 0s, visibility 0 linear 0s;
  transition: opacity 0.4s ease 0s, visibility 0 linear 0s;
}
.megamenu.slidetop .sub-menu {
  transform: translateY(40px);
  -webkit-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, visibility 0.4s linear 0s, -webkit-transform 0.4s ease 0s;
  -o-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, visibility 0.4s linear 0s, -webkit-transform 0.4s ease 0s;
  transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, visibility 0.4s linear 0s, -webkit-transform 0.4s ease 0s;
}
.megamenu.slidetop li:hover .sub-menu {
  transform: translateY(0);
  -webkit-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
  -o-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
  transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
}
/* megacolumns */
.megamenu-categories .col {
  position: relative;
  padding: 0 15px;
  width: 100%;
  display: inline-block;
  margin: 0 -4px 20px 0;
  vertical-align: top;
}
.megamenu-categories {
  display: block;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.megamenu-right,
.megamenu-left {
  display: block;
  float: left;
  padding: 0 15px;
  margin: 0;
}
.megamenu-right {
  float: right;
}
.megamenu-top {
  padding: 0 15px;
  margin-bottom: 30px;
}
.megamenu-bottom {
  padding: 0 15px;
  margin-top: 10px;
}
.column-6 .col {
  width: 16.66667%;
}
.column-5 .col {
  width: 20%;
}
.column-4 .col {
  width: 25%;
}
.column-3 .col {
  width: 33.33333%;
}
.column-2 .col {
  width: 50%;
}
.width-20 {
  width: 20%;
}
.width-25 {
  width: 25%;
}
.width-33 {
  width: 33.33333%;
}
.width-40 {
  width: 40%;
}
/* multicolumns not for IE10 less */
@media screen and (min-width: 1200px) {
  .column-count-2 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 15px;
    -webkit-column-gap: 15px;
    column-gap: 15px;
  }
  .column-count-3 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}
/* Menu Label */
.menu-label,
.menu-label-alt {
  display: inline-block;
  position: relative;
  background: #f82e56;
  height: 14px;
  margin: 0 0 0 4px;
  padding: 0 3px;
  top: -1px;
  font-family: 'Oswald', sans-serif;
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 0.5px;
}
.category-title .menu-label,
.category-title .menu-label-alt {
  top: -1px;
}
.nav > li > a > .menu-label,
.nav > li > a > .menu-label-alt {
  position: absolute;
  top: 4px;
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
  height: 18px;
  vertical-align: 0;
  padding: 0 5px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 0;
}
.nav > li:hover > a > .menu-label,
.nav > li:hover > a > .menu-label-alt {
  top: 6px;
}
@-moz-document url-prefix() {
  .menu-label,
  .menu-label-alt {
    padding-top: 1px;
    line-height: 10px;
  }
}
.menu-label-alt {
  background: #3c7fa5;
  color: #ffffff;
}
/* Simple drop menu */
.simple-dropdown .sub-menu {
  min-width: 200px;
  overflow: inherit;
  padding-left: 15px;
  padding-right: 15px;
}
.simple-dropdown .sub-menu ul.category-links li {
  position: relative;
}
.simple-dropdown .sub-menu ul.category-links li:hover > a {
  color: #f82e56;
}
.simple-dropdown .sub-menu ul.category-links li a {
  display: block;
}
.simple-dropdown .sub-menu ul.category-links ul {
  position: absolute;
  z-index: 1;
  left: calc(100% + 8px);
  top: -36px;
  min-width: 230px;
  padding: 12px;
  background: #f9f9f9;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease 0.2s;
  -o-transition: all 0.2s ease 0.2s;
  transition: all 0.2s ease 0.2s;
}
.simple-dropdown .sub-menu ul.category-links li.edge ul {
  right: 99.9%;
  left: auto;
}
.simple-dropdown .sub-menu ul.category-links ul ul {
  z-index: 2;
}
.simple-dropdown .sub-menu ul.category-links li:hover > ul {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 1399px) and (min-width: 992px) {
  .navbar .nav > li > a,
  .navbar .nav > li > a:focus {
    font-size: 20px;
  }
  .navbar .nav > li > a:not(.menu-btn-special),
  .navbar .nav > li > a:focus:not(.menu-btn-special) {
    padding-left: 10px;
    padding-right: 10px;
  }
  .sub-menu .category-title {
    font-size: 14px;
    line-height: 18px;
  }
  .sub-menu .category-links {
    margin: 5px 0 15px;
  }
  .sub-menu .category-links a {
    font-size: 11px;
    line-height: 16px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 1200px) {
  .navbar .nav > li > a,
  .navbar .nav > li > a:focus {
    font-size: 18px;
  }
  .navbar .nav > li > a:not(.menu-btn-special),
  .navbar .nav > li > a:not(.menu-btn-special):focus {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .navbar .nav > li > a,
  .navbar .nav > li > a:focus {
    font-size: 16px;
  }
  .navbar .nav > li > a:not(.menu-btn-special),
  .navbar .nav > li > a:not(.menu-btn-special):focus {
    padding-left: 8px;
    padding-right: 8px;
  }
}
/* vertical menu */
@media screen and (min-width: 992px) {
  .megamenu.vertical {
    background: #ffffff;
    display: block;
    text-align: left;
    position: relative;
    z-index: 10000;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  }
  .megamenu.vertical li.mega-dropdown {
    position: inherit;
  }
  .megamenu.vertical li.mega-dropdown .sub-menu {
    top: 0;
    left: 100%;
    min-height: 100%;
    width: calc(300% + 90px);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  }
  .megamenu.vertical li.simple-dropdown {
    position: relative;
  }
  .megamenu.vertical li.simple-dropdown .sub-menu {
    left: 100%;
    top: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  }
  .megamenu.vertical .nav > li {
    display: block;
    margin-right: 0;
  }
  .megamenu.vertical .nav > li > a,
  .megamenu.vertical .nav > li > a:focus {
    position: relative;
    z-index: 100;
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 400;
    text-transform: uppercase;
    padding: 10px 20px;
    font-family: 'Oswald', sans-serif;
    color: #191919;
    border-top: 1px solid #e8e8e8;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
  }
  .megamenu.vertical .nav > li:first-child > a,
  .megamenu.vertical .nav > li:first-child > a:focus {
    border-top: 0;
  }
  .megamenu.vertical .nav > li:hover > a {
    margin: 0;
    padding: 10px 20px;
    background: #333745;
    color: #ffffff;
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
  }
  .megamenu.vertical .nav > li.active > a {
    color: #f82e56;
  }
  .megamenu.vertical .nav > li > a::after {
    position: absolute;
    top: 13px;
    right: 15px;
    font-family: 'icomoon-reg';
    font-size: 22px;
    line-height: 1em;
    content: "\e922";
  }
  .megamenu.vertical .nav > li > a:only-child::after {
    content: '';
  }
  .megamenu.vertical .nav > li > a > .menu-label,
  .megamenu.vertical .nav > li > a > .menu-label-alt {
    display: inline-block;
    position: relative;
    top: -10px;
    left: auto;
    margin-left: 10px;
    transform: translateX(0);
  }
}
/* department menu */
@media screen and (min-width: 992px) {
  .megamenu.department {
    position: absolute;
    overflow: hidden;
    top: 42px;
    left: 0;
    width: 100%;
    max-height: 0;
    -webkit-transition: max-height 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0s;
    -o-transition: max-height 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0s;
    transition: max-height 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0s;
  }
  .megamenu.department .container {
    width: 100% !important;
  }
  .megamenu.department.opened {
    overflow: hidden;
    max-height: 1000px;
  }
  .nav-department {
    display: inline-block;
    position: relative;
    width: 200px;
    padding: 0 25px;
    margin-right: 15px;
    font-size: 18px;
    line-height: 42px;
    font-weight: 400;
    color: #ffffff;
    background: #007f3c;
    text-transform: uppercase;
    text-decoration: none;
  }
  .nav-department:hover,
  .nav-department:focus {
    color: #ffffff;
    text-decoration: none;
  }
  .nav-department::after {
    position: absolute;
    top: 12px;
    right: 15px;
    font-family: 'icomoon-reg';
    font-size: 18px;
    line-height: 1em;
    content: "\e920";
  }
  .megamenu.department {
    background: transparent;
    text-align: left;
    z-index: 1000;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .megamenu.department li.mega-dropdown {
    position: inherit;
  }
  .megamenu.department li.mega-dropdown .sub-menu {
    top: 0;
    left: 250px;
    min-height: 100%;
    width: calc(100% - 250px);
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .megamenu.department li.simple-dropdown {
    position: relative;
  }
  .megamenu.department li.simple-dropdown .sub-menu {
    left: 100%;
    top: -35px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 8px;
    min-width: 265px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .megamenu.department .nav {
    width: 250px;
    padding: 15px 0;
    background: #f6f6f6;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    min-height: 472px;
  }
  .megamenu.department .nav > li {
    display: block;
    margin-right: 0;
  }
  .megamenu.department .nav > li > a:not(.menu-btn-special),
  .megamenu.department .nav > li > a:not(.menu-btn-special):focus {
    position: relative;
    z-index: 100;
    font-size: 12px;
    line-height: 1em;
    font-weight: 500;
    padding: 7px 10px 7px 15px;
    color: #191919;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
  }
  .megamenu.department .nav > li:hover > a:not(.menu-btn-special) {
    margin: 0;
    padding: 7px 10px 7px 15px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
  }
  .megamenu.department .nav > li.active > a:not(.menu-btn-special) {
    color: #f82e56;
  }
  .megamenu.department .nav > li > a:not(.menu-btn-special)::after {
    position: absolute;
    top: 4px;
    right: 10px;
    font-family: 'icomoon-reg';
    font-size: 18px;
    line-height: 1em;
    content: "\e922";
  }
  .megamenu.department .nav > li > a:only-child::after {
    content: '';
  }
  .megamenu.department .nav > li > a > .menu-label,
  .megamenu.department .nav > li > a > .menu-label-alt {
    display: inline-block;
    position: relative;
    top: -10px;
    left: auto;
    margin-left: 10px;
    transform: translateX(0);
  }
}
@media screen and (min-width: 1199px) {
  .nav-department {
    width: 250px;
  }
}
/* truncated list */
.truncateList {
  position: relative;
}
.view-all {
  display: inline-block;
  padding: 0 10px;
  font-weight: 300;
  font-style: italic;
  text-transform: none;
  cursor: pointer;
}
.view-all:not(.disabled):hover {
  color: #f82e56;
}
.view-all.disabled .all {
  display: none;
}
.view-all.disabled .less {
  display: inline-block;
}
.view-all .all {
  display: inline-block;
}
.view-all .less {
  display: none;
}