@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

Notice:         当cssを更新する際は、common_pre.css も必ず更新すること
File name:      /spn/common/common.css
Created:        2012-05-07 by fujimotoo
by Author Style Info: spn common css document
----------------------------------------------------------- */
/* -----------------------------
Table of Contents

* css reset for smartphone
	-- font
	-- clearfix
	-- link
* css sprite
* loadSvg, svg
* layout
	-- cmn-hdr（static）
	-- cmn-bread
	-- cmn-scl
	-- cmn-ad-btm
	-- cmn-fot
* common parts
	-- icon-cmn-fav
	-- reviewer-average
	-- reviewer-rating
	-- icon-cmn-new
	-- icon-cmn-up
	-- icon-cmn-cmp
	-- icon-cmn-cmp-bln
	-- icon-cmn-prm
	-- ico-cmn-auth
	-- ico-official-bb (svg)
	-- ico-specialist-bb (svg)
	-- cmn-btn-grn
	-- cmn-btn-brw
	-- cmn-btn-beg
	-- cmn-btn-gld
	-- rnklgc
	-- about-prm
	-- pdt-shop-lst-pop
	-- ppl-atcl-smry
	-- act-bottom-nav
	-- static-header-info-image
	-- cmn-static-banner
* global-menu
* navi-ad
* webapp
	-- bottom menu (99996)
	-- slide menu (-1)
	-- dropdown (99995)
	-- popup (99997, 99998-99999)
	-- part overlay popup (99994)
	-- alert (99997)
	-- breadcrumb
	-- accordion2 (fltpup)
	-- fix
	-- image responsive trim
	-- feeling thickbox
----------------------------- */

/* ---------------------------------------------------------------
 reset for smartphone
--------------------------------------------------------------- */
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; -webkit-text-decoration-skip: none; }
body { line-height: 1; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }
ul { list-style: none; }
a { display: block; margin: 0; padding: 0; border: 0; vertical-align: baseline; outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 2px; border: 0; margin: 0; padding: 0; }
input, select { vertical-align: middle; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
img { vertical-align: bottom; }

/* font
----------------------------- */
html { -webkit-text-size-adjust: none; }
body, input, select, textarea { color: #333; font-size: 16px; font-family: ArialMT, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "TT-UDShinMGo-F-Droid-Regular", メイリオ, sans-serif; word-wrap: break-word; }

/* clearfix
----------------------------- */
.clearfix:after { display: block; clear: both; content: ""; }

/* link
----------------------------- */
a:link,a:visited,a:active { color: #068681; text-decoration: none; }

/* textarea placeholder
----------------------------- */
textarea::-webkit-input-placeholder,
textarea.placeholder {
	color: #999;
}

/* ---------------------------------------------------------------
 css sprite
--------------------------------------------------------------- */
.cmn-cdt-hdr .btn-sort span,
.cmn-btn-disp li.on,
.cmn-btn-disp li a {
	background-image: url("/images/spn/common/icons/ico_btn_130910.png");
	background-repeat: no-repeat;
	background-size: 27px 290px;
}
/* 共通画像 */
.cmn-hdng-nav .btn-prev span,
#cmn-pgr .inr ul:last-child li:first-child a,
#cmn-pgr .inr ul:last-child li:first-child.on,
#cmn-pgr-prnx li:first-child a,
#cmn-pgr-prnx li:first-child.on,
#cmn-pgr .inr ul:last-child li:last-child a,
#cmn-pgr .inr ul:last-child li:last-child.on,
#cmn-pgr-prnx li:last-child a,
#cmn-pgr-prnx li:last-child.on {
	background-repeat: no-repeat;
	background-size: 7px 11px;
}
#cmn-pgr .inr ul:last-child li:first-child a,
#cmn-pgr .inr ul:last-child li:first-child.on,
#cmn-pgr-prnx li:first-child a,
#cmn-pgr-prnx li:first-child.on {
	background-image: url("/images/spn/common/icons/ico_arw_bge_l.png");
	background-position: 3px center;
}
#cmn-pgr .inr ul:last-child li:last-child a,
#cmn-pgr .inr ul:last-child li:last-child.on,
#cmn-pgr-prnx li:last-child a,
#cmn-pgr-prnx li:last-child.on {
	background-image: url("/images/spn/common/icons/ico_arw_bge_r.png");
	background-position: 39px center;
}
#cmn-pgr-prnx li:last-child a,
#cmn-pgr-prnx li:last-child.on {
	background-position: 71px center;
}
/* 共通画像
----------------------------- */
/* dd-xx プルダウン内アイコン用 ※ico_nav_inr_xxxxxx.png画像は3箇所修正必須
----------------- */
#srch-kwd li:before {
	background: url("/images/spn/common/hdr/ico_nav_inr_1606.png") no-repeat;
	background-size: 32px 900px;
}
/* image replace
------------------------------------ */
#cmn-fot .fot-link .pup .icon-up,
.srch-sgst-focus .srch-sgst .srch-sgst-cncl {
	content: url("data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEUAAAALAAAAAABAAEAAAICRAEAOw==");
}

/* ---------------------------------------------------------------
 loadSvg, svg
--------------------------------------------------------------- */
.loadSvg,
.svg {
	display: none;
}

/* ---------------------------------------------------------------
 layout
--------------------------------------------------------------- */
body { width: 100%; }

/* cmn-hdr（static）
----------------------------------------------------------- */
#cmn-hdr {
	height: 44px;
	padding: 0 5px 0 8px;
	border-top: 3px solid #70bbaa;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}
#cmn-hdr .logo {
	height: 44px;
	line-height: 44px;
}
#cmn-hdr .logo img {
	width: 97px;
	vertical-align: middle;
}

/* jq-app-xx
----------------------------------------------------------- */

/* srch-sgst
----------------- */
.srch-sgst .suggest li:before,
.srch-sgst-focus .srch-sgst-cncl,
.srch-sgst #srch-uswl .srch-uswl-list li:before {
	background: url("/images/spn/common/icons/ico_srch_sp.png") no-repeat;
	background-size: 50px 900px;
}
.srch-sgst {
	padding: 2px 0 10px;
	border-bottom: 1px solid #e6e1d9;
}
.srch-sgst form {
	position: relative;
}
#srch-fw.srch-sgst form {
	margin: 0 7px;
}
.srch-sgst .srch-sgst-tab {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	position: relative;
	bottom: -1px;
	z-index: 1;
	padding-top: 30px;
}
body:not(.srch-sgst-focus) .srch-sgst .srch-sgst-tab {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.srch-sgst .srch-sgst-tab li {
	width: 49.8%; /* Android 4.3以下対応 */
	width: -webkit-calc(50% - 1px);
	width: calc(50% - 1px);
	padding: 9px 6px 6px;
	border: 1px solid #c2c0ba;
	border-bottom-color: #c2c0ba;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e5e0));
	background: linear-gradient(to bottom, #fff, #e7e5e0);
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.srch-sgst .srch-sgst-tab li.selected {
	position: relative;
	border-right-color: #c2c0ba;
	border-left-color: #c2c0ba;
	border-bottom: 0;
	background: #e9e4db;
}
.srch-sgst .srch-sgst-tab li.selected:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #aaa089;
	content: "";
}
.srch-sgst .srch-sgst-tab li a {
	margin: -9px -6px -6px;
	padding: 9px 6px 6px;
	-webkit-tap-highlight-color: rgba(0,0,0,.2);
}
.srch-sgst .srch-sgst-tab li > a {
	color: #333 !important;
}
.srch-sgst-focus .srch-sgst .srch-sgst-tab li {
	width: 33%;
}
.srch-sgst-focus .srch-sgst .srch-sgst-tab li:last-child {
	margin-left: 2px;
}
.srch-sgst .srch-sgst-tab-info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
	border: 1px solid #d9d3c9;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 1px 0 rgba(102,102,102,.2);
	box-shadow: 1px 1px 1px 0 rgba(102,102,102,.2);
	background: #fff;
	color: #333;
	font-weight: normal;
	line-height: 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.srch-sgst .srch-sgst-tab-info:before,
.srch-sgst .srch-sgst-tab-info:after {
	display: block;
	position: absolute;
	left: 30px;
	width: 0;
	border-width: 10px 6px 0;
	border-style: solid;
	content: "";
}
.srch-sgst .srch-sgst-tab-info:before {
	bottom: -11px;
	z-index: 0;
	border-color: #d9d3c9 transparent;
}
.srch-sgst .srch-sgst-tab-info:after {
	bottom: -10px;
	z-index: 1;
	border-color: #fff transparent;
}
.srch-sgst .srch-sgst-form {
	position: relative;
	margin-bottom: 5px;
	padding: 3px 46px 3px 3px;
	border: 1px solid #c2c0ba;
	background: #e9e4db;
}
.srch-sgst input[type="search"] {
	overflow: hidden;
	width: 100%;
	height: 33px;
	margin: 0;
	padding: 0.4em 8px 0;
	border: 1px solid #c6bfaf;
	border-right: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff !important; /* jsにて要素に直接styleされる対策 */
	font-size: 14px;
	line-height: 1;
	outline: 0;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.srch-sgst input[type="search"]::-webkit-search-cancel-button {
	display: none;
}
.srch-sgst:not(.overlay) form input[type="submit"] { /* notは#csmt-pdtに適用させない為 */
	position: absolute;
}
.srch-sgst:not(.overlay) .srch-sgst-form input[type="submit"] {
	/*! autoprefixer: off */
	top: 3px;
	right: 3px;
	width: 43px;
	padding: 0;
	border: 1px solid #c6bfaf;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background:
		url("/images/spn/common/icons/ico_srch_sp.png") no-repeat 10px -194px,
		-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e0d3)) left top;
	background:
		url("/images/spn/common/icons/ico_srch_sp.png") no-repeat 10px -194px,
		linear-gradient(to bottom, #fff, #e7e0d3) left top;
	background-size:
		50px 900px,
		auto;
	-webkit-appearance: none;

	/* contentによる画像置換はできない */
	overflow: hidden;
	height: 0;
	padding-top: 31px;
	line-height: 2;
}
.srch-sgst .suggest {
	position: absolute;
	z-index: 99995;
	top: 39px !important; /* jsにて要素に直接styleされる対策 */
	left: 0 !important;
	width: 100% !important;
}
.srch-sgst .suggest:before,
.srch-sgst .suggest:after {
	position: absolute;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #c6bfaf;
	content: "";
}
.srch-sgst .suggest:before {
	left: -1px;
}
.srch-sgst .suggest:after {
	right: -1px;
}
.srch-sgst .suggest li {
	position: relative;
	padding: 10px 8px 9px 21px;
	border-bottom: 1px solid #c6bfaf;
	background-color: #fff;
	font-size: 13px;
	line-height: 1.3;
}
.srch-sgst .suggest li:before {
	position: absolute;
	top: 50%;
	left: 7px;
	width: 9px;
	height: 10px;
	margin-top: -4px;
	background-position: left -500px;
	content: "";
}
.srch-sgst .suggest li:first-child {
	border-top: 1px solid #c6bfaf;
}
/* フォーカスされたら上部要素を隠す --> /js/spn/common.js */
.srch-sgst-focus #cmn-ad-hdr,
.srch-sgst-focus #rvw-total,
.srch-sgst-focus #component-global-header,
.srch-sgst-focus #srch-kwd {
	display: none;
}
/* キャンセルボタン */
.srch-sgst-focus .srch-sgst input[type="submit"] {
	right: 7px;
}
.srch-sgst .srch-sgst-cncl {
	display: none;
}
.srch-sgst-focus .srch-sgst .srch-sgst-cncl {
	display: block;
	position: absolute;
	top: 28px;
	right: 0;
	z-index: 2;
	width: 42px;
	height: 33px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-position: 13px -642px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* srch-uswl
----------------- */
.srch-sgst-focus * {
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* 後ろの要素にハイライトさせない対策 */
}
.srch-sgst #srch-uswl {
	/*! autoprefixer: off */
	display: none; /* 通常は非表示 */

	position: absolute;
	top: 123px;
	left: 0;
	z-index: 99994;
	width: 100%;

	/* 枠の下線 */
	background: -webkit-gradient(linear, left top, right top, from(#c6bfaf), to(#c6bfaf)) no-repeat 0 bottom #f0ece4;
	background: linear-gradient(to right, #c6bfaf, #c6bfaf) no-repeat 0 bottom #f0ece4;
	background-size: 100% 1px;
}
.srch-sgst #srch-uswl:before, /* 枠の左線 */
.srch-sgst #srch-uswl:after { /* 枠の右線 */
	position: absolute;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #c6bfaf;
	content: "";
}
.srch-sgst #srch-uswl:before {
	left: -1px;
}
.srch-sgst #srch-uswl:after {
	right: -1px;
}
.srch-sgst-focus .srch-sgst:not(.sgst-actv) #srch-uswl {
	display: block; /* フォームにフォーカスしたら表示、サジェスト中は非表示 */
}
.srch-sgst #srch-uswl .srch-uswl-tab {
	/*! autoprefixer: off */
	display: -webkit-box;
	display: -moz-box;
	display: box;
	width: 100%;
	border-top: 1px solid #c6bfaf; /* 枠の上線 */
	box-sizing: border-box;
}
.srch-sgst #srch-uswl .srch-uswl-tab li {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	width: 50%;
	padding: 12px 0;
	border-top: 1px solid #e3ded3;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.srch-sgst #srch-uswl.srch-hstr .srch-uswl-tab li:nth-child(2),
