/*** for PC Browser ***/
@media (min-width:401px)
{
.boshi-book-info h4 {
  font-size: 24px;
  color: #000000;
  font-weight: bold;
  padding-left: .8rem;
  line-height: 28.8px;
  margin-bottom: 22px;
  margin-top: 2rem;
  background-color: #fff3f3;
  border-top: 2px dotted;
  border-top-color: #cc0000;
  padding-top: .5rem;
  padding-bottom: .5rem;
  text-indent: initial;
}

body.is-blue .boshi-book-info h4 {
color: #ff0;
background-color: transparent;
border: 1px solid #ff0;
}
body.is-black .boshi-book-info h4 {
color: #fff;
background-color: transparent;
border: 1px solid #fff;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.boshi-book-info h4 {
  font-size: 24px;
  color: #000000;
  font-weight: bold;
  padding-left: .8rem;
  line-height: 28.8px;
  margin-bottom: 22px;
  margin-top: 2rem;
  background-color: #fff3f3;
  border-top: 2px dotted;
  border-top-color: #cc0000;
  padding-top: .5rem;
  padding-bottom: .5rem;
  text-indent: initial;
}
body.is-blue .boshi-book-info h4 {
color: #ff0;
background-color: transparent;
border: 1px solid #ff0;
}
body.is-black .boshi-book-info h4 {
color: #fff;
background-color: transparent;
border: 1px solid #fff;
}
}