@charset "UTF-8";

/* module class
---------------------------------------------------------------*/

/*
## 見出し
```
<h1 class="ttl-a">h1 見出し</h1>
<h1 class="ttl-a2">h1 見出し（サブタイプ）</h1>
```
<br>
```
<h2 class="ttl-b">h2 見出し</h2>
```
<br>
```
<h3 class="ttl-c">h3 見出し<br><span class="ttl-c__tag">h3 見出し内囲み文字</span>テキスト</h3>
```
<br>
```
<h3 class="ttl-disc">POINT見出し</h3>
```
*/
.ttl-a {
	margin: 0 0 30px;
	padding: 5px 0;
	background-color: #108d6f;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
.ttl-a2 {
	position: relative;
	margin: 0 auto 10px;
	padding: 8px 0 5px 0;
	/*border-left: 8px solid #108d6f;*/
	background-color: #ebebeb;
	font-size: 1.8rem;
	font-weight: bold;
	color: #25b7aa;
	text-align: center;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		    box-sizing: border-box;

}

.ttl-a2:after {
	content: ' ';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
}
.ttl-b {
	margin: 0 0 20px;
	padding: 5px 10px;
	background-color: #25b7aa;
	font-size: 18px;
	font-size: 1.8rem;
	color: #fff;
}
.ttl-c {
	margin: 0 0 20px;
	padding: 0 0 2px 10px;
	border-left: 7px solid #25b7aa;
	font-size: 24px;
	font-size: 2.4rem;
	color: #555555;
	line-height: 1.5;
}
.ttl-c__tag {
	display: inline-block;
	margin-right: 5px;
	padding: 0 7px;
	border: 3px solid #25b7aa;
	font-size: 22px;
	font-size: 2.2rem;
	color: #25b7aa;
}
.ttl-c1 {
	margin: 0 0 10px;
	padding: 5px 10px 5px 1.5em;
	background-color: #eee;
	font-size: 16px;
	font-size: 1.6rem;
	color: #013270;
	text-indent: -1em;
}
.ttl-c1:before {
	content: "●";
	color: #0bbae6;
}
.ttl-d {
}
.ttl-e {
}
.ttl-f {
}
.ttl-disc {
	margin: 0 0 10px;
	padding-left: 1em;
	font-size: 18px;
	font-size: 1.8rem;
	text-indent: -1em;
}
.ttl-disc:before {
	content: "●";
	color: #25b7aa;
}


/*
## リスト
```
<ul class="list">
	<li>リスト装飾なし</li>
	<li>リスト装飾なし</li>
</ul>
```
<br>
```
<ol class="list-decimal">
	<li>olの数字のみ表示するクラス</li>
	<li>olの数字のみ表示するクラス</li>
</ol>
```
<br>
```
<ul class="list list-char1">
	<li>※注釈の時の文字マーク1文字分の<br>インデント時のクラス</li>
	<li>※注釈の時の文字マーク1文字分の<br>インデント時のクラス</li>
</ul>
```
<br>
```
<ul class="list list-char2">
	<li>※1 注釈の時の文字マーク2文字分の<br>インデント時のクラス</li>
	<li>※2 注釈の時の文字マーク2文字分の<br>インデント時のクラス</li>
</ul>
```
<br>
```
<ul class="list-circle">
	<li>円装飾のリスト</li>
	<li>円装飾のリスト</li>
</ul>
```
<br>
```
<ol class="list-number">
	<li>
		<dl>
			<dt>見出しタイトル</dt>
			<dd>見出し本文</dd>
		</dl>
	</li>
	<li>
		<dl>
			<dt>見出しタイトル</dt>
			<dd>見出し本文</dd>
		</dl>
	</li>
</ol>
```
*/
.list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.list-char1 li {
	padding-left: 1em;
	text-indent: -1em;
}
.list-char2 li {
	padding-left: 2em;
	text-indent: -2em;
}

.list-row {
	margin: 0;
	padding: 0;
	list-style: none;
}
.list-row:before,
.list-row:after {
	content: " ";
	display: table;
}
.list-row:after {
	clear: both;
}
.list-row {
	*zoom: 1;
}

ul.disc {
  display: table-row;
}
ul.disc:before {
  content: "•";
  display: table-cell;
  padding-left: 0.4em;
  padding-right: 0.4em;
}
.list-circle {
	margin: 0;
	padding: 0;
	list-style: none;
}
.list-circle li {
	padding-left: 18px;
	background: url(../img/list-circle.png) 0 0.35em no-repeat;
}
.list-number {
	margin: 0;
	padding: 0;
	list-style: none;
}
.list-number li {
	position: relative;
	counter-increment: table-ol;
	padding-left: 38px;
}
.list-number li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: counter(table-ol);
	display: inline-block;
	padding: 0 7px;
	background-color: #478e96;
	font-size: 18px;
	font-size: 1.8rem;
	color: #fff;
	text-align: right;
}
.list-number li:after {
	content: "";
	display: block;
	margin-bottom: 25px;
}
.list-number dt {
	padding: 3px 0 10px;
	font-weight: bold;
	color: #478e96;
}
.list-number dd {
	margin: 0;
}
.list-decimal {
	/*display: table;*/
	margin: 0;
	padding: 0;
	list-style: none;
}
.list-decimal li {
	/*display: table-row;*/
	/*counter-increment: table-ol;*/
	counter-increment: decimal;
	padding-left: 1em;
	text-indent: -1em;
	text-align: left;
}
.list-decimal li:before {
	content: counter(decimal) " ";
	/*display: table-cell;*/
	/*padding-left: 0.4em;*/
	/*padding-right: 0.4em;*/
	text-align: right;
}

