/* details */
.page_details{
	position: relative;
}
/* blue */
._BlueFront{
	border-left: 7px solid #003894;
}
._BlueBorder{
	border: 1px solid #003894;
}
._BlueBack{
	background-color: #003894;
}
/* pink */
._PinkFront{
	border-left: 7px solid #FF85B7;
}
._PinkBorder{
	border: 1px solid #FF85B7;
}
._PinkBack{
	background-color: #FF85B7;
}
/* gold */
._GoldFront{
	border-left: 7px solid #c4a52b;
}
._GoldBorder{
	border: 1px solid #c4a52b;
}
._GoldBack{
	background-color: #c4a52b;
}

/* ._bkGray{
	background-color: #F6F6F6;
} */

.wrap-details-main{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	margin: 60px auto 60px;
}

.wrap-details-left{
	width: 50%;
	position: relative;
}
.wrap-details-right{
	width: 50%;
	margin-top: 5%;
}

.wrap-details-products-icon-list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	gap: 1%;
}
.wrap-details-products-icon-list li {
	width: 18%;
	height: auto;
}
.wrap-details-products-icon-list img {
	width: 100%;
	height: auto;
}
.wrap-details-products-icon-list li.icon-width-large {
	width: 27%;
}
.wrap-details-products-icon{
	position: absolute;
	width:18%;
	height:auto;
	left: 0;
	top: 0;
}
.wrap-details-products-icon2{
	position: absolute;
	width:18%;
	height:auto;
	left: 18%;
	top: 0;
}
.wrap-details-products-icon3{
	position: absolute;
	width:18%;
	height:auto;
	left: 36%;
	top: 0;
}
._iconGran{
	position: absolute;
	width:100px;
	height:auto;
	left: 0;
	top: 5px;
}
._iconGran2{
	position: absolute;
	width:100px;
	height:auto;
	left: 100px;
	top: 5px;
}
._iconGran3{
	position: absolute;
	width:100px;
	height:auto;
	left: 120px;
	top: 5px;
}
._iconPow{
	position: absolute;
	width:90px;
	height:auto;
	left: 120px;
}
._informedIcon{
	position: absolute;
	width:130px;
	height:auto;
}
.detailsTitle{
	padding-bottom: 50px;
}
.detailsTitle img{
	width: 40%;
	padding-bottom: 20px;
}
.detailsTitle img._logo2{
	width: 25%;
}
.detailsTitle img._water2{
	width: 30%;
}
.detailsName{
	display: block;
	font-size: 23px;
	padding-bottom: 5px;
	letter-spacing: .15em;
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
}
._fwName{
	font-size: 21px;
	letter-spacing: .1em;
}
.detailsTaste{
	display: block;
	font-size: 19px;
}
.detailsPoint{
	font-size: 15px;
}
.detailsPoint p{
	margin-bottom: 15px;
	text-align: justify;
	text-justify: inter-ideograph;
	position: relative;
	line-height: 1.7;
	padding-left: 1em;
}
.detailsPoint p:before{
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	left: 0;
	top: .4em;
	bottom: 0;
	background:url(../images/iconTriangle.svg) no-repeat;
	background-size:contain;
	position: absolute;
}
.wrap-details-right .detailsOsusume{
	text-align: center;
	margin-top: 30px;
}
.wrap-details-right .detailsOsusumeTitle{
	color: #FFF;
	font-size: 15px;
	letter-spacing: 1px;
	padding: .5em 0;
}
.wrap-details-right .detailsOsusume ul{
	display: inline-block;
	text-align: left;
	font-size: 14px;
	line-height: 2em;
	letter-spacing: 1px;
	padding: 1em;
	margin: 0 auto;
}
.wrap-details-right .detailsOsusume li:before{
	content: "● ";
	color: #666666;
}
.detailsComponent{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 5% 0 5% 0;
	margin-bottom: 8%;
}
.detailsComponent h3{
	font-size: 16px;
	letter-spacing: 2px;
	padding: 0 5px;
	margin-bottom: 10px;
	line-height: 1.1;
}
.detailsComponent p{
	font-size: 14px;
	margin-bottom: 10%;
	line-height: 1.7;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: 1px;
}
.detailsComponent ._spaceReset{
	margin-bottom: 10px;
}
.detailsTxtSmall{
	font-size: 11px;
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
}
.detailsComponent-left{
	width: 50%;
	padding: 0 25px 0 50px;
}
.detailsComponent-right{
	width: 50%;
	padding: 0 50px 0 25px;
}
.detailsTable{
	width: 100%;
	font-size: 14px;
	line-height: 1.7;
	border-collapse: collapse;
	border-spacing: 0;
}
.detailsTable + *{
	margin-top: 20px;
}
.detailsTableTxt{
	margin-top: 15px;
}
.detailsTable tr:nth-child(1n){
	background-color: #FFF;
}
.detailsTable tr:nth-child(2n){
	background-color: #E6E6E6;
}
.detailsTable th{
	width: 50%;
	text-align: left;
	padding: 5px 10px;
	font-weight: 400;
}
.detailsTable td{
	width: 50%;
	text-align: right;
	padding-right: 10px;
	font-weight: 400;
}
.detailsComponent .detailsCaution{
	font-size: 14px;
	line-height: 1.7;
	padding-bottom: .2em;
	text-align: justify;
	letter-spacing: 1px;
	margin-bottom: .2em;
}
.detailsComponent .detailsCaution:last-child{
	padding-bottom: 20px;
}
.detailsComponent .plusComponent{
	margin: 5% auto;
}
.plusComponent .plusComponentTxt{
	margin: 0 auto;	
}
.plusComponentTxt span{
	color:#666666;
}
._details2Table{
	margin-top: 20px;
}
._detailesSpace{
	margin-bottom: 0;
}
.table1Tab{
	padding-left: 1em;
}
.table2Tab{
	padding-left: 2em;
}
.tabeleBar::before{
	content: '- ';
}
.detailsBlance{
	display: inline-block;
	font-size: 14px;
	padding: 5px 18px;
	border: #333 1px solid;
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
	letter-spacing: .1em;
	color: #333;
}
.componentTxt{
	display: inline-block;
	padding-top: 10px;
}

