@charset "utf-8";
	body #container {
    overflow: hidden;
	}

	.snav {
		text-align: center;
		vertical-align: top;
	}
	.snav li {
		display: inline-block;
		margin-right: 10px;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		vertical-align: top;
	}
	.snav li.last {
		margin-right: 0;
	}
	.snav li img {
		vertical-align: top;
	}
	#mainContent .wrapPlan {
		position: relative;
    	width: 960px;
    	margin-right: auto;
    	margin-left: auto;
	}
@media only screen and (max-width: 640px) {
	.snav li {
		display: block;
		margin-right: 0;
	}
	#mainContent .wrapPlan {
		width: auto;
		padding-left: 10px;
    	padding-right: 10px;
	}
}

	#mainContent .wrap {
		position: static;
	}

	
	.clmBox {
		overflow: hidden;
	}
	.clmBox > div {
		float: left;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.clmBox.col2 {
		margin-left: -2%;
	}
	.clmBox.col2 > div {
		width: 48%;
		margin-left: 2%;
	}
@media only screen and (max-width: 599px) {
	.clmBox {
		margin-top: -20px;
	}
	.clmBox > div {
		float: none;
		margin-top: 20px;
		margin-left: 0;
	}

	.clmBox.col2 {
		margin-left: 0;
	}
	.clmBox.col2 > div {
		width: 100%;
		margin-left: 0;
	}
}

	.imgBox {
		display: table;
		width: 100%;
	}
	.imgBox .text,
	.imgBox .photo {
		display: table-cell;
		vertical-align: top;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.imgBox .text {
	}
	.imgBox .photo {
		width: 472px;
		padding-right: 48px;
		text-align: left;
	}
@media only screen and (max-width: 900px) {
	.imgBox img {
		display: inline;
	}
	.imgBox .text {
		display: block;
		margin-top: 20px;
	}
	.imgBox .photo {
		display: block;
		width: auto;
		padding-right: 0;
		text-align: center;
	}
}

	.imgBox .Larea,
	.imgBox .Rarea {
		display: table-cell;
		vertical-align: top;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.imgBox .Larea {
		width: 595px;
		padding-right: 30px;
		text-align: left;
	}
	.imgBox .Rarea {
	}
@media only screen and (max-width: 900px) {
	.imgBox .Larea {
		display: block;
		width: auto;
		padding-right: 0;
	}
	.imgBox .Rarea {
		display: block;
		margin-top: 20px;
	}
}

	strong {
		color: #ae353e;
	}


/*=======================
planBox 
=======================*/
.madoriList {
	position: relative;
	padding-top: 118px;
	zoom: 1;
}
.madoriList li {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	border: 2px solid #ad343f;
	cursor: pointer;
}
.madoriList li .inner {
	position: relative;
	padding: 22px 29px 12px;
	margin-bottom: 28px;
	border-bottom: 1px solid #dcacb0;
}
.clm02 .madoriList li {
	width: 48%;
	background-image: url(../imgs/bt-img.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

.clm03 .madoriList li {
	width: 30%;
}

.madoriList li.OPEN,
.madoriList li:hover {
	background: #ad343f;
	background-image: url(../imgs/bt-img_ov.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.madoriList li.OPEN .inner,
.madoriList li:hover .inner {

}
.madoriList li.left {
	left: 0;
}
.madoriList li.right {
	right: 0;
}
.madoriList li.center {
	left: 50%;
	margin-left: -15%;
}
.madori {
	position: relative;
	padding: 0;
	margin-bottom: 0px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
}
.madori .inner {
	padding: 20px;
	border: 2px solid #ad343f;
	background-color: #fff;
}
.madori .spec {
	font-size: 14px;
	color: #666;
	border-bottom: 1px solid #999;
	margin-bottom: 40px;
	padding-bottom: 15px;
}
.madori .inner .zu {
	margin-bottom: 40px;
}
.BLOCK {
	margin-bottom: 30px;
	opacity: 1;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
}
.closeBtn {
	font-size: 32px;
	color: #666;
	position: absolute;
	top: 5px;
	right: 18px;
	cursor: pointer;
}
.printBtn {
	position: absolute;
	top: 115px;
	right: 20px;
	cursor: pointer;
}

@media only screen and (max-width:960px) {
.madoriList { padding-top: 120px;}
.madoriList li { box-sizing: border-box;}
.madoriList li .inner {
	box-sizing: border-box;
	height: 60px;
	padding: 15px 20px 10px;
}
.madoriList li img.num01 { display: block;}
.madoriList li img.num02 { width: 60%;}
.madoriList li img.num03 { width: 40%;}
	.zu {
		width: 100%;
	}
	.madriFtr { text-align: center;}
	.print { display: none;}
	.closeBtn { width: 20px;}
	.closeBtn img { width: 100%;}
	.printBtn {
		display: none;
	}
}
@media only screen and (max-width:800px) {
}
@media only screen and (max-width:728px) {
}
@media only screen and (max-width:599px) {
	.madoriList li .inner {
		height: auto;
		text-align: center;
		padding: 15px 15px 10px;
	}
	.madoriList li img.num01 { display: inline-block; width: 25%;}
	.madoriList li img.num02 { width: 45%;}
	.madoriList li img.num03 { width: 30%;}
	.madoriList { padding-top: 0px;}
	.clm02 .madoriList li,
	.clm03 .madoriList li {
	    position: static;
	    width: 100%;
	    margin-bottom: 10px;
	    margin-left: 0;
	}
}