@charset "utf-8";
/* default.css ==================================================== */
/* -------------------------------------------------------------------
 basic
------------------------------------------------------------------- */
/* firefoxでページ移動の際、コンテンツが少なくても中心がずれないようにする */
html {
	overflow-y: scroll;
}
body {
	text-align: center;
}
/* -------------------------------------------------------------------
 base tag
------------------------------------------------------------------- */
/* マージンをリセット */
body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, pre, form, input, textarea, header, footer, nav, figure, figcaption {
	margin: 0;
	padding: 0;
	zoom: 1;
}
/* リストマーカーなし */
ul, ol {
	list-style-type: none;
}
/* リスト */
ul li,
ol li {

}
/* リスト最後 */
ul li:last-child,
ol li:last-child {
	margin-bottom: 0;
}
/* 画像・テーブルはボーダーなし */
img {
    max-width:100%;
	border: none;
	vertical-align: bottom;
}
/* リンク縁取りなし */
a, input {
	outline: none;
}
/* figure */
figure {
	width: 100%;
	text-align: center;
}
/* キャプション */
caption {
	text-align: left;
}
/* -------------------------------------------------------------------
 for ie8
------------------------------------------------------------------ */
article, aside, figure, figcaption, footer, header, nav, section {
    display: block;
}
/* -------------------------------------------------------------------
 要素間
------------------------------------------------------------------ */
/* article */
#contents article {
	margin-top: 40px;
}
#contents article:first-child {
	margin-top: 0;
}
/* section */
#contents article section {
	margin-top: 30px;
}
#contents article section:first-child {
	margin-top: 0;
}
/* -------------------------------------------------------------------
 box-sizing
------------------------------------------------------------------ */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/* common.css ==================================================== */
/* -------------------------------------------------------------------
 clearfix
------------------------------------------------------------------- */
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
/* For IE 6/7 */
.clearfix {
    zoom: 1;
}
/* ---------------------------------------
　マージン
--------------------------------------- */
/* マージントップ
----------------------------- */
.mgt0	{ margin-top:0 !important; }
.mgt5	{ margin-top:5px !important; }
.mgt10 { margin-top:10px !important; }
.mgt15 { margin-top:15px !important; }
.mgt20 { margin-top:20px !important; }
.mgt25 { margin-top:25px !important; }
.mgt30 { margin-top:30px !important; }
.mgt35 { margin-top:35px !important; }
.mgt40 { margin-top:40px !important; }
.mgt45 { margin-top:45px !important; }
.mgt50 { margin-top:50px !important; }
.mgt1em	{ margin-top:1em !important; }
.mgt2em	{ margin-top:2em !important; }
.mgt3em	{ margin-top:3em !important; }
.mgt4em	{ margin-top:4em !important; }
.mgt5em	{ margin-top:5em !important; }
.mgt6em	{ margin-top:6em !important; }
.mgt7em	{ margin-top:7em !important; }
.mgt8em	{ margin-top:8em !important; }
.mgt9em	{ margin-top:9em !important; }
.mgt10em	{ margin-top:10em !important; }
/* マージンボトム
----------------------------- */
.mgb0	{ margin-bottom:0 !important; }
.mgb5	{ margin-bottom:5px !important; }
.mgb10 { margin-bottom:10px !important; }
.mgb15 { margin-bottom:15px !important; }
.mgb20 { margin-bottom:20px !important; }
.mgb25 { margin-bottom:25px !important; }
.mgb30 { margin-bottom:30px !important; }
.mgb35 { margin-bottom:35px !important; }
.mgb40 { margin-bottom:40px !important; }
.mgb45 { margin-bottom:45px !important; }
.mgb50 { margin-bottom:50px !important; }
.mgb1em { margin-bottom:1em !important; }
.mgb2em { margin-bottom:2em !important; }
.mgb3em { margin-bottom:3em !important; }
.mgb4em { margin-bottom:4em !important; }
.mgb5em { margin-bottom:5em !important; }
.mgb6em { margin-bottom:6em !important; }
.mgb7em { margin-bottom:7em !important; }
.mgb8em { margin-bottom:8em !important; }
.mgb9em { margin-bottom:9em !important; }
.mgb10em { margin-bottom:10em !important; }
/* マージンレフト
----------------------------- */
.mgl0	{ margin-left:0 !important; }
.mgl5	{ margin-left:5px !important; }
.mgl10 { margin-left:10px !important; }
.mgl15 { margin-left:15px !important; }
.mgl20 { margin-left:20px !important; }
.mgl25 { margin-left:25px !important; }
.mgl30 { margin-left:30px !important; }
.mgl35 { margin-left:35px !important; }
.mgl40 { margin-left:40px !important; }
.mgl45 { margin-left:40px !important; }
.mgl50 { margin-left:50px !important; }
.mgl1em { margin-left:1em !important; }
.mgl2em { margin-left:2em !important; }
.mgl3em { margin-left:3em !important; }
.mgl4em { margin-left:4em !important; }
.mgl5em { margin-left:5em !important; }
.mgl6em { margin-left:6em !important; }
.mgl7em { margin-left:7em !important; }
.mgl8em { margin-left:8em !important; }
.mgl9em { margin-left:9em !important; }
.mgl10em { margin-left:10em !important; }
/* マージンライト
----------------------------- */
.mgr0	{ margin-right:0 !important; }
.mgr5	{ margin-right:5px !important; }
.mgr10 { margin-right:10px !important; }
.mgr15 { margin-right:15px !important; }
.mgr20 { margin-right:20px !important; }
.mgr25 { margin-right:25px !important; }
.mgr30 { margin-right:30px !important; }
.mgr35 { margin-right:35px !important; }
.mgr40 { margin-right:40px !important; }
.mgr45 { margin-right:40px !important; }
.mgr50 { margin-right:50px !important; }
.mgr1em { margin-right:1em !important; }
.mgr2em { margin-right:2em !important; }
.mgr3em { margin-right:3em !important; }
.mgr4em { margin-right:4em !important; }
.mgr5em { margin-right:5em !important; }
.mgr6em { margin-right:6em !important; }
.mgr7em { margin-right:7em !important; }
.mgr8em { margin-right:8em !important; }
.mgr9em { margin-right:9em !important; }
.mgr10em { margin-right:10em !important; }
/* ---------------------------------------
　パディング
--------------------------------------- */
/* パディンングトップ
----------------------------- */
.pdt0	{ padding-top:0 !important; }
.pdt5	{ padding-top:5px !important; }
.pdt10 { padding-top:10px !important; }
.pdt15 { padding-top:15px !important; }
.pdt20 { padding-top:20px !important; }
.pdt25 { padding-top:25px !important; }
.pdt30 { padding-top:30px !important; }
.pdt35 { padding-top:35px !important; }
.pdt40 { padding-top:40px !important; }
.pdt45 { padding-top:40px !important; }
.pdt50 { padding-top:50px !important; }
.pdt1em { padding-top:1em !important; }
.pdt2em { padding-top:2em !important; }
.pdt3em { padding-top:3em !important; }
.pdt4em { padding-top:4em !important; }
.pdt5em { padding-top:5em !important; }
.pdt6em { padding-top:6em !important; }
.pdt7em { padding-top:7em !important; }
.pdt8em { padding-top:8em !important; }
.pdt9em { padding-top:9em !important; }
.pdt10em { padding-top:10em !important; }
/* パディンングボトム
----------------------------- */
.pdb0	{ padding-bottom:0 !important; }
.pdb5	{ padding-bottom:5px !important; }
.pdb10 { padding-bottom:10px !important; }
.pdb15 { padding-bottom:15px !important; }
.pdb20 { padding-bottom:20px !important; }
.pdb25 { padding-bottom:25px !important; }
.pdb30 { padding-bottom:30px !important; }
.pdb35 { padding-bottom:35px !important; }
.pdb40 { padding-bottom:40px !important; }
.pdb45 { padding-bottom:40px !important; }
.pdb50 { padding-bottom:50px !important; }
.pdb1em { padding-bottom:1em !important; }
.pdb2em { padding-bottom:2em !important; }
.pdb3em { padding-bottom:3em !important; }
.pdb4em { padding-bottom:4em !important; }
.pdb5em { padding-bottom:5em !important; }
.pdb6em { padding-bottom:6em !important; }
.pdb7em { padding-bottom:7em !important; }
.pdb8em { padding-bottom:8em !important; }
.pdb9em { padding-bottom:9em !important; }
.pdb10em { padding-bottom:10em !important; }
/* パッディングレフト
----------------------------- */
.pdl0	{ padding-left:0 !important; }
.pdl5	{ padding-left:5px !important; }
.pdl10 { padding-left:10px !important; }
.pdl15 { padding-left:15px !important; }
.pdl20 { padding-left:20px !important; }
.pdl25 { padding-left:25px !important; }
.pdl30 { padding-left:30px !important; }
.pdl35 { padding-left:35px !important; }
.pdl40 { padding-left:40px !important; }
.pdl45 { padding-left:40px !important; }
.pdl50 { padding-left:50px !important; }
.pdl1em { padding-left:1em !important; }
.pdl2em { padding-left:2em !important; }
.pdl3em { padding-left:3em !important; }
.pdl4em { padding-left:4em !important; }
.pdl5em { padding-left:5em !important; }
.pdl6em { padding-left:6em !important; }
.pdl7em { padding-left:7em !important; }
.pdl8em { padding-left:8em !important; }
.pdl9em { padding-left:9em !important; }
.pdl10em { padding-left:10em !important; }
/* パッディングライト
----------------------------- */
.pdr0	{ padding-right:0 !important; }
.pdr5	{ padding-right:5px !important; }
.pdr10 { padding-right:10px !important; }
.pdr15 { padding-right:15px !important; }
.pdr20 { padding-right:20px !important; }
.pdr25 { padding-right:25px !important; }
.pdr30 { padding-right:30px !important; }
.pdr35 { padding-right:35px !important; }
.pdr40 { padding-right:40px !important; }
.pdr45 { padding-right:40px !important; }
.pdr50 { padding-right:50px !important; }
.pdr1em { padding-right:1em !important; }
.pdr2em { padding-right:2em !important; }
.pdr3em { padding-right:3em !important; }
.pdr4em { padding-right:4em !important; }
.pdr5em { padding-right:5em !important; }
.pdr6em { padding-right:6em !important; }
.pdr7em { padding-right:7em !important; }
.pdr8em { padding-right:8em !important; }
.pdr9em { padding-right:9em !important; }
.pdr10em { padding-right:10em !important; }
/* ---------------------------------------
　行間
--------------------------------------- */
/* 行 */
.mgbLine {
	margin-bottom: 1em !important;
}
/* ---------------------------------------
　注釈
--------------------------------------- */
/* ※  */
.note {
	padding-left: 1.34em;
	text-indent: -1.34em !important;
}
/* ※1  */
.noteNum1 {
	padding-left: 1.8em;
	text-indent: -1.8em;
}
/* ※10  */
.noteNum2 {
	padding-left: 2.3em;
	text-indent: -2.3em;
}
/* *  */
.notesAst {
	padding-left: 1.0em;
	text-indent: -0.7em;
}
/* ・ */
.notesZenkaku {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
/* ・ */
.notesZenkakuFontFull {
	padding-left: 1.0em;
	text-indent: -1.0em;
}
/* 1．*/
.notesNum {
	padding-left: 1.8em;
	text-indent: -1.5em;
}
/* 10．*/
.notesNum2Keta {
	padding-left: 2.1em;
	text-indent: -2.1em;
}
/* 1)  */
.notesParentNum {
	padding-left: 1.35em;
	text-indent: -1.2em;
}
/* (1)  */
.notesParent2Num {
	padding-left: 1.5em;
	text-indent: -1.50em;
}
/* 10)  */
.notesParentNum2Keta {
	padding-left: 1.75em;
	text-indent: -1.75em;
}
/* (10)  */
.notesParent2Num2Keta {
	padding-left: 2.0em;
	text-indent: -2.0em;
}
/* ※注)  */
.notesParentAtten {
	padding-left: 2.6em;
	text-indent: -2.6em;
}
/* 注1)  */
.notesParentAttenNum {
	padding-left: 2.1em;
	text-indent: -2.1em;
}
/* なし */
.notesMarkerNone {
	margin-top: 1em !important;
}
/* ---------------------------------------
　align
--------------------------------------- */
/* 左 */
.alignLeft {
	text-align: left !important;
}
/* 中央 */
.alignCenter {
	text-align: center !important;
}
/* 右 */
.alignRight {
	text-align: right !important;
}

/* font.css ==================================================== */
/* -------------------------------------------------------------------
 for IE8 サイズ
==================================================================================================
10px-77% 11px-85% 12px-93% 13px-100% 14px-108% 15px-116% 16px-123.1% 17px-131%
18px-138.5% 19px-146.5% 20px-153.9% 21px-161.6% 22px-167% 23px-174% 24px-182% 25px-189% 26px-197%
==================================================================================================
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
 base font
------------------------------------------------------------------- */
html { font-size: 62.5%; font-size /*\**/: 80%\9; /* for IE8 */ }

/* -- font-size class ------------------- */
.fs10   { font-size: 10px; font-size: 1.0rem; }
.fs12   { font-size: 12px; font-size: 1.2rem; }
.fs13   { font-size: 13px; font-size: 1.3rem; }
.fs14   { font-size: 14px; font-size: 1.4rem; }
.fs16   { font-size: 16px; font-size: 1.6rem; }
.fs18   { font-size: 18px; font-size: 1.8rem; }
.fs20   { font-size: 20px; font-size: 2.0rem; }
.fs22   { font-size: 22px; font-size: 2.2rem; }
.fs24   { font-size: 24px; font-size: 2.4rem; }
/* -- for IE8 -- */
.fs10   { font-size /*\**/: 77%\9; }
.fs12   { font-size /*\**/: 93%\9; }
.fs13   { font-size /*\**/: 100%\9; }
.fs14   { font-size /*\**/: 108%\9; }
.fs16   { font-size /*\**/: 123.1%\9; }
/* テキストをノーマルに */
address {
	font-style: normal;
}
/* h[n] */
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 1.4rem;
}
/* sup */
sup {
	font-size: 1.0rem;
}
/* strong */
strong {
	color: #656565;
}
/* -------------------------------------------------------------------
 太字
------------------------------------------------------------------- */
.fwBold {
	font-weight: bold;
}
.fwNormal {
	font-weight: normal;
}
/* -------------------------------------------------------------------
 カラー
------------------------------------------------------------------- */
/* 赤 */
.fcRed {
	color: #e30000;
}
/* 白 */
.fcWhite {
	color: #FFF !important;
}
/* 赤ボールド */
.fcRedBold {
	color: #cc0000;
	font-weight: bold;
}
/* リンク色ブルー */
.fcLinkBule {
	color: #1857ad;
}
/* マーカありストロング */
.attMarker {
	padding: 0 0.5%;
	background: #ffff99;
	font-weight: bold;
}
/* PC・タブレット
------------------------ */
@media print, screen and (min-width:641px){
/* h[n] */
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 1.6rem;
}
}
/* link.css ==================================================== */
/* -------------------------------------------------------------------
 link
------------------------------------------------------------------- */
/*a:link {
	color: #003884;
	text-decoration: none;
}
a:active {
	color: #003884;
	text-decoration: none;
}
a:visited {
	color: #003884;
	text-decoration: none;
}
a:hover {
	color: #003884;
	text-decoration: underline;
}*/
/* -------------------------------------------------------------------
 link フッター
------------------------------------------------------------------- */
/*#footerNavi a:link,
#jinavi a:link {
	color: #fff;
	text-decoration: none;
}
#footerNavi a:active,
#jinavi a:active {
	color: #fff;
	text-decoration: none;
}
#footerNavi a:visited,
#jinavi a:visited {
	color: #fff;
	text-decoration: none;
}
#footerNavi a:hover,
#jinavi a:hover {
	color: #fff;
	text-decoration: underline;
}
#footerMenu a,
#footerMenu a:link,
#footerMenu a:active,
#footerMenu a:visited {
	color: #5b5b5b;
}
#footerMenu a:hover {
	color: #5b5b5b;
	text-decoration: underline;
}*/
/* parts.css ==================================================== */
/* -----------------------------------------------
 見出しh2以下
----------------------------------------------- */
/* h2 
----------------------------- */
.wrapHn02 {
	text-align: center;
	margin-bottom: 50px;
}
.wrapHn02plus {
	text-align: center;
	margin-bottom: 20px;
}
.hnBorder {
	display: inline-block;
	border-bottom: #ffec26 5px solid;
}
.hn02 {
	font-size:  175%;
	font-weight: bold;
	line-height: 1.4;
}
.hnSub {
	margin-top: 12px;
}
.hn02Mseries {
	border-bottom: #84c7a9 5px solid;
}
.hn02EPseries {
	border-bottom: #ff8033 5px solid;
}
.hn02Three {
	border-bottom: #51b5f3 5px solid;
}
/* h3
----------------------------- */
.hn03 {
	font-size: 125%;
	font-weight: bold;
	color: #3eb4ff;
	margin-bottom: 20px;
	line-height: 1.4;
}
/* h4
----------------------------- */
.hn04 {
	font-size: 112.5%;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.4;
}
/* STEP 1 */
.stepTtlWrap {
	border-bottom: #3eb4ff 1px solid;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.stepTtlWrap .step {
	display: inline-block;
	background: #3eb4ff;
	border: #68c4ff 3px solid;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	font-size: 81.3%;
	padding: 4px 8px 0;
	line-height: 1;
}
.stepTtlWrap .step .num {
	font-size: 266.7%;
}
/* -----------------------------------------------
 リスト
----------------------------------------------- */
.listMaruNum {
	padding-left: 1em;
}
.listMaruNum li {
	padding-left: 1em;
	text-indent: -1em;
}
/* 用法・容量に関連する注意 */
.usageNote dt {
	margin-bottom: 0.5em;
}
.usageNote dd {
	padding-left: 1.25em;
}
.usageNote li {
	padding-left: 1.8em;
	text-indent: -1.8em;
}
.additive {
	width: 100%;
	display: table;
	font-size: 81.3%;
}
.additive dt {
	display: table-cell;
	width: 4em;
	white-space: nowrap;
	vertical-align: top;
}
.additive dd {
	display: table-cell;
	vertical-align: top;
}
/* -----------------------------------------------
 注釈
----------------------------------------------- */
.noteKome {
	padding-left: 1.34em;
	text-indent: -1.34em !important;
	font-size: 87.5%;
	line-height: 1.4;
}
.noteRed {
	color: #ff6c00;
}
/* -----------------------------------------------
 キャプション
----------------------------------------------- */
.caption {
	text-align: left;
	font-size: 87.5%;
	margin-top: 10px;
}
.captionB {
	text-align: left;
	margin-top: 10px;
}
.vam {
	vertical-align: middle;
}
/* -----------------------------------------------
 テーブル
----------------------------------------------- */
.wrapTable table {
	border: none;
	border-left: #ccc 1px solid;
	border-top: #ccc 1px solid;
	margin: 0 auto;
	border-collapse: separate;
	*border-collapse: collapse;
	border-spacing: 0;
}
.wrapTable th, .wrapTable td {
    border-bottom: #ccc 1px solid;
    border-right: #ccc 1px solid;
    padding: 8px 15px;
	font-size: 81.3%;
}
.wrapTable th {
	background: #e8e8e8;
	white-space: nowrap;
}
.wrapTable th.th02 {
	background: #f5f5f5;
}
.wrapTable td {
	background: #fff;
}
.tableTtl {
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}
.tableTtl.ttlRed {
	color: #ff6c00;
}
/* -----------------------------------------------
 ボタン
----------------------------------------------- */
a.pdfBtn {
	width: 120px;
	display: inline-block;
	font-size: 87.5%;
	color: #5b5b5b !important;
	text-decoration: none;
	background: #fff8b9 url(/img/common/parts/ic_pdf.png) no-repeat;
	background-size: 20px 20px;
	background-position: 88px center;
	border-radius: 10px;
	padding: 2px 15px;
	box-sizing: border-box;
	
}
a:hover.pdfBtn {
	background: #ffec26 url(/img/common/parts/ic_pdf.png) no-repeat;
	background-size: 20px 20px;
	background-position: 88px center;
}
a.lightboxBtn {
	width: 220px;
	display: inline-block;
	font-size: 87.5%;
	color: #5b5b5b !important;
	text-decoration: none;
	background: #fff8b9 url(/img/common/parts/ic_lightebox.png) no-repeat;
	background-size: 20px 20px;
	background-position: 188px center;
	border-radius: 10px;
	padding: 2px 15px;
	box-sizing: border-box;
	
}
a:hover.lightboxBtn {
	background: #ffec26 url(/img/common/parts/ic_lightebox.png) no-repeat;
	background-size: 20px 20px;
	background-position: 188px center;
}
/* -----------------------------------------------
 リンク
----------------------------------------------- */
.linkSite {
	display: inline-block;
	background: url(/img/common/parts/ic_link_ar.png) no-repeat left center;
	background-size: 15px 15px;
	padding-left: 20px;
	font-size: 87.5%;
}
.linkBlank {
	display: inline-block;
	background: url(/img/common/parts/ic_link_ar.png) no-repeat left center, 
	url(/img/common/parts/ic_link_blank.png) no-repeat right center;
	background-size: 15px 15px, 15px 15px;
	padding: 0 20px;
}
.linkSite a,
.linkBlank a {
	text-decoration: underline;
}
.linkSite:hover,
.linkBlank:hover {
	opacity: 0.8;
}
.linkSite a:hover,
.linkBlank a:hover {
	text-decoration: none;
}
.relatedLinks {
	width: 83.3%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	padding: 10px 50px;
	box-sizing: border-box;
	background: #f1f1f1;
}
.relatedLinks .ttl {
	font-size: 112.5%;
	font-weight: bold;
}
.request {
	background: #e8e8e8;
	padding: 10px 20px;
	margin-top: 20px;
}
.request dt {
	font-size: 112.5%;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.decimaList {
	list-style-type: decimal;
	padding-left: 1.5em;
}
.discList {
	padding-left: 1.5em;
}
.discList li {
	list-style-type: disc;
}
/* 末尾のリンク */
#lastLinkWrap {
	background: #e8e8e8;
}
#lastLinkWrap .lastLink {
	letter-spacing: -0.4em;
}
#lastLinkWrap .lastLink li {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
}
#lastLinkWrap .lastLink li a {
	color: #000;
}
#lastLinkWrap .lastLink li .bnr,
#lastLinkWrap .lastLink li .cap {
	display: block;
}
#lastLinkWrap .lastLink li .cap {
	text-align: left;
	line-height: 1.2;
	margin-top: 0.5em;
}
/* よくあるご質問 */
.faq {
	margin-bottom: 30px;
}
.faq .faqQ {
	padding-left: 45px;
	background: url(/img/common/parts/ic_faq_q.png) no-repeat left 8px;
	background-size: 30px 30px;
	font-size: 125%;
	font-weight: bold;
	color: #ffb32e;
	min-height: 38px;
	margin-bottom: 10px;
}
.faq .faqA {
	padding-left: 45px;
	background: url(/img/common/parts/ic_faq_a.png) no-repeat left 4px;
	background-size: 30px 30px;
	min-height: 34px;
}
/* 製品情報 */
.buttons {
	margin-bottom: 20px;
}
.buttons .btnInline {
	display: inline-block;
	padding-right: 10px;
	vertical-align: top;
	margin-top: 20px;
}
.buttons .packing {
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
}
.packing {
	display: table;
	font-size: 75%;
	border: #c3c3c3 2px solid;
	background: #c3c3c3;
	border-radius: 5px;
	overflow: hidden;
}
.packing dt {
	display: table-cell;
	padding: 2px 6px;
	text-align: left;
	letter-spacing: 0.25em;
}
.packing dd {
	display: table-cell;
	padding: 2px 5px;
	text-align: left;
	background: #ededed;
	min-width: 100px;
	text-align: center;
}
.productsFace .pointTxt {
	margin-top: 20px;
	font-size: 115.6%;
	color: #ff6c00;
}
/* ラインナップ */
.lineupList li a {
	border-radius: 10px;
	overflow: hidden;
}
.lineupList li .aSeries {
	border: #ffec26 2px solid;
	background: #ffec26;
}
.lineupList li .aSeries .lineupItem {
	background: #ffec26;
}
.lineupList li .mSeries {
	border: #84c7a9 2px solid;
	background: #84c7a9;
}
.lineupList li .mSeries .lineupItem {
	background: #84c7a9;
}
/* シリーズの特徴について詳しくはこちら */
.feature,
.backProducts {
	text-align: center;
}
.feature a,
.backProducts a {
	display: block;
	color: #5b5b5b;
	font-size: 112.5%;
	padding: 20px;
	border-radius: 5px;
}
.feature .btn,
.backProducts .btn {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	margin-left: 10px;
}
.threeType .ttl {
	font-size: 122%;
	font-weight: bold;
}
/* 人名右寄せ */
#lead {
	margin-bottom: 30px;
}
#lead .editor {
	text-align: right;
}
#lead .editor p {
	display: inline-block;
	text-align: left;
}
/* 注意 背景グレー */
.cautionGray {
	background: #f7f7f7;
	padding: 20px;
	box-sizing: border-box;
}
.cautionGray .imgR {
	background: #fff;
}
/* スマホ
------------------------ */
@media screen and (max-width:640px){
/* -----------------------------------------------
 見出しh1
----------------------------------------------- */
.wrapHn01 {
	width: 100%;
	margin-top: 5px;
	background: #fff677;
	padding: 10px;
	display: table;
}
.wrapHn01Gray,
.wrapHn01GrayNoillust {
	background: #dadada;
}
#products .wrapHn01Green {
	background: #e0f1e9;
}
#products .wrapHn01Orange {
	background: #fad8c4;
}
#cm .wrapHn01 {
	display: block;
}
#cm .wrapHn01 .outside {
	display: table;
	width: 100%;
}
.hn01 {
	height: 78px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 142.9%;
	font-weight: bold;
	line-height: 1.4;
}
.hn01 .hn01Img {
	display: none;
}
.hn01 .sub {
	display: block;
	font-size: 70%;
}
.hn02 {
	font-size: 142.9%;
}
.wrapHn02 {
	margin-bottom: 30px;
}
.hn03 {
	margin-bottom: 10px;
}
/* -----------------------------------------------
 段組み
----------------------------------------------- */
.wrapTwo .imgR,
.wrapTwo .txtR,
.wrapTwo .tableR,
.imgHarf .imgHarfR {
	display: block;
	text-align: center;
	margin-top: 1em;
}
.wrapTwo .wrapTable.fL,
.wrapTwo .wrapTable.fR {
	display: block;
}
.wrapTwo .wrapTable.fR {
	margin-top: 1em;
}
.indent .imgR310 .imgR,
.twoColMain .imgR310 .imgR,
.indent .imgR260 .imgR,
.twoColMain .imgR260 .imgR,
.twoColMain .wrapThree .img3col {
	width: 70.3%;
	margin-left: auto;
	margin-right: auto;
}
/* （左メニュー付）画像 3並び 矢印付 */
.twoColMain .wrapThree .img3col {
	padding-top: 24px;
	background: url(/img/knowledge/parts/ar_down_gray.png) no-repeat center 2px;
	background-size: 13px auto;
}
.twoColMain .wrapThree .img3col:first-child {
	padding-top: 0;
	background: none;
}
.spPdb0 {
	padding-bottom: 0 !important;
}
.spPdb30 {
	padding-bottom: 30px !important;
}
/* 製品情報*/
.productsFace {
	width: 96%;
	margin: 30px auto;
	text-align: left;
}
.productsFace .item {
	margin-bottom: 30px;
}
.productsFace .catch {
	padding: 0 10px;
	margin-bottom: 5px;
}
.productsFace .logo {
	padding: 10px 10px 0;
	margin-bottom: 10px;
}
.productsFace .logo img,
.productsFace .spec img {
	max-width: 280px;
}
.productsFace .logo.aSeries {
	border-top: #ffec26 5px solid;
}
.productsFace .logo.mSeries {
	border-top: #84c7a9 5px solid;
}
.productsFace .logo.epSeries {
	border-top: #ff8033 5px solid;
}
.productsFace .spec {
	padding: 0 10px;
}
.productsFace .buttons {
	padding: 0 10px;
}
.productsFace .linkSite {
	margin: 0 10px;
}
/* ラインナップ */
.lineupList {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}
.lineupList li {
	margin-bottom: 20px;
}
.lineupList li a {
	display: block;
}
.lineupList li a .lineupItem {
	display: block;
	text-align: center;
	padding: 12px;
}
.lineupList li a .lineupTxt {
	display: block;
	padding: 25px 30px;
	background: #fff;
}
.lineupList .aSeries .lineupTxt {
	background-image: url(/img/products/parts/lineup_aseries_trigona_sp.png), url(/img/products/parts/lineup_aseries_footer.png);
	background-repeat: no-repeat, no-repeat;
	background-position: center top, right bottom;
	background-size: 22px 22px, 22px 22px;
}
.lineupList .mSeries .lineupTxt {
	background-image: url(/img/products/parts/lineup_mseries_trigona_sp.png), url(/img/products/parts/lineup_mseries_footer.png);
	background-repeat: no-repeat, no-repeat;
	background-position: center top, right bottom;
	background-size: 22px 22px, 22px 22px;
}
/* シリーズの特徴について詳しくはこちら */
.feature,
.backProducts {
	width: 93.3%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 35px;
}
.feature a,
.backProducts a {
	display: block;
	padding: 20px 10px;
	border-radius: 5px;
}
.feature .logo,
.backProducts .logo {
	display: block;
	margin-bottom: 10px;
}
.feature .logo img {
	width: 114px;
}
.aSeries a {
	background: #fff15a;
}
.mSeries a {
	background: #a0d5bd;
}
.threeType a {
	background: #79cbff;
}
.aSeries a .btn {
	background-image: url(/img/products/parts/btn_borraginol_a_on.png);
}
.mSeries a .btn {
	background-image: url(/img/products/parts/btn_borraginol_m_on.png);
}
.threeType a .btn {
	background-image: url(/img/products/parts/btn_3type_on.png);
}
.threeType {
	margin-top: 0;
	margin-bottom: 0;
}
.threeType .ttl {
	display: block;
}
.feature .btn,
.backProducts .btn {
	display: block;
	margin-left: 0;
	margin-left: auto;
	margin-right: auto;
}
.useFaceTxt .backProducts .btn,
.featureBtm .backProducts .btn {
	display: inline-block;
	margin-left: 10px;
}
/* ラインナップ下 シリーズの特徴について詳しくはこちら */
.wrapLineupFeature {
	margin-top: 30px;
}
.wrapLineupFeature .feature {
	margin: 0 auto 20px;
}
/* 関連リンク */
.relatedLinks {
	width: 100%;
	padding: 10px 20px;
}
.relatedLinks ul li {
	display: block;
}
/* -----------------------------------------------
 リンク
----------------------------------------------- */
/* 末尾のリンク */
#lastLinkWrap {
	padding: 10px;
	margin-top: 50px;
}
#lastLinkWrap .lastLink {
	text-align: left;
}
#lastLinkWrap .lastLink li {
	width: 48.5%;
	margin-bottom: 1em;
}
#lastLinkWrap .lastLink li:nth-last-child(2),
#lastLinkWrap .lastLink li:last-child {
	margin-bottom: 0;
}
#lastLinkWrap .lastLink li:nth-child(even) {
	margin-left: 3%;
}
}
/* PC・タブレット
------------------------ */
@media print, screen and (min-width:641px){
/* -------------------------------------------------------------------
 アルファ
------------------------------------------------------------------- */
a img:hover{
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}
/* アルファなし */
a.alphaNone img:hover{
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
}
/* -----------------------------------------------
 見出しh1
----------------------------------------------- */
.wrapHn01 {
	width: 100%;
	height: 120px;
	background: url(/img/common/parts/hn01_bg_wrap.png) no-repeat center top;
}
.wrapHn01Gray {
	width: 100%;
	height: 120px;
	background: url(/img/common/parts/hn01_gray_bg_wrap.png) no-repeat center top;
}
.wrapHn01GrayNoillust {
	width: 100%;
	height: 120px;
	background: url(/img/common/parts/hn01_gray_noillust_bg_wrap.png) no-repeat center top;
}
.hn01 {
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	display: table;
}
.hn01 .hn01Ttl {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-size: 162.5%;
	font-weight: bold;
}
.hn01 .hn01Img {
	display: table-cell;
	width: 310px;
	vertical-align: middle;
	text-align: right;
	background-position: right center;
	background-repeat: no-repeat;
}
.hn01 .hn01Ttl .sub {
	display: block;
	font-size: 70%;
	line-height: 1.4;
}
/* 製品情報 */
#products .wrapHn01,
#products .hn01 {
	background-image: url(/img/products/parts/hn01_bg_products.png);
	background-repeat: repeat-x;
}
#products .wrapHn01Gray,
#products .wrapHn01Gray .hn01 {
	background-image: url(/img/products/parts/hn01_gray_bg_products.png);
	background-repeat: repeat-x;
}
#products .wrapHn01Green,
#products .wrapHn01Green .hn01 {
	background-image: url(/img/products/parts/hn01_green_bg_products.png);
	background-repeat: repeat-x;
}
#products .wrapHn01Orange,
#products .wrapHn01Orange .hn01 {
	background-image: url(/img/products/parts/hn01_orange_bg_products.png);
	background-repeat: repeat-x;
}
.ttlProducts .hn01Img {
	background-image: none;
}
/* 基礎知識 */
.ttlKnowledge .hn01Img {
	background-image: url(/img/knowledge/parts/ttl_knowledge.png);
}
/* 日常のケア */
.ttlCare .hn01Img {
	background-image: url(/img/care/parts/ttl_care.png);
}
/* CM情報 */
#cm .wrapHn01 {
	width: 100%;
	height: 120px;
	background: url(/img/cm/parts/ttl_cm_bg.png) no-repeat center top;
}
#cm .hn01 {
	background: none;
}
#cm .ttlCm .hn01Img {
	background: none;
}
/* 自分でできる応急処置 */
.ttlRemedy .hn01Img {
	background-image: url(/img/remedy/parts/ttl_remedy.png);
}
/* よくあるご質問 */
.ttlQuestion .hn01Img {
	background-image: url(/img/question/parts/ttl_question.png);
}
/* お問い合わせ */
.ttlAsk .hn01Img {
	background-image: url(/img/ask/parts/ttl_ask.png);
}
/* 坐剤の保管にご注意ください */
.ttlCaution .hn01Img {
	background-image: url(/img/caution/parts/ttl_caution.png);
}
/* ご利用にあたって */
.ttlAbout .hn01Img {
	background-image: url(/img/about/parts/ttl_about.png);
}
/* サイトマップ */
.ttlSitemap .hn01Img {
	background-image: url(/img/sitemap/parts/ttl_sitemap.png);
}
/* 知っておきたい「痔」のまとめ */
.ttlSummary .hn01Img {
	background-image: url(/img/summary/parts/ttl_summary.png);
}
/* 動画でわかる「痔」のはなし */
/* CM情報 */
#video .wrapHn01 {
	width: 100%;
	height: 120px;
	background: url(/img/video/parts/ttl_video_bg.png) no-repeat center top;
}
#video .hn01 {
	background: none;
}
#video .ttlVideo .hn01Img {
	background: none;
}
/* -----------------------------------------------
 段組み
----------------------------------------------- */
.fL {
	float: left;
}
.fR {
	float: right;
}
.w655 {
	width: 68.2%;
}
.w270 {
	width: 28.1%;
}
.w495 {
	width: 51.6%;
}
.w430 {
	width: 44.8%;
}
.w400 {
	width: 41.7%;
}
.imgW700 {
	width: 72.9%;
}
.imgW656 {
	width: 68.4%;
}
.imgW580 {
	width: 60.4%;
}
.wrapImgW840 {
	width: 840px;
	margin-left: auto;
	margin-right: auto;
}
.indent .wrapImgW840 .fL,
.indent .wrapImgW840 .fR,
.imgW400 {
	width: 400px;
}
/* 画像1つセンター */
.wrapOne figure {
	margin-left: auto;
	margin-right: auto;
}
/* テーブル2カラム組 */
.harfTable .fL,
.harfTable .fR {
	width: 48%;
}
.harfTable table {
	width: 100%;
}
/* テーブル大1カラム */
.wrapTable.w580 {
	width: 580px;
	margin-left: auto;
	margin-right: auto;
}
/* インデント内画像（w440）右 */
.indent .imgR440 .txtL {
	width: 50.5%;
	float: left;
}
.indent .imgR440 .imgR {
	width: 45.8%;
	float: right;
	text-align: center;
}
.indent .imgR440 .imgR img,
.indent .imgR310 .imgR img {
	width: auto;
	max-width: 100%;
}
/* インデント内画像（w310）右 */
.indent .imgR310 .txtL {
	width: 64%;
	float: left;
}
.indent .imgR310 .imgR {
	width: 32.3%;
	float: right;
	text-align: center;
}
/* インデント内画像（w440）が2つ並びセンター */
.indent .imgLR440 {
	text-align: center;
	letter-spacing: -0.4em;
}
.indent .imgLR440 .imgL,
.indent .imgLR440 .imgR {
	max-width: 400px;
	width: 50%;
	display: inline-block;
	letter-spacing: normal;
	text-align: center;
}
/* 基礎知識（左メニュー付）画像（w310）右 */
.twoColMain .imgR310 .txtL {
	width: 52.1%;
	float: left;
}
.twoColMain .imgR310 .imgR,
.twoColMain .imgR310 .txtR,
.twoColMain .imgR310 .tableR {
	width: 43.1%;
	float: right;
}
/* 基礎知識（左メニュー付）画像（w260）右 */
.twoColMain .imgR260 .txtL {
	width: 61.8%;
	float: left;
}
.twoColMain .imgR260 .imgR {
	width: 33.3%;
	float: right;
}
/* （左メニュー付）画像 半分ずつ */
.twoColMain .imgHarf .imgHarfL {
	width: 47.2%;
	float: left;
}
.twoColMain .imgHarf .imgHarfR {
	width: 47.2%;
	float: right;
}
/* （左メニュー付）画像 3並び 矢印付 */
.twoColMain .wrapThree .img3col {
	width: 31.9%;
	float: left;
	padding-left: 2.1%;
	background: url(/img/knowledge/parts/ar_right_gray.png) no-repeat left 95px;
	background-size: 16px auto;
}
.twoColMain .wrapThree .img3col:first-child {
	padding-left: 0;
	background: none;
}
/* -----------------------------------------------
 リンク
----------------------------------------------- */
/* 末尾のリンク */
#lastLinkWrap {
	padding: 20px 0;
	margin-top: 70px;
}
#lastLinkWrap .lastLink {
	width: 96%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#lastLinkWrap .lastLink li {
	width: 17.6%;
	max-width: 176px;
	margin: 0 1.2%;
}
#lastLinkWrap .lastLink li .cap {
	font-size: 1.4rem;
}

