@charset "utf-8";

/*===============================================================
共通
===============================================================*/
*{ margin:0; padding:0; }
body{ color:#190505; font-size:12px; font-family:'メイリオ',Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif; line-height:1.8em; }
tr,td,img,p,a,h1{ margin:0; padding:0; }
p{ letter-spacing:0.1em; *padding:0 2px; *letter-spacing:1px; color:#333; }
img{border:none; }
ul,ol{list-style-type:none; padding:0; margin:0; }
a{ color:#002378; text-decoration:underline; }
a:hover,
a img:hover{ opacity:0.8; }
h1{font-size:10px; }
 
/*カラー*/
.red{ color:#ff0000; }

/*font*/
/*size*/
.f-large{ font-size:1.15em; }
.f-small{ font-size:0.85em;  }
/*wight*/
.f-strong{ font-weight:700; }

/*display*/
.pc-only{ display:block; }
    @media screen and (max-width:750px) {
        .pc-only{ display:none; }
    }
.sp-only{ display:none; }
    @media screen and (max-width:750px) {
        .sp-only{ display:block; }
    }

/*もっとみるボタン*/
.more-btn a{ display:block; padding:3px 8px 3px 12px; color:#fff; text-align:center; text-decoration:none; background:#666b77; }
.more-btn a:before{ content:""; display:inline-block; position:relative; top:1px; right:4px; width:12px; height:12px; background:url("../img/link-arrow-white.png") no-repeat 0 0; }


/*===============================================================
ヘッダー
===============================================================*/
/*枠組み*/
.header{}
    @media screen and (max-width:750px) {
        .header{ position:fixed; top:0; width:100%; z-index:100; }
    }
/*top*/
.header-top{ width:100%; padding:8px 0; }
    .header-top__inner{ width:980px; margin:0 auto; }
        @media screen and (max-width:750px) {
            .header-top__inner{ width:100%; padding:0 6px; box-sizing:border-box; }
        }
        .header-top__inner:after{ content:""; display:block; clear:both; }
        .header-top__left{ float:left; }
        .header-top__right{ float:right; }
/*middle*/
.header-middle{ width:100%; padding:8px 0; background:#ff9933;  }
    @media screen and (max-width:750px) {
        .header-middle{ padding-bottom:0; }
    }
    .header-middle__inner{ position:relative; width:980px; margin:0 auto; }
        @media screen and (max-width:750px) {
            .header-middle__inner{ width:100%; }
        }
        .header-middle__center{ text-align:center; }
        .header-middle__right{ position:absolute; top:0; right:0; }
            @media screen and (max-width:750px) {
                .header-middle__right{ position:static; }
            }
            .header-middle__right:after{ content:""; display:block; clear:both; }
/*bottom*/
.header-bottom{ width:100%; padding:8px 0 0; background:#f2f0eb; }
    @media screen and (max-width:750px) {
        .header-bottom{ display:none; }
    }
    .header-bottom__inner{ width:980px; margin:0 auto; }
        .header-bottom__inner:after{ content:""; display:block; clear:both; }
        .header-bottom__left{ float:left; }
        .header-bottom__right{ float:right; }

/*中の要素*/
/*キャッチコピー*/
.header__catch{ line-height:2.5em; }
    @media screen and (max-width:750px) {
        .header__catch{ line-height:1.25em; }
    }
/*sns*/
.header__sns{}
    .header__sns-btn-list{}
        .header__sns-btn-list:after{ content:""; display:block; clear:both; }
    .header__sns-btn-item{ float:left; text-align:center; vertical-align:middle; }
        .header__sns-btn-item a{ display:block; width:30px; height:18px; margin-left:6px; padding:6px 0; border-radius:100%; background:#666b77; }
        .header__sns-btn-icon--facebook:before{ content:url("../img/svg-icon/facebook.svg"); display:inline-block; width:18px; height:18px; }
        .header__sns-btn-icon--instagram:before{ content:url("../img/svg-icon/instagram.svg"); display:inline-block; width:18px; height:18px; }

/*ロゴ*/
.header__logo{ text-align:left; }
    @media screen and (max-width:750px) {
        .header__logo{ padding:6px 0; text-align:center; }
        .header__logo img{ width:20%; }
    }

/*検索*/
.header__search{ float:left; margin-top:5px; }
    @media screen and (max-width:750px) {
        .header__search{ float:none; width:100%; margin-top:0; }
    }
    .header__search a{ color:#fff; }
        @media screen and (max-width:750px) {
            .header__search a{ display:block; padding:10px 0; color:#002378; }
        }
        .header__search-icon:before{ content:url("../img/svg-icon/search.svg"); display:inline-block; width:18px; height:18px; margin-right:3px; vertical-align:top; }
        @media screen and (max-width:750px) {
            .header__search-icon:before{ display:none; }
        }
        /*spのみ表示*/
        @media screen and (max-width:750px) {
                .search-nav-icon{ position:absolute; top:0; right:60px; padding:6px; }
                .search-nav-icon:before{ content:url("../img/svg-icon/search.svg"); display:inline-block; width:24px; height:24px; vertical-align:top; }
        }
        /*spのみ表示*/
        @media screen and (max-width:750px) {
            .search-nav__block{ display:none; width:100%; padding:16px; background:#f2f0eb; box-sizing:border-box; }
        }
    /*検索ボックス*/
    .search-box{}
    .search-box input[type=text]{ width:240px; padding:0.25em 0.5em; box-sizing:border-box; }
        @media screen and (max-width:750px) {
            .search-box input[type=text]{ width:100%; margin-bottom:6px; padding:0.5em; }
        }
    .search-box input[type=submit]{ padding:0.25em 0.75em; border:1px solid #999; border-radius:3px; box-sizing:border-box;
      background:#ffffff; /* Old browsers */
      background:-moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6-15 */
      background:-webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
      background:linear-gradient(to bottom, #ffffff 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ }
    .search-box input[type=submit]:hover{ cursor:pointer;
      background:#efefef; /* Old browsers */
      background:-moz-linear-gradient(top, #efefef 0%, #ffffff 100%); /* FF3.6-15 */
      background:-webkit-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
      background:linear-gradient(to bottom, #efefef 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }
    /*テキストリンク*/
    .search-anchor{ margin-top:3px; }

/*カートボタン*/
.header__cart{ float:right; margin:1px 0 0 16px; }
    @media screen and (max-width:750px) {
        .header__cart{ float:none; position:absolute; top:0; right:6px; margin:0; }
    }
    .header__cart a{ display:block; width:30px; height:30px; padding:6px; }
        .header__cart-icon:before{ content:url("../img/svg-icon/cart.svg"); display:inline-block; width:26px; height:26px; }

    .header__cart img{ width:24px; height:24px; }

/*nav*/
.header__nav{}
    .header__nav-list{ line-height:45px; }/*.campaign-banner-small__itemのブロックと同じ高さにする*/
        .header__nav-item{ display:inline-block; }
            .header__nav-item:after{ content:"|"; padding-left:6px; }
            .header__nav--shopguide a{ position:relative; padding-left:20px; }
                .header__nav--shopguide a:before{ content:""; display:inline-block; position:absolute; top:0; left:0; background:url("../img/svg-icon/shopguide.svg"); width:16px; height:16px; }
            .header__nav--wrapping a{ position:relative; padding-left:20px; }
                .header__nav--wrapping a:before{ content:""; display:inline-block; position:absolute; top:0; left:0; background:url("../img/svg-icon/wrapping.svg"); width:16px; height:16px; }
            .header__nav--review a{ position:relative; padding-left:20px; }
                .header__nav--review a:before{ content:""; display:inline-block; position:absolute; top:0; left:0; background:url("../img/svg-icon/review.svg"); width:16px; height:16px; }
            .header__nav--mail a{ position:relative; padding-left:20px; }
                .header__nav--mail a:before{ content:""; display:inline-block; position:absolute; top:0; left:0; background:url("../img/svg-icon/mail.svg"); width:16px; height:16px; }
            .header__nav--global-market a{ position:relative; padding-left:20px; }
                .header__nav--global-market a:before{ content:""; display:inline-block; position:absolute; top:0; left:0; background:url("../img/svg-icon/rakuten.svg"); width:16px; height:16px; }
            .header__nav--facebook a{ position:relative; padding-left:20px; }
                .header__nav--facebook a:before{ content:""; display:inline-block; position:absolute; top:0; left:0; background:url("../img/svg-icon/facebook-color.svg"); width:16px; height:16px; }
            .header__nav--instagram a{ position:relative; padding-left:20px; }
                .header__nav--instagram a:before{ content:""; display:inline-block; position:absolute; top:0; left:0; background:url("../img/svg-icon/instagram-color.svg"); width:16px; height:16px; }

/*===============================================================
キャンペーンバナー
===============================================================*/
/*キャンペーンバナー大*/
.campaign-banner-large{ width:980px; margin:6px auto 0; }
    @media screen and (max-width:750px) {
        .campaign-banner-large{ width:100%; margin-top:58px; }
    }
    .campaign-banner-large__list{}
    .campaign-banner-large__list:after{ content:""; display:block; clear:both; }
        .campaign-banner-large__item{ float:left; width:49.5%; }
        .campaign-banner-large__item:nth-child(2n){ float:right; }
            .campaign-banner-large__item img{ width:100%; }

/*キャンペーンバナー小*/
#campaign-banner-small{ width:232px; }
    @media screen and (max-width:750px) {
        #campaign-banner-small{ width:100%; text-align:center; }
    }
    .campaign-banner-small__list{ display:none; }
        .campaign-banner-small__item{ height:45px!important; }/*.header__nav-listのブロックと同じ高さにする*/
            .campaign-banner-small__item img{ height:100%; margin:0 auto; }

/*===============================================================
トップ共通
===============================================================*/
/*タイトルスタイル*/
.top-title{ margin-bottom:20px; padding-bottom:10px; background:url("../img/title-line.jpg") repeat-x 0 bottom; }
    .top-title:after{ content:""; display:block; clear:both; }
    .top-title__left{ float:left; }
    .top-title__right{ float:right; }
    .top-title__heading{ float:left; font-size:1.45em; font-weight:700; }
    .top-title__catch{ margin-left:10px; color:#999; font-size:0.85em; font-weight:400; font-family:'Dancing Script', cursive; }


/*スライダー*/
.slider-wrapper{ width:100%; }
#slider{ width:980px; margin:0 auto; }
    #slider img{ width:100%; }
      @media screen and (max-width:750px) {
        #slider{ width:100%; height:auto; }
      }

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
.slick-track{position:relative;top:0;left:0;display:block;}
.slick-track:before,
.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir=rtl] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}
.slick-dots{ display:block; width:100%; padding:0; margin:0 0 30px; list-style:none; text-align:center; }
.slick-dots li{ position:relative; display:inline-block; width:20px; height:20px; margin:0 5px; padding:0; cursor:pointer; }
    @media screen and (max-width:750px) {
        .slick-dots li{ width:10px; height:10px; }
    }
.slick-dots li button{ font-size:0; line-height:0; display:block; width:20px; height:20px; padding:5px; cursor:pointer; color:transparent; border:0; outline:none; background:transparent; }
    @media screen and (max-width:750px) {
        .slick-dots li button{ width:10px; height:10px; }
    }
.slick-dots li button:hover,
.slick-dots li button:focus{ outline:none; }
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{ opacity:1; }
.slick-dots li button:before{ font-size:32px; line-height:20px; color:#666b77; position:absolute; top:0; left:0; width:20px; height:20px; content:'•'; text-align:center; opacity:.25; color:black; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.slick-dots li.slick-active button:before{ opacity:.75; color:black; }

/*お知らせ*/
.attention-information{ width:980px; margin:0 auto; }
    @media screen and (max-width:750px) {
        .attention-information{ width:100%; padding:0 12px; box-sizing:border-box; }
    }
    .attention-information__inner{ margin:16px auto 32px; padding:16px; border:2px solid #a60000; box-sizing:border-box;  }

/*おすすめアイテム*/
.top-recommend{ width:980px; margin:0 auto 48px; }
    @media screen and (max-width:750px) {
        .top-recommend{ width:100%; padding:0 12px; box-sizing:border-box; }
    }
.top-recommend:after{ content:""; display:block; clear:both; }
.top-recommend__item{ float:left; width:30%; margin:0 4% 16px 0; }
  @media screen and (max-width:750px) {
    .top-recommend__item{ width:49%; margin-right:0; }
    .top-recommend__item:nth-child(2n){ float:right; }
  }
.top-recommend__item:nth-child(3n){ margin-right:0; }
.top-recommend__item img{ width:100%; }

/*===============================================================
メインコンテンツ
===============================================================*/
/*枠組み*/
.contents-wrap{ width:980px; margin:0 auto; }
    @media screen and (max-width:750px) {
        .contents-wrap{ width:100%; box-sizing:border-box; }
    }
    .contents-wrap:after{ content:""; display:block; clear:both; }

.top-main-contents{ float:right; width:800px; margin:0 auto; }
    @media screen and (max-width:750px) {
        .top-main-contents{ width:100%; }
    }

/*中の要素*/
/*メインカテゴリー*/
.top-category{ margin-bottom:80px; }
    @media screen and (max-width:750px) {
        .top-category{ width:100%; margin-bottom:48px; padding:0 12px; box-sizing:border-box; }
    }
    .category-product__list{}
        .category-product__list:after{ content:""; display:block; clear:both; }
    .category-product__item{ float:left; width:49.5%; margin-bottom:1%; padding:16px; border:1px solid #eee; box-sizing:border-box; }
        @media screen and (max-width:750px) {
            .category-product__item{ float:none; width:100%; }
        }
    .category-product__item:nth-child(2n){ float:right; }
        @media screen and (max-width:750px) {
            .category-product__item:nth-child(2n){ float:none; width:100%; }
        }    
    .category-product__header{ margin-bottom:12px; }
        .category-product__header:after{ content:""; display:block; clear:both; }
        .category-product__header-left{ float:left; }
        .category-product__header-right{ float:right; }
    .category-product__title{ font-size:1.45em; }
    .category-product-pickup__list{}
        .category-product-pickup__list:after{ content:""; display:block; clear:both; }
        .category-product-pickup__item{ position:relative; float:left; width:48.5%; }
            .category-product-pickup__item:before{ content:""; display:block; padding-top:100%; }
        .category-product-pickup__item:nth-child(2n){ float:right; }
            .category-product-pickup__item img{ position:absolute; bottom:0; width:100%; height:auto; line-height:0; }

    /*各アイコン*/
    .category-product__icon-clock:before{ content:url("../img/svg-icon/clock.svg"); display:inline-block; width:24px; height:24px; padding-right:5px; vertical-align:middle; }
    .category-product__icon-chair:before{ content:url("../img/svg-icon/chair.svg"); display:inline-block; width:24px; height:24px; padding-right:5px; vertical-align:middle; }
    .category-product__icon-bed:before{ content:url("../img/svg-icon/bed.svg"); display:inline-block; width:24px; height:24px; padding-right:5px; vertical-align:middle; }
    .category-product__icon-interia:before{ content:url("../img/svg-icon/interia.svg"); display:inline-block; width:24px; height:24px; padding-right:5px; vertical-align:middle; }
    .category-product__icon-kitchen:before{ content:url("../img/svg-icon/kitchen.svg"); display:inline-block; width:24px; height:24px; padding-right:5px; vertical-align:middle; }
    .category-product__icon-zakka:before{ content:url("../img/svg-icon/zakka.svg"); display:inline-block; width:24px; height:24px; padding-right:5px; vertical-align:middle; }
    .category-product__icon-light:before{ content:url("../img/svg-icon/light.svg"); display:inline-block; width:24px; height:24px; padding-right:5px; vertical-align:middle; }
    .category-product__icon-fashion:before{ content:url("../img/svg-icon/fashion.svg"); display:inline-block; width:24px; height:24px; padding-right:5px; vertical-align:middle; }
    .category-product__icon-clearn:before{ content:url("../img/svg-icon/clearn.svg"); display:inline-block; width:24px; height:24px; padding-right:5px; vertical-align:middle; }
    .category-product__icon-bodycare:before{ content:url("../img/svg-icon/bodycare.svg"); display:inline-block; width:24px; height:24px; padding-right:5px; vertical-align:middle; }
    .category-product__icon-outdoor:before{ content:url("../img/svg-icon/outdoor.svg"); display:inline-block; width:24px; height:24px; padding-right:5px; vertical-align:middle; }
    .category-product__icon-baby:before{ content:url("../img/svg-icon/baby.svg"); display:inline-block; width:24px; height:24px; padding-right:5px; vertical-align:middle; }


/*インフォメーション*/
.top-information{ margin-bottom:80px; }
    @media screen and (max-width:750px) {
        .top-information{ width:100%; margin-bottom:48px; padding:0 12px; background:none; box-sizing:border-box; }
    }
    .information-inner{ height:190px; overflow-y:scroll; }
    .information-inner dl{ width:100%; margin-bottom:16px; }
    .information-inner dl:after{ content:""; display:block; clear:both; }
    .information-inner dt{ float:left; width:11%; font-weight:700; }
        @media screen and (max-width:750px) {
          .information-inner dt{ float:none; }
        }    
    .information-inner dd{ float:left; width:88%; }
        @media screen and (max-width:750px) {
          .information-inner dd{ float:none; }
        }

/*ブランド一覧*/
.top-brand{ margin-bottom:80px; }
    @media screen and (max-width:750px) {
        .top-brand { width:100%; margin-bottom:48px; padding:0 12px; box-sizing:border-box; }
    }    
    .top-brand ul:after{ content:""; display:block; clear:both; }
    .top-brand ul li{ float:left; width:20%; margin-bottom:5px; }
    @media screen and (max-width:750px) {
        .top-brand ul li{ width:25%; margin-bottom:3px; padding-right:3px; box-sizing:border-box; }
        .top-brand ul li img{ width:100%; }
    }    


/*===============================================================
サイド
===============================================================*/
.side{ float:left; width:150px; }
    @media screen and (max-width:750px) {
        .side{ float:none; width:100%; margin-bottom:48px; padding:0 12px; box-sizing:border-box; }
    }

    /*サイドバー*/
    .side-title{ margin-bottom:3px; padding-bottom:8px; background:url("../img/title-line.jpg") repeat-x 0 bottom; }
        .side-title__heading{ font-size:1.15em; font-weight:400; }
            @media screen and (max-width:750px) {
                .side-title__heading{ font-size:1.45em; font-weight:700; }
            }
            .side-title__catch{ margin-left:8px; color:#999; font-size:0.85em; font-family:'Dancing Script', cursive; }
            @media screen and (max-width:750px) {
                .side-title__catch{ margin-left:10px; font-weight:400; }
            }

    /*メニュー*/
    .side__menu{ margin-bottom:32px; }
    .side__menu-inner ul > li{ border-bottom:1px dotted #ddd; }
    .side__menu-inner ul > li.single-link{ padding:10px 0; }
    .side__menu-inner ul > li.single-link a{ display:block; color:#190505; text-decoration:none; }

    .side__menu-inner ul > li p{ position:relative; padding:10px 0; }
    .side__menu-inner ul > li p:before { content:""; display:block; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; right:3px; width:8px; height:8px; margin-top:-4px; background:#666b77; }
    .side__menu-inner ul > li p:after { content:""; display:block; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; right:6px; width:8px; height:8px; margin-top:-4px; background:#fff; }
    .side__menu-inner ul > li p:hover{ cursor:pointer; }
    .side__menu-inner ul > li p.active:before { content:""; display:block; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; right:3px; width:8px; height:8px; margin-top:-4px; background:#666b77; }
    .side__menu-inner ul > li p.active:after { content:""; display:block; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:45%; right:3px; width:8px; height:8px; margin-top:-4px; background:#fff; }
    .side__menu-inner ul li ul{ display:none; }
    .side__menu-inner ul li ul li{ position:relative; margin-bottom:5px; padding-left:15px; border:none; }
    .side__menu-inner ul li ul li:before { content:""; display:block; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; left:3px; width:6px; height:6px; margin-top:-4px; background:#666b77; }
    .side__menu-inner ul li ul li:after { content:""; display:block; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; left:0px; width:6px; height:6px; margin-top:-4px; background:#fff; }
    .side__menu-inner ul li ul li a{}
        @media screen and (max-width:750px) {
            .side__menu-inner{ padding-bottom:20px; }
            .side__menu-inner ul li ul li a{ display:block; padding:6px 0; }
        }

    /*バナー*/
    .side__banner ul{ width:150px; margin-bottom:20px; }
        @media screen and (max-width:750px) {
            .side__banner ul{ width:100%; text-align:center; }
        }    
    .side__banner ul li img{ width:100%; max-width:150px; }
        @media screen and (max-width:750px) {
            .side__banner ul li img{ width:100%; max-width:auto; }
        }
    .side__banner-list{}  
    .side__banner-item{}
        @media screen and (max-width:750px) {
            .side__banner-item{ display:inline-block; width:25%; margin-right:1%; vertical-align:top; }
        }


/*===============================================================
SNSコンテンツ
===============================================================*/
.sns-contents{ margin-bottom:80px; }
    .sns-contents__inner{ width:980px; margin:0 auto; }
    @media screen and (max-width:750px) {
        .sns-contents__inner { width:100%; padding:0 12px; box-sizing:border-box; }
    }
        .sns-contents__inner:after{ content:""; display:block; clear:both; }
    .sns-contents__left{ float:left; width:35%; }
        @media screen and (max-width:750px) {
            .sns-contents__left{ float:none; width:100%; margin:0 auto 48px; text-align:center; }
        }    
    .sns-contents__right{ float:right; width:63%; }
        @media screen and (max-width:750px) {
            .sns-contents__right{ float:none; width:100%; }
        }     
        .sns-contents__follow-btn--facebook a{ position:relative; display:block; padding:4px 8px 4px 32px; color:#fff; text-align:center; text-decoration:none; background:#666b77; }
            .sns-contents__follow-btn--facebook a:before{ content:""; position:absolute; top:20%; left:10px; display:inline-block; width:16px; height:16px; background:url("../img/svg-icon/facebook.svg") no-repeat; }
        .sns-contents__follow-btn--instagram a{ position:relative; display:block; padding:4px 8px 4px 32px; color:#fff; text-align:center; text-decoration:none; background:#666b77; }
            .sns-contents__follow-btn--instagram a:before{ content:""; position:absolute; top:20%; left:10px; display:inline-block; width:16px; height:16px; background:url("../img/svg-icon/instagram.svg") no-repeat; }

    /*instagram*/
    .instagram-photo__list{}
        .instagram-photo__list:after{ content:""; display:block; clear:both; }
        .instagram-photo__item{ float:left; width:32%; margin-left:1%; }
        .instagram-photo__item img{ width:100%; height:96.5%; }
    

/*===============================================================
フッター
===============================================================*/
#footer{ position:relative; width:100%; z-index:3; }
/*ページトップ*/  
.pagetop{ width:980px; margin:0 auto; text-align:right; }
    @media screen and (max-width:750px) {
        .pagetop { width:100%; }
        .pagetop a{ display:block; padding:6px 0; color:#fff; text-align:center; background:#666b77; }
    }    
    .pagetop a:before{ content:""; display:inline-block; position:relative; top:2px; right:4px; width:12px; height:12px; background:url("../img/top-arrow.png") no-repeat; }
.footer-top{ margin-top:8px; padding:60px 0; background:#f2f0eb; }
    @media screen and (max-width:750px) {
        .footer-top { margin-top:0; padding:32px 0 8px; }
    }
    .footer-top__inner{ width:980px; margin:0 auto; }
        @media screen and (max-width:750px) {
            .footer-top__inner { width:90%; box-sizing:border-box; }
        }    
        .footer-top__inner:after{ content:""; display:block; clear:both; }
        .footer-top__inner .title{ margin-bottom:8px; padding:8px 0; text-align:center; background:#fff; }

/*営業日・お問い合わせ*/
.footer-top__business-day{ float:left; width:30%; }
    @media screen and (max-width:750px) {
        .footer-top__business-day{ float:none; width:100%; margin-bottom:32px; }
    }
    /*カレンダー*/
    .footer-top__calendar{ margin-bottom:16px; padding:0 10px; }
            @media screen and (max-width:750px) {
                .footer-top__calendar{ padding:0; margin-bottom:8px; text-align:center; }
                .footer-top__calendar__text-align-left{ text-align:left; }
            }
        table.calbase_rakuten{ background-color:#FFFFFF; border:1px solid #CECECE; width:140px; border-collapse:collapse; padding:0px 0px 10px 0px; }
        table.calbase_rakuten *{font-size:98%; color:#000000; border-collapse:collapse; padding:0px; margin:0px; }
        table.calbase_rakuten th{text-align:center; }
        th.caltitle_rakuten{font-size:85%; padding:10px 0px 0px 0px; }
        table.calframe_rakuten{ border-collapse:collapse; table-layout:fixed; width:278px; margin:0 auto 3px; font-size:0.9em; }
                @media screen and (max-width:750px) {
                    table.calframe_rakuten { width:100%; box-sizing:border-box; }
                }    
        table.calframe_rakuten th{ text-align:center; padding:0px 0px 3px 0px; }
        table.calframe_rakuten td{ border:1px solid #000000; background-color:#FFFFFF; width:16px; height:16px; text-align:center; }
          /*Safarionly*/
          @media screen and (-webkit-min-device-pixel-ratio:0) {
            ::i-block-chrome, table.calframe_rakuten td{ padding:0.25em; }
          }
        tr.weektitle_rakuten td{background-color:#CCCCCC; }
        td.event1day_rakuten{background-color:#FF0000 !important; }
        font.event1day_rakuten{color:#FF0000; }
        td.event2day_rakuten{background-color:#33CCFF !important; }
        font.event2day_rakuten{color:#33CCFF; }
        td.event3day_rakuten{background-color:#FFCC33 !important; }
        font.event3day_rakuten{color:#FFCC33; }
        table.event_rakuten{text-align:left; word-break:break-all; margin:7px 10px 7px 10px; border-collapse:collapse; line-height:120%; table-layout:fixed; width:120px; }
        table.event_rakuten td{padding:0px 0px 0px 0px; }
        table.text_rakuten{text-align:left; word-break:break-all; margin:0px 10px 10px 10px; border-collapse:collapse; line-height:120%; table-layout:fixed; width:120px; }

    /*お問い合わせ先*/
    .footer-top__contact dl{ margin-bottom:10px; padding:16px; background:#fff; }
    .footer-top__contact dt{ margin-bottom:5px; font-size:1.15em; font-weight:700; }
    .footer-top__contact .check-btn a{ display:block; padding:10px; color:#fff; font-weight:700; text-align:center; text-decoration:none; background:#666b77; }
    .footer-top__contact .check-btn a:before{ content:""; display:inline-block; position:relative; top:1px; right:4px; width:12px; height:12px; background:url("../img/link-arrow-white.png") no-repeat 0 0; }
    .footer-top__contact .check-btn a:hover{ color:#666b77; background:#fff; }


/*納期・送料*/
.footer-top__delivery{ float:left; width:30%; margin:0 5%; }
    @media screen and (max-width:750px) {
        .footer-top__delivery{ float:none; width:100%; margin:0 0 32px; }
    }
    .footer-top__delivery-map{ margin-bottom:10px; text-align:center; }
        @media screen and (max-width:750px) {
            .footer-top__delivery-map img{ width:100%; max-width:281px; }
        }


/*お支払い方法*/
.footer-top__payment{ float:right; width:30%; }
    @media screen and (max-width:750px) {
        .footer-top__payment{ float:none; width:100%; margin-bottom:32px; }
    }
    .footer-top__payment-card-icon{ margin:16px 0; padding:16px; text-align:center; background:#fff; }
        @media screen and (max-width:750px) {
            .footer-top__payment-card-icon img{ width:100%; max-width:234px; }
        }

    .footer-top__payment-attention{ position:relative; width:100%; height:180px; background:#e6e2d9; }
        @media screen and (max-width:750px) {
            .footer-top__payment-attention{ height:auto; padding:48px 0; box-sizing:border-box; }
        }
        .footer-top__payment-attention span{ position:absolute; top:0; left:0; bottom:0; right:0; width:220px; height:3.5em; margin:auto; text-align:center; font-weight:700; }

.footer-bottom{ padding:30px; background:#ff9933; }
    @media screen and (max-width:750px) {
        .footer-bottom{ padding:0; }
    }
    .footer-bottom__inner{ position:relative; width:980px; margin:0 auto; }
        @media screen and (max-width:750px) {
            .footer-bottom__inner{ width:100%; }
        }
    .footer-bottom__inner:after{ content:""; display:block; clear:both; }
    .footer-bottom__logo{ position:absolute; top:0; left:0; }
        @media screen and (max-width:750px) {
            .footer-bottom__logo{ display:none; }
        }    
    .footer-bottom__nav{ text-align:center; }
        @media screen and (max-width:750px) {
            .footer-bottom__nav{ text-align:left; }
        }    
    .footer-bottom__nav li{ display:inline-block; }
        @media screen and (max-width:750px) {
            .footer-bottom__nav li{ display:block; }
        }    
    .footer-bottom__nav li:after{ content:"|"; margin:0 15px; color:#fff; }
        @media screen and (max-width:750px) {
            .footer-bottom__nav li:after{ content:""; margin:0; }
        }    
    .footer-bottom__nav li:last-child:after{ content:""; margin:0; }
    .footer-bottom__nav li a{ color:#fff; }
        @media screen and (max-width:750px) {
            .footer-bottom__nav li a{ display:block; position:relative; padding:8px 20px; border-bottom:1px dotted #fff; text-decoration:none; box-sizing:border-box; }
            .footer-bottom__nav li a:before { content:""; display:block; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; left:5px; width:6px; height:6px; margin-top:-4px; background:#fff; }
            .footer-bottom__nav li a:after { content:""; display:block; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; left:3px; width:6px; height:6px; margin-top:-4px; background:#ff9933; }

        }    

    .footer-bottom__copy{ margin-top:8px; text-align:center; color:#fff; font-size:0.85em; }


/*===============================================================
Nextページ
===============================================================*/
/*header*/
/*レスポンシブ用のスマホレイアウトリセット*/
@media screen and (max-width:750px) {
    /*枠組み*/
    .next-header .pc-only{ display:block; }
    .next-header .header{ position:static; min-width:980px; z-index:0; }

    /*top*/
    .next-header .header-top__inner{ width:980px; margin:0 auto; padding:0; box-sizing:border-box; }

    /*middle*/
    .next-header .header-middle{ padding-bottom:8px; }
    .next-header .header-middle__inner{ position:relative; width:980px; margin:0 auto; }
    .next-header .header-middle__right{ position:absolute; top:0; right:0; }

    /*bottom*/
    .next-header .header-bottom{ display:block; width:100%; min-width:980px; padding:8px 0; background:#f2f0eb; }
    .next-header .header-bottom__inner{ width:980px; margin:0 auto; }
    .next-header .header-bottom__left{ float:left; }
    .next-header .header-bottom__right{ float:right; }

    /*キャンペーンバナー小*/
    .next-header #campaign-banner-small{ width:232px; }

    /*中の要素*/
    /*キャッチコピー*/
    .next-header .header__catch{ line-height:2.5em; }

    /*ロゴ*/
    .next-header .header__logo{ padding:0; text-align:left; }
    .next-header .header__logo img{ width:auto; }

    /*検索*/
    .next-header .header__search{ float:left; width:100%; margin:5px 50px 0 0; }
    .next-header .header__search a{ display:block; padding:0; color:#fff; }
    .next-header .header__search-icon:before{ display:inline-block; }
        /*spのみをリセット*/
        .next-header .search-nav-icon.sp-only{ display:none; }
        .next-header .search-nav__block{ display:block; padding:0; background:none; }

    /*検索ボックス*/
    .next-header .search-box input[type=text]{ width:240px; margin-bottom:0; padding:0.25em 0.5em; box-sizing:border-box; }

    /*カートボタン*/
    .next-header .header__cart{ margin:1px 0 0 16px; }
    
    /*nav*/
    .next-header .header__nav{ display:block; }
}

/*コンテンツ*/
.next-header-contents{ margin:16px 0 48px; }

/*お知らせ*/
.attention-information__inner--next{ margin-bottom:16px; }

/*ブランドバナー*/
.header-brand-banner{ width:819px; margin:0 auto 16px; }
.header-brand-banner__list{}
    .header-brand-banner__list:after{ content:""; display:block; clear:both; }
    .header-brand-banner__item{ float:left; width:33%; max-width:270px; margin-bottom:8px; text-align:center; }
    .header-brand-banner__item:nth-child(3n-1){ margin-left:0.5%; }
    .header-brand-banner__item:nth-child(3n){ float:right; }
        .header-brand-banner__item a{ display:block; }
            .header-brand-banner__item a:hover{ text-decoration:none; }
        .header-brand-banner__item img{ width:100%; border:1px solid #eee; box-sizing:border-box; }    

/*side*/
/*レスポンシブ用のスマホレイアウトリセット*/
@media screen and (max-width:750px) {    
    .next-side .side{ padding:0; margin-bottom:0; }
    /*title*/
    .next-side .side-title__heading{ font-size:1.15em; font-weight:400; }
    .next-side .side-title__catch{ margin-left:8px;  }
    /*memu*/
    .next-side .side__menu-inner{ padding-bottom:0px; }
    .next-side .side__menu-inner ul li ul li a{ display:block; padding:0; }

    /*バナー*/
    .next-side .side__banner ul{ margin-bottom:20px; }
    .next-side .side__banner ul li img{ width:100%; max-width:150px; }
    .next-side .side__banner-item{ display:block; width:100%; margin-right:0; }
}

/*===============================================================
縦長バナー
===============================================================*/
.length-banner__wrap { position:fixed; top:0; right:0; width:100px; height:9999px; }
    @media screen and (max-width:750px) { .length-banner__wrap{ display:none; } }
    .length-banner__item-01 a{ display:block; width:100px; height:9999px; background:url(""); }
    .length-banner__item-02 a{ display:block; width:100px; height:9999px; background:url(""); }
    .length-banner__item-03 a{ display:block; width:100px; height:9999px; background:url(""); }
    
    
    /*===============================================================
モーダルバナーバナー
===============================================================*/
input#modal {
	display: none;
}
input#modal + label {
	width: 100%;
	height: 120%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2147483646;
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
}
input#modal + label div {
	position: fixed;
	width: 300px; /*画像の横幅*/
	top: 50%;
	left: 50%;
	margin: -217px 0 0 -150px; /*画像の高さと幅の半分 marginをマイナス */
	background: none;
	border: none;
}
input#modal + label div::before {
	content: "× Close";
	position: absolute;
	bottom: -25%;
	right: 50%;
	margin: 0 -60px 0 0;
	font-size: 3em;
	font-weight: bold;
	color: #ffffff;
}
input#modal:checked + label {
	display: none;
}