@charset "UTF-8";
/* ***********************************************************
*
*    INDEX
*
* ***********************************************************
*/
/* =====================================================================
*
*    おくすりQ&A vol.5
*
* =================================================================== */
/*--------------------------------------------------------------------------
   common
---------------------------------------------------------------------------*/
/* line 21, ../../sass/qanda/vol05.scss */
div#sukoyakaInner {
  width: 730px;
  color: #4c5550;
}
@media screen and (max-width: 767px) {
  /* line 21, ../../sass/qanda/vol05.scss */
  div#sukoyakaInner {
    width: 100%;
  }
}

/* line 28, ../../sass/qanda/vol05.scss */
div#sukoyakaInner a {
  color: #4c5550;
}

/* line 31, ../../sass/qanda/vol05.scss */
div#sukoyakaInner a:hover {
  color: #999;
}

/* line 34, ../../sass/qanda/vol05.scss */
.title-box {
  position: relative;
  width: 717px;
  height: 84px;
}
@media screen and (max-width: 767px) {
  /* line 34, ../../sass/qanda/vol05.scss */
  .title-box {
    width: 100%;
  }
}

/* line 42, ../../sass/qanda/vol05.scss */
div#sukoyakaInner .section {
  width: 717px;
  margin: 100px 0 0 13px;
}
@media screen and (max-width: 767px) {
  /* line 42, ../../sass/qanda/vol05.scss */
  div#sukoyakaInner .section {
    width: 100%;
    padding-top: 10px;
  }
}

@media screen and (max-width: 480px) {
  /* line 42, ../../sass/qanda/vol05.scss */
  div#sukoyakaInner .section {
      margin:40px 0 0 0;
  }
}

/* line 51, ../../sass/qanda/vol05.scss */
div#sukoyakaInner .ex {
  margin-top: 15px;
  font-size: 80%;
  color: #895b4d;
}

/* line 56, ../../sass/qanda/vol05.scss */
div#sukoyakaInner .ex a {
  color: #895b4d;
}

/* line 59, ../../sass/qanda/vol05.scss */
div#sukoyakaInner .ex a:hover {
  text-decoration: underline;
  color: #895b4d;
}

/* line 63, ../../sass/qanda/vol05.scss */
div#sukoyakaInner .notes {
 font-size: 80%;
 }

/* .answer-box
-----------------------------------------------------------------*/
/* line 70, ../../sass/qanda/vol05.scss */
.answer-box {
  width: 717px;
}
@media screen and (max-width: 767px) {
  /* line 70, ../../sass/qanda/vol05.scss */
  .answer-box {
    width: 100%;
  }
}

/* line 76, ../../sass/qanda/vol05.scss */
.answer-box .btn {
  cursor: pointer;
}

/* line 79, ../../sass/qanda/vol05.scss */
.answer-box .sayu-answer {
  zoom: 1;
  background: url(../../images/qanda/vol05/sayu_answer_repeat.png) repeat-y 0 0;
  width:499px;
}

/* line 83, ../../sass/qanda/vol05.scss */
.answer-box .sayu-answer img {
  vertical-align: top;
}

/* line 86, ../../sass/qanda/vol05.scss */
.answer-box .sayu-answer-inline {
  width: 499px;
  padding: 0 37px 30px;
  background: url(../../images/qanda/vol05/sayu_answer_bottom.png) no-repeat 0 100%;
}
@media screen and (max-width: 767px) {
  /* line 86, ../../sass/qanda/vol05.scss */
  .answer-box .sayu-answer-inline {
    width: 100%;
  }
}

/* .display
-----------------------------------------------------------------*/
/* line 98, ../../sass/qanda/vol05.scss */
.display {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  display:table;
}
@media screen and (max-width: 767px) {
  /* line 98, ../../sass/qanda/vol05.scss */
  .display {
    padding-top: 40px;
  }
}

