@charset "utf-8";
/* CSS Document */

/* Common Style */
clearfix:after {
	display: block;
	content: '';
	clear: both;
}

clearfix {
	zoom: 1;
}

#footer {
	clear: both;
}

#feature-index .detail-box p.comment {
	color: #666;
	font-size: 90%;
}
#feature-index .detail-box p.caution {
	color: #d40000;
	font-size: 90%;
}

#feature-index .detail-box ul.features-list {
	margin: 0 0 50px 0;
}
#feature-index .detail-box ul.features-list li {
	margin: 0 0 20px 0;
	padding: 0;
}
#feature-index .detail-box ul.features-list li img {
	width: 100%;
	max-width: 1110px;
	height: auto;
}

.p-column-block {
	margin-top: 10px;
}
.p-column-block img {
	max-width: 700px;
	height: auto;
	margin: 0 auto;
}

/***************************************************
btn-linkボタン
****************************************************/
#feature-index .btn-link{
	text-align: center;
	padding: 0;
	clear: both;
	margin:2em 0 1em;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
#feature-index .btn-link .btn-mat{
	display: inline-block;
	clear: both;
	color: #FFF;
	margin: 0 0 0 0;
	width:90%;
	box-sizing:border-box;
}
#feature-index .btn-link .btn-mat a{
	padding: 1em 0 ;
	display: block;
	color: #FFF;
	/* border-radius */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/* box-shadow */
	box-shadow: #c9c9c9 0px 0px 1px 1px;
	-webkit-box-shadow: #c9c9c9 0px 0px 1px 1px;
	-moz-box-shadow: #c9c9c9 0px 0px 1px 1px;
	background-color: #0b3475;
}
#feature-index .btn-link .btn-mat a:link{color: #FFF;text-decoration:none;}
#feature-index .btn-link .btn-mat a:visited{color: #FFF;text-decoration:none;}
#feature-index .btn-link .btn-mat a:hover{
	color: #FFF;
	text-decoration: none;
	background-color: #0F46A2;
}

#feature-index .btn-link .btn-mat img{
	vertical-align: middle;
	margin: 0 10px 0 0;
}
#feature-index .btn-link .btn-mat em{
	vertical-align: middle;
	font-size: 108%;
	font-weight: bold;
	padding: 0 3px 0 0;
}
#feature-index .btn-link .btn-mat span{
	display:block;
	text-align:center;
	vertical-align: middle;
	font-size: 85%;
	margin:0.5em 0 0 0;
	font-weight: normal;
}
#feature-index .btn-link .btn-mat strong{
	display: block;
	font-weight: normal;
	font-size: 85%;
	line-height: 1.1;
	padding: 0 0 4px 0;
}
#feature-index h4{
	font-size:116%;
	font-weight:bold;
	padding:1em 0 0 1em;
}
#feature-index h4 span{
	font-size:85%;
	font-weight:normal;
	padding:0 0 0 0.5em;
}
#feature-index .pad-sec{
	margin:1em 0 1em 0;
}
#feature-index .two-pad{
	border-bottom:solid 1px #ccc;
}


/***************************************************
p-top__buttonボタン
****************************************************/
.p-top__button a {
	position: relative;
	display: block;
	padding: 9px 0;
	border-radius: 40px;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 0.12em;
	text-align: center;
	background: #595757;
	width: 80%;
	margin: 0 auto 20px;
}
.p-top__button a:link,
.p-top__button a:visited {
	text-decoration: none;
}
.p-top__button a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  width: 5px;
  height: 5px;
  margin: auto;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.p-top__button a:hover {
  opacity: 0.7;

}
@media screen and (max-width: 767px) {
  .p-top__button a::after {
    right: 15px;
    bottom: 0;
    width: 6px;
    height: 6px;
  }
}

/***************************************************
lens-typeブロック
****************************************************/
.lens-type {
    background-color: #eee;
    text-align: center;
    padding: 4px;
    margin: 1em 0;
    font-weight: bold;
}

.p-column-block img.p-product-image {
    margin-bottom: 1.5em;
}


@media print, screen and (min-width: 48em) {
.p-column-block {
    align-items: normal;
}
.flex {
    display: flex;
    justify-content: space-between;
}
.flex-item {
    display: flex;
    flex-direction: column;
}
.p-column-block img.flex-item__btn {
    margin-top: auto;
}
.p-column-block a.flex-item__btn {
    margin-top: auto;
}
}


