@charset "UTF-8";
/* base.cssに追加予定 */
.va-t { vertical-align: top !important; }
.va-m { vertical-align: middle; }
/* styles.cssに追加予定 */
span.sub { font-size: 0.714em; }
.w-auto { width: auto !important; }
.dsp-block_inline { display: inline-block; }

/* 商品特長、商品オプション用css */
.note-asterisk { line-height: 1.2; text-indent: -1.25em; padding-left: 1.25em; position: relative; line-height: 1.2 !important; }
.note-asterisk:before { content: "※"; display: inline-block; text-indent: 0; width: 1.25em; }
.article-main_pcusl #section06 table { border-collapse: collapse; }
.article-main_pcusl #section06 table th,
.article-main_pcusl #section06 table td {
	border: 1px solid #707070;
	padding: 0 1em;
	vertical-align: middle;
	text-align: center;
}
.article-main_pcusl #section06 table th:last-child,
.article-main_pcusl #section06 table td:last-child { background: #E9F5FC; }
.article-main_pcusl #section06 table th { padding: .5em 1em; }
.article-main_pcusl #section06 table th:last-child { color: #1D94E4; }
.article-main_pcusl #section06 table td img { display: block; margin: 0 auto; }
.article-main .border {
	border: 1px solid #DDD;
	padding: 10px !important;
	text-align: center;
}
.article-main .border img { vertical-align: top; }
.article-main .thumb img,
.article-main .border img,
.article-main .row.row-delimit img { width: 100%; }
.article-main.article-main_feature p + div,
.article-main.article-main_feature p + table { margin-top: 1.5em; }

.article-main_option .box-border {
	border: 1px solid #CCC;
	margin-top: 1em;
	padding: 1em;
}
.article-main_option table.style-simple {
	border-spacing: 0;
	border-top: 1px solid #CCC;
	margin-bottom: 1em;
	width: 100%;
}
	.article-main_option table.style-simple th,
	.article-main_option table.style-simple td {
		border-bottom: 1px dotted #CCC;
		padding: .5em .3em;
		vertical-align: middle;
	}
	.article-main_option table.style-simple th {
		background: #FAFAFA;
	}
	.article-main_option table.style-simple td,
	.article-main_option table.style-simple td + th,
	.article-main_option table.style-simple thead th + th {
		border-left: 1px solid #CCC;
	}

