@charset "UTF-8";
/* ==========================================================================
Foundation
========================================================================== */
/* ==========================================================================
Object
========================================================================== */
.c-heading-1, .p-product-heading__title {
	margin-bottom: 8px;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	-webkit-font-feature-settings: 'palt' 1;
					font-feature-settings: 'palt' 1;
	font-weight: bold;
	line-height: 1.4;
	font-size: 182%;
}
@media print, screen and (min-width: 48em) {
	.c-heading-1, .p-product-heading__title {
		font-size: 229%;
		margin-bottom: 16px;
	}
}

.c-heading-2, .p-product-module__heading {
	margin-bottom: 8px;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	-webkit-font-feature-settings: 'palt' 1;
					font-feature-settings: 'palt' 1;
	font-size: 153.9%;
	font-weight: bold;
	letter-spacing: 0.16em;
}
@media print, screen and (min-width: 61.25em) {
	.c-heading-2, .p-product-module__heading {
		margin-bottom: 12px;
		font-size: 167%;
		line-height: 1.5;
	}
}
.p-heading-block .c-heading-2, .p-heading-block .p-product-module__heading {
	margin-bottom: 0;
}

@media print, screen and (min-width: 48em) {
	.c-heading-2__break {
		display: none;
	}
}

/************************************
* リボン
************************************/
.c-heading-2--ribbon {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 12px;
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #014099;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	-webkit-font-feature-settings: unset;
					font-feature-settings: unset;
	font-weight: normal;
	font-size: 100%;
}

/************************************
* ボックス型
************************************/
.c-heading-2--box {
	box-sizing: border-box;
	position: relative;
	margin-bottom: 20px;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-right: 16px;
	padding-left: 16px;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	border-color: #cacaca;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	-webkit-font-feature-settings: unset;
					font-feature-settings: unset;
	font-weight: normal;
	font-size: 100%;
}
@media print, screen and (min-width: 48em) {
	.c-heading-2--box {
		margin-bottom: 30px;
		padding-top: 14px;
		padding-bottom: 12px;
		padding-right: 22px;
		padding-left: 22px;
	}
}
.browser-is-ie .c-heading-2--box {
	padding-top: 15px;
	padding-bottom: 7px;
}
@media print, screen and (min-width: 48em) {
	.browser-is-ie .c-heading-2--box {
		padding-top: 16px;
		padding-bottom: 10px;
	}
}
.c-heading-2--box:before {
	display: block;
	position: absolute;
	left: 0;
	top: -1px;
	width: 4px;
	height: calc(100% + 2px);
	background-color: #014099;
	content: "";
}

@media print, screen and (min-width: 48em) {
	.c-heading-2--margin_small {
		margin-bottom: 16px;
	}
}

.c-heading-2--simple {
	padding: 0;
	margin-bottom: 8px;
	border: none;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	-webkit-font-feature-settings: unset;
					font-feature-settings: unset;
	font-weight: normal;
	font-size: 100%;
}
@media print, screen and (min-width: 48em) {
	.c-heading-2--simple {
		margin-bottom: 20px;
	}
}
.c-heading-2--simple:before {
	display: none;
}

.c-heading-2--black {
	background-color: #333;
	border-color: #333;
	color: #fff;
}

.c-heading-2--gray {
	background-color: #f0f0f0;
	border-color: #f0f0f0;
}

.c-heading-2__title {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	-webkit-font-feature-settings: 'palt' 1;
					font-feature-settings: 'palt' 1;
	letter-spacing: 0.16em;
	font-weight: bold;
	font-size: 153.9%;
}
@media print, screen and (min-width: 61.25em) {
	.c-heading-2__title {
		margin-right: 27px;
		font-size: 167%;
	}
}
.browser-is-ie .c-heading-2--box .c-heading-2__title {
	position: relative;
	top: 2px;
}
.browser-is-ie .c-heading-2--ribbon .c-heading-2__title {
	position: relative;
	top: 4px;
}

.c-heading-2__desc {
	display: block;
	letter-spacing: 0.045em;
}
@media print, screen and (min-width: 48em) {
	.c-heading-2__desc {
		margin-top: 3px;
	}
}
.c-heading-2--simple .c-heading-2__desc {
	margin-top: 4px;
}
@media print, screen and (min-width: 48em) {
	.c-heading-2--simple .c-heading-2__desc {
		margin-top: 7px;
	}
}

.c-heading-2__img {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
	-ms-grid-column: 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
}

.c-heading-2__right-text {
	display: inline-block;
	margin-top: 4px;
	letter-spacing: 0.045em;
	color: #333;
}
@media print, screen and (min-width: 48em) {
	.c-heading-2__right-text {
		display: block;
		float: right;
	}
}
.c-heading-2--box .c-heading-2__right-text {
	margin-top: 2px;
}
.c-heading-2__right-text.c-heading-2__right-text--rss {
	margin-top: -3px;
}
.c-heading-2__right-text.c-heading-2__right-text--rss a {
	color: #2051b2;
}
@media print, screen and (min-width: 61.25em) {
	.c-heading-2__right-text.c-heading-2__right-text--rss a:hover {
		color: #009DFF;
	}
}
@media print, screen and (min-width: 61.25em) {
	.c-heading-2__right-text.c-heading-2__right-text--rss a:hover svg {
		opacity: 0.4;
	}
}
.c-heading-2__right-text.c-heading-2__right-text--rss svg {
	display: inline-block;
	position: relative;
	top: 5px;
	width: 20px;
	height: 20px;
	margin-left: 8px;
	transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}

a.c-heading-2__link {
	display: inline-block;
	margin-right: 16px;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	-webkit-font-feature-settings: unset;
					font-feature-settings: unset;
	letter-spacing: 0.045em;
	font-weight: normal;
	font-size: 100%;
	color: #2051b2;
}
@media print, screen and (min-width: 48em) {
	a.c-heading-2__link {
		margin-right: 0;
	}
}
@media print, screen and (min-width: 61.25em) {
	a.c-heading-2__link {
		font-size: 116%;
	}
}
.c-heading-2--black a.c-heading-2__link {
	color: #fff;
}
.c-heading-2--black a.c-heading-2__link:after {
	border-color: #fff;
}
.browser-is-ie .c-heading-2--ribbon a.c-heading-2__link {
	position: relative;
	top: 3px;
}
.c-heading-2--blank a.c-heading-2__link:after {
	width: 15px;
	height: 11px;
	border: none;
	background-image: url(//www.elecom.co.jp/common/svg/icon_blank_blue_02.svg);
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transform: translateX(0);
					transform: translateX(0);
}
.c-heading-2--blank a.c-heading-2__link:hover:after {
	background-image: url(//www.elecom.co.jp/common/svg/icon_blank_blue_01.svg);
	-webkit-transform: translateX(0);
					transform: translateX(0);
}
a.c-heading-2__link:after {
	display: inline-block;
	position: relative;
	top: -0.05em;
	width: 5px;
	height: 5px;
	margin-left: 8px;
	border-style: solid;
	border-width: 2px 2px 0 0;
	border-color: #2051b2;
	-webkit-transform: translateX(0) rotate(45deg);
					transform: translateX(0) rotate(45deg);
	content: "";
}
@media print, screen and (min-width: 48em) {
	a.c-heading-2__link:after {
		top: -0.1em;
	}
}
@media print, screen and (min-width: 61.25em) {
	a.c-heading-2__link:after {
		transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
		transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
		transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
}
@media print, screen and (min-width: 61.25em) {
	a.c-heading-2__link:hover {
		color: #009DFF;
	}
}
@media print, screen and (min-width: 61.25em) {
	a.c-heading-2__link:hover:after {
		border-color: #009DFF;
		-webkit-transform: translateX(3px) rotate(45deg);
						transform: translateX(3px) rotate(45deg);
	}
}
.c-heading-2--black a.c-heading-2__link:hover {
	color: #ccc;
}
.c-heading-2--black a.c-heading-2__link:hover:after {
	border-color: #ccc;
}

/*****************************************
* モディファイア
*****************************************/
.c-heading-2--img,
.c-heading-2--product-img {
	display: -ms-grid;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: 1fr auto;
	-ms-grid-columns: auto 1fr;
	-ms-grid-rows: 1fr auto;
}
.c-heading-2--img .c-heading-2__title,
.c-heading-2--product-img .c-heading-2__title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	-ms-grid-column: 2;
	-ms-grid-row: 1;
	padding-left: 18px;
}
.c-heading-2--img .c-heading-2__desc,
.c-heading-2--product-img .c-heading-2__desc {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	-ms-grid-column: 2;
	-ms-grid-row: 2;
	padding-left: 18px;
}

.c-heading-2--product-img {
	padding-top: 7px;
	padding-bottom: 5px;
}
@media print, screen and (min-width: 48em) {
	.c-heading-2--product-img {
		padding-top: 7px;
		padding-bottom: 5px;
	}
}
.c-heading-2--product-img .c-heading-2__img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
}
.c-heading-2--product-img .c-heading-2__img img {
	width: 30px;
	height: auto;
}
@media print, screen and (min-width: 48em) {
	.c-heading-2--product-img .c-heading-2__img img {
		width: 50px;
	}
}
@media only screen and (max-width: 47.9375em) {
	.c-heading-2--product-img .c-heading-2__title {
		padding-left: 10px;
	}
}

.c-heading-3 {
	margin-bottom: 15px;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	-webkit-font-feature-settings: 'palt' 1;
					font-feature-settings: 'palt' 1;
	font-size: 123.1%;
	font-weight: bold;
	color: #000;
	line-height: 1.4;
	letter-spacing: 0.085em;
}
@media print, screen and (min-width: 61.25em) {
	.c-heading-3 {
		margin-bottom: 12px;
		font-size: 116%;
	}
}
@media print, screen and (min-width: 48em) {
	.c-heading-3.c-heading-3--margin_small {
		margin-bottom: 5px;
	}
}
.c-heading-3 + .c-heading-3 {
	margin-top: 24px;
}
@media print, screen and (min-width: 48em) {
	.c-heading-3 + .c-heading-3 {
		margin-top: 24px;
	}
}

.c-heading-3--simple {
	margin-bottom: 8px;
	padding-left: 0;
	border: none;
	font-size: 100%;
}
@media print, screen and (min-width: 48em) {
	.c-heading-3--simple {
		margin-bottom: 12px;
	}
}

@media print, screen and (min-width: 48em) {
	.c-heading-3--margin_m {
		margin-bottom: 24px;
	}
}

.c-heading-3--business {
	color: #014099;
}

/************************************
* リボン
************************************/
.c-heading-3--ribbon {
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 12px;
	border-left: 4px #014099 solid;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	-webkit-font-feature-settings: unset;
					font-feature-settings: unset;
	font-weight: normal;
	font-size: 100%;
	line-height: 1.2;
}
@media print, screen and (min-width: 48em) {
	.c-heading-3--ribbon {
		margin-bottom: 15px;
	}
}
.browser-is-ie .c-heading-3--ribbon {
	padding-top: 4px;
}
.c-heading-3--ribbon:after {
	display: block;
	clear: both;
	content: "";
}

/************************************
* ボックス
************************************/
.c-heading-3--box {
	box-sizing: border-box;
	position: relative;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-right: 16px;
	padding-left: 16px;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	border-color: #cacaca;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	-webkit-font-feature-settings: unset;
					font-feature-settings: unset;
	font-weight: normal;
	font-size: 100%;
}
@media print, screen and (min-width: 48em) {
	.c-heading-3--box {
		padding-top: 8px;
		padding-bottom: 6px;
		padding-right: 16px;
		padding-left: 16px;
	}
}
.c-heading-3--box:before {
	display: block;
	position: absolute;
	left: 0;
	top: -1px;
	width: 4px;
	height: calc(100% + 2px);
	background-color: #014099;
	content: "";
}

.c-heading-3--gray {
	background-color: #f0f0f0;
	border-color: #f0f0f0;
}

.c-heading-3--black {
	background-color: #333;
	border-color: #333;
	color: #fff;
}

.c-heading-3__title {
	display: inline-block;
	margin-right: 10px;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	-webkit-font-feature-settings: 'palt' 1;
					font-feature-settings: 'palt' 1;
	font-size: 131%;
	font-weight: bold;
	word-break: break-all;
}
@media print, screen and (min-width: 61.25em) {
	.c-heading-3__title {
		margin-right: 25px;
	}
}
.c-heading-3--simple .c-heading-3__title {
	margin-right: 0;
}
.browser-is-ie .c-heading-3__title {
	position: relative;
	top: 2px;
}

.c-heading-3__sub {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	-webkit-font-feature-settings: unset;
					font-feature-settings: unset;
	font-weight: normal;
	letter-spacing: 0.045em;
	color: #333;
}
.c-heading-3--black .c-heading-3__sub {
	color: #fff;
}
.browser-is-ie .c-heading-3__sub {
	position: relative;
	top: 2px;
}

a.c-heading-3__sub--link {
	color: #2051b2;
}
a.c-heading-3__sub--link:after {
	display: inline-block;
	position: relative;
	top: -1px;
	width: 5px;
	height: 5px;
	margin-left: 8px;
	border-style: solid;
	border-width: 2px 2px 0 0;
	border-color: #2051b2;
	-webkit-transform: translateX(0) rotate(45deg);
					transform: translateX(0) rotate(45deg);
	content: "";
}
@media print, screen and (min-width: 61.25em) {
	a.c-heading-3__sub--link:after {
		transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
		transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
		transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
}
.c-heading-3--black a.c-heading-3__sub--link:after {
	border-color: #fff;
}
@media print, screen and (min-width: 61.25em) {
	a.c-heading-3__sub--link:hover {
		color: #009DFF;
	}
}
@media print, screen and (min-width: 61.25em) {
	a.c-heading-3__sub--link:hover:after {
		border-color: #009DFF;
		-webkit-transform: translateX(3px) rotate(45deg);
						transform: translateX(3px) rotate(45deg);
	}
}
.c-heading-3--black a.c-heading-3__sub--link {
	color: #fff;
}
.c-heading-3--black a.c-heading-3__sub--link:hover {
	color: #ccc;
}
@media print, screen and (min-width: 61.25em) {
	.c-heading-3--black a.c-heading-3__sub--link:hover:after {
		border-color: #ccc;
	}
}

.c-heading-3__right-text {
	float: right;
	margin-top: 4px;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	-webkit-font-feature-settings: 'palt' 1;
					font-feature-settings: 'palt' 1;
	font-weight: bold;
	letter-spacing: 0.045em;
	color: #333;
}
.c-heading-3--box .c-heading-3__right-text {
	margin-top: 2px;
}
.browser-is-ie .c-heading-3__right-text {
	position: relative;
	top: 2px;
}

.c-heading-3__tag {
	box-sizing: border-box;
	display: block;
	float: left;
	margin-bottom: 2px;
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 4px;
	padding-left: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #cacaca;
	font-size: 85%;
	letter-spacing: 0.045em;
}
@media print, screen and (min-width: 48em) {
	.c-heading-3__tag {
		margin-bottom: 0;
	}
}

.c-heading-3__icon {
	position: relative;
	margin-right: 8px;
}
.c-heading-3--personal .c-heading-3__icon {
	top: 1px;
	width: 15px;
	height: 17px;
}
.c-heading-3--business .c-heading-3__icon {
	top: 1px;
	width: 13px;
	height: 16px;
	fill: #014099;
}

.c-heading-3__img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
}
.c-heading-3__img img {
	display: block;
	width: 30px;
	height: auto;
}

.c-heading-3--img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.c-heading-3--img .c-heading-3__title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	padding-left: 8px;
}