/* ## PC Style  ###################################################################################################### */

/* 特徴の項目ボックス 幅フルサイズ*/
#feature-index .detail-box {
	width: 100%;
	padding: 0 0 35px 0;
	margin: 0 auto;
	clear: both;
	float: left;
}

/* 特徴の項目ボックス 幅50%サイズ用（２つのボックスを入れる）*/
#feature-index .half {
	float: left;
	/* [disabled]float: left; */
	vertical-align: top;
	width: 50%;
}

/* 特徴の見出し */
#feature-index .detail-box h3 {
	width: 100%;
	padding: 8px 0 8px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #828282;
	margin: 0 0 5px;
}

#feature-index .detail-box .half h3 {
	padding: 8px 0 8px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #828282;
	margin: 0 0 3px 0;
	width: 97%;
}

#feature-index .detail-box 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;
}

/* 特徴のテキスト */
#feature-index .detail-box p {
	font-size: 100%;
	line-height: 1.6;
	padding: 10px 10px 0 0;
}

#feature-index .half p {
	font-size: 100%;
	line-height: 1.6;
	padding: 10px 18px 0 0;
	/* [disabled]float: left; */
}

/* テキスト文中の画像配置 */
#feature-index .pic-r {
	float: right;
	padding: 8px 10px 0 15px;
}

#feature-index .pic-l {
	float: left;
	padding: 8px 15px 0 15px;
}

#feature-index .half-pic-r {
	float: right;
	padding: 8px 15px 0 5px;
}

#feature-index .half-pic-l {
	float: left;
	padding: 8px 8px 0 15px;
}

#feature-index .pic-center {
	padding: 1em 0 0 0;
	width: 100%;
	text-align: center;
}

#feature-index .half-pic-center {
	text-align: center;
	clear: both;
	padding: 8px 15px 0 0;
	margin: 0 auto;
	float: none;
}

#feature-index .pic-r img, #feature-index .pic-l img, #feature-index .half-pic-r img, #feature-index .half-pic-l img {
	max-width: 525px;
	width: 100%;
	height: auto;
}

#feature-index .pic-center img {
	width: 100%;
	max-width: 1110px;
	height: auto;
}

#feature-index .pic-center.ttl-img img {
	max-width: 815px !important;
}

#feature-index .half-pic-center img {
	width: 100%;
	max-width: 525px;
	height: auto;
}

#feature-index .pic-r .img-notice, #feature-index .pic-l .img-notice, #feature-index .half-pic-r .img-notice, #feature-index .half-pic-l .img-notice, #feature-index .pic-center .img-notice, #feature-index .half-pic-center .img-notice {
	display: block;
	font-size: 80%;
}

/* 製品画像 横並びリスト */
#feature-index ul.pic {
	float: left;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 0;
}

#feature-index ul.pic li {
	float: left;
	text-align: center;
}

#feature-index ul.pic li img {
	vertical-align: top
}

#feature-index ul.pic p.name {
	text-align: center;
	clear: both;
	padding: 5px 0;
	line-height: 1.3;
	font-size: 93%;
	font-weight: bold;
	line-height: 1.3;
}

#feature-index ul.pic div.btn {
	text-align: center;
	clear: both;
	padding: 0;
}

/* 横並び 2列 */
#feature-index ul.col-2 {
	width: 100%;
	margin: 0 auto;
}
#feature-index ul.col-2 li {
	width: 48%;
	padding: 0 1% 0 1%;
}
#feature-index ul.col-2 li img {
	width: 100%;
	max-width: 525px;
	height: auto;
}

/* 横並び 3列 */
#feature-index ul.col-3 {
	width: 100%;
	margin: 0 auto;
}
#feature-index ul.col-3 li {
	width: 31%;
	padding: 0 1% 20px 1%;
}
#feature-index ul.col-3 li img {
	width: 100%;
	max-width: 220px;
	height: auto;
}

/* 横並び 3列 */
#feature-index ul.col-scene {
	width: 100%;
	margin: 0 auto;
}
#feature-index ul.col-scene li {
	width: 31%;
	padding: 0 1% 20px 1%;
	font-size: 93%;
}
#feature-index ul.col-scene li img {
	width: 100%;
	max-width: 220px;
	height: auto;
	margin-bottom: 0.75em;
}

