@charset "utf-8";

/*----------------------------------------------------------
ベースレイアウト
-----------------------------------------------------------*/
h2, h3, h4, dl,dt,dd {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

dl,dt,dd {
	margin: 0;
	padding: 0;
}

.clearfix {
	*zoom: 1;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.seihinDetailCnt {
}

/*----------------------------------------------------------
タイトル
-----------------------------------------------------------*/

.p-info-tit-block {
	position: relative;
	margin: 30px 0 15px;
	padding-right: 160px;
}

.p-info-tit-block .p-info-tit {
	font-size: 171.4%;
	color: #CE0019;
	line-height: 1.2;
}

.p-info-tit-block .p-info-tit span {
	font-size: 58.3%;
	margin-left: 1.0em;
}

.p-name-tit {
	font-size: 171.4%;
	font-weight: normal;
	line-height: 1.2;
	background-color: #FAFAFA;
	border-left: #CE0019 3px solid;
	margin: 0 0 20px;
	padding: 20px;
	position: relative;
}

.p-name-tit.quasi-caption {
	padding: 20px 130px 20px 20px;
}

span.quasi-drug {
	display: inline-block;
	border: #343434 solid 1px;
	padding: 3px 4px 2px;
	margin: 0 0 -10px;
	background-color: #FFF;
	font-size: 50%;
	position: absolute;
	bottom: 50%;
	right: 20px;
}

/*----------------------------------------------------------
詳細
-----------------------------------------------------------*/

.p-detail-cnt {
	position: relative;
}

.p-detail-l {
	position: absolute;
	top: 0;
	left: 0;
	width: 380px;
	/*height: 200px;*/
}

.p-detail-r {
	padding-left: 420px;
}

.prd-main-img {
	position: relative;
	width: 380px;
	height: 380px;
	margin-bottom: 30px;
}

.prd-main-img li {
	position: absolute;
	left: 0;
	top: 0;
	border: #EAEAEA 1px solid;
	display: none;
}

.lineup-tit {
	font-weight: bold;
	margin-bottom: 10px;
}

.prd-thumb-list {
	overflow: hidden;
	*zoom: 1;
	margin-right: -25px;
}

.prd-thumb-list li {
	float: left;
	width: 110px;
	margin: 0 25px 25px 0;
	cursor: pointer;
}

.prd-thumb-list li.prd-thumb-on {
	cursor: default;
}

.prd-thumb-img {
	background-color: #F6F6F6;
	border: #DDD 1px solid;
}

.prd-thumb-list li.prd-thumb-on .prd-thumb-img {
	background-color: #FFF;
	border: #CC0000 1px solid;
}

.prd-thumb-list li p {
	font-size: 71.4%;
	margin-top: 5px;
}

.notice-indent {
	text-indent: -1.0em;
	margin-left: 1.0em;
	font-size: 85.7%;

}

/*------ SNS ------*/

.sharebtn-block {
	position: absolute;
	right: 0;
	top: 0;
}

.sharebtn-block ul {
	letter-spacing: -.40em;
	text-align: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sharebtn-block li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	margin-left: 5px;
}

.sharebtn-block li a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

.p-detail-logo {
	text-align: center;
	margin-bottom: 30px;
}

.p-detail-logo2 {
	text-align: center;
	margin-bottom: 5px;
}

.p-detail-logo-under-notice {
	margin-bottom: 30px;
	font-size: 1.2rem;
	text-align: right;
}

.p-lead-txt {
	margin-bottom: 23px;
}

.p-lead-txt p {
	font-size: 128.6%;
	font-weight: bold;
	margin-top: 10px;
}

.p-lead-txt p:first-child {
	margin-top: 0;
}

.p-lead-txt p.p-lead-01 {
	color: #CC0000;
}

.p-lead-txt p.p-lead-notice {
	font-size: 77.7%;
	font-weight: normal;
	text-align: right;
}


#product-navi {
	overflow: hidden;
	*zoom: 1;
	margin: -10px 0 50px -11px;
}

#product-navi li {
	float: left;
	width: 166px;
	margin: 10px 0 0 11px;
}

#product-navi.product-navi-2col {
	margin: -10px 0 50px -10px;
}

#product-navi.product-navi-2col li {
	width: 255px;
	margin: 10px 0 0 10px;
}

#product-navi li.navi-large {
	width: 343px;
}

#product-navi li a {
	display: block;
	border: #CE0019 solid 1px;
	text-align: center;
	padding: 5px;
	background-image: url(../common/product_tab_arrow.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	text-decoration: none;
}

#product-navi li a:link,
#product-navi li a:visited {
	color: #333333;
}

#product-navi li a.tab-on {
	color: #FFF;
	background-color: #CE0019;
	background-image: url(../common/product_tab_arrow_on.png);
}

#product-navi-foot {
	overflow: hidden;
	*zoom: 1;
	margin: 30px 0 0 -11px;
}

#product-navi-foot li {
	float: left;
	width: 166px;
	margin: 10px 0 0 11px;
}

#product-navi-foot.product-navi-2col {
	margin: 30px 0 0 -10px;
}

