@charset "Shift_JIS";
@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Glegoo);
@import url(http://fonts.googleapis.com/css?family=Domine);
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*#sb-site
---------------------------------------------------------------------------*/
#sb-site{
  width:100%;
  display:block;
  box-sizing: border-box;
  padding:0 4% 2%;
}

@media screen and (max-width: 1580px) {
#sb-site{
  padding:0 3% 2%;
}
}

@media screen and (max-width: 810px) {
#sb-site{
  padding:0 2% 4%;
}
}

.ord-ttl{
  letter-spacing:.1em;
  display:block;
  font-weight:400;
  font-size:1.8em;
  font-family: 'Noto Serif JP', serif;
  font-family: EB Garamond,sans-serif;
  text-transform: uppercase;
  text-align: center;
  color:#FF8B8B;
  padding:0 2% 10px!important;
  clear:both;
}

@media screen and (max-width: 810px) {
.ord-ttl{
  font-size:1.6em!important;
  padding:0 2% 10px!important;
  line-height:1.4!important;
}
}

@media screen and (max-width: 568px) {
.ord-ttl{
  font-size:1.4em!important;
  padding:0 2% 5px!important;
}
}

#sb-site h1{
  font-size:14px;
  padding:0 0 25px;
  text-align: center;
  color:#FF8B8B;
  font-weight:normal;
}

#sb-site .catch{
  padding:0 0 25px;
  text-align: center;
}

@media screen and (max-width: 810px) {
#sb-site .catch{
  font-size:14px;
  padding:0 0 15px;
}
}


.foren_bt{ width:100%;margin: 1.5% auto;text-align: center;}

.foren_bt li {
  display:inline-block;
  margin:0 10px 0 10px;
  line-height:1.4;
}

.foren_bt li a{
  display:inline-block;
  color:#AAAAAA;
  -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
  background:#F1F1F1;
  padding:10px 20px 8px;
  text-decoration:none;
}

.foren_bt li a:hover{ color:#FFF; background:#a9a9a9;text-decoration:none; }

.foren_bt li a.sched {
  background:#BC9D00;color:#FFF;
}



/* .Œ©�Ï�¤•iƒŠƒXƒgƒy�[ƒW
--------------------------------------------------*/
#estimate_list {
  width:100%;
  margin:0 auto;
}

@media screen and (max-width: 568px) {
#estimate_list {
  box-sizing: border-box;
  padding:0 1%;
}
}

#estimate_list h2{
  display:block;
  margin: 4% 0% 2%;
  border-bottom:1px solid #EB6877;
  color:#EB6877;
  padding: 10px 0px 1%;
  font-weight:normal;
  font-size:1em;
  text-align: center;
  line-height:1.4;
}

#estimate_list h2 span{
  font-weight:400;
  font-size:1.5em;
  font-family: EB Garamond,sans-serif;
  margin-right:10px;
  text-transform: uppercase;
  letter-spacing:.1em;
}


#estimate_list ul{
  margin: 2% 0 4%;
  width:100%;
  text-align: center;
}

#estimate_list li{
  height:auto;
  box-sizing: border-box;
  display:inline-block;
  vertical-align: top;
}


#estimate_list .w50{
  width:22%;
  height:auto;
  min-height:225px;
  margin: 0.5% 1.5%;
  box-sizing: border-box;
  padding:1% 0;
  display:inline-block;
  vertical-align: top;
}

@media screen and (max-width: 810px) {
#estimate_list .w50{
  width:48%;
  margin: 1% 1%;
}
}

@media screen and (max-width: 568px) {
#estimate_list .w50{
  width:96%;
  margin: 0.5% 2% 20px;
  min-height: initial;
}
}

#estimate_list .w25{
  width:22%;
  height:auto;
  margin: 1% 1.5% ;
  box-sizing: border-box;
  display:inline-block;
  vertical-align: top;
}

@media screen and (max-width: 810px) {
#estimate_list .w25{
  width:32.3333%;
  margin: 1% 0.5%;
}
}