/* 横並び 4列 */
#feature-index ul.col-4 {
	width: 100%;
	margin: 0;
}
#feature-index ul.col-4 li {
	width: 23%;
	padding: 0 1% 20px 1%;
}

/* 概要 1明細に対するコメント */
#feature-index .feature-notice {
	margin: 5px auto 0;
	padding: 2%;
	width: 90%;
	background: #eee;
	border-radius: 2px;
}

#feature-index .feature-notice .feature-notice-ttl {
	display: block;
	font-weight: bold;
}

/* **********************************************
代替カンバンボックス
************************************************* */
#feature-index .detail-box .wide-box {
	max-width: 1110px !important;
	padding: 10px 0 15px 0;
	text-align: center;
}
#feature-index .detail-box .wide-box .img-box {
	max-width: 1110px !important;
	text-align: center;
}
#feature-index .detail-box .wide-box .img-box img {
	max-width: 1110px !important;
	height: auto;
}

/**********************************************
 画像拡大ボタン
 **********************************************/

#feature-index .detail-box .btn {
	display: none;
}

/**********************************************
 TKD 注釈リスト
 **********************************************/
ul.comment {
	list-style-position: inside;
}
ul.comment li {
	color: #666;
	font-size: 90%;
	padding-left: 1em;
	text-indent: -1em;
}

/**********************************************
 TKD Youtube埋め込み
 **********************************************/
.youtube-box_v2 {
	margin: 20px 0 30px 0;
}
.youtube-box_v2 div {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin: 0 0 10px 0;
}
.youtube-box_v2 div iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	margin: 0 0 30px 0;
}
.youtube-box_v2 p {
	margin: 0 0 5px 0;
}
.youtube-box_v2 p.movtitle {
	border-left: 5px solid #274c83;
	padding: 0 0 0 10px;
	font-size: 120% !important;
	color: #044388;
	font-weight: bold;
}

/**********************************************
 TKD 余白調整
 **********************************************/

#feature-index .detail-box .half h3:nth-of-type(n+2) {
	margin: 20px 0 3px 0;
}

/**********************************************
エクリアミスト
 **********************************************/

#feature-index .pic-center.ttl-img{
	font-size: 234%;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	letter-spacing: 0.15em;
	font-weight: bold;
	line-height: 1.65;
	color: #333;
}
.c-lead-txt{
	color: #595656;
	margin: 0.5em 0 0 0;
}
#feature-index .detail-box .c-lead-txt p{
	font-size: 123.1%!important;
	//font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	text-align: center;
	line-height: 2.1;
}
.c-icn-maru{
	font-size: 170% !important;
	text-align: center;
	margin: 0.25em 0 0.25em;
}
.c-light-list{
	text-align: center;

	margin: 0 0 1em 0;
}
.c-light-list .c-light-ttl{
	font-size: 155.9%;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
}
.c-light-list .c-light-img{
	margin: 1.25em 0 1em 0;
	width: 100%;
	text-align: center;
}
.c-light-list .c-light-img img{
	width: 100%;
	max-width: 759px;
	height: auto;
}
.c-light-list .c-light-txt{
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	font-size: 108%;
}