#product-navi-foot.product-navi-2col li {
	width: 255px;
	margin: 10px 0 0 10px;
}

#product-navi-foot li.navi-large {
	width: 343px;
}

#product-navi-foot li a {
	display: block;
	border: #CE0019 solid 1px;
	text-align: center;
	padding: 5px;
	background-image: url(../common/product_tab_arrow.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	text-decoration: none;
}

#product-navi-foot li a:link,
#product-navi-foot li a:visited {
	color: #333333;
}

#product-navi-foot li a.tab-on {
	color: #FFF;
	background-color: #CE0019;
	background-image: url(../common/product_tab_arrow_on.png);
}


.pointBox {
	margin: 25px 0 0;
}

.pointBox:first-child {
	margin-top: 0;
}

.pointBox h2 {
	font-size: 128.6%;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 12px;
	padding: 8px 0 0 35px;
	position: relative;
}

.pointBox h2:before {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f058";
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 32px;
	line-height: 32px;
}

.pointBox h2.ytube:before {
	content: "\f008";
	font-size: 28px;
}

.pointBox p {
	font-size: 114.3%;
	line-height: 1.6;
}

.productImgC {
	margin-top: 20px;
	text-align: center;
}

.pointBoxNote {
	margin-top: 10px;
	font-size: 85.7%;
}

.other-features li {
	position: relative;
	margin-top: 10px;
	padding-left: 1.0em;
	font-size: 114.3%;
	line-height: 1.6;
}

.other-features li:before {
	position: absolute;
	left: 0;
	top: 0;
	content: '●';
	width: 1.0em;
	color: #C12733;
}

.specBox {
	margin: 40px 0 0;
	border: #E6E6E6 1px solid;
	border-top: none;
	background-color: #F6F6F6;
	overflow: hidden;
}

.specBox:first-child {
	margin-top: 0;
}

.specBox dt,
.specBox dd {
	border-top: #E6E6E6 1px solid;
}

.specBox dt {
	float: left;
	clear: left;
	width: 110px;
	text-align: center;
	box-sizing: border-box;
	padding: 15px;
}

.specBox dd {
	background-color: #FFF;
	margin-left: 110px;
	padding: 15px;
	border-left: #E6E6E6 1px solid;
}

.p-topic-block {
	position: relative;
}

.pointBox .imgleftmargin {
	float: left;
	margin-right: 15px;
}

.pointBox .imgrightmargin {
	float: right;
	margin-left: 15px;
}

/*----------------------------------------------------------
関連製品
-----------------------------------------------------------*/

.p-topic-tit {
	font-size: 142.9%;
	line-height: 1.2;
	border-top: #CE0019 1px solid;
	background-color: #FAFAFA;
	margin: 0 0 25px;
	padding: 12px 12px 10px;
}

.p-topic-tit.mt {
	margin-top: 50px;
}

#p-related-cnt {
	/*margin: 80px 0 0;*/
}

#p-related-cnt ul {
	overflow: hidden;
	padding: 0 12px 0 26px;
}

#p-related-cnt ul li {
	float: left;
	width: 225px;
	margin: 0 14px 14px 0;
	border: #CCC 1px solid;
}

#p-related-cnt ul li.related-nolink {
	border: #EEE 1px solid;
}

#p-related-cnt ul li a {
	display: block;
	cursor: pointer;
	text-decoration: none;
}

#p-related-cnt ul li a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

.related-prd-img {
	padding: 10px 10px 0;
	text-align: center;
}

.related-prd-name {
	text-align: center;
	padding: 0 10px 13px;
	color: #C12733;
}

#p-related-cnt ul li.related-nolink .related-prd-name {
	color: #333;
}

.related-prd-lead {
	background-color: #FAFAFA;
	border-top: #CCC 1px solid;
	padding: 10px;
	color: #333;
}

#p-related-cnt ul li.related-nolink .related-prd-lead {
	border-top: #EEE 1px solid;
}

.ytBox {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top:56.25%;
  margin-top: 6px;
  position: relative;
}

.ytBox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%!important;
  height: 100%!important;
}

/*----------------------------------------------------------
フッタ製品詳細
-----------------------------------------------------------*/

.p-detail-foot {
	margin-top: 50px;
	padding-top: 26px;
	border-top: #EFEFEF 1px solid;
}

.p-foot-info-link {
	float: left;
	width: 200px;
}

.p-foot-info-link a {
	display: block;
	border: #CCC 1px solid;
	text-align: center;
	color: #333;
	padding: 12px 15px 12px 25px;
	background: url(../common/prd_list_arrow.png) 18px center no-repeat;
}

.p-foot-share {
	float: right;
	width: 500px;
	letter-spacing: -.40em;
	text-align: right;
}

.p-foot-share p {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	margin-right: 15px;
}

.p-foot-share .sharebtn-block {
	display: inline-block;
	vertical-align: middle;
	position: static;
	right: auto;
	top: auto;
}

