/* common
------------------------------------------------------------------------------*/
.inner {
  padding: 0 calc( 60 / 750 * 100vw );
}

/* #ttl h2
------------------------------------------------------------------------------*/
#main #ttl h2 {
  background: url("/dbook/img/dbook_logo_wh.svg") center calc( 75 / 750 * 100vw ) / calc( 407 / 750 * 100vw ) auto no-repeat;
}

/* #dbook
------------------------------------------------------------------------------*/
#dbook {
  background: url("/dbook/img/dbook_bg_sp.png") center top / 100% auto no-repeat;
}
#dbook .inner {
  padding: calc( 60 / 750 * 100vw ) calc( 30 / 750 * 100vw ) calc( 120 / 750 * 100vw );
}
#dbook .books {
  background: #fff;
  padding-left: calc( 60 / 750 * 100vw );
  padding-bottom: 1px;
  font-size: 0;
}
#dbook .books dl {
  display: inline-block;
  padding: calc( 60 / 750 * 100vw ) 0;
  margin-right: calc( 60 / 750 * 100vw );
  margin-bottom: calc( 60 / 750 * 100vw );
  width: calc( 254 / 750 * 100vw );
  vertical-align: top;
  position: relative;
}
#dbook .books dl dt {
  display: table;
  height: calc( 360 / 750 * 100vw );
}
#dbook .books dl dt p {
  display: table-cell;
  vertical-align: middle;
}
#dbook .books dl dt p img {
  box-shadow: calc( 6 / 750 * 100vw ) calc( 8 / 750 * 100vw ) calc( 10 / 750 * 100vw ) 0px rgba(0, 0, 0, 0.2);
}
#dbook .books dl dd.ttl {
  font-size: calc( 24 / 750 * 100vw );
  line-height: calc( 34 / 750 * 100vw );
  letter-spacing: 0.1em;
  font-weight: bold;
  padding: calc( 24 / 750 * 100vw ) 0 calc( 10 / 750 * 100vw );
}
#dbook .books dl dd.size {
  background: #e2f4fe;
  display: inline-block;
  color: #00a0e9;
  font-size: calc( 16 / 750 * 100vw );
  line-height: calc( 16 / 750 * 100vw );
  letter-spacing: 0.1em;
  font-weight: bold;
  padding: calc( 8 / 750 * 100vw ) calc( 15 / 750 * 100vw );
}
#dbook .books dl dd.txt {
  font-size: calc( 18 / 750 * 100vw );
  line-height: calc( 30 / 750 * 100vw );
  letter-spacing: 0.075em;
  padding: calc( 20 / 750 * 100vw ) 0;
}
#dbook .books dl dd.link a {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  background: #00a0e9;
  width: calc( 96 / 750 * 100vw );
  height: calc( 60 / 750 * 100vw );
  box-sizing: border-box;
  color: #fff;
  font-size: calc( 28.8 / 750 * 100vw );
  line-height: calc( 28.8 / 750 * 100vw );
  letter-spacing: 0.1em;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding-top: calc( 17 / 750 * 100vw );
}
#dbook .books dl dd.dl a {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  background: #000;
  width: calc( 147 / 750 * 100vw );
  height: calc( 60 / 750 * 100vw );
  box-sizing: border-box;
  color: #fff;
  font-size: calc( 19.2 / 750 * 100vw );
  line-height: calc( 19.2 / 750 * 100vw );
  letter-spacing: 0em;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding-top: calc( 21 / 750 * 100vw );
}
#dbook .books dl.en dd.ttl {
  font-size: calc( 18 / 750 * 100vw );
  line-height: calc( 34 / 750 * 100vw );
  letter-spacing: 0.05em;
}
#dbook .books dl.en dd.dl a,
#dbook .books dl.en dd.link a {
  font-size: calc( 22 / 750 * 100vw );
  line-height: calc( 22 / 750 * 100vw );
  letter-spacing: 0.1em;
  padding-top: calc( 20.4 / 750 * 100vw );
}