/* ## Tablet Style  ###################################################################################################### */
@media screen and (min-width: 500px) and (max-width: 799px) {

	/* 特徴の項目ボックス 幅フルサイズ*/
	#feature-index .detail-box {
		width: 100%;
		padding: 0 0 35px 0;
		margin: 0 auto;
		clear: both;
		float: left;
	}

	/* 特徴の項目ボックス 幅50%サイズ用（２つのボックスを入れる）*/
	#feature-index .half {
		float: left;
		vertical-align: top;
		width: 48%;
		margin: 0 1%;
	}

	#feature-index .detail-box .half:first-child {}

	/* 特徴の見出し */
	#feature-index .detail-box h3 {
		width: 100%;
		padding: 8px 0 8px 0;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #828282;
		margin: 0 0 5px;
	}

	#feature-index .detail-box .half h3 {
		padding: 8px 0 8px 0;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #828282;
		margin: 0 0 3px 0;
		width: 100%;
	}

	#feature-index .detail-box h3 span {
		padding: 0 0 0 1%;
		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 0.5%;
	}

	/* 特徴のテキスト */
	#feature-index .detail-box p {
		font-size: 100%;
		line-height: 1.6;
		padding: 0;
		margin: 10px auto 0;
		width: 98%;
	}

	#feature-index .half p {
		font-size: 100%;
		line-height: 1.6;
		padding: 0;
		margin: 10px auto 0;
		width: 98%;
	}

	/* テキスト文中の画像配置 */
	#feature-index .pic-r {
		float: right;
		padding: 10px 10px 0 15px;
	}

	#feature-index .pic-l {
		float: left;
		padding: 10px 15px 0 15px;
	}

	#feature-index .half-pic-r {
		float: right;
		padding: 2%;
		width: 30%;
	}

	#feature-index .half-pic-l {
		float: left;
		padding: 2%;
		width: 30%;
		height: auto;
	}

	#feature-index .pic-center {
		padding: 2.5em 0 0 0;
		width: 100%;
		text-align: center;
	}

	#feature-index .half-pic-center {
		clear: both;
		padding: 8px 0 0 0;
		margin: 0;
		float: none;
		width: 100%;
		text-align: center;
	}

	#feature-index .pic-r img, #feature-index .pic-l img, #feature-index .half-pic-r img, #feature-index .half-pic-l img {
		width: 100%;
		height: auto;
	}

	#feature-index .pic-center img {
		width: 100%;
		height: auto;
	}

	#feature-index .half-pic-center img {
		height: auto;
		width: 100%;
		text-align: center;
	}

	#feature-index .pic-r .img-notice, #feature-index .pic-l .img-notice, #feature-index .half-pic-r .img-notice, #feature-index .half-pic-l .img-notice, #feature-index .pic-center .img-notice, #feature-index .half-pic-center .img-notice {
		display: block;
		font-size: 80%;
	}

	/* 製品画像 横並びリスト */
	#feature-index ul.pic {
		float: left;
		width: 100%;
		margin: 0 auto;
		padding: 10px 0 0;
	}
	#feature-index ul.pic li {
		float: left;
		text-align: center;
	}
	#feature-index ul.pic li img {
		vertical-align: top;
		max-width: 85%;
		height: auto;
	}
	#feature-index ul.pic p.name {
		text-align: center;
		clear: both;
		padding: 0 0 5px;
		line-height: 1.3;
		font-size: 93%;
		font-weight: bold;
		line-height: 1.3;
	}
	#feature-index ul.pic div.btn {
		text-align: center;
		clear: both;
		padding: 0;
	}

	/* 横並び 2列 */
	#feature-index ul.col-2 {
		width: 100%;
		margin: 0 auto;
	}
	#feature-index ul.col-2 li {
		width: 48%;
		padding: 0 1% 0 1%;
	}

	/* 横並び 3列 */
	#feature-index ul.col-3 {
		width: 100%;
		margin: 0 auto;
	}
	#feature-index ul.col-3 li {
		width: 32%;
		padding: 0 1% 20px 0;
	}

	/* 横並び 4列 */
	#feature-index ul.col-4 {
		width: 100%;
		margin: 0;
	}
	#feature-index ul.col-4 li {
		width: 23%;
		padding: 0 1% 20px 1%;
	}

	/* 概要 1明細に対するコメント */
	#feature-index .feature-notice {
		margin: 5px auto 0;
		padding: 2%;
		width: 90%;
		background: #eee;
		border-radius: 2px;
	}
	#feature-index .feature-notice .feature-notice-ttl {
		display: block;
		font-weight: bold;
	}

	/**********************************************************
	代替カンバンBOX
	***********************************************************/
	#feature-index .detail-box .wide-box {
		width: 100%;
		padding: 1% 0 0 0;
	}

	#feature-index .detail-box .wide-box .img-box {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}

	#feature-index .detail-box .wide-box .img-box img {
		width: 100%;
		height: auto;
		margin: 0 auto;
		/* 画像サイズは適した数値を指定してください。 */
		max-width: 700px;
	}

	#feature-index .detail-box .wide-box .img-box img.hand {
		width: 60%;
		height: auto;
		margin: 0 auto;
	}

	/**********************************************
	 画像拡大ボタン
	 **********************************************/
	#feature-index .detail-box .btn {
		display: none;
	}
	
/**********************************************
エクリアミスト
 **********************************************/