.p-foot-prd-nav-cnt {
	border-top: #C12733 2px solid;
	width: 920px;
	margin: 50px auto 0;
	padding: 30px;
	background-color: #F9F9F9;
	overflow: hidden;
}

.p-foot-prd-nav-head {
	margin-bottom: 30px;
}

.p-foot-navi-tit {
	font-size: 171.4%;
	line-height: 1.2;
	color: #CE0019;
	float: left;
	width: 200px;
}

#p-foot-prd-cat {
	float: right;
	width: 530px;
	display: table;
	box-sizing: border-box;
	border: #C12733 1px solid;
}

#p-foot-prd-cat li {
	display: table-cell;
	width: 50%;
	box-sizing: border-box;
}

#p-foot-prd-cat li a {
	display: block;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	color: #C12733;
	text-decoration: none;
	outline: none;
}

#p-foot-prd-cat li a:hover,
#p-foot-prd-cat li a.navion {
	background-color: #C12733;
	color: #FFF;
}

.p-foot-cat-block {
	width: 1900px;
	overflow: hidden;
}

.p-foot-cat-box {
	box-sizing: border-box;
	width: 100%;
	margin-right: 30px;
	padding: 0 10px;
	float: left;
	width: 920px;
	display: none;
}

.p-foot-cat-list {
	float: left;
	margin-right: 20px;
}

.p-foot-cat-list-i01 {
	width: 276px;
}

.p-foot-cat-list-i02 {
	width: 340px;
}

.p-foot-cat-list-i03 {
	width: 220px;
	margin-right: 0;
}

.p-foot-cat-list-i04 {
	width: 286px;
}

.p-foot-cat-list-i05 {
	width: 290px;
}

.p-foot-cat-list-i06 {
	width: 260px;
	margin-right: 0;
}

.p-foot-cat-list .p-foot-sub-tit {
	color: #C12733;
	font-weight: bold;
	margin-top: 20px;
}

.p-foot-cat-list .p-foot-sub-tit a {
	color: #C12733;
	text-decoration: none;
}

.p-foot-cat-list .p-foot-sub-tit a:hover {
	text-decoration: underline;
}

.p-foot-cat-list .p-foot-sub-tit:first-child {
	margin-top: 0;
}

.p-foot-cat-list ul {
	margin-top: 10px;
}

.p-foot-cat-list ul li {
	font-size: 85.7%;
	margin-top: 5px;
}

.p-foot-cat-list ul li a {
	color: #333;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	background: url(../common/foot_prd_nav_arrow.png) 2px 4px no-repeat;
	padding-left: 12px;
}

.p-foot-cat-list ul li a:hover {
	text-decoration: underline;
}



/*----------------------------------------------------------
使用上の注意
-----------------------------------------------------------*/

.use-subtitle {
	display: inline-block;
	*display: inline;
    *zoom: 1;
	background-color: #C12733;
	color: #FFFFFF;
	padding: 3px 7px 2px;
	margin: 0 0 5px;
}

ul.use-list-mb {
	margin: 0 0 20px;
}

ul.use-list li {
	font-size: 114.3%;
	line-height: 1.6;
	padding-left: 1em;
	text-indent: -1em;
}

ul.use-list li span {
	color: #C12733;
}

.use-p {
	font-size: 114.3%;
	line-height: 1.6;
}

.use-p-mb {
	margin-bottom: 20px;
}



/*----------------------------------------------------------
成分情報ポップアップ
-----------------------------------------------------------*/
#seibun-detail {
	position: relative;
	width: 488px;
	padding: 40px 20px 20px;
	background-color: #FFF;
	margin: 0 auto;
	border-radius: 10px;
}

.seibun-ttl {
	margin: 0 0 10px;
	padding: 3px 10px;
	text-align: left;
	border-left: #C12733 4px solid;
}

#printbtn {
	position: absolute;
	right: 20px;
	top: 40px;
	cursor: pointer;
}

.seibun-table {
	border-top: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	width: 100%;
}

.seibun-table th {
	border-right: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	background-color: #F9E9EA;
	font-weight: bold;
	text-align: left;
	padding: 8px 10px 5px;
}

.seibun-table td {
	border-right: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	padding: 8px 10px 5px;
	text-align: left;
	vertical-align: top;
}

.seibun-table .tdleft {
	width: 55%;
}

.seibun-table .tdright {
	width: 45%;
}

.seibun-table p {
	text-align: left;
}

.seibun-table p.tright {
	text-align: right;
	padding-right: 5px;
}

.bnr-block {
	text-align: center;
	margin-top: 40px;
}

.bnr-block img {
	max-width: 100%;
	height: auto;
}

.bnr-block a:hover {
	opacity: .8;
}

@media print{
	.mfp-bg {
		background-color: #FFF;
		opacity: 1;
	}
	.mfp-container {
		height: auto;
	}
	#seibun-detail {
		padding-top: 20px;
		display: block;
	}
	#printbtn {
		display: none;
	}
}


















/* PC View Mode 切り替えボタン */
#viewchg {
	padding-bottom: 20px;
	text-align: center;
}

.mb20 {
	margin-bottom: 20px;
}