/* ラベル3カラム */
.label3col {
	letter-spacing: -0.4em;
	text-align: center;
}
.label3col li {
	letter-spacing: normal;
	width: 32.2%;
	max-width: 322px;
	display: inline-block;
	margin-left: 1.7%;
}
.label3col li:first-child {
	margin-left: 0;
}
.label3col li img {
	width: 100%;
}
.label2col li {
	width: 47.5%;
	max-width: 322px;
	float: left;
	margin-left: 2.5%;
	
}
.label2col li:first-child {
	margin-left: 0;
}
.label1col li {
	width: 100%;
	max-width: 322px;
}
/* 製品情報 */
.productsFace {
	margin: 50px auto;
}
.productsFace img {
	max-width: auto;
	width: 100%;
}
.productsFace .logo img,
.productsFace .spec img {
	max-width: 412px;
}
.productsFace .item {
	width: 48%;
	float: left;
	text-align: left;
}
.productsFace .faceTxt {
	width: 48%;
	float: right;
	text-align: left;
}
.productsFace .catch {
	margin-bottom: 5px;
}
.productsFace .logo {
	padding-top: 10px;
	margin-bottom: 20px;
}
.productsFace .logo.aSeries {
	border-top: #ffec26 5px solid;
}
.productsFace .logo.mSeries {
	border-top: #84c7a9 5px solid;
}
.productsFace .logo.epSeries {
	border-top: #ff8033 5px solid;
}
/* ラインナップ */
.lineupList {
	letter-spacing: -0.4em;
}
.lineupList li {
	width: 48%;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}