.srch-sgst #srch-uswl.srch-trnd .srch-uswl-tab li:nth-child(1) {
	border-top-color: #a79d85;
	background-color: #aaa089;
	color: #fff;
}
.srch-sgst #srch-uswl.srch-hstr .srch-uswl-list.srch-trnd,
.srch-sgst #srch-uswl.srch-trnd .srch-uswl-list.srch-hstr {
	display: none;
}
.srch-sgst #srch-uswl .srch-uswl-list li {
	position: relative;
	padding: 10px 10px 8px 29px;
	border-bottom: 1px solid #c6bfaf;
	color: #333;
	font-size: 13px;
	line-height: 1.4;
}

.srch-sgst #srch-uswl .srch-uswl-list li.null {
	padding: 12px 10px 10px 11px;
	border-bottom: 0;
	color: #aaa089;
	font-weight: bold;
}
.srch-sgst #srch-uswl .srch-uswl-list li:not(.null):before {
	position: absolute;
	content: "";
}
.srch-sgst #srch-uswl.srch-hstr .srch-uswl-list li:before {
	top: 11px;
	left: 10px;
	width: 16px;
	height: 14px;
	background-position: 0 -800px;
}
.srch-sgst #srch-uswl.srch-trnd .srch-uswl-list li:before {
	top: 11px;
	left: 10px;
	width: 15px;
	height: 13px;
	background-position: 0 -850px;
}
/* 新商品カテゴリ誘導枠を非表示 */
.srch-sgst-focus #csmt-pdt-rslt .cmn-cdt-dtl .new-ctg {
	display: none;
}
/* 誘導枠を非表示 */
.srch-sgst-focus .act-bottom-nav {
	display: none !important;
}

/* srch-kwd
----------------- */
#srch-kwd {
	margin: 4px 7px -5px;
}
#srch-kwd li {
	display: inline;
	position: relative;
	margin-right: 10px;
	word-wrap: break-word;
}
#srch-kwd a {
	display: inline;
	color: #333;
	font-size: 12px;
}
#srch-kwd span {
	border-bottom: 1px solid #91908e;
	line-height: 2.2;
}
/* アイコン関係 */
#srch-kwd li:before {
	display: inline-block;
	left: 0;
	vertical-align: middle;
	content: "";
}
#srch-kwd li.new:before {
	top: 3px;
	width: 27px;
	height: 17px;
	background-position: left -500px;
}
#srch-kwd li.hot:before {
	top: 4px;
	width: 25px;
	height: 14px;
	background-position: left -550px;
}
#srch-kwd li.up:before {
	top: 5px;
	width: 11px;
	height: 15px;
	background-position: left -600px;
}
#srch-kwd li.stay:before {
	top: 6px;
	width: 14px;
	height: 12px;
	background-position: left -650px;
}
#srch-kwd li.down:before {
	top: 5px;
	width: 11px;
	height: 15px;
	background-position: left -700px;
}

/* cmn-bread
------------------------------------------------------- */
#cmn-bread {
	position: relative;
	height: 26px;
	overflow: hidden;
	margin-bottom: 2px;
	padding: 0;
	border-top: 1px solid #c0b8a3;
	border-bottom: 1px solid #c0b8a3;
	background: #d7d1c3;
}
#cmn-bread ul {
	display: inline-block;
	white-space: nowrap;
	background-color: #f3f0e9;
}
#cmn-bread li {
	display: inline-block;
}
#cmn-bread li a,
#cmn-bread li > span {
	display: block;
	position: relative;
	float: left;
	padding: 0 2px 0 13px;
	color: #333;
}
#cmn-bread li a {
	background-color: #f3f0e9;
}
#cmn-bread li > span {
	background-color: #d7d1c3;
}
#cmn-bread li a span,
#cmn-bread li > span {
	display: block;
	font-size: 12px;
	line-height: 26px;
}
#cmn-bread li a:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 16px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 9px solid #f3f0e9;/* 三角の幅 */
	position: absolute;
	top: 50%;
	margin-top: -16px;
	left: 100%;
	z-index: 2;
}
#cmn-bread li a:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 16px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 9px solid #bfb7a2;
	position: absolute;
	top: 50%;
	margin-top: -16px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}
#cmn-bread ul { /* ２階層の時にAndroidで非リンクにハイライトしてしまう対策 */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#cmn-bread ul a { /* 同上 */
	-webkit-tap-highlight-color: rgba(0,0,0,0.2);
}

/* cmn-scl（静的コンテンツ用）
------------------------------------------------------- */
#cmn-scl {
	margin: 10px;
	padding: 5px;
	border: 1px solid #c2bcaa;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #efebe0;
}
#cmn-scl ul {
	padding: 8px 12px;
	border: 1px solid #c2bcaa;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
}
#cmn-scl li {
	float: left;
	margin-right: 8px;
}
/* scl-lst（動的コンテンツ用）
------------------------------------ */
#scl-lst {
	margin: 20px 0;
}
#scl-lst ul {
	/*! autoprefixer: off */
	display: table;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
#scl-lst li {
	/*! autoprefixer: off */
	position: relative;
	width: 100%;
	margin-right: 5px;
	border: 1px solid #aaa;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #fff), color-stop(100%, #e7e5e0));
	background: linear-gradient(to bottom, #fff 40%,#e7e5e0 100%);
	text-align: center;
}
#scl-lst li a:before {
	position: absolute;
	top: 6px;
	left: 50%;
	width: 21px;
	height: 21px;
	margin-left: -10px;
	background: url("/images/spn/common/icons/ico_sns.png") no-repeat;
	background-size: 21px 67px;
	content: "";
}
#scl-lst li:last-child {
	margin: 0;
}
#scl-lst li a {
	position: relative;
	margin: 0 auto;
	padding: 30px 0 5px;
	color: #333;
	font-size: 12px;
}
#scl-lst li.facebook a:before {
	background-position: 0 0;
}
#scl-lst li.x a:before {
	background: url("/svg/spn/common/icon_x.svg") no-repeat;
	background-size: 21px 21px;
}
#scl-lst li.line a:before {
	background-position: 0 -46px;
}

/* cmn-ad-btm
------------------------------------------------------- */
#cmn-ad-btm {
	text-align:  center;
}
#cmn-ad-btm a {
	display: inline-block;
}

/* footer
------------------------------------------------------- */
#cmn-fot {
	margin-top: 10px;
}
/* cmn-pgtop */
.cmn-pgtop {
	text-align: right;
	border-bottom: 3px solid #aa9e81;
}
.cmn-pgtop a {
	display: inline-block;
	margin-right: 10px;
	padding: 5px 8px;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	background: #aa9e81;
	color: #fff;
	font-size: 11px;
}
/* fot-nav */
#cmn-fot .fot-nav ul {
	border-top: 1px solid #c2bcaa;
	border-bottom: 1px solid #c2bcaa;
}
#cmn-fot .fot-nav li {
	/*! autoprefixer: off */
	display: table;
	position: relative;
	float: left;
	width: 25%;
	border-left: 1px solid #c2bcaa;
	border-right: 1px solid #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efebe0));
	background: linear-gradient(to bottom, #fff, #efebe0);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#cmn-fot .fot-nav li:first-of-type {
	border-left: 0;
}
#cmn-fot .fot-nav li:last-of-type {
	border-right: 0;
}
#cmn-fot .fot-nav li:before {
	position: absolute;
	top: 5px;
	left: 50%;
	width: 62px;
	height: 29px;
	margin-left: -31px;
	background: url("/images/spn/common/icons/ico_fot_cmn_nav_141009.png") no-repeat;
	background-size: 447px 29px;
	content: "";
}
#cmn-fot .fot-nav .rnk:before {
	background-position: 0 0;
}
#cmn-fot .fot-nav .psnt:before {
	background-position: -77px 0;
}
#cmn-fot .fot-nav .bn:before {
	background-position: -154px 0;
}
#cmn-fot .fot-nav .tpc:before {
	background-position: -385px 0;
}
#cmn-fot .fot-nav .bcos:before {
	background-position: -231px 0;
}
/*#cmn-fot .fot-nav .smry:before {
	background-position: -385px 0;
}*/
#cmn-fot .fot-nav a {
	display: table-cell;
	position: relative;
	height: 48px;
	padding-bottom: 4px;
	color: #755;
	font-size: 11px;
	text-align: center;
	vertical-align: bottom;
}
#cmn-fot .fot-nav .bn a {
	height: 51px;
	padding-bottom: 1px;
}
/* link */
#cmn-fot .fot-link {
	padding: 15px 10px;
	background: #efebe0;
	text-align: center;
}
#cmn-fot .ppl-kwd + .fot-link {
	padding-top: 0;
}
#cmn-fot .fot-link li {
	display: inline;
	border-right: 1px solid #c0b7a1;
	margin: 0 8px 0 0;
	padding: 0 8px 0 0;
	line-height: 1;
}
#cmn-fot .fot-link .cmn-btn-beg {
	/*! autoprefixer: off */
	display: block;
	width: auto;
	height: 35px;
	margin: 0 0 15px;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd7c9));
	background: linear-gradient(to bottom, #fff, #ddd7c9);
}
#cmn-fot .fot-link .cmn-btn-beg a {
	display: block;
	padding: 10px 0;
	font-size: 13px;
	text-decoration: none;
}
#cmn-fot .fot-link li:nth-last-child(3n) {
	border-right: none;
}
#cmn-fot .fot-link li a {
	display: inline-block;
	margin-bottom: 20px;
	color: #333;
	font-size: 12px;
	text-decoration: underline;
	line-height: 1;
}
#cmn-fot .fot-link .pup {
	display: block;
	margin: 0 -10px;
	padding: 0;
	border-right: none;
	border-top: solid 1px #d7d1c3;
	border-bottom: solid 1px #d7d1c3;
	background-color: #fff;
}
#cmn-fot .fot-link .pup a {
	display: block;
	margin-bottom: 0;
	padding: 10px;
	color: #068681;
	font-size: 13px;
	line-height: 1.4;
	text-decoration: none;
}
#cmn-fot .fot-link .pup .icon-up {
	display: inline-block;
	width: 21px;
	height: 11px;
	background-position: -50px 0;
	vertical-align: baseline;
}
/* copy */
#cmn-fot .copy,
#cmn-fot-mbr .copy {
	padding: 8px 0;
	background: #ddd7c9;
	font-size: 12px;
	font-style: normal;
	text-align: center;
}
#cmn-fot .ppl-kwd + .copy,
#cmn-fot .fot-link + .copy {
	border-top: 1px dotted #aea181;
}

