@charset "utf-8";

main {margin-bottom: 30px;}

/*-------- hタグ --------*/
h2,h3,h4,h5 {letter-spacing: 0.05em;}

h2 {
	margin-bottom: 30px;
	text-align: center;
}

h3 {
	margin: 0 0 5px;
	color: #ff9966;
	font-size: 135%;
	line-height: 1.4;
}

h4 {
	padding: 10px 25px;
	color: #fff;
	font-size: 140%;
	text-align: center;
	background: #ff9966;
	border-radius: 50px;
}

@media all and (-ms-high-contrast:none){
	h4 {
	padding: 15px 25px 10px 25px;
	}
}


/*-------- hタグ --------*/

.new-title h5 {
	margin: 0 0 30px;
	color: #ff9966;
	display: inline-block;
	font-size: 160%;
	font-weight: normal;
	border-bottom: 2px solid #ff9966;
}

/*-------- 共通 --------*/
/* 品番・製品名 */
.number {font-weight: bold;}

.name {
	margin: 5px 0 10px;
	color: #ff9966;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.3;
}

.orange {
	color: #ff9966;
	font-weight: bold;
}


/*-------- パンくず --------*/
#sec1 {
	margin-bottom: 40px;
	padding: 10px 0;
	background: #f0f3f5;
}


/*-------- セオα --------*/
#ceo-a .main-read p.sub_title {
	width: 100%;
	margin: 0 0 5px;
	color: #272b76;
	font-size: 108%;
	font-weight: bold;
	float: none;
}

#ceo-a .main-read {
	width: 62%;
	float: left;
}

#ceo-a .main-img {
	width: 35%;
	float: right;
}


/*-------- ベンセリック --------*/
#bemceric .main-read p.sub_title {
	width: 100%;
	margin: 0 0 5px;
	color: #272b76;
	font-size: 108%;
	font-weight: bold;
	float: none;
}

#bemceric .main-read {
	width: 62%;
	float: left;
}

#bemceric .main-img {
	width: 35%;
	float: right;
}

#bemceric .point-detail img {width: 70%;}

#bemceric .point-detail p {
	margin: 10px 0 0;
}

#bemceric .point-detail ul a {color: #cc3333;}

#bemceric .point-detail p.sub_title {
	width: 100%;
	margin: 15px 0 5px;
	color: #272b76;
	font-size: 108%;
	font-weight: bold;
	float: none;
}


/*-------- 異物混入対策シールド対応マスク --------*/
#pa2385 #sec3 {
	margin: 40px 0;
	padding: 40px 0;
	background: #ffebe1;
}

#pa2385 .main-read {
	width: 62%;
	float: left;
}

#pa2385 .main-read .read {
	margin: 0 0 30px;
	font-size: 108%;
}

#pa2385 .main-img {
	width: 35%;
	float: right;
}

#pa2385 .main-read ul li { 
	padding-left: 1.1em; 
	text-indent: -1.1em;
}

#pa2385 .main-read ul li:before {
	content: "■ ";
	font-size: 80%;
}

#pa2385 .point-detail ul {margin: 10px 0 0;}

#pa2385 .point-detail ul li { 
	padding-left: 1em; 
	text-indent: -1em;
}

#pa2385 .point-detail ul li:before {
	content: "■ ";
	color: #ff9966;
}

#pa2385 .point-detail .txt .floatL,
#pa2385 .point-detail .txt .floatR {
	width: 48%;
}

#pa2385 .point-detail .txt .floatL img,
#pa2385 .point-detail .txt .floatR img {
	margin: 5px 0 0; 
}

#pa2385 .product_btn {
	width: 250px;
	padding: 1.5% 0;
}

/*-------- 静電靴 --------*/
#seiden-shoes #sec3 {margin-top: 35px;}
#seiden-shoes #sec4 {text-align: center;}

/*-------- クリーンブーツ --------*/
.cleanboots {
	text-align: center;
}

.cleanboots img {
	margin-top: 30px;
	max-width: 900px;
	width: 100%;
}

/* メイン説明 */
.main-desc .txt {
	width: 550px;
	float: left;
}

.main-desc .m-title {
	margin: 0 0 10px;
	color: #ff9966;
	font-size: 115%;
}

.main-desc .floatR {
	width: 390px;
	float: right;
}

/* ポイント 横2列 */
.point-2rows {margin: 0 !important;}

.point-2rows,
.point-3rows {
	margin: 30px 0 0;
	text-align: justify;
}

.point-2rows:after,
.point-3rows:after {
	width: 100%;
	height: 0;
	content: "";
	display: inline-block;
	line-height:0;
}

.point-2rows .txt {
	width: 100%;
	display: block;
}