.c-heading-3--icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 24px;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-right: 16px;
	padding-left: 16px;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	-webkit-font-feature-settings: unset;
					font-feature-settings: unset;
	font-weight: normal;
	font-size: 100%;
}
@media print, screen and (min-width: 48em) {
	.c-heading-3--icon {
		margin-bottom: 32px;
		padding-top: 15px;
		padding-bottom: 12px;
		padding-right: 16px;
		padding-left: 23px;
	}
}
.c-heading-3--icon .c-heading-3__title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	padding-left: 10px;
}

.c-heading-3--personal {
	background: #333;
	color: #fff;
}
.c-heading-3--personal svg {
	position: relative;
	top: -1px;
	width: 14px;
	height: 14px;
	fill: #fff;
}

.c-heading-3--business {
	background: #014099;
	color: #fff;
}
.c-heading-3--business svg {
	position: relative;
	top: -1px;
	width: 13px;
	height: 16px;
	fill: #fff;
}

.p-product-heading {
	margin-top: 18px;
	margin-bottom: 15px;
}
@media print, screen and (min-width: 40.0625em) {
	.p-product-heading {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
				-ms-flex-pack: justify;
						justify-content: space-between;
		-webkit-box-align: start;
				-ms-flex-align: start;
						align-items: flex-start;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}
}
@media print, screen and (min-width: 61.25em) {
	.p-product-heading {
		margin-top: 0;
	/*margin-bottom: 20px; 20190220*/
		margin-bottom: 30px;
	}
}

.p-product-heading__title {
	-webkit-box-flex: 1;
			-ms-flex: 1;
					flex: 1;
	font-size: 182%;
}
@media print, screen and (min-width: 40.0625em) {
	.p-product-heading__title {
		padding-right: 10px;
		line-height: 1.4;
	}
}
@media print, screen and (min-width: 48em) {
	.p-product-heading__title {
		margin-bottom: 5px;
	}
}
/*20190221 61.25em→80emに変更*/
@media print, screen and (min-width: 80em) {
	.p-product-heading__title {
		font-size: 229%;
	}
}
.browser-is-ie .p-product-heading__title {
	-webkit-box-flex: 1;
			-ms-flex: 1;
					flex: 1;
}
@media print, screen and (min-width: 61.25em) {
	.browser-is-ie .p-product-heading__title {
		margin-top: 3px;
	}
}

.p-product-heading__sub {
	display: block;
	font-size: 116%;
}
@media print, screen and (min-width: 48em) {
	.p-product-heading__sub {
		font-size: 167%;
	}
}

.p-product-heading__main {
	display: block;
	font-size: 182%;
	margin-top: 5px;
}
@media print, screen and (min-width: 48em) {
	.p-product-heading__main {
		margin-top: 10px;
		font-size: 277%;
	}
}

.p-product-heading__desc {
	width: 100%;
	margin-top: 3px;
}

@media print, screen and (min-width: 40.0625em) {
	.p-product-heading--product {
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #cacaca;
	}
}
.p-product-heading--product .p-product-heading__title {
	margin-bottom: 8px;
}
@media print, screen and (min-width: 61.25em) {
	.p-product-heading--product .p-product-heading__title {
		margin-bottom: 16px;
	}
}

@media print, screen and (min-width: 48em) {
	.p-product-heading--article {
		margin-bottom: 35px;
		padding-top: 10px;
	}
}
.p-product-heading--article .p-product-heading__title {
	margin-bottom: 0;
	font-size: 100%;
	line-height: 1.4;
}

.p-product-heading--visual {
	display: block;
	width: 100%;
	height: 90px;
	margin-bottom: 55px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
@media print, screen and (min-width: 61.25em) {
	.p-product-heading--visual {
		height: 80px;
		background-repeat: 0 0;
	}
}
.p-product-heading--visual .p-product-heading__title {
	margin-bottom: 0;
	padding-top: 26px;
	padding-right: 25px;
	padding-left: 25px;
	line-height: 1.75;
}
@media print, screen and (min-width: 61.25em) {
	.p-product-heading--visual .p-product-heading__title {
		padding-top: 18px;
	}
}

.p-product-heading--business {
	margin-top: 0;
	margin-bottom: 37px;
	background-image: url(/business/img/bg_business_heading_sp_01.jpg);
}
@media print, screen and (min-width: 61.25em) {
	.p-product-heading--business {
		margin-bottom: 55px;
		background-image: url(/business/img/bg_business_heading_pc_01.jpg);
	}
}

@media print, screen and (min-width: 48em) {
	.p-product-heading--info {
		margin-bottom: 20px;
	}
}

.p-product-heading--elesupport {
	margin-top: 0;
	margin-bottom: 30px;
	background-image: url(/support/elesupport/img/bg_elesupport_heading_sp_01.jpg);
}
@media print, screen and (min-width: 61.25em) {
	.p-product-heading--elesupport {
		background-image: url(/support/elesupport/img/bg_elesupport_heading_pc_01.jpg);
	}
}
.p-product-heading--elesupport .p-product-heading__title {
	font-size: 131%;
}
@media only screen and (max-width: 47.9375em) {
	.p-product-heading--elesupport .p-product-heading__title {
		padding-top: 11px;
	}
}
@media print, screen and (min-width: 48em) {
	.p-product-heading--elesupport .p-product-heading__title {
		padding-top: 24px;
	}
}
.p-product-heading--elesupport .p-product-heading__title > span {
	margin-right: 14px;
}
.p-product-heading--elesupport .p-product-heading__title > img {
	display: block;
}
@media print, screen and (min-width: 48em) {
	.p-product-heading--elesupport .p-product-heading__title > img {
		display: inline-block;
		vertical-align: bottom;
	}
}

.p-product-module {
	width: 100%;
	margin-bottom: 20px;
}
/*20190221 margin-bottom50px→30px*/
@media print, screen and (min-width: 40.0625em) {
	.p-product-module {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 30px;
	}
}

.p-product-module__image-area {
	width: 100%;
	margin-bottom: 20px;
}
@media print, screen and (min-width: 40.0625em) {
	.p-product-module__image-area {
		width: 200px;
		margin-bottom: 0;
	}
}
@media print, screen and (min-width: 61.25em) {
	.p-product-module__image-area {
		width: 250px;
	}
}
@media print, screen and (min-width: 80em) {
	.p-product-module__image-area {
		/*width: 352px; 20190220*/
		width: 300px;
	}
}

.p-product-module__text-area {
	-webkit-box-flex: 1;
			-ms-flex: 1;
					flex: 1;
	width: 100%;
}
@media print, screen and (min-width: 40.0625em) {
	.p-product-module__text-area {
		margin-left: 15px;
	}
}
@media print, screen and (min-width: 61.25em) {
	.p-product-module__text-area {
		margin-left: 30px;
	}
}
@media print, screen and (min-width: 80em) {
	.p-product-module__text-area {
		/*margin-left: 60px; 20190220*/
		margin-left: 30px;
	}
}

.p-product-module__section {
	margin-bottom: 7px;
}
@media print, screen and (min-width: 40.0625em) {
	.p-product-module__section {
		margin-bottom: 17px;
	}
}
.p-product-module__section:last-child {
	margin-bottom: 0;
}

.p-product-module__buttons {
	display: none;
	-webkit-box-pack: end;
			-ms-flex-pack: end;
					justify-content: flex-end;
	-webkit-box-align: start;
			-ms-flex-align: start;
					align-items: flex-start;
	margin-bottom: 20px;
}
@media print, screen and (min-width: 61.25em) {
	.p-product-module__buttons {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}
.p-product-module__buttons .c-button-2 {
	margin-right: 10px;
}
.p-product-module__buttons .c-button-2:last-child {
	margin-right: 0;
}

.p-product-module__heading {
	margin-bottom: 12px;
	font-size: 182%;
}
@media print, screen and (min-width: 40.0625em) {
	.p-product-module__heading {
		margin-bottom: 7px;
		margin-top: 1em;
	}
}
/*20190221 61.25em→80emに変更*/
@media print, screen and (min-width: 80em) {
	.p-product-module__heading {
		font-size: 229%;
	}
}
.p-product-module__heading span {
	display: block;
	line-height: 1;
	margin-bottom: 3px;
	font-size: 69%;
}
@media print, screen and (min-width: 40.0625em) {
	.p-product-module__heading span {
		margin-bottom: 3px;
		font-size: 69%;
	}
}

.p-product-module__description {
	margin-bottom: 12px;
	line-height: 1.4;
}
@media print, screen and (min-width: 40.0625em) {
	.p-product-module__description {
		margin-bottom: 15px;
		line-height: 1.75;
	}
}

.p-product-module__icon-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
			flex-wrap: wrap;
}
.p-product-module__icon-list > li {
	margin-bottom: 5px;
	margin-right: 5px;
}
@media print, screen and (min-width: 40.0625em) {
	.p-product-module__icon-list > li {
		margin-bottom: 10px;
		margin-right: 10px;
	}
}
.p-product-module__icon-list > li:last-child {
	margin-right: 0;
}
.p-product-module__icon-list > li img {
	display: block;
}

.p-product-module__label-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		align-items: center;
}
.p-product-module__label-list > li {
	margin-bottom: 10px;
	margin-right: 15px;
}
@media print, screen and (min-width: 40.0625em) {
	.p-product-module__label-list > li {
		margin-bottom: 15px;
		margin-right: 15px;
	}
}
.p-product-module__label-list > li:last-child {
	margin-right: 0;
}
.p-product-module__label-list > li img {
	display: block;
}

.p-product-carousel {
	box-sizing: border-box;
	position: relative;
	width: 100%;
}
@media only screen and (max-width: 40em) {
	.p-product-carousel {
		overflow: hidden;
	}
}
@media print, screen and (min-width: 40.0625em) {
	.p-product-carousel {
		width: 200px;
		height: 200px;
		margin-bottom: 18px;
	}
}
@media print, screen and (min-width: 61.25em) {
	.p-product-carousel {
		width: 250px;
		height: 250px;
		cursor: pointer;
	}
}
@media print, screen and (min-width: 80em) {
	.p-product-carousel {
		/*width: 352px; 20190220*/
		/*height: 352px; 20190220*/
		width: 300px;
		height: 300px;
	}
}
.p-product-carousel:before {
	display: block;
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	border-style: solid;
	border-width: 1px;
	border-color: #cacaca;
	content: "";
	box-sizing: content-box;
}
@media print, screen and (min-width: 61.25em) {
	.p-product-carousel:hover .p-product-carousel__icon:after {
		border-color: transparent transparent #555555 transparent;
	}
}

.p-product-carousel__icon {
	display: none;
	position: absolute;
	z-index: 4;
	bottom: 0;
	right: 0;
	width: 36px;
	height: 36px;
}
@media print, screen and (min-width: 40.0625em) {
	.p-product-carousel__icon {
		display: block;
	}
}
.p-product-carousel__icon:after {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 36px 36px;
	border-color: transparent transparent #333333 transparent;
	content: "";
	transition: border-color ease 0.15s;
}
.p-product-carousel__icon svg {
	position: absolute;
	z-index: 4;
	bottom: 4px;
	right: 4px;
	width: 12px;
	height: 12px;
	fill: #fff;
}

.p-product-carousel__slider {
	width: 100%;
	transition: -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
	transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
	transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
}
.p-product-carousel__slider:after {
	display: block;
	clear: both;
	content: "";
}

.p-product-carousel__slider-body {
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	width: 50%;
}
.is-product-top .p-product-carousel__slider-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media print, screen and (min-width: 40.0625em) {
	.is-product-top .p-product-carousel__slider-body {
		display: block;
		width: 100%;
	}
}