/* cmn-fot-mbr
----------------------------- */
#cmn-fot-mbr {
	border-top: 1px solid #bebaaf;
	-webkit-box-shadow: 0px 1px 0px #fff inset;
	box-shadow: 0px 1px 0px #fff inset;
	background: #efebe0;
}

/* cmn-hdng
----------------------------- */
.cmn-hdng,
.cmn-hdng-nav {
	/*! autoprefixer: off */
	margin-bottom: 10px;
	border-top: 1px solid #99c2b9;
	border-bottom: 1px solid #aacdc6;
	background: -webkit-gradient(linear, left top, left bottom, from(#bbdad5), to(#eef7f4));
	background: linear-gradient(to bottom, #bbdad5, #eef7f4);
	line-height: 25px;
}
.cmn-hdng > span,
.cmn-hdng-nav h1 span {
	margin-left: 2px;
	font-size: 12px;
	font-weight: normal;
}
.cmn-hdng {
	padding: 4px 10px 3px;
}
.cmn-hdng-nav {
	position: relative;
	padding: 4px 70px 3px;
	text-align: center;
}
/* btn-prev */
.cmn-hdng-nav .btn-prev {
	position: absolute;
	top: 3px;
	left: 12px;
}
.cmn-hdng-nav .btn-prev a {
	/*! autoprefixer: off */
	width: 108%;
	height: 24px;
	padding-right: 2px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fffeff), to(#bcdbd5));
	background: linear-gradient(to bottom, #fffeff, #bcdbd5);
	border: 1px solid #8cbaaf;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 12px;
	text-indent: -2px;
}
.cmn-hdng-nav .btn-prev a:after {
	/*! autoprefixer: off */
	display: block;
	position: relative;
	width: 8px;
	height: 12px;
	margin-top: -13px;
	margin-left: -5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddecea), to(#bcdbd5));
	background: linear-gradient(to bottom, #ddecea, #bcdbd5);
	border-bottom: 1px solid #8cbaaf;
	border-left: 1px solid #8cbaaf;
	content: ' ';
	-webkit-transform: skew(35deg);
	transform: skew(35deg);
}
.cmn-hdng-nav .btn-prev a:before {
	display: block;
	float: left;
	width: 9px;
	height: 13px;
	margin-top: -1px;
	margin-left: -5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fffeff), to(#ddecea));
	background: linear-gradient(to bottom, #fffeff, #ddecea);
	border-top: 1px solid #8cbaaf;
	border-left: 1px solid #8cbaaf;
	content: ' ';
	-webkit-transform: skew(-35deg);
	transform: skew(-35deg);
}
/* btn-left, btn-right */
.cmn-hdng-nav .btn-left {
	position: absolute;
	top: 3px;
	left: 5px;
}
.cmn-hdng-nav .btn-right {
	position: absolute;
	top: 3px;
	right: 14px;
}
.cmn-hdng-nav .btn-left a,
.cmn-hdng-nav .btn-right a {
	/*! autoprefixer: off */
	width: 108%;
	height: 24px;
	padding: 0 1px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fffeff), to(#bcdbd5));
	background: linear-gradient(to bottom, #fffeff, #bcdbd5);
	border: 1px solid #8cbaaf;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 12px;
}

/* ac-trigger付きのcmn-hdng */
.cmn-trgr-bw,
.cmn-trgr-grn {
	min-height: 29px;
}
.cmn-trgr-bw:not(.ac-active):after,
.cmn-trgr-bw.ac-active:after,
.cmn-trgr-grn:not(.ac-active):after,
.cmn-trgr-grn.ac-active:after {
	/*! autoprefixer: off */
	display: block;
	float: right;
	width: 26px;
	height: 26px;
	border: 1px solid #b7ad94;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	box-shadow: 1px 1px 1px #fff;
	background: url("/images/spn/common/icons/ico_btn_trgr_bge.png") no-repeat center 0, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e0d7));
	background: url("/images/spn/common/icons/ico_btn_trgr_bge.png") no-repeat center 0, linear-gradient(to bottom, #fff, #e6e0d7);
	background-size: 14px 48px, auto;
	text-align: center;
	content: "";
	clear: both;
}
.cmn-trgr-grn:not(.ac-active):after,
.cmn-trgr-grn.ac-active:after {
	/*! autoprefixer: off */
	border: 1px solid #aacdc5;
	background: url("/images/spn/common/icons/ico_btn_trgr_grn.png") no-repeat center -33px, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d4e8e4));
	background: url("/images/spn/common/icons/ico_btn_trgr_grn.png") no-repeat center -33px, linear-gradient(to bottom, #fff, #d4e8e4);
	background-size: 14px 48px, auto;
}
.cmn-trgr-bw:not(.ac-active):after,
.cmn-trgr-grn:not(.ac-active):after {
	background-position: center 6px, 0;
}
.cmn-trgr-bw.ac-active:after,
.cmn-trgr-grn.ac-active:after {
	background-position: center -33px, 0;
}

/* cmn-cdt-hdr
----------------------------- */
/* マークアップh2+pをdt+ddに変更。一時的に両方記述します */
.cmn-cdt-hdr {
	margin: 10px 0 0;
	padding: 10px;
	background-color: #efebe0;
	font-size: 16px;
}
.cmn-cdt-hdr .inr {
	margin-bottom: 13px;
}
.cmn-cdt-hdr .inr h2,
.cmn-cdt-hdr .inr h2 + p,
.cmn-cdt-hdr .inr .cmn-cdt-hdr-ttl,
.cmn-cdt-hdr .inr .cmn-cdt-hdr-ttl + p,
.cmn-cdt-hdr .inr dt,
.cmn-cdt-hdr .inr dt + dd {
	margin-bottom: 5px;
}
.cmn-cdt-hdr .inr h2:nth-last-child(2),
.cmn-cdt-hdr .inr h2:nth-last-child(2) + p,
.cmn-cdt-hdr .inr .cmn-cdt-hdr-ttl:nth-last-child(2),
.cmn-cdt-hdr .inr .cmn-cdt-hdr-ttl:nth-last-child(2) + p,
.cmn-cdt-hdr .inr dt:nth-last-child(2),
.cmn-cdt-hdr .inr dt:nth-last-child(2) + dd {
	margin-bottom: 13px;
}
/* ランキング一覧のみ除外したいため:not(.rlt-ctg-ttl)としています */
.cmn-cdt-hdr h2:not(.rlt-ctg-ttl),
.cmn-cdt-hdr .cmn-cdt-hdr-ttl:not(.rlt-ctg-ttl),
.cmn-cdt-hdr .inr > p,
.cmn-cdt-hdr dt,
.cmn-cdt-hdr .inr dl > dd {
	font-size: 12px;
	line-height: 1.4;
}
/* ランキング一覧のみ除外したいため:not(.rlt-ctg-ttl)としています */
.cmn-cdt-hdr h2:not(.rlt-ctg-ttl),
.cmn-cdt-hdr .cmn-cdt-hdr-ttl:not(.rlt-ctg-ttl),
.cmn-cdt-hdr dt {
	clear: both;
	float: left;
	width: 75px;
	color: #755;
	font-size: 12px;
	font-weight: normal;
}
/* ブランドのクチコミ(絞込み条件と並び替え順)のみ除外したいため:not(.txt-sort)としています */
.cmn-cdt-hdr .inr p:not(.txt-sort),
.cmn-cdt-hdr .inr dd {
	margin-left: 75px;
	font-size: 12px;
}

/* ボタン */
.cmn-cdt-hdr ul.btn-sort {
	/*! autoprefixer: off */
	display: -webkit-box;
	display: -moz-box;
	display: box;
}
.cmn-cdt-hdr ul.btn-sort li {
	-webkit-box-flex: 1.0;
	-moz-box-flex: 1.0;
	box-flex: 1.0;
}
.cmn-cdt-hdr ul.btn-sort li:first-child {
	padding-right: 2px;
}
.cmn-cdt-hdr ul.btn-sort li:last-child {
	padding-left: 2px;
}
.cmn-cdt-hdr ul.btn-sort li:only-child {
	padding: 0;
}
.cmn-cdt-hdr ul.btn-sort li:first-child span,
.cmn-cdt-hdr p.btn-sort span {
	background-position: 0 -178px;
}
.cmn-cdt-hdr ul.btn-sort li:last-child span {
	background-position: 0 -134px;
}
.cmn-cdt-hdr .btn-sort a {
	/*! autoprefixer: off */
	padding: 6px 3px;
	border: 1px solid #b7ad94;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e0d7));
	background: linear-gradient(to bottom, #fff, #e6e0d7);
	text-align: center;
}
.cmn-cdt-hdr .btn-sort span {
	display: inline-block;
	padding-left: 19px;
	color: #333;
	font-size: 12px;
	line-height: 16px;
}

/* プレミアム並び替え */
.cmn-cdt-hdr .prm-sort {
	/*! autoprefixer: off */
	display: -webkit-box;
	display: -moz-box;
	display: box;
}
.cmn-cdt-hdr ul.prm-sort:before {
	z-index: 1;
}
.cmn-cdt-hdr .prm-sort li {
	/*! autoprefixer: off */
	position: relative;
	z-index: 0;
	-webkit-box-flex: 1.0;
	-moz-box-flex: 1.0;
	box-flex: 1.0;
	margin-left: 2px;
	padding: 0;
	border: 1px solid #b7ad94;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#e2dbcf));
	background: linear-gradient(to bottom, #fff, #e2dbcf);
	color: #a79776;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
}
.cmn-cdt-hdr .prm-sort li div {
	padding: 8px 10px 10px;
}
.cmn-cdt-hdr .prm-sort li:first-child {
	margin-left: 0;
}
.cmn-cdt-hdr .prm-sort li > span,
.cmn-cdt-hdr .prm-sort li > a {
	vertical-align: middle;
}
.cmn-cdt-hdr .prm-sort li.selected {
	z-index: 10;
	border-bottom-color: #fff;
	background: #fff;
	-webkit-box-shadow: inset 0px 1px 1px 0 #fbfaf9;
	color: #333;
	font-weight: bold;
}
.cmn-cdt-hdr .prm-sort li.selected span,
.cmn-cdt-hdr .prm-sort li a span {
	font-size: 12px;
}
.cmn-cdt-hdr .prm-sort li a span {
	color: #068681;
}
.cmn-cdt-hdr .prm-sort li .count,
.cmn-cdt-hdr .prm-sort li span.count {
	font-size: 11px;
	font-weight: normal;
}
.cmn-cdt-hdr .prm-sort .ico-prm {
	width: 22px;
	height: 29px;
	margin: -9px 5px -7px -5px;
	content: url("/images/spn/common/icons/ico_prm_xs.png");
	vertical-align: top;
}

/* cmn-btn-disp
----------------------------- */
.cmn-btn-disp {
	margin-bottom: 10px;
	padding: 0 10px;
}
.cmn-btn-disp .inr {
	float: right;
}
.cmn-btn-disp .inr,
.cmn-btn-disp ul {
	/*! autoprefixer: off */
	display: -webkit-box;
	display: -moz-box;
	display: box;
}
.cmn-btn-disp .inr {
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
}
.cmn-btn-disp h2,
.cmn-btn-disp .cmn-btn-disp-ttl {
	color: #333;
	font-size: 12px;
	font-weight: normal;
}
.cmn-btn-disp ul {
	width: 130px;
}
.cmn-btn-disp li.on,
.cmn-btn-disp li a {
	/*! autoprefixer: off */
	padding: 7px 2px 7px 27px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	font-size: 12px;
	line-height: 1.2;
}
.cmn-btn-disp li a {
	color: #333;
}
.cmn-btn-disp li.on {
	background-color: #c3bcaa;
	color: #fff;
}
.cmn-btn-disp li {
	/*! autoprefixer: off */
	 width: 65px;
	border: 1px solid #c3bcaa;
	border-left: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e0d7));
	background: linear-gradient(to bottom, #fff, #e6e0d7);
}
.cmn-btn-disp li:first-child {
	border-left: 1px solid #c3bcaa;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	letter-spacing: -2px;
}
.cmn-btn-disp li:first-child a {
	background-position: 9px -22px;
}
.cmn-btn-disp li:first-child.on {
	background-position: 9px 9px;
}
.cmn-btn-disp li:last-child {
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.cmn-btn-disp li:last-child a {
	background-position: 10px -84px;
}
.cmn-btn-disp li:last-child.on {
	background-position: 10px -53px;
}

/* cmn-pgr
----------------------------- */
#cmn-pgr {
	margin-bottom: 10px;
	padding: 10px;
	background-color: #efebe0;
}
/* ○件中○件 */
#cmn-pgr p {
	font-size: 11px;
}
/* ページャ全体 */
#cmn-pgr .inr {
	position: relative;
	margin-top: 10px;
	text-align: center;
}
#cmn-pgr .inr a,
#cmn-pgr .inr .on {
	padding: 11px 0;
	font-size: 11px;
}
#cmn-pgr .inr a {
	color: #333;
}
#cmn-pgr .inr .on {
	color: #fff;
}

/* 番号リスト */
#cmn-pgr .inr ul:first-child {
	/*! autoprefixer: off */
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: box;
	margin: 0 61px;
}
#cmn-pgr .inr ul:first-child li {
	/*! autoprefixer: off */
	width: 20%;
	border: 1px solid #c3bcaa;
	border-left: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e0d7));
	background: linear-gradient(to bottom, #fff, #e6e0d7);
}
#cmn-pgr .inr ul:first-child li.on {
	background: #c3bcaa;
}
#cmn-pgr .inr ul:first-child li:first-child {
	border-left: 1px solid #c3bcaa;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#cmn-pgr .inr ul:first-child li:last-child {
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* 前へ次へボタン */
#cmn-pgr .inr ul:last-child {
	/*! autoprefixer: off */
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#cmn-pgr .inr ul:last-child li {
	/*! autoprefixer: off */
	position: relative;
	width: 52px;
	border: 1px solid #c3bcaa;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e0d7));
	background: linear-gradient(to bottom, #fff, #e6e0d7);
	z-index: 3;
}
#cmn-pgr .inr ul:last-child li.on {
	background-color: #c3bcaa;
}
#cmn-pgr .inr ul:last-child li:first-child {
	float: left;
	text-align: left;
}
#cmn-pgr .inr ul:last-child li:first-child a,
#cmn-pgr .inr ul:last-child li:first-child.on {
	padding-left: 16px;
}
#cmn-pgr .inr ul:last-child li:last-child {
	float: right;
	text-align: right;
}
#cmn-pgr .inr ul:last-child li:last-child a,
#cmn-pgr .inr ul:last-child li:last-child.on {
	padding-right: 16px;
}