/* ============ここからSP版============ */
@media screen and (max-width: 768px) {
	.wrap-details-main{
		display: block;
		width: 95%;
		margin: 20px auto 60px;
	}
	.wrap-details-left{
		width: 100%;
		position: static;
		overflow: hidden;
	}
	.page_details .wrap-details-products-img{
		position: relative;
		padding-top: 50px;
	}
	.wrap-details-products-icon{
		width:60px;
		left: 20px;
	}
	.wrap-details-products-icon2{
		width:60px;
		left: 80px;
	}
	.wrap-details-products-icon3{
		width:60px;
		left: 140px;
	}
	._iconGran2{
		width:68px;
		height:auto;
		left: 86px;
		top: 2px;
	}
	.wrap-details-right{
		width: 100%;
		margin-top: 10%;
	}
	.detailsTitle{
		padding-bottom: 40px;
	}
	.detailsTitle img{
		width: 60%;
		max-width: 300px;
		padding-bottom: 15px;
	}
	.detailsTitle img{
		width: 80%;
	}
	.detailsName{
		display: block;
		font-size: 22px;
	}
	.detailsTaste{
		display: block;
		font-size: 17px;
	}
	.detailsPoint{
		font-size: 15px;
	}
	.wrap-details-right .detailsOsusume p{
		padding: .7em 0;
	}
	.wrap-details-right .detailsOsusume ul{
		padding: 1.5em 1em;
	}
	.detailsComponent{
		display: block;
		padding: 10% 0 10% 0;
		margin-bottom: 8%;
	}
	.detailsComponent p{
		margin-bottom: 10%;
	}
	.detailsComponent-left{
		width: 90%;
		padding: 0;
		margin: 0 auto;
	}
	.detailsComponent-right{
		width: 90%;
		padding: 0;
		margin: 0 auto;
	}
	.detailsTable{
		width: 100%;
	}
	.detailsTableTxt{
		margin-bottom: 10%;
	}
	.detailsTable tr:nth-child(1n){
		background-color: #FFF;
	}
	.detailsTable tr:nth-child(2n){
		background-color: #E6E6E6;
	}
	.detailsTable th{
		width: 50%;
		text-align: left;
		padding: 5px 10px;
		font-weight: 400;
	}
	.detailsTable td{
		width: 50%;
		text-align: right;
		padding-right: 10px;
		font-weight: 400;
	}
	.detailsComponent .detailsCaution{
		margin-bottom: .2em;
	}
	.detailsBlance{
		display: block;
		padding: 8px 15px;
		line-height: 1.7;
		text-align: center;
		margin: 10px auto;
	}
	._2lineTop{
		margin-top: 10%;
	}
}