@charset "UTF-8";

/* =========================================================
 detail
========================================================= */
#details .details li:nth-child(2n-1){background-color: #f6f6f6;}

#details .details li .li-in,
#details .details li .text-set .data{ zoom: 1; }
#details .details li .li-in:after,
#details .details li .text-set .data:after{ content: "";display: block;clear: both;height: 0;visibility: hidden; }

#details .details li .text-area{ display: table;min-height: 100%; }
#details .details li .text-set{ display: table-cell;vertical-align: middle; }

#details .details li .text-set .title{ text-align: left; }
#details .details li .text-set .text{ line-height: 1.9;padding-top: 1.5em; }
#details .details li .text-set .data{ padding-top: 1.5em; }
#details .details li .text-set .data dt,
#details .details li .text-set .data dd{ float: left;line-height: 2;white-space: nowrap; }
#details .details li .text-set .data dd:nth-of-type(2n-1){ clear:both;min-width:17em; }

/*//////////////////////////
PC-TAB
//////////////////////////*/
@media only screen and (min-width:768px) {
	/* =========================================================
	 detail
	========================================================= */
	#details .details li .li-in{ min-width: 1125px;width: 80%;margin-left: auto;margin-right: auto;padding-top: 100px;padding-bottom: 100px; }

	#details .details li:nth-child(2n-1) .img,
	#details .details li:nth-child(2n) .text-area{ float: left;width: 43.9%; }
	#details .details li:nth-child(2n) .img,
	#details .details li:nth-child(2n-1) .text-area{ float: right;width: 47.8%; }
}

/*//////////////////////////
SP
//////////////////////////*/
@media only screen and (max-width:767px) {
	/* =========================================================
	 detail
	========================================================= */
	#details .details li .li-in{ padding-bottom: 3em; }
	#details .details li .text-area{ padding-top: 3em;padding-left: 15px;padding-right: 15px; }
	#details .details li .text-area .title{ text-align: center; }
}