@media screen and (max-width: 568px) {
#estimate_list .w25{
  width:47%;
  margin: 0.5% 1.5% 20px;
  min-height: initial;
}
}

#estimate_list a:hover { opacity: 0.8; }


.nw_ph{
  width:100%;
  height:auto;
  margin-bottom:5px;
}

.nw_ph img{
  width:100%;
  height:auto;
}

#estimate_list li .text{
  width:100%;
  box-sizing: border-box;
  padding:5px;
}

.est_name_en {
  font-weight:400;
  font-size:1.25em;
  font-family: EB Garamond,sans-serif;
  color:#BC9D00;
  text-transform: uppercase;
}

@media screen and (max-width: 810px) {
.est_name_en {
  font-size:0.95em;
  font-weight:400;
  font-family: 'Roboto', sans-serif;
}
}

.est_name {
  font-weight:500;
  font-size:1.1em;
  font-family: 'Noto Serif JP', serif;
  color:#BC9D00;
  letter-spacing:0;
  margin:0 0 10px;
}

@media screen and (max-width: 1280px) {
.est_name {
  font-size:0.9em;
}
}

@media screen and (max-width: 810px) {
.est_name {
  font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro W3','ƒ�ƒCƒŠƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN',Helvetica,Arial,sans-serif;
  font-size:13px;
  margin:0 0 3px;
}
}

.itm_prices {
  width:100%;
  padding:0 0 10px;
  color:#545454;
  font-size:13px;
}

.itm_prices span{
  font-weight:500;
  font-size:1.4em;
  font-family: 'Noto Serif JP', serif;
  color:#ED6565;
}

#estimate_list table{
  clear:both;
  width: 100%;
  margin: 0 0 1%;
  color:#000;
  background-color:#F1F1F1;
  font-size:14px;
  text-align: center;
}

#estimate_list td{
  padding: 8px 0;
}

#estimate_list select{
  padding: 5px;
  letter-spacing:0.1em;
  color:#000;
  background-color:#FFF;
  border:1px solid #CCC;
}

#estimate_list .order_bt{
  text-align: center!important;
}


#estimate_list .order_bt span{
  font-weight:500;
  font-family: 'Roboto', sans-serif;
  margin-left:5px;
}

input.pro_buy {
  margin: 20px auto 0;
  padding:10px 0;
  text-align: center;
  background-color:#EB6877;
  width:180px;
  line-height: 1.2;
  font-size:14px;
  color: #fff;
  display:block;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  border-style: none;
  cursor: pointer;
}

.pro_buy:hover{color:#FFF;text-decoration:none;background-color:#F0949E;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}


/* .cgiƒy�[ƒW
--------------------------------------------------*/
#product {
  width: 100%;
  max-width:1200px;
  margin: 0 auto;
  padding: 0 2% 5%;
  box-sizing: border-box;
}

@media screen and (max-width: 1280px) {
#product {
	width: 100%;
	padding: 2% 2% 5%;
}
}

/* reserve_box
--------------------------------------------------*/
#reserve_box{
	width		: 100%;
	height      :auto;
	min-height:50vh;
	margin		: 2% auto;
	}

@media only screen and  (max-width: 810px) {
#reserve_box{
	width		: 96%;
	margin		: 0 auto;
	padding:1% 0 5%;
	}
}

@media screen and (max-width: 568px) {
#reserve_box{
	width:100%;
}
}

#reserve_box h3{
	color:#FFF;
	font-size:2.4em;
	text-align	: center;
	font-weight:400;
	}

@media only screen and  (max-width: 810px) {
#reserve_box h3{
	font-size:2.2em;
}
}

@media only screen and  (max-width: 568px) {
#reserve_box h3{
	font-size:1.6em;
}
}

.rv_en{
	font-size:1.3em;
	font-family: 'Roboto', sans-serif;
	text-align	: center;
	padding:1% 0 3%;
	color:#FFF;
	}

