@charset "utf-8";
#top_main {
  background: url("../images/top/main_sp.jpg")no-repeat top center;
  background-size: cover;
  height: 70vh;
  position: relative;
}
.sp_insta a {
  font-size: 2rem;
  display: block;
  color: rgba(255, 255, 255, .7);
  position: absolute;
  right: 1rem;
  bottom: .5rem;
}
#sp_logo {
  width: 100%;
  height: 25vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#sp_logo h1 {
  width: 50%;
}
@media only screen and (min-width : 768px) {
  #top_main {
    background: url("../images/top/main.jpg")no-repeat top center;
    background-size: cover;
    height: 100vh;
  }
}
/*------------- top_btm -------------*/
#top_btm {
  padding: 1rem;
}
@media only screen and (min-width : 400px) {
  #top_btm {
    padding: 1rem 1.5rem;
  }
}
@media only screen and (min-width : 500px) {
  #top_btm {
    padding: 10%;
  }
}
/*------------- gallery -------------*/
#gallery div, #gift div {
  padding: .5rem;
}
@media only screen and (min-width : 768px) {
  #gallery {
    padding-bottom: 4rem;
  }
}
/*------------- insta/gift/ec/ws/deco/media -------------*/
#insta {
  margin-bottom: 2rem;
}
#insta h2, #gift h2, #gift h3, #access h2, #ec h2, #ws h2, #deco h2, #media h2,#access h2 {
  text-align: center;
  font-size: 1.4rem;
  letter-spacing: .25rem;
  font-family: zeitung, sans-serif;
  font-weight: 600;
  font-style: normal;
  margin: 2rem auto;
}
#gift h3 {
  font-size: 1.2rem;
  letter-spacing: 0.01em;
  margin: 0 auto .5rem;
}
#gift h3 span {
  font-size: 60%;
  padding-left: .15rem;
  letter-spacing: 0.01em;
}
@media only screen and (min-width : 1200px) {
  #insta, #gift {
    max-width: 1000px;
    margin: 10rem auto;
  }
  #insta h2, #gift h2, #gift h3, #access h2, #ec h2, #ws h2, #deco h2, #media h2 {
    font-size: 1.8rem;
  }
  #gift h3 {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width : 1500px) {
  #insta h2, #gift h2, #access h2, #ec h2, #ws h2, #deco h2, #media h2 {
    font-size: 2rem;
    margin-top: 5rem;
  }
  #gift h3 {
    font-size: 2rem;
  }
}
/*------------- ec,ws,deco -------------*/
#ec p, #ws p, #deco p, #deco ul, #media p {
  font-size: .8rem;
  line-height: 2;
}
#deco p, #ws p {
  text-align: left;
}
@media only screen and (min-width : 768px) {
  #deco p, #ws p {
    text-align: center;
  }
}
@media only screen and (min-width : 1024px) {
  #ec p, #ws p, #deco p, #deco ul, #media p {
    font-size: .9rem;
  }
}
/*------------- deco -------------*/
#deco {
  margin: 6rem auto;
}
@media only screen and (min-width : 768px) {
  #deco {
    margin: 10rem auto;
  }
}
/*------------- media -------------*/
.media_box {
  max-width: 600px;
  margin: auto;
  background: #fff;
  padding: 1rem;
}
@media only screen and (min-width : 768px) {
  .media_box {
    padding: 3rem;
    background: #F5F6F7;
  }
}
/*------------- btn -------------*/
.btn {
  margin: 2rem auto 3rem;
  display: block;
}
.btn a {
  border: 2px solid #373737;
  border-radius: 30px;
  padding: 1rem 2rem;
  color: #373737;
  font-family: zeitung, sans-serif;
  font-weight: 600;
  font-style: normal;
}
@media only screen and (min-width : 768px) {
  .btn {
    margin: 2rem auto 6rem;
  }
  .btn a {
    font-size: 1.2rem;
    padding: 1rem 3rem;
    border-radius: 40px;
  }
}
/*------------- access/gift/ec -------------*/
#access p, #gift p {
  font-size: .75rem;
  line-height: 2;
}
#access .en, #gift .en {
  font-family: zeitung, sans-serif;
  font-weight: 300;
  font-style: normal;
}
#gift .en {
  text-align: center;
  margin-bottom: 1.5rem;
}
/*#gift .row div{
	margin-bottom: 1.5rem;
}*/
#access p a, #gift p a, #deco li a {
  color: #000000;
  border-bottom: 1px dotted #A8A8A8;
}
/* #access .map {
  margin-top: 2rem;
} */
@media only screen and (min-width : 370px) {
  #access .adress {
    /* width: 95%; */
    margin: auto auto 2rem;
  }
}
@media only screen and (min-width : 700px) {
  #access .adress {
    width: 100%;
    margin: auto auto 2rem;
  }
  #gift p {
    text-align: center;
  }
}
/* @media only screen and (min-width : 1000px) {
  #access h2 {
    text-align: left;
    margin-top: 0;
  }
} */
@media only screen and (min-width : 1200px) {
  #access {
    max-width: 1000px;
    margin: auto;
  }
}
@media only screen and (min-width : 1500px) {
  #access p, #gift p {
    font-size: .9rem;
    line-height: 2;
  }
  #access .en, #gift .en {
    font-size: .8rem;
  }
}