.p-product-carousel__slider-item {
	display: none;
	width: 100%;
}
@media print, screen and (min-width: 40.0625em) {
	.p-product-carousel__slider-item {
		opacity: 0;
		display: block;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		transition: all ease 0.3s;
	}
}
.p-product-carousel__slider-item:first-child {
	display: block;
}
@media print, screen and (min-width: 40.0625em) {
	.p-product-carousel__slider-item.is-current {
		opacity: 1;
		z-index: 2;
	}
}
.p-product-carousel__slider-item img {
	display: block;
	width: 100%;
	transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
	.p-product-carousel:hover .p-product-carousel__slider-item img {
		opacity: 0.6;
	}
}

.p-product-print-header {
	height: 50px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #cacaca;
	text-align: left;
	line-height: 1.75;
}

.p-product-print-header__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
			-ms-flex-pack: justify;
					justify-content: space-between;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	position: relative;
	width: 100%;
	max-width: 980px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
}

.p-product-print-header__title {
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	-webkit-font-feature-settings: 'palt' 1;
					font-feature-settings: 'palt' 1;
	font-weight: bold;
	font-size: 153.9%;
}

.p-product-print-header__logo {
	box-sizing: border-box;
	position: relative;
	height: auto;
	padding: 0;
	background-color: #fff;
	z-index: 200;
}
.p-product-print-header__logo svg {
	display: block;
	width: 98px;
	height: 23px;
}

.p-product-print-container {
	position: relative;
}
.p-product-print-container.p-product-print-container--border {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #cacaca;
}

.p-product-print-container__inner {
	width: 100%;
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}
.p-product-print-container__inner > section {
	margin-bottom: 15px;
}
.p-product-print-container__inner .c-heading-2, .p-product-print-container__inner .p-product-module__heading {
	margin-bottom: 10px;
	font-size: 123.1%;
}
.p-product-print-container__inner .c-list > li {
	margin-bottom: 7px;
	font-size: 85%;
	line-height: 1.4;
}
.p-product-print-container__inner .c-list > li:last-child {
	margin-bottom: 0;
}
.p-product-print-container__inner .c-table th, .p-product-print-container__inner .c-table td {
	padding-top: 10px;
	padding-bottom: 8px;
	font-size: 85%;
	line-height: 1.4;
}

.p-product-print-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.p-product-print-heading__item:first-child {
	-webkit-box-flex: 1;
			-ms-flex: 1;
					flex: 1;
}
.p-product-print-heading__item:last-child {
	width: 180px;
}
.p-product-print-heading__item img {
	display: block;
	width: 100%;
}

.p-product-print-heading__line {
	margin-bottom: 10px;
}

.p-product-print-heading__label {
	box-sizing: border-box;
	display: inline-block;
	margin-bottom: 8px;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-right: 4px;
	padding-left: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #333;
	font-size: 69%;
}

.p-product-print-heading__main {
	font-size: 123.1%;
}
.p-product-print-heading__main .p-product-print-heading__number {
	font-size: 61%;
}
.p-product-print-heading__main .p-product-print-heading__text {
	font-size: 53%;
}

.p-product-print-heading__sub {
	display: block;
	padding-top: 7px;
	font-size: 100%;
	line-height: 1;
}

.p-product-print-leading {
	margin-bottom: 20px;
	font-size: 85%;
	line-height: 1.4;
}

.p-product-print-footer {
	margin-bottom: 30px;
	padding-top: 15px;
	padding-bottom: 9px;
	border-style: solid;
	border-width: 4px;
	border-color: #014099;
	color: #014099;
}

.p-product-print-footer__text {
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	-webkit-font-feature-settings: 'palt' 1;
					font-feature-settings: 'palt' 1;
	font-weight: bold;
	font-size: 123.1%;
	text-align: center;
	letter-spacing: 3px;
}

.p-product-print-footer__block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
}

.p-product-print-footer__item {
	margin-right: 20px;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	-webkit-font-feature-settings: 'palt' 1;
					font-feature-settings: 'palt' 1;
	font-weight: bold;
	text-align: center;
}
.p-product-print-footer__item:last-child {
	margin-right: 0;
}
.p-product-print-footer__item svg {
	margin-right: 4px;
	fill: #014099;
}
/*20190411 font-size変更*/
.p-product-print-footer__small {
	margin-right: 4px;
	font-size: 93%!important;
	line-height: 1.2!important;
	text-align: left!important;
	display: inline-block;
}

/*20190411 font-size変更*/
.p-product-print-footer__number {
	font-size: 224%;
}

.p-product-print-footer__tel-icon {
	width: 13px;
	height: 17px;
}

.p-product-print-footer__fax-icon {
	width: 18px;
	height: 19px;
}

.p-product-table {
	margin-bottom: 20px;
}
@media print, screen and (min-width: 40.0625em) {
	.p-product-table {
		margin-bottom: 15px;
	}
}
.p-product-table::-webkit-scrollbar {
	height: 5px;
}
.p-product-table::-webkit-scrollbar-track {
	border-radius: 5px;
	background: #eee;
}
.p-product-table::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #666;
}

.p-product-table__table {
	min-width: 1400px;
	width: 100%;
}
@media print, screen and (min-width: 40.0625em) {
	.p-product-table__table {
		min-width: auto;
	}
}
.p-product-table__table tr.is-active {
	background-color: #ffffe6;
}
.p-product-table__table tr.is-active .p-link-arrow {
	color: #333;
}
.p-product-table__table tr.is-active .p-link-arrow:after {
	display: none;
}
.p-product-table__table tr.is-active .p-product-table__label--code:after {
	display: inline-block;
	width: 7em;
	font-weight: bold;
	content: "（表示製品）";
}
@media only screen and (max-width: 40em) {
	.p-product-table__table tr {
		border-top: solid 1px #cacaca;
		display: block;
		padding: 5px 0;
	}
	.p-product-table__table tr:last-child {
		border-bottom: solid 1px #cacaca;
	}
}
@media only screen and (max-width: 40em) {
	.p-product-table__table tr.u-only-pc {
		display: none;
	}
}
.p-product-table__table th {
	padding-top: 7px;
	padding-bottom: 5px;
	padding-right: 12px;
	padding-left: 12px;
	border-width: 1px;
	border-style: solid;
	border-color: #cacaca;
	background-color: #f0f0f0;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	-webkit-font-feature-settings: 'palt' 1;
					font-feature-settings: 'palt' 1;
	font-weight: bold;
	vertical-align: top;
}
@media print, screen and (min-width: 40.0625em) {
	.p-product-table__table th {
		font-size: 100%;
	}
}
.browser-is-ie .p-product-table__table th {
	padding-top: 8px;
	padding-bottom: 4px;
}
.p-product-table__table th:nth-child(1) {
	width: 30%;
}
.p-product-table__table th:nth-child(2) {
	width: 35%;
}
.p-product-table__table th:nth-child(3) {
	width: 22%;
}
.p-product-table__table th:nth-child(4) {
	width: 13%;
}
.p-product-table__table td {
	padding-top: 11px;
	padding-bottom: 9px;
	padding-right: 12px;
	padding-left: 12px;
	border-width: 1px;
	border-style: solid;
	border-color: #cacaca;
	vertical-align: top;
}
.p-product-table__table td.p-product-table__price-cell span.p-product-table__label--price{
	font-weight: normal;
}
.p-product-table__table td.p-product-table__price-cell span{
	font-weight: bold;
}
@media only screen and (max-width: 40em) {
	.p-product-table__table td {
		display: block;
		position: relative;
		width: 100%;
		min-height: 18px;
		margin-bottom: 2px;
		padding: 0;
		border: none;
	}
}
@media only screen and (max-width: 40em) {
	.p-product-table__table td > span {
		display: block;
		position: relative;
		margin: 0 0 0 102px;
		line-height: 1.4;
	}
}
@media only screen and (max-width: 40em) {
	.p-product-table__table td > span:before {
		display: inline-block;
		position: absolute;
		left: -3em;
		width: 3em;
	}
}
@media only screen and (max-width: 40em) {
	.p-product-table__table td.f-input-txt-cell {
		margin-bottom: 6px;
	}
}
@media only screen and (max-width: 40em) {
	.p-product-table__table td.f-input-txt-cell:last-child {
		margin-bottom: 2px;
	}
}
@media only screen and (max-width: 40em) {
	.p-product-table__table td.f-input-txt-cell.p-product-table__image-cell {
		margin-bottom: 2px;
	}
}
@media print, screen and (min-width: 40.0625em) {
	.p-product-table__table td .p-product-table__label--code {
		display: block;
		margin-bottom: 2px;
		line-height: 1.4;
	}
}
@media only screen and (max-width: 40em) {
	.p-product-table__table td .p-product-table__label--code:before {
		content: "型番";
	}
}
.p-product-table__table td .p-product-table__label--code a {
	font-weight: bold;
	word-break: break-all;
}
@media only screen and (max-width: 40em) {
	.p-product-table__table td .p-product-table__small-text {
		font-size: 100%;
	}
}
@media only screen and (max-width: 40em) {
	.p-product-table__table td .p-product-table__small-text.p-product-table__small-text--jan:before {
		content: "JAN";
	}
}
@media only screen and (max-width: 40em) {
	.p-product-table__table td .p-product-table__label--feature:before {
		content: "特長";
	}
}
.p-product-table__table td .p-product-table__label--price {
	font-weight: bold;
}
@media only screen and (max-width: 40em) {
	.p-product-table__table td .p-product-table__label--price:before {
		font-weight: normal;
		content: "価格";
	}
}
.p-product-table__table td .p-product-table__label--price > span {
	/*font-weight: normal;*/
}
@media only screen and (max-width: 40em) {
	.p-product-table__table td .p-product-table__label--price > span {
		display: inline;
	}
}
@media only screen and (max-width: 40em) {
	.p-product-table__table td .p-product-table__label--price > span:before {
		/*content: "／";*/
		width: 1em;
	}
}
@media only screen and (max-width: 40em) {
	.p-product-table__table td .p-product-table__label--note:before {
		content: "備考";
		color: #333;
		font-weight: normal;
	}
}
.p-product-table__table .p-product-table__image-cell {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 12px;
	padding-left: 0;
}
.p-product-table__table .p-product-table__image-cell img {
	display: block;
	max-width: 53px;
	max-height: 53px;
	border-style: solid;
	border-width: 1px;
	border-color: #cacaca;
}
.p-product-table__table .p-product-table__scroll-guide {
	display: none;
	padding-top: 0;
	padding-bottom: 6px;
	padding-right: 0;
	padding-left: 0;
	border: none;
}
.p-product-table__table .p-product-table__scroll-guide.is-show {
	display: table-cell;
}

.p-product-table__image {
	position: absolute;
	padding-top: 5px;
	top: 0;
	left: 0;
}
@media print, screen and (min-width: 40.0625em) {
	.p-product-table__image {
		position: relative;
		float: left;
		padding-bottom: 5px;
		padding-right: 10px;
		padding-left: 5px;
	}
}

.p-product-table__side-text {
	margin-left: 102px;
}
@media print, screen and (min-width: 40.0625em) {
	.p-product-table__side-text {
		padding-top: 11px;
		padding-bottom: 12px;
		margin-left: 0;
	}
}
.p-product-table__side-text span {
	position: relative;
}
@media print, screen and (min-width: 61.25em) {
	.p-product-table__side-text span {
		line-height: 1;
	}
}
.p-product-table__side-text span:before {
	position: absolute;
	left: -3em;
}
.p-product-table__side-text a {
	color: #2051b2;
}
@media print, screen and (min-width: 61.25em) {
	.p-product-table__side-text a:hover {
		color: #009DFF;
	}
}
.is-active .p-product-table__side-text a {
	pointer-events: none;
}

.p-product-table--size_small {
	min-width: 100%;
}
@media print, screen and (min-width: 40.0625em) {
	.p-product-table--size_small {
		min-width: auto;
	}
}

.p-product-table__head-desc {
	font-size: 77%;
	font-weight: normal;
	margin-left: 5px;
}

.p-product-table__row--no_border {
	border-top: none;
}
.p-article-wp-area .p-product-table__row--no_border {
	border-top: none;
}
.p-product-table__row--no_border th {
	padding-top: 0;
}

.p-product-table--column_2 {
	min-width: 0;
}

.p-product-table__small-text {
	display: block;
	font-size: 81%;
}