/* line 106, ../../sass/qanda/vol05.scss */
.display .txt-box {
  padding: 0 10px;
}
@media screen and (max-width: 767px) {
  /* line 106, ../../sass/qanda/vol05.scss */
  .display .txt-box {
    padding: 0 0 0 0;
  }
}

/* line 113, ../../sass/qanda/vol05.scss */
.display .txt-box-long {
  padding: 0 23px 0 10px;
}

/* line 116, ../../sass/qanda/vol05.scss */
.display .txt-box p {
  margin-bottom: 15px;
  line-height: 2;
}

/* line 120, ../../sass/qanda/vol05.scss */
div#sukoyakaInner .display .txt-box p a:hover {
  text-decoration: underline;
}

/* line 123, ../../sass/qanda/vol05.scss */
.display .fig-box {
  width: 600px;
  margin-left: 38px;
}
@media screen and (max-width: 767px) {
  /* line 123, ../../sass/qanda/vol05.scss */
  .display .fig-box {
    width: 100%;
  }
}

/* line 130, ../../sass/qanda/vol05.scss */
.display .fig-box-inline {
  width: 598px;
  padding: 25px 16px 20px;
  border: 1px solid #d9d9d9;
}
@media screen and (max-width: 767px) {
  /* line 130, ../../sass/qanda/vol05.scss */
  .display .fig-box-inline {
    width: 100%;
  }
}

/* line 138, ../../sass/qanda/vol05.scss */
.display .detail-box {
  width: 100%;
  overflow: hidden;
}

/* .explanation
-----------------------------------------------------------------*/
/* line 146, ../../sass/qanda/vol05.scss */
.explanation {
  width: 695px;
  margin: 0 0 35px;
}
@media screen and (max-width: 767px) {
  /* line 146, ../../sass/qanda/vol05.scss */
  .explanation {
    width: 100%;
    margin: 0 0 25px;
  }
}

/* line 154, ../../sass/qanda/vol05.scss */
.explanation h3 {
  margin: 0;
  padding-top: 35px;
}
@media screen and (max-width: 767px) {
  /* line 154, ../../sass/qanda/vol05.scss */
  .explanation h3 {
    padding-top: 4px !important;
    height: 26px;
  }
}

/* line 162, ../../sass/qanda/vol05.scss */
.explanation .img-box {
  overflow: hidden;
  zoom: 1;
}

/* line 166, ../../sass/qanda/vol05.scss */
.explanation .img-box .img {
  float: right;
  margin: 0 0 0 25px;
}

/* line 170, ../../sass/qanda/vol05.scss */
.explanation .img-box .txt {
  overflow: hidden;
  zoom: 1;
}

/* line 174, ../../sass/qanda/vol05.scss */
.explanation .img-box .txt p {
  margin: 0 0 1em 11px;
}

/* line 177, ../../sass/qanda/vol05.scss */
div#sukoyakaInner .display .explanation .txt-box a {
  color: #299476;
  text-decoration: underline;
}

div#sukoyakaInner .display .explanation .txt-box a:hover {
  text-decoration: none;
}

/* line 183, ../../sass/qanda/vol05.scss */
div#sukoyakaInner .explanation .img-box .txt a {
  text-decoration: underline;
}

/* line 186, ../../sass/qanda/vol05.scss */
div#sukoyakaInner .explanation .img-box .txt a:hover {
  color: #CC9168;
  text-decoration: none;
}

/* .comment
-----------------------------------------------------------------*/
/* line 194, ../../sass/qanda/vol05.scss */
.comment {
  width: 690px;
}
@media screen and (max-width: 767px) {
  /* line 194, ../../sass/qanda/vol05.scss */
  .comment {
    width: 100%;
  }
}

/* line 200, ../../sass/qanda/vol05.scss */
.comment .img {
  float: left;
  width: 152px;
}
@media screen and (max-width: 767px) {
  /* line 200, ../../sass/qanda/vol05.scss */
  .comment .img {
    width: 100%;
  }
}

