/* Y'S GEAR : db-detail.css */


/*======================================================================*
 *  [ endProduct | 生産終了 ] 
 *======================================================================*/

.endProduct {
	margin: 0 0 15px 0;
	padding: 10px;
	background: #e95900;
	color: #fff;
	font-size: 16px;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
}


/*======================================================================*
 *  [ altProducts | 代替表示 ] 
 *======================================================================*/

.altProducts {
	display: block;
	margin: 0 0 15px 0;
	padding: 10px;
	background: #f0f0f0;
	font-size: 13px;
	font-size: 1.3em;
	text-align: center;
}

.endProduct+.altProducts {
	margin-top: -15px;
}


/*======================================================================*
 *  [ adaptationModel | 適応機種階層・適応機種コード・対応モデル ] 
 *======================================================================*/

.adaptationModel {
	margin: 0 0 15px 0;
	font-size: 13px;
	font-size: 1.3rem;
}

/* [ 共通 ] */
.adaptationModel>div {
	display: table;
	box-sizing: border-box;
}

.adaptationModel h2,
.adaptationModel h3,
.adaptationModel ul {
	display: table-cell;
	box-sizing: border-box;
}

.adaptationModel li {
	list-style-type: none;
}

/* [ hierarchy | 適応機種階層 ] */
.adaptationModel .hierarchy {
	width: 100%;
	padding: 5px 0;
	border: 1px solid #cfcfcf;
}

.adaptationModel .hierarchy h2 {
	width: 200px;
	padding: 5px 10px;
	border-right: 1px solid #cfcfcf;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}

.adaptationModel .hierarchy img {
	display: block;
	max-width: 180px;
	max-height: 50px;
	margin: 5px auto 10px auto;
}

.adaptationModel .hierarchy ul {
	padding: 0 10px;
	vertical-align: middle;
}

.adaptationModel .hierarchy li {
	float: left;
	width: 25%;
}

.adaptationModel .hierarchy .pas li:first-child,
.adaptationModel .hierarchy .pas li:first-child+li {
	width: 50%;
}

.adaptationModel .hierarchy li a,
.adaptationModel .hierarchy li span {
	display: block;
	position: relative;
	padding: 7px 15px;
}

.adaptationModel .hierarchy li span {
	color: #c9c9c9;
}

.adaptationModel .hierarchy li a:before,
.adaptationModel .hierarchy li span:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 5px;
	height: 5px;
	margin: -3px 0 0 0;
	border-top: 2px solid #bfc0c0;
	border-right: 2px solid #bfc0c0;
	content: "";
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* [ code | 適応機種コード ] */
/* [ model | 対応モデル ] */
.adaptationModel .code,
.adaptationModel .model {
	padding: 10px;
}

.adaptationModel .code h3,
.adaptationModel .model h2 {
	padding: 0 15px 0 0;
	color: #969696;
	font-weight: bold;
	white-space: nowrap;
}

.adaptationModel .code h3:after,
.adaptationModel .model h2:after {
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 0 0 15px;
	border: 5px solid transparent;
	border-left: 10px solid #969696;
	vertical-align: middle;
	content: "";
}

.adaptationModel .code li,
.adaptationModel .model li {
	display: inline-block;
}

.adaptationModel .code li,
.adaptationModel .model li a {
	color: #686868;
}

/* [ code | 適応機種コード ] */
.adaptationModel .code {
	border-bottom: 1px dotted #ccc;
}

.adaptationModel .code li+li:before {
	content: "/ ";
}

/* [ model | 対応モデル ] */
.adaptationModel .model {
	margin-bottom: -7px;
}

.adaptationModel .model a {
	display: inline-block;
	margin: 0 0 7px 0;
	padding: 2px 5px;
	border: 1px solid #ccc;
}

/* [ IE全バージョン ] */
.adaptationModel .model a {
	padding: 3px 5px 1px 5px\9;
}

@media all and (-ms-high-contrast:none) {
	.adaptationModel .model a {
		padding: 3px 5px 1px 5px\0;
	}
}


/*======================================================================*
 *  [ outsideModelList | 社外品適応機種一覧 ] 
 *======================================================================*/

.outsideModelList {
	margin-bottom: 20px;
	border: 10px solid #EDEDED;
}

.outsideModelList input {
	display: none;
}

/* [ 見出し ] */
.outsideModelList label {
	display: block;
	position: relative;
	padding: 15px;
	text-align: center;
	cursor: pointer;
}

.outsideModelList label h2 {
	font-size: 2rem;
}

.outsideModelList label h2 b {
	margin-top: 5px;
	font-size: 1.4rem;
}

.outsideModelList label span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 66px;
	height: 100%;
}

.outsideModelList label span::before,
.outsideModelList label span::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 3px;
	background: #5C5C5C;
	content: "";
}

.outsideModelList label span::before {
	transform: translate(-50%);
}

.outsideModelList label span::after {
	transform: translate(-50%) rotate(90deg);
}

/* [ 中身 ] */
.outsideModelList .inner {
	padding: 0 20px 20px;
	box-sizing: border-box;
	overflow: hidden;
	transition: all ease .3s;
}

.outsideModelList .inner dl {
	display: flex;
	padding-bottom: 15px;
	border-bottom: 1px dotted #707070;
	color: #666;
	font-size: 1.6rem;
}

.outsideModelList .inner dl+dl {
	margin-top: 15px;
}

.outsideModelList .inner dt {
	margin-right: 10px;
	padding: 5px;
	font-size: 1.4rem;
	background: #EDEDED;
	color: #000;
}

.outsideModelList .inner dt::after {
	/* content: "："; */
}

.outsideModelList .inner dd {
	margin-top: 4px;
}

.outsideModelList .inner dd span {
	display: inline-block;
}

.outsideModelList .inner dd span::after {
	content: " /";
}

.outsideModelList .inner dd span:last-child::after {
	display: none;
}

/* [ アコーディオン ] */
.outsideModelList input[type="checkbox"]:checked~label span::after {
	display: none;
}

.outsideModelList input[type="checkbox"]:not(:checked)~.inner {
	height: 0px;
	padding-top: 0;
	padding-bottom: 0;
	border-bottom: none;
}