.p-product-table__emphasis{
	font-weight: bold;
}
/*近日発売*/
.p-product-table__emphasis.remarks-00{color: #cc0202;}
/*新商品*/
.p-product-table__emphasis.remarks-01{color: #cc0202;}
/*発売中*/
.p-product-table__emphasis.remarks-02{display:none;}
/*在庫限定*/
.p-product-table__emphasis.remarks-03{color: #ff3300;}
/*販売終了*/
.p-product-table__emphasis.remarks-04{color: #666;}


.p-product-section {
	margin-bottom: 25px;
}
@media print, screen and (min-width: 48em) {
	.p-product-section {
		margin-bottom: 37px;
	}
}
.p-product-section:last-child {
	margin-bottom: 0;
}

.p-product-heading-1 {
	margin-bottom: 10px;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	-webkit-font-feature-settings: 'palt' 1;
					font-feature-settings: 'palt' 1;
	font-size: 123.1%;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.085em;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 12px;
	border-left: 4px #014099 solid;
}
@media print, screen and (min-width: 48em) {
	.p-product-heading-1 {
		margin-bottom: 15px;
		font-size: 131%;
	}
}

.p-product-heading-2 {
	margin-bottom: 8px;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	-webkit-font-feature-settings: 'palt' 1;
					font-feature-settings: 'palt' 1;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.085em;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 12px;
	border-left: 4px #014099 solid;
}
@media print, screen and (min-width: 48em) {
	.p-product-heading-2 {
		margin-bottom: 12px;
		font-size: 116%;
	}
}

.p-product-paragraph {
	margin-top: 10px;
	margin-bottom: 10px;
}
.p-product-paragraph:first-child {
	margin-top: 0;
}
.p-product-paragraph:last-child {
	margin-bottom: 0;
}
.p-product-paragraph + p {
	margin-top: 15px;
}

.p-product-image {
	width: 100%;
}
@media print, screen and (min-width: 48em) {
	.p-product-image {
		width: auto;
	}
}

.p-product-image--main {
	width: 100%;
	margin-bottom: 25px;
}
@media print, screen and (min-width: 48em) {
	.p-product-image--main {
		margin-bottom: 37px;
	}
}

.p-product-accordion-panel {
	position: relative;
	margin-bottom: 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #cacaca;
	box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
}
@media print, screen and (min-width: 48em) {
	.p-product-accordion-panel {
		margin-bottom: 20px;
	}
}
.p-product-accordion-panel.is-close {
	transition: box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
	.p-product-accordion-panel.is-close:hover {
		box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.2);
	}
}

.p-product-accordion-panel__heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
			-ms-flex-pack: start;
					justify-content: flex-start;
	-webkit-box-align: start;
			-ms-flex-align: start;
					align-items: flex-start;
	position: relative;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-right: 50px;
	padding-left: 16px;
}
@media print, screen and (min-width: 48em) {
	.p-product-accordion-panel__heading {
		padding-top: 20px;
		padding-bottom: 16px;
		padding-right: 50px;
		padding-left: 28px;
	}
}
.p-product-accordion-panel__heading:before {
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 6px;
	height: calc(100% + 1px);
	background-color: #014099;
	content: "";
}
.p-product-accordion-panel__heading:after {
	display: block;
	position: absolute;
	bottom: -1px;
	left: 15px;
	width: calc(100% - 30px);
	height: 1px;
	background-color: #cacaca;
	content: "";
}
@media print, screen and (min-width: 48em) {
	.p-product-accordion-panel__heading:after {
		left: 28px;
		width: calc(100% - 56px);
	}
}

.p-product-accordion-panel__heading-label {
	display: none;
	margin-top: -5px;
	margin-bottom: -3px;
	margin-right: 10px;
}
@media print, screen and (min-width: 48em) {
	.p-product-accordion-panel__heading-label {
		display: block;
	}
}
.p-product-accordion-panel__heading-label img {
	display: block;
	width: 44px;
}
@media print, screen and (min-width: 48em) {
	.p-product-accordion-panel__heading-label img {
		width: auto;
	}
}

.p-product-accordion-panel__heading-text {
	display: block;
	-webkit-box-flex: 1;
			-ms-flex: 1;
					flex: 1;
	width: 100%;
	padding-right: 5px;
	font-weight: normal;
	line-height: 1.4;
}
.p-product-accordion-panel__heading-text span {
	display: block;
	margin-top: 2px;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	-webkit-font-feature-settings: 'palt' 1;
					font-feature-settings: 'palt' 1;
	font-weight: bold;
	font-size: 153.9%;
	color: #014099;
	transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
	.p-product-accordion-panel__heading-text span {
		font-size: 213%;
	}
}
@media print, screen and (min-width: 61.25em) {
	a:hover .p-product-accordion-panel__heading-text span {
		color: #009DFF;
	}
}

.p-product-accordion-panel__heading-icon {
	display: none;
	max-height: 64px;
	padding-right: 22px;
}
@media print, screen and (min-width: 48em) {
	.p-product-accordion-panel__heading-icon {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}
.p-product-accordion-panel__heading-icon img {
	display: block;
	height: 100%;
	max-height: 64px;
	margin-right: 10px;
}
.p-product-accordion-panel__heading-icon img:last-child {
	margin-right: 0;
}

.p-product-accordion-panel__icon {
	right: 28px;
}

.p-product-accordion-panel__inner {
	margin-top: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 15px;
}
@media print, screen and (min-width: 48em) {
	.p-product-accordion-panel__inner {
		padding-top: 25px;
		padding-bottom: 28px;
		padding-right: 28px;
		padding-left: 28px;
	}
}

.p-product-section {
	margin-bottom: 25px;
}
@media print, screen and (min-width: 48em) {
	.p-product-section {
		margin-bottom: 37px;
	}
}
.p-product-section:last-child {
	margin-bottom: 0;
}

.p-product-section-heading-1 {
	margin-bottom: 10px;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	-webkit-font-feature-settings: 'palt' 1;
					font-feature-settings: 'palt' 1;
	font-size: 131%;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.085em;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 12px;
	border-left: 4px #014099 solid;
}
@media print, screen and (min-width: 48em) {
	.p-product-section-heading-1 {
		margin-bottom: 15px;
	}
}
.browser-is-ie .p-product-section-heading-1 {
	padding-top: 4px;
}
.p-product-section-heading-1:after {
	display: block;
	clear: both;
	content: "";
}

.p-product-section-heading-1--simple {
	border: none;
	padding-left: 0;
}
@media print, screen and (min-width: 48em) {
	.p-product-section-heading-1--simple {
		margin-bottom: 12px;
	}
}

.p-product-section-heading-1--sp_hidden {
	display: none;
}
@media print, screen and (min-width: 48em) {
	.p-product-section-heading-1--sp_hidden {
		display: block;
	}
}

@media print, screen and (min-width: 48em) {
	.p-product-section-heading-1--margin_m {
		margin-bottom: 24px;
	}
}

.p-product-section-heading-1__title {
	display: block;
	float: left;
	margin-right: 10px;
}
@media print, screen and (min-width: 61.25em) {
	.p-product-section-heading-1__title {
		margin-right: 25px;
	}
}

.p-product-section-heading-1__sub {
	display: inline-block;
	vertical-align: middle;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	-webkit-font-feature-settings: unset;
					font-feature-settings: unset;
	font-weight: normal;
	font-size: 81%;
	color: #333;
}
@media print, screen and (min-width: 61.25em) {
	.p-product-section-heading-1__sub {
		font-size: 77%;
	}
}

.p-product-section-heading-1__sub--link:after {
	display: inline-block;
	width: 5px;
	height: 9px;
	margin-left: 9px;
	background-image: url(//www.elecom.co.jp/common/svg/icon_arrow_right_black_01_pc.svg);
	content: "";
	transition: all ease 0.1s;
}
@media print, screen and (min-width: 61.25em) {
	.p-product-section-heading-1__sub--link:hover {
		color: #009DFF;
	}
}
@media print, screen and (min-width: 61.25em) {
	.p-product-section-heading-1__sub--link:hover:after {
		background-image: url(//www.elecom.co.jp/common/svg/icon_arrow_right_blue_01_pc.svg);
	}
}

.p-product-section-heading-1__right-text {
	float: right;
	margin-top: 4px;
	font-size: 77%;
}

.p-product-section-heading-1__tag {
	box-sizing: border-box;
	display: block;
	float: left;
	margin-bottom: 2px;
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 4px;
	padding-left: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #cacaca;
	font-size: 85%;
}
@media print, screen and (min-width: 48em) {
	.p-product-section-heading-1__tag {
		margin-bottom: 0;
	}
}

.p-product-section-heading-2 {
	margin-bottom: 8px;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	-webkit-font-feature-settings: 'palt' 1;
					font-feature-settings: 'palt' 1;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.085em;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 12px;
	border-left: 4px #014099 solid;
}
@media print, screen and (min-width: 48em) {
	.p-product-section-heading-2 {
		margin-bottom: 12px;
		font-size: 116%;
	}
}

.p-product-paragraph {
	margin-top: 10px;
	margin-bottom: 10px;
}
.p-product-paragraph:first-child {
	margin-top: 0;
}
.p-product-paragraph:last-child {
	margin-bottom: 0;
}
.p-product-paragraph + p {
	margin-top: 15px;
}
.p-product-paragraph a {
	color: #2051b2;
}
.p-product-paragraph a:hover {
	color: #009DFF;
}

.p-product-image {
	display: block;
	width: 100%;
	margin-bottom: 12px;
}
@media print, screen and (min-width: 48em) {
	.p-product-image {
		width: auto;
		margin-bottom: 14px;
	}
}

.p-product-image--main {
	width: 100%;
	margin-bottom: 25px;
}
@media print, screen and (min-width: 48em) {
	.p-product-image--main {
		width: 100%;
		margin-bottom: 30px;
	}
}

.img-kanban {
	width: 100%;
	margin: 0;
	padding: 0;
}
@media print, screen and (min-width: 48em) {
	.img-kanban {
		/* width: 700px; */
		/* 変更 */
		margin: 0 auto 1em;
		/* 追加 */
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
				-ms-flex-pack: center;
						justify-content: center;
		-webkit-box-align: start;
				-ms-flex-align: start;
						align-items: flex-start;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}
}
.img-kanban img {
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
@media print, screen and (min-width: 48em) {
	.img-kanban img {
		flex-shrink: 0;
		/* 追加 */
		width: auto;
		max-width: 100%;
		margin-bottom: 20px;
	}
}

#img-kanban-01 img,
#img-kanban-02 img,
#img-kanban-03 img {
	margin: 0 0 5% 0;
}
@media print, screen and (min-width: 48em) {
	#img-kanban-01 img,
	#img-kanban-02 img,
	#img-kanban-03 img {
		margin: 0 0 20px 0;
	}
}

#img-kanban-01 img.img-kanban-plus {
	margin: -1% 0 1% 0;
}
@media print, screen and (min-width: 48em) {
	#img-kanban-01 img.img-kanban-plus {
		margin: -20px 0 20px 0;
	}
}









/********************************************
 保存できる各種データの目安＆保存できるTV番組の録画時間の目安（20190131 Elecom追加）
*********************************************/
.detail-box.criterion .wide-box .img-box.pc {
	display: block;
}
.detail-box.criterion .wide-box .img-box.sp {
	display: none;
}
@media screen and (max-width:499px){
	.detail-box.criterion .wide-box .img-box.pc {
		display: none;
	}
	.detail-box.criterion .wide-box .img-box.sp {
		display: block;
	}
	.detail-box.criterion .wide-box .img-box.sp img {
		display: block;
		margin-bottom:1.5em !important;
	}
	.detail-box.criterion .wide-box .img-box.sp img.w350 {
		max-width: 350px !important;
	}
	.detail-box.criterion .wide-box .img-box.sp img.w233 {
		max-width: 233px !important;
	}
}

/*　既存タイプ・見出し　*/
.detail-box.criterion {
		width: 100%;
		padding: 0 0 35px 0;
		margin: 0 auto;
		clear: both;
		float: left;
}
.detail-box.criterion h3 {
		width: 100%;
		padding: 8px 0 8px 0;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #828282;
		margin: 0 0 5px;
}
.detail-box.criterion h3 span {
		padding: 0 0 0 10px;
		font-size: 123.1%;
		line-height: 1.2;
		font-weight: bold;
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: #555555;
		display: block;
		margin: 0 0 0 3px;
}
.detail-box.criterion p {
		font-size: 100%;
		line-height: 1.6;
		padding: 5px 10px 0 15px;
}
.detail-box.criterion p.comment {
		color: #666666;
		font-size: 90%;
}

/********************************************
CMS引っ越し対応　BlueLED（20190131 Elecom追加）
*********************************************/
#feature-index .detail-box .b-led_left {
	float: none !important;
	width: 100% !important;
}
#feature-index .detail-box .b-led_left p.exsub{
	float: none !important;
	padding: 4px 0 0 0!important;
}
#feature-index .detail-box .b-led_right{
	float: none !important;
	width: 100% !important;
}
.b-led_left img{
	display: none !important;
}
.b-led_right img{
	display: none !important;
}
#kanban-only{
	width: 100%;
	box-sizing: border-box;
	max-width: 700px;
	margin:0 auto!important;
}
#kanban-only img{
	width: 100%;
	max-width: 700px;
	margin:0 auto!important;
	height: auto;
}
.wide-box{
	width: 100%;
	box-sizing: border-box;
	max-width: 700px;
	margin:0 auto!important;
}
.wide-box img{
	width: 100%;
	max-width: 700px;
	margin:0 auto!important;
	height: auto;
}
#feature-index .pic-center{
	margin:0 auto;
	box-sizing: border-box;
}
.about-detail{
	float: none !important;
	margin:0 auto;
}
#about-pics{
	width:100%;
	margin:0 auto !important;
	float: none !important;
}
#youtube-box{
		margin:0 auto !important;
}


#feature-index .detail-box .point-detail{
	text-align: center;
}

#feature-index ul.col-3.pic,#feature-index ul.col-4.pic,#feature-index ul.col-5.pic {
	display: none;
}
@media screen and (min-width: 500px) and (max-width: 799px){
		#feature-index ul.col-3.pic,#feature-index ul.col-4.pic,#feature-index ul.col-5.pic  {
			display: none;
	}
}
@media screen and (max-width:499px){
		#feature-index ul.col-3.pic,#feature-index ul.col-4.pic,#feature-index ul.col-5.pic {
			display: none;
	}
}


/*******************************************************************************************************
20190220 追加 製品詳細 関連リンクボタンサイズ調整
********************************************************************************************************/