.lineupList li:nth-child(even) {
	margin-left: 4%;
}
.lineupList li a {
	display: table;
	width: 100%;
}
.lineupItem {
	display: table-cell;
	width: 45.6%;
	vertical-align: middle;
	text-align: center;
	padding: 14px;
	box-sizing: border-box;
}
.lineupTxt {
	display: table-cell;
	width: 54.4%;
	vertical-align: middle;
	text-align: center;
	padding: 18px;
	box-sizing: border-box;
}
.lineupItem img,
.lineupTxt img {
	width: 100%;
}
.lineupList .aSeries .lineupTxt {
	background-color: #fff;
	background-image: url(/img/products/parts/lineup_aseries_trigona_pc.png), url(/img/products/parts/lineup_aseries_footer.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left center, right bottom;
	background-size: 32px 32px, 32px 32px;
}
.lineupList .mSeries .lineupTxt {
	background-color: #fff;
	background-image: url(/img/products/parts/lineup_mseries_trigona_pc.png), url(/img/products/parts/lineup_mseries_footer.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left center, right bottom;
	background-size: 32px 32px, 32px 32px;
}
.lineupList li:hover {
	opacity: 0.8;
}
/* ラインナップ下 シリーズの特徴について */
.lineupFeatureList {
	letter-spacing: -0.4em;
}
.lineupFeatureList li {
	width: 48%;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}
.lineupFeatureList li:nth-child(even) {
	margin-left: 4%;
}
.lineupFeatureList li .aSeries,
.lineupFeatureList li .mSeries {
	width: 100%;
}
.lineupFeatureList .aSeries .logo {
	display: block;
	padding-right: 0;
	margin-bottom: 10px;
}
/* シリーズの特徴について詳しくはこちら */
.feature,
.backProducts {
	margin-top: 20px;
	margin-bottom: 30px;
}
.feature .logo img {
	width: 172px;
	vertical-align: middle;
}
.aSeries .logo {
	display: inline-block;
	vertical-align: middle;
	padding-right: 20px;
}
.aSeries .link {
	display: inline-block;
	vertical-align: middle;
}
.mSeries {
	width: 97.5%;
}
.mSeries .logo {
	display: block;
	margin-bottom: 10px;
}
.backProducts.mSeries {
	width: 100%;
}
.backProducts.mSeries .logo {
	display: inline-block;
	vertical-align: middle;
	padding-right: 20px;
	margin-bottom: 0;
}
.backProducts.mSeries .link {
	display: inline-block;
	vertical-align: middle;
}
.threeType {
	width: 77%;
	margin-left: auto;
	margin-right: auto;
}
.lineupFeatureList .threeType {
	width: 100%;
}
.lineupFeatureList .threeType .ttl {
	font-size: 106%;
}
.threeType .ttl {
	display: block;
}
.aSeries .btn {
	background-image: url(/img/products/parts/btn_borraginol_a_off.png);
}
.mSeries .btn {
	background-image: url(/img/products/parts/btn_borraginol_m_off.png);
}
.threeType .btn {
	background-image: url(/img/products/parts/btn_3type_off.png);
}
.aSeries a {
	background: #fff8b9;
}
.mSeries a {
	background: #e0f1e9;
}
.threeType a {
	background: #cfecff;
}
.aSeries a:hover {
	background: #fff15a;
	text-decoration: none;
}
.mSeries a:hover {
	background: #a0d5bd;
	text-decoration: none;
}
.threeType a:hover {
	background: #79cbff;
	text-decoration: none;
}
.aSeries a:hover .btn {
	background-image: url(/img/products/parts/btn_borraginol_a_on.png);
}
.mSeries a:hover .btn {
	background-image: url(/img/products/parts/btn_borraginol_m_on.png);
}
.threeType a:hover .btn {
	background-image: url(/img/products/parts/btn_3type_on.png);
}
/* キャプション */
.captionB {
	padding: 0 20px;
}
/* 守っていただきたいこと */
.request,
.featureBtm {
	width: 72.9%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}
/* 関連リンク */
.relatedLinks ul {
	letter-spacing: -0.4em;
}
.relatedLinks ul li {
	letter-spacing: normal;
	width: 49%;
	display: inline-block;
}
.relatedLinks ul linth-child(odd) {
	padding-right: 2%;
}
}
/* ========== PC w1000px以上 ========== */
@media screen and (min-width:1000px){
/* PCで1000pxより画面が大きい場合は包括をw1000pxに固定 */
.hn01 {
	width: 1000px;
}
.productsFace {
	width: 1000px;
}
}
/* タブレット
------------------------ */
@media screen and (min-width:641px) and (max-width:999px){
/* タブレットはPCで包括w1000pxが画面幅 */
.hn01,
.productsFace {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
#cm .wrapHn01 .outside {
	background: url(/img/cm/parts/ttl_cm.png) no-repeat right top;
}
#video .wrapHn01 .outside {
	background: url(/img/video/parts/ttl_video.png) no-repeat right top;
}
.indent .wrapImgW840 {
	width: 100%;
}
.indent .wrapImgW840 .fL,
.indent .wrapImgW840 .fR {
	width: 48%;
}
.imgW700,
.imgW400,
.imgW580,
.imgW656 {
	width: 100%;
}
.request,
.featureBtm {
	width: 90%;
}
}
@media screen and (min-width:641px) and (max-width:860px){
}