/*======================================================================*
 *  [ promotionArea | プロモーションエリア ] 
 *======================================================================*/

.promotionArea {
	position: relative;
	margin: 0 0 30px 0;
}

/* [ pagination ] */
.promotionArea .owl-pagination {
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: center;
	line-height: 0;
}

.promotionArea .owl-pagination div {
	display: inline-block;
	margin: 0 5px;
}

.promotionArea .owl-pagination span {
	display: block;
	width: 8px;
	height: 8px;
	border: 2px solid #fff;
	border-radius: 50%;
}

/* [ IE9以下 ] */
.promotionArea .owl-pagination span {
	background: #fff\9;
}

/* [ buttons ] */
.promotionArea .owl-buttons {
	position: absolute;
	top: 0;
	width: 100%;
	line-height: 0;
}

.promotionArea .owl-buttons div {
	position: absolute;
	width: 10%;
	height: 551px;
}

.promotionArea .owl-buttons .owl-prev,
.promotionArea .owl-buttons .owl-prev:before,
.promotionArea .owl-buttons .owl-prev:after {
	left: 0;
}

.promotionArea .owl-buttons .owl-next,
.promotionArea .owl-buttons .owl-next:before,
.promotionArea .owl-buttons .owl-next:after {
	right: 0;
}

.promotionArea .owl-buttons div:before {
	display: block;
	position: absolute;
	top: 50%;
	width: 30px;
	height: 30px;
	margin: -15px 0 0 0;
	background: rgba(204, 204, 204, .7);
	content: "";
}

.promotionArea .owl-buttons .owl-prev:before {
	border-radius: 0 3px 3px 0;
}

.promotionArea .owl-buttons .owl-next:before {
	border-radius: 3px 0 0 3px;
}

.promotionArea .owl-buttons div:after {
	display: block;
	position: absolute;
	top: 50%;
	width: 8px;
	height: 8px;
	border-top: 3px solid;
	border-right: 3px solid;
	content: "";
}