/* cmn-pgr.col3
----------------------------- */
#cmn-pgr.col3 .inr a,
#cmn-pgr.col3 .inr .on {
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 14px;
}
#cmn-pgr.col3 .inr ul:first-child {
	margin-right: 81px;
	margin-left: 81px;
}
#cmn-pgr.col3 .inr ul:first-child li {
	width: 33.33%;
}
#cmn-pgr.col3 .inr ul:last-child li {
	width: 71px;
}
#cmn-pgr.col3 .inr ul:last-child li:first-child a,
#cmn-pgr.col3 .inr ul:last-child li:first-child.on,
#cmn-pgr.col3 .inr ul:last-child li:last-child a,
#cmn-pgr.col3 .inr ul:last-child li:last-child.on {
	position: relative;
	padding-right: 0;
	padding-left: 0;
	background-image: none;
	text-align: center;
}
#cmn-pgr.col3 .inr ul:last-child li:first-child a:before,
#cmn-pgr.col3 .inr ul:last-child li:first-child.on:before,
#cmn-pgr.col3 .inr ul:last-child li:last-child a:after,
#cmn-pgr.col3 .inr ul:last-child li:last-child.on:after {
	position: absolute;
	width: 7px;
	height: 11px;
	top: 50%;
	margin-top: -6px;
	content: "";
}
#cmn-pgr.col3 .inr ul:last-child li:first-child a:before {
	left: 4px;
	background: url("/images/spn/common/icons/ico_arw_bge_l.png") no-repeat;
	background-size: 7px 11px;
}
#cmn-pgr.col3 .inr ul:last-child li:first-child.on:before {
	left: 4px;
	background: url("/images/spn/common/icons/ico_arw_wt_l.png") no-repeat;
	background-size: 7px 11px;
}
#cmn-pgr.col3 .inr ul:last-child li:last-child a:after {
	right: 4px;
	background-image: url("/images/spn/common/icons/ico_arw_bge_r.png");
	background-size: 7px 11px;
}
#cmn-pgr.col3 .inr ul:last-child li:last-child.on:after {
	right: 4px;
	background-image: url("/images/spn/common/icons/ico_arw_wt_r.png");
	background-size: 7px 11px;
}

/* cmn-pgr-prnx
----------------------------- */
#cmn-pgr-prnx {
	margin-bottom: 20px;
	padding: 10px;
	background-color: #efebe0;
}
/* ○件中○件 */
#cmn-pgr-prnx p {
	margin-bottom: 10px;
	font-size: 11px;
}
/* ページャ全体 */
#cmn-pgr-prnx ul {
	position: relative;
	text-align: center;
}
#cmn-pgr-prnx li {
	/*! autoprefixer: off */
	position: relative;
	z-index: 1;
	margin: 0 91px;
	border: 1px solid #c3bcaa;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e0d7));
	background: linear-gradient(to bottom, #fff, #e6e0d7);
}
#cmn-pgr-prnx li:first-child {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 84px;
	margin: 0;
}
#cmn-pgr-prnx li:last-child {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	width: 84px;
	margin: 0;
}
#cmn-pgr-prnx ul a,
#cmn-pgr-prnx .on {
	padding: 11px 0;
	font-size: 11px;
}
#cmn-pgr-prnx ul a {
	color: #333;
}
#cmn-pgr-prnx .on {
	background-color: #c3bcaa;
	color: #fff;
}

/* cmn-idt-prm
----------------------------- */
#cmn-idt-prm {
	margin: 10px auto 15px;
	padding-top: 10px;
	border-top: 3px solid #bcaf93;
	border-bottom: 1px solid #bcaf93;
	background: url("/images/spn/common/bg/bg_prm.png") repeat 0 0;
	background-size: 4px 1px;
	-webkit-box-shadow: 0px 1px 0px white inset;
	box-shadow: 0px 1px 0px white inset;
	text-align: center;
}
#cmn-idt-prm h1 {
	padding: 10px 0 7px;
	color: #755;
	font-size: 14px;
	text-align: center;
}
#cmn-idt-prm .cmn-btn-gld {
	/*! autoprefixer: off */
	margin: 0 10px;
	height: 44px;
	padding: 0;
	border: 1px solid #c6a950;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url("/images/spn/common/icons/ico_prm_s.png") no-repeat 14px 0,
		-webkit-gradient(linear, left top, left bottom, from(#d3c18a), color-stop(50%, #ceba7d), color-stop(51%, #c3aa5f), to(#b7993f));
	background: url("/images/spn/common/icons/ico_prm_s.png") no-repeat 14px 0,
		linear-gradient(to bottom, #d3c18a, #ceba7d 50%, #c3aa5f 51%, #b7993f);
	background-size: 26px 35px, auto;
}
#cmn-idt-prm a {
	display: inline-block;
}
#cmn-idt-prm .cmn-btn-gld a {
	display: block;
	padding: 12px 0 12px 16px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	-webkit-text-shadow: 0px -1px 0px #a48832;
	text-shadow: 0px -1px 0px #a48832;
}
#cmn-idt-prm .about-prm a {
	display: block;
	margin: 10px 20px 0 0;
	color: #755;
	font-size: 12px;
	text-align: right;
	text-decoration:underline;
}
#cmn-idt-prm .about-prm-brown {
	margin-top: 10px;
}
#cmn-idt-prm .about-prm-brown a{
	display: inline;
	color: #755;
	font-size: 12px;
	text-decoration:underline;
}

/* ---------------------------------------------------------------
 common parts
--------------------------------------------------------------- */
/* icon-cmn-fav
------------------------------------------------------- */
.icon-cmn-fav-005,
.icon-cmn-fav-010,
.icon-cmn-fav-025,
.icon-cmn-fav-050,
.icon-cmn-fav-100,
.icon-cmn-fav-500 {
	width: 11px;
	height: 10px;
}
.icon-cmn-fav-005 { content: url("/images/spn/common/fav_icons/ico_fav_005.png"); }
.icon-cmn-fav-010 { content: url("/images/spn/common/fav_icons/ico_fav_010.png"); }
.icon-cmn-fav-025 { content: url("/images/spn/common/fav_icons/ico_fav_025.png"); }
.icon-cmn-fav-050 { content: url("/images/spn/common/fav_icons/ico_fav_050.png"); }
.icon-cmn-fav-100 {	content: url("/images/spn/common/fav_icons/ico_fav_100.png"); }
.icon-cmn-fav-500 {	content: url("/images/spn/common/fav_icons/ico_fav_500.png"); }

/* reviewer-average（クチコミ平均点）
------------------------------------------------------- */
.reviewer-average {
	padding-left: 106px;
	background: url("/images/spn/common/review_star/ico_rvw_star_arg.png") no-repeat;
	background-size: 101px 300px;
	color: #755;
	font-weight: normal;
	font-size: 14px;
	line-height: 1;
}
.reviewer-average.arg-0   { background-position: 0 -139px;}
.reviewer-average.arg-0_5 { background-position: 0 -158px; }
.reviewer-average.arg-1   { background-position: 0 0; }
.reviewer-average.arg-1_5 { background-position: 0 -178px; }
.reviewer-average.arg-2   { background-position: 0 -19px; }
.reviewer-average.arg-2_5 {	background-position: 0 -198px; }
.reviewer-average.arg-3   {	background-position: 0 -39px; }
.reviewer-average.arg-3_5 {	background-position: 0 -218px; }
.reviewer-average.arg-4   {	background-position: 0 -59px; }
.reviewer-average.arg-4_5 {	background-position: 0 -238px; }
.reviewer-average.arg-5   {	background-position: 0 -79px; }
.reviewer-average.arg-5_5 { background-position: 0 -258px; }
.reviewer-average.arg-6   {	background-position: 0 -99px; }
.reviewer-average.arg-6_5 {	background-position: 0 -278px; }
.reviewer-average.arg-7   {	background-position: 0 -119px; }