.c-lead-txt{
	color: #595656;
	margin: 0.5em 0 0 0;
}
#feature-index .detail-box .c-lead-txt p{
	font-size: 123.1%!important;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	text-align: center;
	line-height: 2.1;
}

.c-icn-maru{
	font-size: 170% !important;
	text-align: center;
	margin: 0.25em 0 0.25em;
}
.c-light-list{
	text-align: center;

	margin: 0 0 1em 0;
}

.c-light-list .c-light-img{
	margin: 1.25em 0 1em 0;
	width: 100%;
	text-align: center;
}
.c-light-list .c-light-img img{
	width: 100%;
	max-width: 759px;
	height: auto;
}
.c-light-list .c-light-txt{
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	font-size: 108%;
}




#feature-index .pic-center.ttl-img{
	font-size: 194%;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	letter-spacing: 0.25em;
	/*! font-weight: bold; */
	line-height: 1.65;
	color: #595656;
}
#feature-index .pic-center.ttl-img br{
	display: none;
}
.c-light-list .c-light-ttl{
	font-size: 155.9%;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
}
#feature-index .detail-box .c-lead-txt p br{
	display: none;
}
	
	
	
}





/* SmartPhone Style  ###################################################################################################### */
@media screen and (max-width:499px) {

	/* 特徴の項目ボックス 幅フルサイズ*/
	#feature-index .detail-box {
		width: 100%;
		padding: 0 0 30px 0;
		margin: 0 auto;
		clear: both;
		/* [disabled]float: left; */
	}

	/* 特徴の項目ボックス 幅50%サイズ用（２つのボックスを入れる）*/
	#feature-index .half {
		/* [disabled]float: left; */
		vertical-align: top;
		width: 100%;
	}

	#feature-index .detail-box .half:first-child {
		padding: 0 0 30px 0;
	}

	/* 特徴の見出し */
	#feature-index .detail-box h3 {
		width: 100%;
		padding: 8px 0 8px 0;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #828282;
		margin: 0 0 5px;
	}
	#feature-index .detail-box .half h3 {
		padding: 8px 0 8px 0;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #828282;
		margin: 0 0 3px 0;
		width: 100%;
		box-sizing: border-box;
	}
	#feature-index .detail-box h3 span {
		padding: 0 0 0 1.5%;
		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 0.5%;
	}

	/* 特徴のテキスト */
	#feature-index .detail-box p {
		font-size: 100%;
		line-height: 1.6;
		clear: both;
		width: 100%;
		margin: 0px auto 0;
		padding: 0;
	}
	#feature-index .half p {
		font-size: 100%;
		line-height: 1.6;
		padding: 5px 18px 0 15px;
		/* [disabled]float: left; */
	}

	/* テキスト文中の画像配置 */
	#feature-index .pic-r {
		/* [disabled]float: right; */
		padding: 8px 0 0 0;
		width: 100%;
		text-align: center;
	}

	#feature-index .pic-l {
		/* [disabled]float: left; */
		padding: 8px 0 0 0;
		width: 100%;
		text-align: center;
	}

	#feature-index .half-pic-r {
		float: right;
		padding: 8px 0 0 0;
		width: 100%;
		text-align: center;
	}

	#feature-index .half-pic-l {
		/* [disabled]float: left; */
		padding: 2.5em 0 0 0;
		width: 100%;
		text-align: center;
	}

	#feature-index .pic-center {
		/* [disabled]float: right; */
		padding: 8px 0 0 0;
		width: 100%;
		text-align: left;
	}

	#feature-index .half-pic-center {
		clear: both;
		padding: 8px 0 0 0;
		margin: 0 auto;
		float: none;
		width: 100%;
		text-align: center;
	}

	#feature-index .pic-r img, #feature-index .pic-l img, #feature-index .half-pic-r img, #feature-index .half-pic-l img {
		width: 80%;
		height: auto;
	}

	#feature-index .pic-center img {
		width: 100%;
		height: auto;
	}

	#feature-index .half-pic-center img {
		width: 100%;
		height: auto;
	}

	#feature-index .pic-r .img-notice, #feature-index .pic-l .img-notice, #feature-index .half-pic-r .img-notice, #feature-index .half-pic-l .img-notice, #feature-index .pic-center .img-notice, #feature-index .half-pic-center .img-notice {
		display: block;
		font-size: 80%;
	}

	/* 製品画像 横並びリスト */
	#feature-index ul.pic {
		float: left;
		width: 100%;
		margin: 0 auto;
		padding: 10px 0 0;

	}

	#feature-index ul.pic li {
		float: left;
		text-align: center;
	}

	#feature-index ul.pic li img {
		vertical-align: top
	}

	#feature-index ul.pic p.name {
		text-align: center;
		clear: both;
		padding: 8px 0 5px;
		line-height: 1.3;
		font-size: 93%;
		font-weight: bold;
		line-height: 1.3;
	}

	#feature-index ul.pic div.btn {
		text-align: center;
		clear: both;
		padding: 0;
	}

	/* 横並び 2列 */
	#feature-index ul.col-2 {
		width: 100%;
		margin: 0 auto;
	}
	#feature-index ul.col-2 li {
		width: 100%;
		padding: 0 0 20px 0;
		text-align: center;
	}

	/* 横並び 3列 */
	#feature-index ul.col-3 {
		width: 100%;
		margin: 0 auto;
	}
	#feature-index ul.col-3 li {
		width: 100%;
		padding: 0 0 20px 0;
	}

	/* 横並び 4列 */
	#feature-index ul.col-4 {
		width: 100%;
		margin: 0;
	}
	#feature-index ul.col-4 li {
		width: 100%;
		padding: 0 0 20px 0;
	}

	/* 概要 1明細に対するコメント */
	#feature-index .feature-notice {
		margin: 5px auto 0;
		padding: 2%;
		width: 90%;
		background: #eee;
		border-radius: 2px;
	}
	#feature-index .feature-notice .feature-notice-ttl {
		display: block;
		font-weight: bold;
	}

	/* **********************************************
	代替カンバンBOX
	************************************************* */
	#feature-index .detail-box .wide-box {
		width: 100%;
	}

	#feature-index .detail-box .wide-box .img-box {
		width: 100%;
		text-align: center;
	}

	#feature-index .detail-box .wide-box .img-box img {
		width: 100%;
		height: auto;
		margin: 0 auto;
		/* 画像サイズは適した数値を指定してください。 */
		max-width: 700px;
	}

	#feature-index .detail-box .wide-box .img-box img.hand {
		width: 60%;
		height: auto;
		margin: 0 auto;
	}

	/**********************************************
	 画像拡大ボタン
	 **********************************************/

	#feature-index .detail-box .btn {
		font-size: 93%;
		background-color: #E3E3E3;
		border: #1C88A6 solid 1px;
		box-sizing: border-box;
		text-align: center;
		clear: both;
		margin: 4% auto 0;
		display: inline-block;
		border: 1px solid #B6B6B6;
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#dbdbdb, endcolorstr=#ffffff))";
		zoom: 1;
		/* IE8 IE9 */
		background: -moz-linear-gradient(top, #dbdbdb, #ffffff);
		/* FF3.6+ */
		background: -webkit-linear-gradient(top, #dbdbdb, #ffffff);
		/* Chrome10+, Safari5.1+ */
		background: linear-gradient(to bottom, #ffffff, #dbdbdb);
		/* IE10+, W3C */
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

	#feature-index .detail-box .btn a {
		display: block;
		text-decoration: none;
		color: #333333;
		padding: 5px 7px;
	}

	#feature-index .detail-box .btn a:link {
		color: #333333;
		text-decoration: none;
	}

	#feature-index .detail-box .btn a:visited {
		color: #333333;
		text-decoration: none;
	}

	#feature-index .detail-box .btn a:hover,
	a:active {
		color: #333333;
		text-decoration: underline;
	}
	
	