.article-main_option table.style-data.style-simple thead th { border-bottom: 1px solid #707070; }
.article-main_option table.style-data.style-simple tbody tr:nth-child(even) th { background: #FFF; }

@media print, screen and (min-width: 768px) {
	.title.lv3.fill:before { margin-top: 0; left: 15px; top: 20px; }
	.title.lv4.fill:before { margin-top: 0; left: 15px; top: 15px; }
	.nav-product_anchor li.null { border-right: none; }
	.article-main.article-main_feature,
	.article-main.article-main_option { width: 100%; }
	.article-main .row.nowrap {
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.article-main .row.natural > * { width: auto; }
		.article-main .row.natural .thumb { -webkit-flex-shrink: 0; flex-shrink: 0; }
	.article-main .row.img-left-bottom div { -webkit-order: 2; order: 2; }
	.article-main .row.img-left-bottom .thumb { -webkit-order: 1; order: 1; }
	.article-main .row.row-delimit { margin: 3em -30px 1em; }
		.article-main .row.row-delimit > div { padding: 0 30px; }
		.article-main .row.row-delimit > div + div { border-left: 1px dotted #CCC; }
		.article-main .row.row-delimit > div .title:first-child { margin-top: 0; }
	.article-main .row .row.row-delimit { margin-top: 0; }
	.img-zoom img { width: 100%; }
	.article-main.article-main_feature .title.lv2 { font-size: 2.4rem; }
	.article-main.article-main_feature .title.lv3 { font-size: 2.0rem; margin-bottom: 1.5em; }
	.article-main.article-main_feature p { line-height: 2; }
	.article-main.article-main_feature .title.lv2.fill { margin-bottom: 1.5em; }
	.article-main.article-main_feature * + .title.lv3.fill { margin-top: 2.5em; }
	.article-main.article-main_feature * + .title.lv3.line-b { margin-top: 3.0em; }
	.article-main.article-main_feature .catch + .title.lv3 { margin-top: 0 !important; }
}
@media only screen and (max-width: 767px) {
	.title.lv3.fill { padding-left: 25px; }
	.title.lv3.fill:before { left: 12px; top: 27px; }
	.title.lv4.fill { padding-left: 20px; }
	.title.lv4.fill:before { left: 10px; top: 17px; }
	img.no-scale { width: auto; }
	.article-main .row.img-right-top > .thumb { -webkit-align-self: center; align-self: center; }
	.article-main .table-wrap { margin-bottom: 1em; }
	.article-main th,
	.article-main td { width: auto; }
	.article-main th { white-space: nowrap; }
	.table.style-simple { table-layout: fixed; }
	.nav-product_anchor + .article-main_feature { margin-top: 25px; }
	.article-main.article-main_feature .title:first-child { margin-top: 0; }
	.article-main.article-main_feature .title ~ .title { margin-top: 2.5em; }
}
.article-header.article-header_feature { margin-bottom: 35px; width: 100% !important; }
.article-header.article-header_feature .title { border-bottom-color: #FFF; border-left: none; font-weight: bold; padding-left: 0; line-height: 1.2; }
@media print, screen and (min-width: 768px) {
	 .article-header.article-header_feature {
		 height: 195px;
		 padding: 50px 0 0 50px;
	}
	.article-header.article-header_feature .title { font-size: 2.4rem; width: 500px; }
	.article-header.article-header_feature .article-header_sp { background: none !important; }
}
@media only screen and (max-width: 767px) {
	 .article-header.article-header_feature {
		 background: #DDE4EE;
		 padding: 0;
	}
	.article-header.article-header_feature .article-header_sp {
		background-position: 100% 100%;
		background-repeat: no-repeat;
		background-size: auto 100%;
		margin: 0 -5px;
		padding: 20px 15px;
		padding-right: 110px;
		padding-right: calc( 100vw * 0.3437 );
		padding-right: -webkit-calc( 100vw * 0.3437 );
		position: relative;
	}
	.article-header.article-header_feature .title {
		font-size: 1.6rem; line-height: 1.2;
	}
	.article-header.article-header_feature .article-header_sub img {
		max-width: 137px;
		max-height: 14px;
	}
	/*itc only */
	#fanunitlay  > .span-6 {
		display: -webkit-flex;
		display: flex;
	}
}

/* PCU-NE */
@media print, screen and (min-width: 768px) {
	#pcu-ne_feature .nav-common_anchor li {
		width: 33.33%;
	}
}
.article-main_pcune #section01 .row {
	justify-content: center;
}
.article-main_pcune .table-wrap {
	margin-top: 1.5em;
}
.article-main_pcune table caption {
	font-weight: bold;
	padding-bottom: 5px;
}
.article-main_pcune table td, .article-main_pcune table caption {
	text-align: left;
}
.article-main_pcune table th {
	width: 150px;
	background: #006F9A !important;
	color: #fff;
}
@media only screen and (max-width: 767px) {
	.article-main_feature h2.title {
		margin-top: 30px !important;
	}
}

/* SP用テーブルスクロール */
@media only screen and (max-width: 767px) {
.article-main_option .scroll table {width:100%;}
.article-main_option .scroll {overflow:auto; white-space:nowrap;}
.article-main_option .scroll::-webkit-scrollbar {height:5px;}
.article-main_option .scroll::-webkit-scrollbar-track {background:#F1F1F1;}
.article-main_option .scroll::-webkit-scrollbar-thumb {background:#BCBCBC;}
}

@media print, screen and (min-width: 768px) {
  .sp_br {
    display: none;
  }
}

/* ENCオプション用DLリンク */
table .tag.tag-data {
	line-height: 1;
}
table .tag.tag-data img {
	margin-right: 5px;
	vertical-align: bottom;
	width: 12px;
}
h4 .tag.tag-data {
	border: 1px solid #CCC;
	border-radius: 4px;
	font-size: 1.2rem;
	line-height: 1;
	padding: 5px 10px;
	margin-left: 20px;
}
/*  */