/* reviewer-rating（レビュアーのクチコミ評価点）
------------------------------------------------------- */
.reviewer-rating {
	display: inline-block;
	background: url("/images/spn/common/review_star/ico_rvw_star_rtg.png") no-repeat;
	background-size: 100px 133px;
	color: #755;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.25;
}
.reviewer-rating.rtg-0 { background: none; }
.reviewer-rating.rtg-1 { padding-left: 17px; background-position: 0 0; }
.reviewer-rating.rtg-2 { padding-left: 31px; background-position: 0 -19px; }
.reviewer-rating.rtg-3 { padding-left: 45px; background-position: 0 -39px; }
.reviewer-rating.rtg-4 { padding-left: 60px; background-position: 0 -59px; }
.reviewer-rating.rtg-5 { padding-left: 74px; background-position: 0 -79px; }
.reviewer-rating.rtg-6 { padding-left: 89px; background-position: 0 -99px; }
.reviewer-rating.rtg-7 { padding-left: 102px; background-position: 0 -119px; }

/* icon-cmn-new
------------------------------------------------------- */
.icon-cmn-new {
	width: 26px;
	height: 11px;
	content: url("/images/spn/common/product_icons/ico_new.png");
}

/* icon-cmn-up
------------------------------------------------------- */
.icon-cmn-up {
	width: 21px;
	height: 11px;
	content: url("/images/spn/common/icons/ico_up.png");
}

/* icon-cmn-cmp
------------------------------------------------------- */
.icon-cmn-cmp {
	width: 122px;
	height: 17px;
	content: url("/images/spn/common/product_icons/ico_cmp.png");
}

/* icon-cmn-cmp-bln
------------------------------------------------------- */
.icon-cmn-cmp-bln {
	width: 70px;
	height: 11px;
	content: url("/images/spn/common/product_icons/ico_cmp_bln.png");
}

/* icon-cmn-prm
------------------------------------------------------- */
.ico-cmn-prm {
	background: url("/images/spn/common/icons/ico_prm.png") no-repeat 10px 0;
	background-size: 34px 45px;
}

/* ico-cmn-auth
------------------------------------------------------- */
.ico-cmn-auth {
	width: 61px;
	height: 16px;
	margin-left: 5px;
	content: url("/images/spn/common/review_icons/ico_auth.png");
	vertical-align: middle;
}

/* ico-official-bb (svg)
-------------------------------------------------------------*/
.ico-official-bb {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin: 2px 0 0 3px;
}
.ico-official-bb .icon {
	display: inline-block;
	width: 62px;
	height: 12px;
}

/* ico-specialist-bb (svg)
-------------------------------------------------------------*/
.ico-specialist-bb {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin: 2px 0 0 3px;
}
.ico-specialist-bb .icon {
	display: inline-block;
	width: 68px;
	height: 12px;
}

/* cmn-btn-grn
------------------------------------------------------- */
.cmn-btn-grn {
	/*! autoprefixer: off */
	width: 100%;
	height: 44px;
	padding: 0;
	border: 1px solid #429281;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#8dc1b5), color-stop(50%, #80baae), color-stop(51%, #5fa799), to(#498));
	background: linear-gradient(to bottom, #8dc1b5, #80baae 50%, #5fa799 51%, #498);
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	-webkit-text-shadow: 0px -1px 1px #276;
	text-shadow: 0px -1px 1px #276;
}
.cmn-btn-grn a {
	padding: 13px 0;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
}
/* cmn-btn-brw
------------------------------------------------------- */
.cmn-btn-brw {
	/*! autoprefixer: off */
	width: 100%;
	height: 44px;
	padding: 0;
	border: 1px solid #6e4b4b;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ad9898), color-stop(50%, #a38c8c), color-stop(51%, #8f7373), to(#755));
	background: linear-gradient(to bottom, #ad9898, #a38c8c 50%, #8f7373 51%, #755);
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	-webkit-text-shadow: 0px -1px 0px #7e5d5d;
	text-shadow: 0px -1px 0px #7e5d5d;
	}
.cmn-btn-brw a {
	padding: 12px 0;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
}
/* cmn-btn-beg
------------------------------------------------------- */
.cmn-btn-beg {
	/*! autoprefixer: off */
	width: 100%;
	height: 44px;
	padding: 0;
	border: 1px solid #c2bcaa;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#faf8f5), to(#e8e1d4));
	background: linear-gradient(to bottom, #faf8f5, #e8e1d4);
	color: #333;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}
.cmn-btn-beg a {
	padding: 12px 0;
	color: #333;
	font-size: 18px;
	cursor: pointer;
}
/* cmn-btn-gld
------------------------------------------------------- */
.cmn-main .cmn-btn-gld {
	/*! autoprefixer: off */
	margin: 0 0 10px;
	width: 100%;
	height: 44px;
	padding: 0;
	border: 1px solid #c6a950;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#d3c18a), color-stop(50%, #ceba7d), color-stop(51%, #c3aa5f), to(#b7993f));
	background: linear-gradient(to bottom, #d3c18a, #ceba7d 50%, #c3aa5f 51%, #b7993f);
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	-webkit-text-shadow: 0px -1px 0px #a48832;
	text-shadow: 0px -1px 0px #a48832;
}
.cmn-main .cmn-btn-gld a {
	padding: 12px 0;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	-webkit-text-shadow: 0px -1px 0px #a48832;
	text-shadow: 0px -1px 0px #a48832;
}
.cmn-main .cmn-btn-gld span {
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	-webkit-text-shadow: 0px -1px 0px #a48832;
	text-shadow: 0px -1px 0px #a48832;
}

/* rnklgc ランキングロジック変更誘導枠
------------------------------------------------------- */
.rnklgc .question {
	margin-right: 5px;
	padding: 0 3px;
	border: 1px solid #df8da4;
	background-color: #ea9cb2;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	line-height: 0;
}
.rnklgc a {
	display: inline-block;
	color: #333;
	font-size: 12px;
	text-decoration: underline;
}

/* about-prm
------------------------------------------------------- */
.about-prm a {
	display: inline;
	font-size: 12px;
	text-decoration: underline;
}

/* pdt-shop-lst-pop
------------------------------------------------------- */
#pdt-shop-lst-pop {
	background-color: rgba(255,255,255,0.6);
}

#prm-msg-plr .prm-msg-inr h1 span:before,
#prm-msg-plr .prm-msg-inr header + p:after {
	background: url("/images/spn/srch/bg_csmt_pdt_prm_plr_sp.png") no-repeat;
	background-size: 300px 200px;
}
/* cmn-shop-lst-pop
----------------------------- */
#cmn-shop-lst-pop {
	background-color: rgba(255,255,255,0.6);
}
#cmn-shop-lst-pop .cmn-msg-inr {
	margin: 50px 7px 15px;
	border: 3px solid #977;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px 1px #977;
	box-shadow: 0 1px 2px 1px #977;
	background: #fff;
}
#cmn-shop-lst-pop .cmn-msg-inr ul{
	margin: 35px 10px 10px;
}
#cmn-shop-lst-pop .cmn-msg-inr a.cls-box {
	display: block;
	position: absolute;
	top: 50px;
	right: -1px;
	z-index: 100000;
	width: 32px;
	height: 0;
	margin-right: 8px;
	padding-top: 32px;
	-webkit-border-radius: 0 5px 0 8px;
	border-radius: 0 5px 0 8px;
	background: #977;
	color: rgba(255,255,255,0);
	font-size: 1px;
	line-height: 0;
}
#cmn-shop-lst-pop .cmn-msg-inr a.cls-box:before,
#cmn-shop-lst-pop .cmn-msg-inr a.cls-box:after {
	position: absolute;
	top: 15px;
	left: 7px;
	width: 18px;
	height: 2px;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: '';
}
#cmn-shop-lst-pop .cmn-msg-inr a.cls-box:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* cmn-shop
------------------------------------ */
#cmn-shop-lst-pop .cmn-shop > ul {
	margin: 0 10px;
}
#cmn-shop-lst-pop .cmn-shop li {
	/*! autoprefixer: off */
	border: 1px solid #c2bcaa;
	border-top: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e1d7));
	background: linear-gradient(to bottom, #fff, #e6e1d7);
}
#cmn-shop-lst-pop .cmn-shop li:first-of-type {
	border-top: 1px solid #c2bcaa;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
#cmn-shop-lst-pop .cmn-shop li:last-of-type {
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#cmn-shop-lst-pop .cmn-shop .bg_grad {
	padding: 8px 10px 8px 40px;
}
#cmn-shop-lst-pop .cmn-shop .bg_grad.try {
	background: url("/images/spn/common/mod/ico_btn_shop_try.png") no-repeat 10px center;
	background-size: 25px 25px;
}
#cmn-shop-lst-pop .cmn-shop .bg_grad.site {
	background: url("/images/spn/common/mod/ico_btn_shop_site.png") no-repeat 10px center;
	background-size: 25px 25px;
}
#cmn-shop-lst-pop .cmn-shop .bg_grad.com {
	background: url("/images/spn/common/mod/ico_btn_shop_com.png") no-repeat 10px center;
	background-size: 25px 25px;
}
#cmn-shop-lst-pop .cmn-shop .bg_grad.store {
	background: url("/images/spn/common/mod/ico_btn_shop_store.png") no-repeat 10px center;
	background-size: 25px 25px;
}
#cmn-shop-lst-pop .cmn-shop .bg_grad.try span {
	padding-top: 3px;
	padding-bottom: 3px;
}
#cmn-shop-lst-pop .cmn-shop .bg_grad.try span span {
	padding: 0;
	font-size:12px;
}
#cmn-shop-lst-pop .cmn-shop .bg_grad.cmn-trgr-bw {
	padding: 0 10px 0 40px;
}
#cmn-shop-lst-pop .cmn-shop .bg_grad.cmn-trgr-bw span {
	display: inline-block;
	padding: 15px 0;
	font-size: 14px;
}
#cmn-shop-lst-pop .cmn-shop .cmn-trgr-bw:after {
	margin-top: 8px;
}
#cmn-shop-lst-pop .cmn-shop .arw_pink {
	display: block;
	padding-right: 17px;
	background: url("/images/spn/common/icons/ico_arw_pnk_r.png") no-repeat right center;
	background-size: 7px 11px;
	font-size: 14px;
	line-height: 1.3;
}
#cmn-shop-lst-pop .cmn-shop .arw_green {
	display: block;
	padding-right: 17px;
	background: url("/images/spn/common/icons/ico_arw_grn_r.png") no-repeat right center;
	background-size: 7px 11px;
	font-size: 14px;
	line-height: 1.3;
}
#cmn-shop-lst-pop .cmn-shop .catch {
	display: block;
	font-size: 12px;
}
#cmn-shop-lst-pop .cmn-shop .msg {
	padding-left: 15px;
}
#cmn-shop-lst-pop .cmn-shop .msg,
#cmn-shop-lst-pop .cmn-shop .msg a {
	display: inline;
	color: #dd5e5e;
	font-size: 11px;
	line-height: 1.2;
}
#cmn-shop-lst-pop .cmn-shop .ac-toggle {
	display: none;
}
#cmn-shop-lst-pop .cmn-shop .ac-toggle ul {
	margin: 0 10px 10px;
}
#cmn-shop-lst-pop .cmn-shop .ac-toggle li {
	padding: 10px 18px;
	border-bottom: 1px solid #c2bcaa;
	background: #fff;
}
#cmn-shop-lst-pop .cmn-shop .ac-toggle li p {
	color: #068681;
	font-size: 13px;
	line-height: 1.2;
}
#cmn-shop-lst-pop .cmn-shop .arw_brown {
	padding-right: 17px;
	background: url("/images/spn/common/icons/ico_arw_bge_r.png") no-repeat right center;
	background-size: 7px 11px;
}
#cmn-shop-lst-pop .cmn-shop .note {
	margin: 0 10px;
}
#cmn-shop-lst-pop .cmn-shop .note li {
	display: block;
	position: relative;
	margin-bottom: 4px;
	padding: 0 0 0 11px;
	border: none;
	background: none;
	font-size: 11px;
}
#cmn-shop-lst-pop .cmn-shop .note li:first-child:before {
	position: absolute;
	margin-left: -11px;
	content: "※";
}
#cmn-shop-lst-pop .cmn-shop .cpon {
	margin-bottom: 15px;
}
#cmn-shop-lst-pop .cmn-shop .cpon {
	text-align: center;
}
#cmn-shop-lst-pop .cmn-shop .cpon a {
	display: inline;
}
#cmn-shop-lst-pop .cmn-shop .shop-point {
	margin: 3px 10px 0;
	padding: 10px 5px;
	border: 1px solid #c2bcaa;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff url("/images/spn/common/mod/bg_pmrk.png") no-repeat 95% 75%;
	background-size: 50px 33px;
	font-size: 14px;
}
#cmn-shop-lst-pop .cmn-shop .shop-point p {
	position: relative;
	padding: 0 40px 0 45px;
	font-size: 12px;
	line-height: 1.4;
}
#cmn-shop-lst-pop .cmn-shop .shop-point p:before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 38px;
	height: 33px;
	background: url("/images/spn/common/product_icons/ico_pmrk.png") no-repeat left center;
	background-size: 38px 33px;
	content: "";
}
#cmn-shop-lst-pop .cmn-shop .shop-point p .point {
	margin-right: 5px;
	color: #cb910a;
}
#cmn-shop-lst-pop .cmn-shop .shop-point p .point span {
	margin-right: 2px;
	font-size: 14px;
	font-weight: bold;
}

