@charset "utf-8";
/*------------------------------------------------------------------
2. パソコン(>=992px and <=1199px)
3. タブレット大(>=768px and <=992px)
4. タブレット小(>=481px and <=767px)
5. スマートフォン(<=480px)
6. スマートフォン小(<=320px)ff3366*/
/*---------------------------------
[2. パソコン(>=993px and <=1200px)]
-----------------------------------*/
@media (min-width:993px) and (max-width:1200px) {
.nav-menu { top:100px; }
div.bg_wrap .nav-menu { top:54px; }
/*ヘッダーカテゴリオープン*/
.fa{display:block;}
/*クーポン*/
div.coupon .main_text { padding:45px 50px 35px 15px; }
div.coupon .title { font-size:24px; }
.yyc-day, .yyc-hou, .yyc-min, .yyc-sec { font-size:18px; }
/*カテゴリのボタン*/
ul.nav_btn li a { font-size:12px; }
/*カテゴリ*/
.nav-menu .nav > li > a { padding:7px 7px; font-size:12px; }
.box-vertical-megamenus .vertical-menu-list li {font-size:12px;}
/*5カラム*/
.brand_5cal_wrap { padding:0; }
/*5カラムiframe*/
.iframe_5cal iframe { height:282px; }
/*カテゴリコンテンツ*/
/*8カラム*/
div.iframe_8cal iframe { height:685px; }
.product-featured .product-featured-content .product-featured-list { margin-left:20%; }
.main-header .header-search-box { padding-left:0; width:50%; }
.main-header .shopping-cart-box { float:right; width:25%; }
.box-vertical-megamenus .vertical-menu-content { display:none; }
.home .box-vertical-megamenus .vertical-menu-content { display:none; }
#home-slider .slider-left { display:none; }
#home-slider .header-top-right { width:100%; margin:0; border-top:none; padding:0 15px; }
/*スライダー上ボーダー*/
#home-slider .header-top-right .homeslider, #home-slider .header-top-right .header-banner { border-top:3px solid #649430; }
.service .service-item { padding:0; overflow:hidden; }
.service .service-item .info { width:100%; padding:0; margin:0; text-align:center; }
/** MAIN MENU **/
#main-menu .navbar .navbar-nav>li>a { padding:0 10px; }
}
/*-------------------------------------
[3.タブレット大(>=768px and <=992px)]
--------------------------------------*/
@media (min-width:768px) and (max-width:992px) {
.nav-ontop #main-menu .nav { padding-left:12%; }
.fa{display:block;}
/*ヘッダーナビ*/
#main-menu .nav { width:100%; padding-left:24%; }
/**/
p.discription { font-size:11px; }
/*年代別*/
div.bg_wrap .mega_top ul.navbar-nav { padding-left:0!important; }
li.title { padding:0!important; }
/*boots*/
.col-sm-3 { width:24%; }
.col-sm-9 { width:100%; }
/*グレー背景*/
div.bg_wrap div.iframe_5cal iframe { height:242px; }
/*エレベーター部分*/
.category-featured .navbar { min-height:0px; margin-bottom:0px; }
ul.nav_btn li a { font-size:10px; letter-spacing:-0.5px; }
ul.nav_btn img { margin-left:5px; }
/*5カラム（ランキング）*/
.iframe_5cal iframe { height:280px; }
.brand_5cal_wrap { margin-bottom:50px; }
ul.ranking_ic img { width:20%; }
/*クーポン*/
div.coupon .main_text { text-align:center; padding:45px 80px 30px 80px; }
.staff{width:150px;}
.staff img{margin-bottom:15px;}
/*ボックスタブナビ部分*/
.nav-menu { position:static; width:100%; }
div.category-featured ul.navbar-nav { width:100%; min-height:0px!important; }
.nav-menu .nav>li { float:none; display:inline-block; padding:0; }
/*各ブランドロゴ部分*/
.bland_logo { display:none!important; }
/*BLANDの各カテゴリタブ*/
.nav-menu .nav > li > a { padding:7px 7px; font-size:11px; }
.nav-menu .nav>li.title>a { padding:7px 5px 7px 5px; }
/*BLANDのiframe*/
.iframe_8cal iframe { height:568px!important; }
/*カテゴリー*/
.home .box-vertical-megamenus .vertical-menu-content { display:none; }
.vertical-megamenus-ontop .box-vertical-megamenus .vertical-menu-content { display:block; }
.top-header a { border-right:1px solid #E0E0E0; padding-right:5px; margin-left:5px; }
.main-header .logo { width:100%; text-align:center; }
.main-header .header-search-box { padding-left:30px; padding-right:15px; }
.main-header .shopping-cart-box { margin-left:0; width:37.667%; }
.box-vertical-megamenus { padding-bottom:0; }
.box-vertical-megamenus .vertical-menu-content { min-width:270px; display:none; }
#home-slider .slider-left { display:none; }
.header-top-right .header-banner { display:none; }
.header-top-right { margin-left:0; padding:0 15px; width:100%; border-top:none; }
.header-top-right .homeslider .content-slide { margin-right:0; }
/*4つ文字が並んでいる箇所の大枠*/
.service { padding:20px 0 0 0; }
.service .service-item { padding:0 10px; width:50%; border-right:0; }
/*4つ文字が並んでいる箇所それぞれ*/
.service .service-item .info { width:100%; padding-left:0; text-align:center; margin-left:0; margin-bottom:20px; }
/*ブランド*/
h2.contents_title { padding:20px 0; }
.page-top .page-top-left { width:100%; }
.category-banner { display:block; }
.show-brand .navbar-brand { padding:0px 0px 0px 10px; }
.header-top-right .homeslider { width:100%; }
.product-featured .banner-featured { display:block; }
.product-featured .product-featured-content .product-featured-list { margin-left:0; }
/** MAIN MENU **/
#main-menu .navbar .navbar-nav>li>a { padding:0 5px; font-size:12px; }
}

/*--------------------------------------
[4. タブレット小(>=481px and <=767px)]
---------------------------------------*/
@media (min-width:481px) and (max-width:767px) {
.home .box-vertical-megamenus .vertical-menu-content { display:none; }
.box-vertical-megamenus .title { margin-top:0px; }
.category-featured>.nav-menu>.container { padding-left:0; }
.top-banner { display:none; }
/*ヘッダー上部テキスト*/
.top-header .nav-top-links, .top-header .user-info, .top-header .support-link { width:100%; float:left; line-height:2; }
.main-header { padding:10px 0; }
.main-header .logo { text-align:center; }
.main-header .header-search-box { width:100%; padding-left:15px; padding-right:15px; }
.main-header .header-search-box .form-inline .form-category { display:none; }
.main-header .header-search-box .form-inline .input-serach { width:calc(100% - 50px); padding-top:10px; }
.main-header .shopping-cart-box { padding-left:15px; padding-right:15px; margin-left:0; width:100%; }
#box-vertical-megamenus { width:50%; height:50px; float:left; }
#box-vertical-megamenus .box-vertical-megamenus { right:0px; padding-bottom:0; }
.box-vertical-megamenus { }
.box-vertical-megamenus .vertical-menu-content { border-right:1px solid #eee; display:none; }
.box-vertical-megamenus .vertical-menu-content ul li:hover .vertical-dropdown-menu { visibility:hidden; display:none; }
.box-vertical-megamenus .vertical-menu-content ul li a.parent:before { display:none; }
.popular-tabs .nav-tab li { padding:0; }
#home-slider .header-banner { display:none; }
#home-slider .header-top-right { padding-right:15px; padding-left:15px; margin:0; border-top:none; }
.header-top-right .homeslider { width:100%; }
#home-slider .header-top-right .homeslider .content-slide { margin-right:0; }
#home-slider .slider-left { display:none;}
.service { display:none; }
.nav-menu .navbar-brand, .nav-menu .toggle-menu { display:block; }
.nav-menu .navbar-collapse { position:absolute; left:0px; right:0px; top:50px; margin-right:0; margin-left:0; padding:0; }
.nav-menu .navbar-collapse { margin-top:0; }
.nav-menu .nav>li>a { padding:5px 15px; }
.nav-menu .navbar-brand { padding-left:30px; }
.popular-tabs .nav-tab li { width:100%; float:left; }
.navbar-nav { margin:7.5px 0; }
/*カテゴリ*/
.fa{display:block;}
/*年代別*/
div.bg_wrap .mega_top ul.navbar-nav{background:transparent;}
div.bg_wrap div.iframe_5cal iframe { height:241px; }
.mega_top .container-fluid { padding:0!important; }
.mega_top .navbar-header, .mega_top .navbar-collapse { margin:0!important; }
div.bg_wrap .mega_top .navbar-nav>li:hover, div.bg_wrap .mega_top .navbar-nav>li.active { background: #eaeaea!important; }
div.bg_wrap .mega_top .navbar-nav>li:hover a, div.bg_wrap .mega_top .navbar-nav>li.active a { color:#000!important; }
div.bg_wrap .mega_top ul.navbar-nav li.active { background: #eaeaea!Important; }

/*EVENT & PICKUP*/
ul.title_bar { overflow:hidden; border:none; }
ul.title_bar li { width:100%; float:left; padding:0; }
.container { padding-left:15px; padding-right:15px; }
/*ほぐしや本舗について*/
div.about_us ul li { float:none; width:100%; }
div.about_us ul li:last-child { width:100%; margin:3% 0; }
/*スタッフ*/
.staff { margin-left:10%; }
/*クーポン*/
div.coupon .main_text { text-align: center; padding: 50px 0 35px; }
/*ランキング*/
div.brand_5cal_wrap { padding: 0; }
.iframe_5cal iframe { height: 241px; }
ul.ranking_ic img { width: 20%; }
/*ブランド*/
h2.contents_title { padding: 20px 0; }
/*ボックスタブのバナー*/
.category-banner { display: block; }
/*エレベーターボタン*/
.nav_btn .tav_hidden { display: none; }
.nav_btn .active { width: 100%!important; }
.category-banner .banner { width: 50%; float: left; }
.product-featured .banner-featured { display: none; }
.product-featured .product-featured-content .product-featured-list { margin-left: 0; }
/*.main-header .shopping-cart-box:hover .cart-block { opacity: 0; visibility: hidden; }*/
.product-featured .product-featured-content { width: 100%; }
/** メインメニュー **/
#main-menu .navbar-header { display: block; margin: 0; background: #649430; color: #fff; margin-left: 15px; }
#main-menu .navbar-header .navbar-brand { padding: 0; padding-left: 10px; line-height: 50px; color: #fff; font-size: 14px; font-weight: bold; }
#main-menu .navbar-header .fa { line-height: inherit; color: #fff; font-size: 17px; }
#main-menu .navbar-header .navbar-toggle { border: none; padding: 0; margin-top: 12px; }
#main-menu .navbar-default .navbar-toggle:focus, #main-menu .navbar-default .navbar-toggle:hover { background: none; }
#main-menu .navbar-collapse { padding: 0 15px; margin-left: 15px; margin-right: 0px; background: #eee; }
#main-menu .container-fluid { padding-right: 15px; padding-left: 15px; }
#main-menu .navbar-collapse.in { overflow-y: inherit; }
#main-menu .navbar .navbar-nav>li { border-bottom: 1px solid #cacaca; }
#main-menu .navbar .navbar-nav>li:hover, #main-menu .navbar .navbar-nav>li.active { background: none; }
#main-menu .navbar .navbar-nav>li>a { margin: 0; padding: 10px; border-right: none; position: relative; }
#main-menu .navbar .navbar-nav>li:hover>a, #main-menu .navbar .navbar-nav>li.active>a { color: #333; border-right: 1px solid transparent; }
#main-menu .dropdown-menu { position: inherit; opacity: 1; visibility: inherit; display: none; }
#main-menu li.dropdown>a:after { position: absolute; top: 9px; right: 10px; }
#main-menu .dropdown.open >.dropdown-menu { display: block; }
#main-menu li.dropdown:before { display: none; }
#main-menu li.dropdown:hover:before { display: none; }
#main-menu .navbar-nav > li> .mega_dropdown { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); width: 100%!important; left: 0!important; top: 0; padding: 15px 0; border: 1px solid #eee; }
#main-menu .dropdown-menu { border: 1px solid #eee; }
#main-menu .dropdown-menu.container-fluid { padding: 15px; border: 1px solid #eee; }
/*各ブランドのタブ*/
.nav-menu { width: 100%;top:88px; }
.bland_logo { display: none!important; }
.category-featured .navbar-nav { margin: 7.5px 0; }
/*各ブランドの中身*/
.product-featured { margin-top: 75px!important; }
.iframe_8cal iframe { height: 566px!Important; }
}
/*------------------------------
[5. スマートフォン(<=480px)]
--------------------------------*/
@media (max-width: 480px) {
/*ヘッダー上部*/
.main-header { padding: 10px 0; }
/*ヘッダー上部テキスト*/
.top-header .nav-top-links, .top-header .user-info, .top-header .support-link { line-height: 2; font-size: 10px; letter-spacing: -0.5px; }
/*会社概要等*/
.top-header .support-link a { color: #333; background-color: #e7e7e7; text-align: center; padding: 1px 15px; margin-left: 6px; display: inline-block; margin-bottom: 7px; }
.top-header a { padding-right: 25px; }
p.discription { text-align: center; }
p.discription .sp { display: block; }
/*自己紹介*/
div.about_us ul li { width: 100%; float: none; }
div.about_us ul li:last-child { width: 100%; }
/*バナーが３つならんでいる箇所*/
ul.bnr_3cal li:nth-child(2) { margin: 0; }
ul.bnr_3cal li { width: 100%; float: none; margin: 5% 0; }
ul.bnr_3cal li img { width: 100%; }
/*文字が４つならんでいる箇所*/
.service { padding: 0; }
.service .service-item { padding: 10px; border-right: none; overflow: hidden; width: 100%; }
/*ランキング*/
div.brand_5cal_wrap { padding: 0; margin-bottom: 20px; }
ul.ranking_ic li { width: 33.33333%; }
ul.ranking_ic img { width: 20%; }
.sp_hidden { display: none; }
li.bland_logo { display: none; }
.top-banner { display: none; }
.top-header .nav-top-links, .top-header .user-info, .top-header .support-link { width: 100%; float: left; }
.main-header .logo { text-align: center; margin-top: 10px; }
/*タイトル　not tab*/
ul.title_bar { padding-bottom: 10px; }
/*ランキングのiframe*/
.iframe_5cal iframe { height: 205px; }
/*スマホ　検索窓wrap*/
.main-header .header-search-box { width: 100%; padding-left: 15px; padding-right: 15px; margin-top: 15px; }
.main-header .header-search-box .form-inline .form-category { display: none; }
.main-header .header-search-box .form-inline .input-serach { width: calc(100% - 50px); padding-top: 10px; }
/*スマホ　買い物カゴwrap*/
.main-header .shopping-cart-box { padding-left: 15px; padding-right: 15px; margin-left: 0; width: 100%; margin-top: 15px; }
/*クーポン*/
div.coupon .main_text { padding: 45px 20px 45px 0; text-align: center; }
/*スタッフ*/
.staff { margin: 20px auto; text-align: center; }
.staff img { margin-bottom: 20px; }
/*メインメニュー*/
.navbar-nav { margin: 7.5px 0; }
.nav-top-menu { background: transparent; }
/*カテゴリ*/
#box-vertical-megamenus { width: 50%; height: 50px; float: left; }
#box-vertical-megamenus .box-vertical-megamenus { right: 0px; padding-bottom: 0; }
/*カテゴリオープンボタンその他用隠す*/
.sp_hidden { display: none; }
.fa-bars:after { color: #fff; content: ""; }
/*カテゴリのiframe*/
.iframe_8cal iframe { height: 1037px!important; }
/*カテゴリオープンするところ*/
.box-vertical-megamenus .vertical-menu-content { border-right: 1px solid #eee; border-top: none; display: none; }
.box-vertical-megamenus .title { color: #fff; padding-left: 10px; padding-right: 10px; }
#box-vertical-megamenus .vertical-menu-content { min-width: 290px; display: none; }
.box-vertical-megamenus .vertical-menu-content ul li:hover .vertical-dropdown-menu { visibility: hidden; display: none; }
.box-vertical-megamenus .vertical-menu-content ul li a.parent:before { display: none; }
.popular-tabs .nav-tab li { padding: 0; }
#home-slider .header-banner { display: none; }
#home-slider .header-top-right { padding-right: 15px; padding-left: 15px; margin: 0; border-top: none; }
.header-top-right .homeslider { width: 100%; }
#home-slider .header-top-right .homeslider .content-slide { margin-right: 0; }
#home-slider .slider-left { display:none;}
/*文字が４つ並んでいる箇所*/
.service { display: block; }
/**/
.nav-menu .navbar-brand, .nav-menu .toggle-menu { display: block; }
.nav-menu .navbar-collapse { position: absolute; right: 0px; top: 37px; margin-right: 0; margin-left: 0; padding: 0 15px; left: 0; right: 0; }
.nav-menu .navbar-collapse>ul { margin-top: 0; }
.nav-menu .navbar-brand { margin-left: -10px; }
/*スマホ　EVENT & PICKUP*/
ul.title_bar { border: none; }
ul.title_bar li { width: 100%; float: left; padding: 0; }
/*スマホ　タブ*/
.popular-tabs .nav-tab li { width: 100%; float: left; }
.content-page { margin-top: 0; }
.container { padding-left: 15px; padding-right: 15px; }
.category-banner { display: block; }
/*ブランド*/
h2.contents_title { padding: 15px 0; }
/*ブランドバナー*/
.product-featured .banner-featured { display: block; }
.product-featured .product-featured-content .product-featured-list { margin-left: 0; }
.product-featured .product-featured-content { width: 100%; }
.latest-deals { padding-bottom: 15px; }
/*.main-header .shopping-cart-box:hover .cart-block { opacity: 0; visibility: hidden; }*/
.category-featured>.nav-menu>.container { padding-left: 0; }
.nav-menu .nav>li>a { padding: 5px 15px; }
/** スマホメインメニュー **/
#main-menu .navbar-header { display: block; margin: 0; background: #649430; color: #fff; margin-left: 15px; }
#main-menu .navbar-header .navbar-brand { padding: 0; padding-left: 10px; line-height: 50px; color: #fff; font-size: 14px; font-weight: bold; }
#main-menu .navbar-header .fa { line-height: inherit; color: #fff; font-size: 17px; }
/*カテゴリオープンボタン*/
.fa:after { content: "+"; }
#main-menu .navbar-header .navbar-toggle { border: none; padding: 0; margin-top: 12px; }
#main-menu .navbar-default .navbar-toggle:focus, #main-menu .navbar-default .navbar-toggle:hover { background: none; }
#main-menu .navbar-collapse { padding: 0 15px; margin-left: 15px; margin-right: 0px; background: #eee; }
#main-menu .container-fluid { padding-right: 15px; padding-left: 15px; }
#main-menu .navbar-collapse.in { overflow-y: inherit; }
#main-menu .navbar .navbar-nav>li { border-bottom: 1px solid #cacaca; }
#main-menu .navbar .navbar-nav>li:hover, #main-menu .navbar .navbar-nav>li.active { background: none; }
#main-menu .navbar .navbar-nav>li>a { margin: 0; padding: 10px; border-right: none; position: relative; }
#main-menu .navbar .navbar-nav>li:hover>a, #main-menu .navbar .navbar-nav>li.active>a { color: #333; border-right: 1px solid transparent; }
#main-menu .dropdown-menu { position: inherit; opacity: 1; visibility: inherit; display: none; }
#main-menu li.dropdown>a:after { position: absolute; top: 9px; right: 10px; }
#main-menu .dropdown.open >.dropdown-menu { display: block; }
#main-menu li.dropdown:before { display: none; }
#main-menu li.dropdown:hover:before { display: none; }
#main-menu .navbar-nav > li> .mega_dropdown { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); width: 100%!important; left: 0!important; top: 0; padding: 15px 0; border: 1px solid #eee; }
#main-menu .dropdown-menu { border: 1px solid #eee; }
#main-menu .dropdown-menu.container-fluid { padding: 15px; border: 1px solid #eee; }
/*各ブランドバナーwrap*/
.category-banner .banner { width: 100%; margin: 0px 0 0; }
/*エレベーター部分*/
.nav_btn li.active { width: 100%!important; }
/*ブランドカテゴリー*/
.nav-menu { width: 100%; top: 125px; }
/*ブランドコンテンツ*/
.product-featured { margin-top: 50px; }
/*隠す*/
.bland_logo { display: none; }
.tav_hidden { display: none; }
/*ランキング*/
.brand_5cal_wrap { margin-top: 30px; }
/*バナーが３つ続いている箇所*/
ul.bnr_3cal { margin: 0 0 30px; }
/*背景grayナビ部分*/
div.bg_wrap .nav-menu { top: 212px; }
/*背景gray iframe部分*/
div.bg_wrap div.iframe_5cal { height: 205px; min-height: 205px; }
div.bg_wrap div.iframe_5cal iframe { height: 205px; }
/*トップへ戻るボタン*/
.scroll_top { bottom: 15px; right: 15px; }
/*年代別*/
.mega_top .container-fluid { padding: 0!important; }
.mega_top .navbar-header, .mega_top .navbar-collapse { margin: 0!important; }
div.bg_wrap .mega_top .navbar-nav>li:hover a, div.bg_wrap .mega_top .navbar-nav>li.active a { color: #fff!important; }
}
/*8カラムiframe用*/
@media (max-width: 366px) {
.iframe_8cal iframe { height: 937px!important; }
}
@media (max-width: 320px) {
.box-vertical-megamenus .title { margin-top: 0; }
.nav-menu { top: 111px; }
div.brand_5cal_wrap { margin-bottom: 0; margin-top: 20px; }
.iframe_5cal iframe { height: 205px; }
.product-featured { margin-top: 50px; }
div.bg_wrap .nav-menu { top: 192px; }
div.bg_wrap .tab-container .tab-panel { height: 205px; }
div.bg_wrap div.iframe_5cal iframe { height: 205px; }
}