@charset "UTF-8";

/*個別1000ｐｘ指定*/
.wrap_fix{
  width:1000px;
  margin:0 auto;
  position:relative;
}
/*まとめて1000ｐｘ指定*/
.container{
  width:1000px;
  margin:0 auto;
}
/*############## 999px以下 ##############*/
@media (max-width:999px){
.wrap_fix{
  width:100%;
}
.container{
  width:100%;
}
}
/*#######################################*/

/*ここから本文*/
.flow,.price,.time,.box7{
  margin-bottom:120px;
}
/*ご利用方法*/
.flow{
  display:block;
  margin-top:40px;
}
.flow_0{
  margin-top:20px;
  background-color:#ffffff;
  box-shadow: 10px 10px 25px 0 rgba(0, 0, 0, .5);
  padding:80px;
  position:relative;
}
.flow_1{
  display:block;
}
.leaf_up{
  z-index: 3;
  position:absolute;
  top:-10px;
  left:0;
}
.leaf_down{
  z-index: 4;
  position:absolute;
  bottom:-10px;
  right:0;
}
.flow_1:after{
  content:"";
  display:block;
  clear:both;
}
.flow_1_1,.flow_1_2{
  float:left;
}
.yajirushi1{
  margin-left:130px;
  margin-top:100px;
}
.flow_1_1:after{
  content:"";
  display:block;
  clear:both;
}
.flow_1_2{
  margin-left:70px;
  margin-bottom:100px;
}
.flow_1_2_box:after{
  content:"";
  display:block;
  clear:both;
}
.flow_1_2_ashiato{
    float:left;
    position:relative;
}
.flow_1_2_number{
  position:absolute;
  font-size:37px;
  left:26px;
  bottom:3px;
}
.flow_1_2_comment{
  float:left;
  font-size: 24px;
  color:#006835;
  margin-top: 40px;
}
.flow_1_2_detail{
  margin-left:20px;
}
.flow_1_2 p{
  margin-bottom:20px;
  width:470px;
  line-height:30px;
}
.net_btn{
  background:#006835;
  color:#ffffff;
  font-size: 20px;
  border-radius: 8px;
  text-decoration:none;
  padding:15px 50px;
}
.net_btn:hover{
  opacity:0.6;
}
.flow_1_3_box{
  margin-top:40px;
  font-size:20px;
}
.flow_1_3_box:after{
  content:"";
  display:block;
  clear:both;
}
.flow_1_3_reserve{
  border:solid #6f685c 2px;
  padding:8px;
  display:inline-block;
  border-radius: 4px;
  text-align: center;
  float:left;
}
.flow_1_3_tel {
  float:left;
  margin-left:10px;
  color:#a98749;
}
.flow_tel{
  color:#006835;
  font-size:37px;
}
.size_25{
  font-size:25px;
}
.flow_1_3_tel a{
  text-decoration:none;
}
.under_line{
  border-bottom:solid #6f685c 1px;
}
.flow_1_2 ul{
  list-style:none;
}
.flow_1_2 li a{
  display:block;
  background:#006835;
  color:#ffffff;
  font-size: 20px;
  border-radius: 8px;
  text-decoration:none;
  padding:6px;
  letter-spacing: 0.1rem;
  margin:15px 0;
  width:350px;
  text-align:center;
}
.flow_1_2 li a:hover{
  opacity:0.6;
}
.yajirushi2{
  margin-left:130px;
  margin-top:20px;
  margin-bottom:20px;
}
.flow_1_2 li a.link_blue{
  background:#005e9d;
}
.flow_1_2 li a.link_pink{
  background:#ee6d92;
}
/*############## 999px以下 ##############*/
@media (max-width:999px){
.flow_0{
  padding:10px;
}
.flow_1{
  margin-top:100px;
}
.flow_1_1,.flow_1_2{
  display:table;
  margin:10px auto;
  float:none;
}
.flow_1_2{
  margin-left:0;
}
.flow_1_2_ashiato,.flow_1_2_comment{
  float:none;
}
.flow_1_2_comment{
  margin-top:0;
}
.yajirushi1{
  display:block;
  margin:0 auto;
}
.flow_1_2_detail{
  margin-left: 0;
}
.flow_1_2 ul{
  list-style:none;
  padding:0;
}
.net_btn{
  padding:15px 5px;
  font-size:19px;
}
.flow_1_3_reserve,.flow_1_3_tel {
  float:none;
}
.flow_1_3_reserve{
  margin-bottom:10px;
}
.flow_1_3_tel{
  margin-left:0px;
}
.flow_tel{
  font-size: 20px;
}
.flow_1_2 p{
  width:auto;
}
.flow_1_2 li a{
  width:320px;
}
.yajirushi2{
  display:block;
  margin:0 auto;
}
}
/*#######################################*/

/*ご利用料金*/
.price_inner{
  margin-top:20px;
}
.price table caption{
  font-size:20px;
  font-weight:bold;
  text-align:left;
}
.price table{
  border-collapse: collapse;
  background:#ffffff;
  border-top:solid #6f685c 1px;
  width:1000px;
}
.price table th{
  font-size:25px;
  font-weight:bold;
  letter-spacing: 0.5rem;
  padding:10px 20px;
  border-bottom:solid #6f685c 1px;
}
.price table th.table_brown{
  background:#966c33;
  color:#ffffff;
  border-right:solid #6f685c 1px;
}
.price_inner p{
  margin-top:20px;
}
.price_drink:after{
  content:"";
  display:block;
  clear:both;
}
.drink_comment,.drink_illust{
  float:left;
}
.drink_illust{
  margin-left:60px;
  margin-bottom:20px;
}
/*############## 999px以下 ##############*/
@media (max-width:999px){
.price table {
  width:100%;
}

.price table th{
  font-size:20px;
  font-weight:normal;
  padding:6px 6px;
}
}
/*#######################################*/

/*ご利用時間*/
.time_inner{
  margin-top:20px;
}
.time_inner p{
  font-size:20px;
  font-weight:bold;
  margin-bottom:10px;
}
.time table{
  display:table;
  margin:0 auto;
  border-collapse: collapse;
  width:500px;
}
.time table th{
  font-size:25px;
  font-weight:bold;
  letter-spacing: 0.5rem;
  padding:10px 88px;
  background:#ffffff;
  border-top:solid #6f685c 1px;
  border-bottom:solid #6f685c 1px;
}
/*############## 999px以下 ##############*/
@media (max-width:999px){
.time table{
  width:auto;
}
.time table th{
  font-size:20px;
  font-weight:normal;
  padding:10px 20px;
}
}
/*#######################################*/