/* layout.css ==================================================== */
/* -----------------------------------------------------------------------------------------------------------
 枠組み
----------------------------------------------------------------------------------------------------------- */
body {
	-webkit-text-size-adjust: 100%;
}

/* 包括 */
#wrapper {
	width: 100%;
}
#container {
	width: 100%;
}
/* -----------------------------------------------------------------------------------------------------------
 フッター
----------------------------------------------------------------------------------------------------------- */

/* 天藤製薬のロゴ */
#fLogoAmatoWrap {
	width: 100%;
	background: #e8e8e8;
	padding: 10px 0;
}
#fLogoAmato {
	text-align: left;
}
#fLead {
	font-size: 1.2rem;
}
/* フッターナビ */

#fLogoBorraginol img {
	width: 100%;
}

#jinavi {
	padding: 0 16px 10px;
	margin-bottom: 12px;
	border-bottom: #7f7f7f 1px solid;
	box-shadow: 0 1px 0 #b1b1b1;
	font-size: 75%;
}
#jinavi a {
	display: table;
	width: 100%;
}
#jinaviTxt {
	display: table-cell;
	vertical-align: middle;
}
#jinaviLogo {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	width: 104px;
}
#jinaviLogo img {
	width: 100%;
}
.btnTakeda_btn {
	text-align: center;
	
}
/* コピーライト群
------------------------ */