/* line 207, ../../sass/qanda/vol05.scss */
.comment .txt {
  float: right;
  width: 523px;
  padding: 10px 0 0;
}
@media screen and (max-width: 767px) {
  /* line 207, ../../sass/qanda/vol05.scss */
  .comment .txt {
    width: 100%;
  }
}

/* line 215, ../../sass/qanda/vol05.scss */
div#sukoyakaInner .comment .ex {
  margin-left: 25px;
}

/*--------------------------------------------------------------------------
   #Question01
---------------------------------------------------------------------------*/
/* line 225, ../../sass/qanda/vol05.scss */
div#sukoyakaInner #Question01 {
  margin: 70px 0 0 13px;
}
@media screen and (max-width: 767px) {
  /* line 225, ../../sass/qanda/vol05.scss */
  div#sukoyakaInner #Question01 {
  }
}
@media screen and (max-width: 480px) {
  /* line 225, ../../sass/qanda/vol05.scss */
  div#sukoyakaInner #Question01 {
      margin:20px 0 0 0;
  }
}
/* line 231, ../../sass/qanda/vol05.scss */
#Question01 .title-box .img {
  position: absolute;
  top: -78px;
  left: 30px;
}

/* line 236, ../../sass/qanda/vol05.scss */
#Question01 .title-box #Q1-img01 {
  position: absolute;
  left: 86px;
  top: -38px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

/* line 244, ../../sass/qanda/vol05.scss */
#Question01 .answer-box .left {
  position: relative;
  float: left;
  width: 499px;
  padding: 269px 0 0 10px;
}
@media screen and (max-width: 767px) {
  /* line 244, ../../sass/qanda/vol05.scss */
  #Question01 .answer-box .left {
    width: 100%;
    padding: 0 0 0 0;
  }
}

/* line 254, ../../sass/qanda/vol05.scss */
#Question01 .answer-box .result {
  display: none;
  position: absolute;
  top: 24px;
  left: 191px;
}

/* line 260, ../../sass/qanda/vol05.scss */
#Question01 .answer-box #Q1-answer01 {
  position: absolute;
  top: 59px;
  left: 65px;
}

/* line 261, ../../sass/qanda/vol05.scss */
#Question01 .answer-box #Q1-answer02 {
  position: absolute;
  top: 59px;
  right: 59px;
}

/* line 262, ../../sass/qanda/vol05.scss */
#Question01 .answer-box .right {
  position: relative;
  float: right;
  width: 205px;
  padding-top: 59px;
}
@media screen and (max-width: 767px) {
  /* line 262, ../../sass/qanda/vol05.scss */
  #Question01 .answer-box .right {
    width: 100%;
  }
}

/* line 271, ../../sass/qanda/vol05.scss */
#Question01 .answer-box .right .balloon {
  position: absolute;
  top: 52px;
  right: 30px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

/* line 279, ../../sass/qanda/vol05.scss */
#Question01 .explanation {
  margin-bottom: 13px;
}

/* line 282, ../../sass/qanda/vol05.scss */
#Question01 .display .detail-box .txt {
  float: left;
  width: 340px;
  padding-right: 10px;
}
@media screen and (max-width: 767px) {
  /* line 282, ../../sass/qanda/vol05.scss */
  #Question01 .display .detail-box .txt {
    width: 100%;
  }
}

/* line 290, ../../sass/qanda/vol05.scss */
#Question01 .display .detail-box .img {
  float: right;
  padding: 29px 0 10px;
}

/* line 294, ../../sass/qanda/vol05.scss */
#Question01 .explanation h3 {
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  /* line 294, ../../sass/qanda/vol05.scss */
  #Question01 .explanation h3 {
    margin-top: 0px;
  }
}

/*--------------------------------------------------------------------------
   #Question02
---------------------------------------------------------------------------*/
/* line 306, ../../sass/qanda/vol05.scss */
#Question02 .title-box .img {
  position: absolute;
  top: -75px;
  right: 43px;
}