/* ppl-atcl-smry
------------------------------------------------------- */
#ppl-atcl-smry .ttl {
	position: relative;
	height: 40px;
	color: #755d35;
	font-size: 14px;
	line-height: 40px;
}
#ppl-atcl-smry h1 {
	padding: 0 10px;
	background-color: #fee;
	font-weight: bold;
}
#ppl-atcl-smry .ttl span {
	position: absolute;
	top: 0;
	right: 27px;
	font-size: 13px;
}
#ppl-atcl-smry .ttl:after {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 7px;
	height: 11px;
	margin-top: -5px;
	background-image: url("/images/spn/common/icons/ico_arw_bge_r.png");
	background-size: 7px 11px;
	content: "";
}
#ppl-atcl-smry li a {
	position: relative;
	padding: 12px 10px;
	border-bottom: 1px solid #af9c7b;
}
#ppl-atcl-smry h3 {
	/*! autoprefixer: off */
	display: -webkit-box;
	display: -moz-box;
	display: box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	margin-bottom: 10px;
	color: #333;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.3;
}
#ppl-atcl-smry dl {
	/*! autoprefixer: off */
	display: -webkit-box;
	display: -moz-box;
	display: box;
	width: 100%;
}
#ppl-atcl-smry dt,
#ppl-atcl-smry dd {
	width: 50%;
}
#ppl-atcl-smry dt {
	color: #8a734b;
	font-size: 12px;
}
#ppl-atcl-smry .prm:after {
	position: absolute;
	width: 13px;
	height: 16px;
	margin: -3px 0 0 2px;
	background: url("/images/spn/cnt/summary/ico_prm_ltr.png") no-repeat;
	background-size: 13px 16px;
	content: "";
}
#ppl-atcl-smry dd {
	color: #8a734b;
	font-size: 12px;
	text-align: right;
}
#ppl-atcl-smry dd span {
	margin-right: 2px;
	color: #ec2260;
	font-size: 14px;
	font-weight: bold;
}

/* act-bottom-nav
----------------------------------------------------------- */
.act-bottom-nav {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
}
/*-- クチコミする --*/
.act-bottom-nav > .nav-post {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.act-bottom-nav > .nav-post > a {
	display: table-cell;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
	background: #70bbaa;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.act-bottom-nav > .nav-post > a .icon-review {
	width: 18px;
	height: 18px;
	fill: #fff;
	margin: 0 auto 4px;
}
.act-bottom-nav > .nav-post > a span {
	display: block;
	color: #fff;
	line-height: 1.1;
}
/*-- 投稿訴求バナー --*/
.act-bottom-nav .appeal {
	margin-right: 73px;
	padding: 10px 8px 15px 10px;
	box-sizing: border-box;
}
.act-bottom-nav .appeal .inr {
	position: relative;
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	display: table;
	padding-left: 52px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 6px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
	z-index: 0;
}
.act-bottom-nav .appeal .inr::before {
	content: "";
	position: absolute;
	top: 50%;
	right: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #fff;
	z-index: 0;
}
.act-bottom-nav .appeal .inr::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -10px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #d9d9d9;
	z-index: -1;
}
.act-bottom-nav .appeal .inr svg.icon-appeal-review {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
}
.act-bottom-nav .appeal .inr .lead {
	display: table-cell;
	vertical-align: middle;
}
.act-bottom-nav .appeal .inr .lead p {
	font-size: 15px;
	font-weight: bold;
}

/* like_btn
------------------------------------------------------- */
.act-bottom-nav .act-bottom-wrap {
	padding: 10px;
	background-color: #f3f3f3;
}
.act-bottom-nav .act-bottom-wrap .like_btn .act-button {
	height: 46px;
	border-width: 2px;
}
.act-bottom-nav .act-bottom-wrap .like_btn .act-button .act-button-text-main {
	font-weight: 600;
}

/* modal-post-selection
----------------------------------------------------------- */
.modal-active {
	position: relative;
	height: auto;
}
.modal-post-selection-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	box-sizing: border-box;
	z-index: 99997;
}
.modal-post-selection-wrap {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 8px;
	box-sizing: border-box;
	overflow-y: scroll;
	z-index: 99998;
}
#modal-post-selection {
	position: absolute;
	top: 100%;
	right: 8px;
	left: 8px;
	padding: 36px 17px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 10px;
	background-color: #fff;
	z-index: 99999;
}
#modal-post-selection .ttl {
	margin-bottom: 24px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#modal-post-selection .modal-post-selection-close {
	position: absolute;
	display: block;
	top: 0px;
	right: 0px;
	width: 37px;
	height: 0;
	padding-top: 32px;
	border-radius: 0 8px 0 8px;
	background: #999;
	color: rgba(255, 255, 255, 0);
	font-size: 1px;
	line-height: 0;
}
#modal-post-selection .modal-post-selection-close::before {
	position: absolute;
	top: 15px;
	left: 10px;
	width: 18px;
	height: 2px;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: '';
}
#modal-post-selection .modal-post-selection-close::after {
	position: absolute;
	top: 15px;
	left: 10px;
	width: 18px;
	height: 2px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: '';
}
#modal-post-selection li:first-child {
	margin-bottom: 15px;
}
#modal-post-selection li a {
	padding: 8px 0 12px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 6px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
	color: #333;
	font-size: 15px;
	line-height: 22px;
	vertical-align: middle;
	text-align: center;
}
#modal-post-selection li a .icon-appeal-like {
	position: relative;
	top: 4px;
	margin-right: 5px;
	width: 22px;
	height: 22px;
	fill: none;
	stroke: #d97878;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.5px;
}
#modal-post-selection li a .icon-appeal-search {
	position: relative;
	top: 4px;
	margin-right: 5px;
	width: 22px;
	height: 22px;
	fill: none;
	stroke: #70bbaa;
	stroke-width:2px;
}

/* static-header-info-image
----------------------------------------------------------- */
.static-header-info-image img {
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.static-header-info-image-banner {
	display: block;
	height: calc(100vw * (80 / 750) + 1px);
}
.static-header-info-image-banner img {
	height: 100%;
	box-sizing: border-box;
}

/* cmn-static-banner
----------------------------------------------------------- */
/* 配信されていない場合に余白がでないように、直下のdivに指定しています。
 * 配信されていない場合は直下のdivにはstyle="display: none"があてられているため非表示になりこのスタイルが当たりません。広告側が高さに関するスタイルをあててくる可能性があるので!importantを利用しています。
 */
.cmn-static-banner > div {
	overflow: hidden;
	height: calc(100vw * 80 / 750) !important;
	min-height: initial !important;
	border-bottom: 1px solid #ccc;
}

/* ---------------------------------------------------------------
	AD
--------------------------------------------------------------- */
#cmn-ad-hdr {
	text-align: center;
}
#cmn-ad-ftr {
	margin: 20px 0;
	text-align: center;
}
#cmn-ad-hdr .cmn-ad-hdr-inner {
	min-height: 50px;
	margin: 0 auto;
}
#cmn-ad-hdr a,
#cmn-ad-ftr a {
	display: inline-block;
}
/* impact banner
------------------------------------------------------- */
.bnr_imp a {
	display: inline-block;
}
/* bestcosme footer banner
------------------------------------------------------- */
#cmn-fot .bnr-bst-fot {
	padding: 10px 0;
	border-bottom: 1px dotted #aea181;
	background-color: #efebe0;
	text-align:center;
}
#cmn-fot .bnr-bst-fot img {
	margin-bottom: 5px;
}
#cmn-fot .bnr-bst-fot a {
	color: #333;
	font-size: 12px;
}
/* popular keywords
------------------------------------------------------- */
#cmn-fot .ppl-kwd {
	padding: 24px 10px 15px;
	background-color: #efebe0;
}
#cmn-fot .ppl-kwd h1 {
	position: relative;
	display: inline-block;
	height: 17px;
	margin-left: 4px;
	padding: 5px 8px 0 10px;
	background-color: #a6a091;
	color: #fff;
	font-size: 13px;
}
#cmn-fot .ppl-kwd h1:after {
	position: absolute;
	top:0;
	right: -14px;
	display: block;
	width: 0;
	height: 0;
	border-top: 11px solid #a6a091;
	border-right: 7px solid transparent;
	border-bottom: 11px solid transparent;
	border-left: 7px solid #a6a091;
	content: "";
}
#cmn-fot .ppl-kwd div {
	margin-top: -31px;
	padding: 1px;
	border: 2px solid #d7d1c3;
	background-color: #fff;
}
#cmn-fot .ppl-kwd ul {
	padding: 30px 0 8px 10px;
	border: 1px solid #d7d1c3;
	background-color: #fff;
}
#cmn-fot .ppl-kwd li {
	float: left;
	margin-right: 20px;
}
#cmn-fot .ppl-kwd a {
	display: inline-block;
	padding: 10px 0;
	color: #333;
	font-size: 12px;
}
#cmn-fot .ppl-kwd span {
	display: inline-block;
	border-bottom: 1px solid #949494;
}

