@charset "UTF-8";

html {
	font-size: 100%;
}

body {
	font-family: "a-otf-ud-reimin-pr6n","游明朝体" ,"游教科書体","ヒラギノ明朝 Pro","Yu Gothic", "Helvetica", "Arial",
  "Meiryo", "メイリオ", "sans-serif";
  color: #494949;
	background-color: #f0ecec;
	margin: 0px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.1em;
}

a{
	text-decoration: none;
}

img{
	max-width: 100%;
}

.fade{
  opacity : 0;
  transition: opacity 7s;
}

.fade.view{
  opacity: 1;
}

/** -----------------------------------
    詳細画面西村や
-------------------------------------**/
#f1{
	min-height: 100vh;
	min-width: 100vw;
}


/*スライダー*/
ul{
  margin:0;
  padding: 0;
  list-style: none;
}

.wrapper{
  position: relative;
}

.comming_soon {
  background-color: #f0ecec;
}
@media (max-width: 1023px) {
  .comming_soon {
    display: flex;
    align-items: center;
    width: 100vw;
    height: 100vh;
  }
}
@media (min-width: 1024px) {
  .comming_soon img {
    object-fit: cover;
    object-position: bottom;
    width: 100vw;
    height: 100vh;
    vertical-align: bottom;
  }
}

.comming_soon {
  position: relative;
}

.burger-btn{
	position: absolute;
	z-index: 2;
	width: 7%;
	top: 5%;
	left: 7%;
}

@media (min-width: 1024px) {
  .burger-btn:hover img{
      opacity: 0.6;
      transform: scale(0.9);
      transition-duration: 0.5s;
  }
}

@media (min-width: 1024px) {
  .burger-btn {
      width: 5%;
      z-index: 11;
      top: 5%;
      left: 7%;
  }
}

.burger-btn a img {
  background-color: #a8a6a6;
  padding: 2px;
}

@media (min-width: 1024px) {
  .burger-btn a img {
    background-color: transparent;
    padding: 0;
    width: 38px;
    height: 38px;
  }
}