/* line 311, ../../sass/qanda/vol05.scss */
#Question02 .title-box #Q2-img01 {
  position: absolute;
  right: 109px;
  top: -38px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

/* line 319, ../../sass/qanda/vol05.scss */
#Question02 .answer-box .left {
  position: relative;
  float: left;
  width: 126px;
  padding: 79px 0 0 20px;
}
@media screen and (max-width: 767px) {
  /* line 319, ../../sass/qanda/vol05.scss */
  #Question02 .answer-box .left {
    width: 100%;
  }
}

/* line 328, ../../sass/qanda/vol05.scss */
#Question02 .answer-box .left .balloon {
  position: absolute;
  top: 48px;
  left: 3px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

/* line 336, ../../sass/qanda/vol05.scss */
#Question02 .answer-box .right {
  position: relative;
  float: right;
  width: 547px;
  padding-top: 388px;
}
@media screen and (max-width: 767px) {
  /* line 336, ../../sass/qanda/vol05.scss */
  #Question02 .answer-box .right {
    width: 100%;
  }
}

/* line 345, ../../sass/qanda/vol05.scss */
#Question02 .answer-box .result {
  display: none;
  position: absolute;
  top: 90px;
  left: 186px;
}

/* line 351, ../../sass/qanda/vol05.scss */
#Question02 .answer-box #Q2-answer01 {
  position: absolute;
  top: 38px;
  left: 85px;
}

/* line 352, ../../sass/qanda/vol05.scss */
#Question02 .answer-box #Q2-answer02 {
  position: absolute;
  top: 38px;
  left: 264px;
}

/* line 353, ../../sass/qanda/vol05.scss */
#Question02 .answer-box #Q2-answer03 {
  position: absolute;
  top: 215px;
  left: 85px;
}

/* line 354, ../../sass/qanda/vol05.scss */
#Question02 .answer-box #Q2-answer04 {
  position: absolute;
  top: 215px;
  left: 264px;
}

/* line 356, ../../sass/qanda/vol05.scss */
#Question02 .display .detail-box .txt {
  float: left;
  width: 340px;
}
@media screen and (max-width: 767px) {
  /* line 356, ../../sass/qanda/vol05.scss */
  #Question02 .display .detail-box .txt {
    width: 100%;
  }
}

/* line 363, ../../sass/qanda/vol05.scss */
#Question02 .display .detail-box .img {
  float: right;
}

/* line 366, ../../sass/qanda/vol05.scss */
#Q2-sayu-answer p {
  width: 500px;
}
@media screen and (max-width: 767px) {
  /* line 366, ../../sass/qanda/vol05.scss */
  #Q2-sayu-answer p {
    width: 100%;
  }
}

/* clearfix
-----------------------------------------------------------------*/
/* line 376, ../../sass/qanda/vol05.scss */
.cf:before,
.cf:after {
  content: "";
  display: table;
}

/* line 380, ../../sass/qanda/vol05.scss */
.cf:after {
  clear: both;
}

/* line 383, ../../sass/qanda/vol05.scss */
.cf {
  zoom: 1;
}

/* responsive
-----------------------------------------------------------------*/
/* line 390, ../../sass/qanda/vol05.scss */
.dummy {
  display: none;
}

