@charset "utf-8";
/* CSS Document */
* {
  box-sizing: border-box;
  line-height: 1.6;
  /*text-align: center;*/
  color: #5D5D5D;
  font-size: 12.5px;
  list-style: none;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-break: strict; /*句読点や記号を用いた場合の改行規則 strict最も厳格な改行規則を使用してテキストを改行*/
}
/*----------背景の水玉----------*/
body {
  background-image: url("../img/body.jpg");
  background-size: cover;
}
/*----------header logoとnav----------*/
.header {
  width: 100%;
  height: auto;
}
.header .logo {
	width: 30%;
  max-width: 45.06%;
  /*height: auto;*/
  text-align: center;
  margin: 0 auto;
}
/*----------drawermenu----------*/

ul {
  list-style: none;
	
}
.contents {
  transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#navTgl {
  display: none;
}
/*label {
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0;
}*/
.open {
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2;
  width: 60px;
  height: 48px;
  transition: background .5s, transform .5s cubic-bezier(0.76, 0.52, 0.29, 1.25);
}
.open::before, .open::after {
  content: "";
}
.open span {
  content: "";
  position: absolute;
  top: 35px;
  right: 20px;
  width: 29px;
  border-bottom: 4px solid #F9C1CF; /*★★線の太さや色★★*/
  transition: transform .5s cubic-bezier(0.76, 0.52, 0.29, 1.25);
  /*padding-bottom:5px;*/
}
.open::before {
  content: "";
  position: absolute;
  top: 30px;
  right: 20px;
  width: 29px;
  border-bottom: 4px solid #F9C1CF; /*★★線の太さや色★★*/
  transition: transform .5s cubic-bezier(0.76, 0.52, 0.29, 1.25);
  /*padding-bottom:5px;*/
}
.open::after {
  content: "";
  position: absolute;
  top: 31px;
  right: 29px;
  width: 20px;
  border-bottom: 4px solid #F9C1CF; /*★★線の太さや色★★*/
  transition: transform .5s cubic-bezier(0.76, 0.52, 0.29, 1.25);
  margin-top: 10px;
}
.open::before {
  transform: translateY(-8px);
}
.open::after {
  transform: translateY(8px);
}
.close {
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: background .5s;
}
#navTgl:checked + .open span {
  transform: scaleX(0);
}
#navTgl:checked + .open::before {
  transform: rotate(45deg) scalex(2.0) translateX(1.8px);
}
#navTgl:checked + .open::after {
  transform: rotate(-45deg) scalex(3.0) translateX(3.2px);
}
#navTgl:checked ~ .close {
/*  background: rgba(0, 0, 0, .7);*/
	background-image:url("../img/body.jpg");
	background-size:cover;
}
.menu {
  z-index: 1;
  position: fixed;
  overflow: auto;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 6%;
  margin: 0;
  box-sizing: border-box;
  transform: translateX(-100%);
  transition: transform .5s cubic-bezier(0.33, 1.01, 0.33, 0.97);
}
.menu h2, .menu a {
  color: #707070;

	font-size: 15px;
  list-style: none;
  font-family: "fot-udmarugo-large-pr6n", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.menu h2 {
  text-align: center;
}
.menu ul {
  padding: 0;
  text-align: center;
  width: 100%;
  margin: 0 auto;

}
.menu li {
 /* font-size: .9em;*/
  line-height: 1.4;
border-bottom:solid 1px #707070;
}
.menu li:nth-child(4){
	border-bottom:none;
}
.menu li:nth-child(5){
	border-bottom:none;
}
/*.menu li:nth-child(4)::after{
	content:url("../img/drawer-contact.png");
	display: block;
}*/
.menu a {
  display: block;
  padding: 1.4em 2em;
  text-decoration: inherit;
  transition: background .5s;
}

.menu li :hover{
 /* font-size: .9em;*/
cursor: pointer;
	opacity: 0.8;
	 
}

#navTgl:checked ~ .menu {
  transform: none;
}
/*----------吹き出しリンク----------*/
.pop-wrap img:hover {
  cursor: pointer;
	opacity: 0.8;
}
.tokucyou img {
  width: 49.3333%;
  height: auto;
  position: absolute;
  top: 22.96%;
  left: 0%;
	animation: fuwafuwa 3s ease infinite;
}



