/* general styles */

html,
body {
  height: 100%;
  width: 100%;
}

/* padded section */

.pad-section { padding: 50px 0;}

.pad-section img { width: 100%; }

/* vertical-centered text */





/* additional sections */


#box1 {
  background-image: url("../img3/titlehaikei2.jpg") ;
background-position: bottom   center;
	background-size: cover;
  display: table;
  height: 300px;
  width: 100%;
}

@media (max-width: 991px){#box1{  height: auto; display: block; margin-top: -15px;}}


#wrap {background:url(../itemimg/back.jpg); min-height: 1000px;}

#box2 {
   margin-top: -20px;
   height: 100%;
}



footer { padding: 20px 0; }

footer .glyphicon {
  color: #333333;
  font-size: 60px;
}

footer .glyphicon:hover { color: #EE2E24; }

.goToTop {
  position: fixed;
  top: 0;
  height: 70px;
  z-index: 1;
}

nav {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fff;
}

nav li { background: #f8f8f8; }


/*新刊『5ひきの子ぶた』情報*/
#box-5pig {
  margin: 20px 0 50px 0;
}

.book-5pig {
  display: flex;
}

.book-cover {
  margin-top: 30px;
  width: 22%;
}

.book-cover img {
  width: 100%
}

.book-info {
  margin: 0 2%;
  width: 24%;
}

.book-info dl {
  overflow: hidden;
  margin-bottom: 10px;
}

.book-info dt {
  float: left;
  font-weight: bold;
  margin-bottom: 3px;
  width: 80px;
}

.book-info dd {
  margin: 0 0 3px 85px;
}

.book-story {
  margin-top: 5px;
  clear: both;
  width: 50%;
}

.btn001 {
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.9rem;
}

.btn001 a {
  display: block;
  text-decoration: none;
  background-color: #990033;
  padding: 5px 10px;
  border-radius: 2rem;
  text-decoration: none !important;
}

.btn001 a,
.btn001 a:visited {
  color:#fff !important;
}

.btn001:hover {
  opacity: 0.85 ;
}

/*ふるえるアニメーション*/
.ani-shake {
    animation: ani-shake 4s infinite;
}
@keyframes ani-shake {
    0% {
        transform: translate(4px, 0px);
    }
    5% {
        transform: translate(-4px, 0px);
    }
    10% {
        transform: translate(4px, 0px);
    }
    15% {
        transform: translate(-4px, 0px);
    }
    20% {
        transform: translate(4px, 0px);
    }
    25% {
        transform: translate(-4px, 0px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}
/* / ふるえるアニメーション*/

/*スマホ表示*/
@media (max-width:767px){
  .book-5pig {
    display: block;
  }
  
  .book-cover,
  .book-info,
  .book-story {
    margin: 30px auto;
    width: 100%;
  }
  
  .book-info dt {
  float: none;
  font-weight: bold;
  margin-bottom: 3px;
}

.book-info dd {
  margin: 0 0 10px 0;
}
  
}

/* / 新刊『5ひきの子ぶた』情報*/