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


#wrapMainvisual {
	background-color: #A0D5F8;
	background-image: url(../../images/0001/bg-mainvisual.png);
/* 	height: 380px; */
}
.topTxt{color: #fff;}
.topTxt{display: none;}


#main{
/* 	background-color: #0099D6; */
	margin-top: 0px;
	padding: 10px;
	z-index: 1;
}

.mainWrap{
	margin-top: -30px;
}


#main .box{
	position: inherit;
/* 	margin-top: -50px; */
	font-size: 20px;
}
#main .box li{
/* 	margin: 5px; */
/* 	padding: 10px 0; */
	background-color: #fff;
/* 	background-image: url(../../images/0001/bg-box.png);background-position: center top; */
	text-align: center;
}
#main .box li img{
	margin: 0 auto;
	display: block;
	height: 100px;
	width: auto;
	margin-top: 10px;
}







#main .mainBox{
	background-color: #EFFFE5;
	background-color: #e4ebf2;
	padding: 10px;
}

#main .mainBox .whiteBox{
	border-bottom: 1px solid #c5cfda;
	border-right: 1px solid #c5cfda;
}


#main .mainBox h2{
	background-color: #e4e9f6;
	background-color: #d7e2ee;
	padding: 1em 0 ;
	text-align: center;
	margin: -10px;
}
#main .mainBox li img{width: 100%;}
#main .mainBox li p{padding: 5px 20px 20px;}


#main .mainBox li.ok h3,
#main .mainBox li.ng h3{
	text-align: center;
	color: #fff;
	font-weight: 900;
	padding: 0.5em;
}
#main .mainBox li.ok h3{background-color: #1B4EBF;}
#main .mainBox li.ng h3{background-color: #B50031;}

#main .mainBox li.ok h4,
#main .mainBox li.ng h4{
	text-align: center;
	font-weight: 900;
	padding: 0.5em;
}
#main .mainBox li.ok h4{color: #1B4EBF;}
#main .mainBox li.ng h4{color: #B50031;}




#main .wrapTable table {
    width: 100%;
    border-collapse: collapse;
}

#main .wrapTable table tr{border-bottom: 2px solid #fff; }
#main .wrapTable table th{font-size: 20px;color: #fff; padding: 15px; background:#999999; text-align: center;border-right: 2px solid #fff;vertical-align: middle;}
#main .wrapTable table th.bgBlue{background-color: #1B4EBF;}
#main .wrapTable table th.bgRed{background-color: #B50031;}
#main .wrapTable table thead th{font-weight: 900; }
#main .wrapTable table thead th.em{border-radius: 10px 0 0 0;}
#main .wrapTable table thead th:nth-child(1){border-radius: 10px 0 0 0;}
#main .wrapTable table thead th:last-child{border-radius: 0 10px 0 0; border-right: none;}
#main .wrapTable table tbody tr:first-child th:first-child{border-radius: 10px 0 0 0;}
#main .wrapTable table tr:first-child td:last-child{border-radius: 0 10px 0 0;}
#main .wrapTable table tbody tr:last-child th:first-child{border-radius: 0 0 0 10px;}
#main .wrapTable table tbody tr:last-child th.em{border-radius: 10px 0 0 10px;}
#main .wrapTable table tbody tr:last-child td:first-child{border-radius: 0 0 0 10px;}
#main .wrapTable table tbody tr:last-child td:last-child{border-radius: 0 0 10px 0; border-right: none;}
#main .wrapTable table td .emNum{font-size: 40px;}
#main .wrapTable table th.none,{background: #fff;}
#main .wrapTable table th.em{background: #cfcfcf; color: #222;}
#main .wrapTable table th img{max-width: 70%;}    
#main .wrapTable table td{font-size: 20px;padding: 15px; background: #eee; text-align: center; vertical-align: middle;border-right: 2px solid #fff;}
#main .wrapTable table tbody tr.price td{font-weight: 900; padding: 30px 15px; position: relative;}
#main .wrapTable table tbody tr.price td .img-imanara{position: absolute;top:-5%; right: 10px; width: 25%;}
#main .wrapTable .note{text-align: left; margin-top: 5px;}


.arrowD-Glay{border-color: #245963 transparent transparent transparent;display: none;}
.tool2 .arrowD-Glay{border-color: #1a1a1a transparent transparent transparent;display: block;
    border-width: 20px 40px 0 40px;}
    



@media screen and (min-width: 768px) {
	#mainvisual{max-width: 1188px; min-width: 1000px; margin: 0 auto; height: auto;position: relative;}
	#mainvisual .topTxt{font-weight: 700; padding: 5px 0;}
	#mainvisual .txt{display: none;}

	#main h2 {font-size: 27px;font-weight: 900;line-height: 1.4;}
	#main h3 {font-size: 20px;font-weight: 900;line-height: 1.4;}
	#main h4 {font-size: 30px;font-weight: 900;line-height: 1.4;}
	
	.padBox{padding-bottom: 20px;}
/* 	#freeword li img{margin-top: 100px;} */
}


/* SP */
@media screen and (max-width: 767px) and (min-width: 0px) { 
	#mainvisual{max-width: 100%; margin: 0 auto; height: auto;position: relative;}
	#mainvisual .topTxt{font-weight: 700; padding: 5px 0;}
	#mainvisual .txt{display: none;}

	#main{padding: 10px;}
	#main .box li{
		margin-top: 5px;
		}
	
	.mainWrap {margin-top: 10px;}
	#main .box{margin-top: 0;padding-top: 5px;margin-bottom: 10px;}

	#main .mainBox li{margin-bottom: 30px;}
	
	#main h2 {font-size: 27px;font-weight: 900;line-height: 1.4;}
	#main h3 {font-size: 20px;font-weight: 900;line-height: 1.4;}
	#main h4 {font-size: 30px;font-weight: 900;line-height: 1.4;}


	
	#main .box li {font-size: 20px;}
	#main .box li img{
	margin: 6px 2vw;
	position: absolute;
	left: 2vw;
	width: 21vw;
	height: auto;
	}
	#main .box li:nth-child(2n) img{
/* 		right: 2vw; */
	}
	
	#main .box li .padBox{text-align: left; padding-left: 24vw;line-height: 1.6em;padding-bottom: 10px;}




	#main .wrapTable {
	    margin-bottom: 5%;
	    overflow: auto;
	    padding-bottom: 5%;
	}	
	#main .wrapTable table {
	    width: 200%;
	}
	
	


}