.point-detail {
	width: 48%;
	margin: 20px 0;
	display: inline-block;
	text-align: left;
	vertical-align: top;
}

.point-detail .txt {
	margin: 15px 0 0;
	padding: 0 20px;
}

.point-detail p {
	width: 100%;
	list-style: none;
}

.point-detail img {
	margin: 20px auto 0;
	display: block;
}


/* ポイント 横3列 */
.point-3rows .point-detail {width: 32%;}

.point-3rows .point-detail p {
	width: 100%;
	margin: 0 0 10px;
	float: none;
}

.point-3rows .point-detail p span {color: #ff9966;}

.point-3rows .point-detail img {
	width: 250px;
	margin: 0 auto;
	display: block;
}


/* 製品ボタン */
a.product_btn {
	width: 100%;
	margin: 15px auto 0;
	padding: 1.5% 4%;
	display: block;
	color: #fff;
	font-size: 120%;
	text-align: center;
	background: #ff9966;
	border: 2px solid #ff9966;
}

a.product_btn:hover {
	color: #ff9966;
	background: #fff;
	border: 2px solid #ff9966;
}

a.product_btn i {
	margin-left: 7px;
	font-size: 120%;
}

/* 製品ボタン ブルー */
a.product_btn-blue {
	width: 100%;
	margin: 20px auto 0;
	padding: 7% 0;
	display: block;
	color: #fff;
	text-align: center;
	background: #272b76;
	border: 2px solid #272b76;
}

a.product_btn-blue:hover {
	color: #272b76;
	background: #fff;
	border: 2px solid #272b76;
}

a.product_btn-blue i {
	margin-left: 7px;
	font-size: 120%;
}


/*-------- #sec3 --------*/
#sec3 .wid1 {text-align: justify-all;}

#sec3 .wid1:after {
	width: 100%;
	height: 0;
	content: "";
	display: inline-block;
	line-height:0;
}

/* 製品ブロック */
#product {
	width: 31%;
	margin: 0 0 2.5%;
	padding: 3%;
	display: inline-block;
	text-align: left !important;
	vertical-align: top;
	position: relative;
}

#product:before,
#product:after {
	width: 35px;
	height: 35px;
	position: absolute;
	content: '';
	visibility: inherit;
}

#product:before {
	top: 0;
	left: 0;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

#product:after {
	bottom: 0;
	right: 0;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.frame:before,
.frame:after {
	width: 35px;
	height: 35px;
	position: absolute;
	content: '';
	visibility: inherit;
}

.frame:before {
	top: 0;
	right: 0;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

.frame:after {
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

/* 製品ブロック 内容 */
span.tag {
	margin-right: 5px;
	padding: 1% 3.5%;
	display: inline-block;
	color: #fff;
	font-size: 90%;
	background: #333;
	border-radius: 50px;
}

#product img {
	width: 100%;
	margin: 0 auto;
	display: block;
}

#product .detail {
	width: 50%;
	margin-left: 20px;
	float: left;
}

/* 新製品紹介 */
.new_box {
	padding: 30px 0;
	border-bottom: 1px dashed #ff9966;
	text-align: justify;
}

.new_box:after {
	width: 100%;
	height: 0;
	content: "";
	display: inline-block;
	line-height:0;
}

#shoes {border: none;}

/* 新製品紹介 製品ブロック */
#product_new {
	width: 48.5%;
	margin: 0 0 2.5%;
	padding: 3%;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

#product_new:before,
#product_new:after {
	width: 35px;
	height: 35px;
	position: absolute;
	content: '';
	visibility: inherit;
}

#product_new:before {
	top: 0;
	left: 0;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

#product_new:after {
	bottom: 0;
	right: 0;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

/*-------- 製品ブロック-3列 --------*/
#product_3rows {
	width: 31%;
	margin: 0 0 2.5%;
	padding: 3%;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

/* 新製品紹介 製品ブロック 内容 */
#product_new img {
	width: 180px;
	float: left;
}

#product_new .name {
	margin: 10px 0;
	color: #ff9966;
	font-size: 110%;
}

#product_new .detail {
	width: 50%;
	margin-left: 20px;
	float: left;
}

/* 製品ボタン */
#product_new a.product_btn {
	margin: 15px auto 0;
	padding: 5%;
	display: block;
	color: #fff;
	text-align: center;
	background: #ff9966;
	border: 2px solid #ff9966;
}

#product_new a.product_btn:hover {
	color: #ff9966;
	background: #fff;
	border: 2px solid #ff9966;
}

#product_new a.product_btn i {
	margin-left: 7px;
	font-size: 120%;
}

