@charset "utf-8";

/*----------------------------------
mv
----------------------------------*/
body:not(.top) #mv .col-xs-12{
	background-image : url("/en/images/products/ito_lox/hero.jpg");
}

/*----------------------------------
main
----------------------------------*/
#main h3{
	font-family : "Merriweather";
	font-weight : 700;
	color : #0060b6;
}
#main h3 span{
	display : block;
}
#main p{
	font-family : "Montserrat";
	font-weight : 300;
	color : #323232;
}
@media (max-width: 639px){
	#main h3{
		font-size : 14px;
	}
	#main h3 span{
		font-size : 21px;
	}
	#main p{
		font-size : 14px;
	}
}
@media (min-width: 640px ) and ( max-width: 767px){
	#main h3{
		font-size : 28px;
	}
	#main h3 span{
		font-size : 42px;
	}
	#main p{
		font-size : 28px;
	}
}
@media (min-width: 768px ) and ( max-width: 991px){
	#main h3{
		font-size : 28px;
	}
	#main h3 span{
		font-size : 42px;
	}
	#main p{
		font-size : 28px;
	}
}
@media ( max-width: 991px){
	#main{
		padding-top : calc( 74 / 640 * 100% );
		padding-bottom : calc( 50 / 640 * 100% );
	}
	#main h3 span{
	}
	#main p{
		padding-left : calc( 30 * 100% / 580);
		padding-right : calc( 30 * 100% / 580);
		margin : calc( 56 / 640 * 100% ) auto 0;
	}
}
@media ( min-width: 992px){
	#main{
		padding-top : 105px;
		padding-bottom : 100px;
	}
	#main h3{
		font-size : 26px;
		line-height : 40px;
		text-align : center;
	}
	#main h3 span{
		font-size : 34px;
	}
	#main p{
		font-size : 21px;
		line-height : 27px;
		max-width : 1080px;
		margin : 46px auto 0;
	}
}