/* ---------------------------------------------------------------
 webapp
--------------------------------------------------------------- */
/* bottom menu
------------------------------------------------------- */
.jq-app-bm {
	display: none;
	position: absolute;
	z-index: 99996;
}
.jq-app-bm.bm-fixed {
	position: fixed;
}
.jq-app-bm.bm-fixed.unsupport-fixed {
	position: static;
}
/* popup
------------------------------------------------------- */
.jq-app-pu {
	display: none;
	overflow: hidden;
	position: absolute;
	z-index: 99997;
	line-height: 0;
}
.jq-app-pu .pu-inr {
	position: relative;
}
.jq-app-pu .pu-load {
	z-index: 99999;
}
.jq-app-pu .pu-close {
	display: block;
	position: absolute;
	z-index: 99999;
}
.jq-app-pu .pu-ifrm {
	position: absolute;
	z-index: 99998;
}
/* part overlay popup
------------------------------------------------------- */
.jq-app-po-pu {
	display: none;
	position: absolute;
	z-index: 99994;
}
/* alert
------------------------------------------------------- */
.jq-app-al {
	display: none;
	position: absolute;
	z-index: 99997;
}
/* breadcrumb
------------------------------------------------------- */
.jq-app-bc {
	overflow: hidden;
}
/* fix
------------------------------------------------------- */
#cmn-page {
	background-color: #fff;
}
.jq-app-safe-highlight * {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* image responsive trim
----------------------------------------------------------- */
.img-rspsv {
	position: relative;
	overflow: hidden;
}
.img-rspsv img {
	display: block;
	position: absolute;
}
.img-rspsv img:not(.landscape):not(.portrait) {
	visibility: hidden;
}

/* feeling thickbox
------------------------------------------------------- */
.jq-app-pu {
	padding: 0;
	background-color: rgba(255,255,255,0.6);
}
.jq-app-pu .pu-load {
	display: block;
	text-align: center;
}
.jq-app-pu .pu-load img {
	margin-top: 200px;
}

/** 上界用グロナビ内検索form
----------------------------- */
.upp-bund .suggest li:before,
.upp-bund　.srch-sgst-focus .srch-sgst-cncl,
.upp-bund #srch-uswl .srch-uswl-list li:before {
	background: url("/images/spn/common/icons/ico_srch_sp.png") no-repeat;
	background-size: 50px 900px;
}
.upp-bund {
	padding: 2px 0 10px;
	border-bottom: 1px solid #e6e1d9;
}
.upp-bund form {
	position: relative;
	padding: 0 49px 0 7px;
}
#srch-fw.upp-bund form {
	margin: 0;
}
.upp-bund input[type="search"] {
	overflow: hidden;
	width: 100%;
	height: 33px;
	margin: 0;
	padding: 0.4em 8px 0;
	border: 1px solid #c6bfaf;
	border-right: 0;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	-webkit-box-shadow: 0px 1px 2px #ccc inset;
	box-shadow: 0px 1px 2px #ccc inset;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff !important; /* jsにて要素に直接styleされる対策 */
	font-size: 14px;
	line-height: 1;
	outline: 0;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.upp-bund input[type="search"]::-webkit-search-cancel-button {
	display: none;
}
.upp-bund:not(.overlay) input[type="submit"] { /* notは#csmt-pdtに適用させない為 */
	/*! autoprefixer: off */
	position: absolute;
	top: 0;
	right: 7px;
	width: 42px;
	padding: 0;
	border: 1px solid #c6bfaf;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background:
		url("/images/spn/common/icons/ico_srch_sp.png") no-repeat 10px -194px,
		-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e0d3)) left top;
	background:
		url("/images/spn/common/icons/ico_srch_sp.png") no-repeat 10px -194px,
		linear-gradient(to bottom, #fff, #e7e0d3) left top;
	background-size:
		50px 900px,
		auto;
	-webkit-appearance: none;

	/* contentによる画像置換はできない */
	overflow: hidden;
	height: 0;
	padding-top: 31px;
	line-height: 2;
}
.upp-bund .suggest {
	position: absolute;
	z-index: 99995;
	top: 43px !important; /* jsにて要素に直接styleされる対策 */
	left: 0 !important;
	width: 100% !important;
}
.upp-bund .suggest:before,
.upp-bund .suggest:after {
	position: absolute;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #c6bfaf;
	content: "";
}
.upp-bund .suggest:before {
	left: -1px;
}
.upp-bund .suggest:after {
	right: -1px;
}
.upp-bund .suggest li {
	position: relative;
	padding: 10px 8px 9px 21px;
	border-bottom: 1px solid #c6bfaf;
	background-color: #fff;
	font-size: 13px;
	line-height: 1.3;
}
.upp-bund .suggest li:before {
	position: absolute;
	top: 50%;
	left: 7px;
	width: 9px;
	height: 10px;
	margin-top: -4px;
	background-position: left -500px;
	content: "";
}
.upp-bund .suggest li:first-child {
	border-top: 1px solid #c6bfaf;
}
/* フォーカスされたら上部要素を隠す --> /js/spn/common.js */
.srch-sgst-focus　.upp-bund #cmn-ad-hdr,
.srch-sgst-focus　.upp-bund #rvw-total,
.srch-sgst-focus　.upp-bund #component-global-header,
.srch-sgst-focus　.upp-bund #srch-kwd {
	display: none;
}
/* キャンセルボタン */
.srch-sgst-focus .upp-bund form {
	padding-right: 84px;
}
.srch-sgst-focus .upp-bund input[type="submit"] {
	right: 42px;
}
.upp-bund .srch-sgst-cncl{
	display: none;
}
.srch-sgst-focus .upp-bund .srch-sgst-cncl {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 42px;
	height: 33px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-position: 13px -642px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
/* srch-uswl
----------------- */
.upp-bund #srch-uswl {
	/*! autoprefixer: off */
	display: none; /* 通常は非表示 */
	position: absolute;
	top: 53px;
	left: 0;
	z-index: 99994;
	width: 100%;
	/* 枠の下線 */
	background: -webkit-gradient(linear, left top, right top, from(#c6bfaf), to(#c6bfaf)) no-repeat 0 bottom #f0ece4;
	background: linear-gradient(to right, #c6bfaf, #c6bfaf) no-repeat 0 bottom #f0ece4;
	background-size: 100% 1px;
}
.upp-bund #srch-uswl:before, /* 枠の左線 */
.upp-bund #srch-uswl:after { /* 枠の右線 */
	position: absolute;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #c6bfaf;
	content: "";
}
.upp-bund #srch-uswl:before {
	left: -1px;
}
.upp-bund #srch-uswl:after {
	right: -1px;
}
.srch-sgst-focus .upp-bund:not(.sgst-actv) #srch-uswl {
	display: block; /* フォームにフォーカスしたら表示、サジェスト中は非表示 */
}
.upp-bund #srch-uswl .srch-uswl-tab {
	/*! autoprefixer: off */
	display: -webkit-box;
	display: -moz-box;
	display: box;
	width: 100%;
	border-top: 1px solid #c6bfaf; /* 枠の上線 */
	box-sizing: border-box;
}
.upp-bund #srch-uswl .srch-uswl-tab li {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	width: 50%;
	padding: 12px 0;
	border-top: 1px solid #e3ded3;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.upp-bund #srch-uswl.srch-hstr .srch-uswl-tab li:nth-child(2),
.upp-bund #srch-uswl.srch-trnd .srch-uswl-tab li:nth-child(1) {
	border-top-color: #a79d85;
	background-color: #aaa089;
	color: #fff;
}
.upp-bund #srch-uswl.srch-hstr .srch-uswl-list.srch-trnd,
.upp-bund #srch-uswl.srch-trnd .srch-uswl-list.srch-hstr {
	display: none;
}
.upp-bund #srch-uswl .srch-uswl-list li {
	position: relative;
	padding: 10px 10px 8px 29px;
	border-bottom: 1px solid #c6bfaf;
	color: #333;
	font-size: 13px;
	line-height: 1.4;
}

.upp-bund #srch-uswl .srch-uswl-list li.null {
	padding: 12px 10px 10px 11px;
	border-bottom: 0;
	color: #aaa089;
	font-weight: bold;
}
.upp-bund #srch-uswl .srch-uswl-list li:not(.null):before {
	position: absolute;
	content: "";
}
.upp-bund #srch-uswl.srch-hstr .srch-uswl-list li:before {
	top: 11px;
	left: 10px;
	width: 16px;
	height: 14px;
	background-position: 0 -800px;
}
.upp-bund #srch-uswl.srch-trnd .srch-uswl-list li:before {
	top: 11px;
	left: 10px;
	width: 15px;
	height: 13px;
	background-position: 0 -850px;
}

/* 下部共通パーツ
------------------------------------ */
/* アコーディオン
------------------------------------ */
.common-bottom {
	padding-bottom: 10px;
	background: #f0f0f0;
}
.jq-accordion .ac-toggle {
	display: none;
}

/* 商品一覧、クチコミ一覧のリンク
------------------------------------ */
.global-feed-container.global-feed-timeline {
	position: relative;
}

.listlink-list {
	padding-top: 10px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
}
.listlink-item {
	position: relative;
	background: #fff;
}
.listlink-item:nth-child(2) {
	border-top: 1px solid #ccc;
}
.listlink-item a {
	padding: 16px 24px 15px 8px;
	color: #333;
	font-size: 13px;
	line-height: 1.4;
}
.listlink-item a .icon-arrow-stroke {
	position: absolute;
	top: 0;
	right: 8px;
	bottom: 0;
	width: 12px;
	height: 12px;
	margin: auto;
	stroke: #333;
	stroke-width: 2px;
}

/* 他カテゴリのランキング
------------------------------------ */
#sub-left-ranking {
	margin-top: 10px;
	padding: 16px 8px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
	background: #fff;
}
#sub-left-ranking .title {
	margin-bottom: 24px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
}
#sub-left-ranking .name-wrap {
	flex: 1;
}
#sub-left-ranking .name-wrap .name-product,
#sub-left-ranking .name-wrap .name-brand {
	font-size: 12px;
	line-height: 1.4;
	word-break: break-all;
}
#sub-left-ranking .name-wrap .name-product {
	margin-bottom: 12px;
	font-weight: bold;
}
#sub-left-ranking .ranking-item {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}
#sub-left-ranking .ranking-item .icon {
	position: inherit;
	width: 44px;
	height: 28px;
	margin-right: 8px;
}
#sub-left-ranking .ranking-item.no1 .icon {
	fill: #dcc575;
}
#sub-left-ranking .ranking-item.no2 .icon {
	fill: #ccc;
}
#sub-left-ranking .ranking-item.no3 .icon {
	fill: #dc9375;
}
#sub-left-ranking .view-more {
	text-align: right;
}
#sub-left-ranking .view-more a {
	display: block;
	position: relative;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	word-break: break-all;
}
#sub-left-ranking .view-more a span {
	display: inline-block;
	padding-right: 16px;
	text-align: left;
}
#sub-left-ranking .view-more a .icon {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 12px;
	height: 12px;
	margin: auto;
	stroke: #068681;
	stroke-width: 2px;
}

