﻿@charset "utf-8";
/* -----------------------------------------------------------
CSS Information

File name:      /css/pc/common.css
Created:        2015-04-09 by
Last update:    2014-04-09 by nakamuram
by Author Style Info: spn common css document
------------------------------------------------ */
/* -----------------------------
Table of Contents
* base
	-- reset
	-- base
* layout
* header
	-- cmn-header
	-- header
	-- breadcrumb
* footer
	-- footer
* modules
	-- headings
	-- paragraphs
	-- section
	-- column
	-- link
	-- list
	-- box
	-- button
* utility
	-- Display Control
	-- Overflow Control
	-- Align Control
	-- Float Control
	-- Font-size Control
	-- Font-wight Control
	-- Width Control
	-- Height Control
	-- Margin and Padding Control
----------------------------- */
html { -webkit-text-size-adjust: none; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }

nav, ol, ul { list-style: none; }

a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: none; }

input, select { vertical-align: middle; }

select, input[type="radio"], input[type="checkbox"], input[type="submit"], input[type="button"], input[type="reset"] { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

th { font-weight: normal; }

img { vertical-align: bottom; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { font-size: 100%; }

button { background: none; border: none; padding: 0; margin: 0; }

/* base
-------------------------------------------- */
html { font-size: 62.5%; }

body { line-height: 1.5; }

body, input, select, textarea, button { color: #333; font-size: 13px; font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴシック", "Hiragino Sans", "Tahoma", "ＭＳ Ｐゴシック", "sans-serif"; word-wrap: break-word; }

a { color: #333; text-decoration: underline; }
a:hover, a:active, a:focus { opacity: .7; text-decoration: none; }

em { font-style: normal; font-weight: bold; }

strong { font-style: normal; font-weight: bold; color: #f34; }

label, select, button, input[type="radio"], input[type="checkbox"], input[type="submit"], input[type="button"] { cursor: pointer; }

input[type="submit"],input[type="button"], button { line-height: 1.5; }
input[type="submit"][disabled] { background-color: #ccc; border: 1px solid #999;pointer-events: none;}

input[type="search"] { -webkit-appearance: none; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration { display: none; }

input[type="search"]::-ms-clear, input[type="text"]::-ms-clear, input[type="tel"]::-ms-clear, input[type="url"]::-ms-clear, input[type="email"]::-ms-clear { display: none; }
input[type="search"]:invalid, input[type="text"]:invalid, input[type="tel"]:invalid, input[type="url"]:invalid, input[type="email"]:invalid { box-shadow: none; }

.clearfix:after { display: block; clear: both; content: ""; height: 0.01px; }

:-ms-input-placeholder { color: #ccc; }

::-webkit-input-placeholder { color: #ccc; }

::-moz-placeholder { color: #ccc; }

.svg { display: none; }

/* recaptcha
-------------------------------------------- */
.g-recaptcha{width: 304px;margin: 0 auto;}
.g-recaptcha-check{margin: 10px auto 50px auto;}


/* ---------------------------------------------------------------  layout
--------------------------------------------------------------- */
/* 1カラム/2カラムレイアウト ベース（2カラムは右:main,左:sub）
----------------------------------------------------------- */
#header, .header-wrap-utility.header-primary, .breadcrumb-wrap, .header-wrap-nav-item, .contents, #footer, .footer-copyright { margin: 0 auto; min-width: 980px; text-align: center; }

.header__inr, .header-utility, .header-primary__inr, .breadcrumb, .header-nav-item, .contents__inr, .footer__inr, .footer-copyright__inr { box-sizing: border-box; margin: 0 auto; width: 980px; text-align: left; }
.header__inr:after, .header-utility:after, .header-primary__inr:after, .breadcrumb:after, .header-nav-item:after, .contents__inr:after, .footer__inr:after, .footer-copyright__inr:after { display: block; clear: both; content: ""; height: 0.01px; }

.primary { width: 720px; float: right; }

.sub { width: 230px; float: left; }

/* 2カラム（デフォルトの時から位置を反転 右:sub,左:main の場合）
----------------------------------------------------------- */
.contents.main-pos--left .primary { width: 650px; float: left; }
.contents.main-pos--left .sub { width: 300px; float: right; }

/* ---------------------------------------------------------------
	cmn-header
--------------------------------------------------------------- */
#cmn-header { position: relative; top: 0; left: 0; width: 100%; min-width: 986px; height: 30px; background: #fff; font-family: "メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック","ヒラギノ角ゴシック","Hiragino Sans",Osaka,sans-serif; font-size: 13px; line-height: 1.25; z-index: 9995; }

#cmn-header-inr { position: absolute; left: 0; right: 0; width: 986px; height: 30px; margin: 0 auto; background-color: #fff; }

/****** cmn-pop ----------******/
#cmn-pop { width: 580px; position: fixed; top: 150px; left: 50%; padding-top: 5px; margin-left: -290px; background: url("../../images/pc/common/cmn-header/bg_cmn_pop_top.png") 0 0 no-repeat; }

#cmn-pop > .inr { position: relative; padding-bottom: 5px; background: url("../../images/pc/common/cmn-header/bg_cmn_pop_bottom.png") 0 bottom no-repeat; }

#cmn-pop > .inr .close { display: block; width: 32px; height: 0px; padding-top: 32px; overflow: hidden; position: absolute; top: -10px; right: -6px; background: url("../../images/pc/common/cmn-header/ico_sp_cmn_header.png") 0 0 no-repeat; background-position: 0 -240px; cursor: pointer; }

#cmn-pop .exp { padding: 0 5px; background: url("../../images/pc/common/cmn-header/bg_cmn_pop.png") 0 0 repeat-y; zoom: 1; }

#cmn-pop .exp .inr { padding: 18px 40px 12px; border-radius: 3px; background-color: #fefaf3; color: #625030; line-height: 1.5; }

#cmn-pop .exp .ttl { margin-bottom: 12px; font-size: 125%; font-weight: bold; line-height: 1.2; text-align: center; }

#cmn-pop .exp .more { margin-top: 10px; text-align: right; font-size: 105%; font-weight: bold; }

#cmn-pop .exp .more a { padding-right: 20px; background: url("../../images/pc/common/cmn-header/ico_sp_cmn_header.png") 0 0 no-repeat; background-position: right -209px; color: #666; text-decoration: underline; }

#cmn-pop .exp .more a:hover { opacity: .7; }

/****** idt-info ----------******/
#cmn-header .idt-info { float: left; }

#cmn-header .idt-info .lead { display: block; float: left; margin-right: 10px; padding-left: 60px; background: url("../../images/pc/common/cmn-header/ico_sp_cmn_header.png") 0 0 no-repeat; color: #666; font-size: 95%; line-height: 30px; }

#cmn-header .idt-info a .lead { color: #666; font-size: 95%; font-weight: bold; line-height: 30px; cursor: pointer; }

#cmn-header .idt-info a:hover .lead { text-decoration: underline; }

#cmn-header .idt-info a:hover .lead span { opacity: .7; }

/****** new-arrival ----------******/
#cmn-header .idt-info .new-arrival { position: relative; display: block; float: right; width: 128px; }

*:first-child + html #cmn-header .idt-info .new-arrival { float: none; }

#cmn-header .idt-info .new-arrival > a { display: block; width: 128px; height: 30px; background: url("../../images/pc/common/cmn-header/ico_sp_cmn_header.png") 0 0 no-repeat; background-position: 0 -159px; color: #625030; font-size: 95%; font-weight: bold; line-height: 32px; text-align: center; text-decoration: none; }

#cmn-header .idt-info .new-arrival a span { display: block; width: 19px; height: 18px; position: absolute; top: 1px; right: 0; background: url("../../images/pc/common/cmn-header/ico_sp_cmn_header.png") 0 0 no-repeat; background-position: 1px -190px; color: #fff; font-size: 83%; line-height: 18px; }

#cmn-header .idt-info .new-arrival > div { display: none; position: absolute; top: 26px; left: -116px; width: 360px; }

#cmn-header .idt-info .new-arrival:hover > div { display: block; }

/* info ----------*/
#cmn-header .idt-info .info { padding-top: 5px; background: url("../../images/pc/common/cmn-header/bg_new_arrival_top.png") 0 0 no-repeat; }

#cmn-header .idt-info .info .inr { padding-bottom: 4px; background: url("../../images/pc/common/cmn-header/bg_new_arrival_bottom.png") 0 bottom no-repeat; }

#cmn-header .idt-info .info ul { padding: 0 5px; background: url("../../images/pc/common/cmn-header/bg_new_arrival.png") 0 0 repeat-y; }

#cmn-header .idt-info .info li a { position: relative; display: block; padding: 5px; border-radius: 3px; background-color: #fff; color: #666; line-height: 30px; text-decoration: none; vertical-align: bottom; }

#cmn-header .idt-info .info li a:hover { opacity: 1; background-color: #eee; text-decoration: underline; }

#cmn-header .idt-info .info li { margin-bottom: 1px; }

#cmn-header .idt-info .info li img { margin-right: 10px; }

#cmn-header .idt-info .info li a span { display: block; width: 15px; height: 15px; position: absolute; top: 1px; left: 50px; background: url("../../images/pc/common/cmn-header/ico_sp_cmn_header.png") 0 0 no-repeat; background-position: right -190px; color: #fff; font-size: 80%; line-height: 15px; text-align: center; }

/****** usr-auth ----------******/
#cmn-header .usr-auth { position: relative; float: right; }

#cmn-header .usr-auth li { float: left; margin-right: 10px; }

#cmn-header .usr-auth li:first-child { margin-right: 20px; }

#cmn-header .usr-auth li a { font-size: 95%; line-height: 30px; text-decoration: none; }

#cmn-header .usr-auth li a:hover { opacity: .7; text-decoration: underline; }

/****** usr-wallet ----------******/
#cmn-header .usr-wallet { position: relative; float: right; }

#cmn-header .usr-wallet { padding-right: 38px; }

#cmn-header .usr-wallet li { float: left; margin-right: 10px; padding-left: 28px; background: url("../../images/pc/common/cmn-header/ico_sp_cmn_header.png") 0 0 no-repeat; }

#cmn-header .usr-wallet li a { color: #666; font-size: 100%; line-height: 30px; text-decoration: none; }

#cmn-header .usr-wallet li a:hover { text-decoration: underline; }

#cmn-header .usr-wallet li.coin { background-position: 0 -37px; }

#cmn-header .usr-wallet li.point { background-position: 0 -67px; }

#cmn-header .usr-wallet li.coupon { padding-left: 32px; background-position: 0 -97px; }

#cmn-header .usr-wallet li span { font-weight: bold; }

/* setup ----------*/
#cmn-header .usr-wallet .setup { display: block; position: absolute; top: 1px; right: 2px; float: right; width: 38px; height: 0; overflow: hidden; padding-top: 28px; background: url("../../images/pc/common/cmn-header/ico_sp_cmn_header.png") 0 0 no-repeat; background-position: 0 -130px; cursor: pointer; }

#cmn-header .usr-wallet .setup-inr { display: none; position: absolute; top: 27px; right: 0; width: 190px; height: 86px; background: url("../../images/pc/common/cmn-header/bg_setup_inr.png") 0 0 no-repeat; }

#cmn-header .usr-wallet .setup-inr li { margin: 0; padding: 0; float: none; background: none; font-size: 100%; text-align: center; }

#cmn-header .usr-wallet .setup-inr li:first-child { font-weight: bold; margin-bottom: 2px; }

#cmn-header .usr-wallet .setup-inr li a { color: #fff; text-decoration: none; }

#cmn-header .usr-wallet .setup-inr li a:hover { text-decoration: underline; }

#cmn-header .usr-wallet .setup-inr li.ttl { margin-top: 10px; color: #666; }

#cmn-header .setup-area:hover > .setup-inr { display: block; }

/* ---------------------------------------------------------------
	header
--------------------------------------------------------------- */
/* header
----------------------------------------------------------- */
#header { margin-bottom: 10px; }
#header a { text-decoration: none; }

/* header-primary
------------------------------------ */
.header-primary { box-sizing: border-box; background: #333; color: #fff; }

.header-primary__inr { box-sizing: border-box; height: 60px; }

.header-primary__disp { display: table; width: 100%; }

/* header-logo
------------------------------------ */
.header-logo { box-sizing: border-box; display: table-cell; vertical-align: middle; width: 247px; height: 47px; }
.header-logo a { position: relative; display: block; width: 247px; height: 47px; }
.header-logo a:hover, .header-logo a:active, .header-logo a:focus { opacity: 1; }
.header-logo svg { position: absolute; top: 0; left: 0; width: 247px; height: 47px; }
.header-logo img { width: 100%; vertical-align: top; }

/* header-search
------------------------------------ */
.header-search { box-sizing: border-box; display: table-cell; vertical-align: middle; width: 330px; padding-left: 30px; }

.header-search__btn { box-sizing: border-box; float: right; display: inline-block; position: relative; height: 30px; width: auto; overflow: hidden; cursor: pointer; background-color: #333; width: 40px; border-style: solid; border-color: #ccc; border-width: 1px 1px 1px 0; border-radius: 0 5px 5px 0; }
.header-search__btn > input[type="submit"] { display: block; height: 30px; margin: 0; padding: 0 11px; border: none; cursor: pointer; background: none; outline: 0; color: #fff; vertical-align: middle; text-align: center; width: 100%; background: #fff; }
.header-search__btn > svg { position: absolute; top: 2px; right: 7px; fill: #333; width: 24px; height: 24px; }
.header-search__btn > svg:hover, .header-search__btn > svg:active, .header-search__btn > svg:focus { opacity: .7; }

.header-search__select__view { box-sizing: border-box; display: table-cell; vertical-align: middle; margin: auto; line-height: 1; }

.header-search__input { box-sizing: border-box; width: auto; height: 30px; width: 295px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff; position: relative; line-height: 1; border-radius: 5px 0 0 5px; }
.header-search__input > input[type="search"] { box-sizing: border-box; position: absolute; top: 2px; left: 2px; padding: 0 10px; width: 100%; border: none; outline: 0; box-shadow: none; height: 26px; }

/* search keyword ----------------------------------*/
.search_keyword{ margin:0 0 0 10px; float: left; width: 480px;}
.search_keyword ul {padding: 4px 0 9px; font-size: 0px; }
.search_keyword ul li{ display: inline-block; margin-top: 5px; margin-right: 5px; }
.search_keyword ul li:last-child{ margin-right: 0px; }
.search_keyword ul li a{ display: block; font-size: 11px; padding: 6px 10px; background: #e8e8e8; border-radius: 3px; line-height: 1;}

/* related keyword ----------------------------------*/
.related_keyword{ margin:0;}
.related_keyword ul {font-size: 0px; line-height: 30px;}
.related_keyword ul li{ display: inline-block; margin-right: 10px; }
.related_keyword ul li:last-child{ margin-right: 0px; }
.related_keyword ul li a{ font-size: 11px; padding: 3px 10px; background: #e8e8e8; border-radius: 3px; text-decoration: none;}

/* header-utility-btn-list
------------------------------------ */
.header-wrap-utility-btn-list { box-sizing: border-box; display: table-cell; vertical-align: middle; padding-left: 20px; text-align: right; }

.header-utility-btn-list { display: inline-block; vertical-align: middle; }
.header-utility-btn-list:after { display: block; clear: both; content: ""; height: 0.01px; }
.header-utility-btn-list > li { box-sizing: border-box; position: relative; float: left; margin-left: 20px; padding: 10px 0; }
.header-utility-btn-list > li:first-child { margin-left: 0; }
.header-utility-btn-list > li .is-notice { position: absolute; top: -1px; right: 10px; }
.header-utility-btn-list > li .product-count { font-size: 10px; font-size: 1rem; box-sizing: border-box; padding: 2px; position: absolute; top: 0; right: -10px; border-radius: 50%; min-width: 18px; min-height: 15px; color: #333; text-align: center; font-weight: bold; background: #fff; }
.header-utility-btn-list > li > a { display: inline-block; vertical-align: middle; height: 40px; }
.header-utility-btn-list > li.wrap-icon-header-member { text-align: left; display: flex; width: auto; }
.header-utility-btn-list > li.wrap-icon-header-member.other::before { display: block; width: 26px; height: 26px; margin-top: 7px; margin-right: 6px; background: url(/svg/common/icon-rank-others.svg) no-repeat 0 0; background-size: 100%; content: ''; }
.header-utility-btn-list > li.wrap-icon-header-member.standard::before { display: block; width: 26px; height: 26px; margin-top: 7px; margin-right: 6px; background: url(/svg/common/icon-rank-standard.svg) no-repeat 0 0; background-size: 100%; content: ''; }
.header-utility-btn-list > li.wrap-icon-header-member.gold::before { display: block; width: 26px; height: 26px; margin-top: 7px; margin-right: 6px; background: url(/svg/common/icon-rank-gold.svg) no-repeat 0 0; background-size: 100%; content: ''; }
.header-utility-btn-list > li.wrap-icon-header-member.platinum::before { display: block; width: 26px; height: 26px; margin-top: 7px; margin-right: 6px; background: url(/svg/common/icon-rank-platinum.svg) no-repeat 0 0; background-size: 100%; content: ''; }
.header-utility-btn-list > li.wrap-icon-header-member.vip::before { display: block; width: 26px; height: 26px; margin-top: 7px; margin-right: 6px; background: url(/svg/common/icon-rank-vip.svg) no-repeat 0 0; background-size: 100%; content: ''; }
.header-utility-btn-list > li.wrap-icon-header-member a { color: #fff; display: flex; flex-flow: column; align-items: flex-start; }
.header-utility-btn-list > li.wrap-icon-header-member .header-utility__member__child { position: absolute; height: 0; width: 100%; visibility: hidden; opacity: 0; transition: .3s; top: 60px; left: 0; z-index: 3; }
.header-utility-btn-list > li.wrap-icon-header-member:hover .header-utility__member__child, .header-utility-btn-list > li.wrap-icon-header-member:active .header-utility__member__child, .header-utility-btn-list > li.wrap-icon-header-member:focus .header-utility__member__child { height: auto; visibility: visible; opacity: 1; }
.header-utility-btn-list > li.wrap-icon-header-member .header-utility__member__child-list { box-sizing: border-box; background: #fff; padding: 5px 10px; width: 160px; text-align: left; border: solid 1px #ccc; }
.header-utility-btn-list > li.wrap-icon-header-member .header-utility__member__child-list > li { position: relative; border-top: 1px dotted #333; }
.header-utility-btn-list > li.wrap-icon-header-member .header-utility__member__child-list > li.badge::after { display: block; position: absolute; top: 11px; right: 26px; width: 8px; height: 8px; border-radius: 50%; background: #e51350; content: ''; }
.header-utility-btn-list > li.wrap-icon-header-member .header-utility__member__child-list > li > a { box-sizing: border-box; display: block; padding: 10px 5px 8px; color: #333; }
.header-utility-btn-list > li.wrap-icon-header-member .header-utility__member__child-list > li > a:hover, .header-utility-btn-list > li.wrap-icon-header-member .header-utility__member__child-list > li > a:active, .header-utility-btn-list > li.wrap-icon-header-member .header-utility__member__child-list > li > a:focus { background: #eee; opacity: 1; }
.header-utility-btn-list > li.wrap-icon-header-member .header-utility__member__child-list > li:first-child { border-top: none; }
.header-utility-btn-list > li .icon-header-member__status { position
: relative; box-sizing: border-box; font-size: 12px; font-size: 1.2rem; display: inline-block; border-bottom: 1px solid #fff; margin-bottom: 5px; }
.header-utility-btn-list > li .icon-header-member__name { box-sizing: border-box; font-size: 15px; font-size: 1.5rem; display: block; border-bottom: 1px solid #fff; }
.header-utility-btn-list > li .icon-header-member__status.badge::after { display: block; position: absolute; top: -2px; right: -10px; width: 8px; height: 8px; border-radius: 50%; background: #e51350; content: ''; }
.header-utility-btn-list > li .icon-header-member__status,
.header-utility-btn-list > li .icon-header-member__name {
	line-height: 1.2;
}
.header-utility-btn-list > li .icon-header-member__name > .icon-header__trim { display: inline-block; vertical-align: middle; max-width: 9em; word-wrap: normal; /* for IE */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header-utility-btn-list > li.wrap-icon-header-cart { text-align: center; }
.header-utility-btn-list > li.wrap-icon-header-cart > a { position: relative; color: #fff; padding-right: 55px; }
.header-utility-btn-list > li.wrap-icon-header-cart > a > svg, .header-utility-btn-list > li.wrap-icon-header-cart > a img { top: 3px; right: 10px; position: absolute; }
.header-utility-btn-list > li .icon-header-cart__wrap-status { display: table; height: 40px; }
.header-utility-btn-list > li .icon-header-cart__info { box-sizing: border-box; font-size: 12px; font-size: 1.2rem; display: block; }
.header-utility-btn-list > li .icon-header-cart__status { box-sizing: border-box; font-size: 17px; font-size: 1.7rem; display: table-cell; vertical-align: middle; text-decoration: underline; margin-top: -2px; }
.header-utility-btn-list > li .icon-header-cart__status__tax { font-size: 12px; font-size: 1.2rem; }
.header-utility-btn-list > li.wrap-icon-header-cart + li { margin-left: 15px; }
.header-utility-btn-list > li .icon-header-cart { width: 36px; height: 38px; fill: #fff; }
.header-utility-btn-list > li .icon-header-cart:hover, .header-utility-btn-list > li .icon-header-cart:active, .header-utility-btn-list > li .icon-header-cart:focus { opacity: 1; }
.header-utility-btn-list > .wrap-shippingfree { padding: 12px 0; }
.header-utility-btn-list .shippingfree-text { padding-left: 20px; border-left: 1px #989898 solid; font-size: 12px; text-align: center; }

/* header-nav-item
----------------------------------------------------------- */
.header-wrap-nav-item { border-bottom: 1px solid #ccc; }

/*.header-nav-item { height: 41px; }*/
.header-nav-item:after { display: block; clear: both; content: ""; height: 0.01px; }
.header-nav-item > li { float: left; }
.header-nav-item > li > a,.header-nav-item > li > ul > li > a{ display: block; padding: 11px 15px 10px 10px; font-weight: bold; }
.header-nav-item > li > a:before,
.header-nav-item__menu-title li.ff1 > a:before {position: absolute;
  content: "";
  top: 42%;
  left: 0px;
  width: 3px;
  height: 12px;
  background: #78d5b2;
  margin-top: -3px;
}
.header-nav-item > li:nth-child(n+6) > a:before
{
  background: #cec1c1;
}
.header-nav-item > li:last-child > a:before
{
  background: #fff;
}
.header-nav-item > li:last-child > a:hover
{
  background: #fff;
	opacity: .7;
}

.header-nav-item > li > a:hover, .header-nav-item > li > ul > li > a:hover, .header-nav-item > li > a:active, .header-nav-item > li > a:focus { background: #f7f7f7; opacity: 1; }

.header-wrap-nav-item__child { position: absolute; top: 50px; left: 0; z-index: 2; }

/* header-nav-item__child
----------------------------------------------------------- */
.header-nav-item__child { box-sizing: border-box; padding: 10px 20px; border: solid 1px #ccc; background: #fff; width: 100%; }
.header-nav-item__child:after { display: block; clear: both; content: ""; height: 0.01px; }
.header-nav-item__child > li { float: left; }
.header-nav-item__child > li > a { box-sizing: border-box; display: block; padding: 10px 5px 8px; border-top: 1px dotted #333; height: 100%; }
.header-nav-item__child > li > a:hover, .header-nav-item__child > li > a:active, .header-nav-item__child > li > a:focus { background: #eee; opacity: 1; }
.header-nav-item__child.header-nav-item__child--col-1 { width: 235px; }
.header-nav-item__child.header-nav-item__child--col-1 > li { width: 100%; }
.header-nav-item__child.header-nav-item__child--col-1 > li:first-child > a { border-top: none; }
.header-nav-item__child.header-nav-item__child--col-2 { width: 450px; }
.header-nav-item__child.header-nav-item__child--col-2 > li { margin-left: 4.65116%; width: 47.67442%; }
.header-nav-item__child.header-nav-item__child--col-2 > li:first-child > a, .header-nav-item__child.header-nav-item__child--col-2 > li:nth-child(2) > a { border-top: none; }
.header-nav-item__child.header-nav-item__child--col-2 > li:nth-child(2n+1) { clear: both; margin-left: 0; }
.header-nav-item__child.header-nav-item__child--col-2 > li.nth-child { clear: both; margin-left: 0; }

/* header-nav-item dropdown function
------------------------------------ */
.header-nav-item > li { position: relative; }
.header-nav-item > li .header-wrap-nav-item__child { position: absolute; height: 0; width: 100%; visibility: hidden; opacity: 0; transition: .3s; top: 41px; left: 0; }
.header-nav-item > li:hover .header-wrap-nav-item__child, .header-nav-item > li:active .header-wrap-nav-item__child, .header-nav-item > li:focus .header-wrap-nav-item__child { height: auto; z-index: 3; visibility: visible; opacity: 1; }
.header-nav-item > li.header-nav-item--oral .header-wrap-nav-item__child { left: auto; right: 63px; }
.header-nav-item > li.header-nav-item--wear .header-wrap-nav-item__child { left: auto; right: 167px; }

/* header-utility
----------------------------------------------------------- */
.header-wrap-utility { border-bottom: 1px solid #ccc; }
.header-wrap-utility:after { display: block; clear: both; content: ""; height: 0.01px; }
.header-utility:after { display: block; clear: both; content: ""; height: 0.01px; }

ul.header-utility-relate-navright {float: right;}
ul.header-utility-relate-navright > li { float: left; display: block; }
ul.header-utility-relate-navright > li:first-child > a { margin-top: 4px; }
ul.header-utility-relate-navright > li > a { display: block; padding: 8px 7px; margin-top: 2px;}
ul.header-utility-relate-navright > li.atlogo > a { display: block; padding: 7px 7px 6px; margin-top: 2px;}
ul.header-utility-relate-navright .icon-atlogo { width: 90px; height: 19px; fill: #2EB6AA; position: relative; top:2px; left:0;}

/* header-nav-utility
----------------------------------------------------------- */
.header-nav-utility { font-size: 14px; font-size: 1.4rem; float: left; }
.header-nav-utility:after { display: block; clear: both; content: ""; height: 0.01px; }
.header-nav-utility > li { float: left; border-right: 1px solid #ccc; }
.header-nav-utility > li > a { display: block; padding: 10px 30px 7px; }
.header-nav-utility > li:first-child { border-left: 1px solid #ccc; border-right: none; }
.header-nav-utility > li.header-nav-utility__all { border-left: 1px solid #ccc; border-right: none; }
.header-nav-utility > li.header-nav-utility__luxe { border-right: 1px solid #fff; }
.header-nav-utility > li.header-nav-utility__luxe > a { background: #a1a0a0; }
.header-nav-utility > li.header-nav-utility__luxe > a img { vertical-align: middle; margin-top: -4px; }
.header-nav-utility > li.header-nav-utility__natural { border-right: none; }
.header-nav-utility > li.header-nav-utility__natural > a { background: #c2c3a7; }
.header-nav-utility > li.header-nav-utility__natural > a img { vertical-align: middle; margin-top: -4px; }


/* headerナビ(追加)
----------------------------------------------------------- */
.header-nav-item__menu-title {
  margin-right: 10px;
  width: 100%;
}
.header-nav-item__menu-title a {
  cursor:pointer;
}
.header-nav-item__menu-title li.ff1 > a:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 10px;
  width: 6px;
  height: 5px;
  border-left: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  margin-top: -4px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#header-nav-item__menu--category {
  position: absolute;
  left: 0;
  z-index: 999;
  width: 200px;
  height: 433px;
  margin: 0;
  border: 1px solid #ccc;
  background: #f7f7f7;
}
#header-nav-item__menu--genre {
  position: absolute;
  left: 0;
  z-index: 999;
  width: 230px;
  margin: 0;
  border: 1px solid #ccc;
  background: #ffffff;
}
.header-nav-item__menu-title > li > #header-nav-item__menu--category,
.header-nav-item__menu-title > li > #header-nav-item__menu--genre {
  display: none;
}
.header-nav-item__menu-title > li:hover > #header-nav-item__menu--category,
.header-nav-item__menu-title > li:hover > #header-nav-item__menu--genre {
  display: block;
}
#header-nav-item__menu--category li,
#header-nav-item__menu--genre li {
  list-style-type : none;
  margin: 0;
  padding: 0;
}
#header-nav-item__menu--category li:first-child > a,
#header-nav-item__menu--genre li:first-child > a {
  padding-top: 10px;
}
#header-nav-item__menu--category li:first-child a ul {
  padding-top: -10px !important;
}
#header-nav-item__menu--category li > a,
#header-nav-item__menu--genre li > a {
  position: relative;
  display: block;
  padding: 5px 20px 5px 15px;
  text-decoration: none;
  height: 19px;
}
#header-nav-item__menu--category li > a.double {
  height: 40px;
}
#header-nav-item__menu--category > li:hover > a {
  background-color: #fff;
  opacity: 1;
  z-index: 10;
}
#header-nav-item__menu--genre > li:hover > a {
  background-color: #daf5eb;
  opacity: 1;
}
#header-nav-item__menu--category > li:hover > a:after {
  border-color: #fff;
}
#header-nav-item__menu--category > li > a:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 12px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  margin-top: -4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header-nav-item__menu--genre > li > a:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 12px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #c7f2e3;
  border-right: 1px solid #c7f2e3;
  margin-top: -4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header-nav-item__menu--category > li > ul > li > a:hover {
  background-color: #daf5eb;
  opacity: 1;
}
#header-nav-item__menu--category .header-nav-item__large-menu {
  display: none;
  position: absolute;
  top: -1px;
  right: -471px;
  width: 450px;
  height: 413px;
  margin: 0;
  padding: 10px;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 3;
}
#header-nav-item__menu--category li:hover .header-nav-item__large-menu {
  display: block;
}
#header-nav-item__menu--category .header-nav-item__category-all {
  padding: 5px 15px 8px 15px;
  margin: 0;
  font-weight: bold;
  font-size: 1.1em;
}
#header-nav-item__menu--category .header-nav-item__large-menu-list li {
  float: left;
  width: 222px;
}
#header-nav-item__menu--category .header-nav-item__large-menu-list li a {
  padding: 6px 20px 6px 15px;
  height: auto;
}
#header-nav-item__menu--category .header-nav-item__large-menu-list li a:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 8px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #c7f2e3;
  border-right: 1px solid #c7f2e3;
  margin-top: -4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* breadcrumb
----------------------------------------------------------- */
.breadcrumb {padding-top:25px; }
.breadcrumb:after { display: block; clear: both; content: ""; height: 0.01px; }
.breadcrumb > li { box-sizing: border-box; position: relative; position: relative; float: left; padding-left: 1.2em; }
.breadcrumb > li:before { position: absolute; content: ""; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwNDAwMDAiIGQ9Ik0xNS43LDEzLjJsLTE0LTEzYy0wLjQtMC40LTEtMC40LTEuNCwwLjFjLTAuNCwwLjQtMC40LDEsMC4xLDEuNEwxMy41LDE0TDAuMywyNi4zYy0wLjQsMC40LTAuNCwxLTAuMSwxLjQNCglDMC41LDI3LjksMC43LDI4LDEsMjhjMC4yLDAsMC41LTAuMSwwLjctMC4zbDE0LTEzYzAuMi0wLjIsMC4zLTAuNSwwLjMtMC43UzE1LjksMTMuNCwxNS43LDEzLjJ6Ii8+DQo8L3N2Zz4NCg==); background-size: 100% 100%; }
.breadcrumb > li a { text-decoration: none; }
.breadcrumb > li a:hover, .breadcrumb > li a:active, .breadcrumb > li a:focus { text-decoration: underline; }
.breadcrumb > li:before { position: absolute; content: ""; left: .3em; top: .25em; width: 8px; height: 10px; }
.breadcrumb > li:first-child { padding-left: 0; }
.breadcrumb > li:first-child:before { display: none; }

/*  header-wrap-bnr
----------------------------------------------------------- */
.header-wrap-bnr { width: 100%;}
.header-wrap-bnr > a { display: block; }
.header-wrap-bnr a {
  border-bottom: 1px #eee solid;
}
/* CLS対策 */
.header-wrap-bnr img {
	width: 980px;
	height: 40px;
}

.header-bnr { width: 980px; margin: 0 auto; }
.header-bnr > img { max-width: 100%; }

/* ---------------------------------------------------------------
	contents
--------------------------------------------------------------- */
/* contents
----------------------------------------------------------- */
.contents { margin-bottom: 100px;padding-top:25px; }

.contents__inr { position: relative; margin-bottom: 60px; }
.contents__inr > *:last-child { margin-bottom: 0px; }
.contents__inr:last-child { margin-bottom: 0; }

/* primary
----------------------------------------------------------- */
.primary > *:last-child { margin-bottom: 0px; }

/* row
----------------------------------------------------------- */
.row > *:last-child { margin-bottom: 0px; }

/* sub
----------------------------------------------------------- */
.sub > *:last-child { margin-bottom: 0px; }

/* ---------------------------------------------------------------
	footer
--------------------------------------------------------------- */
/* .footer
----------------------------------------------------------- */
#footer { box-sizing: border-box; background: #eee; color: #888; }
#footer a { color: #888; }

.footer__inr { padding: 50px 0; }
.footer__inr > *:last-child { margin-bottom: 0; }

.footer-nav-wrap { margin-bottom: 25px; }

.footer-appandstore li { display: inline-block; margin-right: 10px; }
.footer-appandstore li a { display: block; width: 326px; padding: 10px; border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; text-decoration: none; }
.footer-appandstore .footer-appandstore-cell-title { font-size: 14px; font-weight: bold; line-height: 1.8; }
.footer-appandstore .footer-appandstore-cell-text { font-size: 12px; }

.footer-appandstore .footer-appandstore-cell-app { position: relative; padding-left: 53px; }
.footer-appandstore .footer-appandstore-cell-app:before { position: absolute; content: ""; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImxheW9yMDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIKCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe2ZpbGw6IzMyQURBMjt9Cjwvc3R5bGU+CjxwYXRoIGlkPSJpY29uIiBjbGFzcz0ic3QwIiBkPSJNMjEuODIsMGg1Ni4zN0M5MC4yMywwLDEwMCw5Ljc3LDEwMCwyMS44MnY1Ni4zN0MxMDAsOTAuMjMsOTAuMjMsMTAwLDc4LjE4LDEwMEgyMS44MgoJQzkuNzcsMTAwLDAsOTAuMjMsMCw3OC4xOFYyMS44MkMwLDkuNzcsOS43NywwLDIxLjgyLDB6Ii8+CjxwYXRoIGlkPSJiYWNrZ3JvdW5kLWljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuOTg4IDcuMDY2KSIgY2xhc3M9InN0MSIgZD0iTTQyLjgsMjYuMzhjLTkuMTIsMC0xNi41Miw3LjM5LTE2LjUyLDE2LjUydjAKCUMzNS40MSw0Mi45LDQyLjgsMzUuNSw0Mi44LDI2LjM4TDQyLjgsMjYuMzggTTQyLjcxLDguNjNDMjMuNzksOC42OSw4LjUsMjQuMDgsOC41NSw0M0M4LjYxLDYxLjkzLDI0LDc3LjIyLDQyLjkzLDc3LjE2CgljMi42Ni0wLjAxLDUuMy0wLjMyLDcuODgtMC45NGMwLjQ2LTAuMTEsMC43NS0wLjU4LDAuNjQtMS4wNGMwLTAuMDEsMC0wLjAyLTAuMDEtMC4wMmwtMS44NS02LjkxYy0wLjEyLTAuNDUtMC41OC0wLjcyLTEuMDMtMC42MgoJYy0xMy42NiwzLjE5LTI3LjMzLTUuMjktMzAuNTMtMTguOTZDMTQuODUsMzUuMDEsMjMuMzQsMjEuMzQsMzcsMTguMTVzMjcuMzMsNS4yOSwzMC41MywxOC45NmMxLjkzLDguMjctMC4zOSwxNi45Ni02LjIsMjMuMTYKCWMtMC4yMiwwLjIyLTAuNTEsMC4zNC0wLjgyLDAuMzNjLTAuNjYtMC4wMi0xLjE5LTAuNTYtMS4xOC0xLjIyVjQyLjkyYzAsMCwwLTAuMDIsMC0wLjAzYy05LjEyLDAtMTYuNTIsNy40LTE2LjUxLDE2LjUyCgljMCwwLDAsMCwwLDBjMi42NiwwLDUuMjgtMC42NCw3LjY0LTEuODh2MS43MmMtMC4wMSw1LjYzLDQuNTQsMTAuMjEsMTAuMTcsMTAuMjJjMC4wMSwwLDAuMDEsMCwwLjAyLDAKCWMyLjU4LTAuMDIsNS4wNC0xLjA0LDYuODktMi44NGMwLjA3LTAuMDYsMC4xMy0wLjEyLDAuMTktMC4xOWMxMy0xMy43NSwxMi4zOS0zNS40NC0xLjM2LTQ4LjQ0Yy02LjM4LTYuMDQtMTQuODQtOS4zOS0yMy42My05LjM3CgkgTTU5LjMyLDQyLjljMCwwLDAtMC4wMiwwLTAuMDNWMjcuMjVjMC0wLjQ4LTAuMzktMC44Ni0wLjg2LTAuODZsMCwwaC03LjE1Yy0wLjQ4LDAtMC44NiwwLjM5LTAuODYsMC44NmwwLDB2MS4wMQoJYy0yLjM2LTEuMjMtNC45OC0xLjg4LTcuNjQtMS44OEM0Mi44MSwzNS41LDUwLjIsNDIuOSw1OS4zMiw0Mi45TDU5LjMyLDQyLjkgTTI2LjI5LDQyLjlMMjYuMjksNDIuOWMwLDkuMTIsNy4zOSwxNi41MiwxNi41MiwxNi41MgoJaDBDNDIuOCw1MC4yOSwzNS40MSw0Mi45LDI2LjI5LDQyLjlMMjYuMjksNDIuOSIvPgo8L3N2Zz4K); background-size: 100% 100%; }
.footer-appandstore .footer-appandstore-cell-app:before { width: 45px; height: 45px; left: 0px; top: 0; bottom: 0; margin: auto 0; border: 1px solid #d8d8d8; border-radius: 10px; box-sizing: border-box; }

.footer-appandstore .footer-appandstore-cell-store { position: relative; padding-left: 53px; }
.footer-appandstore .footer-appandstore-cell-store:before { position: absolute; content: ""; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwIDEwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM4ODg4ODg7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNODguMzEsMjguMDljLTAuMDQtMC40My0wLjI0LTAuODEtMC41My0xLjA5di04LjQ1YzAtMC45Ny0wLjc5LTEuNzYtMS43Ni0xLjc2SDE0LjMxCgljLTAuOTcsMC0xLjc2LDAuNzktMS43NiwxLjc2VjI3Yy0wLjI5LDAuMjgtMC40OSwwLjY2LTAuNTMsMS4wOWwtMy4xOCwzMS40Yy0wLjA1LDAuNDksMC4xMSwwLjk5LDAuNDQsMS4zNQoJYzAuMzMsMC4zNywwLjgxLDAuNTgsMS4zLDAuNThoMi43MnYyNS4xM2MwLDAuOTcsMC43OSwxLjc2LDEuNzYsMS43Nmg0My45YzAuOTcsMCwxLjc2LTAuNzksMS43Ni0xLjc2VjYxLjQyaDEzLjcydjI1LjEzCgljMCwwLjk3LDAuNzksMS43NiwxLjc2LDEuNzZIODVjMC45NywwLDEuNzYtMC43OSwxLjc2LTEuNzZWNjEuNDJoMi45OGMwLjUsMCwwLjk3LTAuMjEsMS4zLTAuNThjMC4zMy0wLjM3LDAuNDktMC44NiwwLjQ0LTEuMzUKCUw4OC4zMSwyOC4wOXogTTE2LjA3LDIwLjMxaDY4LjE5djUuMjFIMTYuMDdWMjAuMzF6IE04NSw1Ny45MWMtMC45NywwLTEuNzYsMC43OS0xLjc2LDEuNzZWODQuOGgtNS4yOFY1OS42NwoJYzAtMC45Ny0wLjc5LTEuNzYtMS43Ni0xLjc2SDU4Ljk3Yy0wLjk3LDAtMS43NiwwLjc5LTEuNzYsMS43NlY4NC44SDE2LjgyVjU5LjY3YzAtMC45Ny0wLjc5LTEuNzYtMS43Ni0xLjc2aC0yLjUzbDIuODMtMjcuODkKCWg2OS42MmwyLjgyLDI3Ljg5SDg1eiBNNTAuMTcsNTcuOTFoLTI2LjNjLTAuOTcsMC0xLjc2LDAuNzktMS43NiwxLjc2djE3LjkxYzAsMC45NywwLjc5LDEuNzYsMS43NiwxLjc2aDI2LjMKCWMwLjk3LDAsMS43Ni0wLjc5LDEuNzYtMS43NlY1OS42N0M1MS45Miw1OC43LDUxLjE0LDU3LjkxLDUwLjE3LDU3LjkxeiBNNDguNDEsNzUuODJIMjUuNjJ2LTE0LjRoMjIuNzlWNzUuODJ6Ii8+Cjwvc3ZnPgo=); background-size: 100% 100%; }
.footer-appandstore .footer-appandstore-cell-store:before { width: 40px; height: 40px; left: 3px; top: 0; bottom: 0; margin: auto 0; }

.footer-nav-ttl { font-weight: bold; }

.footer-nav { font-size: 12px; font-size: 1.2rem; box-sizing: border-box; padding: 0 10px; }
.footer-nav:after { display: block; clear: both; content: ""; height: 0.01px; }
.footer-nav > li { float: left; padding: 0 10px; position: relative; margin-top: 5px; }
.footer-nav > li:before, .footer-nav > li:after { position: absolute; content: ""; top: .2em; height: 12px; width: 1px; background: #b5b5b5; }
.footer-nav > li:before { left: 0; display: none; }
.footer-nav > li:after { right: 0; }
.footer-nav > li:first-child:before { display: block; }
.footer-nav > li a { display: block; text-decoration: none; }
.footer-nav > li a:hover, .footer-nav > li a:active, .footer-nav > li a:focus { text-decoration: underline; }

.footer-forbiz { display: block; width: 240px; padding: 10px 12px; background-color: #f8f8f8; border-radius: 3px; text-decoration: none; }
.footer-forbiz .footer-forbiz-title { font-size: 14px; font-weight: bold; line-height: 1.8; }
.footer-forbiz .footer-forbiz-text { font-size: 12px; }
.footer-forbiz .footer-forbiz-inner { position: relative; padding-left: 58px; }
.footer-forbiz .footer-forbiz-inner::before { position: absolute; content: ""; background-image: url(/svg/common/logo-forbiz.svg); background-size: 100% 100%; width: 48px; height: 48px; left: 0px; top: 0; bottom: 0; margin: auto 0; }

.contents { position: relative; }

.footer-copyright { background: #fff; border-bottom: solid 10px #eee; }

.footer-copyright__inr { padding: 18px 0; text-align: center; font-weight: bold; }

#footer-page-top { width: 80px; height: 60px; overflow: hidden; display: inline; z-index: 100; bottom: 0; right: 50%; margin-right: -650px; }
#footer-page-top > a { position: absolute; bottom: -20px; display: block; background: rgba(51, 51, 51, 0.9); width: 80px; height: 80px; border-radius: 50%; }
#footer-page-top > a:before { position: absolute; content: ""; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggMjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDI2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00Ny43LDI0LjNsLTIzLTI0QzI0LjYsMC4xLDI0LjMsMCwyNCwwaDBjLTAuMywwLTAuNSwwLjEtMC43LDAuM2wtMjMsMjRjLTAuNCwwLjQtMC40LDEsMCwxLjQNCglDMC41LDI1LjksMC44LDI2LDEsMjZjMC4zLDAsMC41LTAuMSwwLjctMC4zTDI0LDIuNGwyMi4zLDIzLjJjMC40LDAuNCwxLDAuNCwxLjQsMEM0OC4xLDI1LjMsNDguMSwyNC43LDQ3LjcsMjQuM3oiLz4NCjwvc3ZnPg0K); width: 26px; height: 14px; background-size: 100% 100%; top: 25px; right: 0; left: 0; margin: 0 auto; }
#footer-page-top > a > span { display: block; width: 1px; height: 1px; overflow: hidden; }

#footer-page-top { position: fixed; visibility: hidden; opacity: 0; transition: .3s; z-index: 100; }
#footer-page-top.is-active { visibility: visible; opacity: 1; }

@media screen and (max-width: 1340px) { #footer-page-top { right: 20px; margin-right: 0; } }
/* ---------------------------------------------------------------
	modules
--------------------------------------------------------------- */
/*	headings
----------------------------------------------------------- */
/* .ttl-page
------------------------------------ */
.ttl-page { font-size: 22px; font-size: 2.2rem; margin-bottom: 30px; }
.ttl-page > img { max-width: 100%; }

.ttl-page--cart { position: relative; padding-left: 55px; }
.ttl-page--cart:before { content: ""; position: absolute; top: -7px; left: 0; width: 40px; height: 40px; background-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluICAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQ5LjNweCIgaGVpZ2h0PSI0OS4zcHgiIHZpZXdCb3g9IjAgMCA0OS4zIDQ5LjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ5LjMgNDkuMyIKCSB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGRlZnM+CjwvZGVmcz4KPGc+Cgk8cGF0aCBkPSJNNDguNywxNC41Yy0wLjYtMC44LTEuNi0xLjItMi43LTEuMkgxMC40TDguNiw1LjVDOC4yLDMuNSw2LjMsMS41LDQuNCwxTDEuMywwQzAuNy0wLjEsMC4yLDAuMiwwLDAuNwoJCUMtMC4xLDEuMywwLjIsMS44LDAuNywybDMuMSwwLjljMS4yLDAuNCwyLjYsMS44LDIuOSwzbDUuNywyNC43YzAuNSwyLjEsMi41LDMuNyw0LjYsMy43aDI0YzIuMSwwLDQuMi0xLjYsNC43LTMuNmwzLjUtMTMuMgoJCUM0OS41LDE2LjMsNDkuMywxNS4zLDQ4LjcsMTQuNXogTTQ3LjMsMTYuOWwtMy41LDEzLjJjLTAuMywxLjEtMS42LDIuMi0yLjgsMi4ySDE3Yy0xLjIsMC0yLjQtMS0yLjctMi4xbC0zLjQtMTQuOUg0NgoJCWMwLjUsMCwwLjksMC4yLDEuMSwwLjVDNDcuMywxNiw0Ny40LDE2LjQsNDcuMywxNi45eiIvPgoJPHBhdGggZD0iTTE4LDM3LjNjLTMuMywwLTYsMi43LTYsNnMyLjcsNiw2LDZzNi0yLjcsNi02UzIxLjMsMzcuMywxOCwzNy4zeiBNMTgsNDcuM2MtMi4yLDAtNC0xLjgtNC00czEuOC00LDQtNHM0LDEuOCw0LDQKCQlTMjAuMiw0Ny4zLDE4LDQ3LjN6Ii8+Cgk8cGF0aCBkPSJNMzksMzcuM2MtMy4zLDAtNiwyLjctNiw2czIuNyw2LDYsNnM2LTIuNyw2LTZTNDIuMywzNy4zLDM5LDM3LjN6IE0zOSw0Ny4zYy0yLjIsMC00LTEuOC00LTRzMS44LTQsNC00czQsMS44LDQsNAoJCVM0MS4yLDQ3LjMsMzksNDcuM3oiLz4KPC9nPgo8L3N2Zz4K); background-size: 100% 100%; }

.ttl-page__update { font-size: 14px; font-size: 1.4rem; margin-left: 20px; }

/* .ttl-sec
------------------------------------ */
.ttl-sec { font-size: 18px; font-size: 1.8rem; padding-top: 15px; border-top: 1px solid #888; font-weight: normal; margin-bottom: 30px; }
.ttl-sec span{font-size: .8em; margin-left: .7em;}

.wrap-ttl-sec { border-top: 1px solid #888; margin-bottom: 30px; padding-top: 15px; }
.wrap-ttl-sec:after { display: block; clear: both; content: ""; height: 0.01px; }
.wrap-ttl-sec > .ttl-sec { float: left; border-top: none; padding-top: 0; margin-bottom: 0; }
.wrap-ttl-sec > .ttl-sec > *:last-child { margin-bottom: 0; }
.wrap-ttl-sec > .ttl-sec-meta { float: right; }
.wrap-ttl-sec > .ttl-sec-meta > *:last-child { margin-bottom: 0; }
.wrap-ttl-sec > .ttl-sec-meta > form > *:last-child { margin-bottom: 0; }

.wrap-ttl-sec--row > .ttl-sec { float: none; margin-bottom: 10px; }
.wrap-ttl-sec--row > .ttl-sec-meta { float: none; }

/* .ttl-ter
------------------------------------ */
.ttl-ter { font-size: 16px; font-size: 1.6rem; font-weight: bold; margin-bottom: 10px; }

/*	paragraphs
----------------------------------------------------------- */
/* paragraph
------------------------------------ */
.txt { margin-bottom: 20px; }

.txt-lead { margin-bottom: 5px; font-weight: bold; }

.txt--toggle { position: relative; padding-right: 16px; text-decoration: none; }
.txt--toggle:before { position: absolute; content: ""; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwNDAwMDAiIGQ9Ik0yNy43LDAuM2MtMC40LTAuNC0xLTAuNC0xLjQsMC4xTDE0LDEzLjVMMS43LDAuM2MtMC40LTAuNC0xLTAuNC0xLjQtMC4xYy0wLjQsMC40LTAuNCwxLTAuMSwxLjRsMTMsMTQNCgljMC4yLDAuMiwwLjUsMC4zLDAuNywwLjNoMGMwLjMsMCwwLjUtMC4xLDAuNy0wLjNsMTMtMTRDMjguMSwxLjMsMjguMSwwLjYsMjcuNywwLjN6Ii8+DQo8L3N2Zz4NCg==); background-size: 100% 100%; }
.txt--toggle:before { top: 50%; right: 0; width: 11px; height: 7px; margin-top: -4px; }
.jq-toggle.is-active .txt--toggle { position: relative; }
.jq-toggle.is-active .txt--toggle:before { position: absolute; content: ""; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggMjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDI2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwNDAwMDAiIGQ9Ik00Ny43LDI0LjNsLTIzLTI0QzI0LjYsMC4xLDI0LjMsMCwyNCwwaDBjLTAuMywwLTAuNSwwLjEtMC43LDAuM2wtMjMsMjRjLTAuNCwwLjQtMC40LDEsMCwxLjQNCglDMC41LDI1LjksMC44LDI2LDEsMjZjMC4zLDAsMC41LTAuMSwwLjctMC4zTDI0LDIuNGwyMi4zLDIzLjJjMC40LDAuNCwxLDAuNCwxLjQsMEM0OC4xLDI1LjMsNDguMSwyNC43LDQ3LjcsMjQuM3oiLz4NCjwvc3ZnPg0K); background-size: 100% 100%; }

/*	error
----------------------------------------------------------- */
/* error-comment
------------------------------------ */
.error-comment { margin-bottom: 20px; }
.error-comment.baloon--top { padding-bottom: 12px; }
.error-comment.baloon--bottom { padding-top: 0; }

.baloon--none .error-comment__inr:before { }
.error-comment__inr { position: relative; padding: 10px; background: #fff3f4; color: #ff3344; }
.baloon--top .error-comment__inr:before { position: absolute; content: ""; bottom: -12px; left: 20px; width: 0; height: 0; border-style: solid; border-width: 12px 7.5px 0 7.5px; border-color: #fff3f4 transparent transparent transparent; }
.baloon--bottom .error-comment__inr:before { position: absolute; content: ""; top: -12px; left: 20px; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 12px 7.5px; border-color: transparent transparent #fff3f4 transparent; }
.error-comment__inr > *:last-child { margin-bottom: 0; }

.error__text { position: relative; vertical-align: middle; padding-left: 30px; color: #f34; margin-bottom: 10px; text-align: left;}
.error__text:before { position: absolute; content: ""; top: -2px; left: 0; width: 20px; height: 20px; background-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluICAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyIKCSB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxkZWZzPgo8L2RlZnM+CjxwYXRoIGZpbGw9IiNFODNBNDUiIGQ9Ik0yNSwwQzExLjIsMCwwLDExLjIsMCwyNXMxMS4yLDI1LDI1LDI1czI1LTExLjIsMjUtMjVTMzguOCwwLDI1LDB6IE0yNCwxM2MwLTAuNiwwLjQtMSwxLTFzMSwwLjQsMSwxdjE2CgljMCwwLjYtMC40LDEtMSwxcy0xLTAuNC0xLTFWMTN6IE0yNSwzOC41Yy0xLjQsMC0yLjUtMS4xLTIuNS0yLjVjMC0xLjQsMS4xLTIuNSwyLjUtMi41czIuNSwxLjEsMi41LDIuNQoJQzI3LjUsMzcuNCwyNi40LDM4LjUsMjUsMzguNXoiLz4KPC9zdmc+Cg==); background-size: 100% 100%; }

/* error-page
------------------------------------ */
.error-page { background-image: url(../../images/common/bg-stripe.png); padding: 40px 20px; margin-bottom: 30px; overflow: hidden; position: relative; }

.error-page__text { text-align: center; }

.error-page__number { position: absolute; bottom: -22px; right: -2px; text-align: right; font-weight: bold; font-size: 60px; color: #333; opacity: 0.15; }

/* error-page-logo
------------------------------------ */
.error-page-logo { position: relative; width: 240px; height: 26px; margin: 100px auto 40px; }
.error-page-logo a { display: block; width: 240px; height: 26px; }
.error-page-logo a:hover, .error-page-logo a:active, .error-page-logo a:focus { opacity: 1; }
.error-page-logo svg { position: absolute; transition: 0; left: 0; width: 100%; height: 100%; }

/*	section
----------------------------------------------------------- */
/* section
------------------------------------ */
.section { margin-bottom: 60px; }
.section > *:last-child { margin-bottom: 0; }

/* section--s
------------------------------------ */
.section--s { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
.section--s > *:last-child { margin-bottom: 0; }

.section--s--no-boder { border-bottom: none; padding-bottom: 0; }

/*	column
----------------------------------------------------------- */
/* .col
------------------------------------ */
.col { margin-top: -20px; margin-bottom: 20px; }
.col:after { display: block; clear: both; content: ""; height: 0.01px; }
.col > .col__col { box-sizing: border-box; margin-top: 20px; float: left; }
.col > .col__col > *:last-child { margin-bottom: 0; }
.col > .col__col img { max-width: 100%; }

/* .col--2
------------------------------------ */
.row .col--2 > .col__col { margin-left: 30px; width: 475px; }
.primary .col--2 > .col__col { margin-left: 30px; width: 345px; }
.modal .col--2 > .col__col { margin-left: 2.9703%; width: 48.51485%; }
.col--2 > .col__col:nth-child(2n+1) { clear: both; margin-left: 0; }
.col--2 > .col__col.nth-child { clear: both; margin-left: 0; }

/* .col--3
------------------------------------ */
.row .col--3 > .col__col { margin-left: 30px; width: 306px; }
.primary .col--3 > .col__col { margin-left: 30px; width: 220px; }
.modal .col--3 > .col__col { margin-left: 3.84615%; width: 30.76923%; }
.col--3 > .col__col:nth-child(3n+1) { clear: both; margin-left: 0; }
.col--3 > .col__col.nth-child { clear: both; margin-left: 0; }

/* .col--4
------------------------------------ */
.row .col--4 > .col__col { margin-left: 30px; width: 222px; }
.primary .col--4 > .col__col { margin-left: 30px; width: 157px; }
.modal .col--4 > .col__col { margin-left: 2.80374%; width: 22.8972%; }
.col--4 > .col__col:nth-child(4n+1) { clear: both; margin-left: 0; }
.col--4 > .col__col.nth-child { clear: both; margin-left: 0; }

/* .col--5
------------------------------------ */
.row .col--5 > .col__col { margin-left: 30px; width: 172px; }
.primary .col--5 > .col__col { margin-left: 30px; width: 120px; }
.modal .col--5 > .col__col { margin-left: 2.72727%; width: 17.81818%; }
.col--5 > .col__col:nth-child(5n+1) { clear: both; margin-left: 0; }
.col--5 > .col__col.nth-child { clear: both; margin-left: 0; }

/* .col--6
------------------------------------ */
.row .col--6 > .col__col { margin-left: 30px; width: 120px; }
.modal .col--6 > .col__col { margin-left: 2.65487%; width: 17.34513%; }
.col--6 > .col__col:nth-child(6n+1) { clear: both; margin-left: 0; }
.col--6 > .col__col.nth-child { clear: both; margin-left: 0; }

/* .col--6b ブランド一覧用
------------------------------------ */
.row .col--6b > .col__col { margin-left: 30px; width: 138px; }
.modal .col--6b > .col__col { margin-left: 2.65487%; width: 17.34513%; }
.col--6b > .col__col:nth-child(6n+1) { clear: both; margin-left: 0; }
.col--6b > .col__col.nth-child { clear: both; margin-left: 0; }

/* .col--7
------------------------------------ */
.row .col--7 > .col__col { margin-left: 23px; width: 120px; }
.col--7 > .col__col:nth-child(7n+1) { clear: both; margin-left: 0; }
.col--7 > .col__col.nth-child { clear: both; margin-left: 0; }

/*　カルーセル内 */
.jcarousel .col { margin-bottom: 0; }
.primary .jcarousel .col--4 > .col__col { margin-left: 20px; width: 145px; }
.row .jcarousel .col--4 > .col__col { margin-left: 30px; width: 199px; }
.jcarousel .col--4 > .col__col:nth-child(4n+1) { clear: both; margin-left: 0; }
.jcarousel .col--4 > .col__col.nth-child { clear: both; margin-left: 0; }
.row .jcarousel .col--5 > .col__col { margin-left: 30px; width: 153px; }
.jcarousel .col--5 > .col__col:nth-child(5n+1) { clear: both; margin-left: 0; }
.jcarousel .col--5 > .col__col.nth-child { clear: both; margin-left: 0; }

/*　ボックス > カルーセル内 */
.row .box .jcarousel .col--5 > .col__col { margin-left: 30px; width: 144px; }
.box .jcarousel .col--5 > .col__col:nth-child(5n+1) { clear: both; margin-left: 0; }
.box .jcarousel .col--5 > .col__col.nth-child { clear: both; margin-left: 0; }

/*	link
----------------------------------------------------------- */
/* .link
------------------------------------ */

.link { margin-bottom: 20px; }
.link a { position: relative; box-sizing: border-box; padding-left: 15px; display: inline-block; font-weight: normal; text-decoration: none; }
.link a:before { position: absolute; content: ""; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwNDAwMDAiIGQ9Ik0xNS43LDEzLjJsLTE0LTEzYy0wLjQtMC40LTEtMC40LTEuNCwwLjFjLTAuNCwwLjQtMC40LDEsMC4xLDEuNEwxMy41LDE0TDAuMywyNi4zYy0wLjQsMC40LTAuNCwxLTAuMSwxLjQNCglDMC41LDI3LjksMC43LDI4LDEsMjhjMC4yLDAsMC41LTAuMSwwLjctMC4zbDE0LTEzYzAuMi0wLjIsMC4zLTAuNSwwLjMtMC43UzE1LjksMTMuNCwxNS43LDEzLjJ6Ii8+DQo8L3N2Zz4NCg==); background-size: 100% 100%; }
.link a:before { top: 0; left: 0; width: 9px; height: 16px; }
.link.link--no-icon a { padding-left: 0; }
.link.link--no-icon a:before { display: none; }
.link.link--no-icon a:hover, .link.link--no-icon a:active, .link.link--no-icon a:focus { text-decoration: underline; }
.link.link--top a { position: relative; padding-left: 20px; }
.link.link--top a:before { position: absolute; content: ""; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggMjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDI2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwNDAwMDAiIGQ9Ik00Ny43LDI0LjNsLTIzLTI0QzI0LjYsMC4xLDI0LjMsMCwyNCwwaDBjLTAuMywwLTAuNSwwLjEtMC43LDAuM2wtMjMsMjRjLTAuNCwwLjQtMC40LDEsMCwxLjQNCglDMC41LDI1LjksMC44LDI2LDEsMjZjMC4zLDAsMC41LTAuMSwwLjctMC4zTDI0LDIuNGwyMi4zLDIzLjJjMC40LDAuNCwxLDAuNCwxLjQsMEM0OC4xLDI1LjMsNDguMSwyNC43LDQ3LjcsMjQuM3oiLz4NCjwvc3ZnPg0K); background-size: 100% 100%; }
.link.link--top a:before { top: .2em; left: 0; width: 16px; height: 9px; }
.link.link--bottom a { position: relative; padding-left: 20px; }
.link.link--bottom a:before { position: absolute; content: ""; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwNDAwMDAiIGQ9Ik0yNy43LDAuM2MtMC40LTAuNC0xLTAuNC0xLjQsMC4xTDE0LDEzLjVMMS43LDAuM2MtMC40LTAuNC0xLTAuNC0xLjQtMC4xYy0wLjQsMC40LTAuNCwxLTAuMSwxLjRsMTMsMTQNCgljMC4yLDAuMiwwLjUsMC4zLDAuNywwLjNoMGMwLjMsMCwwLjUtMC4xLDAuNy0wLjNsMTMtMTRDMjguMSwxLjMsMjguMSwwLjYsMjcuNywwLjN6Ii8+DQo8L3N2Zz4NCg==); background-size: 100% 100%; }
.link.link--bottom a:before { top: .2em; left: 0; width: 16px; height: 9px; }
.link.link--back a { position: relative; }
.link.link--back a:before { position: absolute; content: ""; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwNDAwMDAiIGQ9Ik0yLjUsMTRMMTUuNywxLjdjMC40LTAuNCwwLjQtMSwwLjEtMS40Yy0wLjQtMC40LTEtMC40LTEuNC0wLjFsLTE0LDEzQzAuMSwxMy40LDAsMTMuNywwLDE0DQoJczAuMSwwLjUsMC4zLDAuN2wxNCwxM2MwLjIsMC4yLDAuNCwwLjMsMC43LDAuM2MwLjMsMCwwLjUtMC4xLDAuNy0wLjNjMC40LTAuNCwwLjQtMS0wLjEtMS40TDIuNSwxNHoiLz4NCjwvc3ZnPg0K); background-size: 100% 100%; }

.favoriteList-link{ display: flex; justify-content: flex-end; }
.favoriteList-link .link{ margin-bottom: 0; }

/* .link-list
------------------------------------ */
.link-list { margin-bottom: 20px; }
.link-list > li { margin-bottom: 10px; }
.link-list > li > a { box-sizing: border-box; position: relative; padding-left: 15px; display: inline-block; font-weight: normal; text-decoration: none; }
.link-list > li > a:before { position: absolute; content: ""; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwNDAwMDAiIGQ9Ik0xNS43LDEzLjJsLTE0LTEzYy0wLjQtMC40LTEtMC40LTEuNCwwLjFjLTAuNCwwLjQtMC40LDEsMC4xLDEuNEwxMy41LDE0TDAuMywyNi4zYy0wLjQsMC40LTAuNCwxLTAuMSwxLjQNCglDMC41LDI3LjksMC43LDI4LDEsMjhjMC4yLDAsMC41LTAuMSwwLjctMC4zbDE0LTEzYzAuMi0wLjIsMC4zLTAuNSwwLjMtMC43UzE1LjksMTMuNCwxNS43LDEzLjJ6Ii8+DQo8L3N2Zz4NCg==); background-size: 100% 100%; }
.link-list > li > a:before { top: 0; left: 0; width: 9px; height: 16px; }
.link-list > li:last-child { margin-bottom: 0; }
.link-list > li .link-list { margin-top: 10px; }
.link-list.col--2, .link-list.col--3, .link-list.col--4 { margin-top: -20px; }
.link-list.col--2 > li, .link-list.col--3 > li, .link-list.col--4 > li { margin-top: 20px; margin-bottom: 0; }
.link-list.no-icon > li a { padding-left: 0; }
.link-list.no-icon > li a:before { display: none; }
.link-list.no-icon > li a:hover, .link-list.no-icon > li a:active, .link-list.no-icon > li a:focus { text-decoration: underline; }
.link-list.link-list--no-icon > li a { padding-left: 0; }
.link-list.link-list--no-icon > li a:before { display: none; }
.link-list.link-list--no-icon > li a:hover, .link-list.link-list--no-icon > li a:active, .link-list.link-list--no-icon > li a:focus { text-decoration: underline; }
.link-list.link-list--underline > li a { text-decoration: underline; }
.link-list.link-list--underline > li a:hover, .link-list.link-list--underline > li a:active, .link-list.link-list--underline > li a:focus { text-decoration: none; }

/*	list
----------------------------------------------------------- */
/* list-base
------------------------------------ */
.list-bullet > li > *:last-child, .list-notice > li > *:last-child, .list-def > dt > *:last-child, .list-def > dd > *:last-child, .list-def > dd .list-def__info > *:last-child, .list-def > dd .list-def__meta > *:last-child, .list-def-row > dt > *:last-child, .list-def-row > dd > *:last-child, .list-def-price > dt > *:last-child, .list-def-price > dd > *:last-child { margin-bottom: 0; }

/* list-bullet
----------------------------------------------- */
.list-bullet { margin-bottom: 20px; }
.list-bullet > li { position: relative; padding-left: 15px; list-style: none; margin-bottom: 10px; }
.list-bullet > li:before { position: absolute; top: .6em; left: 0; width: 5px; height: 1px; background: #333; content: ""; }
.list-bullet > li:last-child { margin-bottom: 0; }

/* .list-notice
------------------------------------ */
.list-notice { font-size: 12px; font-size: 1.2rem; margin-bottom: 20px; color: #888; line-height: 18px; }
.list-notice > li { display: table; margin: 0 0 5px; }
.list-notice > li .list-notice__mark, .list-notice > li .list-notice__txt { display: table-cell; font-weight: normal; }
.list-notice > li .list-notice__mark { padding-right: .5em; width: .5em; white-space: nowrap; }
.list-notice > li:last-child { margin-bottom: 0; }
.list-notice.strong { color: #f34; }

/* .list-def
------------------------------------ */
.list-def { margin-bottom: 20px; overflow: hidden; }
.list-def:after { display: block; clear: both; content: ""; height: 0.01px; }
.list-def > dt { box-sizing: border-box; font-weight: bold; float: left; margin-right: 20px; margin-bottom: 10px; clear: both; }
.list-def > dt:nth-last-child(2) { margin-bottom: 0; }
.list-def > dd { overflow: hidden; margin-bottom: 10px; word-break: break-all; }
.list-def > dd:after { display: block; clear: both; content: ""; height: 0.01px; }
.list-def > dd:last-child { margin-bottom: 0; }
.list-def > dd .list-def__info { overflow: hidden; }
.list-def > dd .list-def__meta { float: right; }

/* .list-def-row
------------------------------------ */
.list-def-row { margin-bottom: 20px; }
.list-def-row > dt { font-weight: bold; margin-bottom: 5px; }
.list-def-row > dd { margin-bottom: 10px; }
.list-def-row > dd:last-child { margin-bottom: 0; }

/* .list-def-price
------------------------------------ */
.list-def-price { margin-bottom: 20px; }
.list-def-price:after { display: block; clear: both; content: ""; height: 0.01px; }
.list-def-price > dt { float: left; margin-bottom: 10px; clear: both; }
.list-def-price > dt:nth-last-child(2) { margin-bottom: 0; }
.list-def-price > dd { text-align: right; overflow: hidden; margin-bottom: 10px; }
.list-def-price > dd:after { display: block; clear: both; content: ""; height: 0.01px; }
.list-def-price > dd:last-child { margin-bottom: 0; }

/* .list-breadcrumb
------------------------------------ */
.list-breadcrumb { margin-bottom: 5px; }
.list-breadcrumb:after { display: block; clear: both; content: ""; height: 0.01px; }
.list-breadcrumb > li { box-sizing: border-box; position: relative; position: relative; float: left; padding-left: 1.2em; }
.list-breadcrumb > li:before { position: absolute; content: ""; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwNDAwMDAiIGQ9Ik0xNS43LDEzLjJsLTE0LTEzYy0wLjQtMC40LTEtMC40LTEuNCwwLjFjLTAuNCwwLjQtMC40LDEsMC4xLDEuNEwxMy41LDE0TDAuMywyNi4zYy0wLjQsMC40LTAuNCwxLTAuMSwxLjQNCglDMC41LDI3LjksMC43LDI4LDEsMjhjMC4yLDAsMC41LTAuMSwwLjctMC4zbDE0LTEzYzAuMi0wLjIsMC4zLTAuNSwwLjMtMC43UzE1LjksMTMuNCwxNS43LDEzLjJ6Ii8+DQo8L3N2Zz4NCg==); background-size: 100% 100%; }
.list-breadcrumb > li a { text-decoration: none; }
.list-breadcrumb > li a:hover, .list-breadcrumb > li a:active, .list-breadcrumb > li a:focus { text-decoration: underline; }
.list-breadcrumb > li:before { position: absolute; content: ""; left: .3em; top: .25em; width: 8px; height: 10px; }
.list-breadcrumb > li:first-child { padding-left: 0; }
.list-breadcrumb > li:first-child:before { display: none; }

/* list-credit-card
----------------------------------------------- */
.list-credit-card { margin-bottom: 20px; letter-spacing: -.40em; margin-top: -5px; }
.list-credit-card > li { display: inline-block; letter-spacing: normal; margin-right: 5px; margin-top: 5px; }
.list-credit-card > li:last-child { margin-right: 0; }

/*	boxes
----------------------------------------------------------- */
/* box-base
------------------------------------ */
.box > *:last-child { margin-bottom: 0px; }

.box { padding: 30px 20px;margin-bottom: 30px; }

/* .box
------------------------------------ */
.box { box-sizing: border-box; border: 1px solid #ccc; border-radius: 10px; }
.box .box-ttl { box-sizing: border-box; font-size: 18px; font-size: 1.8rem; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.box .box-ttl--no-border { margin-bottom: 20px; padding-bottom: 0; border-bottom: none; }
.box .wrap-box-ttl { margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px solid #ccc; }
.box .wrap-box-ttl:after { display: block; clear: both; content: ""; height: 0.01px; }
.box .wrap-box-ttl > .box-ttl { float: left; border-bottom: none; margin-top: 0; margin-bottom: 0; padding-bottom: 0; }
.box .wrap-box-ttl > .box-ttl > *:last-child { margin-bottom: 0; }
.box .wrap-box-ttl > .box-ttl-meta { float: right; }
.box .wrap-box-ttl > .box-ttl-meta > *:last-child { margin-bottom: 0; }
.box .wrap-box-ttl > .box-ttl-meta > form > *:last-child { margin-bottom: 0; }
.box .wrap-box-ttl--overflow { border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.box .wrap-box-ttl--overflow:after { display: block; clear: both; content: ""; height: 0.01px; }
.box .wrap-box-ttl--overflow > .box-ttl { float: left; border-bottom: none; margin-top: 0; margin-bottom: 0; padding-bottom: 0; padding-top: 5px; margin-right: 20px; }
.box .wrap-box-ttl--overflow > .box-ttl > *:last-child { margin-bottom: 0; }
.box .wrap-box-ttl--overflow > .box-ttl-col { overflow: hidden; }
.box .wrap-box-ttl--overflow > .box-ttl-col .box-ttl-col__body:after { display: block; clear: both; content: ""; height: 0.01px; }
.box .wrap-box-ttl--overflow > .box-ttl-col .box-ttl-col__body__data { font-size: 18px; font-size: 1.8rem; float: left; padding-top: 5px; }
.box .wrap-box-ttl--overflow > .box-ttl-col .box-ttl-col__body__meta { float: right; }
.box .wrap-box-ttl--overflow > .box-ttl-col .box-ttl-col__body-sec { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #ccc; }
.box .wrap-box-ttl--overflow > .box-ttl-col .box-ttl-col__body-sec > *:last-child { margin-bottom: 0; }
.box .wrap-box-ttl--overflow > .box-ttl-meta { float: right; }
.box .wrap-box-ttl--overflow > .box-ttl-meta > *:last-child { margin-bottom: 0; }
.box .wrap-box-ttl--overflow > .box-ttl-meta > form > *:last-child { margin-bottom: 0; }
.box .wrap-box-ttl > .wrap-box-ttl-body { float: left; }
.box .wrap-box-ttl > .wrap-box-ttl-body > .box-ttl { float: none; border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.box .wrap-box-ttl > .wrap-box-ttl-body > *:last-child { margin-bottom: 0; }

.box--secondary { border: none; background: #eee; }

/* .box.col__col
------------------------------------ */
.box.col__col { margin-bottom: 10px; }

/* button
----------------------------------------------------------- */
/* button-base
------------------------------------ */
.btn { box-sizing: border-box; display: block; text-decoration: none; }
.btn .btn__inr, .btn .btn__inr_at { box-sizing: border-box; text-decoration: none; border-radius: 3px; background-color: #f5f5f5; border: none; text-align: center; cursor: pointer; }
.btn .btn__inr:hover, .btn .btn__inr:active, .btn .btn__inr:focus { opacity: .7; }

.btn { margin-bottom: 20px; }

.btn > .btn__inr { background-color: #f5f5f5; border: 1px solid #ccc; color: #333; }

.btn--primary > .btn__inr { background-color: #333; border: 1px solid #333; color: #fff; }

.btn > .btn__inr { font-size: 20px; font-size: 2rem; padding: 15px; width: auto; display: inline-block; padding: 10px 15px 8px; }

/* クチコミをするボタン
+------------------------------------ */
.btn_at { display: inline-block;}
.btn--primary > .btn__inr_at { background-color: #4EB691; border: 1px solid #4EB691; color: #fff; margin-left: 5px; }
.btn > .btn__inr_at { font-size: 20px; font-size: 2rem; padding: 15px; width: auto; display: inline-block; padding: 10px 15px 8px; }

/*削除ボタン追加
----------------------------------------------------------- */
.btn02 { box-sizing: border-box; display: block; text-decoration: none; }
.btn02 { box-sizing: border-box; text-decoration: none; border-radius: 3px; background-color: #fff; border: none; text-align: center; margin-bottom: 20px; padding: 10px 15px 8px; border: 1px solid #ccc; color: #ccc;}


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

.btn--s > .btn__inr { font-size: 13px; font-size: 1.3rem; width: auto; display: inline-block; padding: 9px 10px 6px; font-weight: normal; }

.btn--ss > .btn__inr,.btn--ss > .btn__inr_at { font-size: 11px; font-size: 1.1rem; width: auto; display: inline-block; padding: 7px 10px 5px; font-weight: normal; }

.btn--xss > .btn__inr { font-size: 11px; font-size: 1.1rem; width: auto; display: inline-block; padding: 3px 10px 2px; font-weight: normal; }

.is-disable.btn > .btn__inr { border-color: #eee; color: #ccc; cursor: inherit; }
.is-disable.btn > .btn__inr:hover, .is-disable.btn > .btn__inr:active, .is-disable.btn > .btn__inr:focus { opacity: 1; }

.is-stock-no.btn > .btn__inr { background-color: #ccc; border-color: #ccc; cursor: inherit; }
.is-stock-no.btn > .btn__inr:hover, .is-stock-no.btn > .btn__inr:active, .is-stock-no.btn > .btn__inr:focus { opacity: 1; }

/* .btn(成り行き幅)
------------------------------------ */
.btn--fs-s > .btn__inr { font-size: 16px; font-size: 1.6rem; padding: 13px 15px 11px; }

.btn--s.btn--plus > .btn__inr { position: relative; padding-left: 30px; }
.btn--s.btn--plus > .btn__inr:before, .btn--s.btn--plus > .btn__inr:after { content: ""; position: absolute; background: #333; }
.btn--s.btn--plus > .btn__inr:before { width: 12px; height: 2px; top: 50%; left: 10px; margin-top: -1px; }
.btn--s.btn--plus > .btn__inr:after { width: 2px; height: 12px; top: 50%; left: 15px; margin-top: -6px; }

.btn--toggle > .btn__inr { position: relative; padding-right: 31px; }
.btn--toggle > .btn__inr:before { position: absolute; content: ""; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI4IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwNDAwMDAiIGQ9Ik0yNy43LDAuM2MtMC40LTAuNC0xLTAuNC0xLjQsMC4xTDE0LDEzLjVMMS43LDAuM2MtMC40LTAuNC0xLTAuNC0xLjQtMC4xYy0wLjQsMC40LTAuNCwxLTAuMSwxLjRsMTMsMTQNCgljMC4yLDAuMiwwLjUsMC4zLDAuNywwLjNoMGMwLjMsMCwwLjUtMC4xLDAuNy0wLjNsMTMtMTRDMjguMSwxLjMsMjguMSwwLjYsMjcuNywwLjN6Ii8+DQo8L3N2Zz4NCg==); background-size: 100% 100%; }
.btn--toggle > .btn__inr:before { top: 50%; right: 10px; width: 16px; height: 9px; margin-top: -4.5px; }
.jq-toggle.is-active .btn--toggle > .btn__inr { position: relative; }
.jq-toggle.is-active .btn--toggle > .btn__inr:before { position: absolute; content: ""; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDggMjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDI2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwNDAwMDAiIGQ9Ik00Ny43LDI0LjNsLTIzLTI0QzI0LjYsMC4xLDI0LjMsMCwyNCwwaDBjLTAuMywwLTAuNSwwLjEtMC43LDAuM2wtMjMsMjRjLTAuNCwwLjQtMC40LDEsMCwxLjQNCglDMC41LDI1LjksMC44LDI2LDEsMjZjMC4zLDAsMC41LTAuMSwwLjctMC4zTDI0LDIuNGwyMi4zLDIzLjJjMC40LDAuNCwxLDAuNCwxLjQsMEM0OC4xLDI1LjMsNDguMSwyNC43LDQ3LjcsMjQuM3oiLz4NCjwvc3ZnPg0K); background-size: 100% 100%; }

.btn--min > .btn__inr { min-width: 300px; }

.col .btn > .btn__inr { width: 100%; }

/* .btn-list-line
------------------------------------ */
.btn-list-line { box-sizing: border-box; margin: -20px 0 20px; }
.btn-list-line:after { display: block; clear: both; content: ""; height: 0.01px; }
.btn-list-line > li { float: left; margin: 20px 10px 0 0; }
.btn-list-line > li > * { margin-bottom: 0; }
.btn-list-line > li:last-child { margin-right: 0; }

/* .btn-list-form
------------------------------------ */
.btn-list-form { text-align: center; margin-bottom: 20px; }
.btn-list-form > li { display: inline-block; margin-left: 15px; vertical-align: middle; }
.btn-list-form > li > * { margin-bottom: 0; }
.btn-list-form > li:first-child { margin-left: 0; }

/*	utility
----------------------------------------------------------- */
/* Display Control
------------------------------------ */
.disp-block { display: block !important; }

.disp-inline-block { display: inline-block !important; }

.disp-inline { display: inline !important; }

.disp-table { display: table !important; }

.disp-table-cell { display: table-cell !important; }

.disp-none { display: none !important; }

/* Position
------------------------------------ */
.pos-top { top: 0 !important; }

.pos-right { right: 0 !important; }

.pos-bottom { bottom: 0 !important; }

.pos-left { left: 0 !important; }

/* Overflow Control
------------------------------------ */
.overflow-hidden { overflow: hidden !important; }

/* Align Control
------------------------------------ */
.t-align__left { text-align: left !important; }

.t-align__center { margin-right: auto !important; margin-left: auto !important; text-align: center !important; }

.t-align__right { text-align: right !important; }

.t-valign__top { vertical-align: top !important; }

.t-valign__middle { vertical-align: middle !important; }

.t-valign__bottom { vertical-align: bottom !important; }

/* Float Control
------------------------------------ */
.fl-left { float: left !important; }

.fl-right { float: right !important; }

/* Font-size Control
------------------------------------ */
.fs-10 { font-size: 10px !important; font-size: 1.0rem !important; }

.fs-11 { font-size: 11px !important; font-size: 1.1rem !important; }

.fs-12 { font-size: 12px !important; font-size: 1.2rem !important; }

.fs-13 { font-size: 13px !important; font-size: 1.3rem !important; }

.fs-14 { font-size: 14px !important; font-size: 1.4rem !important; }

.fs-15 { font-size: 15px !important; font-size: 1.5rem !important; }

.fs-16 { font-size: 16px !important; font-size: 1.6rem !important; }

.fs-18 { font-size: 18px !important; font-size: 1.8rem !important; }

.fs-22 { font-size: 22px !important; font-size: 2.2rem !important; }

/* Font-wight Control
------------------------------------ */
.fw-strong { font-weight: bold !important; }

.fw-normal { font-weight: normal !important; }

/* Font-Color Control
------------------------------------ */
.fc-notice { color: #888; }
.fc-white { color: #fff; }

/* Text-decoration Control
------------------------------------ */
.deco-underline { text-decoration: underline; }
.deco-underline:hover, .deco-underline:active, .deco-underline:focus { text-decoration: none; }

.deco-none { text-decoration: none; }
.deco-none:hover, .deco-none:active, .deco-none:focus { text-decoration: underline; }

/* Width Control
------------------------------------ */
.w-5 { width: 5% !important; }

.w-10 { width: 10% !important; }

.w-15 { width: 15% !important; }

.w-20 { width: 20% !important; }

.w-25 { width: 25% !important; }

.w-30 { width: 30% !important; }

.w-35 { width: 35% !important; }

.w-40 { width: 40% !important; }

.w-45 { width: 45% !important; }

.w-50 { width: 50% !important; }

.w-55 { width: 55% !important; }

.w-60 { width: 60% !important; }

.w-65 { width: 65% !important; }

.w-70 { width: 70% !important; }

.w-75 { width: 75% !important; }

.w-80 { width: 80% !important; }

.w-85 { width: 85% !important; }

.w-90 { width: 90% !important; }

.w-95 { width: 95% !important; }

.w-100 { width: 100% !important; }

.w-auto { width: auto !important; }

.w-min-100 { min-width: 100px !important; }

.w-min-300 { min-width: 300px !important; }

/* Height Control
------------------------------------ */
.h-100 { height: 100% !important; }

.h-auto { height: auto !important; }

/* Margin and Padding Control
------------------------------------ */
.mg-top-0 { margin-top: 0px !important; }

.mg-right-0 { margin-right: 0px !important; }

.mg-bottom-0 { margin-bottom: 0px !important; }

.mg-left-0 { margin-left: 0px !important; }

.pd-top-0 { padding-top: 0px !important; }

.pd-right-0 { padding-right: 0px !important; }

.pd-bottom-0 { padding-bottom: 0px !important; }

.pd-left-0 { padding-left: 0px !important; }

.mg-top-5 { margin-top: 5px !important; }

.mg-right-5 { margin-right: 5px !important; }

.mg-bottom-5 { margin-bottom: 5px !important; }

.mg-left-5 { margin-left: 5px !important; }

.pd-top-5 { padding-top: 5px !important; }

.pd-right-5 { padding-right: 5px !important; }

.pd-bottom-5 { padding-bottom: 5px !important; }

.pd-left-5 { padding-left: 5px !important; }

.mg-top-10 { margin-top: 10px !important; }

.mg-right-10 { margin-right: 10px !important; }

.mg-bottom-10 { margin-bottom: 10px !important; }

.mg-left-10 { margin-left: 10px !important; }

.pd-top-10 { padding-top: 10px !important; }

.pd-right-10 { padding-right: 10px !important; }

.pd-bottom-10 { padding-bottom: 10px !important; }

.pd-left-10 { padding-left: 10px !important; }

.mg-top-15 { margin-top: 15px !important; }

.mg-right-15 { margin-right: 15px !important; }

.mg-bottom-15 { margin-bottom: 15px !important; }

.mg-left-15 { margin-left: 15px !important; }

.pd-top-15 { padding-top: 15px !important; }

.pd-right-15 { padding-right: 15px !important; }

.pd-bottom-15 { padding-bottom: 15px !important; }

.pd-left-15 { padding-left: 15px !important; }

.mg-top-20 { margin-top: 20px !important; }

.mg-right-20 { margin-right: 20px !important; }

.mg-bottom-20 { margin-bottom: 20px !important; }

.mg-left-20 { margin-left: 20px !important; }

.pd-top-20 { padding-top: 20px !important; }

.pd-right-20 { padding-right: 20px !important; }

.pd-bottom-20 { padding-bottom: 20px !important; }

.pd-left-20 { padding-left: 20px !important; }

.mg-top-25 { margin-top: 25px !important; }

.mg-right-25 { margin-right: 25px !important; }

.mg-bottom-25 { margin-bottom: 25px !important; }

.mg-left-25 { margin-left: 25px !important; }

.pd-top-25 { padding-top: 25px !important; }

.pd-right-25 { padding-right: 25px !important; }

.pd-bottom-25 { padding-bottom: 25px !important; }

.pd-left-25 { padding-left: 25px !important; }

.mg-top-30 { margin-top: 30px !important; }

.mg-right-30 { margin-right: 30px !important; }

.mg-bottom-30 { margin-bottom: 30px !important; }

.mg-left-30 { margin-left: 30px !important; }

.pd-top-30 { padding-top: 30px !important; }

.pd-right-30 { padding-right: 30px !important; }

.pd-bottom-30 { padding-bottom: 30px !important; }

.pd-left-30 { padding-left: 30px !important; }

.mg-top-35 { margin-top: 35px !important; }

.mg-right-35 { margin-right: 35px !important; }

.mg-bottom-35 { margin-bottom: 35px !important; }

.mg-left-35 { margin-left: 35px !important; }

.pd-top-35 { padding-top: 35px !important; }

.pd-right-35 { padding-right: 35px !important; }

.pd-bottom-35 { padding-bottom: 35px !important; }

.pd-left-35 { padding-left: 35px !important; }

.mg-top-40 { margin-top: 40px !important; }

.mg-right-40 { margin-right: 40px !important; }

.mg-bottom-40 { margin-bottom: 40px !important; }

.mg-left-40 { margin-left: 40px !important; }

.pd-top-40 { padding-top: 40px !important; }

.pd-right-40 { padding-right: 40px !important; }

.pd-bottom-40 { padding-bottom: 40px !important; }

.pd-left-40 { padding-left: 40px !important; }

.mg-top-45 { margin-top: 45px !important; }

.mg-right-45 { margin-right: 45px !important; }

.mg-bottom-45 { margin-bottom: 45px !important; }

.mg-left-45 { margin-left: 45px !important; }

.pd-top-45 { padding-top: 45px !important; }

.pd-right-45 { padding-right: 45px !important; }

.pd-bottom-45 { padding-bottom: 45px !important; }

.pd-left-45 { padding-left: 45px !important; }

.mg-top-50 { margin-top: 50px !important; }

.mg-right-50 { margin-right: 50px !important; }

.mg-bottom-50 { margin-bottom: 50px !important; }

.mg-left-50 { margin-left: 50px !important; }

.pd-top-50 { padding-top: 50px !important; }

.pd-right-50 { padding-right: 50px !important; }

.pd-bottom-50 { padding-bottom: 50px !important; }

.pd-left-50 { padding-left: 50px !important; }

.mg-top-55 { margin-top: 55px !important; }

.mg-right-55 { margin-right: 55px !important; }

.mg-bottom-55 { margin-bottom: 55px !important; }

.mg-left-55 { margin-left: 55px !important; }

.pd-top-55 { padding-top: 55px !important; }

.pd-right-55 { padding-right: 55px !important; }

.pd-bottom-55 { padding-bottom: 55px !important; }

.pd-left-55 { padding-left: 55px !important; }

.mg-top-60 { margin-top: 60px !important; }

.mg-right-60 { margin-right: 60px !important; }

.mg-bottom-60 { margin-bottom: 60px !important; }

.mg-left-60 { margin-left: 60px !important; }

.pd-top-60 { padding-top: 60px !important; }

.pd-right-60 { padding-right: 60px !important; }

.pd-bottom-60 { padding-bottom: 60px !important; }

.pd-left-60 { padding-left: 60px !important; }

.mg-top-65 { margin-top: 65px !important; }

.mg-right-65 { margin-right: 65px !important; }

.mg-bottom-65 { margin-bottom: 65px !important; }

.mg-left-65 { margin-left: 65px !important; }

.pd-top-65 { padding-top: 65px !important; }

.pd-right-65 { padding-right: 65px !important; }

.pd-bottom-65 { padding-bottom: 65px !important; }

.pd-left-65 { padding-left: 65px !important; }

.mg-top-70 { margin-top: 70px !important; }

.mg-right-70 { margin-right: 70px !important; }

.mg-bottom-70 { margin-bottom: 70px !important; }

.mg-left-70 { margin-left: 70px !important; }

.pd-top-70 { padding-top: 70px !important; }

.pd-right-70 { padding-right: 70px !important; }

.pd-bottom-70 { padding-bottom: 70px !important; }

.pd-left-70 { padding-left: 70px !important; }

.mg-top-75 { margin-top: 75px !important; }

.mg-right-75 { margin-right: 75px !important; }

.mg-bottom-75 { margin-bottom: 75px !important; }

.mg-left-75 { margin-left: 75px !important; }

.pd-top-75 { padding-top: 75px !important; }

.pd-right-75 { padding-right: 75px !important; }

.pd-bottom-75 { padding-bottom: 75px !important; }

.pd-left-75 { padding-left: 75px !important; }

.mg-last-reset > *:last-child { margin-bottom: 0 !important; }

/* Word-break Control
------------------------------------ */
.word-break-all { word-break: break-all; }


/*header_banner_image_tags*/


/* favorite brand */
.favorite_brand_names{ width: 260px; padding-bottom: 10px;	padding-right: 26px;  }
h2.fbh2{width: 100%;  border-top: 1px solid #666;  font-size: 13pt;  padding-top: 10px;  padding-bottom: 16px;  }
.favorite_brand_delete{  margin-top: -10px;  margin-bottom: 16px;  padding: 5px 20px;  cursor: pointer;  color: #333;  background-color: #eee;  }
.favorite_brand_checkbox{  width : 20px;  height : 20px;  }

/* favorite brand Delete*/
.favorite_brand_delete_button{
	background-color: #f5f5f5;
	margin-top: 20px; font-size: 13px; font-size: 1.3rem; width: auto; padding: 9px 10px 6px; font-weight: normal; border-radius: 3px;
}

.favorite_brand_delete_button:hover{
	opacity: 0.5;
}

.favorite_brand_delete_check { margin-top: -6px; margin-bottom: 16px; font-size: 13px; font-size: 1.3rem; width: auto; padding: 9px 10px 6px; font-weight: normal; border-radius: 6px; }

.favorite_brand_delete_cancel {
	background-color: #CCC;
	margin-top: -26px; margin-bottom: 10px; font-size: 13px; font-size: 1.3rem; width: auto; padding: 9px 10px 6px; font-weight: normal; border-radius: 3px;
}
.favorite_brand_delete_cancel:hover {
	opacity: 0.5;
}

.bg_checkbox li {width: 202px; position: relative; display: inline-table; margin: 0 10px 12px 10px;	padding: 0;	text-decoration: underline;}
.bg_checkbox li:hover {	opacity: 0.5; }
.bg_checkbox input { position: absolute; top: 0; opacity: 0; width: 100%; height: 100%;}
.bg_checkbox input[type="checkbox"] + label {
	display: block;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgd2lkdGg9IjE3LjgxM3B4IiBoZWlnaHQ9IjE3LjgxM3B4IiB2aWV3Qm94PSIwIDAgMTcuODEzIDE3LjgxMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTcuODEzIDE3LjgxMyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRTZFNkU2IiBkPSJNOC45MDYsMEMzLjk4OCwwLDAsMy45ODgsMCw4LjkwNnMzLjk4OCw4LjkwNiw4LjkwNiw4LjkwNnM4LjkwNi0zLjk4OCw4LjkwNi04LjkwNlMxMy44MjUsMCw4LjkwNiwweg0KCSBNMTMuNzY1LDcuMjU2bC01LjU0Nyw1LjU0N2MtMC4xMDEsMC4xMDItMC4yMzMsMC4xNTItMC4zNjYsMC4xNTJzLTAuMjY1LTAuMDUtMC4zNjYtMC4xNTJMNC4zNTcsOS42NzQNCgljLTAuMjAyLTAuMjAzLTAuMjAyLTAuNTMsMC0wLjczMmMwLjIwMi0wLjIwMiwwLjUzLTAuMjAyLDAuNzMyLDBsMi43NjMsMi43NjNsNS4xODEtNS4xODFjMC4yMDMtMC4yMDIsMC41My0wLjIwMiwwLjczMiwwDQoJQzEzLjk2OCw2LjcyNiwxMy45NjgsNy4wNTQsMTMuNzY1LDcuMjU2eiIvPg0KPC9zdmc+DQo=");
	background-size: 20px;
	background-position: 0px 3px;
	background-repeat: no-repeat;
	padding: 4px 0 0 28px;
}
.bg_checkbox input[type="checkbox"]:checked + label {
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgd2lkdGg9IjE3LjgxM3B4IiBoZWlnaHQ9IjE3LjgxM3B4IiB2aWV3Qm94PSIwIDAgMTcuODEzIDE3LjgxMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTcuODEzIDE3LjgxMyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNOC45MDYsMEMzLjk4OCwwLDAsMy45ODgsMCw4LjkwNnMzLjk4OCw4LjkwNiw4LjkwNiw4LjkwNnM4LjkwNi0zLjk4OCw4LjkwNi04LjkwNlMxMy44MjUsMCw4LjkwNiwweg0KCSBNMTMuNzY1LDcuMjU2bC01LjU0Nyw1LjU0N2MtMC4xMDEsMC4xMDItMC4yMzMsMC4xNTItMC4zNjYsMC4xNTJzLTAuMjY1LTAuMDUtMC4zNjYtMC4xNTJMNC4zNTcsOS42NzQNCgljLTAuMjAyLTAuMjAzLTAuMjAyLTAuNTMsMC0wLjczMmMwLjIwMi0wLjIwMiwwLjUzLTAuMjAyLDAuNzMyLDBsMi43NjMsMi43NjNsNS4xODEtNS4xODFjMC4yMDMtMC4yMDIsMC41My0wLjIwMiwwLjczMiwwDQoJQzEzLjk2OCw2LjcyNiwxMy45NjgsNy4wNTQsMTMuNzY1LDcuMjU2eiIvPg0KPC9zdmc+DQo=");
}

/* ベスコス受賞アイコン表示用
------------------------------------ */
.bestcosme-award-text, .ranking-place-text { 
  position: relative;
  margin-bottom: 5px;
  vertical-align: middle;
}
.bestcosme-award-text[data-label-size="s"], .ranking-place-text[data-label-size="s"] {
  padding-left: 17px;
  font-size: 0.769em;
  line-height: 16px;
}
.bestcosme-award-text[data-label-size="m"], .ranking-place-text[data-label-size="m"] {
  padding-left: 22px;
  line-height: 20px;
}
.ranking-place-text[data-label-size="l"] {
  padding-left: 29px;
  line-height: 25px;
}
#product-detail .ranking-place-text {
  margin-bottom: 5px;
  font-weight: bold;
}
.bestcosme-award-text::after, .ranking-place-text::after { 
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  content: '';
}
.bestcosme-award-text::after {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path style="fill:%23dec547;" d="M12,1.85C8.06,1.85,4.85,5.06,4.85,9s3.21,7.15,7.15,7.15s7.15-3.21,7.15-7.15S15.94,1.85,12,1.85z M12,14.59c-3.08,0-5.59-2.51-5.59-5.59S8.92,3.41,12,3.41S17.59,5.92,17.59,9S15.08,14.59,12,14.59z"/><circle style="fill:%23dec547;" cx="12" cy="9" r="4.21"/><path style="fill:%234dc1b7;" d="M12,16.15c-2.01,0-3.83-0.84-5.13-2.18v7.29c0,0.15,0.08,0.29,0.21,0.37c0.13,0.07,0.29,0.08,0.43,0l4.46-2.6l4.52,2.6c0.07,0.04,0.14,0.06,0.21,0.06s0.15-0.02,0.21-0.06c0.13-0.08,0.21-0.22,0.21-0.37v-7.29C15.83,15.31,14.01,16.15,12,16.15z"/><rect style="fill:none;stroke:none;" width="16" height="16"/></svg>') no-repeat center center;
}
.ranking-place-text::after {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path style="fill:%232eb6aa;" d="M15.01,10.72l-3-3.99l-3.01,4.02c-0.11,0.14-0.3,0.2-0.46,0.13l-5-1.91l2.46,9.58c0.13,0.6,0.67,1.04,1.3,1.04h9.43c0.63,0,1.17-0.44,1.3-1.03l2.46-9.62l-5,1.91C15.3,10.92,15.11,10.86,15.01,10.72z"/><circle style="fill:%232eb6aa;" cx="3.7" cy="8.76" r="1.7"/><circle style="fill:%232eb6aa;" cx="20.3" cy="8.76" r="1.7"/><circle style="fill:%232eb6aa;" cx="11.98" cy="6.25" r="1.7"/><rect style="fill:none;" width="16" height="16"/></svg>') no-repeat center center;
}
.bestcosme-award-text[data-label-size="m"]::after, .ranking-place-text[data-label-size="m"]::after {
  width: 20px;
  height: 20px;
}
.ranking-place-text[data-label-size="l"]::after {
  width: 25px;
  height: 25px;
}
.ranking-place-data {
  font-size: 12px;
  color: #888;
  font-weight: normal;
}

/* BD2022 ロゴ横アイコン
------------------------------------ */
.header-bdicon {
	display: table-cell;
	vertical-align: middle;
	padding-left: 30px;
	box-sizing: border-box;
}

/* ミニコスメバナー
------------------------------------ */
.banner_tagsearch  {
  width: 480px;
  margin: 0 auto;
}
.banner_tagsearch a  {
  display: block;
  padding: 18px 20px;
  background-color: #f5f5f5;
}
.banner_tagsearch_image[loading="lazy"] {
  display: block;
  background: url(/images/common/loading.gif) no-repeat center center;
  background-size: 25px 25px;
}