.promotionArea .owl-buttons .owl-prev:after {
	margin: -6px 0 0 10px;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

.promotionArea .owl-buttons .owl-next:after {
	margin: -6px 10px 0 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* [ preloading ] */
.promotionArea .owl-item.loading {
	height: 551px;
	background: url(/app/shared/js/plugin/owl-carousel/AjaxLoader.gif) no-repeat center center;
}


/*======================================================================*
 *  [ dbWrap ] 
 *======================================================================*/

.dbWrap section,
.dbWrap aside {
	margin: 0 0 50px 0;
	color: #464646;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.4;
}

.dbWrap section h2,
.dbWrap aside h2 {
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	border-bottom: 3px solid #464646;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.2;
}

.dbWrap .attention {
	color: #e95900;
}

.dbWrap button:focus {
	outline: none;
}


/*======================================================================*
 *  [ basicDetails | 基本詳細 ]
 *======================================================================*/

.basicDetails {
	float: right;
	width: 385px;
	margin: 0 22px 50px 22px;
}

.basicDetails header {
	margin: 0 0 15px 0;
	color: #000;
}

/* [ category | カテゴリー ] */
.basicDetails .category {
	padding: 0 0 10px 0;
	font-size: 11px;
	font-size: 1.1rem;
}

.basicDetails .category li {
	position: relative;
	float: left;
	margin: 0 12px 5px 0;
	padding: 5px 0px 5px 5px;
	background: #f0f0f0;
	list-style-type: none;
	z-index: 0;
}

.basicDetails .category li:before {
	display: block;
	position: absolute;
	top: 50%;
	right: -8px;
	width: 15px;
	height: 15px;
	margin: -7px 0 0 0;
	background: #f0f0f0;
	content: "";
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: -1;
}

/* [ maker | メーカー ] */
.basicDetails .maker {
	margin: 0 0 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
}

.basicDetails .maker i {
	float: right;
}

.basicDetails .maker i img {
	max-width: 100px;
	max-height: 50px;
}

.basicDetails .maker a {
	border-bottom: 2px solid #ccc;
}

/* [ series | シリーズ ] */
.basicDetails .series {
	margin: 0 0 5px 0;
}

.basicDetails .series a {
	margin: 0 5px 0 0;
}

/* [ name | 商品名 ] */
.basicDetails h2 {
	margin: 40px 0 10px 0;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1;
}

/* [ price | 価格 ] */
.basicDetails .price {
	margin: 10px 0 20px 0;
	padding: 10px 0;
	border-top: 3px solid #f0f0f0;
	border-bottom: 3px solid #f0f0f0;
	line-height: 1.4;
}

.basicDetails .price strong,
.basicDetails .price span {
	display: inline-block;
}

.basicDetails .price strong {
	font-size: 20px;
	font-size: 2rem;
}

.basicDetails .price strong span {
	font-size: 12px;
	font-size: 1.2rem;
}

.basicDetails .price span span {
	color: #787878;
}

/* [ 2016.03 追記 ] */
.basicDetails .price.couponDefault {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
	color: #787878;
}

.basicDetails .price.couponArrow {
	width: 8em;
	margin: 0;
	padding: 0 0 5px 0;
	border: none;
	text-align: center;
}

.basicDetails .price.couponDiscount {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
	color: #e44800;
}

/* [ couponBox | クーポン ] 2020.02追記 */
.couponBox {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 3px solid #f0f0f0;
}

.couponBox>p {
	color: #000;
	font-size: 1.3rem;
	text-align: center;
}

.couponBox>p span {
	color: #666;
	font-size: 1.2rem;
}

.couponBox ul {
	list-style: none;
	margin-top: 15px;
}

.couponBox li {
	margin-top: 10px;
	padding: 10px;
	border-radius: 5px;
	background: #f5f5f5;
}

.couponBox li>* {
	display: block;
}

.couponBox li b {
	color: #e64800;
	font-size: 1.3rem;
}

.couponBox li .off {
	margin: 3px 0 5px;
}

.couponBox li .off b {
	font-size: 1.8rem;
}

.couponBox li .off span {
	font-size: 1.2rem;
	font-weight: normal;
}

.couponBox li .limit {
	color: #888;
}

/* [ copy | キャッチコピー ] */
.basicDetails .copy {
	margin: 0 0 20px 0;
	color: #464646;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
}

/* [ productDescription | 商品詳細 ] */
.productDescription {
	margin: 0 0 30px 0;
	color: #464646;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.5;
}

.productDescription p,
.productDescription dl,
.productDescription table {
	margin: 0 0 20px 0;
}

.productDescription ol,
.productDescription ul {
	margin: 0 0 20px 20px;
}

.productDescription li+li {
	margin: 5px 0 0 0;
}

.productDescription dt {
	font-weight: bold;
}

.productDescription dd+dt {
	margin: 10px 0 0 0;
}

.productDescription dd {
	margin: 5px 0 0 0;
}

.productDescription table,
.productDescription th,
.productDescription td {
	border: 1px solid #999999;
}

.productDescription th,
.productDescription td {
	padding: 2px 5px;
	vertical-align: middle;
}

.productDescription th {
	background: #ebebeb;
}

/* [ productDescription | 商品詳細 旧CSS ] */
.productDescription h4 {
	margin: 0 0 20px 0;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
}

.productDescription .title {
	margin: 0 0 5px 0;
	padding: 0 0 0 5px;
	border-left: 5px solid #666;
	color: #666;
	font-weight: bold;
}

.productDescription .stock {
	color: #ff0000;
}

.productDescription .kome {
	padding: 0 0 0 1em;
	text-indent: -1em;
}

.productDescription .zabuton {
	margin: 0 0 20px 0;
	padding: 10px;
	background: #ebebeb;
}

.productDescription .zabuton p:nth-last-of-type(1) {
	margin: 0;
}

.productDescription .link-mc,
.productDescription .link-marine {
	position: relative;
	padding: 0 0 0 1.5em;
}

.productDescription .link-mc:before,
.productDescription .link-mc:after,
.productDescription .link-marine:before,
.productDescription .link-marine:after {
	display: block;
	position: absolute;
	content: "";
}

.productDescription .link-mc:before,
.productDescription .link-marine:before {
	top: .15em;
	left: 0;
	width: 1em;
	height: 1em;
	border: 1px solid;
	border-radius: 50%;
}

.productDescription .link-mc:after,
.productDescription .link-marine:after {
	top: .5em;
	left: .4em;
	width: 0;
	height: 0;
	border: 3px solid transparent;
	border-left: 5px solid;
}

.productDescription .link-mc:hover,
.productDescription .link-mc a:hover {
	color: #cc1533 !important;
}

.productDescription .link-mc:before {
	border-color: #cc1533;
}

.productDescription .link-mc:after {
	border-left-color: #cc1533;
}

.productDescription .link-marine:hover,
.productDescription .link-marine a:hover {
	color: #4794cf !important;
}

.productDescription .link-marine:before {
	border-color: #4794cf;
}

.productDescription .link-marine:after {
	border-left-color: #4794cf;
}

.productDescription .shikaku li {
	list-style-type: square;
}

.productDescription table.none,
.productDescription table.none th,
.productDescription table.none td {
	border: none;
}

.productDescription table.none th {
	background: none;
	text-align: left;
}

.productDescription sup {
	font-size: 80%;
	vertical-align: top;
}

.productDescription .caution_s,
.productDescription .caution_m,
.productDescription .caution_l {
	margin: 0 0 20px 0;
}

.productDescription .caution_s {
	min-height: 15px;
	padding: 0 0 0 20px;
	background: url(/app/shared/img/icon-caution_s.png) left 0.1em no-repeat;
}

.productDescription .caution_m {
	min-height: 20px;
	padding: 10px 10px 10px 42px;
	background: url(/app/shared/img/icon-caution_m.png) 10px 10px no-repeat #ebebeb;
}

.productDescription .caution_l {
	min-height: 30px;
	padding: 10px 10px 10px 54px;
	border: 3px double #cccccc;
	background: url(/app/shared/img/icon-caution_l.png) 10px center no-repeat;
}

/* [ scrLinks | 購入・在庫確認＆商品の詳細を見るボタン ] */
.scrLinks {
	margin: 0 0 30px 0;
}

.scrLinks ul {
	text-align: center;
}

.scrLinks li {
	display: inline-block;
	width: 49%;
}

.scrLinks a {
	display: block;
	margin: 0 2px 0 3px;
	padding: 20px 10px 18px 10px;
	border-radius: 5px;
	background: #000;
	color: #fff;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}

.scrLinks a:hover {
	background: #888888;
	color: #fff !important;
}

.scrLinks a:before {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 10px 5px 0;
	border-right: 3px solid rgba(255, 255, 255, .5);
	border-bottom: 3px solid rgba(255, 255, 255, .5);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: middle;
	content: "";
}

/* [ relatedLinks | 関連リンク ] */
.relatedLinks {
	margin: 0 0 20px 0 !important;
	padding: 20px 10px;
	border-top: 1px dotted #bcbcbc;
	border-bottom: 1px dotted #bcbcbc;
}

.relatedLinks h3 {
	display: none;
}

.relatedLinks ul {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.2;
}

.relatedLinks li {
	list-style-type: none;
}

.relatedLinks li+li {
	margin: 10px 0 0 0;
}

.relatedLinks a {
	display: inline-block;
	position: relative;
	padding: 0 0 0 12px;
	color: #000;
	text-decoration: underline;
}

.relatedLinks a:before {
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 5px;
	height: 5px;
	border-top: 2px solid #ccc;
	border-right: 2px solid #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}

.relatedLinks a[target="_blank"]:after {
	margin: 0 0 0 5px;
	content: url(/app/shared/svg/icon_blank.svg);
}

/* [ wishButton | ほしいものリストに追加ボタン ] ▼▼ 2018.07追記 ▼▼ */
.addWishBox {
	float: left;
}

.wishButton {
	padding: 5px 10px;
	border: 2px solid #71af2d;
	border-radius: 5px;
	background: #fff;
	color: #333;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	cursor: pointer;
}

.wishButton:hover,
.wishButton:active {
	background: #eaf3e0;
}

.wishButton::before {
	display: inline-block;
	margin-right: 5px;
	width: 18px;
	height: 18px;
	background: url(/app/shared/svg/wishlist/icon_wish_green.svg) center center no-repeat;
	background-size: contain;
	vertical-align: text-bottom;
	content: "";
}

/* [ productShare | シェアボタン ] */
.productShare h3 {
	display: block;
	overflow: hidden;
	height: 0;
	width: 0;
	text-indent: 100%;
	white-space: nowrap;
}

.productShare ul {
	padding: 4px 0;
	text-align: right;
}

.productShare li {
	display: inline;
	list-style-type: none;
	font-size: 11px;
	line-height: 12px;
}

.productShare li+li {
	margin: 0 0 0 10px;
}

.productShare li a {
	display: inline-block;
	height: 12px;
	padding: 5px;
	border-radius: 3px;
	font-weight: bold;
}

.productShare li a:before {
	display: inline-block;
	height: 12px;
	margin: 0 5px 0 0;
	vertical-align: middle;
}

.productShare li span {
	display: none;
}

#shareTwitter a {
	border: 1px solid #ccc;
	background: rgb(254, 254, 254);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(223, 223, 223, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 254, 254, 1)), color-stop(100%, rgba(223, 223, 223, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(223, 223, 223, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(223, 223, 223, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(223, 223, 223, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(223, 223, 223, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dfdfdf', GradientType=0);
	/* IE6-9 */
	color: #000;
}

#shareTwitter a:hover {
	border-color: #bbb !important;
	background: rgb(247, 247, 247);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(247, 247, 247, 1) 0%, rgba(218, 218, 218, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(247, 247, 247, 1)), color-stop(100%, rgba(218, 218, 218, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(247, 247, 247, 1) 0%, rgba(218, 218, 218, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(247, 247, 247, 1) 0%, rgba(218, 218, 218, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(247, 247, 247, 1) 0%, rgba(218, 218, 218, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(247, 247, 247, 1) 0%, rgba(218, 218, 218, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#dadada', GradientType=0);
	/* IE6-9 */
	color: #000 !important;
}
#shareTwitter a:before { content: url(/app/shared/img/db-detail/icon_twitter.png); }
#shareTwitter a:after { content: "ツイート"; }
#shareFacebook a {
	background: rgb(76, 105, 186);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(76, 105, 186, 1) 0%, rgba(59, 85, 160, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(76, 105, 186, 1)), color-stop(100%, rgba(59, 85, 160, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(76, 105, 186, 1) 0%, rgba(59, 85, 160, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(76, 105, 186, 1) 0%, rgba(59, 85, 160, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(76, 105, 186, 1) 0%, rgba(59, 85, 160, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(76, 105, 186, 1) 0%, rgba(59, 85, 160, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c69ba', endColorstr='#3b55a0', GradientType=0);
	/* IE6-9 */
	color: #fff;
}

#shareFacebook a:hover {
	background: rgb(92, 124, 213);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(92, 124, 213, 1) 0%, rgba(74, 102, 180, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(92, 124, 213, 1)), color-stop(100%, rgba(74, 102, 180, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(92, 124, 213, 1) 0%, rgba(74, 102, 180, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(92, 124, 213, 1) 0%, rgba(74, 102, 180, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(92, 124, 213, 1) 0%, rgba(74, 102, 180, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(92, 124, 213, 1) 0%, rgba(74, 102, 180, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c7cd5', endColorstr='#4a66b4', GradientType=0);
	/* IE6-9 */
	color: #fff !important;
}
#shareFacebook a:before { margin-bottom: 2px; content: url(/app/shared/img/db-detail/icon_facebook.png); }
#shareFacebook a:after { content: "シェア"; }


/*======================================================================*
 *  [ basicImages | 基本イメージ ]
 *======================================================================*/

.basicImages {
	float: left;
	width: 550px;
	margin: 0 0 30px 0;
}

/* [ icon | アイコン（位置変更） ] */
.basicImages .icon {
	margin: 0 0 15px 0;
}

.basicImages .icon i {
	display: inline-block;
	margin: 0 5px 2px 0;
	padding: 2px 5px;
	border: 1px solid;
	border-radius: 5px;
	font-style: normal;
}

/* [ IE全バージョン ] */
.basicImages .icon i {
	padding: 4px 5px 0px 5px\9;
}

@media all and (-ms-high-contrast:none) {
	.basicImages .icon i {
		padding: 4px 5px 0px 5px\0;
	}
}

/* [ viewerButton | ビューアーボタン ] */
.viewerButton {
	margin: 0 0 40px 0;
}

.viewerButton a {
	display: table;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	padding: 25px 50px 25px 140px;
	background: #5b5a5a;
	border-radius: 5px;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	vertical-align: middle;
}

.viewerButton a:hover {
	background: #888888;
	color: #fff !important;
}

.viewerButton a:before,
.viewerButton a:after {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 35px;
	height: 35px;
	border-bottom-right-radius: 5px;
	content: "";
}

.viewerButton a:before {
	background: -moz-linear-gradient(-45deg, rgba(120, 120, 120, 0) 50%, rgba(120, 120, 120, 1) 51%, rgba(120, 120, 120, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(120, 120, 120, 0)), color-stop(51%, rgba(120, 120, 120, 1)), color-stop(100%, rgba(120, 120, 120, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(120, 120, 120, 0) 50%, rgba(120, 120, 120, 1) 51%, rgba(120, 120, 120, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(120, 120, 120, 0) 50%, rgba(120, 120, 120, 1) 51%, rgba(120, 120, 120, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(120, 120, 120, 0) 50%, rgba(120, 120, 120, 1) 51%, rgba(120, 120, 120, 1) 100%);
	/* IE10+ */
	background: linear-gradient(135deg, rgba(120, 120, 120, 0) 50%, rgba(120, 120, 120, 1) 51%, rgba(120, 120, 120, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00787878', endColorstr='#787878', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.viewerButton a:after {
	background: url(/app/shared/svg/icon_blank.svg) 20px 20px no-repeat;
}

.viewerButton a img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50px;
	width: 66px;
	margin: -33px 10px 0 0;
}


/*======================================================================*
 *  [ productImage | 商品画像 ] 
 *======================================================================*/

.productImage {
	margin: 0 0 30px 0;
}

.productImage .bx-wrapper {
	position: relative;
}

/* [ productImageSlider | スライド本体 ] */
.productImageSlider {}

.productImageSlider li {
	list-style-type: none;
	text-align: center;
}

.productImageSlider li p {
	margin: 10px 0 0 0;
}

/* [ スライドナビゲーション ] */
.productImage .bx-controls {
	position: absolute;
	top: 50%;
	width: 100%;
	margin: -50px 0 0 0;
	line-height: 0;
}

.productImage .bx-controls a {
	display: block;
	position: absolute;
	width: 30px;
	height: 100px;
}

.productImage .bx-prev,
.productImage .bx-prev:before,
.productImage .bx-prev:after {
	left: 0;
}

.productImage .bx-prev:before,
.productImage .bx-prev:after {
	margin: 0 0 0 10px;
}

.productImage .bx-next,
.productImage .bx-next:before,
.productImage .bx-next:after {
	right: 0;
}

.productImage .bx-next:before,
.productImage .bx-next:after {
	margin: 0 10px 0 0;
}

.productImage .bx-controls a:before,
.productImage .bx-controls a:after {
	display: block;
	position: absolute;
	top: 50%;
	width: 0;
	height: 30px;
	border-right: 3px solid #666;
	content: "";
}

.productImage .bx-controls a:before {
	margin-top: -25px;
}

.productImage .bx-prev:before,
.productImage .bx-next:after {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}

.productImage .bx-prev:after,
.productImage .bx-next:before {
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

/* [ productImageNav | スライドサムネイル ] */
.productImageNav {
	margin: 30px 25px 0 25px;
}

.productImageNav p {
	margin: 10px 0 5px 0;
	padding: 0 0 0 10px;
	background: url(/app/shared/svg/db-detail/icon_checked.svg) left .3em no-repeat;
	font-weight: bold;
}

.productImageNav ul {
	display: flex;
	display: -webkit-flex;
	position: relative;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.productImageNav li {
	list-style-type: none;
	margin: -1px 0 0 0;
}

:root .productImageNav li {
	/* [ IE9 ] */
	float: left\0/;
}

.productImageNav li a {
	display: block;
	position: relative;
	height: 100%;
	margin: 0 -1px 0 0;
	padding: 1px;
	border: 1px solid #bfc0c0;
	box-sizing: border-box;
	background: #fff;
	cursor: pointer;
}

.productImageNav li a.active,
.productImageNav li a:hover {
	z-index: 2;
}

.productImageNav li a img {
	display: block;
}


/*======================================================================*
 *  [ productStock | 商品を購入する・在庫を確認する ]
 *======================================================================*/

/* [ sendInformation | 商品情報を送る ] */
.sendInformation {
	float: right;
	margin: 0 0 15px 0 !important;
	padding: 10px 20px;
	background: #eaeaea;
	text-align: center;
}

.sendInformation h3 {
	margin: 0 0 10px 0;
	color: #000;
	font-weight: normal;
}

.sendInformation ul {}

.sendInformation li {
	display: inline-block;
	list-style-type: none;
	margin: 0 10px;
}

.sendInformation li a {
	display: inline-block;
	font-size: 11px;
	font-size: 1.1rem;
}

.sendInformation li a:before {
	display: block;
	width: 38px;
	height: 38px;
	margin: 0 auto;
	content: "";
}
#shareMail a:before { background: url(/app/shared/svg/db-detail/icon_mail.svg) center center no-repeat; }
#shareLine a:before { background: url(/app/shared/svg/db-detail/icon_line.svg) center center no-repeat; }
#sharePrint a:before { background: url(/app/shared/svg/db-detail/icon_print.svg) center center no-repeat; }

.productStock .buy {
	position: relative;
	margin: 0 0 10px 0;
	color: #e95900;
	font-weight: bold;
	line-height: 1.4;
}

.productStock .buy a {
	color: #e95900 !important;
}

.productStock .buy:after {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -15px 0 0 0;
	content: "";
}

.productStock .buy.shop.online {
	padding: 0 10px 0 90px;
}

.productStock .buy.shop.online:after {
	width: 80px;
	height: 30px;
	background: url(/app/shared/svg/db-detail/icon_buy.svg) left top no-repeat;
}

.productStock .buy.shop,
.productStock .buy.online {
	padding: 0 10px 0 50px;
}

.productStock .buy.shop:after {
	width: 40px;
	height: 30px;
	background: url(/app/shared/svg/db-detail/icon_buy.svg) left top no-repeat;
}

.productStock .buy.online:after {
	width: 40px;
	height: 30px;
	background: url(/app/shared/svg/db-detail/icon_buy.svg) right top no-repeat;
}

.productStock .buy a span {
	text-decoration: underline;
}

/* [ productStockTable | 在庫表 ] */
.productStockTable {
	clear: both;
}

.productStockTable h3 {
	margin: 20px 0 10px 0;
	color: #000;
	font-size: 14px;
	font-size: 1.4rem;
}

.productStockTable table {
	height: 100%;
	border: 2px solid #464646;
}

.productStockTable th,
.productStockTable td {
	box-sizing: border-box;
	border: 1px solid #464646;
}

.productStockTable thead th {
	padding: 5px;
	color: #fff;
	background: #8a8a8a;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: normal;
	line-height: 1.1;
	text-align: center;
}

.productStockTable thead th strong {
	display: inline-block;
	margin: 0 0 5px 0;
	font-size: 15px;
	font-size: 1.5rem;
}

.productStockTable tbody th,
.productStockTable tbody td {
	height: 100%;
	border-top: 1px dotted #464646;
	border-bottom: 1px dotted #464646;
}

.productStockTable tbody th {
	padding: 5px;
	line-height: 1.2;
	text-align: left;
	vertical-align: middle;
}

.productStockTable tbody th:first-child {
	width: 50px;
	border-right: none;
}

.productStockTable tbody th+th {
	padding: 5px 10px 5px 0;
	border-left: none;
}

.productStockTable tbody td {
	text-align: center;
	vertical-align: top;
}

.productStockTable tbody td.active {
	background: #ffe4d4;
}

.productStockTable tbody td label {
	display: block;
	height: 100%;
	min-height: 44px;
	padding: 5px;
	box-sizing: border-box;
}

.productStockTable tbody td span,
.productStockTable tbody td strong {
	display: block;
}

.productStockTable tbody td span {
	font-size: 11px;
	font-size: 1.1rem;
}

.productStockTable tbody td strong {
	position: relative;
	padding: 3px 0;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.2;
}

.productStockTable tbody td strong+span {
	color: #666;
}

/* [ チェックボックス ] */
.productStockTable input[type="checkbox"] {
	display: none;
}

.productStockTable input[type="checkbox"]+strong {
	padding: 3px 0 3px 20px;
}

.productStockTable input[type="checkbox"]+strong:before,
.productStockTable input[type="checkbox"]+strong:after {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -12px 0 0 0;
	font-weight: bold;
	content: "";
}

.productStockTable input[type="checkbox"]+strong:before {
	width: 16px;
	height: 16px;
	margin: -9px 0 0 0;
	border: 1px solid #999;
	border-radius: 5px;
	background: #fff;
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(241, 241, 241, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0);
	/* IE6-9 */
}

.productStockTable input[type="checkbox"]:disabled+strong:before {
	background: #ddd;
}

.productStockTable input[type="checkbox"]+strong:after {
	width: 6px;
	height: 8px;
	margin: -7px 0 0 5px;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
}

.productStockTable input[type="checkbox"]:checked+strong:after {
	border-color: #e95900;
}

.productStockTable input[type="checkbox"]:disabled+strong:after {
	width: 0;
	height: 20px;
	margin: -10px 0 0 8px;
	border-right: 2px solid;
	border-bottom: none;
	border-color: #ff0000;
}

/* [ 列 ] */
.productStockTable table.column0 {
	width: 100%;
}

.productStockTable table.column0 td:nth-last-of-type(1) {
	width: 15%;
}

.productStockTable table.column0 label {
	display: inline;
}

.productStockTable table.column0 td {
	vertical-align: middle;
}

.productStockTable table.column1 td {
	width: 135px;
}

.productStockTable table.column2 td {
	width: 135px;
}

.productStockTable table.column3 td {
	width: 135px;
}

.productStockTable table.column4 td {
	width: 135px;
}

.productStockTable table.column5 td {
	width: 135px;
}

.productStockTable table.column6 {
	width: 100%;
}

.productStockTable table.column6 td {
	width: 135px;
}

/* [ 在庫状況の色 ] */
.productStockTable .stock strong {
	color: #000;
}

.productStockTable .order strong {
	color: #000;
}

.productStockTable .reserve strong {
	color: #000;
}

.productStockTable .inquiry strong {
	color: #118acb;
}

.productStockTable .soldout strong {
	color: #ff0000;
}

.productStockTable .end strong {
	color: #ff0000;
}

.productStockTable .end {
	background: #eaeaea;
}

/* [ 通販限定商品品番隠蔽用追記 2015.12.25 ] */
.limitedHidden {
	display: none !important;
}

.productStockTable .limited {}

/*======================================================================*
 *  [ addCartBox | カートに入れる ]
 *======================================================================*/

.addCartBox {
	display: inline-block;
	position: relative;
	margin: 20px 0 0 0;
	color: #000;
	font-size: 15px;
	font-size: 1.5rem;
}

/* [ cartButton | 選択した商品をカートに入れるボタン ] */
.cartButton {
	display: table;
	position: relative;
	padding: 20px 20px 20px 80px;
	border: 1px solid;
	border-top-color: #f5af6c;
	border-right-color: #ca4d00;
	border-bottom-color: #b13100;
	border-left-color: #ed7a36;
	border-radius: 5px;
	box-sizing: border-box;
	background: rgb(238, 117, 0);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(238, 117, 0, 1) 0%, rgba(224, 64, 0, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 117, 0, 1)), color-stop(100%, rgba(224, 64, 0, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(238, 117, 0, 1) 0%, rgba(224, 64, 0, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, rgba(238, 117, 0, 1) 0%, rgba(224, 64, 0, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(238, 117, 0, 1) 0%, rgba(224, 64, 0, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee7500', endColorstr='#e04000', GradientType=0);
	/* IE6-9 */
	color: #fff;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.2;
	cursor: pointer;
}

.cartButton:hover {
	background: rgb(224, 64, 0);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(224, 64, 0, 1) 0%, rgba(238, 117, 0, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(224, 64, 0, 1)), color-stop(100%, rgba(238, 117, 0, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(224, 64, 0, 1) 0%, rgba(238, 117, 0, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, rgba(224, 64, 0, 1) 0%, rgba(238, 117, 0, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(224, 64, 0, 1) 0%, rgba(238, 117, 0, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e04000', endColorstr='#ee7500', GradientType=0);
	/* IE6-9 */
}

.cartButton:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 20px;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 0;
	background: url(/app/shared/svg/db-detail/icon_cart_button.svg) left top no-repeat;
	content: "";
}

/* [ addCart | カートに追加されました ] */
.addCart {
	display: none;
	position: absolute;
	min-width: 250px;
	bottom: 0;
	left: 100%;
	margin: 0 0 0 10px;
	padding: 20px 200px 20px 20px;
	border-radius: 5px;
	box-shadow: 1px 1px 4px;
	background: #ffe4d4;
}

.addCart:before {
	display: block;
	position: absolute;
	top: 50%;
	left: -10px;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 0;
	box-shadow: 1px 1px 4px;
	background: #ffe4d4;
	content: "";
	-webkit-transform: scale(1, .5) rotate(45deg);
	transform: scale(1, .5) rotate(45deg);
}

.addCart:after {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 0;
	background: #ffe4d4;
	content: "";
}

.addCart p strong {
	display: inline-block;
	margin: 0 5px;
}

.addCart p strong span {
	font-size: 20px;
	font-size: 2rem;
}

.addCart a {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 60px;
	margin: -15px 0 0 0;
	padding: 5px 15px;
	border-radius: 20px;
	background: #e85800;
	color: #fff;
}

.addCart a:hover {
	background: #ed7933;
	color: #fff !important;
}

.addCart button {
	position: absolute;
	right: 20px;
	bottom: 50%;
	padding: 0;
	border: 0;
	margin: 0 0 -12px 0;
	background: none;
	color: #464646;
	font-size: 30px;
	font-size: 3rem;
	line-height: 1;
	cursor: pointer;
}


/*======================================================================*
 *  [ productInformation | 商品情報 ]
 *======================================================================*/

.productInformation section {
	margin: 0 10px;
	padding: 10px 0;
	border-bottom: 1px dotted #bcbcbc;
}

.productInformation h2+section {
	border-top: 1px dotted #bcbcbc;
}

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

.productInformation h3 {
	float: left;
	width: 150px;
	padding: 0 0 0 5px;
	border-left: 5px solid #464646;
}

.productInformation section>div,
.productInformation section>p {
	float: right;
	width: 800px;
	margin: 0;
	padding: 0 10px;
	box-sizing: border-box;
}

/* [ table | テーブル ] */
.productInformation table,
.productInformation th,
.productInformation td {
	border: 1px solid #bcbcbc;
	text-align: center;
}

.productInformation th,
.productInformation td {
	padding: 5px;
}

.productInformation th {
	background: #f1f1f1;
}

.productInformation .kome {
	clear: both;
	margin: 15px 0 0 1em;
	font-size: 11px;
	font-size: 1.1rem;
	text-indent: -1em;
}

/* [ iconBox | 機能・システム ] */
.iconBox ul {
	display: inline-block;
	margin: -5px 10px 0 -5px;
	vertical-align: middle;
}

.iconBox li {
	float: left;
	list-style-type: none;
	margin: 5px 0 0 5px;
}

.iconBox li img {
	display: block;
	width: auto;
	height: 50px;
}

.iconBox .mfpOpenInline {
	display: inline-block;
	position: relative;
	padding: 0 0 0 12px;
	font-size: 11px;
	font-size: 1.1rem;
	cursor: pointer;
}

.iconBox .mfpOpenInline:before {
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 5px;
	height: 5px;
	margin: -1px 0 0 0;
	border-top: 2px solid #464646;
	border-right: 2px solid #464646;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}

/* [ sizeBox | サイズ ] */
.sizeBox dt {
	float: left;
	clear: both;
	width: 20%;
	margin: 0 0 2px 0;
	padding: 5px;
	background: #f1f1f1;
	font-weight: bold;
}

.sizeBox dd {
	float: left;
	margin: 0 0 2px 0;
	padding: 5px;
}

.sizeBox.newline dd {
	clear: both;
}

.sizeBox+p {
	clear: both;
	margin: 15px 0 0 1em;
	font-size: 11px;
	font-size: 1.1rem;
	text-indent: -1em;
}


/*======================================================================*
 *  [ productDetail | 商品詳細・使用方法 ]
 *======================================================================*/

/* [ image | 旧関連画像 ] */
.productDetail .image li {
	list-style-type: none;
	float: left;
	width: 20%;
	margin: 0 0 20px 0;
	padding: 0 6px;
	box-sizing: border-box;
}

.productDetail .image li:nth-child(5n+1) {
	clear: both;
}

.productDetail .image img {
	display: block;
	margin: 0 auto;
}

.productDetail .image p {
	max-width: 150px;
	margin: 10px auto 0 auto;
}

/* [ movie | 動画 ] */
.productDetail .movie {
	margin: 0 0 20px 0;
}

.productDetail .movie li {
	list-style-type: none;
	float: left;
	padding: 10px;
	box-sizing: border-box;
}

.productDetail .movie li>a {
	display: inline-block;
	padding: 2px 7px;
	border-left: 5px solid #464646;
	font-weight: bold;
}

.productDetail .pasteMovie.column1 li,
.productDetail .pasteMovie.column2 li,
.productDetail .pasteMovie.column4 li,
.productDetail .pasteMovie.column3 li,
.productDetail .pasteMovie.column5 li,
.productDetail .pasteMovie.column6 li,
.productDetail .pasteMovie.column7 li,
.productDetail .pasteMovie.column8 li,
.productDetail .pasteMovie.column9 li {
	width: 50%;
}

.productDetail .pasteMovie div {
	position: relative;
	width: 100%;
	margin: 10px 0 0 0;
	padding-top: 56.25%;
}

.productDetail .pasteMovie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


/*======================================================================*
 *  [ freeArea | フリーHTMLエリア ] 
 *======================================================================*/

.freeArea {
	margin: 0 0 50px 0;
	color: #464646;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.4;
}

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


/*======================================================================*
 *  [ productFaq | よくある質問 ] 
 *======================================================================*/

.productFaq dl {
	margin: 0 10px;
}

.productFaq dt,
.productFaq dd {
	position: relative;
}

.productFaq dt {
	padding: 5px 0 15px 37px;
	color: #000;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.2;
}

.productFaq dd+dt {
	margin: 15px 0 0 0;
}

.productFaq dd {
	padding: 0 0 20px 37px;
	border-bottom: 1px dotted #bcbcbc;
}

.productFaq dt:before,
.productFaq dd:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 27px;
	padding: 4px 0 5px 0;
	border-radius: 4px;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1;
	text-align: center;
}

.productFaq dt:before {
	background: #2d5da0;
	content: "Q";
}

.productFaq dd:before {
	background: #a03232;
	content: "A";
}


/*======================================================================*
 *  [ relatedProduct / recommendInformation | 補修部品・関連商品 / おすすめ情報 ] 
 *======================================================================*/

.relatedProduct h2,
.recommendInformation h2 {
	margin: 0 !important;
}

.relatedProductInner,
.recommendInformationInner {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items：stretch;
	align-items：stretch;
	position: relative;
	padding: 21px 21px 20px 20px;
	background: #e6e6e6;
}

.relatedProductInner:after,
.recommendInformationInner:after {
	/* [ IE9 ] */
	display: block;
	clear: both;
	content: "";
}

.relatedProductInner a,
.recommendInformationInner a {
	display: block;
	width: 20.1%;
	margin: -1px -1px 0 0;
	padding: 19px;
	border: 1px solid #bfc0c0;
	box-sizing: border-box;
	background: #fff;
	color: #000;
	text-align: center;
	z-index: 1;
}

:root .relatedProductInner a,
:root .recommendInformationInner a {
	/* [ IE9 ] */
	float: left\0/;
}

.relatedProductInner a:hover,
.recommendInformationInner a:hover {
	z-index: 2;
}

.relatedProductInner a div,
.recommendInformationInner a div {
	display: table-cell;
	vertical-align: middle;
}

.relatedProductInner a div img,
.recommendInformationInner a div img {
	display: block;
	margin: 0 auto;
}

.relatedProductInner a p,
.recommendInformationInner a p {
	margin: 10px 0 0 0;
	font-weight: bold;
	line-height: 1.2;
	text-align: left;
}

.relatedProductInner a p span,
.recommendInformationInner a p span {
	color: #666;
	font-weight: normal;
}


/*======================================================================*
 *  [ relatedProduct | 補修部品・関連商品 ] 
 *======================================================================*/

.relatedProduct a {
	width: 20.1%;
	padding: 19px;
}

:root .relatedProduct a:nth-child(5n+1) {
	/* [ IE9 ] */
	clear: both\0/;
}

.relatedProduct a div {
	width: 150px;
	height: 150px;
}

.relatedProduct a div img {
	max-width: 150px;
}

.relatedProduct a p {
	margin: 10px -5px 0 -5px;
}


/*======================================================================*
 *  [ recommendInformationInner | おすすめ情報 ] 2022.12 修正
 *======================================================================*/

.recommendInformation a {
	width: calc(50% - 10px);
	margin: 0 0 0 20px;
	padding: 14px;
	color: #000;
}

.recommendInformation a:nth-child(2n+1) {
	margin-left: 0;
}

.recommendInformation a:nth-child(2n)~a {
	margin-top: 20px;
}

:root .recommendInformation a:nth-child(2n+1) {
	/* [ IE9 ] */
	clear: both\0/;
}

.recommendInformation a div {
	width: 440px;
	height: auto;
}

.recommendInformation a div img {
	width: 440px;
}

.recommendInformation a p {
	font-size: 14px;
	font-size: 1.4rem;
}

.recommendInformation a p b {
	display: inline-block;
}

.recommendInformation a[target="_blank"] p b::after {
	display: inline-block;
	width: 0.8em;
	height: 1em;
	margin-left: 0.3em;
	background: url(../svg/icon_blank.svg) center center / contain no-repeat;
	vertical-align: middle;
	content: "";
}

.recommendInformation a p span {
	display: block;
	margin-top: 5px;
	color: #333;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 500;
}


/*======================================================================*
 *  [ supportInformation | サポート情報 ] 
 *======================================================================*/

.supportInformation {
	display: none;
	position: fixed;
	left: 50%;
	bottom: 0;
	width: 980px;
	margin: 0 0 10px -490px !important;
	border: 1px solid #cfd0d0;
	box-sizing: border-box;
	background: #676767;
	overflow: hidden;
	z-index: 10;
}

.supportInformation h2 {
	display: table-cell;
	position: relative;
	width: 120px;
	margin: 0 !important;
	padding: 0 0 0 10px !important;
	border-bottom: none !important;
	background: #404040;
	color: #fff;
	font-size: 14px !important;
	font-size: 1.4rem !important;
	vertical-align: middle;
	text-align: center;
}

.supportInformation ul {
	display: table-cell;
	padding: 5px 70px 5px 30px;
	background: url(/app/shared/img/db-detail/bg_support.png) left center no-repeat;
	background-size: 20px 100%;
	line-height: 1.2;
}

.supportInformation li {
	padding: 0 5px;
	display: inline-block;
	vertical-align: middle;
}

.supportInformation li a {
	display: inline-block;
	position: relative;
	padding: 10px 10px 10px 45px;
	color: #fff;
}

.supportInformation li a:hover {
	background: #404040;
	color: #fff !important;
}

.supportInformation li a:before {
	display: block;
	position: absolute;
	width: 30px;
	height: 20px;
	top: 50%;
	left: 10px;
	margin: -10px 5px 0 0;
	content: "";
}
.supportInformation .shop a:before { background: url(/app/shared/img/db-detail/icon_shop.png); }
.supportInformation .mounting a:before { background: url(/app/shared/img/db-detail/icon_mounting.png); }
.supportInformation .handling a:before { background: url(/app/shared/img/db-detail/icon_handling.png); }
.supportInformation .catalog a:before { background: url(/app/shared/img/db-detail/icon_catalog.png); }


/*======================================================================*
 *  [ magnific-popup | モーダルウインドウ（プラグイン） ] 
 *======================================================================*/

.mfp-content {
	max-width: 500px;
}

.mfpWin {
	position: relative;
	margin: 5px 0;
	padding: 20px;
	background: #fff;
}

.mfpWin .mfpCloseButton {
	display: block;
	width: 100%;
	margin: 20px 0 0 0;
	padding: 5px;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	background: #000;
	color: #fff;
	font-size: 20px;
	font-size: 2rem;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

.mfpWin .mfpCloseButton:hover {
	background: #666;
}

.mfpWin .mfpCloseButton:after {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2;
	content: "\A0閉じる";
}

/* [ mfpViewer | 360°ビューアー ] */
.mfpViewer .mfp-content {
	max-width: 500px !important;
	min-height: 500px !important;
}

.mfpViewer .mfp-content iframe {
	background: #fff;
}

/* [ iconWin | アイコンについて ] */
#iconWin .title {
	margin: 0 0 20px 0;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

#iconWin ul {
	border-top: 1px dotted #ccc;
}

#iconWin li {
	list-style-type: none;
	border-bottom: 1px dotted #ccc;
}

#iconWin li:after {
	display: block;
	clear: both;
	content: "";
}

#iconWin li img {
	display: block;
	float: left;
	width: auto;
	height: 50px;
	margin: 0 10px 10px 0;
}

#iconWin li p {
	margin: 10px 0;
	line-height: 1.4;
}