.p-keyword-box a, .p-keyword-box span {
	display: block;
	padding-top: 6px !important;
	padding-bottom: 5px !important;
	padding-right: 2em !important;
	padding-left: 2em !important;
	color: #2051b2;
	font-size: 85%;
	transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
	.p-keyword-box a, .p-keyword-box span {
		padding-top: 6px !important;
		padding-bottom: 5px !important;
		padding-right: 3em !important;
		padding-left: 3em !important;
		font-size: 93%;
	}
}

/*******************************************************************************************************
20190220 追加　既存自動生成タイプの 概要欄リスト　移植対応
********************************************************************************************************/
#crm-feature-list{
margin: 2em 1.5em 3em;
clear: both;
float: left;
}

#crm-feature-list> li {
	margin-bottom: 0.5em;
	padding-left: 11px;
	background-image: url(//www.elecom.co.jp/common/svg/icon_disc.svg);
	background-repeat: no-repeat;
	background-position: 0 0.7em;
	background-image: url(//www.elecom.co.jp/common/svg/icon_disc_01.svg);
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-weight: normal;
}
@media print, screen and (min-width: 48em) {
	#crm-feature-list > li {
		background-position: 0 0.65em;
		padding-left: 13px;
	}
}
/*使用欄ブロックにクリアを挿入 追加　*/
.c-list--disc > li {
	margin-bottom: 0.75em;
	margin: 0 1em 0.75em;
	padding-left: 11px;
}
/*使用欄ブロックにクリアを挿入 追加　*/
#section-03{
	clear: both;

}
/*******************************************************************************************************
20190220 追加　レイアウト調整　アンカーリンク常に３カラム対応　マージン調整
********************************************************************************************************/
@media print, screen and (min-width: 61.25em) {
	.c-page-nav__item {
		width: 31.244%;
	}
}
@media print, screen and (min-width: 87.5em) {
	.c-page-nav__item {
		width: 31.244%;
	}
}
@media print, screen and (min-width: 40.0625em) {
	.c-page-nav {
		margin-bottom: 35px !important;
	}
}
/*******************************************************************************************************
20190305 追加　既存ページアンカーリンク
********************************************************************************************************/

#feature-index a{color:#405392 !important; text-decoration:underline !important;}
#feature-index a:link{color:#405392 !important; text-decoration:underline !important;}
#feature-index a:visited{color:#405392 !important; text-decoration:underline !important;}
#feature-index a:hover{color:#3399cc !important; text-decoration:underline !important;}

#productCover a{color:#405392 !important; text-decoration:underline !important;}
#productCover a:link{color:#405392 !important; text-decoration:underline !important;}
#productCover a:visited{color:#405392 !important; text-decoration:underline !important;}
#productCover a:hover{color:#3399cc !important; text-decoration:underline !important;}

#productCover .howto a{color:#fff !important; text-decoration:underline !important;}
#productCover .howto a:link{color:#fff !important; text-decoration:underline !important;}
#productCover .howto a:visited{color:#fff !important; text-decoration:underline !important;}
#productCover .howto a:hover{color:#fff !important; text-decoration:underline !important;}

#productCover .kataban-box{ display: none !important;}

#feature-index .pickup-btn a{color:#fff !important; text-decoration:none !important;}
#feature-index .pickup-btn a:link{color:#fff !important; text-decoration:none !important;}
#feature-index .pickup-btn a:visited{color:#fff !important; text-decoration:none !important;}
#feature-index .pickup-btn a:hover{color:#fff !important; text-decoration:underline !important;}

#feature-index .taiou-link a{color:#fff !important; text-decoration:none !important;}
#feature-index .taiou-link a:link{color:#fff !important; text-decoration:none !important;}
#feature-index .taiou-link a:visited{color:#fff !important; text-decoration:none !important;}
#feature-index .taiou-link a:hover{color:#fff !important; text-decoration:underline !important;}

#productCover .taiou-link .btn-mat a{color:#fff !important; text-decoration:none !important;}
#productCover .taiou-link .btn-mat a:link{color:#fff !important; text-decoration:none !important;}
#productCover .taiou-link .btn-mat a:visited{color:#fff !important; text-decoration:none !important;}
#productCover .taiou-link .btn-mat a:hover{color:#fff !important; text-decoration:underline !important;}

#feature-index .btn-link .btn-mat a{color:#fff !important; text-decoration:none !important;}
#feature-index .btn-link .btn-mat a:link{color:#fff !important; text-decoration:none !important;}
#feature-index .btn-link .btn-mat a:visited{color:#fff !important; text-decoration:none !important;}
#feature-index .btn-link .btn-mat a:hover{color:#fff !important; text-decoration:underline !important;}
#feature-index .btn-link .btn-mat a em{ font-style: normal!important;}

/*******************************************************************************************************
20190312 追加　製品画像が１枚の時、非表示
********************************************************************************************************/

div.p-image-indicator--product .js-thumb-container li:only-child {display: none;}
div.p-image-indicator--modal .js-modal-indicator li:only-child {display: none;}


/*******************************************************************************************************
20190409 製品詳細ページ　M-IR07DRBU.html　ラインアップ削除対応
********************************************************************************************************/

#about-usb3 ul{
	display: none!important;
}


#feature-index p.comment{
	line-height: 1.6!important;
	color: #666666;
	font-size: 93%;
}

/*******************************************************************************************************
20190701
********************************************************************************************************/
#module-001,
#module-002,
#module-003,
#module-004,
#module-005,
#module-006,
#module-007,
#module-008,
#module-009,
#module-010,
#module-011,
#module-012,
#module-013,
#module-014,
#module-015,
#module-016,
#module-017,
#module-018,
#module-019,
#module-020
{display: none;}


/*******************************************************************************************************
20190719 製品詳細　ＴＨ２列対応
********************************************************************************************************/
.c-table--2column.c-table.table_rowspan th {
	width: 30%;
}
@media print, screen and (min-width: 40.0625em) {
	.c-table--2column.c-table.table_rowspan th {
		width: 35%;
	}
}

/*******************************************************************************************************
20190801 製品詳細　ＴＨ２列対応　ＮＡＳ
********************************************************************************************************/
.productSpec.table_rowspan th {
	width: 15% !important;
}
@media print, screen and (min-width: 40.0625em) {
	.productSpec.table_rowspan th {
		width: 20% !important;
	}
}


/*******************************************************************************************************
20190905 ロジテックiframe 製品ページ調整
********************************************************************************************************/

#logi-frame {
	width: 100%;
	padding: 5px;
	text-align: center;
}
#logi-frame div.caution {
	display:none;
}
#logi-frame #logi-title {
	width: 100%;
}
#logi-frame #logi-title img {
	width: 100% !important;
	height: auto;
	max-width:677px;
}
#logi-frame #logi-content {
	width: 100%;
	max-width:677px;
	overflow: hidden;
	margin: 0 auto;
}
#logi-frame #logi-content iframe {
	width: 100%;
	margin: 0 auto;
	overflow: scroll ;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

#logi-frame #logi-title_2 img {
	width: 100% !important;
	height: auto;
	max-width:820px;
}
#logi-frame #logi-content_2 {
	width: 100%;
	max-width:840px;
	overflow: hidden;
	margin: 0 auto;
}


@media screen and (max-width:499px) {
	#logi-frame div.caution {
		display: block;
		margin: 1.5em auto 0 auto;
		text-align: center;
	}
}




/* **********************************************
criterion-box 画像幅対応　201910/04
************************************************* */
#feature-index .detail-box .wide-box.criterion-box{
	max-width: 700px !important;
}
#feature-index .detail-box .wide-box.criterion-box .img-box{
	max-width: 700px !important;
}
#feature-index .detail-box .wide-box.criterion-box .img-box img {
	max-width: 700px !important;
	height: auto;
}


/* **********************************************
注意文 共通化対応 201911/14
************************************************* */

#feature-index .detail-box p.main-caution {
	width: 100%;
	color:#cc0202;
	border: solid 1px #cc0202;
	padding: 1.2em 1em 1em;
	margin: 0 0 1em 0;
	box-sizing: border-box;
	background-color: #fdf5f5;
}

/* **********************************************
注意文 共通化対応(Type-C搭載ドッキングステーション) 2019 12/09 TKD
************************************************* */

.c-content-section-1 .docking-caution {
	text-align:center;
	line-height:1.5em;
	background-color:#FFFFCC;
	padding: 1em;
	margin-bottom: 1em;
}
.c-content-section-1 .docking-caution.sec02 {
	text-align:left;
}
.c-content-section-1 .docking-caution ul {
	padding-left: 15px;
	color: #F00;
}
.c-content-section-1 .docking-caution li {
 	list-style-type: disc;
 }



/* ==========================================================================
／ここから　HTMLモジュールCSV用　CSSは下記に記載　2019～
========================================================================== */


/* NAS用 キッティングソリューションバナー CSS*/
.c-products-link-bnr{
	width: 100%;
}
.c-products-link-bnr img{
	width: 100%;
	height: auto;
}
/* ==========================================================================
／ここまで　HTMLモジュールCSV用　CSSは下記に記載　2019～
========================================================================== */


/* ==========================================================================
/ここから　テーブル内の販売終了表示・非表示切り替えボタン
========================================================================== */
.p-product-table-util {
	text-align: right;
	margin-bottom: 10px;
}

.p-product-table-util::after {
	content:'';
	display:table;
	clear:both;
}
.p-product-table-toggle-button {
	float:right;
	-webkit-appearance:none;
	appearance: none;
	background:none;
	border:0;
	cursor: pointer;
	position: relative;
	border:1px solid #2051b2;
	display:flex;
	color:#2051b2;
	align-items: center;
	padding:5px 10px;
	width:160px;
	justify-content: center;
	transition: all 0.2s;
}
.p-product-table-toggle-button:hover {
	color:#fff;
	background-color:#2051b2;

}

.p-product-table-toggle-button:hover::before,
.p-product-table-toggle-button:hover::after {
	background-color:#fff;
}
.p-product-table-toggle-button:focus {
	outline:none;
}

.p-product-table-toggle-button::before,
.p-product-table-toggle-button::after {
	position: absolute;
	content:'';
	background-color: #2051b2;
	top:50%;
	transition: all 0.2s;
}

