@charset "utf-8";
/* ---------------- [1. Common styles] */
html { height: 100%; }
body { font-family: "メイリオ", meiryo, 'Arial', sans-serif; font-size: 12px; overflow-x: hidden; -webkit-font-smoothing: antialiased; height: 100%; }
img { max-width: 100%; }
body.is-ontop { margin-top: 53px; }
h1 { font-size: 13px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
a { color: #666; }
a:hover { color: #649430; text-decoration: none; transition: all 0.25s; }
a img:hover { opacity: 0.8; transition: all 0.25s; }
a:focus { text-decoration: none; }
/*ロゴ*/
.main-header .logo { background: url(../images/logo.jpg) no-repeat center; min-height: 70px; text-align: center; background-size: contain; }
.main-header .logo a { font-weight: bold; display: inline-block; margin-top: 10px; }
/*カテゴリオープン*/
.fa { line-height: inherit; display: none; }
.fa img { vertical-align: middle; }
.clearfix:before { content: ""; display: table; }
/*グレーの背景*/
div.bg_wrap { background: #eaeaea; padding: 40px 0;margin-bottom:50px; }
/*小アイコン*/
img.ic_small { margin: 0px 3px 0 6px; vertical-align: text-top; }
.container { padding-left: 0; padding-right: 0; position: relative; }
.banner-opacity { position: relative; }
.banner-opacity a:before { display: block; position: absolute; -webkit-transition: all 0.1s ease-in 0.1s; transition: all 0.1s ease-in 0.1s; background: rgba(0,0,0,0.1); opacity: 0; filter: alpha(opacity=0); left: 0px; top: 0px; content: ""; height: 0%; width: 100%; left: 0%; top: 50%; }
.banner-opacity a:hover:before { opacity: 1; filter: alpha(opacity=1); -webkit-transition: all 0.2s ease-in 0.1s; transition: all 0.2s ease-in 0.1s; height: 100%; left: 0%; top: 0%; }
.tab-container { position: relative; }
.tab-container .tab-panel { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; }
.tab-container .active { opacity: 1; visibility: inherit; position: inherit; -vendor-animation-duration: 0.3s; -vendor-animation-delay: 1s; -vendor-animation-iteration-count: infinite; }
/*バナーにマウスオーバーでズーム黒*/
.banner-boder-zoom { position: relative; overflow: hidden; }
.banner-boder-zoom a:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; display: block; z-index: 10; background-color: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.2); opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.banner-boder-zoom a:after { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; content: ""; display: block; z-index: 10; border: 1px solid #fff; opacity: 0; }
.banner-boder-zoom a img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.banner-boder-zoom:hover a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.banner-boder-zoom:hover a:before { opacity: 1; }
.banner-boder-zoom:hover a:after { opacity: 0; }
/* ----------------
 ヘッダー
 ------------------*/
 /*楽天市場磁気アクセサリ〜〜*/
p.discription { width: 100%; text-align: right; }
.nav-ontop { position: fixed; top: 0px; left: 0px; width: 100%; padding-bottom: 0px; height: 50px; background: #eee; z-index: 101; box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.1); }
/*コリのお悩み*/
li.headline { background: #eee; font-size: 15px; font-weight: bold; padding: 3px 20px; }
.nav-ontop span.notify-right { top: 2px; }
.nav-ontop>.container { position: relative; }
.nav-ontop #box-vertical-megamenus { width: 80px; padding: 0; }
.nav-ontop #box-vertical-megamenus .title { background: #eee; color: #999; padding: 0; overflow: hidden; border-left: 1px solid #eaeaea; }
.nav-ontop #box-vertical-megamenus .title.active { background: #fff; }
.nav-ontop #box-vertical-megamenus .title .btn-open-mobile { margin-right: 15px; }
.nav-ontop #box-vertical-megamenus .title .title-menu { display: none; }
.nav-ontop #box-vertical-megamenus .vertical-menu-content { min-width: 270px; position: absolute; display: none; border-top: none; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; padding-bottom: 15px; border-left: 1px solid #eaeaea; }
.nav-ontop #box-vertical-megamenus .vertical-menu-content .vertical-menu-list { border-left: none; }
#shopping-cart-box-ontop .fa { line-height: 50px; cursor: pointer; font-size: 20px; text-align: center; width: 100%; color: #999; }
#shopping-cart-box-ontop .shopping-cart-box-ontop-content { position: absolute; right: 0; top: 100%; }
#shopping-cart-box-ontop:hover .cart-block { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; visibility: visible; }
#user-info-opntop { width: 50px; height: 50px; position: absolute; top: 0; right: 50px; }
#user-info-opntop .dropdown { height: 50px; }
#user-info-opntop .dropdown-menu { border-radius: 0; border: none; top: 48px; right: 0; left: auto; border-top: 2px solid #ff3366; transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; opacity: 0; display: block; transform: translateY(50px); -webkit-transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); -khtml-transform: translateY(50px); z-index: 0; visibility: hidden; }
#user-info-opntop .dropdown.open >.dropdown-menu { transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); -khtml-transform: translateY(0px); opacity: 1; z-index: 2; visibility: inherit; }
/*ヘッダーがfixedしたときの検索窓wrap*/
#shopping-cart-box-ontop { width: 50px; height: 50px; position: absolute; top: 0; right: 100px; display: none; }
/*ヘッダーがfixedしたときの検索窓*/
#form-search-opntop { position: absolute; top: 0; right: 0px; height: 50px; }
#form-search-opntop .form-category { display: none; }
/**/
#form-search-opntop form { margin-top: 10px; border: 1px solid transparent;/*  padding-right: 10px;*/ }
/*スクロールした時の検索窓*/
#form-search-opntop .btn-search:before { content: "　"; height: 30px; width: 30px; display: block; padding: 10px 3px 3px 3px; background: #659431 url(../images/ic_search.png) no-repeat center center; background-size: 65%; }
#form-search-opntop .input-serach { height: 30px; padding: 5px 5px 0 15px; }
#form-search-opntop .input-serach input { width: 0px; -webkit-transition: width 1s ease-in-out; -moz-transition: width 1s ease-in-out; -o-transition: width 1s ease-in-out; transition: width 1s ease-in-out; }
#form-search-opntop:hover form { border: 1px solid #dfdfdf; background: #fff; }
#form-search-opntop:hover .input-serach input { width: 220px; }
/*ヘッダー上*/
.top-header { background: #f6f6f6; }
.top-header .nav-top-links, .top-header .language, .top-header .currency, .top-header .user-info, .top-header .support-link, .top-header .top-header .support-link { float: right; }
.top-header img { display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 5px; }
.top-header a { padding-right: 10px; margin-left: 10px; }
.top-header a.first-item { margin-left: 0; }
.top-header .dropdown { width: auto; display: inline-block; }
.top-header .dropdown-menu { border-radius: 0; border: none; top: 100%; left: 0; border-top: 2px solid #ff3366; transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; opacity: 0; display: block; transform: translateY(50px); -webkit-transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); -khtml-transform: translateY(50px); z-index: 0; visibility: hidden; }
.top-header .dropdown.open >.dropdown-menu { transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); -khtml-transform: translateY(0px); opacity: 1; z-index: 2; visibility: inherit; }
.top-header .dropdown-menu a { border: none; margin: 0; padding: 0; padding: 5px 10px; }
/*メインヘッダー*/
.main-header { padding: 20px 0 30px 0; }
.main-header .header-search-box { margin-top: 17px; padding-left: 80px; padding-right: 45px; }
.main-header .header-search-box .form-inline { height: 41px; border: 1px solid #eaeaea; position: relative; }
.main-header .header-search-box .form-inline .form-category { background: #f6f6f6; height: 39px; }
.main-header .header-search-box .form-inline .select2 { border-right: 1px solid #eaeaea; min-width: 152px; height: 40px; }
.main-header .header-search-box .form-inline .select2 .select2-selection { border: none; background: transparent; margin-top: -1px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 41px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 6px; right: 15px; background-image: url(../images/arrow_r_off.png); background-repeat: no-repeat; background-position: center right; }
.select2-dropdown { border: 1px solid #eaeaea; }
.select2-container--open .select2-dropdown { left: -1px; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-left: 15px; }
.main-header .header-search-box .form-inline .input-serach { width: calc(100% - 200px); }
.main-header .header-search-box .form-inline .input-serach input { border: none; padding-left: 15px; width: 100%; }
/*検索窓ボタン*/
.main-header .header-search-box .form-inline .btn-search { width: 41px; height: 41px; background: #649430 url("../images/ic_search.png") no-repeat center center; border: none; border-radius: 0; color: #fff; font-weight: bold; position: absolute; top: -1px; right: -1px; }
.main-header .header-search-box .form-inline .btn-search:hover { opacity: 0.8; }
.main-header .shopping-cart-box { margin-top: 17px; margin-top: 17px; padding: 0; margin-right: 15px; margin-left: -15px; line-height: normal; }
.main-header .shopping-cart-box:hover .cart-block { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; visibility: visible; }
/*ショッピングカートの文字*/
.main-header .shopping-cart-box a.cart-link { height: 41px; width: 100%; border: 1px solid #eaeaea; display: block; position: relative; padding: 10px 41px 0 15px; }
.main-header .shopping-cart-box a.cart-link:hover:after { opacity: 0.8; }
.main-header .shopping-cart-box a.cart-link .title { width: 100%; float: left; text-transform: uppercase; font-weight: bold; margin-top: 2px; }
/*買い物カゴ*/
.main-header .shopping-cart-box a.cart-link:after { content: ''; width: 41px; height: 41px; background: #649430 url('../images/ic_cart.png') no-repeat center center; position: absolute; top: -1px; right: -1px; }
.cart-block { position: absolute; top: 100%; right: -1px; z-index: 1002; max-height: 500px; overflow-y: auto; background: #FFF; color: #666; width: 300px; opacity: 0; -webkit-box-shadow: 0px 4px 7px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 4px 7px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 4px 7px 0px rgba(50, 50, 50, 0.2); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; -webkit-transform: translate(0, 40px); -moz-transform: translate(0, 40px); -o-transform: translate(0, 40px); -ms-transform: translate(0, 40px); transform: translate(0, 40px); opacity: 0; display: block; visibility: hidden; }
/*-----------------
 [ 3.4 メインメニュー]
 */
.nav-top-menu { background: #eee; }
/*-----------------
 [ 3.4.1 メインメニュー　カテゴリ]
 */
.box-vertical-megamenus { position: absolute; left: 15px; right: 15px; z-index: 1000; background: #fff; }
.box-vertical-megamenus .title { background: #000; color: #fff; height: 50px; line-height: 50px; text-transform: uppercase; font-weight: bold; font-size: 14px; padding-left: 20px; padding-right: 20px; letter-spacing: 1px; overflow: hidden;}
.box-vertical-megamenus .title .btn-open-mobile>.fa { line-height: inherit; }
.box-vertical-megamenus .title .btn-open-mobile { font-size: 17px; cursor: pointer; line-height: 50px; }
/*カテゴリのボーダー*/
.box-vertical-megamenus .vertical-menu-content { border-top: 5px solid #649430; border-bottom: 1px solid #eee; background: #fff; display: none; padding-bottom: 15px; }
.home .box-vertical-megamenus .vertical-menu-content { display: block; }
.box-vertical-megamenus .vertical-menu-list { border-left: 1px solid #eaeaea; }
/*カテゴリ*/
.box-vertical-megamenus .vertical-menu-list li { display: block; line-height: 34px; margin-left: -1px; position: relative; font-size: 14px; }
/*カテゴリマウスオーバーしたとき*/
.box-vertical-megamenus .vertical-menu-list>li:hover { background: #649430; }
.box-vertical-megamenus .vertical-menu-list>li:hover>a { color: #fff; border-color: #FF3366; }
.box-vertical-megamenus .vertical-menu-list>li:hover>a.parent:before { color: #fff; }
/*カテゴリのa*/
.box-vertical-megamenus .vertical-menu-list>li>a { padding-left: 12px; line-height: 36px; display: block; }
/*カテゴリの矢印*/
.box-vertical-megamenus .vertical-menu-content ul>li>a.parent:before { display: inline-block; line-height: 1; content: "　"; position: absolute; top: 10px; right: 8px; background-image: url(../images/arrow_r_off.png); background-repeat: no-repeat; background-position: center center; }
.box-vertical-megamenus .vertical-menu-content ul>li>a.parent:after { position: absolute; background: #fff; height: 100%; top: 0; right: -2px; width: 2px; content: ' '; z-index: 2000; opacity: 0; }
.box-vertical-megamenus .vertical-menu-content ul > li:hover > a.parent:after { opacity: 1; }
.box-vertical-megamenus .vertical-menu-content ul li:hover .vertical-dropdown-menu { visibility: visible; display: block; height: auto; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; }
/*カテゴリの丸いアイコン*/
.box-vertical-megamenus .vertical-menu-content ul li img.icon-menu { vertical-align: middle; padding-right: 10px; }
.vertical-dropdown-menu { position: absolute; top: -15px; left: 100%; z-index: 900; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; -webkit-transition: all 0.45s ease-out 0s; -moz-transition: all 0.45s ease-out 0s; -o-transition: all 0.45s ease-out 0s; transition: all 0.45s ease-out 0s; -moz-transform: translate(100px, 0); -webkit-transform: translate(100px, 0); transform: translate(100px, 0); opacity: 0; display: block; visibility: hidden; -webkit-backface-visibility: hidden; height: 0; background: #fff; border: 1px solid #eaeaea; }
.vertical-dropdown-menu .vertical-groups { padding: 24px 15px; }
.vertical-dropdown-menu .mega-group-header { border-bottom: 1px solid #E8E8E8; font-size: 17px; margin-bottom: 10px; display: table; width: 100%; }
.vertical-dropdown-menu .mega-group-header span { padding-bottom: 10px; border-bottom: 1px solid #ff3366; float: left; margin-bottom: -1px; }
.vertical-dropdown-menu .group-link-default { border: none!important; padding: 0; margin: 0; padding-bottom: 10px; }
.vertical-dropdown-menu .group-link-default li { border: none!important; padding-left: 0!important; line-height: 28px!important; }
/*-----------------
 [ 3.4.2 Main menu]
 */
#main-menu { padding: 0; margin-left: -15px; }
#main-menu .container-fluid { padding: 0; }
#main-menu .navbar-header { display: none; }
#main-menu .navbar { border: none; margin: 0; background: none; }
#main-menu .navbar-collapse { padding: 0; }
/*タブのul*/
div.category-featured ul.navbar-nav { width: 100%; min-height: 685px; }
#main-menu .navbar .navbar-nav>li>a { color: #333; margin: 15px 0; padding: 0; border-right: 1px solid #cacaca; padding: 0 22px; background: transparent!important; }
/*ナビゲーションのa*/
#main-menu .navbar .navbar-nav>li:last-child>a { border-right: none; }
#main-menu .navbar .navbar-nav>li:last-child>a:hover { background-color: transparent!important; }
/*ナビゲーション*/
#main-menu .navbar .navbar-nav>li:hover, #main-menu .navbar .navbar-nav>li.active { background: #649430; color: #fff; }
#main-menu .navbar .navbar-nav>li:hover>a, #main-menu .navbar .navbar-nav>li.active>a { color: #fff; border-right: 1px solid transparent; }
/*ナビゲーション*/
#main-menu .nav, #main-menu .collapse, #main-menu .dropup, #main-menu .dropdown { position: static; font-size: 14px; }
#main-menu .dropdown-menu { border-radius: 0; min-width: 200px; border-top: none; left: auto; padding: 30px 15px; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; -webkit-transform: translate(0, 40px); -moz-transform: translate(0, 40px); -o-transform: translate(0, 40px); -ms-transform: translate(0, 40px); transform: translate(0, 40px); display: block; visibility: hidden; opacity: 0; background: #fff; }
#main-menu .dropdown-menu.container-fluid { padding: 15px 30px; }
#main-menu .navbar-nav > li:hover .dropdown-menu { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; visibility: visible; }
#main-menu .mega_dropdown .block-container { padding: 0 15px; }
/*ドロップダウン下矢印*/
#main-menu li.dropdown>a:after { content: "　"; vertical-align: 0; padding-left: 7px; background-image: url(../images/arrow_b.png); background-repeat: no-repeat; background-position: center center; }
#main-menu li.dropdown:hover a:after { background: none; }
#main-menu li.dropdown:before { content: "\f0de"; font-family: "FontAwesome"; font-size: 15px; color: #fff; padding-left: 7px; position: absolute; bottom: -13px; right: 48%; display: none; z-index: 1001; }
#main-menu li.dropdown:hover:before { display: none; }
/*年代別*/
div.bg_wrap ul.navbar-nav { min-height: 275px; }
div.bg_wrap .mega_top { margin-left: 0!important; }
div.bg_wrap .mega_top ul.navbar-nav { width: 100%; min-height: 50px; margin-left: 0!important; background: #fff; }
div.bg_wrap .mega_top ul.navbar-nav li.active { background: #000!Important; }
div.bg_wrap .mega_top .navbar-nav>li:hover, div.bg_wrap .mega_top .navbar-nav>li.active { background: #000!important; }
/*ランキングのタブ*/
div.bg_wrap .nav-menu { top: 65px; }
div.bg_wrap div.iframe_5cal { padding-top: 0; }
div.bg_wrap div.iframe_5cal iframe { height: 275px; }
/*---------------
[4.ボックスタブ
-----------------*/
/*タブのメニューが横にいるとき*/
.nav-menu { border: none; background: #649430; position: absolute; width: 20%; top: 115px; border-radius: 0; }
.nav-menu .container { width: 100%; }
.nav-menu .container-fluid { padding: 0; }
.nav-menu .navbar-collapse { z-index: 10000; padding: 0; margin: 0; border: none; }
.nav-menu .nav>li { float: none; }
.nav-menu .nav>li:last-child a { background-image: none; }
/*ボックスタブの各タブ部分*/
.nav-menu .nav>li>a { padding: 5px 25px; background: #649430; color: #fff; font-size: 14px; }
/*一番上のボックスタブ*/
.nav-menu .nav>li.title>a { background: #90B331; font-weight: bold; padding: 5px 0 5px 10px; }
.nav-menu .nav>li.title>a:hover { background: #90B331!important; }
.nav-menu .navbar-toggle { background: url('../images/bar.png') no-repeat left center; height: 50px; margin: 0; padding-right: 3px; }
.nav-menu .navbar-brand { font-size: 14px; font-weight: bold; display: none; text-transform: uppercase; }
.nav-menu .navbar-brand a { color: #fff; }
/*各ブランドの5カラムのwrap*/
.brand_5cal_wrap { padding: 0; margin-top: 50px; margin-bottom: 100px; float: none; }
/*ブランドメニューオープンボタン*/
.nav-menu .toggle-menu { line-height: 49px; max-height: 50px; position: absolute; top: 0; right: 10px; display: none; }
.nav-menu .toggle-menu:before { content: "+"; line-height: inherit; color: #fff; font-weight: bold; font-size: 40px; }
/*スライダー上のボーダー*/
.header-top-right { margin-left: -15px; padding: 0; border-top: 3px solid #649430; }
.header-top-right .homeslider { width: 74%; float: left; }
.header-top-right .header-banner { width: 26%; float: right; }
.header-top-right .header-banner img { width: 100%; height: auto; }
.header-top-right .homeslider img { width: 100%; height: auto; }
.header-top-right .homeslider .bx-wrapper .bx-viewport { -moz-box-shadow: 0; -webkit-box-shadow: 0; box-shadow: none; border: 0; left: 0; background: #fff; }
/*スライダー　次へ　前へ*/
.header-top-right .homeslider .bx-controls-direction .bx-prev, .header-top-right .homeslider .bx-controls-direction .bx-next { background: #649430 url(../images/arrow_r_on.png) no-repeat center; text-indent: 0px!important; color: #fff; font-size: 15px; text-align: center; line-height: 32px; -moz-transition: all 0.45s ease; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; -ms-transition: all 0.45s ease; transition: all 0.45s ease; position: absolute; opacity: 0; visibility: hidden; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.header-top-right .homeslider .bx-controls-direction .bx-prev { left: 50%; transform:rotate(180deg);}
.header-top-right .homeslider .bx-controls-direction .bx-next { right: 50%; }
.header-top-right .homeslider:hover .bx-controls-direction .bx-next { right: 10px; opacity: 1; visibility: inherit; }
.header-top-right .homeslider:hover .bx-controls-direction .bx-prev { left: 10px; opacity: 1; visibility: inherit; }
.header-top-right .homeslider .bx-controls-direction .bx-prev:hover, .header-top-right .homeslider .bx-controls-direction .bx-next:hover { opacity: 0.8; }
.header-top-right .homeslider .bx-wrapper:hover .bx-prev, .bx-wrapper:hover .bx-next { display: block; }
.header-top-right .homeslider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 10px; width: 100%; text-align: right; padding-right: 25px; }
.header-top-right .homeslider .bx-wrapper .bx-pager .bx-pager-item { width: 20px; height: 20px; border-radius: 90%; margin-right: 5px; line-height: 20px; }
.header-top-right .homeslider .bx-wrapper .bx-pager .bx-pager-item a { width: 100%; height: 100%; float: left; background: transparent; margin: 0; padding: 0; text-align: center; text-indent: 0px; border-radius: 90%; color: #666; border: 1px solid #999; padding-left: 1px; }
/*スライダーの番号*/
.header-top-right .homeslider .bx-wrapper .bx-pager.bx-default-pager a:hover, .header-top-right .homeslider .bx-wrapper .bx-pager.bx-default-pager a.active { background: #659431; color: #fff; border: 1px solid #fff; }
.bx-wrapper { margin: 0; }
/*ページトップ*/
.page-top { margin-top: 30px; }
/*ランキング・NEW ARRIVALのタブ*/
.popular-tabs .nav-tab { margin: 0; padding: 0; }
.popular-tabs .nav-tab { margin: 0; border-bottom: 1px solid #eaeaea; overflow: hidden; }
.popular-tabs .nav-tab li { list-style: none; display: inline; border-bottom: 5px solid #ccc; margin-right: 20px; height: 45px; line-height: 45px; float: left; padding: 0 35px; }
.popular-tabs .nav-tab li:hover, .popular-tabs .nav-tab li.active { border-bottom: 5px solid #649430; }
.popular-tabs .nav-tab li:hover a, .popular-tabs .nav-tab li.active a { color: #333; }
.popular-tabs .nav-tab li a { font-size: 16px; text-transform: uppercase; color: #333; font-weight: bold; }
.popular-tabs .tab-container { padding-top: 20px; }
/*磁気ネックレスを選ぶポイント〜の箇所*/
.service { background: #f6f6f6; border: 1px solid #ddd; padding: 30px 0; font-size: 12px; margin-top: 20px; float: left; width: 100%; }
.service .service-item { padding-left: 35px; border-right: 1px solid #ccc; overflow: hidden; }
.service .service-item .info { padding-left: 15px; margin-left: 0px; padding-top: 2px; }
.service .service-item h3 { margin: 0; padding: 0; text-transform: uppercase; }
.service .service-item:last-child { border-right: none; }
/*-----------------
[10. Banner advertisement]
*/
.banner a { width: 100%; overflow: hidden; height: auto; display: block; position: relative; }
.banner a:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 300%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, 300%, 0); }
.banner a:hover:before { -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -300%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, -300%, 0); }
/*BLAND*/
.content-page { background: #eaeaea; margin-top: 30px; padding-bottom: 30px; }
/*------------------
[11.1 ボックスタブ]
-------------------*/
.category-featured { position: relative; }
/*バナー部分*/
.category-banner { overflow: hidden; }
.category-banner .banner { padding: 0; overflow: hidden; }
/*------------------
[11.1.2 ボックスタブ]*/
.product-featured { background: #fff; }
.product-featured .product-featured-content { width: 100%; float: right; }
.product-featured .product-featured-content .product-featured-list { margin-left: 234px; overflow: hidden; }
.product-featured .banner-featured { width: 234px; float: left; margin-right: -100%; position: relative; }
/*上へ戻るボタン*/
.scroll_top { width: 50px; height: 50px; position: fixed; display: none; font-size: 0; z-index: 9999; right: 20px; bottom: 50px; background: #FFD24D; display: none; }
.scroll_top:hover { opacity: 0.7; transition: all 0.3s; }
.scroll_top:before { content: "　"; font-size: 20px; font-weight: bold; color: #fff; text-align: center; width: 50px; height: 50px; line-height: 50px; display: block; background: url(../images/arrow_t.png) no-repeat center center; background-size: 50%; }
/*追加したCSS*/
.red { color: red; }
/*ランキング*/
div.iframe_5cal { width: 100%; min-height: 240px; background: transparent; position: relative; padding-top: 10px; }
ul.ranking_ic { width: 100%; overflow: hidden; position: absolute; top: 0; }
ul.ranking_ic li { width: 20%; height: 65px; float: left; position: relative; }
ul.ranking_ic img { position: absolute; top: 0; left: 10px; }
.iframe_5cal iframe { height: 360px; }
/*ボックスタブメニュー*/
.navbar-collapse { padding: 0!important; }
ul.no_float { width: 20%; min-height: 400px; }
ul.no_float li { float: none; background: #649430; }
ul.no_float li a { color: #444; }
/*タブのオープンするところ*/
.tab_wrap { width: 80%; float: left; margin: 0; }
div.iframe_8cal { width: 100%; background: transparent; }
div.iframe_8cal iframe { height: 685px; }
/*タブのエレベーター部分*/
ul.nav_btn { width: 100%; height: 100%; background-color: #fff; color: #666; overflow: hidden; }
ul.nav_btn li { float: left; width: 16.6%; height: 100%; text-align: center; padding: 15px 0; }
ul.nav_btn li:nth-child(1) { width: 17.5%; }
ul.nav_btn li:nth-child(4) { width: 22%; }
ul.nav_btn li:nth-child(5) { width: 8%; }
ul.nav_btn li:nth-child(6) { width: 19.3%; }
ul.nav_btn li:hover { color: #fff; background-color: #000; }
ul.nav_btn li:hover a { color: #fff; border: none; }
ul.nav_btn li a { display: block; font-size: 14px; border-left: 1px solid #ccc; }
ul.nav_btn li:first-child a { border: none; }
ul.nav_btn img { vertical-align: middle; margin-left: 10px; }
/*エレベーター部分がactiveなとき*/
ul.nav_btn li.active { background-color: #000; }
ul.nav_btn li.active a { color: #fff; border-left: none; }
ul.nav_btn li.active img { display: none; }
/*各ブランドのロゴ画像部分*/
li.bland_logo { margin-bottom: 15px; }
/*緑タブの切り替え部分をマウスオーバー*/
.nav>li>a:focus, .nav>li>a:hover, .nav>li.active a { background: #527827!important; }
/*ナビゲーションタブ黒*/
.nav-menu-black { background: #000; }
.nav-menu-black .nav>li>a { background: #000; color: #fff; }
/*ナビゲーションタブ黒の切り替え部分をマウスオーバー*/
.nav-menu-black .nav>li>a:focus, .nav-menu-black .nav>li>a:hover { background: #444!important; color: #fff; }
/*ナビゲーションタブ青*/
.nav-menu-blue { background: #0066B3; }
.nav-menu-blue .nav>li>a { background: #0066B3; color: #fff; }
/*ナビゲーションタブ青の切り替え部分をマウスオーバー*/
.nav-menu-blue .nav>li>a:focus, .nav-menu-blue .nav>li>a:hover { background: #01508C!important; color: #fff; }
/*ナビゲーションタブグレー*/
.nav-menu-gray { background: #212020; }
.nav-menu-gray .nav>li>a { background: #212020; color: #fff; }
/*ナビゲーションタブグレーの切り替え部分をマウスオーバー*/
.nav-menu-gray .nav>li>a:focus, .nav-menu-gray .nav>li>a:hover { background: #000!important; color: #fff; }
/*クーポンとカウントダウン*/
.intro { margin-top: 30px; }
/*クーポン*/
div.coupon { border: 2px solid #659431; min-height: 270px; text-align: center; padding: 10px; }
div.coupon .title { color: #659431; font-size: 27px; font-weight: bold; }
div.coupon .title span { font-size: 16px; }
div.coupon a { display: block; }
/*カウントダウン*/
.yycountdown-box{height:50px;}
.yyc-day, .yyc-hou, .yyc-min, .yyc-sec { background-color: #666; padding: 5px; color: #fff; font-weight: bold; font-size: 24px; }
.yyc-day-text, .yyc-hou-text, .yyc-min-text, .yyc-sec-text { padding: 5px; color: #666; font-size: 25px; font-weight: bold; }
/*yen*/
div.coupon .main_text { color: #fff; font-size: 42px; text-align: right; line-height: 0.7; font-weight: bold; background: url(../images/bg_coupon.png) no-repeat; background-position: center center; padding: 45px 80px 30px 5px; }
div.coupon .main_text span { font-size: 25px; vertical-align: middle; }
/*ほぐしや本舗とは？*/
h2.green_border { border-bottom: 5px solid #659431; font-size: 19px; color: #659431; font-weight: bold; height: 50px; padding-top: 15px; }
h2.green_border span { padding: 5px 10px 10px; background-color: #659431; border-radius: 5px 5px 0 0; }
div.about_us { border: 2px solid #eee; padding: 10px; font-size: 12px; min-height: 270px; }
div.about_us ul { width: 100%; overflow: hidden; }
div.about_us ul li { width: 50%; float: left; }
div.about_us ul li:first-child { padding: 10px; }
div.about_us ul li:last-child { width: 50%; text-align: center; }
div.about_us ul li span { font-size: 16px; font-weight: bold; display: block; padding: 8px 0; }
.staff { display: inline-block; text-align: left; width: 210px; margin-left: 15px; }
/*タイトルバー*/
ul.title_bar { border-bottom: 1px solid #eee; padding-bottom: 25px; overflow: hidden; }
ul.title_bar li { display: inline; border-bottom: 5px solid #649430; padding: 0 30px; height: 45px; line-height: 45px; color: #333; font-weight: bold; font-size: 16px; float: left; }
/*バナーが3箇所ならんだところ*/
ul.bnr_3cal { width: 100%; overflow: hidden; margin: 30px 0 30px; }
ul.bnr_3cal li { width: 32%; float: left; }
ul.bnr_3cal li:nth-child(2) { margin: 0 2%; }
/*コンテンツのタイトル*/
h2.contents_title { font-size: 32px; font-weight: bold; text-align: left; padding: 40px 0; }
/*フッターiframe*/
iframe.iframe_footer { min-height: 900px; height: 900px; }