@media only screen and  (max-width: 810px) {
.rv_en{
	font-size:1em;
	padding:1% 0 5%;
}
}
	
.reserve_info{
	width:96%;
	margin:0 auto 2%;
	padding-top:0;
	letter-spacing:0.05em;
	line-height:1.8;
}

@media screen and (max-width: 810px) {
.reserve_info{
	width:96%;
	text-align: left;
	font-size:14px;
}
}

.reserve_info strong{
	color:#EB6877;
}

#reserve_box sup{ color: #f65201; }
.reserve_info a { color: #00B8EE; text-decoration:underline; }
.reserve_info a:hover{ color: #FF2C8F;text-decoration:none; }

#reserve_box table{
	width		: 100%;
	margin		: 0 0 2%;
	font-size	: 100%;
	background: #FFF;
	border-top	: solid 1px #ccc!important;
	border-left	: solid 1px #ccc!important;
	border-right	: solid 1px #ccc!important;
	font-size:14px;
	}

@media only screen and  (max-width: 1280px) {
#reserve_box table{
	font-size:13px;
	}
}

@media only screen and  (max-width: 568px) {
.reserve_info{
	font-size:13px;
	line-height:1.8;
}
#reserve_box table{
	margin		: 0 0 25px 0px;
	}
}

#reserve_box td{
	padding		: 0.5% 2% 0.5%;
	color		: #000000;
	border-bottom	: solid 1px #ccc!important;
	vertical-align:middle;
	}

#reserve_box td strong{
	color:#EB6877;
}
	
#reserve_box th{
	color		: #000;
	border-bottom	: solid 1px #ccc!important;
	border-right	: dashed 1px #ccc!important;
	text-align	: center;
	padding		: 0.5% 2% 0.5%;
	background	: #F3F3F3;
	width:20%;
	font-weight:normal;
	vertical-align:middle;
	}

@media only screen and  (max-width: 810px) {
#reserve_box th{
	width:25%;
	}
}

@media only screen and  (max-width: 568px) {
#reserve_box td{
	padding		: 2% 1%;
	}
}

#reserve_box caption{
	margin : 0;
	box-sizing: border-box;
	padding		: 10px 0 8px 0;
	font-weight	: normal;
	background-color:#BC9D00;
	color:#FFF;
	width:99.5%;
	font-size:1.2em;
	text-align	: center;
	letter-spacing:0.1em;
}

#reserve_box input{
	padding		: 5px;
	margin-top:1%;
	margin-bottom:1%;
	border: solid 1px #ccc!important;
	}

#reserve_box select{
	padding		: 5px 0 5px 0;
	letter-spacing:0.1em;
	margin-top:0.5%;
	margin-bottom:0.5%;
	border: solid 1px #ccc!important;
	background-color:#FFF;
	}

#reserve_box textarea{
	margin-top:1%;
	margin-bottom:1%;
	padding		: 5px;
	letter-spacing:0.1em;
	border: solid 1px #ccc!important;
	}

.w30 {width:15%;}
.w20 {width:15%;}
.w10 {width:10%;}
.w40 {width:45%;}

@media screen and (max-width: 568px) {
.w30 {width:15%;}
.w20 {width:15%;}
.w10 {width:10%;}
.w40 {width:25%;}
}

.erro p{font-size:16px;padding:15px 0 10px;line-height:1.6;}

@media screen and (max-width: 568px) {
.erro p{font-size:14px;padding:10px;line-height:1.6;}
}

.erro p a{
  color:#D13232;
  text-decoration:underline;
}

.erro p a:hover{
  color:#D13232;
  text-decoration:none;
}

.txtbox small{
 color:#FFF;
}

.pd5{
  text-align: center;
  color:#FFF;
}

.pd5 ul{
  width:100%;
  margin:2% auto 5%;
}

.pd5 li{
  display:inline-block;
  padding:5px 10px;
  letter-spacing: 0.05em;
  font-size14px;
}