.p-product-table-toggle-button::before {
    left: 9px;
    width: 10px;
    height: 2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.p-product-table-toggle-button.hidden::after {
    -webkit-transform: translate(0, -50%) rotate(0);
    transform: translate(0, -50%) rotate(0);
}
.p-product-table-toggle-button::after {
	left:13px;
    width: 2px;
    height: 10px;
    -webkit-transform: translate(0, -50%) rotate(90deg);
	transform: translate(0, -50%) rotate(90deg);
}


/************************************************************************
module.css 上書き対応 20180903対応_お問い合わせボタン
*************************************************************************/


.c-nquiry-section{
	padding-right: 0;
	padding-left: 0;
	margin:1em 0 3.5em 0;
}


@media print, screen and (min-width: 40.0625em) {
	.c-nquiry-section {
	padding-right: 3.125%;
	padding-left: 3.125%;
	}
}
@media print, screen and (min-width: 61.25em) {
	.c-nquiry-section {
		padding-right: 0;
		padding-left: 0
	}
}
.c-nquiry-section .p-contact-block--business .p-contact-block__container--bottom {
  margin-top: 16px;
}
@media print, screen and (min-width: 48em) {
  .c-nquiry-section .p-contact-block--business .p-contact-block__container--bottom {
    margin-top: 0;
  }
}

.c-nquiry-section .p-contact-block--business .p-contact-block__heading{
	margin-bottom: 10px;
}



.c-nquiry-section  .c-button-1 span {
  display: block;
  position: relative;
  white-space: nowrap;
  z-index: 2;
  font-size: 108%;
}
@media print, screen and (min-width: 61.25em) {
  .c-nquiry-section  .c-button-1 span {
    font-size: 146.5%;
  }
}

.c-nquiry-section .p-contact-block--business .p-contact-block__module {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  text-align: center;
}
@media print, screen and (min-width: 48em) {
  .c-nquiry-section .p-contact-block--business .p-contact-block__module {
    width: 100%;
    max-width: 700px;
  }
}


/************************************************************************
module.css 上書き対応 20200521 対応_ネットワークカメラ特許ロゴ対応
*************************************************************************/
.c-camera-logo-brand{
	margin: 15px 0;
	text-align: center;;
}
.c-camera-logo-brand img{
	width: 80%;
	height: auto;
	max-width: 335px;
	min-width:100px;
}
@media print, screen and (min-width: 48em) {
	.c-camera-logo-brand{
		width: 100%;
		text-align: left;
	}
	.c-camera-logo-brand img{
		width: 100%;
		max-width: 335px;
		min-width: 100px;
		height: auto;
	}
}


/************************************************************************
 20210208 対応_無線LANルーター３冠対応
*************************************************************************/

/*幅1110px用***************************************************/
.c-info-newsbox.c-w1110{
    margin:2.5em 0 2.5em;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
@media print,screen and (min-width: 61.25em) {
    .c-info-newsbox.c-w1110{
        margin:3.5em 0 4em;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
}
.c-w1110 .p-info-newsbox-ttlbox{
    width:100%;
}
@media screen and (min-width: 40.0625em) and (max-width: 61.188em){
    .c-w1110 .p-info-newsbox-ttlbox{
        width:30%;
    }
}
@media print,screen and (min-width: 61.25em) {
    .c-w1110 .p-info-newsbox-ttlbox{
        width:30%;
    }
}
.c-w1110 .p-info-newsbox-icn{
    text-align: center;
    width: 100%;
}
@media screen and (min-width: 48em) and (max-width: 61.188em){
    .c-w1110 .p-info-newsbox-icn{
        text-align: center;
        width: 80%;
        margin: 0 auto;
    }
}
.c-w1110 .p-info-newsbox-icn img{
    width: 100%;
    max-width: 270px;
    margin: 0 auto;
    padding: 0;
}
.c-w1110 .p-info-newsbox-icn-text{
    color: #222;
    font-size: 100%;
    margin-top: 0.5em;
    text-align:center;
}
@media screen and (min-width: 40.0625em) and (max-width: 61.188em){
    .c-w1110 .p-info-newsbox-icn-text{
        color: #222;
        font-size: 85%;
        margin-top: 0.5em;
        text-align:center;
    }
}
@media print,screen and (min-width: 61.25em) {
        .c-w1110 .p-info-newsbox-icn-text{
        color: #222;
        font-size: 100%;
        margin-top: 0.5em;
        text-align:left;
    }
}

.c-w1110 .p-info-newsbox-txtbox{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 5%;
  margin-bottom: 2em;
  margin-top: 2em;
}
@media print,screen and (min-width: 61.25em) {
    .c-w1110 .p-info-newsbox-txtbox{
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      margin-left: 1em;
      margin-top: 0;
      width: 55%;
    }
}
.c-w1110 .p-info-newsbox-ttl{
    display: block;
    width: 100%;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
}
.c-w1110 .p-info-newsbox-ttl-txt{
    font-weight: bold;
    font-size: 186%;
    line-height: 1.6;
    display: block;
    width: 100%;
}
@media screen and (min-width: 40.0625em) and (max-width: 79.938em){
    .c-w1110 .p-info-newsbox-ttl-txt{
        font-weight: bold;
        font-size: 164%;
        line-height: 1.6;
        display: block;
        width: 100%;
    }
}
@media print,screen and (min-width: 80em) {
    .c-w1110 .p-info-newsbox-ttl-txt{
        font-weight: bold;
        font-size: 200%;
        line-height: 1.7;
        display: block;
        width: 100%;
    }
}

.c-w1110 .p-info-newsbox-ttl-link{
    display: block;
    width: 100%;
    font-size: 133%;
    margin-top:1em;
}



/*幅700px用***************************************************/
.c-info-newsbox.c-w700{
    margin:2.5em 0 2.5em;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
@media print,screen and (min-width: 61.25em) {
    .c-info-newsbox.c-w700{
        margin:3.5em 0 4em;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
}
.c-w700 .p-info-newsbox-ttlbox{
    width:100%;
}
@media print,screen and (min-width: 61.25em) {
    .c-w700 .p-info-newsbox-ttlbox{
        width:38%;
    }
}

.c-w700 .p-info-newsbox-icn{
    width: 70%;
    margin:0 auto;
    text-align: center;
}
.c-w700 .p-info-newsbox-icn img{
    width: 100%;
    max-width: 200px;
    margin: 0;
    padding: 0;
}
.c-w700 .p-info-newsbox-icn-text{
    color: #222;
    font-size: 93%;
    margin-top: 0.5em;
    text-align:center;
}
@media print,screen and (min-width: 61.25em) {
        .c-w700 .p-info-newsbox-icn-text{
        color: #222;
        font-size: 85%;
        margin-top: 1.5em;
        text-align:left;
    }
}

.c-w700 .p-info-newsbox-txtbox{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 5%;
  margin-bottom: 2em;
  margin-top: 2em;
}
@media print,screen and (min-width: 61.25em) {
    .c-w700 .p-info-newsbox-txtbox{
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      margin-left: 1%;
      margin-top: 0;
      width: 60%;
    }
}
.c-w700 .p-info-newsbox-ttl{
    display: block;
    width: 100%;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    color: #333;
}
.c-w700 .p-info-newsbox-ttl-txt{
    font-weight: bold;
    font-size: 164%;
    line-height: 1.6;
    display: block;
    width: 100%;
}
@media print,screen and (min-width: 80em) {
    .c-w700 .p-info-newsbox-ttl-txt{
        font-weight: bold;
        font-size: 164%;
        line-height: 1.7;
        display: block;
        width: 100%;
    }
}
@media screen and (min-width: 40.0625em) and (max-width: 79.938em){
    .c-w700 .p-info-newsbox-ttl-txt{
        font-weight: bold;
        font-size: 146%;
        line-height: 1.6;
        display: block;
        width: 100%;
    }
}
.c-w700 .p-info-newsbox-ttl-link{
    display: block;
    width: 100%;
    font-size: 116%;
    margin-top:0.5em;
}
.c-w700 .p-info-newsbox-ttl-link a:link{
    text-decoration: none!important;
}


/*カスタムPC向け保守リンクモジュール 2021/04/05 ***************************************************/

#feature-index.logi-custum-pc {
	width:100%;
	border-bottom:1px solid #CCC;
	margin-bottom:30px;
	padding-bottom:20px!important;
	float: left;
}

#feature-index .detail-box .logi-custum-pc-link {
	width: 100%;
	clear: both;
	text-align: center;
	padding: 0 0 0;
	margin: 1em 0 1.25em 0;
	letter-spacing: -0.4em;
}
#feature-index .detail-box .logi-custum-pc-link .btn-mat {
	color: #FFF;
	margin: 0;
	padding: 0 0.5em;
	width: 47%;
	display: inline-block;
	letter-spacing: normal;
}
#feature-index .detail-box .logi-custum-pc-link .btn-mat a {
	padding: 1.25em 2% 1em;
	display: block;
	color: #FFF;
	background-color: #0b3475;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	clear: both;
}
#feature-index .detail-box .logi-custum-pc-link .btn-mat a {
	color: #FFF !important;
	text-align: center;
	letter-spacing: -0.4em;
	text-decoration: none !important;
}
#feature-index .detail-box.logi-custum-pc-link .btn-mat a:link {
	color: #FFF;
	text-decoration: none !important;
}
#feature-index .detail-box .logi-custum-pc-link .btn-mat a:visited {
	color: #FFF;
	text-decoration: none;
}
#feature-index .detail-box .logi-custum-pc-link .btn-mat a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #1250b3;
}
#feature-index .detail-box .logi-custum-pc-link .btn-mat span {
	font-size: 85%;
	padding: 0.25em 0 0;
	display: block;
	letter-spacing: normal;
	color: #ccc;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	clear: both;
}
#feature-index .detail-box.logi-custum-pc-link .btn-mat a:link span {
	color: #ccc;
	text-decoration: none !important;
}
#feature-index .detail-box .logi-custum-pc-link .btn-mat a:visited span {
	color: #ccc;
	text-decoration: none;
}
#feature-index .detail-box .logi-custum-pc-link .btn-mat a:hover span {
	color: #FFF;
	text-decoration: none;
}
#feature-index .detail-box .logi-custum-pc-link .btn-mat em {
	vertical-align: middle;
	font-size: 123.1%;
	font-weight: bold;
	padding: 0 0 0 0;
	font-style: normal;
	line-height: 1;
	display: inline-block;
	letter-spacing: normal;
	text-align: center;
}
#feature-index .detail-box.logi-custum-pc-link .btn-mat a:link em {
	color: #FFF;
	text-decoration: none;
}
#feature-index .detail-box .logi-custum-pc-link .btn-mat a:visited em {
	color: #FFF;
	text-decoration: none;
}
#feature-index .detail-box .logi-custum-pc-link .btn-mat a:hover em {
	color: #FFF;
	text-decoration: none;
}
@media screen and (min-width: 500px) and (max-width: 799px) {
	#feature-index .detail-box .logi-custum-pc-link {
		width: 96%;
		clear: both;
		text-align: center;
		padding: 0 0 0;
		margin: 1.25em 2% 0;
		letter-spacing: -0.4em;
	}
	#feature-index .detail-box .logi-custum-pc-link .btn-mat {
		color: #FFF;
		margin: 0 0 0.75em;
		padding: 0 0;
		width: 100%;
		display: inline-block;
		letter-spacing: normal;
	}
}

@media screen and (max-width:499px) {
	#feature-index .detail-box .logi-custum-pc-link {
		width: 96%;
		clear: both;
		text-align: center;
		padding: 0 0 0;
		margin: 1.25em 2% 0;
		letter-spacing: -0.4em;
	}
	#feature-index .detail-box .logi-custum-pc-link .btn-mat {
		color: #FFF;
		margin: 0 0 0.75em;
		padding: 0 0;
		width: 100%;
		display: inline-block;
		letter-spacing: normal;
	}
}



/*PASS PASSxAES モジュール 2021/06/03 ***************************************************/



/**************************************
PASS コンテンツ欄
**************************************/
#pass-contents{
	border: 1px solid #cccccc;
	border-radius: 3px;
	padding: 30px 0 30px 27px;
	width: 671px;
	float: left;
	clear: both;
	margin: 20px 0 0 0;
}
#pass-contents .ttl-box{
	width: 100%;
	padding: 0 0 25px 0;
	clear: both;
	float: left;
}
#pass-contents .ttl-box .icn{
	width: 59px;
	float: left;
	padding: 0 15px 0 0;
}
#pass-contents .ttl-box .ttl{
	font-size: 161.6%;
	width: 570px;
	float: left;
	line-height: 1;
	font-weight: bold;
	padding: 8px 0;
}
#pass-contents .ttl-box .ttl span{
	font-size: 85%;
}
#pass-contents .ttl-box .lead{
	color: #e60012;
	font-size: 123.1%;
	width: 570px;
	float: left;
	line-height: 1;
	font-weight: bold;
	padding: 0;
}
#pass-contents ul{
	padding: 0;
	clear: both;
}
#pass-contents ul li{
	padding: 0 14px 0 0;
	width: 204px;
	float: left;
}
#pass-contents ul li dl{
	padding: 0;
}
#pass-contents ul li dl dt{
	padding: 0;
	color: #0f6e8d;
	font-size: 108%;
	font-weight: bold;
}
#pass-contents ul li dl dd{
	padding: 8px 0 10px 0;
	color: #666666;
	font-size: 93%;
	line-height: 1.5;
	float: left;
	clear: both;
	letter-spacing: -1px;
}
#pass-contents p.summary{
	padding: 15px 0 0 0;
	clear: both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cccccc;
	width: 644px;
}

/**************************************
AESコンテンツ欄
**************************************/
#aes-contents{
	border: 1px solid #cccccc;
	border-radius: 3px;
	padding: 30px 0 10px 27px;
	width: 671px;
	float: left;
	clear: both;
	margin: 20px 0 0 0;
}
#aes-contents .ttl-box{
	width: 100%;
	padding: 0 0 15px 0;
	clear: both;
	float: left;
}
#aes-contents .ttl-box .icn{
	width: 59px;
	float: left;
	padding: 0 15px 0 0;
}
#aes-contents .ttl-box .ttl{
	font-size: 161.6%;
	width: 570px;
	float: left;
	line-height: 1;
	font-weight: bold;
	padding: 8px 0;
}
#aes-contents .ttl-box .ttl span{
	font-size: 77%;
}
#aes-contents .ttl-box .lead{
	color: #e60012;
	font-size: 123.1%;
	width: 570px;
	float: left;
	line-height: 1;
	font-weight: bold;
	padding: 0;
}
#aes-contents p.aes-lead{
	width: 644px;
	float: left;
	clear: both;
	font-size: 93%;
	padding: 0 0 30px 0;
	margin: 0;
}
#aes-contents ul{
	float: left;
	clear: both;
	width: 644px;
}
#aes-contents ul li{
}
#aes-contents ul li.img-l{
	width:324px;
	padding:0;
	float: left;
	padding: 0 0 0 50px;
}
#aes-contents ul li.img-r{
	width:224px;
	padding:0;
	float: right;
}
#aes-contents dl{
	float: left;
	clear: both;
	width: 644px;
}
#aes-contents dl dt{
	font-size: 108%;
	font-weight: bold;
	color: #0f6e8d;
	clear: both;
	padding: 0 0 5px 0;
}
#aes-contents dl dd{
	margin: 0;
	padding: 5px 0 18px 0;
	clear: both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cccccc;
	width: 644px;
	line-height: 1.6;
}
#aes-contents dl dd em{
	font-size:93%;
	color:#CB0A0F;
}

@media screen and (max-width:499px){
/**************************************
PASS コンテンツ欄
**************************************/
#pass-contents{
	border: 1px solid #cccccc;
	border-radius: 3px;
	padding: 8% 6% 8% 6%;
	width: 88%;
	float: left;
	clear: both;
	margin: 20px 0 0 0;
	box-sizing:content-box;
}
#pass-contents .ttl-box{
	width: 100%;
	padding: 0 0 12% 0;
	clear: both;
}
#pass-contents .ttl-box .icn{
	width: 18%;
	padding:0 0 3% 0;
	margin:0 auto;
}
#pass-contents .ttl-box .icn img{
	width:100%;
	height:auto;
}
#pass-contents .ttl-box .ttl{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dbdbdb;
	display:inline-block;
	font-size: 153.9%;
	width: 100%;
	line-height: 1;
	font-weight: bold;
	padding: 6% 0 1.5%;
	text-align:center;
}
#pass-contents .ttl-box .ttl span{
	font-size: 60%;
	display:block;
}
#pass-contents .ttl-box .lead{
	clear:both;
	color: #e60012;
	font-size: 116%;
	width: 100%;
	line-height: 1;
	font-weight: bold;
	padding: 5px 0 0 0;
	text-align:center;
}
#pass-contents ul{
	padding: 0;
	clear: both;
}
#pass-contents ul li{
	padding: 0 0 10% 0;
	width: 100%;
	float: left;
}
#pass-contents ul li dl{
	padding: 0;
	width:90%;
	margin:0 auto;
}
#pass-contents ul li dl dt{
	padding: 0;
	color: #0f6e8d;
	font-size: 116%;
	font-weight: bold;

}
#pass-contents ul li dl dd{
	width:100%;
	padding: 8px 0 5% 0;
	color: #666666;
	font-size: 93%;
	line-height: 1.5;
	float: left;
	letter-spacing: -1px;
}
#pass-contents ul li dl dd.img{
	width:100%;
	height:auto;
	padding:0 0 0 5%;
	margin:0;
	text-align:center;
}
#pass-contents ul li dl dd img{
	width:60%;
	height:auto;
}
#pass-contents p.summary{
	padding: 5% 0 0 0;
	clear: both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cccccc;
	width: 100%;
	font-size: 93%;
}