/**********************************************
エクリアミスト
 **********************************************/



.c-lead-txt{
	color: #595656;
	margin: 0.5em 0 0 0;
}


.c-icn-maru{
	font-size: 170% !important;
	text-align: center;
	margin: 0.25em 0 0.25em;
}
.c-light-list{
	text-align: center;

	margin: 0 0 1em 0;
}

.c-light-list .c-light-img{
	margin: 1.25em 0 1em 0;
	width: 100%;
	text-align: center;
}
.c-light-list .c-light-img img{
	width: 100%;
	max-width: 759px;
	height: auto;
}
.c-light-list .c-light-txt{
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	font-size: 108%;
}




#feature-index .pic-center.ttl-img{
	font-size: 164%;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	letter-spacing: 0.25em;
	/*! font-weight: bold; */
	line-height: 1.65;
	color: #595656;
}
#feature-index .pic-center.ttl-img br{
	display: none;
}
#feature-index .detail-box .c-lead-txt p{
	font-size: 100%!important;
	//font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	text-align: left;
	line-height: 2.1;
}
.c-light-list .c-light-ttl{
	font-size: 155.9%;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
}
#feature-index .detail-box .c-lead-txt p br{
	display: none;
}




}.c-num-list{
}
.c-num-list{
	padding-left: 1em;
	text-indent: -1em;
}

