@charset "Shift_JIS";


body{
  background: #fffafa;
  margin: 0 auto;
   font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
   letter-spacing : 0.1em;
}
.wrapper {
  background: #fffafa;
  max-width: 1200px;
  margin: 0px auto;
  padding: 0px 15px 0px 15px;

}
.wrapper2 {
  background: url('https://hamasakanosato.com/image/geopark2.gif') no-repeat center;
  width: 100%;
  margin: 0px 0px 50px;
  padding: 30px;
background-size: cover;
}

.img-wrap {
  width: 100%;
  height: auto;

}
.img-space {
  width: 100%;
  height: 0;
  padding-top: 40%;
  background: url('https://hamasakanosato.com/image/photo/00_top/index_05.JPG') no-repeat center;
  background-size: cover;
position: relative;
}
.img-space p{
  position: absolute;
  color: white;
font-weight: bold;
font-size: 1.5em;
margin: 0px;
padding: 0px;
  top: 94%;
  right: 30px;
opacity: 0.8;
}

a {
color: #333;
text-decoration: none;
}

/*"▼トップお知らせ"*/
.pickupinfo-box {
  background:rgba(255,255,0,0.8);
  max-width: 1200px;
  margin: 0px auto 50px;
  padding: 30px;
  text-align:center;
}
.pickupinfo-box p{
  font-size: 22px;
  line-height: 1.8em;
  text-indent:1em;
}
.pickupinfo-box a{
  color: #800080;
transition: all 0.3s ease 0s;
}
.pickupinfo-box a:hover{
  color: #4b0082;
  background-color: #c0c0c0;
}
/*"▲トップお知らせ"*/



.geo-box {
  background:rgba(143,188,143,0.3);
  max-width: 1200px;
  margin: 0px auto;
  padding: 30px;
  text-align:left;
}
.geo-box p{
  line-height: 1.8em;
  text-indent:1em;
}
.geo-box a{
  color: #800080;
transition: all 0.3s ease 0s;
}
.geo-box a:hover{
  color: #4b0082;
  background-color: #c0c0c0;
}

.f-box{
  width: 100%;
  margin: 0px;
  padding: 0px 0px 30px;
  text-align:center;
}
.setsubi {
box-sizing: border-box;
display:flex;
flex-diretion: row;
flex-wrap: wrap;
justify-content: center;
padding: 10px 0px;
margin: 20px 0px 0px;
}
.setsubi-item {
   width: 19%;
   margin: 5px;
   padding: 5px;
   background-color: #fff;
   border: 1px solid #999;
   border-radius: 0.5em;
   text-align: center;
   align-items: center;
   color: #333;
}

.setsubi-item img {
   width: 100%;
   margin: 0px;
   padding: 0px;
   transition: all 0.3s ease 0s;
}
.coment p{
  font-size: 14px;
  line-height: 1.2em;
  text-indent:0em;
  text-align: left;
  margin: 0px 10px;
}
.setsubi-item a{
  color: #666;
  background-color: #eee;
   transition: all 0.3s ease 0s;
}
.setsubi-item a:hover{
  color: #333;
  background-color: #90ee90;
}

.stamp-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 50px auto;
  padding: 30px;
  background-color: #faf0e6;
  border: 0px solid #d2b48c;
  border-radius: 0.8em;
}

.stamp-item p{
  font-size: 16px;
  line-height: 1.5em;
  text-indent:0em;
  text-align: left;
  margin: 10px;
}
.stamp-item spam{
  display: inline-block;
  padding: 10px;
  letter-spacing : 0.0em;
  font-size: 22px;
  font-weight: bold;
  color: #cd853f;
}

.coment-2 {
  font-size: 14px;
  line-height: 1.5em;
  text-indent:0em;
}


.opentime {
display:flex;
justify-content: center;
padding: 10px 20px;
}

