@charset "UTF-8";
/**
 * クックのほん
 */
/* ==========================================================================
   link
   ========================================================================== */
a {
  color: #009933;
}

a:visited {
  color: #003300;
}

a:hover {
  color: #009933;
  text-decoration: none;
}

/* ==========================================================================
   title
   ========================================================================== */
.mainTtl {
  padding-bottom: 2px !important;
}

/* ==========================================================================
   parts
   ========================================================================== */
#book-box {

  padding-bottom: 29px;
}

.box-in {

  margin: 0 81px;
  position: relative;
  min-height: 618px;
}
.box-in h2 {
  position: absolute;
  margin-bottom: 37px;
  top: 61px;
  right: 84px;
}
.box-in .fl {
  margin: 94px 0 0 77px;
  width: 344px;
}
.box-in .bubble {
  margin-top: -96px;
  margin-left: 170px;
  position: relative;
}
.box-in .text {
  margin: 20px 0 30px;
  width: 320px;
}
.box-in dl {
  margin: 10px 0 10px;
  width: 320px;
}
.box-in dl dt {
  margin-bottom: 3px;
}
.box-in dl dd {
  padding-left: 27px;
  font-size: 93%;
}

.ehonSubTitle {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.4rem;
  padding: 30px 0;
}


.baseTxt {
font-size: 1.4rem;
line-height: 2rem;
}

.infoBox {
  width: 400px;
  padding: 1rem;
font-size: 1.4rem;
line-height: 2rem;
margin: 20px 0;
}
.bookTitle {
  font-size: 1.2rem;
  font-weight: 700;
}
#main {
 position: relative;
}
.charaImg{
position: absolute;
top:0;
right: 20px;
text-align: right;
}
.charaImg img{
width: 80%;
}