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

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

#p-wraper {
	max-width:1118px;
	margin:50px auto 3em;
	}
	
#p-wraper img {
	width:100%;
	margin:0;
	padding:0;
	vertical-align:bottom;
	}
	
#p-wraper h3 {
	width:100%;
	margin:0 0 1em 0;
	padding:0.3em 0;
	color:#FFFFFF;
	background-color:#003300;
	font-size:1.2em;
	text-align:center;
	font-weight:normal;
	}
	
#p-wraper h3.obi-org {
	background-color:#EA5E00;
	}
	
#p-wraper h4 {
	width:100%;
	margin:0 0 1em 0;
	padding:0;
	font-size:1.6em;
	font-weight:normal;
	}
	
#p-wraper p {
	width:100%;
	margin:0 0 1em 0;
	padding:0.5em 0;
	font-size:1em;
	font-weight:normal;
	line-height:1.6em
	}
	

#p-wraper2 {
	max-width:1118px;
	margin:0 auto 3em;
	}
	
#p-wraper2 h3 {
	width:170px;
	margin:0 0 1em 0;
	padding:0.3em 0.3em 0;
	background-color:#CC0000;
	color:#FFFFFF;
	font-size:1.2em;
	text-align:right;
	font-weight:normal;
	}
	
#p-wraper2 h4 {
	width:100%;
	margin:0;
	padding:0;
	font-size:1.6em;
	font-weight:normal;
	}
	
#p-wraper2 p {
	width:100%;
	margin-top:0;
	padding:0;
	font-size:1em;
	font-weight:normal;
	line-height:1.6em
	}
	
#d-test {
	width:100%;
	max-width:1118px;
	}
	
/*--- common ---------------------*/

.p-wrap-main {
	width:96%;
	margin:0 auto;
	}
	
.p-wrap-main h4 {
	margin:0;
	padding:0;
	}

.p-wrap-left {
	width:44.5%;
	float:left;
	}
	
.p-wrap-left img {
	width:100%;
	}
	
.p-wrap-right {
	width:44.5%;
	float:right;
	}
	
.p-wrap-right img {
	width:100%;
	}

.p-wrap-left-82 {
	width:78%;
	float:left;
	}
	
.p-wrap-right-11 {
	width:114px;
	float:right;
	}
	
.p-wrap-left-50 {
	width:50%;
	float:left;
	}
	
.p-wrap-right-50 {
	width:50%;
	float:right;
	}
	
.p-w-80 {
	width:80%;
	margin:0 auto;
	padding:1.5em 0;
	}
	
.p-mb-1 {
	margin-bottom:1em;
	display:block;
	}
	
.p-mb-2 {
	margin-bottom:2em;
	display:block;
	}
	
.p-mb-3 {
	margin-bottom:3em;
	display:block;
	}
	
.p-ye-line {
	background-color:#FFFF99;
	}
	
.p-red {
	color:#CC0000;
	}
	
.p-gry-bg {
	padding:5%;
	background-color:#FAFAFA;
	clear:both;
	}
	
.p-gry-bg img {
	width:100%;
	}
	
.p-grow {
	margin:0 0 2em 0;
	padding:5% 5% 2% 5%;
box-shadow:0px 0px 5px 1px #e3e3e3;
-moz-box-shadow:0px 0px 5px 1px #e3e3e3;
-webkit-box-shadow:0px 0px 5px 1px #e3e3e3;
	}
	
.p-grow h5 {
	margin:0;
	padding:0;
	font-size:1em;
	color:#EA5E00;
	font-weight:normal;
	}

.p-data {
	width:100%;
	}

.p-le {
	width:44%;
	margin:0 0 1.5em 0;
	padding:0;
	float:left;
	}
.p-ri {
	width:44%;
	margin:0 0 1.5em 0;
	padding:0;
	float:right;
	}
	
.p-le img,
.p-ri img {
	width:100%;
	}
	
#p-footer {
	max-width:1118px;
	margin:0 auto;
	padding:2em 0;
	background-color:#FFFFEE;
	clear:both;
	}
	
#p-footer dl {
	width:90%;
	margin:0 auto 2em;
	}
	