.timebox {
   flex-wrap: wrap;
   width: 25%;
   margin: 10px 3px;
   padding: 5px;
   align-items: center;
}
.tenpologo{
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tenpologo img {
    width: 100%;
    padding: 20px;
    filter: drop-shadow(1px 1px 1px #ccc);
   transition: all 0.3s ease 0s;
}
.tenpologo img:hover {
 opacity: 0.6;

}
.time{
  color: #555;
  font-weight: bold; 
  letter-spacing : 0.0em;
  font-size: 20px;
  line-height: 1.2em;
  filter: drop-shadow(1px 1px 1px #ccc);
}
.time span{
font-size: 15px;
font-weight: normal;
color: #ff0000;
letter-spacing : 0.3em;
filter: drop-shadow(1px 1px 1px #ccc);
}

.winter{
   width: 100%;
   margin: 0 auto;
   padding: 5px;
   background-color: #4169e1;
   border: 0px solid #999;
   border-radius: 0.5em;
   text-align: center;
   align-items: center;
   color: #fff;
   font-size: 20px;
   font-weight: normal;
}


.pickup{
    display: flex;
    
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.pickup img{
  display: block;
  width: 100%;
  height: auto;
  margin: 5px 0px;
  padding: 0px;
}


/*sns*/
.sns{
    display: flex;
    
    max-width: 400px;
    height: auto;
    margin: 0px;
    padding: 0px;
}
/*sns*/


/*FLEX*/





/*"コンテンツボックス"*/
#flexbox{
      box-sizing: border-box;
      display:-webkit-flex;
      display:flex;
      flex-wrap: wrap;
      justify-content: space-between;
      
      width: 100%;
      height:auto;
      margin: 10px 0px;
      padding:30px 0px;
}
.box-item{
      width: 345px;
      text-align: center;
      margin: 15px 0px;
      padding: 100px 15px;
      
      border:3px solid #ffe4e1;
      border-radius: 0.3em;
}

/*"インフォボックス営業時間"*/
#flexbox2{
      box-sizing: border-box;
      display:-webkit-flex;
      display:flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      
      width: 100%;
      height:auto;
      margin: 10px 0px 60px;
      padding: 0px;
      border:3px solid #ffd700;
      border-radius: 0.3em;
}
.box-item2-1{
      order: 1;
      width: 30%;
      background: #adff2f;
      text-align: center;
      margin: 0px;
      padding: 40px 15px;
      border:0px solid #ffd700;
      
}
.box-item2-2{
      order: 2;
      width: 70%;
      background: #ffebcd;
      text-align: center;
      margin: 0px;
      padding: 40px 15px;
      border:0px solid #ffd700;
      
}
/*"インフォメーション"*/
.info {
  width: 100%;
  max-width:730px;
  text-align: left;
  background:#ffffff;
  border:1px solid #999999;
  border-radius: 0.3em;
  margin: 0px auto 40px;
  padding: 5px 10px;
}
.info p{
  line-height: 1.8em;
  text-indent:1em;
  
}


/*"ピックアップボックス"*/

#pickup{
  box-sizing: border-box;
  display:-webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  
  
}

/*"ボックス"１*/
.box01 {
  order: 1;
  width: 750px;
  
  padding: 5px;
  text-align: center;
 }

/*"ボックス２"*/
.box02 {
  order: 2;
  width:390px;
  padding: 5px;
  
  text-align: center;
 }

/*"ピックアップバナー"*/
.box-pickup {
  margin: 0px auto 40px;
}
.box-pickup img {
  width: 100%;
  max-width:730px;
  padding: 3px;
  margin: 0px 0px 10px;
  border: 1px solid #939393;
  border-radius: 0.0em;
  transition: all 0.3s ease 0s;
 }
.box-pickup img:hover {
  opacity: 0.8;
 }

/*"sns埋め込み枠"*/
.sns-border {
  border:1px solid #999999;
  border-radius: 0.3em;
  margin: 0px 0px 20px;
 }

/*"リンクボックス"*/
#linkbox{
      box-sizing: border-box;
      display:-webkit-flex;
      display:flex;
      flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
      
      width: 100%;
      height:auto;
      margin: 10px 0px 50px;
      padding: 5px;
}
.link-item{}
.link-item img{
   text-align: center;
   margin: 10px 15px;
   padding: 0px;
   border:1px solid #939393;
   border-radius: 0.1em;
   width: 180px;
   vertical-align:middle;
   transition: all 0.3s ease 0s;
}
.link-item img:hover{
      opacity: 0.6;
}
/*"ふるさと納税ボックス"*/
#furusatobox{
      box-sizing: border-box;
      display:-webkit-flex;
      display:flex;
      flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
      
      width: 100%;
      height:auto;
      margin: 10px 0px 100px;
      padding: 5px;
}
.furusato-item{}
.furusato-item img{
   text-align: center;
   margin: 10px 15px;
   padding: 0px;
   border:1px solid #939393;
   border-radius: 0.1em;
   width: 180px;
   vertical-align:middle;
   transition: all 0.3s ease 0s;
}
.furusato-item img:hover{
      opacity: 0.6;
}

#googlemap {
widht: 100%;
text-align: center;
margin: 0px 0px 60px; 
padding: 5px 5px 20px;
}
.hover1 {
  display: block;
  width: 90%;
  cursor: pointer;
  padding: 5px;
  margin: 0 auto;
  background-color: #ffdab9;
  color: #333;
      border :0px solid #ffe4e1;
      border-radius: 0.5em;
  transition: all 0.3s ease 0s;
}
.hover1:hover {
  opacity: 0.6;
}


h4 {
  letter-spacing : 0.1em;
  font-size: 1.2em;
  margin: 0px;
  color: #555555;
  border-bottom: solid 2px #555555;
  position: relative;
}
h4:after{
}

h5 {
  letter-spacing : 0.1em;
  font-size: 1.1em;
  padding: 6px 15px 4px;
  margin: 0px;
  font-weight: normal;
  color: #fff;
  background: linear-gradient(to right, #a9a9a9 0%, #a9a9a9 90%, #d3d3d3 90%, #d3d3d3 100%);
  border-bottom: solid 0px #333333;
  position: relative;
  border-radius: 5px;
}

/*"インスタグラム"*/
  .instagram-gallery {    max-width: 640px;    margin: auto;  }  .instagram-gallery__list {    display: flex;    flex-wrap: wrap;    -ms-flex-wrap: wrap;  }  .instagram-gallery__item {    min-width: 33.333%;    width: 33.333%;    padding: 0px;  }
/*"Instagram"*/


@media screen and (max-width: 800px) {
.img-space p{
  display: none;
}

     .setsubi {
         display: block;
     }
     .setsubi-item {
         display: flex;
         width: 100%;
         margin: 10px auto;
     }
     .setsubi-item img {
         width: 30%;
         margin: 0 auto;
     }
   .coment {
    width: 70%;
    }
   .coment p{
    font-size: 14px;
    line-height: 1.2em;
    text-indent:0em;
    text-align: left;
    margin: 0px 10px;
  }

}