@charset "UTF-8";

body{
  background-color: #2E2B29;
  margin:0px;
  font-size: 16px;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS明朝", serif;
  font-style: normal;
  padding:0px;
  color:#EBD1BE;
  letter-spacing: 0.05rem;
  display: flex;
  flex-flow: column;
  min-height: 100vh;
  font-weight: 100;
  position: relative;
  box-sizing: border-box;
  }
  html, body {
    margin: 0;
    padding: 0;
  }
  * {
    box-sizing: border-box;
  }
  
html{  scroll-behavior: smooth;  height: 100%;  box-sizing: border-box;  margin-top: 0px;}
body a{color:#EBD1BE;text-decoration: none;}
body a:hover{transition: color .3s;}
h2 img{height: 4rem;z-index: 1;width: auto;}
h2 img.h-tit {height: 6rem;width: auto;}

.btn_link_01 a{
text-align: center;
display: block;
font-size: 1rem;
margin-bottom: 80px;
margin-top: 40px;
}

/* sns icon*/
.fab{
  font-family: "Font Awesome 5 Free";
  font-size: 1.7rem;
}

i.fab.fa-tiktok {content: '\e07b';font-size: 1.3rem;}
i.fab.fa-instagram{content: '\f16d';}
i.fab.fa-twitter{content: '\f099';color: rgb(29, 155, 240);}
i.fab.fa-x-twitter{content: '\e61b';}
i.fab.fa-square-x-twitter{content: '\e61a';}

i.fab.fa-youtube {content: '\f167';}
i.fab.win,i.fab.win .fa-window-restore {content: '\f2d2';margin-left:2vw ;}

ul li{list-style-type: none;}


/*fadein*/
/* 上から */

.fadeDown{
  animation-name:fadeDownAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
  opacity:0;
  }
  
  @keyframes fadeDownAnime{
    from {
      opacity: 0;
    transform: translateY(-100px);
    }
  
    to {
      opacity: 1;
    transform: translateY(0);
    }
  }

.fadeLeft{
  animation-name:fadeLeftAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
  opacity:0;
  }
  
  @keyframes fadeLeftAnime{
    from {
      opacity: 0;
    transform: translateX(-100px);
    }
  
    to {
      opacity: 1;
    transform: translateX(0);
    }
  }
/* background font color*/

.rblue{background-color: #DAE1F5;}
.icblue{background-color: #CDDFF0;}
.purple{background-color: #C3CAF2;}

.ft_purple{color:#A08AFD;}
.ft_purple{color:#A08AFD;}
.ft_white{color: #ffffff;}
.ft_LustSte{
  font-family: "lust-stencil-display", serif;
  font-weight: 400;
  font-style: italic;
}

.bg_bk{background-color: #414141;}
.bg_bg{background-color: #E3D9D2;}

.pink{color:#F8D4DE;}
.hotpink{color:#A0816A;}
.brown{color:#A0816A;}
.narrow{transform: scale(0.8, 1);}
.bold{font-weight: bold;}
.bg-beige {
background-color: #E3D9D2;
box-sizing: border-box;
overflow: hidden;
}
/* h1~h3*/


h2.tit {
  text-align: center;
  margin-bottom: 3rem;
  font-weight: bold;
  font-size: 2rem;
}

.page_all h2.tit{
  color: #414141;
}

section h3 {
  font-weight: 500;
  font-size: 1.7vw;
  margin-bottom: 1.5vw;
}

section h4{
  font-weight: 900;
  letter-spacing: 3px;
  font-size: 26px;
}

section h4 br{
  display: none;
}

.text_r,.text_l {
    margin: 10vw;
}


a.alpha:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


footer.footerbg{ 
  background-color:#3B3937;
}

.page-next {
  text-align: center;
  margin-top: 7rem;
}
.top_roop div.coming p {
  text-align: center;
  margin: 0 auto;
}

@media screen and (max-width:960px){

h2.tit{
  font-size: 2rem;
}
h2 img{
height: 30px;
width: auto;
  margin: 0 auto;
  text-align: center;}

  h2 img.h-tit {height: 4rem;}

  section h4 br{
    display: block;
  }
  

}