@media screen and (max-width: 568px) {
.pd5 li{
  font-size:13px;
  padding:5px 5px;
}
}

.pd5 a{color:#FFF;display:block;padding:8px 15px;background-color:#EB6877;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.pd5 a:hover{color:#FFF;text-decoration:none;background-color:#F0949E;}


#reserve_box .btn_send{
  width: 100%;
  margin:30px 0 0;
  text-align: center;
}

@media screen and (max-width: 568px) {
#reserve_box .btn_send{
  margin-top:15px;
}
}

#reserve_box .btn_send li{
  display:inline-block;
  margin:0 10px;
}

input.conf_bt2{
  padding:15px 30px!important;
  line-height: 1.4;
  background : #EB6877;
  color: #fff;
  display:block;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  border-style: none;
  cursor: pointer;
  font-size:14px;
  letter-spacing : 0.02em;
}

@media screen and (max-width: 568px) {
input.conf_bt{
  font-size:1.2em;
}
}

input.conf_bt2:hover{
  opacity: 0.8;
}

input.reset_bt2{
  padding:10px 15px!important;
  line-height: 1.4;
  background : #ACACAC;
  color: #fff;
  display:block;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  border-style: none;
  cursor: pointer;
  font-size:13px;
  letter-spacing : 0.02em;
}

@media screen and (max-width: 568px) {
input.reset_bt2{
  padding:8px 12px;
  font-size:14px;
}
}

input.reset_bt2:hover{
  opacity: 0.7;
}

/* thanksBox
--------------------------------------------------*/
#thanksBox {
	background-color: #fff;
	border: solid 1px #d9d9d9;
	margin:0 auto 5%;
	padding:0 0 1% 0;
	width: 100%;
	box-sizing: border-box;
	padding:3% 5%;
	color:#000;
	text-align: center;
}

#thanksBox h2 {
	font-size: 150%;
	padding: 0 0 0 0;
	margin-bottom: 25px;
	font-weight:bold;
	text-align: center;
	}

@media only screen and  (max-width: 810px) {
#thanksBox h2 {
	font-size: 120%;
	margin-bottom: 15px;
}
}

@media only screen and  (max-width: 568px) {
#thanksBox h2 {
  font-size: 110%;
}
}
	
#thanksBox p.url {
	margin-bottom: 20px;
	line-height:1.8;
}

#thanksBox p.url span {
	color: #D13232;
	font-size:1.2em;
}

@media only screen and  (max-width: 568px) {
#thanksBox p.url {
	font-size:14px;
	line-height:1.6;
}
}

#thanksBox p.link {
	margin-top:35px;
	margin-bottom: 30px;
	}
#thanksBox p.logo {
	width:auto;
	height:auto;
	margin:0 auto;
	text-align: center;
}

#thanksBox p.logo img{
	width:auto;
	max-width:240px;
	height:auto;
	margin:0 auto;
}

#thanksBox .er_bt{
	margin-top:25px;
	margin-bottom:25px;
	font-size:1.2em;
	text-align: center;
}

#thanksBox .er_bt a{color:#FFF;padding:8px 15px 8px;background-color:#D13232;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#thanksBox .er_bt a:hover{color:#FFF;text-decoration:none;background-color:#A4161D;}


@media only screen and  (max-width: 568px) {
#thanksBox .er_bt{
	margin-top:15px;
	margin-bottom:15px;
	clear:both;
	font-size:14px;
}
#thanksBox .er_bt a{padding:8px 5px 8px;}
}

#thanksBox .er_bt2{
	margin-top:25px;
	margin-bottom:25px;
	font-size:1em;
	text-align: center;
}

@media only screen and  (max-width: 568px) {
#thanksBox .er_bt2{
	margin-top:15px;
	margin-bottom:15px;
	clear:both;
	font-size:14px;
}
}

#thanksBox p.url a {
	text-decoration: underline;
	color: #D13232;
}
#thanksBox p.url a:hover {
	color: #A4161D;
	text-decoration: none;
}