#p-footer dl dt {
	margin:0 0 0.3em 0;
	font-size:1.3em;
	}
	
#p-footer dl dd {
	}

/* DROPS START */
.t-center {
	text-align:center;
	}
img#d-02-img {
	width:210px;
	height:210px;
	float:right;
	margin:0 0 0 5em;
	}
img#d-03-img {
	width:59px;
	height:122px;
	display:block;
	margin:1em auto 2em;
	}

	
#p-wraper3 {
	width:100%;
	max-width:1118px;
	/*background-color:#EBF7FB;*/
	background-color:#EBEBEB;
	margin:0 auto 2em;
	padding:2em 0;
	}
#p-wraper3 h3 {
	width:90%;
	margin:0 auto 0.5em;
	/*color:#006699;*/
	font-size:1.6em;
	font-weight:normal;
	}
.p-grow2 {
	width:90%;
	background-color:#FFFFFF;
	margin:0 auto;
	padding:2em 0;
box-shadow:0px 0px 5px 1px #e3e3e3;
-moz-box-shadow:0px 0px 5px 1px #e3e3e3;
-webkit-box-shadow:0px 0px 5px 1px #e3e3e3;
	}
.p-grow2 h4 {
	width:90%;
	margin:0 auto 0.5em;
	padding:0 0 0.3em 0;
	border-bottom:#333333 solid 1px;
	font-weight:normal;
	}
.txt-org {
	color:#FF6600;
	font-size:1.6em;
	}
.p-grow2 p {
	width:90%;
	margin:0 auto 2em;
	}

ul.d-case-1 {
	width:100%;
	max-width:1118px;
	margin:0 auto;
	}
ul.d-case-1 li {
	width:50%;
	float:left;
	text-align:center;
	margin:0 0 1.5em 0;
	}
ul.d-case-1 li img {
	width:90%;
	margin:0 auto 0.3em;
	}
ul.d-case-1 li p {
	width:90%;
	margin:0 auto;
	text-align:left;
	}

ul.d-case-2 {
	width:90%;
	max-width:1056px;
	margin:0 auto;
	}
ul.d-case-2 li {
	width:30%;
	float:left;
	text-align:center;
	margin:0 5% 1em 0;
	}
ul.d-case-2 li:nth-child(3n) {
	margin-right:0;
	}
ul.d-case-2 li img {
	width:100%;
	}
ul.d-case-2 li p {
	margin:0;
	padding:0;
	}
	
ul.d-data {
	margin:0 0 15px 0;
	}
	
ul.d-data li {
	width:50%;
	float:left;
	text-align:center;
	margin:0 0 1em 0;
	}
ul.d-data li img {
	width:80%;
	margin:0 auto;
	}
#p-wraper3 h5 {
	width:90%;
	margin:0 auto 1em;
	font-size:1.6em;
	font-weight:normal;
	}
p.sirabe {
	width:90%;
	margin:0 auto 2em;
	padding:0.5em 0 0 0;
	text-align:right;
	clear:both;
	}
.d-kokin-img {
	width:90%;
	margin:0 auto 1em;
	}
.d-kokin-img img {
	width:100%;
	}
	
.d-siyou {
	width:96%;
	max-width:1118px;
	margin:0 auto;
	}
/* DROPS END */

	
@media only screen and (max-width: 640px) { 

.p-wrap-left,
.p-wrap-right {
	width:100%;
	float:none;
	}

.p-wrap-left-82 {
	width:auto;
	float:none;
	}
	
.p-wrap-right-11 {
	width:114px;
	margin:0 0 1em 1em;
	float:right;
	}

.p-wrap-left-50,
.p-wrap-right-50 {
	width:90%;
	margin:0 auto 3em;
	float:none;
	}
	
.p-w-80 {
	width:100%;
	margin:0;
	padding: 0;
	}
	

.p-le,
.p-ri {
	width:80%;
	margin:0 auto 1em;
	padding:0;
	float:none;
	}

/* DROPS START */
img#d-02-img {
	width:140px;
	height:140px;
	float:right;
	margin:0 0 1em 1em;
	}
