@charset "UTF-8";

.dummyArea{display: none;}

.typeBase{padding: 150px 0 100px; }
.typeBase#typeExeBase{
	background-image: url(../imgs/bg_exe.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.typeBase#typeDeluxBase{
	background-image: url("../imgs/bg_delux.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.typeBase#typeSupBase{
	background-image: url("../imgs/bg_sup.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.typeBox{max-width: 1000px; background-color: #fff; margin: auto;padding: 30px 0 0;}

.typeSpec{text-align: center; margin-bottom: 80px;}

.typeSpec .typeName{font-size: 30px;padding: 20px 0 15px; color: white; letter-spacing: 0.1em; line-height: 1;margin-bottom: 20px;font-family: "Cinzel", serif;}
.typeSpec .typeName span{font-size: 80%;}
#typeExeBase .typeSpec .typeName{background-color: #806600;}
#typeDeluxBase .typeSpec .typeName{background-color: #6A2B1B;}
#typeSupBase .typeSpec .typeName{background-color: #2C3958;}
#typeSemiBase .typeSpec .typeName{background-color: #0b4f45;}
.typeImg{text-align: center;padding: 0 20px;}

.typeSpec .typeSpecUpper{font-size: 16px;margin-bottom: 10px; letter-spacing: 0.2em; color: #333333}
.typeSpec .typeSpecUpper span{font-size: 160%;}


.typeSpec .typeSpecBottom{font-size: 16px; letter-spacing: 0.2em; color: #333333;font-family: "Cinzel", serif; padding-top: 10px; border-top: 1px #ccc solid;margin-bottom: 20px;}
.typeSpec .typeSpecBottom span{font-size: 180%;}
.typeSpec .typeSpecBottom  .caption{letter-spacing: 0.1em;}
.typeSpec .typeSpecBottom  ul {padding-top: 10px; display: flex; justify-content: center}
.typeSpec .typeSpecBottom  ul li{font-size: 12px; letter-spacing: 0.1em; padding: 0 10px;}

.nextPlan{ display: flex; justify-content: space-between; width: 95%; margin: 30px auto 50px;}
.nextPlan a{color: white; display: block; padding: 15px 40px; font-size: 14px; width: 250px;letter-spacing: 0.1em}
#typeExeBase .nextPlan .bgColor{background-color: #806600;}
#typeDeluxBase .nextPlan .bgColor{background-color: #6A2B1B;}
#typeSupBase .nextPlan .bgColor{background-color: #2C3958;}
.nextPlan .linkLeft{text-align: right;ransition: 0.5s;background-repeat: no-repeat;background-position: left 15px center;background-image: url(../imgs/arrow_left.png);}
.nextPlan .linkRight{text-align: left;transition: 0.5s;background-repeat: no-repeat;background-position: right 15px center;background-image: url(../imgs/arrow_right.png);}
.nextPlan .linkLeft:hover,.nextPlan .linkRight:hover{opacity: 0.7;}

.typeHanrei{padding: 30px; font-size: 10px;line-height: 1.5;}
.hanrei {font-size: 12px; display: flex;align-items: center; margin-bottom: 10px;}
.hanrei p {margin-right: 10px;display: flex;align-items: center; }
.hanrei p span.yukadan{background-color: #f2e9e0; height: 10px; width:30px; display: inline-block; margin-right: 5px;line-height: 1;}
.hanrei p span.storage{background-color: #d5c8b4; height: 10px; width:30px; display: inline-block; margin-right: 5px;line-height: 1;}

.btnBackList{text-align: center;}
.btnBackList a{display: block; font-size: 14px; color: white; padding: 30px 30px; background-color: #666; transition: 0.8s; font-size: 14px; }
.btnBackList a:hover{opacity: 0.8}

@media screen and (max-width: 768px) {
	.typeBase{padding: 100px 0 100px; }

	.nextPlan a{width: 150px;}
}

.btnPDF{max-width: 300px; margin: 0 auto 70px;padding-top: 80px;}
.btnPDF a{max-width:100%; background-color: #333; color: white;transition: 0.5s; padding:15px 30px; text-align: center; display: block;font-size: 12px;}
.btnPDF a:hover{opacity: 0.8}