/**************************************
AESコンテンツ欄
**************************************/
#aes-contents{
	border: 1px solid #cccccc;
	border-radius: 3px;
	padding: 8% 6% 6% 6%;
	width: 88%;
	float: left;
	clear: both;
	margin: 20px 0 0 0;
	box-sizing: content-box;
}
#aes-contents .ttl-box{
	width: 100%;
	padding: 0 0 5% 0;
	clear: both;
}
#aes-contents .ttl-box .icn{
	width: 18%;
	padding:0 0 3% 0;
	margin:0 auto;
}
#aes-contents .ttl-box .icn img{
	width:100%;
	height:auto;
}
#aes-contents .ttl-box .ttl{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dbdbdb;
	display:inline-block;
	font-size: 153.9%;
	width: 100%;
	line-height: 1;
	font-weight: bold;
	padding: 6% 0 1.5%;
	text-align:center;
}
#aes-contents .ttl-box .ttl span{
	font-size: 60%;
	display:block;
}
#aes-contents .ttl-box .lead{
	clear:both;
	color: #e60012;
	font-size: 116%;
	width: 100%;
	line-height: 1;
	font-weight: bold;
	padding: 5px 0 0 0;
	text-align:center;
}
#aes-contents p.aes-lead{
	width: 90%;
	clear: both;
	font-size: 93%;
	padding: 0 0 7% 0;
	margin: 0 auto;
	text-align:center;
}
#aes-contents ul{
	clear: both;
	width: 100%;
	padding:0 0 10%;
}
#aes-contents ul li{
}
#aes-contents ul li.img-l{
	width:60%;
	padding:0;
	margin:0 auto;
}
#aes-contents ul li.img-r{
	width:50%;
	padding:5% 0 0 0;
	margin:0 auto;
}
#aes-contents ul li img{
	width:100%;
	height:auto
}

#aes-contents dl{
	float: left;
	clear: both;
	width: 100%;
}
#aes-contents dl dt{
	font-size: 108%;
	font-weight: bold;
	color: #0f6e8d;
	clear: both;
	padding: 0 0 5px 0;
}
#aes-contents dl dd{
	margin: 0;
	padding: 5px 0 20px 0;
	clear: both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cccccc;
	width: 100%;
	line-height: 1.6;
}
#aes-contents dl dd em{
	font-size:93%;
	color:#CB0A0F;
}
}
@media screen and (min-width: 500px) and (max-width: 799px){
/**************************************
PASS コンテンツ欄
**************************************/
#pass-contents{
	border: 1px solid #cccccc;
	border-radius: 3px;
	padding: 30px 4% 30px 4%;
	width: 92%;
	float: left;
	clear: both;
	margin: 20px 0 0 0;
	box-sizing:content-box;
}
#pass-contents .ttl-box{
	width: 100%;
	padding: 0 0 25px 0;
	clear: both;
	float: left;
}
#pass-contents .ttl-box .icn{
	width: 10%;
	float: left;
	padding: 0 2% 0 0;
}
#pass-contents .ttl-box .icn img{
	width:100%;
	height:auto;
}
#pass-contents .ttl-box .ttl{
	font-size: 161.6%;
	width: 88%;
	float: left;
	line-height: 1;
	font-weight: bold;
	padding: 1.5% 0;
}
#pass-contents .ttl-box .ttl span{
	font-size: 60%;
}
#pass-contents .ttl-box .lead{
	color: #e60012;
	font-size: 123.1%;
	width: 88%;
	float: left;
	line-height: 1;
	font-weight: bold;
	padding: 0;
}
#pass-contents ul{
	padding: 0;
	clear: both;
}
#pass-contents ul li{
	padding: 0 0 3% 0;
	width: 100%;
	float: left;
}
#pass-contents ul li dl{
	padding: 0;
}
#pass-contents ul li dl dt{
	padding: 0;
	color: #0f6e8d;
	font-size: 116%;
	font-weight: bold;
}
#pass-contents ul li dl dd{
	width:65%;
	padding: 8px 0 10px 0;
	color: #666666;
	font-size: 93%;
	line-height: 1.5;
	float: left;
	letter-spacing: -1px;
}
#pass-contents ul li dl dd.img{
	width:30%;
	padding:0 0 0 5%;
	margin:-2% 0 0 0;
}
#pass-contents ul li dl dd img{
	width:100%;
	height:auto;
}
#pass-contents p.summary{
	padding: 15px 0 0 0;
	clear: both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cccccc;
	width: 100%;
}

/**************************************
AESコンテンツ欄
**************************************/
#aes-contents{
	border: 1px solid #cccccc;
	border-radius: 3px;
	padding: 30px 4% 10px 4%;
	width: 92%;
	float: left;
	clear: both;
	margin: 20px 0 0 0;
}
#aes-contents .ttl-box{
	width: 100%;
	padding: 0 0 13px 0;
	clear: both;
	float: left;
}
#aes-contents .ttl-box .icn{
	width: 10%;
	float: left;
	padding: 0 2% 0 0;
}
#aes-contents .ttl-box .icn img{
	width:100%;
	height:auto;
}
#aes-contents .ttl-box .ttl{
	font-size: 161.6%;
	width: 88%;
	float: left;
	line-height: 1;
	font-weight: bold;
	padding: 1.5% 0;
}
#aes-contents .ttl-box .ttl span{
	font-size: 60%;
}
#aes-contents .ttl-box .lead{
	color: #e60012;
	font-size: 123.1%;
	width: 88%;
	float: left;
	line-height: 1;
	font-weight: bold;
	padding: 0;
}
#aes-contents p.aes-lead{
	width: 644px;
	float: left;
	clear: both;
	font-size: 93%;
	padding: 0 0 18px 0;
	margin: 0;
}
#aes-contents ul{
	float: left;
	clear: both;
	width: 100%;
}
#aes-contents ul li{
}
#aes-contents ul li.img-l{
	width:45%;
	padding:0;
	float: left;
	padding: 0 5% 0 10%;
}
#aes-contents ul li.img-r{
	width:30%;
	padding:0 5% 0 5%;
	float: right;
}
#aes-contents ul li img{
	width:100%;
	height:auto
}
#aes-contents dl{
	float: left;
	clear: both;
	width: 100%;
}
#aes-contents dl dt{
	font-size: 108%;
	font-weight: bold;
	color: #0f6e8d;
	clear: both;
	padding: 0 0 5px 0;
}
#aes-contents dl dd{
	margin: 0;
	padding: 5px 0 20px 0;
	clear: both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cccccc;
	width: 100%;
	line-height: 1.6;
}
#aes-contents dl dd em{
	font-size:93%;
	color:#CB0A0F;
}
}









/*代替品リンク 20211008************************************************************************/


.p-section-unit.p-section-unit--product-top {
  padding-bottom: 10px;
}
@media print, screen and (min-width: 40.0625em) {
  .p-section-unit.p-section-unit--product-top {
    padding-bottom: 15px;
  }
}