.c-content-section-1--has_border {
  padding-top: 24px;
}
@media print, screen and (min-width: 48em) {
  .c-content-section-1--has_border {
    padding-top: 24px;
  }
}




/*その他特長*/
ul.features {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 2em 3.125% 0.5em;
	flex-wrap: wrap;
}
ul.features li {
	width: 48%;
	margin: 0 1% 2em;
	text-align: center;
}
@media print, screen and (min-width: 48em) {
	ul.features {
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin: 3em 3.125%;
		flex-wrap: nowrap;
	}
	ul.features li {
		width: 23%;
		margin:0 1%;
	}
}





/*画像配置　サイズ調整 **************************************************************/


@media print, screen and (min-width: 80em) {
  .p-column-block__column.p-column-block__column--large {
    width: 420px;
  }
}


/*もっとみるボタン **************************************************************/

.p-button-container--clear{
}

.c-option-info-txt{
  border-top: solid 1px #cacaca;
  text-align: left;
  margin-top:0;
  padding-top:1.75em;
  padding-bottom: 1.5em;
}
@media print, screen and (min-width: 40.0625em) {
  .c-option-info-txt{
    text-align: center;
    margin-top: 1.75em;
    padding-top: 2.5em;
    border-top: solid 1px #cacaca;
    padding-bottom: 1.5em;
  }
}

.c-option-btn{
    width: 100%;
    padding-top: 0;
    display: flex;
    position: inherit;
  justify-content: center;
  align-items: center;
  margin: 0 auto 1em;
}
@media print, screen and (min-width: 40.0625em) {
  .c-option-btn{
    display: flex;
  }
  .p-accordion__button {}
}

.c-option-btn .c-heading-2--box:before {
    display: block;
    position: absolute;
    left: 0;
    top: -1;
    width: 0;
    height: calc(100% + 2px);
    background-color: #333;
    content: "";
}
@media print, screen and (min-width: 40.0625em) {
  .c-option-btn .c-heading-2--box:before {
    display: block;
    position: absolute;
    left: 0;
    top: -1;
    width: 0;
    height: calc(100% + 2px);
    background-color: #333;
    content: "";
  }
}
@media print, screen and (max-width: 40em) {
  .c-option-btn .c-heading-2--box {
    margin-bottom: 20px;
    padding-top: 12px;
    padding-bottom: 10px;
    padding-right: 22px;
    padding-left: 22px;
  }
}

.c-option-btn .c-heading-2--black {
  border-radius: 50px;
}

.c-option-btn .p-accordion__button {right: 15px;}

@media print, screen and (min-width: 40.0625em) {
  .c-option-btn .p-accordion__button {right: 15px;}
}

.p-accordion__trigger.c-option-btn {
  margin-bottom:28px;
  width:80%;
}
@media print, screen and (min-width: 40.0625em) {
  .p-accordion__trigger.c-option-btn {
    margin-bottom: 0;
    width:370px;
  }
}
@media print, screen and (min-width: 80em) {
  .p-accordion__trigger.c-option-btn {
    margin-bottom: 17px;
    width: 370px;
  }
}
.p-accordion__trigger.c-option-btn  .c-heading-2 {margin-bottom:0;width: 260px;text-align: center;padding-left: 4em;}


.c-option-btn .p-accordion__button span {
  border-color: #333;
}
.c-option-btn .p-accordion__button span:before,
.c-option-btn .p-accordion__button span:after {
  background-color: #fff;
}
.p-accordion__trigger.c-option-btn:hover .p-accordion__button span {
   border-color: #333!important;
}
.p-accordion__trigger.c-option-btn:hover .p-accordion__button span:before,
.p-accordion__trigger.c-option-btn:hover .p-accordion__button span:after {
    background-color: #fff!important;
 }

