@charset "UTF-8";
/* CSS Document */
.heading-story {
  width: 90%;
  padding: 47% 0 5% 0;
}
/*-----文字-----*/
.story-jp, .story-inari-top-jp, .story-inari-bottom-jp, .chef-top-jp, .chef-bottom-jp, .Madam-top-jp, .Madam-bottom-jp, .family-jp, .kodawari-jp, .webstory-top-jp, .webstory-bottom-jp {
  font-family: "Noto Serif JP";
  line-height: 1.563em;
}
.story-en, .story-inari-top-en, .story-inari-bottom-en, .chef-top-en, .chef-bottom-en, .Madam-top-en, .Madam-bottom-en, .family-en, .kodawari-en, .webstory-bottom-en {
  font-family: "Arial";
  font-size: 1.4rem;
  font-style: italic;
  color: #CDD6DD;
  line-height: 1.286em;
}
.chef h3, .Madam h3 {
  font-family: "Noto Serif JP";
  font-size: 2.3rem;
  font-weight: bold;
  padding-bottom: 17px;
  padding-top: 80px;
}
.chef span, .Madam span {
  font-family: "Arial";
  font-size: 1.4rem;
  font-weight: normal;
  padding-left: 20px;
}
/*----写真下余白*/
.story-jp, .story-inari-top-jp, .family-jp, .kodawari-jp, .webstory-top-jp, .webstory-bottom-jp {
  padding-top: 35px;
}
/*----英文一番下余白*/
.story-en, .story-inari-bottom-en, .chef-bottom-en, .Madam-bottom-en, .kodawari-en, .webstory-bottom-en {
  padding: 40px 0 100px 0;
}
.family-en {
  padding: 10px 0 20px 0;
}
/*----英文上段上余白*/
.story-inari-top-en, .chef-top-en, .Madam-top-en, .webstory-top-jp {
  padding-top: 20px;
}
/*ーーーアコーディオンーーー*/
.story-inari-bottom, .chef-bottom, .madam-readmore, .web-readmore {
  display: none;
}
.story-inari-bottom.active, .chef-bottom.active, .madam-readmore.active, .web-readmore.active {
  display: block;
}
/*ーーーもっと読むーーー*/
.btn-readmore {
  width: 15%;
  margin: 1em auto;
  display: block;
  cursor: pointer;
}
/*ーーーフリップーーー*/
.box {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  height: 47vh;
}
.box img {
  width: 100%;
  cursor: pointer;
  position: absolute;
  right: 0;
}
.box img:last-child {
  top: -280%;
  transition: 0.3s;
}
.box:hover img:last-child {
  top: 0;
  left: 0;
}
.family-welcome {
  padding-top: 80px
}
.family {
  margin-bottom: 80px;
}
/*スライド*/
/*.swiper-container {*/
  /* width: 300px; */
/*  width: 80vw;*/
/*  height: auto;*/
/*
  margin: 0 auto;
  overflow: hidden
}
*/
/*
.swiper-container img {
  width: 100%;
  height: auto;
}
*/
.story-ipad-photo {
  display: none;
}
@media only screen and (min-width:600px) {
  .story-ipad-photo {
    display: none;
  }
  .heading-story {
    width: 63%;
    margin: 0 auto;
    padding: 18% 0 5% 0;
  }
  .btn-readmore {
    width: 10%;
  }
  .box{
    height: 65vh;
  }
}
@media only screen and (min-width:1024px) {
  .openbtn {
    right: 30px;
  }
  .story-ipad-photo {
    display: block;
  }
	.story-top{
		display: none;
	}
  .heading-story {
    width: 70%;
    padding: 40% 0 5% 0
  }
  .btn-readmore {
  width: 15%;
  margin: 1em auto;
  display: block;
  cursor: pointer;
}
  .box{
    height: 500px;
	width: 500px;
	  
  }
  #storypage .swiper{
/*    		width: 30vw;*/
    width: 500px;
  }
}