@charset "utf-8";

body {
  font-family: 'hana','Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','sans-serif';
  color: #51483F;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  margin: 0;
  padding: 0;
  background-color: #FAEFE0;
}

* {
  box-sizing: border-box;
}

p {
  margin: 1.5em 0;
}

.clear {
  clear: both;
}

img {
  max-width: 100%;
  display: block;
  object-fit: cover;
}

a {
  color:inherit;
  text-decoration: none;
}

.DivLink {
  position: relative;
}

.DivLink .Link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* Google Mapを囲う要素 */
.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 90%;
  /* 比率を4:3に固定 */
}

/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@font-face {
  font-family: 'hana';
  src: url('../font/hanazome.ttf') format('truetype');
}

main{
  position:relative;
  z-index:0;
}
.inner{
  width:100%;
  max-width:1450px;
  margin:0 auto;
  padding:0 5%;
}
h1,h2,h3,h4,h5,h6{
  font-weight:normal;
}

/*========================================================
　　　　　　　　　　ここまで基本設定
========================================================*/

.back{
  background-image: url('../img/back.png');
  background-repeat: repeat;
}



/*========================================================
==========================================================
　　　　　　　　　　　　　PC only
==========================================================
========================================================*/
@media screen and (min-width:1190px) {
  html {
    font-size: 62.5%;
  }

  .pc-none {
    display: none;
  }

  .pc-br::after {
    content: "\A";
    white-space: pre;
  }




}

/*=======================================================
==========================================================
  　　　　　　　　　　　　SP only
==========================================================
========================================================*/
@media screen and (max-width:768px) {
  html {
    font-size: 55%;
  }

  body {
    min-width: 360px;
  }

  .sp-none {
    display: none;
  }

  .sp-br::after {
    content: "\A";
    white-space: pre;
  }

  .inner{
    width:100%;
    padding:0 7%;
  }










}/*====================================================
  　　　　　　　　　　　　さらに細かく480以下
=======================================================*/
@media screen and (max-width:480px) {}

/*=======================================================
==========================================================
  　　　　　　　　　　　　Ipad only
==========================================================
========================================================*/
@media screen and (min-width:768px) and (max-width:1190px) {
  html {
    font-size: 44%;
  }

  .pc-none {
    display: none;
  }

  .pc-br::after {
    content: "\A";
    white-space: pre;
  }



}

/*=======================================================
==========================================================
==========================================================
========================================================*/