/*ul.d-data li {
	width:100%;
	float:none;
	text-align:center;
	}*/
/*ul.d-data li img {
	max-width:402px;
	margin:0 auto;}*/
	
/* DROPS END */


}





/* BIO START */
#p1118-wraper {
	width:100%;
	max-width:1118px;
	margin:50px auto 3em;
	}
	
#p1118-wraper img {
	width:100%;
	}
	
.p-1118-p22 {
	padding:0 2%;
	}
	
.p-1118-p22 h4 {
	margin:1em 0;
	padding:0;
	font-size:1.6em;
	font-weight:normal;
	line-height:1.4em;
	}
	
.p-1118-p22 p {
	margin:0 0 1em 0;
	font-size:1em;
	font-weight:normal;
	line-height:1.6em;
	}
	
.flex-box {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	height:auto;
	}
	
.flex-box-item {
	width:50%;
	}
	
.flex-box-item82 {
	width:82%;
	}
	
.flex-box-item18 {
	width:18%;
	}
	
.flex-rev {
	flex-direction:row-reverse;
	}
	
.bio-rec {
	border:#CC0000 solid 1px;
	padding:1em;
	}
	
.bio-rec dt h3 {
	margin:0 0 1em 0;
	padding:0;
	font-size:1.4em;
	}

h4.bl-obi {
	padding:0.7em 0 0.5em;
	background-color:#00A0E9;
	color:#FFFFFF;
	text-align:center;
	}
	
.bio-rec dd,
.bio-rec dd ul,
.bio-rec dd ul li {
	margin:0;
	padding:0;
	font-size:1em;
	line-height:1.6em;
	list-style:none;
	}
	
.bg-cleam-wrap {
	margin:0;
	padding:1em 2em;
	background-color:#FEF4DC;
	}
	
.bg-cleam-wrap img {
	margin:0 0 1em 0;
	}
	
.p-t-1em {padding-right:1em;}

.p-r-2em {padding-right:2em;}

.p-l-2em {padding-left:2em;}
	
.m-b-1em {margin-bottom:1em;}
.m-b-3em {margin-bottom:3em;}
.m-b-5em {margin-bottom:5em;}

.txt-red {color:#CC0000;}

@media only screen and (max-width: 640px) { 
.p-1118-p22 h4 {
	margin:0.5em 0;
	}
	
.flex-box {
	display:block;
	}
	
.flex-box-item {
	width:100%;
	}
	
.flex-box-item82 {
	width:100%;
	}
	
.flex-box-item18 {
	margin:0 auto;
	width:30%;
	}
	
.bio-rec {
	margin-bottom:2em;
	}
	
h4.bl-obi {
	padding:0.3em 0 0.2em;
	}
	
.bg-cleam-wrap {
	padding:0.5em 1em;
	}
	
.p-r-2em {padding-right:0;}

.p-l-2em {padding-left:0;}
}






/*ページ上部のお知らせ*/
section.news-wrap {
	width:100%;
	max-width:1118px;
	margin:0 auto;
	}
	
section.news-wrap h3 {
	background-color:#CC0000;
	color:#FFFFFF;
	text-align:center;
	padding:0.3em 0;
	font-size:1.6em;
	font-weight:normal;
	}
	
section.news-wrap .news-r {
	width:45.4%;
	float:right;
	}
	
	section.news-wrap .news-r img {
	width:100%;
	}
	
section.news-wrap .news-l {
	width:45.4%;
	float:left;
	}
	
section.news-wrap h4 {
	font-size:1.6em;
	font-weight:normal;
	margin:0 0 0.5em 0;
	}
	
@media only screen and (max-width: 640px) { 
section.news-wrap .news-r {
	width:90%;
	float:none;
	margin:0 auto;
	}
	
	section.news-wrap .news-r img {
	width:100%;
	max-width:508px;
	}
	
section.news-wrap .news-l {
	width:90%;
	float:none;
	margin:0 auto;
	}
}

/*商品ラインナップ*/
.item-lineup {
	width:100%;
	max-width:1118px;
	margin:0 auto;
	}
	
.item-lineup img {
	width:100%;
	}