/* 製品ブロック ボタン */
#product_3rows a.product_btn {
	width: 100%;
	margin: 15px auto 0;
	padding: 3%;
	display: block;
	color: #fff;
	text-align: center;
	background: #ff9966;
	border: 2px solid #ff9966;
}


/** middle
===================================*/
@media screen and (max-width: 990px){
/*-------- 開発コンセプト --------*/
.concept {padding: 0;}
.concept img {width: 85%;}
.concept .txt {width: 45%;}

/* スクロールボタン */
ul.scroll_btn li {width: 31.5%;}

/* 開発ポイント */
.point_conpcept .txt,
.point_conpcept img,
.point04_desc {
	width: 48%;
	vertical-align: middle;
}

.point04_desc img {width: 100%;}



/*-------- #sec1 --------*/
#sec1 {padding: 10px 20px;}


/*-------- #sec2 --------*/
/* メインタイトル */
#sec2 .title {
	padding-left: 25px;
	background-size: contain;
}

/* メイン説明 */
.main-desc {padding: 0;}
.main-desc .txt {width: 55%;}
.main-desc .floatR {width: 40%;}

/* 製品ボタン */
a.product_btn {width: 60%;}

/* ポイント 横2列 */
.point-2rows .txt {
	width: 100%;
	display: block;
}

.point-2rows img {width: 100%;}

/* 製品ボタン */
a.product_btn {width: 100%;}

/* 素材・説明追記 */
.ps-right {width: 40%;}

/* 新製品 製品ブロック */
#product_new img {
	margin: 0 auto;
	float: none;
	display: block;
}

#product_new .detail {
	width: 100%;
	margin: 15px 0 0;
	float: none;
}
}


/** mobile
===================================*/
@media screen and (max-width: 768px){
main {margin-bottom: 50px;}

/* アコーディオンボタン */
.accordion {margin-top: 15px;}

.accordion span {
	padding: 5% 0;
	display:block;
	color: #fff;
	text-align: center;
	background: #ff9966;
	border-radius: 50px;
}

.accordion span i {
	margin-left: 5px;
	font-size: 130%;
}

.new_box {display:none;}


/*-------- #sec1 --------*/
#sec1 {
	margin: 0;
	padding: 10px 0;
	background: #f0f3f5;
}


/*-------- セオα --------*/
#ceo-a .point-detail img {width: 80% !important;}

#ceo-a .main-read {
	width: 100%;
	float: none;
}

#ceo-a .main-img {
	width: 70%;
	margin: 15px auto 0;
	float: none;
}


/*-------- ベンセリック --------*/
#bemceric .point-detail img {width: 80% !important;}

#bemceric .main-read {
	width: 100%;
	float: none;
}

#bemceric .main-img {
	width: 70%;
	margin: 15px auto 0;
	float: none;
}


/*-------- 異物混入対策 --------*/
#pa2385 #sec3 {
	width: 100%;
	padding: 2% 4%;
}

#pa2385 .main-read {
	width: 100%;
	float: none;
}

#pa2385 .main-img {
	width: 70%;
	margin: 15px auto 0;
	float: none;
}

#pa2385 .product_btn {
	width: 70%;
	padding: 5% 0;
}


/*-------- #sec2 --------*/
#sec2 {
	margin: 0 auto 25px;
	padding: 0;
}

/* ポイント 横2列 */
.point-2rows {text-align: left;}
.point-2rows:after {display: block;}

.point-detail {
	width: 100% !important;
	display: block;
}

.point-detail .txt {
	margin: 15px 0 0;
	padding: 0;
}

.point-detail img {
	width: 100% !important;
	margin: 0 auto;
	display: block;
	float:none;
}

.point-detail ul,
.point-detail p {
	width: 100%;
	height: auto !important;
	min-height: 0;
	margin: 0 0 20px;
	float: none;
}

/* 製品ボタン */
a.product_btn {
	width: 75%;
	margin: 20px auto 0;
	padding: 5% 0;
	display: block;
	color: #fff;
	text-align: center;
	background: #ff9966;
	border: 2px solid #ff9966;
}

a.product_btn:hover {
	color: #ff9966;
	background: #fff;
	border: 2px solid #ff9966;
}

a.product_btn i {
	margin-left: 7px;
	font-size: 120%;
}


/*-------- #sec3 --------*/
#sec3 {
	width: 92%;
	margin: 0 auto;
	padding: 0;
}

#sec3 .wid1 {padding: 0;}

/* 製品ブロック */
#product_new,#product,#product_3rows {
	width: 100%;
	margin: 0 0 20px;
	padding: 8%;
	display: block;
}

#product_new img,#product img,#product_3rows {width: 75%;}

span.tag {padding: 1.5% 4%;}
}