/*表題修正*/
.p-product-heading__title {
  display: block;word-break: keep-all;
}

@media print, screen and (max-width: 40em) {
  .c-ttl-kisyu .c-heading-2__title{
        font-size: 123.1%;
  }
}
/*表題修正*/
.c-option-btn .c-heading-2__title{
    font-size: 100%;
    margin-right: 25px;
}
@media print, screen and (min-width: 40.0625em) {
  .c-option-btn .c-heading-2__title{
      font-size: 123.1%;
      padding-right:15px;
  }
}

/*表題修正 検索結果*/
.c-kensaku .c-heading-2__title{
    font-size: 113.2%;
}
@media print, screen and (min-width: 40.0625em) {
  .c-kensaku .c-heading-2__title{
      font-size: 123.1%;
      padding-right:15px;
  }
}
/*複数選択モーダルウインドウの＋－ボタン*/

.modalselect-selected__tit{
  padding-left:0;
}
@media print, screen and (min-width: 40.0625em) {
  .modalselect-selected__tit{
    padding-left:33px;
  }
}
.modalselect-selected__titbox .p-accordion__button {right: 15px;}

@media print, screen and (min-width: 40.0625em) {
  .modalselect-selected__titbox .p-accordion__button {
    left: 0;
  }
}
.modalselect-selected__titbox .p-accordion__button span {
  border-color: #014099;
}
.modalselect-selected__titbox .p-accordion__button span:before,
.modalselect-selected__titbox .p-accordion__button span:after {
  background-color: #014099;
}
.p-accordion__trigger.modalselect-selected__titbox:hover .p-accordion__button span {
   border-color: #7395c7!important;
}
.p-accordion__trigger.modalselect-selected__titbox:hover .p-accordion__button span:before,
.p-accordion__trigger.modalselect-selected__titbox:hover .p-accordion__button span:after {
    background-color: #7395c7!important;
 }

 .c-dsearch__sec01 option{
  font-size: 123.1%;
  line-height:1.8;
 }

}


.js-multi-accordion.is-close .c-ttl-seihin .c-heading-2__title.close-txt{
  display: block;
  width: 16em;
  text-align:center;
}
.js-multi-accordion:not(.is-close) .c-ttl-seihin .c-heading-2__title.close-txt{
  display: none;
}
.js-multi-accordion:not(.is-close) .c-ttl-seihin .c-heading-2__title.open-txt{
  display: block;
  /* width: 16em; */
  text-align:center;
}
.js-multi-accordion.is-close .c-ttl-seihin .c-heading-2__title.open-txt{
  display: none;
}


/*もっとみるボタン　テキストリンクスタイル上書*/

#feature-index .js-multi-accordion a,
#feature-index .js-multi-accordion a:link,
#feature-index .js-multi-accordion a:hover,
#feature-index .js-multi-accordion a:visited
{color:#fff; text-decoration: none!important;}



@media print, screen and (min-width: 48em) {
  .p-column-block__column.p-column-block__column--large {
    width: 28%;
    margin-bottom: 0;
  }
}



.img_special_sp {display:block;}
.img_special_pc {display:none;}
.p-column-block__column.p-column-block__column--3 {
    margin-bottom: 20px;
}

@media screen and (max-width:499px) {
.p-column-block__column.p-column-block__column--3 {
    margin-bottom: 50px;
}
}

@media print,screen and (min-width: 48em) {
  .img_special_sp {display:none;}
  .img_special_pc {display:block;}
}




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





/*パートナーリンク*****************************************************************************/


@media print, screen and (min-width: 48em) {
  .p-column-block__column.p-column-block__column--large.p-bnr-link-box {
    width: 50%;
    margin-bottom: 0;
  }
}


.p-column-block.p-bnr-link-box {
	margin-top: 2em;
}
@media print, screen and (min-width: 48em) {
	.p-column-block.p-bnr-link-box {
		display: flex;
    	align-items: center;
	}
}

#feature-index .detail-box .p-bnr-link-box p {
	font-size: 100%;
	line-height: 1.6;
	padding: 0 0 0 0;
}

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

.p-column-block.p-bnr-link-box img {
		transition: 0.75s ;
	}

.p-column-block.p-bnr-link-box img:hover {
	opacity: 0.5 ;
}