.floatcontainer:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

.floatcontainer{display: inline-block;}

/* Hides from IE Mac \*/
* html .floatcontainer {height: 1%;}
.floatcontainer{display:block;}
/* End Hack */

/*
## 文字
```
<p class="txt-black">黒文字</p>
<p class="txt-white">白文字</p>
<p class="txt-blue">青文字</p>
<p class="txt-sub-color">青文字（インディゴ）</p>
<p class="txt-pr">アクセント文字</p>
```
<br>
```
<p class="txt-xs">フォントXSサイズ</p>
<p class="txt-s">フォントSサイズ</p>
<p class="txt-m">フォントMサイズ</p>
<p class="txt-l">フォントLサイズ</p>
<p class="txt-xl">フォントXLサイズ</p>
```
<br>
```
<p>テキスト<span class="sup">sup</span></p>
```
*/
.txt-black { color: #000; }
.txt-gray { color: #555; }
.txt-white { color: #fff; }
.txt-blue { color: #285ea0; }
.txt-sub-color { color: #478e96; }
.txt-pr { color: #d70c19; }

.txt-xs { font-size: 10px; font-size: 1.0rem; }
.txt-s { font-size: 12px; font-size: 1.2rem; }
.txt-m { font-size: 16px; font-size: 1.6rem; }
.txt-l { font-size: 20px; font-size: 2.0rem; }
.txt-xl { font-size: 24px; font-size: 2.4rem; }

.sup {
	vertical-align: top;
	font-size: x-small;
	line-height: normal;
}

/*
## ボタン
```
<p><a href="#" class="btn">ボタン</a></p>
<p><a href="#" class="btn btn-submit">ボタン</a></p>
```
*/
.btn {
	display: inline-block;
	min-width: 60px;
	padding: 5px 20px;
	background-color: #999;
	border-radius: 4px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d62139), color-stop(0.00, #f04965));
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #a1a1a1), color-stop(0.00, #b8b8b8));
	background: -webkit-linear-gradient(#b8b8b8, #a1a1a1);
	background: -moz-linear-gradient(#b8b8b8, #a1a1a1);
	background: -o-linear-gradient(#b8b8b8, #a1a1a1);
	background: -ms-linear-gradient(#b8b8b8, #a1a1a1);
	background: linear-gradient(#b8b8b8, #a1a1a1);
	color: #fff;
	text-decoration: none;
	text-align: center;
}
.btn:visited {
	color: #fff;
}
.btn-blue {
	background-color: #1f559a;
}
.btn-submit {
	background-color: #f04965;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	background: -webkit-linear-gradient(#f04965, #d62139);
	background: -moz-linear-gradient(#f04965, #d62139);
	background: -o-linear-gradient(#f04965, #d62139);
	background: -ms-linear-gradient(#f04965, #d62139);
	background: linear-gradient(#f04965, #d62139);
}

.icon-first {
	padding-right: 10px;
}
.icon-first img {
	vertical-align: middle;
}
input[type=submit].btn-txt {
	border: none;
	background: none;
	text-decoration: underline;
	color: #108d6f;
}
input[type=submit].btn-txt:visited {
	color: #108d6f;
}
input[type=submit].btn-txt:hover {
	opacity: 0.8;
	text-decoration: none;
}
.ua-android-2-2 rt {
	display: none;
}



/*
## ボックス
```
<div class="row box-figure figure300">
	<figure class="col-figure"><img src="img/dummy.png" height="240" width="300" alt=""></figure>
	<div class="col-text">
		<p>枠線で囲まれた画像アリのボックス</p>
		<p>.box-figureで画像を回り込む設定にし、.figure[画像の横幅]で画像の横幅とテキストのpadding-rightの設定をおこなっている。なお、.figure[画像の横幅]で設定しているものは以下を参照。</p>
		<ul>
			<li>.figure220</li>
			<li>.figure300</li>
			<li>.figure430</li>
		</ul>
	</div>
</div>
```
<br>
```
<div class="row box-label">
	<div class="box-label__heading">
		<div class="box-label__icon">1</div>
		<div class="box-label__ttl">ボックスの見出し</div>
	</div>
	<div class="box-label__body">
		<p class="box-label__p">ボックスの本文</p>
	</div>
</div>
```
<br>
```
<section class="row box-bg_light-blue">
	<h3 class="ttl-disc">POINT見出し</h3>
	<p>背景色のクラス</p>
	<ol class="list-decimal">
		<li>.box-bg_gray</li>
		<li>box-bg_light-blue</li>
	</ol>
</section>
```
*/
.box-border-pc {
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 18px;
}
.box-figure {
}
.box-figure .col-figure {
	float: right;
	margin-left: 10px;
}
.box-figure .col-text {
}
.figure220 .col-figure { width: 220px; }
.figure220 .col-text { padding-right: 230px; }
.figure300 .col-figure { width: 300px; }
.figure300 .col-text { padding-right: 310px; }
.figure430 .col-figure { width: 430px; }
.figure430 .col-text { padding-right: 440px; }
.col-figure-figcaption {
	color: #3f91f9;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.col-figure figcaption + img,
.col-figure img + figcaption {
	margin-top: 10px;
}
.box-label {
}
.box-label__heading {
	display: table;
	margin: 0 0 10px;
	width: 100%;
}
.box-label__icon {
	background-color: #478e96;
	color: #fff;
	display: table-cell;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 0 0.4em;
	text-align: center;
	vertical-align: middle;
	width: 1em;
}

.box-label__icon2 {
	background-color: #25b7aa;
	color: #fff;
	display: table-cell;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 0 0.4em;
	text-align: center;
	vertical-align: middle;
	width: 4em;
}

.box-label__ttl {
	background-color: #eefbf8;
	border-bottom: 2px solid #478e96;
	display: table-cell;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 3px 10px 0;
	vertical-align: middle;
}

.box-label__ttl2 {
background-color: #ffffff;
	border-bottom: 2px solid #25b7aa;
	display: table-cell;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 3px 10px 0;
	vertical-align: middle;
}
}

.box-label__body {
	padding-left: 43px;
}
.box-label__p {
}
.box-point {
	background-color: #54cfed;
	color: #fff;
}
.box-point__heading {
	border-bottom: 2px solid #fff;
	color: #fff;
	line-height: 1;
	margin: 0;
	padding: 10px 0 0 10px;
}
.box-point__body {
	padding: 20px;
}
.ttl-box-point {
	margin: 0 0 10px;
}
.box-point__figure {
}
.box-point__list {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.box-point__list li {
	counter-increment: table-ol;
	display: table-row;
}
.box-point__list li::before {
	content: counter(table-ol, decimal);
	display: table-cell;
	padding-right: 1em;
	text-align: right;
}
.box-column {
}
.box-column__ttl {
	margin: 0;
	padding: 5px 10px;
	background-color: #c5ddfd;
	font-size: 16px;
	font-size: 1.6rem;
	color: #091686;
}
.box-column__body {
	padding: 10px;
	border: 1px solid #c5ddfd;
}

.box-border1 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ccc;
	padding: 20px;
}
.box-border4 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 4px solid #ccc;
	padding: 20px;
}
.box-bg_gray {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	background-color: #ebebeb;
}
.box-bg_light-blue {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	background-color: #eefbf8;
}

.bnr-area p {
	margin: 0;
}
.bnr-area p+p {
	margin-top: 30px;
}

.error {
	color: #c00;
}

.asc-figure figure {
	width: 360px;
	margin-left: 10px;
	float: right;
}
.asc-figure figcaption {
	font-size: 1.2rem;
	margin: 0;
	text-align: right;
}
.asc-figure p {
	padding-right: 370px;
}

@media screen and (max-width:740px) {
	.ttl-a {
		margin-bottom: 15px;
		padding: 5px 3%;
		/*font-size: 14px;*/
		/*font-size: 1.4rem;*/
	}
	.ttl-b {
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.ttl-c {
		margin: 0 3%;
		padding-right: 3%;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.3;
	}
	.ttl-c__tag {
		border-width: 2px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.ttl-c1 {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.ttl-d {
	}
	.ttl-e {
	}
	.ttl-f {
	}
	.ttl-disc {
		font-size: 14px;
		font-size: 1.4rem;
	}


	.list-circle li {
		font-size: 12px;
		font-size: 1.2rem;
	}

	.list-number li {
		padding-left: 30px;
	}
	.list-number li:before {
		padding: 0 7px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.list-number li:after {
		margin-bottom: 10px;
	}
	.list-number dt {
		padding: 1px 0 3px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.list-number dd {
		font-size: 12px;
		font-size: 1.2rem;
	}


	.txt-xs { font-size: 7px; font-size: 0.7rem; }
	.txt-s { font-size: 8px; font-size: 0.8rem; }
	.txt-m { font-size: 12px; font-size: 1.2rem; }
	.txt-l { font-size: 16px; font-size: 1.6rem; }
	.txt-xl { font-size: 18px; font-size: 1.8rem; }


	.icon-first img {
		width: auto;
	}


	.box-border-pc {
		border: medium none;
		padding: 0;
	}
	.box-figure .col-figure {
		float: none;
		margin-bottom: 20px;
		margin-left: 0;
	}
	.box-figure .col-text {
	}

	.figure220 .col-figure,
	.figure300 .col-figure,
	.figure430 .col-figure {
		width: 100%;
	}
	.figure220 .col-text,
	.figure300 .col-text,
	.figure430 .col-text {
		padding-right: 0;
	}
	.col-figure-figcaption {
		font-size: 1.4rem;
	}
	.box-label__icon,
	.box-label__icon2,
	.box-label__ttl,
	.box-label__ttl2 {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.box-label__body {
		padding-left: 11px;
		padding-right: 11px;
	}
	.box-point {
	}
	.box-point__heading img {
		width: 70px;
	}
	.box-point__body {
		padding: 10px;
	}
	.smell_care .box-point__figure {
		float: none;
		margin: 10px auto;
		text-align: center;
	}
	.box-column__ttl {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.box-bg_light-blue {
		padding: 10px;
	}

	.bnr-area p + p {
		margin-top: 20px;
	}
	.icon-first {
		display: inline-block;
		padding-right: 10px;
		margin-bottom: 5px;
	}
	.asc-figure figure {
		width: 100%;
		float: none;
		margin: 0 auto 20px;
		display: block;
	}
	.asc-figure figcaption {
		font-size: 1.2rem;
		margin: 0;
		text-align: left;
		text-indent: -1em;
		padding-left: 1em;
	}
	.asc-figure p {
		padding-right: 0;
	}
	.asc_row {
		width: 87%;
	}
	.sup {
		font-size: 0.75em;
	}
}

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

.left_text{
	float: left;
}

.right_text{
	float: right;
}


/* 製品一覧 */
.product-item {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ccc;
}
.product-item a {
	display: block;
	color: #555;
	text-decoration: none;
}

.product-item__category {
	/*float: left;*/
	margin: 0;
	padding: 5px 10px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
}

.product-item__category--armpit {
	background-color: #25b7aa;
}
.product-item__category--body {
	background-color: #e50077;
}
.product-item__category--leg {
	background-color: #438fe4;
}
.product-item__name {
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0;
	padding: 15px 10px;
	border-bottom: 1px solid #ccc;
	color: #e50077;
	font-weight: bold;
	text-align: center;

}
.product-item__name2 {
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0;
	padding: 15px 10px;
	border-bottom: 1px solid #ccc;
	color: #e50077;
	font-weight: bold;
	text-align: center;
}

.color3 {
	color: #445ba9;
}

.product-item__name-inner {
	display: table-cell;
	vertical-align: middle;
}
.product-item__img {
	margin: 0;
	padding: 10px 10px 0;
	text-align: center;
}
.product-item__lead {
	margin: 0;
	padding: 10px;
	font-size: 14px;
	font-size: 1.4rem;
}
.item_lead__txt:first-child {
	margin-top: 0;
}
.product-item__note {
	margin-bottom: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	font-size: 1.2rem;
}
.product-item__note li {
	margin-bottom: 0;
	padding-left: 2em;
	text-indent: -2em;
}
.product-name {
	display: block;
	margin-bottom: 10px;
	color: #478e96;
	text-decoration: underline;
}
a:visited .product-name {
	color: #478e96;
}
a:hover .product-name {
	text-decoration: none;
}
.product_new {
	display: inline-block;
	float: left;
	margin-right: 5px;
	padding: 0 3px;
	background-color: #d70c19;
	font-size: 10px;
	font-size: 1.0rem;
	color: #fff;
}

.product_new2 {
	display: inline-block;
	margin: 0 4px 0 0px;
	padding: 0 3px;
	background-color: #e40077;
	font-size: 85%;
	/*font-size: 1.4rem;*/
	color: #fff;
}

.product_new3 {
	display: inline-block;
	padding: 0 3px;
	background-color: #fff;
	font-size: 90%;
	color: #25b7aa;
}

.product_new4 {
	display: inline-block;
	padding: 0 3px;
	background-color: #fff;
	font-size: 90%;
	color: #445ba9;
}
.product_new5 {
	display: inline-block;
	padding: 0 3px;
	background-color: #fff;
	font-size: 90%;
	color: #e40077;
}

/* 製品一覧（各ページ下部） */
.product-item_foot {
	margin: 30px 0;
}
.product-item_foot .product-item {
	width: 172px;
	float: left;
	margin-left: 20px;
	margin-bottom: 10px;
}
.product-item_foot .lineStart {
	width: 172px;
	float: left;
	margin-left: 0px;
}

.product-item_foot .product-item:first-child {
	margin-left: 0;
}
.product-item_foot .product-item__lead {
	font-size: 12px;
	font-size: 1.2rem;
}
.product-item_foot .product-item__note {
	font-size: 10px;
	font-size: 1.0rem;
}
.product-item_foot .product-item__name {
	font-size: 12px;
	font-size: 1.2rem;
}
.product-item_foot .product-item__img img {
	width: 100%;
	height: auto;
}
.product-item_foot .product_new {
	top: 70px;
}

/* 商品詳細の「購入する」ボタンクリック時のモーダル表示 */
.remodal, .remodal * {
	font-family: Roboto, "Droid Sans", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.shop_list {
	margin: 20px 0px 0px 0px;
	padding: 0;
	list-style: none;
}

@media screen and (max-width:740px) {
	.product-item__category {
		font-size: 10px;
		font-size: 1.0rem;
	}
	.product-item__name {
		padding: 5px;
		font-size: 10px;
		font-size: 1.0rem;
	}
	.product-item__lead {
		font-size: 10px;
		font-size: 1.0rem;
	}
	.product-item__note {
		font-size: 8px;
		font-size: 0.8rem;
	}

	.product-item_foot {
		margin: 20px 3%;
	}
	.product-item_foot .product-item {
		width: 32%;
		margin-top: 0px;
		margin-left: 2%;
	}
	.product-item_foot .product-item:nth-child(1),
	.product-item_foot .product-item:nth-child(2),
	.product-item_foot .product-item:nth-child(3) {
		margin-top: 0;
	}
	.product-item_foot .product-item:first-child,
	.product-item_foot .product-item:nth-child(3n+1) {
		margin-left: 0;
	}
	.product-item_foot .product-item__category {
		padding: 5px 3%;
		font-size: 10px;
		font-size: 1.0rem;
	}
	.product-item_foot .product-item__name {
		padding: 5px 3%;
		font-size: 9px;
		font-size: 0.9rem;
	}
	.product-item_foot .product-item .product-item__img {
		padding: 5px 3%;
	}
	.product-item_foot .product-item img {
		width: 100%;
	}
	.product-item_foot .product-item__lead {
		padding: 5px;
		font-size: 10px;
		font-size: 1.0rem;
	}
	.product-item_foot .product-item__note {
		font-size: 7px;
		font-size: 0.7rem;
	}
	.product_new {
		display: inline-block;
		float: none;
		margin-right: 0;
		margin-bottom: 2px;
		padding: 0 3px;
	}
	.product-item__text-center {
		display: inline-block;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		vertical-align: middle;
	}
	.product-item__text-center:before {
		content: "";
		display: inline-block;
		width: 0;
		vertical-align: middle;
	}
	.item_lead .item_ttl {
		display: table-cell;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		vertical-align: bottom;
	}
	.item_lead .item_ttl {
		padding-bottom: 10px;
	}
	.item_ttl .product-name {
		margin-bottom: 0;
	}
}
.item_footer .product-name {
	margin-bottom: 0;
}
.item_lead .item_footer {
	display: table-cell;
	width: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	vertical-align: bottom;
	padding-bottom: 10px;
}
/* テキスト寄せ */
.text-align-r {
	display: inline-block;
	float: right;
}
/* クチコミ表示 */
.detail-voice .row .text-align-r {
	display: none;
}

.mb20 {
	margin-bottom:20px;
}

.mb30 {
	margin-bottom:20px;
}