@charset "UTF-8";
/* 全体の初期設定 */
*{
  margin:0px;
  padding:0px;
  text-decoration:none;
  background-repeat:no-repeat;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
ul , li{
  list-style:none;
}
img{
  vertical-align:bottom;
  border:none;
}
body{
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "MS P ゴシック", "MS P Gothic", sans-serif;
  font-size:12px;
  text-align:center;
  background-color:#ffffff;
  color:#000000;
}
h1 , h2 , h3 , h4 , h5 , h6{
  font-size: 100%;
}

/* floatの解除設定 */
.clearfix:before , .clearfix:after{
  content: " ";
  display:table;
}
.clearfix:after{
  clear:both;
}
.clearfix{
  *zoom:1;
}




.wrap {
  width:1100px;
  height:auto;
  margin:0 auto;
  margin-top:220px;
}

/* 上部*/

/* タイトル*/
.title_wrap{
  width:1100px;
  height:auto;
  margin:0 auto;

}
.title{
  width:100%;
  height:36px;
  margin:50px 0px 30px 0px;
  background-image: url("images/border.png");
  box-sizing: border-box;
}

.title h2{
  width:100px;
  height:36px;
  line-height:36px;
  font-size:20px;
  background-color:#fff;
  margin:0 auto;
}

/* マップ*/
.map{
  width:1100px;
  height:560px;
  background-image: url("images/map.png");
  margin:0 auto;
}

.hokkaido{
  width:226px;
  height:80px;
  margin:0px 0px 0px 400px;
}

.hokkaido p{
  font-size:18px;
  font-weight:normal;
  text-align:center;
  color:#fff;
  line-height:40px;
  background-color:#B8D7A8;
  margin:0 auto;
}

.hokkaido ul{
  width:226px;
  height:40px;
  font-size:18px;
  text-align:center;
  line-height:40px;
  margin:0 auto;
}

.hokkaido a{
  color:#000;
}
.hokkaido a:hover {
  color:#888;
}


.kanto{
  width:226px;
  height:80px;
  margin:30px 0px 0px 300px;
}

.kanto p{
  font-size:18px;
  font-weight:normal;
  text-align:center;
  color:#fff;
  line-height:40px;
  background-color:#D0A9C9;
  margin:0 auto;
}

.kanto ul{
  width:226px;
  height:40px;
  font-size:18px;
  text-align:center;
  line-height:40px;
  margin:0 auto;
}

.kanto a{
  color:#000;
}
.kanto a:hover {
  color:#888;
}


/* 下部*/
.erea{
  width:810px;
  margin:0 auto;
  color:#464646;
  text-align:left;
}

.erea img{
  max-width:100%;
}

.erea_title{
  padding:10px 16px 10px 16px;
  width:100%;
  background-color:#B8D7A8;
  margin-top:40px;
  text-align:left;
  font-size:18px;
  font-weight:normal;
  color:#fff;
  box-sizing: border-box;
}

.store_wrap{
  width:100%;
  margin:0 auto;
  margin-bottom:30px;
  margin-top:10px;
  border:solid 1px #999;
  box-sizing: border-box;
}

.store_wrap h3{
  position: relative;
  display: block;
  padding:10px 20px 7px;
  font-size:16px;
  font-weight:bold;
  background: linear-gradient(180deg, #ffffff, #d5d5d5);
  margin-bottom: 10px;
  border-top:4px solid #ba9153;
}

.store_wrap h3:before,
.store_wrap h3::before{
  content: url("../konoyona/images/logomini.png");
  margin-right:10px;
  position: relative;
  top:1px;
}

.store_in1{
margin-top: 20px;
box-sizing: border-box;
}

.store_in1 .f_l{
  position: relative;
}

.store_in1_txt{
  width:100px;
  position: absolute;
  top:19px;
  right:29px;
  box-sizing: border-box;
  padding-right: 30px;
  border-bottom: 1px #999 solid;
}

.store_in1_txt:after{
  position: absolute;
  content: "";
  bottom: -3px;
  right:0;
  border-radius: 50%;
  width:5px;
  height:5px;
  background: red;
}

.store_in2{
  padding:15px 20px;
  box-sizing: border-box;
  width: 100%;
}


.store_in2 table{
  box-sizing: border-box;
  width:100%;
  border:#999 1px dotted;
  border-spacing: 1px;
  padding:0 5px;
}
.store_in2 th{
  padding:8px 10px;
  border-bottom: #999 1px dotted;
}
.store_in2 td{
    padding:8px 0px;
    border-bottom: #999 1px dotted;
}




.store_in2 tr:last-child th,
.store_in2 tr:last-child td{
  border-bottom: none;
}


.f_l{
  box-sizing: border-box;
  float:left;
  width:50%;
}

.f_r{
  padding-left: 20px;
  box-sizing: border-box;
  float: right;
  width:50%;
}

.min-fhoto{
  width:100%
  box-sizing: border-box;
  margin-top:10px;
}

.min-fhoto .f_l,
.min-fhoto .f_r{
  padding:0;
  width: 48.5%;
}

.bg1{
  background-color:#D0A9C9;
}

.store_wrap iframe{
  margin-top:10px;
}

.toti{
  margin:10px;
  text-align:left;
  font-size:16px;
  font-weight:bold;
}