/* カテゴリ別タグ一覧
------------------------------------ */
.category-tags {
	margin-top: 10px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
	background: #fff;
}
.category-tags .title {
	position: relative;
	padding: 13px 24px 13px 8px;
	background: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
}
.category-tags .title::after {
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	width: 10px;
	height: 6px;
	margin: auto;
	background: url(/svg/spn/common/icon-arrow-bottom.svg) no-repeat center center;
	content: '';
}
.category-tags .title.ac-active::after {
	transform: rotate(180deg);
}
.category-tags .category-tags-list-wrap {
	margin: 0 8px;
	border-top: 1px solid #dbdbdb;
}
.category-tags .category-tags-list-wrap .category-tags-item {
	border-bottom: 1px solid #dbdbdb;
}
.category-tags .category-tags-list-wrap .category-tags-item a {
	color: #333;
}
.category-tags .category-tags-list-wrap .category-tags-item .category-tags-item-link {
	position: relative;
	padding: 9px 24px 8px 8px;
	font-size: 12px;
	line-height: 1.6;
}
.category-tags .category-tags-list-wrap .category-tags-item .category-tags-item-link .icon {
	position: absolute;
	top: 0;
	right: 4px;
	bottom: 0;
	width: 12px;
	height: 12px;
	margin: auto;
	stroke: #333;
	stroke-width: 2px;
}
.category-tags .category-tags-list-wrap .category-tags-item.current {
	border: none;
}
.category-tags .first-menu {
	padding-left: 24px;
	border-top: 1px solid #dbdbdb;
}
.category-tags .first-menu .first-menu-item {
	border-bottom: 1px solid #dbdbdb;
}
.category-tags .first-menu .first-menu-item .first-menu-item-inner {
	position: relative;
	padding: 9px 24px 8px 8px;
	font-size: 12px;
	line-height: 1.6;
}
.category-tags .first-menu .first-menu-item .first-menu-item-inner .icon {
	position: absolute;
	top: 0;
	right: 4px;
	bottom: 0;
	width: 12px;
	height: 12px;
	margin: auto;
	stroke: #333;
	stroke-width: 2px;
}
.category-tags .first-menu .first-menu-item.current {
	border: none;
}
.category-tags .first-menu .first-menu-item.current .first-menu-item-inner {
	background: #f9f9f9;
	font-weight: bold;
}
.category-tags .first-menu .first-menu-item.current .first-menu-item-inner .icon {
	display: none;
}
.category-tags .first-menu .first-menu-item.current .first-menu-item-inner.no-link {
	border-bottom: 1px solid #dbdbdb;
	pointer-events: none;
}
.category-tags .first-menu .first-menu-item.current .first-menu-item-inner.no-link + .second-menu {
	margin-top: -1px;
}
.category-tags .first-menu .first-menu-item.current-inner {
	border: none;
}
.category-tags .second-menu {
	padding-left: 24px;
	border-top: 1px solid #dbdbdb;
}
.category-tags .second-menu .second-menu-item {
	border-bottom: 1px solid #dbdbdb;
}
.category-tags .second-menu .second-menu-item .second-menu-item-inner {
	position: relative;
	padding: 9px 24px 8px 8px;
	font-size: 12px;
	line-height: 1.6;
}
.category-tags .second-menu .second-menu-item .second-menu-item-inner .icon.is-second {
	position: absolute;
	top: 0;
	right: 4px;
	bottom: 0;
	width: 12px;
	height: 12px;
	margin: auto;
	stroke: #333;
	stroke-width: 2px;
}
.category-tags .second-menu .second-menu-item.current {
	border: none;
}
.category-tags .second-menu .second-menu-item.current .second-menu-item-inner {
	background: #f9f9f9;
	font-weight: bold;
}
.category-tags .second-menu .second-menu-item.current .second-menu-item-inner .icon {
	display: none;
}
.category-tags .second-menu .second-menu-item.current .second-menu-item-inner.no-link {
	border-bottom: 1px solid #dbdbdb;
	pointer-events: none;
}
.category-tags .second-menu .second-menu-item.current .second-menu-item-inner.no-link + .third-menu {
	margin-top: -1px;
}
.category-tags .second-menu .second-menu-item.current-inner {
	border: none;
}
.category-tags .third-menu {
	padding-left: 24px;
	border-top: 1px solid #dbdbdb;
}
.category-tags .third-menu .third-menu-item {
	border-bottom: 1px solid #dbdbdb;
}
.category-tags .third-menu .third-menu-item .third-menu-item-inner {
	position: relative;
	padding: 9px 24px 8px 8px;
	font-size: 12px;
	line-height: 1.6;
}
.category-tags .third-menu .third-menu-item .third-menu-item-inner .icon.is-third {
	position: absolute;
	top: 0;
	right: 4px;
	bottom: 0;
	width: 12px;
	height: 12px;
	margin: auto;
	stroke: #333;
	stroke-width: 2px;
}
.category-tags .third-menu .third-menu-item.current {
	border: none;
}
.category-tags .third-menu .third-menu-item.current .third-menu-item-inner {
	background: #f9f9f9;
	font-weight: bold;
}
.category-tags .third-menu .third-menu-item.current .third-menu-item-inner .icon {
	display: none;
}
.category-tags .third-menu .third-menu-item.current .third-menu-item-inner.no-link {
	border-bottom: 1px solid #dbdbdb;
	pointer-events: none;
}
.category-tags .third-menu .third-menu-item.current .third-menu-item-inner.no-link + .fourth-menu {
	margin-top: -1px;
}
.category-tags .third-menu .third-menu-item.current-inner {
	border: none;
}
.category-tags .fourth-menu {
	padding-left: 24px;
	border-top: 1px solid #dbdbdb;
}
.category-tags .fourth-menu .fourth-menu-item {
	border-bottom: 1px solid #dbdbdb;
}
.category-tags .fourth-menu .fourth-menu-item .fourth-menu-item-inner {
	position: relative;
	padding: 9px 24px 8px 8px;
	font-size: 12px;
	line-height: 1.6;
}
.category-tags .fourth-menu .fourth-menu-item .fourth-menu-item-inner .icon.is-fourth {
	position: absolute;
	top: 0;
	right: 4px;
	bottom: 0;
	width: 12px;
	height: 12px;
	margin: auto;
	stroke: #333;
	stroke-width: 2px;
}
.category-tags .fourth-menu .fourth-menu-item.current .fourth-menu-item-inner {
	background: #f9f9f9;
	font-weight: bold;
}
.category-tags .fourth-menu .fourth-menu-item.current .fourth-menu-item-inner .icon {
	display: none;
}
.category-tags .fourth-menu .fourth-menu-item.current .fourth-menu-item-inner.no-link {
	pointer-events: none;
}
.category-tags .view-more {
	text-align: right;
}
.category-tags .view-more a {
	display: block;
	position: relative;
	padding: 15px 0;
	color: #068681;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	word-break: break-all;
}
.category-tags .view-more a span {
	display: inline-block;
	padding-right: 20px;
	text-align: left;
}
.category-tags .view-more a .icon.is-view-more {
	position: absolute;
	top: 0;
	right: 4px;
	bottom: 0;
	width: 12px;
	height: 12px;
	margin: auto;
	stroke: #068681;
	stroke-width: 2px;
}

/* @cosmeで人気の美容タグ
------------------------------------ */
#keyword-popular-tag {
	margin-top: 10px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
	background: #fff;
}
#keyword-popular-tag .keyword-popular-tag-title {
	position: relative;
	padding: 13px 24px 13px 8px;
	background: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
}
#keyword-popular-tag .keyword-popular-tag-title::after {
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	width: 10px;
	height: 6px;
	margin: auto;
	background: url(/svg/spn/common/icon-arrow-bottom.svg) no-repeat center center;
	content: '';
}
#keyword-popular-tag .keyword-popular-tag-title.ac-active::after {
	transform: rotate(180deg);
}
#keyword-popular-tag .tag-category-wrap-list {
	margin: 0 8px;
	border-top: 1px solid #dbdbdb;
	font-size: 12px;
	line-height: 1.4;
}
#keyword-popular-tag .keyword-popular-tag-category {
	padding: 13px 0 10px;
	font-weight: bold;
}
#keyword-popular-tag .keyword-popular-tag-subcategory-list {
	margin-bottom: 12px;
}
#keyword-popular-tag .keyword-popular-tag-subcategory-item {
	margin-bottom: 2px;
}
#keyword-popular-tag .keyword-popular-tag-subcategory-link {
	display: inline-block;
	position: relative;
	margin: 0 0 8px 22px;
	color: #333;
}
#keyword-popular-tag .keyword-popular-tag-subcategory-link::before {
	position: absolute;
	top: 2px;
	left: -14px;
	width: 6px;
	height: 6px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	box-sizing: border-box;
	content: '';
}
#keyword-popular-tag .subcategory-inner-list {
	display: flex;
	flex-wrap: wrap;
	margin-left: 26px;
	padding-left: 14px;
}
#keyword-popular-tag .subcategory-inner-item {
	margin-bottom: 8px;
}
#keyword-popular-tag .subcategory-inner-item:first-child {
	position: relative;
}
#keyword-popular-tag .subcategory-inner-item:first-child::before {
	position: absolute;
	top: 2px;
	left: -8px;
	width: 6px;
	height: 6px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	box-sizing: border-box;
	content: '';
}
#keyword-popular-tag .subcategory-inner-item:not(:last-child) {
	position: relative;
}
#keyword-popular-tag .subcategory-inner-item:not(:last-child)::after {
	position: absolute;
	top: 2px;
	right: -1px;
	height: 12px;
	border-right: 1px solid #ccc;
	box-sizing: border-box;
	content: '';
}
#keyword-popular-tag .subcategory-inner-item-link {
	padding: 0 6px;
	color: #333;
}
#keyword-popular-tag .tag-category-wrap-item:not(:first-child) .keyword-popular-tag-category {
	padding-top: 5px;
}
#keyword-popular-tag .tag-category-wrap-item:not(:first-child) .keyword-popular-tag-subcategory-list {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin-left: 8px;
	padding-left: 8px;
}
#keyword-popular-tag .tag-category-wrap-item:not(:first-child) .keyword-popular-tag-subcategory-list::before {
	position: absolute;
	top: 2px;
	left: 0;
	width: 6px;
	height: 6px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	box-sizing: border-box;
	content: '';
}
#keyword-popular-tag .tag-category-wrap-item:not(:first-child) .keyword-popular-tag-subcategory-item {
	margin-bottom: 8px;
}
#keyword-popular-tag .tag-category-wrap-item:not(:first-child) .keyword-popular-tag-subcategory-item:not(:last-child) {
	position: relative;
}
#keyword-popular-tag .tag-category-wrap-item:not(:first-child) .keyword-popular-tag-subcategory-item:not(:last-child)::after {
	position: absolute;
	top: 2px;
	right: -1px;
	height: 12px;
	border-right: 1px solid #ccc;
	box-sizing: border-box;
	content: '';
}
#keyword-popular-tag .tag-category-wrap-item:not(:first-child) .keyword-popular-tag-subcategory-link {
	margin: 0;
	padding: 0 6px;
}
#keyword-popular-tag .tag-category-wrap-item:not(:first-child) .keyword-popular-tag-subcategory-link::before {
	content: none;
}
#keyword-popular-tag .view-more {
	padding: 0 8px 12px;
	text-align: right;
}
#keyword-popular-tag .view-more a {
	display: block;
	position: relative;
	padding-right: 16px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	word-break: break-all;
}
#keyword-popular-tag .view-more a .icon {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 12px;
	height: 12px;
	margin: auto;
	stroke: #068681;
	stroke-width: 2px;
}

/* 関連リンク
------------------------------------ */
#keyword-relation-link {
	margin-top: 10px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
	background: #fff;
}
#keyword-relation-link .title {
	position: relative;
	padding: 13px 24px 13px 8px;
	background: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
}
#keyword-relation-link .title::after {
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	width: 10px;
	height: 6px;
	margin: auto;
	background: url(/svg/spn/common/icon-arrow-bottom.svg) no-repeat center center;
	content: '';
}
#keyword-relation-link .title.ac-active::after {
	transform: rotate(180deg);
}
#keyword-relation-link dl {
	margin: 0 8px;
	padding-bottom: 6px;
	border-top: 1px solid #dbdbdb;
}
#keyword-relation-link dl dt {
	padding: 16px 0;
	font-size: 12px;
	line-height: 1.4;
}
#keyword-relation-link dl dd ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}
#keyword-relation-link dl dd li {
	margin-bottom: 10px;
	padding: 0 5px;
}
#keyword-relation-link dl dd li a {
	display: block;
	padding: 8px 10px;
	border-radius: 3px;
	background: #f5f5f5;
	color: #068681;
	font-size: 12px;
}