body{font-size:14px;line-height:1.5;max-width:750px;margin:0 auto;position:relative;color: #333;font-family: "Libre Franklin","Helvetica Neue",helvetica,"HiraKakuProN-W3",Arial,sans-serif;opacity: 1;}
img{max-width:100%;}
header{max-width:750px;width:100%;height:50px;position:fixed;z-index:100;text-align:center;background-color:#fff;}
header h1{}
header h1 img{width:40%;height:auto;bottom: 0;left: 0;margin: auto;position: absolute;right: 0;top: 0;}
header p{display:none;width:30px;padding:16px 8px 17px;height:17px;position:absolute;top:0;right:0;}

.title {position: relative;width: 100%;}
.title:before {content:"";display: block;padding-top: 29.26%;}
.title h2{position: absolute;top: 0;left: 0;bottom: 0;right: 0;
background:url(../img/title.jpg) no-repeat 50% 50%;
-webkit-background-size:cover;background-size:cover;}
.title h2 span{
    position: absolute;
    top: 50%;
    left: 0%;
    width: 100%;
    font-size: 34px;
    line-height: 1vh;
    height: 33px;
    color: #fff;
    text-align: center;
    font-family: serif;
    text-shadow: 0 2px 5px rgba(0,0,0,0.5);
    font-weight: bold;
    letter-spacing: 3px;
}


.container{padding:50px 0px;}
footer{text-align:center;font-size:12px;padding:60px 10px 20px;background-color:#000;color:#fff;}

.btn_area{
padding:40px 0;
background: #f5f7f9;
margin: 40px 0;
max-width: 100%;
text-align:center;
}
.btn_area img{
	width:80%;
	margin-bottom:10px;
	margin-right:auto;margin-left:auto;
}
.btn_area a{border: 2px solid #000;
font-size:14px;
display: block;
text-align:center;
height: 50px;
line-height: 50px;
margin: 0 auto 25px;
color:#000;
text-decoration:none;
-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;
max-width:400px;width:80%;}
.btn_area a:hover{
color:#fff;
background-color:#000;
}
.btn_area p{
font-size:12px;
padding:0 10px;
text-align:center;
}
.select_area{
padding:30px 0;
}
.select_area p{
text-align:center;font-size:12px;margin-bottom:10px;
}
select{
display:block;
padding:5px;
border:1px solid #cdcdcd;
font-size:16px;
min-width:150px;
margin-right:auto;margin-left:auto;
}
h3{font-size:16px;padding:0 10px 5px;font-weight:bold;text-align:center;}
.box{display:none;background-color:#f5f5f5;padding:20px;}
dl{background-color:#fff;padding:10px;}
dt{padding:10px;border-bottom:1px solid #cdcdcd;font-weight:bold;}
dt span{display:inline-block;}
dt span.flag{font-size:90%;margin-left:10px;padding:2px 10px 0 20px;background:url(../img/icon_crown.png) 3px 50% no-repeat #f9f6f4;font-weight:normal;}
dt span.add{font-size:85%;color:#ff0000;}
dd{padding:10px 10px 20px 10px;}
dd span{display:block;}
dd a{color:#000;font-size:15px;display:inline-block;}

.form_btn{text-align: center;}
.form_btn a,dd .come_btn a{display: inline-block;background: #000;border-radius: 5px;color: #fff;text-align: center;text-decoration: none;width: 100%;max-width: 300px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.form_btn a{line-height: 50px;height: 50px;font-size: 18px;}

dd .come_btn{margin-top: 20px;text-align: right;}
dd .come_btn a{line-height: 38px;height: 38px;font-size: 16px;position: relative;padding: 0 20px 0 10px;}
dd .come_btn a::after{content: ">";position: absolute;font-size: 20px;right: 20px;top: 50%;transform: translateY(-50%);}

.shop_none{display: none;}

@media screen and ( max-width:640px) {
	.btn_area a{line-height:40px;height: 40px;}
}
@media screen and ( min-width:769px) {
	a[href^="tel:"] { pointer-events: none; }
}