#copyright {
	font-size: 62.5%;
}
/* SNSシェアボタン
------------------------ */
#snsShare {
	margin-top: 40px;
	letter-spacing: -0.4em;
}
#snsShare li {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	width: 80px;
	margin: 0 10px;
}
/* -----------------------------------------------------------------------------------------------------------
 コンテンツ
----------------------------------------------------------------------------------------------------------- */
#container {
	width: 100%;
	/*padding-bottom: 55px;*/
	padding-top: 30px;
}
.inner,
.twoCol {
	text-align: left;
}
.inner.indent {
	padding: 0 20px;
}
/* ブロック */
.txtBlock {
	border-top: #ccc 1px solid;
	padding: 30px 0;
}
/* 背景色 */
.wrapWhite,
.wrapGray {
	padding: 45px 0 15px;
}
.wrapWhite {
	background: #fff;
}
.wrapGray {
	background: #f7f7f7;
}
/* ページトップ
------------------------ */
/* 包括 */
#pageTopWrap {
	position: fixed;
	z-index: 50;
}
#pageTop a {
	display: block;
	box-sizing: border-box;
	background: #4a4a4a;
	border-radius: 5px;
}
/* 包括 */
#wrapPageTop p {
}
/* ボタンイメージ */
#wrapPageTop img {
	cursor: pointer;
	float: right;
	margin-right: 20px;
}
/* パンくず */
#pankuzu li strong {
	font-weight: normal;
}
/* スマホ
------------------------ */
@media screen and (max-width:640px){
.pcVer,
.pcVerInline {
	display: none !important;
}
.spVer {
	display: block;
}
.spVerInline {
	display: inline;
}
/* -----------------------------------------------------------------------------------------------------------
 ヘッダー
----------------------------------------------------------------------------------------------------------- */
#header {
	border-bottom: #ffec26 5px solid;
	position: relative;
}
#hLead {
	background: #e5e5e5;
	text-align: left;
	vertical-align: middle;
	padding: 10px;
	font-size: 1rem;
	line-height: 1.2;
}
#headerTop {
	height: 52px;
	padding: 0 10px;
	box-sizing: border-box;
	overflow: hidden;
}
#headerLogo {
	text-align: left;
	width: 132px;
	margin-top: 14px;
}
#headerLogo img {
	width: 100%;
}
#headerLinks {
	display: none;
}
#pankuzuWrap {
	display: none;
}
#gNavi {
	width: 100%;
	position: absolute;
	z-index: 3000;
	display: none;
}
#gNaviList li {
	background: #ffec26;
	margin-bottom: 0;
	text-align: left;
	border-bottom: #fef7a7 1px solid;
}
#gNaviList li:last-child {
	border-bottom: none;
}
#gNaviList li a {
	width: 100%;
	display: block;
	padding: 20px 25px;
	box-sizing: border-box;
	background: url(/img/common/header/gnavi_ar.png) no-repeat 92% center;
	background-size: 13px 13px;
	color: #5b5b5b;
	font-size: 107.1%;
}
#gNaviList #gNavShop {
	background: #e5e5e5;
	padding: 15px 20px;
}
#gNaviList #gNavShop a {
	background-color: #ffdd23;
	background-image: none;
	border-radius: 4px;
	text-align: center;
	color: #000;
}
#gNaviList #gNavShop a span {
	display: inline-block;
	padding-left: 35px;
	background-image: url(/img/common/header/ic_cart.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px 20px; 
}
/* gnaviボタン */
#gNaviBtn {
	display: table-cell;
	width: 38px;
	text-align: right;
	position: absolute;
	right: 10px;
	top: 8px;
}
#gNaviBtn #menu-trigger {
	width: 38px;
	height: 38px;
	display: block;
	background: #4a4a4a;
	border-radius: 4px;
}
#menu-trigger,
#menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
#menu-trigger {
	position: relative;
}
#menu-trigger span {
	position: absolute;
	left: 9px;
	width: 20px;
	height: 2px;
	background-color: #fff;
	border-radius: 2px;
}
#menu-trigger span:nth-of-type(1) {
	top: 10px;
}
#menu-trigger span:nth-of-type(2) {
	top: 18px;
}
#menu-trigger span:nth-of-type(3) {
	bottom: 10px;
}
#menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
#menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
#menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}
#gNaviShopBtn {
	width: 38px;
	height: 38px;
	display: block;
	background: #ffe800;
	padding: 5px;
	border-radius: 4px;
	position: absolute;
	right: 53px;
	top: 8px;
}
/* -----------------------------------------------------------------------------------------------------------
 フッター
----------------------------------------------------------------------------------------------------------- */