.p-product-category-container__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media print, screen and (min-width: 40.0625em) {
  .p-product-category-container__inner {
    margin-right: -3.168%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-product-category-container__inner {
    margin-right: -2.0968%;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .p-section-unit.p-section-unit--product-top {
    width: 46.8319%;
    margin-right: 3.168%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-section-unit.p-section-unit--product-top {
    width: 47.9%;
    margin-right: 2.0968%;
    padding-bottom: 17px;
  }
}


/*画像************************************************************************/

.p-product-accordion--lv1 > li > a, .p-product-accordion--list > li > a {
  display: block;
  position: relative;
  /* 旧 */
  /* 新 */
  padding-top: 13px;
  padding-bottom: 17px;
  padding-right: 32px;
  padding-left: 68px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
  font-feature-settings: 'palt' 1;
  font-size: 116%;
  font-weight: bold;
}
@media print, screen and (min-width: 48em) {
  .p-product-accordion--lv1 > li > a, .p-product-accordion--list > li > a {
    /* 旧 */
    /* 新 */
    padding-top: 13px;
    padding-bottom: 14px;
    padding-right: 40px;
    padding-left: 70px;
  }
}
@media print, screen and (min-width: 48em) {
  .browser-is-ie .p-product-accordion--lv1 > li > a, .browser-is-ie .p-product-accordion--list > li > a {
    padding-top: 12px;
    padding-bottom: 15px;
  }
}

.p-product-accordion--lv1 > li > a img, .p-product-accordion--list > li > a img {
  display: block;
  position: absolute;
  top: 0;
  left: 7px;
  /* 旧 */
  /* 新 */
  width: 53px;
  padding-top: 6px;
}
@media print, screen and (min-width: 48em) {
  .p-product-accordion--lv1 > li > a img, .p-product-accordion--list > li > a img {
    /* 旧 */
    /* 新 */
    width: 54px;
  }
}


.p-change-kataban{color:#08398b; font-size:93%;}
.p-change-hinmei{font-weight: normal!important; font-size:77%;}

@media print, screen and (min-width: 48em) {
    .p-change-kataban{color:#08398b; font-size:100%;}
    .p-change-hinmei{font-weight: normal!important; font-size:85%;}
}







/*【html-module用】セキュリティワイヤー　鍵種別案内モジュール　セクション***************************************************************************/
.c-contents-module-security_keytype{
    width: 100%;
    clear: both;
    float: none;
}
/*セキュリティワイヤー　鍵種別案内モジュール　メインタイトル　ここから　*************************/
.p-security_keytype-heading {
    margin-top: 18px;
    margin-bottom: 15px;
    text-align: center;
}
@media print, screen and (min-width: 40.0625em) {
    .p-security_keytype-heading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                        justify-content: space-between;
        -webkit-box-align: start;
                -ms-flex-align: start;
                        align-items: flex-start;
        -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-security_keytype-heading {
        margin-top: 0;
    /*margin-bottom: 20px; 20190220*/
        margin-bottom: 30px;
    }
}
.p-security_keytype-heading__title {
    margin-bottom: 8px;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
                    font-feature-settings: 'palt' 1;
    font-weight: bold;
    line-height: 1.4;
    font-size: 174%;
}
@media print, screen and (min-width: 48em) {
    .p-security_keytype-heading__title {
        font-size: 254%;
        margin-bottom: 16px;
    }
}
.p-security_keytype-heading__title {
    margin-bottom: 8px;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
                    font-feature-settings: 'palt' 1;
    font-size: 153.9%;
    font-weight: bold;
    letter-spacing: 0.16em;
}
@media print, screen and (min-width: 61.25em) {
    .p-security_keytype-heading__title {
        margin-bottom: 12px;
        font-size: 167%;
        line-height: 1.5;
    }
}
.p-security_keytype-heading__title {
    -webkit-box-flex: 1;
            -ms-flex: 1;
                    flex: 1;
    font-size: 182%;
}
@media print, screen and (min-width: 40.0625em) {
    .p-security_keytype-heading__title {
        padding-right: 10px;
        line-height: 1.4;
    }
}
@media print, screen and (min-width: 48em) {
    .p-security_keytype-heading__title {
        margin-bottom: 5px;
    }
}
/*20190221 61.25em→80emに変更*/
@media print, screen and (min-width: 80em) {
    .p-security_keytype-heading__title {
        font-size: 229%;
    }
}
.browser-is-ie .p-security_keytype-heading__title {
    -webkit-box-flex: 1;
            -ms-flex: 1;
                    flex: 1;
}
@media print, screen and (min-width: 61.25em) {
    .browser-is-ie .p-security_keytype-heading__title {
        margin-top: 3px;
    }
}


/*セキュリティワイヤー　鍵種別案内モジュール　各種キー案内領域***********************************/

/*各領域********************/
.p-security_keytype-box{
    width: 100%;
    max-width: 900px;
    border-radius: 10px;
    margin: 0 auto 3.0em;
}
@media print, screen and (min-width: 48em) {
}
@media print, screen and (min-width: 61.25em) {
}
.p-security_keytype-box.c-key-mod-basic{
    background-color:#009fe8;
    border: solid 1px #009fe8;
}
.p-security_keytype-box.c-key-mod-master{
    background-color: #036eb7;
    border: solid 1px #036eb7;
}
.p-security_keytype-box.c-key-mod-uni{
    background-color: #172a87;
    border: solid 1px #036eb7;
}


/*各キーメインタイトル領域**************/
.p-security_keytype-box__ttl-main{
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    font-size: 174%;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding:0.25em 0 0.1em;
}
@media print, screen and (min-width: 48em) {
    .p-security_keytype-box__ttl-main{
        font-size: 229%;
    }
}
/*各キーのサブタイトル領域**************/
.p-security_keytype-box__ttl-sub{
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    font-size: 146.5%;
    font-weight: bold;
    text-align: left; 
}
@media print, screen and (min-width: 48em) {
    .p-security_keytype-box__ttl-sub{
        font-size: 189%;
        text-align: center;
    }
}
.c-key-mod-basic .p-security_keytype-box__ttl-sub{
    color:#009fe8;
}
.c-key-mod-master .p-security_keytype-box__ttl-sub{
    color: #036eb7;
}
.c-key-mod-uni .p-security_keytype-box__ttl-sub{
    color: #172a87;
}
/*各キーの説明テキスト**************/
.p-security_keytype-box__txt{
    text-align: left;
}
@media print, screen and (min-width: 48em) {
    .p-security_keytype-box__txt{
        text-align: center;
    }
}
.p-security_keytype-box__txt span{
    display:inline-block;
    color: #cc0202;
}
/*各キーの説明テキスト領域**************/
.p-security_keytype-box__txt-box{
    background-color: #fff;
    padding:1.5em 1.5em 1.5em;
    font-size:93%;
}
@media print, screen and (min-width: 48em) {
    .p-security_keytype-box__txt-box{
        font-size:100%;
    }  
}
/*各キーの説明イメージ領域**************/
.p-security_keytype-box__img-box{
    text-align: center;
    padding:  2.25em 1.0em 1.25em;
}
.p-security_keytype-box__img-box img{
    width: 100%;
    max-width: 699px;
    height: auto;
}
@media print, screen and (min-width: 48em) {
    .p-security_keytype-box__img-box img{
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-security_keytype-box__img-box img{
        width:699px;
        height: 132px;
    }
}
/*【html-module用】セキュリティワイヤー　鍵種別案内モジュール　セクション ここまで***************************************************************************/




/*【html-module用】 型番下関連特集コンテンツリンク******************************************************/

.p-product-module-link-panel__image {
    display: table;
    position: relative;
    width: 31.5%;
    max-width: 85px;
    height: auto;
    margin-right: 15px;
}
@media print, screen and (min-width: 48em) {
    .p-product-module-link-panel__image {
         display: table;
        position: relative;
        width: 12.5%;
        max-width: 80px;
        height: auto;
        margin-right: 13px;
    }
}
.p-product-module-link-panel__image img {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 100%;
    transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;

}
@media print, screen and (min-width: 48em) {
    .p-product-module-link-panel__image img {
        display:inherit;
    }
}
@media print, screen and (min-width: 61.25em) {

    a:hover .p-product-module-link-panel__image img {
        opacity: 0.6;
    }
}
/*型番下関連特集コンテンツリンクのテキスト関連ボックス******************************************************/
.p-product-module-link-panel__text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.p-product-module-link-panel__text:after {
  display: block;
  position: absolute;
  top: 50%;
  right: -10px;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #333;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  content: "";
margin-right: 28px;}
@media print, screen and (min-width: 48em) {
  .p-product-module-link-panel__text:after {
    right: -9px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-product-module-link-panel__text:after {
    right: -13px;
  }
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-product-module-link-panel__text:after {
    border-color: #888;
    -webkit-transform: translate(3px, -50%) rotate(45deg);
            transform: translate(3px, -50%) rotate(45deg);
  }
}
.p-product-module-link-panel__title {
    display: inline-block;
    position: relative;
    margin-right: 11px;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    -webkit-font-feature-settings: 'palt' 1;
            font-feature-settings: 'palt' 1;
    font-weight: bold;
    font-size: 108%;
    line-height: 1.4;
    color: #333;
    transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    word-break: break-all;
    width:90%;
}
@media print, screen and (min-width: 48em) {
    .p-product-module-link-panel__title {
        font-size: 116%;
        width:96%;
    }
}
@media print, screen and (min-width: 87.5em) {
    .p-product-module-link-panel__title {
        margin-right: 15px;
        margin-top:2px;
        font-size: 108%;
        width:96%;
    }
}
.p-product-module-link-panel__title:after {
    display: none;
}
@media print, screen and (min-width: 48em) {
    .p-product-module-link-panel__title:after {
        right: -9px;
    }
}
@media print, screen and (min-width: 87.5em) {
    .p-product-module-link-panel__title:after {
        right: -13px;
    }
}
@media print, screen and (min-width: 61.25em) {
    a:hover .p-product-module-link-panel__title:after {
        border-color: #888;
        -webkit-transform: translate(3px, -50%) rotate(45deg);
        transform: translate(3px, -50%) rotate(45deg);
    }
}
@media print, screen and (min-width: 61.25em) {
    a:hover .p-product-module-link-panel__title {
        color: #888;
    }
}
.p-product-module-link-panel__title br {
    display: none;
}
@media print, screen and (min-width: 40.0625em) {
    .p-product-module-link-panel__title br {
        display: block;
    }
}
@media print, screen and (min-width: 61.25em) {
    .p-product-module-link-panel__title br {
        display: none;
    }
}
@media print, screen and (min-width: 87.5em) {
    .p-product-module-link-panel__title br {
        display: block;
    }
}
.browser-is-ie .p-product-module-link-panel__title {
    display: block;
    max-width: 100%;
}
@media print, screen and (min-width: 48em) {
    .browser-is-ie .p-product-module-link-panel__title {
        padding-top: 5px;
    }
}
/*型番下関連特集コンテンツリンクの概要******************************************************/
@media print, screen and (max-width: 40em) {
    .p-product-module-link-panel__desc {
        display: block;
    line-height: 1.5;font-size: 93%;width: 90%;}
}
@media print, screen and (min-width: 40.0625em) {
    .p-product-module-link-panel__desc {
        width: 96%;
        margin-top: 0px;
        line-height: 1.4;
        color: #333;
        transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
    }
}
@media print, screen and (min-width: 48em) {
    .p-product-module-link-panel__desc {
        font-size: 93%;
        line-height: 1.6;
        display: block;
    }
}
@media print, screen and (min-width: 61.25em) {
    a:hover .p-product-module-link-panel__desc {
        color: #888;
        display:inherit;
    }
}
.p-product-module-link-panel__desc br {
    display: none;
}
@media print, screen and (min-width: 80em) {
    .p-product-module-link-panel__desc br {
        display: block;
    }
}

/* 親コンテナ　型番下関連特集コンテンツリンク*/
.p-product-link-panel.p-product-module-link {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  margin-bottom: 8px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 9px;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
  color: #333;
  box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 48em) {
  .p-product-link-panel.p-product-module-link {
    margin-bottom: 16px;
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-product-link-panel.p-product-module-link {
    padding-right: 10px;
    padding-left: 10px;
  }
}

/*THINK ECOLOGYモジュール追加******************************************************/
/* 特徴の項目ボックス 幅フルサイズ*/
.c-think-eco-detail {
    width: 100%;
    padding: 2em 0 25px 0;
    margin: 0 auto;
    clear: both;
    float: left;
}
.c-think-eco-detail h3 {
    width: 100%;
    padding: 8px 0 8px 0;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #828282;
    margin: 0 0 5px;
}
.c-think-eco-detail h3 span {
    padding: 0 0 0 8px;
    font-size: 146.1%;
    line-height: 1.4;
    font-weight: bold;
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: #555555;
    display: block;
    margin: 0 0 0 0px;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
}
.c-think-eco-detail .c-think-eco-detail .p-column-block{
    display: flex;
    flex-wrap: wrap;
}
.c-think-eco-detail .p-column-block__column.p-column-block__column--large {
    width: 100%;
    margin-bottom: 0;
}
.c-think-eco-detail .p-column-block__column .p-product-image {
	width: 90%;
	height: auto;
	margin: 0 auto 0 auto;
}
.c-think-eco-detail p {
    font-size: 116%;
    line-height: 2.0;
    padding: 0;
    margin: 0 3.15% 0;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
    font-weight: bold;
}
.c-think-eco-detail p br{
    display: none;
}
.c-think-eco-detail p br.sp{
    display: block;
}
p.c-think-eco-element {
    clear: both;
    font-size: 100%;
    margin-bottom: 0.5em;
    padding-left: 15px;
    background-image: url(//www.elecom.co.jp/common/svg/icon_disc.svg);
    background-repeat: no-repeat;
    background-position: 0 0.7em;
    background-image: url(//www.elecom.co.jp/common/svg/icon_disc_01.svg);
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    font-weight: normal;
}



@media screen and (min-width: 40.0625em) and (max-width: 61.188em){
	.c-think-eco-detail h3 span {
	    font-size: 146.1%;
	    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	}
    .c-think-eco-detail .p-column-block__column.p-column-block__column--large {
        width: 25%;
        margin-bottom: 0;
    }
	.c-think-eco-detail .p-column-block__column .p-product-image {
		width: 100%;
		height: auto;
		margin:0 auto 5px auto;
	}
    .c-think-eco-detail .c-think-eco-detail .p-column-block{
        display: flex;
        flex-wrap: wrap;
    }
    .c-think-eco-detail p {
        font-size: 100%;
        line-height: 1.8;
        padding: 0;
        margin: 0 auto 0;
        font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
        font-weight: bold;
    }
    p.c-think-eco-element  {
        background-position: 1em 0.65em;
        padding-left: 2em;
    }
    .c-think-eco-detail  {
        width: 100%;
        padding: 0 0 10px 0;
        margin: 0 auto;
        clear: both;
        float: left;
    }
    .c-think-eco-detail .p-column-block{
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }
}
@media screen and (min-width: 61.25em) and (max-width: 87.4em){
	.c-think-eco-detail h3 span {
	    font-size: 146.1%;
	    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	}
    .c-think-eco-detail .p-column-block__column.p-column-block__column--large {
        width: 26%;
        margin-bottom: 0;
    }
    .c-think-eco-detail .p-column-block__column .p-product-image {
		width: 100%;
		height: auto;
		margin:0 auto 5px auto;
	}

	.c-think-eco-detail .p-column-block__column .p-product-image {
		width: 100%;
		height: auto;
		margin:0 auto 5px auto;
	}
    .c-think-eco-detail .c-think-eco-detail .p-column-block{
        display: flex;
        flex-wrap: wrap;
    }
    .c-think-eco-detail p {
        font-size: 108%;
        line-height: 1.8;
        padding: 0;
        margin: 0 auto 0;
        font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
        font-weight: bold;
    }
    p.c-think-eco-element  {
        background-position: 1em 0.65em;
        padding-left: 2em;
    }
    .c-think-eco-detail  {
        width: 100%;
        padding: 0 0 10px 0;
        margin: 0 auto;
        clear: both;
        float: left;
    }
    .c-think-eco-detail .p-column-block{
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }
}


@media print, screen and (min-width: 87.5em) {
	.c-think-eco-detail h3 span {
	    font-size: 146.1%;
	    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	}
    .c-think-eco-detail .p-column-block__column.p-column-block__column--large {
        width: 25%;
        margin-bottom: 0;
    }
	.c-think-eco-detail .p-column-block__column .p-product-image {
		width: 100%;
		height: auto;
		margin:0 auto 5px auto;
	}
    .c-think-eco-detail p {
        font-size: 123.1%;
        line-height: 2.2;
        padding: 0;
        margin: 0 auto 0;
        font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
        font-weight: bold;
    }
    .c-think-eco-detail p br{
        display: block;
    }
    .c-think-eco-detail p br.sp{
        display: block;
    }
    p.c-think-eco-element  {
        background-position: 1em 0.65em;
        padding-left: 2em;
    }
    .c-think-eco-detail  {
        width: 100%;
        padding: 2em 0 10px 0;
        margin: 0 auto;
        clear: both;
        float: left;
    }
    .c-think-eco-detail .p-column-block{
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }
}

#feature-index .c-think-eco-detail .c-button-1 a:link{
	color:#fff!important; text-decoration:none!important;
}
#feature-index .c-think-eco-detail .c-button-1 a:hover{
	color:#fff!important; text-decoration:none!important;
}
#feature-index .c-think-eco-detail .c-button-1 a:visited{
	color:#fff!important; text-decoration:none!important;
}
#feature-index .c-think-eco-detail .p-button-container__inner{
	padding-left:3.15%;padding-right:3.15%;box-sizing:border-box;
}
@media print, screen and (min-width: 48em) {
	#feature-index .c-think-eco-detail .p-button-container__inner {
		margin-left:0;margin-right:0;padding:13px 0 0 0;
	}
}



/*既存テンプレート上書修正******************************************************/

#feature-index .detail-box h3 span {
    font-size: 146.1%!important;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	padding: 0 0 0 8px!important;
	line-height: 1.2;
	font-weight: bold;
	border-left-width: 3px!important;
	border-left-style: solid;
	border-left-color: #555555;
	display: block;
	margin: 0 0 0 0.5%;
}

@media print, screen and (min-width: 48em) {
	#feature-index .detail-box h3 span {
    	font-size: 146.1%!important;
    	border-left-width: 4px!important;
	}

}


/*Youtubモジュール追加******************************************************/
.p-youtube-box{
	float: left;
	clear:both;
	margin-top: 2em;
}
@media print, screen and (min-width: 48em) {
	.p-youtube-box{
		float: none;
	}
}


/* とことんサポート調整CSS 新版アコーディオン用 20220727 ****************************/

.c-content-section-2.support-has-border {
	border-top:1px solid #cacaca;
	padding-top:28px;
	margin-bottom:40px;
}
.c-content-section-2.support-has-border .img-center.imgw715 img {
	max-width: 715px;
}
@media print, screen and (min-width: 48em) {
	.c-content-section-2.support-has-border .img-center.imgw715 img {
		max-width: 50%;
	}
}
@media print, screen and (min-width: 61.25em) {
	.c-content-section-2.support-has-border .img-center.imgw715 img {
		max-width: 50%;
	}

.p-product-link-panel .p-product-link-panel__main.support-ch::before {
    -webkit-transform: translateY(-80%) rotate(-45deg);
    transform: translateY(-80%) rotate(-45deg);
}