/*----------------------------------
product
----------------------------------*/
#product .container-fluid > ul > li:nth-child(odd){
	background-color : #f3f3f3;
}
#product figure{
	position : relative;
}
#product figcaption{
	font-family : "Montserrat";
	font-weight : 600;
	color : #387ec4;
	display : inline-block;
	position : relative;
	z-index : 2;
}
#product figcaption:before{
	content : "- ";
}
#product figcaption:after{
	border-bottom : 2px solid #0060b6;
	content : "";
	margin : 0 auto;
	position : absolute;
	left : 100%;
	width : 100px;
	z-index : 1;
}
#product figure li{
	font-family : "Roboto";
	font-weight : 500;
	color : #221815;
	padding-left : 1em;
}
#product figure li:before{
	content : "●";
	color : #387ec4;
	display : inline-block;
	vertical-align : top;
	text-indent : -1em;
}
#product table dt{
	font-weight : 300;
}
#product table dt:after{
	content : " :";
}
@media (max-width: 639px){
	#product figure li{
		font-size : 12px;
	}
	#product figure li:before{
		line-height : 16px;
	}
	#product figcaption{
		font-size : 15px;
	}
	#product tbody tr:first-child td:nth-child(2) , #product tbody tr:first-child td:nth-child(3){
		margin-top : 21px;
	}
	#product li:nth-child(7) table tr:nth-child(9) th{
		font-size : 10px;
		white-space : nowrap;
	}
}
@media (min-width: 640px ) and ( max-width: 767px){
	#product figure li{
		font-size : 24px;
	}
	#product figcaption{
		font-size : 30px;
	}
	#product figure li:before{
		line-height : 36px;
	}
	#product tbody tr:first-child td:nth-child(2) , #product tbody tr:first-child td:nth-child(3){
		margin-top : 41px;
	}
	#product li:nth-child(7) table tr:nth-child(9) th{
		font-size : 19px;
		white-space : nowrap;
	}
}
@media (min-width: 768px ) and ( max-width: 991px){
	#product figure li{
		font-size : 24px;
	}
	#product figcaption{
		font-size : 30px;
	}
	#product figure li:before{
		line-height : 36px;
	}
	#product tbody tr:first-child td:nth-child(2) , #product tbody tr:first-child td:nth-child(3){
		margin-top : 41px;
	}
}
@media ( max-width: 991px){
	#product .container-fluid > ul > li{
		padding-top : calc( 100 / 640 * 100% );
		padding-bottom : calc( 100 / 640 * 100% );
	}
	#product .container-fluid > ul > li > .row{
		margin-left : 0;
		margin-right : 0;
	}
	#product .container-fluid > ul > li > .row > div{
		padding-left : 0;
		padding-right : 0;
	}
	#product h3{
		margin-top : calc( 49 / 640 * 100% );
	}
	#product li:nth-child(1) h3 img{
		width : calc( 213 * 100% / 580 );
	}
	#product li:nth-child(2) h3 img{
		width : calc( 301 * 100% / 580 );
	}
	#product li:nth-child(3) h3 img{
		width : calc( 290 * 100% / 580 );
	}
	#product li:nth-child(4) h3 img{
		width : calc( 282 * 100% / 580 );
	}
	#product li:nth-child(5) h3 img{
		width : calc( 374 * 100% / 580 );
	}
	#product li:nth-child(6) h3 img{
		width : calc( 426 * 100% / 580 );
	}
	#product li:nth-child(7) h3 img{
		width : calc( 519 * 100% / 580 );
	}
	#product .description{
		margin-top : calc( 54 / 640 * 100% );
	}
	#product sub{
		margin-top : calc( 30 / 640 * 100% );
	}
	#product figure{
		margin-top : calc( 34 / 640 * 100% );
		padding-left : calc( 30 * 100% / 580);
		padding-right : calc( 30 * 100% / 580);
	}
	#product figcaption:after{
		top : 50%;
		margin-top : -1px;
	}
	#product figure li{
		line-height : 1.2;
	}
	#product figure li:before{
		font-size : 10px;
	}
	#product figure li:not(:first-child){
		margin-top : calc( 25 * 100% / 640 );
	}
	#product table{
		margin-top : calc( 28 / 640 * 100% );
	}
	#product table caption{
		text-align : center;
		font-family : "Roboto";
		font-weight : 700;
	}
	#product tbody tr td span:not(:last-child):after{
		content : "/";
		color : #221815;
	}
	#product tbody tr td span.no-slash:after{
		content : none!important;
	}
	#product tbody tr td:nth-child(4) span:after{
		content : none;
	}
	#product li:nth-child(7) table tr:nth-child(9) th{
		white-space : nowrap;
	}
	#product dl{
		display : table;
		margin-bottom : 0;
	}
	#product dl dt , #product dl dd{
		display : table-cell;
	}
}
@media ( min-width: 992px){
	#product .container-fluid > ul > li{
		padding-top : 170px;
		padding-bottom : 170px;
	}
	#product li > .row{
		max-width : 1080px;
		margin : 0 auto;
	}
	#product li > .row > .col-md-7{
		width : calc( 645 * 100% / 1080 );
		padding-left : 0;
		padding-right : 0;
	}
	#product .description{
		margin-top : 19px;
		color : #221815;
		font-size : 20px;
		line-height : 24px;
		font-family : "Montserrat";
		font-weight : 500;
	}
	#product .sub{
		margin-top : 29px;
		font-family : "Roboto";
		color : #221815;
		font-size : 18px;
		font-weight : 400;
		line-height : 24px;
	}
	#product figure{
		margin-top : 36px;
		position : relative;
	}
	#product figcaption{
		font-size : 21px;
		padding-right : 8px;
		margin-left : 5px;
	}
	#product figcaption:after{
		top : 16px;
	}
	#product li:nth-child(odd) figcaption{
		background-color : #f3f3f3;
	}
	#product figure li{
		font-size : 18px;
		line-height : 27px;
		text-indent : -10px;
		padding-left : 22px;
	}
	#product figure li:before{
		padding-right : 8px;
		font-size : 14px;
		line-height : 27px;
	}
	#product table{
		margin-top : 80px;
		width : 100%;
		border : solid 1px #387ec4;
	}
	#product li:nth-child(1) thead tr:first-child th:first-child , #product li:nth-child(2) thead tr:first-child th:first-child{
		width : 18%;
	}
	#product li:nth-child(3) thead tr:first-child th:first-child , #product li:nth-child(4) thead tr:first-child th:first-child , #product li:nth-child(5) thead tr:first-child th:first-child{
		width : 22%;
	}
	#product li:nth-child(6) thead tr:first-child th:first-child , #product li:nth-child(7) thead tr:first-child th:first-child{
		width : 18%;
	}
	#product li:nth-child(1) thead tr:first-child th:nth-child(2) , #product li:nth-child(2) thead tr:first-child th:nth-child(2){
		width : 25%;
	}
	#product li:nth-child(3) thead tr:first-child th:nth-child(2) , #product li:nth-child(4) thead tr:first-child th:nth-child(2) , #product li:nth-child(6) thead tr:first-child th:nth-child(2){
		width : 26%;
	}
	#product li:nth-child(6) thead tr:first-child th:nth-child(2) , #product li:nth-child(7) thead tr:first-child th:nth-child(2){
		width : 26%;
	}
	#product thead tr:first-child th:nth-child(2){
		border-bottom : solid 1px #fff;
	}
	#product li:nth-child(1) thead tr:first-child th:nth-child(3) , #product li:nth-child(2) thead tr:first-child th:nth-child(3){
		width : 17%;
	}
	#product li:nth-child(3) thead tr:first-child th:nth-child(3) , #product li:nth-child(4) thead tr:first-child th:nth-child(3) , #product li:nth-child(5) thead tr:first-child th:nth-child(3){
		width : 18%;
	}
	#product li:nth-child(6) thead tr:first-child th:nth-child(3) , #product li:nth-child(7) thead tr:first-child th:nth-child(3){
		width : 17%;
	}
	#product thead tr:first-child th:nth-child(3){
		text-align : left;
		padding-left : 4px;
		line-height : 26px;
	}
	#product li:nth-child(1) thead tr:first-child th:nth-child(4) , #product li:nth-child(2) thead tr:first-child th:nth-child(4){
		width : 21%;
	}
	#product li:nth-child(3) thead tr:first-child th:nth-child(4) , #product li:nth-child(4) thead tr:first-child th:nth-child(4) , #product li:nth-child(5) thead tr:first-child th:nth-child(4){
		width : 18%;
	}
	#product li:nth-child(6) thead tr:first-child th:nth-child(4) , #product li:nth-child(7) thead tr:first-child th:nth-child(4){
		width : 21%;
	}
	#product li:nth-child(1) thead tr:first-child th:nth-child(5) , #product li:nth-child(2) thead tr:first-child th:nth-child(5){
		width : 16%;
	}
	#product li:nth-child(3) thead tr:first-child th:nth-child(5) , #product li:nth-child(4) thead tr:first-child th:nth-child(5) , #product li:nth-child(5) thead tr:first-child th:nth-child(5){
		width : 15%;
	}
	#product li:nth-child(6) thead tr:first-child th:nth-child(5) , #product li:nth-child(7) thead tr:first-child th:nth-child(5){
		width : 15%;
	}
	#product thead tr:first-child th:nth-child(5){
		text-align : left;
		padding-left : 13px;
		line-height : 26px;
	}
	#product tr th{
		font-family : "Roboto";
		font-weight : 700;
		color : #fff;
		font-size : 18px;
		background-color : #387ec4;
		width : 645px;
		height : 40px;
		text-align : center;
		min-height : 40px;
		padding : 0;
	}
	#product tr th:not(:first-child){
		border-left : solid 1px #fff;
	}
	#product tr:nth-child(2) th:first-child{
		border-left : solid 1px #fff;
	}
	#product td{
		font-family : "Roboto";
		font-weight : 300;
		text-align : center;
		color : #221815;
		font-size : 18px;
		line-height : 20px;
		background-color : #fff;
		padding-top : 22px;
		padding-bottom : 20px;
	}
	#product li:nth-child(7) tbody tr td{
		padding-top : 14px;
		padding-bottom : 12px;
	}
	#product tbody tr:first-child td:first-child{
		border-bottom : solid 1px #387ec4;
	}
	#product li:nth-child(1) tbody tr:first-child td:nth-child(5) , #product li:nth-child(2) tbody tr:first-child td:nth-child(5) , #product li:nth-child(5) tbody tr:first-child td:nth-child(5){
		text-align : left;
		padding-left : 18px;
	}
	#product li:nth-child(6) tbody tr:first-child td:nth-child(4){
		text-align : left;
		padding-left : 12px;
	}
	#product li:nth-child(6) tbody tr:first-child td:nth-child(5){
		text-align : left;
		padding-left : 18px;
	}
	#product li:nth-child(7) tbody tr:first-child td:nth-child(5){
		border-bottom : solid 1px #387ec4;
		padding-left : 18px;
		text-align : left;
	}
	#product li dt , #product li dd{
		font-family : "Roboto";
		font-weight : 300;
		font-size : 18px;
		line-height : 22px;
	}
	#product li dt:not(:first-of-type){
		padding-top : .5em;
	}
	#product tr td:not(:first-child){
		border-left : solid 1px #387ec4;
	}
	#product tr td:nth-child(2){
		font-family : "Roboto";
		font-weight : 300;
	}
	#product td img{
		max-width : 100%;
	}
	#product td span:not(:last-child):after{
		content : "/";
		color : #221815;;
	}
	#product td dl{
		text-align : left;
	}
}