@media screen and (max-width: 767px) {
  /* line 394, ../../sass/qanda/vol05.scss */
  img {
    width: 100%;
  }

  /* line 397, ../../sass/qanda/vol05.scss */
  .dummy {
    display: block;
    width: 20%;
    float: none;
    margin: 0 0 0 0;
  }
  /* line 402, ../../sass/qanda/vol05.scss */
  .dummy #Q2-img {
    display: none;
  }

  /* line 406, ../../sass/qanda/vol05.scss */
  #Question01 {
    /*title-box*/
    /* answerbox */
  }
  /* line 407, ../../sass/qanda/vol05.scss */
  #Question01 .title-box {
    width: 100%;
    height: auto;
  }
  /* line 410, ../../sass/qanda/vol05.scss */
  #Question01 .title-box #Q1-img01 {
    width: 32.357043%;
    opacity: 1;
    top: -53%;
  }
  /* line 417, ../../sass/qanda/vol05.scss */
  #Question01 .title-box #Q1-img01-2 {
    width: 9%;
    opacity: 1;
    top: -90%;
    left: 4%;
  }
  @media screen and (max-width: 480px) {
  #Question01 .title-box #Q1-img01 {top: -73%; left: 48px;}
  }
  /* line 424, ../../sass/qanda/vol05.scss */
  #Question01 .answer-box {
    position: relative;
  }
  /* line 426, ../../sass/qanda/vol05.scss */
  #Question01 .answer-box .left {
    padding: 39% 0 0 0;
    margin: 0% 0 0 0;
  }
  /* line 430, ../../sass/qanda/vol05.scss */
  #Question01 .answer-box .sayu-answer {
    background-size: 100%;
    width: 80%;
    margin: 17% 0 0 0;
  }
  /* line 434, ../../sass/qanda/vol05.scss */
  #Question01 .answer-box .sayu-answer .answer {
    width: 100%;
  }
  /* line 438, ../../sass/qanda/vol05.scss */
  #Question01 .answer-box #Q1-answer01 {
    width: 28%;
    left: 19%;
  }
  /* line 442, ../../sass/qanda/vol05.scss */
  #Question01 .answer-box #Q1-answer02 {
    width: 28%;
    right: 18%;
  }
  /* line 446, ../../sass/qanda/vol05.scss */
  #Question01 .answer-box .sayu-answer-inline {
    width: 100%;
    padding: 0 10% 8%;
    background-size: 100%;
  }
  /* line 451, ../../sass/qanda/vol05.scss */
  #Question01 .answer-box .right {
    width: 18%;
    position: static;
    float: right;
    margin-top: -53%;
  }
  /* line 462, ../../sass/qanda/vol05.scss */
  #Question01 .answer-box .right .balloon {
    display: none;
  }
  /* line 466, ../../sass/qanda/vol05.scss */
  #Question01 .answer-box .result {
    width: 27%;
    top: 10%;
    left: 37%;
  }
  /* line 472, ../../sass/qanda/vol05.scss */
  #Question01 .explanation {
    width: 100%;
  }
  /* line 476, ../../sass/qanda/vol05.scss */
  #Question01 .explanation .display .detail .txt {
    width: 100%;
    margin-right: 0;
  }
  /* line 481, ../../sass/qanda/vol05.scss */
  #Question01 .explanation .display .txt-box {
    padding: 0 0;
  }
  /* line 486, ../../sass/qanda/vol05.scss */
  #Question01 .explanation .img-box .img {
    float: none;
    margin: 0 0 0 0;
  }
  /* line 492, ../../sass/qanda/vol05.scss */
  #Question01 .comment {
    width: 100%;
  }
  /* line 494, ../../sass/qanda/vol05.scss */
  #Question01 .comment .img {
    width: 30%;
  }
  /* line 497, ../../sass/qanda/vol05.scss */
  #Question01 .comment .txt {
    width: 70%;
  }

  /*Question01*/
  /* line 502, ../../sass/qanda/vol05.scss */
  #Question02 {
    width: 100%;
    margin: 36% 0 0 0;
    /* answer-box */
  }
  /* line 505, ../../sass/qanda/vol05.scss */
  #Question02 .title-box {
    width: 100%;
    height: auto;
  }
  /* line 508, ../../sass/qanda/vol05.scss */
  #Question02 .title-box #Q2-img01 {
    width: 32.357%;
    top: -49%;
    right: 9%;
    opacity: 1;
  }
  /* line 514, ../../sass/qanda/vol05.scss */
  #Question02 .title-box #Q2-img01-2 {
    width: 11%;
    opacity: 1;
    top: -84%;
    right: 6%;
  }
  @media screen and (max-width: 480px) {
  #Question02 .title-box #Q2-img01 {top: -75%;right: 17%;}
   #Question02 .title-box #Q2-img01-2 {top: -88%;}
  }
  /* line 521, ../../sass/qanda/vol05.scss */
  #Question02 .answer-box {
    /*Q2right*/
  }
  /* line 522, ../../sass/qanda/vol05.scss */
  #Question02 .answer-box .left {
    display: none;
  }
  /* line 525, ../../sass/qanda/vol05.scss */
  #Question02 .answer-box .right {
    padding-top: 70%;
  }
  /* line 528, ../../sass/qanda/vol05.scss */
  #Question02 .answer-box #Q2-answer01 {
    width: 28%;
    top: 4%;
    left: 19%;
  }
  /* line 533, ../../sass/qanda/vol05.scss */
  #Question02 .answer-box #Q2-answer02 {
    width: 28%;
    top: 4%;
    left: 54%;
  }
  /* line 538, ../../sass/qanda/vol05.scss */
  #Question02 .answer-box #Q2-answer03 {
    width: 28%;
    top: 50%;
    left: 19%;
  }
  /* line 543, ../../sass/qanda/vol05.scss */
  #Question02 .answer-box #Q2-answer04 {
    width: 28%;
    top: 50%;
    left: 54%;
  }
  /* line 548, ../../sass/qanda/vol05.scss */
  #Question02 .answer-box .sayu-answer {
    background-size: 100%;
    width: 80%;
    position: absolute;
    top: 100%;
    right: 0%;
  }
  /* line 554, ../../sass/qanda/vol05.scss */
  #Question02 .answer-box .sayu-answer .answer {
    width: 100%;
  }
  /* line 557, ../../sass/qanda/vol05.scss */
  #Question02 .answer-box .sayu-answer .sayu-answer-inline {
    width: 100%;
    padding: 0 10% 8%;
    background-size: 100%;
  }
  /* line 563, ../../sass/qanda/vol05.scss */
  #Question02 .answer-box .result {
    width: 28%;
    top: 15%;
    left: 37%;
  }

  /*Question02*/
  /* line 571, ../../sass/qanda/vol05.scss */
  .comment {
    width: 100%;
  }
  /* line 573, ../../sass/qanda/vol05.scss */
  .comment .img {
    width: 30%;
  }
  /* line 576, ../../sass/qanda/vol05.scss */
  .comment .txt {
    width: 70%;
  }
}
@media screen and (max-width: 767px) and (max-width: 480px) {
  /* line 451, ../../sass/qanda/vol05.scss */
  #Question01 .answer-box .right {
    margin-top: -62%;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  /* line 451, ../../sass/qanda/vol05.scss */
  #Question01 .answer-box .right {
    margin-top: -78%;
  }
}
@media screen and (max-width: 767px) {
  /* line 587, ../../sass/qanda/vol05.scss */
  #sukoyakaInner .explanation {
    width: 100% !important;
    border-radius: 10px;
    border: 1px solid #96d9a2;
    margin-top: -20px;
  }
  /* line 593, ../../sass/qanda/vol05.scss */
  #sukoyakaInner .explanation h3 {
    width: 100%;
    overflow: hidden;
    border-radius: 9px 9px 0 0;
    background-color: #96d9a2;
  }
  /* line 598, ../../sass/qanda/vol05.scss */
  #sukoyakaInner .explanation h3:after {
    content: "Q&A解説";
    color: #fff;
    font-size: 14px;
    font-weight: lighter;
    margin: 10px;
  }
  /* line 605, ../../sass/qanda/vol05.scss */
  #sukoyakaInner .explanation h3 img {
    display: none;
  }
  /* line 609, ../../sass/qanda/vol05.scss */
  #sukoyakaInner .explanation .detail-box {
    width: 93.75%;
    padding: 10px;
  }
}

@media screen and (max-width: 767px) {
  /* line 616, ../../sass/qanda/vol05.scss */
  p#pageTop {
    margin-top: -20px;
  }
}