/* ページトップ
------------------------ */
/* 包括 */
#pageTopWrap {
	right: 10px;
	/*bottom: 346px;*/
	/*bottom: 50px;*/
}
#pageTop a {
	width: 54px;
	height: 54px;
	padding: 10px;
}
#pageTop img {
	width: 34px;
}
/* -----------------------------------------------------------------------------------------------------------
 コンテンツ
----------------------------------------------------------------------------------------------------------- */
.wrapWhite,
.wrapGray {
	padding: 30px 0 0;
}
.inner,
.inner.indent {
	padding: 0 10px;
}
.twoCol {
	width: 100%;
	padding: 0 10px;
}
.twoColSide {
	display: none;
}
}
/* PC・タブレット
------------------------ */
@media print, screen and (min-width:641px){
.spVer,
.spVerInline {
	display: none;
}
.pcVer {
	display: block;
}
.pcVerInline {
	display: inline;
}
body {
	font-size: 16px;
	font-size: 1.6rem;
}
/* -----------------------------------------------------------------------------------------------------------
 ヘッダー （タブレット・PC共通）
----------------------------------------------------------------------------------------------------------- */
#gNaviBtn {
	display: none;
}
#header {
	width: 100%;
	padding-bottom: 7px;
	background: url(/img/common/header/bg_gnavi.gif) repeat-x left bottom;
}
#headerTop {
	width: 100%;
	display: table;
	padding-bottom: 12px;
}
#headerLogo {
	width: 136px;
	display: table-cell;
	text-align: left;
	vertical-align: bottom;
}
#headerLogo img {
	width: 100%;
	vertical-align: bottom;
}
#headerLinks {
	display: table-cell;
	text-align: right;
	vertical-align: bottom;
	letter-spacing: -0.4em;
	font-size: 75%;
}
#headerLinks li {
	display: inline-block;
	letter-spacing: normal;
	padding: 0 15px;
	border-left: #ccc 1px solid;
}
#headerLinks li:first-child {
	border-left: none;
}
#headerLinks a {
	color: #5b5b5b;
}
#hLead {
	width: 100%;
	background: #e5e5e5;
	text-align: left;
	font-size: 1.2rem;
	padding: 5px 0;
}
#gNaviShopBtn {
	display: none;
}
/* グローバルナビ
----------------------------- */
#gNaviList {
	width: 100%;
	height: 52px;
	display: table;
	border-top: #ccc 1px solid;
}
#gNaviList li {
	display: table-cell;
}
#gNaviList #gNavAsk {
	display: none;
}
#gNaviList #gNavProducts {
	width: 14.2%;
}
#gNaviList #gNavKnowledge {
	width: 14.8%;
}
#gNaviList #gNavCare {
	width: 16.2%;
}
#gNaviList #gNavCm {
	width: 14%;
}
#gNaviList #gNavQuestion {
	width: 17.6%;
}
#gNaviList #gNavShop {
	width: 26.2%;
}
#gNaviList li a {
	display: block;
	width: 100%;
	height: 52px;
	text-indent: -9999px;
	background-image: url(/img/common/header/gnavi_products.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#gNaviList li a:hover {
	background-position: center bottom;
}
#gNaviList #gNavProducts a {
	background-image: url(/img/common/header/gnavi_products.png);
}
#gNaviList #gNavKnowledge a {
	background-image: url(/img/common/header/gnavi_knowledge.png);
}
#gNaviList #gNavCare a {
	background-image: url(/img/common/header/gnavi_care.png);
}
#gNaviList #gNavCm a {
	background-image: url(/img/common/header/gnavi_cm.png);
}
#gNaviList #gNavQuestion a {
	background-image: url(/img/common/header/gnavi_question.png);
}
#gNaviList #gNavShop a {
	background-image: url(/img/common/header/gnavi_shop.png);
}
/* アクティブ */
body#products #gNaviList #gNavProducts a {
	background-position: center bottom;
}
body#knowledge #gNaviList #gNavKnowledge a {
	background-position: center bottom;
}
body#care #gNaviList #gNavCare a {
	background-position: center bottom;
}
body#cm #gNaviList #gNavCm a {
	background-position: center bottom;
}
body#question #gNaviList #gNavQuestion a {
	background-position: center bottom;
}
/* パンくず
----------------------------- */
#pankuzuWrap {
	width: 100%;
}
#pankuzu {
	min-height: 40px;
	padding: 7px 10px 3px 22px;
	box-sizing: border-box;
	letter-spacing: -0.4em;
	text-align: left;
	font-size: 81.3%;
}
#pankuzu li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
	margin-bottom: 0;
	padding-left: 50px;
	background: url(/img/common/header/ar_separator.png) no-repeat 22px center;
}
#pankuzu li.home {
	padding-left: 0;
	background: none;
	margin-left: -22px;
}
#pankuzu li.home img {
	vertical-align: middle;
}
#pankuzu li a {
	text-decoration: underline;
}
#pankuzu li a:hover {
	text-decoration: none;
}
/* -----------------------------------------------------------------------------------------------------------
 フッター
----------------------------------------------------------------------------------------------------------- */