@keyframes fuwafuwa {
	0% {transform:translate(0, 0);}
	50% {transform:translate(0, -30px);}
	100% {transform:translate(0, 0);}
}


.hoikujikan img {
  width: 49.3333%;
  height: auto;
  position: absolute;
  top: 39.9%;
  right: 4%;
	-webkit-animation-name:fuwafuwa7; /* fuwafuwaっていうアニメーションをしてね！ */
	-webkit-animation-duration:5s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa7;
	-moz-animation-duration:5s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}



@-webkit-keyframes fuwafuwa7 {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(10px, -35px);}
	100% {-webkit-transform:translate(0, 0);}

}
@-moz-keyframes fuwafuwa7 {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -35px);}
	100% {-moz-transform:translate(0, 0);}
}

.annai img {
  width: 49.3333%;
  height: auto;
  position: absolute;
  bottom: 32.77%;
  left: 0;
-webkit-animation-name:fuwafuwa6; /* fuwafuwaっていうアニメーションをしてね！ */
	-webkit-animation-duration:18s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa6;
	-moz-animation-duration:18s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}
@-webkit-keyframes fuwafuwa6 {
	0% {-webkit-transform:translate(0, 0);}
	12% {-webkit-transform:translate(25px, 20px);}
	25% {-webkit-transform:translate(50px, 0);}
	37% {-webkit-transform:translate(25px, -20px);}
	50% {-webkit-transform:translate(0, 0);}
	62% {-webkit-transform:translate(-25px, 20px);}
	75% {-webkit-transform:translate(-50px, 0px);}
	87% {-webkit-transform:translate(-25px, -20px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa6 {
	0% {-moz-transform:translate(0, 0);}
	25% {-moz-transform:translate(30px, 0px);}
	50% {-moz-transform:translate(30px, 30px);}
	75% {-moz-transform:translate(30px, -30px);}
	100% {-moz-transform:translate(0, 0);}
}

.inner .contact img {
  width: 49.3333%;
  height: auto;
  position: absolute;
  top: 82%;
  right: 0;
  animation: anime1 0.7s ease 0s infinite alternate;
  transform-origin: center;
-webkit-animation-name: fuwafuwa3;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    /* -webkit-animation-direction: alternate; */
    -webkit-animation-timing-function: ease;	
}

@-webkit-keyframes fuwafuwa3 {
	0% {-webkit-transform:translate(0, 0);}
	25% {-webkit-transform:translate(30px, 0);}
	50% {-webkit-transform:translate(30px, 30px);}
	75% {-webkit-transform:translate(30px, -30px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa3 {
	0% {-moz-transform:translate(0, 0);}
	25% {-moz-transform:translate(30px, 0px);}
	50% {-moz-transform:translate(30px, 30px);}
	75% {-moz-transform:translate(30px, -30px);}
	100% {-moz-transform:translate(0, 0);}
}


/*spではinnerはブラウザに最大表示*/
.inner {
  width: 100%;
}
/*innerの直下にmain*/
.main {
  width: 100%;
  margin-top: -115px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
/*建物のメイン画像*/
.illust {
  position: relative;
}
.en img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
}
/*----------イラストたち----------*/
.bird img {
  width: 10%;
  position: absolute;
  top: 10.28%;
  left: 5.33%;
	transform: rotate(20deg);
  animation: moveimg 8s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes moveimg {
  0% {
    left: 0%;
    top: 3%;
  }
  30% {
    left: 10%;
    top: 10%;
  }
  40% {
    left: 6%;
    top: 12%;
  }
  100% {
    left: 6%;
    top: 12%;
  }
}
.bird img:hover {
  display: inline-block;
  animation: hurueru .1s infinite;
}
@keyframes hurueru {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg)
  }
  25% {
    transform: translate(2px, 2px) rotateZ(1deg)
  }
  50% {
    transform: translate(0px, 2px) rotateZ(0deg)
  }
  75% {
    transform: translate(2px, 0px) rotateZ(-1deg)
  }
  100% {
    transform: translate(0px, 0px) rotateZ(0deg)
  }
}
.flower1 img {
  width: 23.86%;
  height: auto;
  position: absolute;
  top: 18.5%;
  left: 11.73%;
  animation: flower-anime 5s linear infinite;
}
.flower2 img {
  width: 18.93%;
  height: auto;
  position: absolute;
  top: 18%;
  right: 15.46%;
  animation: flower-anime 4s linear infinite;
}
@keyframes flower-anime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.ball img {
  width: 45%;
  hight: auto;
  position: absolute;
  top: 28%;
  left: 7%;
}
.katatumuri img {
  width: 12.80%;
  hight: auto;
  position: absolute;
  top: 25.64%;
  right: 26.66%;
  animation: yurayura 3s linear infinite;
}
@keyframes yurayura {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.mizuyari img {
  width: 26.40%;
  hight: auto;
  position: absolute;
  top: 29.6%;
  right: 3.2%;
}
.flower3 img {
  width: 14.93%;
  hight: auto;
  position: absolute;
  top: 34.2%;
  right: 24%;
}
.nawatobi img {
  width: 34.40%;
  hight: auto;
  position: absolute;
  top: 43.54%;
  left: 0%;
}
.yama img {
  width: 65.20%;
  hight: auto;
  position: absolute;
  top: 45%;
  left: 32%;
}
.hu-pu img {
  width: 21%;
  hight: auto;
  position: absolute;
  top: 56%;
  left: 42.66%;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.hu-pu img:hover {
  /*animation: rotate-anime 3s linear infinite;*/
	-mos-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    tramsform: translateY(-30px);	
}
@keyframes rotate-anime {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sanrinsya img {
  width: 26.80%;
  hight: auto;
  position: absolute;
  top: 60.17%;
  right: 21.33%;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}


/*.sanrinsya img:hover {
	-mos-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    tramsform: translateY(-30px);	
}*/
.baketu img {
  width: 23.44%;
  hight: auto;
  position: absolute;
  top: 71.25%;
  right: 1.6%;
}
.taiya img {
  width: 63.06%;
  hight: auto;
  position: absolute;
  top: 66.50%;
  right: 39%;
}
.soccer img {
  width: 8.8%;
  hight: auto;
  position: absolute;
  top: 83.92%;
  left: 20.26%;
  /*transition: all 1s linear 0s;
  border-radius: 50%;*/
  cursor: pointer;
  -moz-transition: 3s linear;
  -webkit-transition: 3s linear;
  -o-transition: 3s linear;
  -ms-transition: 3s linear;
}
.soccer img:hover {
  width: 8.8%;
  hight: auto;
  position: absolute;
  top: 83.92%;
  left: 20.26%;
  transform: rotateZ(360deg);
}
.suberidai img {
  width: 62%;
  hight: auto;
  position: absolute;
  top: 86.5%;
  left: 5.33%;
}
/*----------のぞみ幼稚園からのご挨拶----------*/
.book-wrap {
  margin-top: 120px;
  width: 100%;
  height: auto;
}
/* 表紙 */
.book {
  position: relative;
  box-sizing: border-box;
  width: 260px;
  height: 328px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  padding-bottom: 10px;
  background-color: #eed95d;
  box-shadow: -2px 0 0 0 #eed95d, 2px 5px 1px 4px rgba(0, 0, 0, .2);
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 0 150%;
  perspective-origin: 0 150%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.book::before, .book::after, #book-open ~ #book-contents::before, #book-open ~ #book-contents::after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% - 10px);
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 2.5s;
  transition-duration: 2.5s;
  -webkit-transition-property: transform, background-color;
  transition-property: transform, background-color;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.book::before {
  font-size: 16px;
  content: '';
  white-space: pre;
  -webkit-transform: translateZ(2px) rotateY(0deg);
  transform: translateZ(2px) rotateY(0deg);
  text-align: center;
  color: #fff;
  /* background-color: #eed95d;*/
  background-image: url("../img/book-bg.png");
  background-size: cover;
  box-shadow: 0 2px 0 0 #eed95d;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, .4);
}
.book::after {
  content: '';
  -webkit-transform: translateZ(1px) rotateY(0deg);
  transform: translateZ(1px) rotateY(0deg);
  background-color: #c6af4b;
}
.book:hover::before, #book-open:checked ~ #book-contents::before {
  -webkit-transform: translateZ(1px) rotateY(-185deg);
  transform: translateZ(1px) rotateY(-185deg);
}
.book:hover::after, #book-open:checked ~ #book-contents::after {
  -webkit-transform: translateZ(2px) rotateY(-185deg);
  transform: translateZ(2px) rotateY(-185deg);
  background-color: #eed95d;
}
/* 中身 */
.book-inbox {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  padding: 10px;
  transition: box-shadow 1.8s ease;
  transition-delay: .3s;
  background-image: url("../img/book-naka.jpg");
  background-size: cover;
  box-shadow: 200px 0 1px 0 rgba(0, 0, 0, .4) inset, -2px 0 0 0 #eed95d;
	font-size:11px;
	text-align: left;
}

br{
	display: none;
}
.book-inbox ul li:first-child{
	padding:10px 0 10px 0;
}

.book-inbox:after {
  position: absolute;
  bottom: -8px;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 8px;
  content: '';
  background-color: #afada3;
}
.book:hover .book-inbox, #book-open:checked ~ #book-contents .book-inbox {
  box-shadow: -0 0 8px 0 rgba(0, 0, 0, .0) inset, -2px 0 0 0 #249690;
}
/* ボタン */
.book-switch {
  display: block;
  width: 28%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  margin-top: 40px;
  padding: .5em;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 3px;
  /* background-color: white;*/
  background: #ececf0 url("../img/button-bg.png");
  box-shadow: 0 5px 0 0 #999;
}
input[name='book-switch'] {
  display: none;
}
#book-open ~ .book-switch:after {
  content: attr(data-book-open);
}
#book-open:checked ~ .book-switch:after {
  content: attr(data-book-shut);
}
/*----------わからないことがありましたらお気軽に----------*/
#denwa {
  margin: 74px auto 0 auto;
  padding-bottom: 80px;
  width: 340px;
  height: auto;
  text-align: center;
  position: relative;
}
.denwa-img {}
.denwa-img img {
  width: 280px;
  height: 150px;
}
.denwa-flower1 img {
  width: 82.5px;
  height: auto;
  position: absolute;
  top: 100px;
  left: 0px;
	animation: flower-anime 5s linear infinite;
}
.denwa-flower2 img {
  width: 82.5px;
  height: auto;
  position: absolute;
  top: 100px;
  right: 0px;
	animation: flower-anime 5s linear infinite;
}
/*----------footer----------*/
.footer {
  width: 100%;
  background-image: url("../img/footer-bg.png");
  text-align: center;
}
.footer-logo {
  width: 50%;
  padding-top: 44px;
  height: auto;
  text-align: center;
  margin: 0 auto;
}
.address {
  margin-top: 12px;
  font-size: 12.5px;
}
.main-ad {
  font-size: 15px;
}
.address img {
  max-width: 50.66%;
  height: auto;
  text-align: center;
  margin: 0 auto;
}
.footer .copy {
  padding-bottom: 10px;
  font-size: 10px;
}
/*----------インスタアイコン----------*/
.icon {
  margin-top: 20px;
  margin-bottom: 70px;
}
.icon a {
  text-decoration: none;
}
.icon-instagram:before {
  content: "\ea92";
  color: #F9C1CF;
  font-size: 55px;
  text-decoration: none;
}
/*----------最初のロゴ画像表示----------*/
.start {
  background: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9000;
}
.start p {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 9999;
  width:25vw;
}



/*----------pagetop----------*/
.page-top {
  position: fixed;
  bottom: 10px;
  right: -2px;
}
.page-top a {
  display: block;
  /*width: 50px;*/
  /*padding: 30px 0;
    border-radius: 5px;
    background: #ef7b7b;
    color: #fff;*/
  text-decoration: none;
}
.page-top a img {
  width: 70px;
}
.page-top a:hover {
  opacity: 0.7;
}
/*-----------------------------------------------------
ここからメディアクエリ601px~1100px
------------------------------------------------------*/
@media screen and (min-width:601px) {
  .inner {
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
  }
  /*innerの直下にmain*/
  .main {
    width: 87.27%;
    margin-top: -25%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
	  
  }
  .illust {
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
  }
  .header .logo {
    width: 28%;
    margin-top: 12px;
  }
  /*----------ここからメインイラストたちの配置----------*/
  .tokucyou img {
    width: 38.54%;
    height: auto;
    position: absolute;
    top: 28.34%;
    left: -4.4%;
    
  }
  .hoikujikan img {
    width: 38.54%;
    height: auto;
    position: absolute;
    top: 44.30%;
    right: 10.83%;
   
  }
  .annai img {
    width: 38.54%;
    height: auto;
    position: absolute;
    top: 60.64%;
    left: -5.21%;
    
  }
  .inner .contact img {
    width: 38.54%;
    height: auto;
    position: absolute;
    top: 82%;
    right: -2%;
    
  }
  .flower1 img {
    width: 23.86%;
    height: auto;
    position: absolute;
    top: 18.5%;
    left: 11.73%;
  }
  .flower2 img {
    width: 18.93%;
    height: auto;
    position: absolute;
    top: 18.5%;
    right: 15.46%;
  }
  .ball img {
    width: 40%;
    hight: auto;
    position: absolute;
    top: 32.17%;
    left: 10.41%;
  }
  .katatumuri img {
    width: 12.80%;
    hight: auto;
    position: absolute;
    top: 29.70%;
    right: 22.91%;
    animation: yurayura 3s linear infinite;
  }
  .mizuyari img {
    width: 26.40%;
    hight: auto;
    position: absolute;
    top: 33.04%;
    right: -1.6%;
  }
  .flower3 img {
    width: 16%;
    hight: auto;
    position: absolute;
    top: 37.8%;
    right: 18%;
  }
  .nawatobi img {
    width: 34.40%;
    hight: auto;
    position: absolute;
    top: 43.54%;
    left: 0%;
  }
  .yama img {
    width: 70.41%;
    hight: auto;
    position: absolute;
    top: 47%;
    left: 30%;
  }
  .hu-pu img {
    width: 22.22%;
    hight: auto;
    position: absolute;
    top: 58.41%;
    right: 33.33%;
  }
  .sanrinsya img {
    width: 26.80%;
    hight: auto;
    position: absolute;
    top: 61.88%;
    right: 5%;
  }
  .sanrinsya img:hover {}
  .baketu img {
    width: 23.44%;
    hight: auto;
    position: absolute;
    top: 74.25%;
    right: -4.16%;
  }
  .taiya img {
    width: 63.06%;
    hight: auto;
    position: absolute;
    top: 65%;
    right: 39%;
  }
  .soccer img {
    width: 8.8%;
    hight: auto;
    position: absolute;
    bottom: 13.73%;
    left: 18.75%;
    /*transition: all 1s linear 0s;
  border-radius: 50%;*/
    cursor: pointer;
    -moz-transition: 3s linear;
    -webkit-transition: 3s linear;
    -o-transition: 3s linear;
    -ms-transition: 3s linear;
  }
  .soccer img:hover {
    width: 8.8%;
    hight: auto;
    position: absolute;
    top: 83.92%;
    left: 20.26%;
    transform: rotateZ(360deg);
  }
  .suberidai img {
    width: 62%;
    hight: auto;
    position: absolute;
    top: 86.5%;
    left: 5.33%;
  }
  
  
  /*ここからfooter*/
	.footer{
		width:100%;
			height:auto;
	}
	.flex{
		display: flex;
		
	}
	
  .footer-logo {
   width: 43%;
    padding-top: 44px;
    height: auto;
    text-align: center;
 margin-left:8%;
	 
  }
	.footer-logo img{
		max-width:400px;
		margin-top:110px;
	}
	
	.address {
		
	width:48.63%;	
			margin-top:160px;
	margin-left:-15%;
	margin-right:5%;
	font-size:20px;
	}
	
	.main-ad{
		font-size:25px;
	}
	
	.icon {
	margin:120px auto 110px auto;	
	}
	
.icon-instagram::before{
	font-size:110px;
		
	}
	
	
}

@media screen and (min-width:700px) {
	/*-----nav700px~1099px-----*/
	/*.open span {
  content: "";
  position: absolute;
  top:100px;
  right: 60px;
  width: 75px;
  border-bottom: 8px solid #F9C1CF; /*★★線の太さや色★★
  transition: transform .5s cubic-bezier(0.76, 0.52, 0.29, 1.25);*/
  /*padding-bottom:5px;*/

/*.open::before {
  content: "";
  position: absolute;
  top: 78px;
  right: 60px;
  width: 75px;
  border-bottom: 8px solid #F9C1CF; /*★★線の太さや色★★
  transition: transform .5s cubic-bezier(0.76, 0.52, 0.29, 1.25);*/
  /*padding-bottom:5px;
}*/
/*.open::after {
  content: "";
  position: absolute;
  top: 120px;
  right: 85px;
  width: 50px;
  border-bottom: 8px solid #F9C1CF; /*★★線の太さや色★★
  transition: transform .5s cubic-bezier(0.76, 0.52, 0.29, 1.25);
  margin-top: 10px;
}*/
	/*#navTgl:checked + .open span {
  transform: scaleX(0);
}
#navTgl:checked + .open::before {
  transform: rotate(45deg) scalex(1.0) translateX(1.0px);
}
#navTgl:checked + .open::after {
  transform: rotate(-45deg) scalex(1.8) translateX(3.2px);
}*/
/*-----denwa700px~1099px-----*/
    #denwa {
      margin: 208px auto 158px auto;
      padding-bottom: 80px;
      width: 500px;
      height: auto;
      position: relative;
    }
    .denwa-img img {
      width: 400px;
      height: auto;
      margin: 0 auto;
    }
    .denwa-flower1 img {
      width: 120px;
      height: auto;
      position: absolute;
      top: 160px;
      left: 12px;
    }
    .denwa-flower2 img {
      width: 120px;
      height: auto;
      position: absolute;
      top: 158px;
      right:0px;
    }
	
	.book-wrap {
    margin-top: 280px;
    width: 100%;
    height: auto;
  }
	.book {
    width: 400px;
    height: 500px;
  }
	.page-top a img {
  width: 100px;
}
	/* 中身 */
.book-inbox {
  
	font-size:16px;
	text-align: left;
}

br{
	display: block;
}
.book-inbox ul li:first-child{
	padding:15px 0 15px 0;
}
	.book-inbox ul li{
		padding-bottom:10px;
	}
	.book-inbox ul li:last-child{
		padding-top:10px;
	}
}



@media screen and (min-width:1100px) {
    /*-----denwa1100px~-----*/
    #denwa {
      margin: 208px auto 158px auto;
      padding-bottom: 80px;
      width: 677px;
      height: auto;
      position: relative;
    }
    .denwa-img img {
      width: 496px;
      height: auto;
      margin: 0 auto;
    }
    .denwa-flower1 img {
      width: 165px;
      height: auto;
      position: absolute;
      top: 175px;
      left: 12px;
    }
    .denwa-flower2 img {
      width: 165px;
      height: auto;
      position: absolute;
      top: 185px;
      right: 14px;
    }
	
	/*-----.book-wrap----*/
  .book-wrap {

    margin-top: 336px;
    width: 100%;
    height: auto;
  }
  .book {
    width: 527px;
    height: 666px;
  }
	/* 中身 */
.book-inbox {
	font-size:18px;
	text-align:center;
}

br{
	display: block;
}
.book-inbox ul li:first-child{
	padding:40px 0 30px 0;
}
	
	.book-inbox ul li{
		padding-bottom: 25px;
	}
	
	.book-inbox ul li:last-child{
		padding-top:10px;
	}
	
	
	
	.address {
	font-size:25px;
	}
	
	.main-ad{
		font-size:30px;
	}
	.footer .copy {
  padding-bottom: 10px;
  font-size: 20px;
}
	.page-top a img {
  width: 160px;
}
	
	}