@charset "UTF-8";


img{max-width:100%;}

header{text-align:center;}
header h1{max-width:750px;width:100%;margin-right:auto;margin-left:auto;}
header h1 img{width:50%;max-width:200px;height:auto;}

/**
header h1{padding:3rem 0;}
header p{display:none;}
.container{padding:4rem 0;}
footer{text-align:center;padding:60px 10px 20px;background-color:#EBE8DC;}
**/


.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{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:768px) {
	a[href^="tel:"] { pointer-events: none; }
}
@media screen and (max-width: 767px) {
	body{font-size:1.2rem;line-height:1.15;}
}