/* ページトップ
------------------------ */
/* 包括 */
#pageTopWrap {
	/*bottom: 258px;*/
	/*bottom: 50px;*/
	left: 50%;
	margin-left: 440px;
}
#pageTop a {
	width: 60px;
	height: 60px;
	padding: 11px;
	background: #4a4a4a;
	border-radius: 5px;
}
#pageTop a img {
	width: 38px;
}
/* -----------------------------------------------------------------------------------------------------------
 コンテンツ
----------------------------------------------------------------------------------------------------------- */
.twoColSide {
	width: 23.5%;
	float: left;
}
.twoColMain {
	width: 73.5%;
	float: right;
}
.twoColSide li {
	margin-bottom: 20px;
}
.twoColSide a {
	display: block;
	background: #fff8b9;
	border-left: #ffec26 15px solid;
	padding: 15px 25px;
	box-sizing: border-box;
	border-radius: 5px 0 0 5px;
	overflow: hidden;
	color: #5b5b5b;
	text-decoration: none;
}
.twoColSide .sideOn a {
	background: #ffec26;
	border-left: none;
	padding: 10px 10px 5px;
	border-radius: 5px;
	color: #494949;
	text-align: center;
}
.twoColSide .sideOn a .sideImg,
.twoColSide .sideOn a .sideTtl,
.twoColSide .sideOn a .sideSub {
	display: block;
}
.twoColSide .sideOn a .sideTtl {
	font-size: 106.25%;
	font-weight: bold;
}
.twoColSide .sideOn a .sideSub {
	font-size: 85.7%;
	line-height: 1.4;
}
.twoColSide a:hover {
	opacity: 0.8;
}
.twoColSide a:hover img {
	opacity: 1;
}
.twoCol2col.fL {
	width: 58.3%;
}
.twoCol2col.fR {
	width: 37.5%;
}
}
/* ========== PC w1000px以上 ========== */
@media screen and (min-width:1000px){
/* PCで1000pxより画面が大きい場合は包括をw1000pxに固定 */
/* ヘッダー */
#headerIn {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 18px;
}
#pankuzu {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#fLogoAmatoIn {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#hLead > p {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/* -----------------------------------------------------------------------------------------------------------
 コンテンツ
----------------------------------------------------------------------------------------------------------- */
.inner,
.twoCol {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.twoCol {
	padding-right: 20px;
}
}
/* タブレット
------------------------ */
@media screen and (min-width:641px) and (max-width:999px){
/* タブレットはPCで包括w1000pxが画面幅 */

#headerIn {
	padding-top: 18px;
}
.twoCol {
	width: 98%;
	padding-right: 2%;
}
/* フッター調整 */
#fLogoBorraginol {
	width: 130px;
}
#fLinksR {
	width: 227px;
}
#jinavi {
	padding: 0 10px 10px;
}
#jinaviLogo {
	width: 84px;
}

#pageTopWrap {
	left: auto;
	right: 10px;
	/*bottom: 258px;*/
	margin-left: 0;
}
/* ヘッダー */
#gNaviList li {
	width: 19%;
}
#gNaviList #gNavQuestion {
	width: 24%;
}
}