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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 173, ../../sass/qanda/vol06.scss */
div#sukoyakaInner .display .explanation .txt-box a:hover {
  text-decoration: none;
}

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

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

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

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

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

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

/*--------------------------------------------------------------------------
   #Question01
---------------------------------------------------------------------------*/
/* line 218, ../../sass/qanda/vol06.scss */
div#sukoyakaInner #Question01 {
  margin: 70px 0 0 13px;
}
@media screen and (max-width: 767px) {
  /* line 218, ../../sass/qanda/vol06.scss */
  div#sukoyakaInner #Question01 {
  }
}
@media screen and (max-width: 480px) {
  /* line 218, ../../sass/qanda/vol06.scss */
  div#sukoyakaInner #Question01{
      margin: 36px 0 0;
  }
  div#sukoyakaInner #Question02{
      margin: 40px 0 0;
  }
}

/* line 224, ../../sass/qanda/vol06.scss */
#Question01 .title-box .img {
  position: absolute;
  top: -78px;
  left: 30px;
}

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

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

/* line 246, ../../sass/qanda/vol06.scss */
#Question01 .answer-box .result {
  display: none;
  position: absolute;
  top: 90px;
  left: 193px;
}

/* line 252, ../../sass/qanda/vol06.scss */
#Question01 .answer-box #Q1-answer01 {
  position: absolute;
  top: 38px;
  left: 92px;
}

/* line 253, ../../sass/qanda/vol06.scss */
#Question01 .answer-box #Q1-answer02 {
  position: absolute;
  top: 38px;
  right: 90px;
}

/* line 254, ../../sass/qanda/vol06.scss */
#Question01 .answer-box #Q1-answer03 {
  position: absolute;
  top: 215px;
  left: 92px;
}

/* line 255, ../../sass/qanda/vol06.scss */
#Question01 .answer-box #Q1-answer04 {
  position: absolute;
  top: 215px;
  right: 90px;
}

/* line 256, ../../sass/qanda/vol06.scss */
#Question01 .answer-box .right {
  position: relative;
  float: right;
  width: 187px;
  padding-top: 59px;
}
@media screen and (max-width: 767px) {
  /* line 256, ../../sass/qanda/vol06.scss */
  #Question01 .answer-box .right {
    width: 100%;
  }
  /* line 263, ../../sass/qanda/vol06.scss */
  #Question01 .answer-box .right img {
    width: 68%;
    display: block;
    margin: 0 auto;
  }
}

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

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

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

/* line 289, ../../sass/qanda/vol06.scss */
#Question01 .display .detail-box .img {
  float: right;
}

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

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

/* line 312, ../../sass/qanda/vol06.scss */
#Question02 .answer-box .left {
  position: relative;
  float: left;
  width: 118px;
  padding: 76px 0 0 43px;
}
@media screen and (max-width: 767px) {
  /* line 312, ../../sass/qanda/vol06.scss */
  #Question02 .answer-box .left {
    width: 100%;
  }
}

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

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

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

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

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

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

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

/* line 349, ../../sass/qanda/vol06.scss */
#Question02 .display .img {
  text-align: center;
}

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

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

/* line 364, ../../sass/qanda/vol06.scss */
.cf {
  zoom: 1;
}

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

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

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

  /* line 391, ../../sass/qanda/vol06.scss */
  #Question01 {
    /*title-box*/
    /* answerbox */
  }
  /* line 392, ../../sass/qanda/vol06.scss */
  #Question01 .title-box {
    width: 100%;
    height: auto;
  }
  /* line 395, ../../sass/qanda/vol06.scss */
  #Question01 .title-box #Q1-img01 {
    width: 32.357043%;
    opacity: 1;
    top: -53%;
    left: 30%;
    margin: 0 0 0 -17%;
  }
  /* line 402, ../../sass/qanda/vol06.scss */
  #Question01 .title-box #Q1-img01-2 {
    width: 9%;
    opacity: 1;
    top: -91%;
    left: 4%;
  }
@media screen and (max-width: 480px) {
  #Question01 .title-box #Q1-img01 {top: -73%;}
  #Question01 .title-box #Q1-img01-2 {top: -91%;left: 4%;}
}
  /* line 409, ../../sass/qanda/vol06.scss */
  #Question01 .answer-box {
    position: relative;
  }
  /* line 411, ../../sass/qanda/vol06.scss */
  #Question01 .answer-box .left {
    padding: 58% 0 0 0;
    margin: 0 0 0 0;
  }
  /* line 415, ../../sass/qanda/vol06.scss */
  #Question01 .answer-box .sayu-answer {
    background-size: 100%;
    width: 80%;
    margin: 17% 0 0 0;
  }
  /* line 419, ../../sass/qanda/vol06.scss */
  #Question01 .answer-box .sayu-answer .answer {
    width: 100%;
  }
  /* line 423, ../../sass/qanda/vol06.scss */
  #Question01 .answer-box #Q1-answer01 {
    width: 28%;
    top: 4%;
    left: 19%;
  }
  /* line 428, ../../sass/qanda/vol06.scss */
  #Question01 .answer-box #Q1-answer02 {
    width: 28%;
    top: 4%;
    left: 54%;
  }
  /* line 433, ../../sass/qanda/vol06.scss */
  #Question01 .answer-box #Q1-answer03 {
    width: 28%;
    top: 36%;
    left: 19%;
  }
  /* line 438, ../../sass/qanda/vol06.scss */
  #Question01 .answer-box #Q1-answer04 {
    width: 28%;
    top: 36%;
    left: 54%;
  }
  /* line 444, ../../sass/qanda/vol06.scss */
  #Question01 .answer-box .sayu-answer-inline {
    width: 100%;
    padding: 0 10% 8%;
    background-size: 100%;
  }
  /* line 449, ../../sass/qanda/vol06.scss */
  #Question01 .answer-box .right {
    width: 20%;
    position: static;
    float: right;
    margin: -40% 0 0 0;
  }
  /* line 457, ../../sass/qanda/vol06.scss */
  #Question01 .answer-box .right .balloon {
    display: none;
  }
  /* line 461, ../../sass/qanda/vol06.scss */
  #Question01 .answer-box .result {
    width: 28%;
    top: 15%;
    left: 37%;
  }
  /* line 467, ../../sass/qanda/vol06.scss */
  #Question01 .explanation {
    width: 100%;
  }
  /* line 471, ../../sass/qanda/vol06.scss */
  #Question01 .explanation .display .detail .txt {
    width: 100%;
    margin-right: 0;
  }
  /* line 476, ../../sass/qanda/vol06.scss */
  #Question01 .explanation .display .txt-box {
    padding: 0 0;
  }
  /* line 481, ../../sass/qanda/vol06.scss */
  #Question01 .explanation .img-box .img {
    float: none;
    margin: 0 0 0 0;
  }
  /* line 487, ../../sass/qanda/vol06.scss */
  #Question01 .comment {
    width: 100%;
  }
  /* line 489, ../../sass/qanda/vol06.scss */
  #Question01 .comment .img {
    width: 30%;
  }
  /* line 492, ../../sass/qanda/vol06.scss */
  #Question01 .comment .txt {
    width: 70%;
  }

  /*Question01*/
  /* line 497, ../../sass/qanda/vol06.scss */
  #Question02 {
    width: 100%;
    margin: 62% 0 0 0;
    /* answer-box */
  }
  /* line 500, ../../sass/qanda/vol06.scss */
  #Question02 .title-box {
    width: 100%;
    height: auto;
  }
  /* line 503, ../../sass/qanda/vol06.scss */
  #Question02 .title-box #Q2-img01 {
    width: 32.357%;
    top: -49%;
    right: 9%;
    opacity: 1;
  }
  /* line 509, ../../sass/qanda/vol06.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: -87%;}
}
  /* line 516, ../../sass/qanda/vol06.scss */
  #Question02 .answer-box {
    /*Q2right*/
  }
  /* line 517, ../../sass/qanda/vol06.scss */
  #Question02 .answer-box .left {
    display: none;
  }
  /* line 520, ../../sass/qanda/vol06.scss */
  #Question02 .answer-box .right {
    padding-top: 70%;
  }
  /* line 523, ../../sass/qanda/vol06.scss */
  #Question02 .answer-box #Q2-answer01 {
    width: 28%;
    top: 4%;
    left: 19%;
  }
  /* line 528, ../../sass/qanda/vol06.scss */
  #Question02 .answer-box #Q2-answer02 {
    width: 28%;
    top: 4%;
    left: 54%;
  }
  /* line 533, ../../sass/qanda/vol06.scss */
  #Question02 .answer-box #Q2-answer03 {
    width: 28%;
    top: 50%;
    left: 19%;
  }
  /* line 538, ../../sass/qanda/vol06.scss */
  #Question02 .answer-box #Q2-answer04 {
    width: 28%;
    top: 50%;
    left: 54%;
  }
  /* line 543, ../../sass/qanda/vol06.scss */
  #Question02 .answer-box .sayu-answer {
    background-size: 100%;
    width: 80%;
    position: absolute;
    top: 100%;
    right: 0%;
  }
  /* line 549, ../../sass/qanda/vol06.scss */
  #Question02 .answer-box .sayu-answer .answer {
    width: 100%;
  }
  /* line 552, ../../sass/qanda/vol06.scss */
  #Question02 .answer-box .sayu-answer .sayu-answer-inline {
    width: 100%;
    padding: 0 10% 8%;
    background-size: 100%;
  }
  /* line 558, ../../sass/qanda/vol06.scss */
  #Question02 .answer-box .result {
    width: 28%;
    top: 15%;
    left: 37%;
  }

  /*Question02*/
  /* line 566, ../../sass/qanda/vol06.scss */
  .comment {
    width: 100%;
  }
  /* line 568, ../../sass/qanda/vol06.scss */
  .comment .img {
    width: 30%;
  }
  /* line 571, ../../sass/qanda/vol06.scss */
  .comment .txt {
    width: 70%;
  }
}
@media screen and (max-width: 767px) and (max-width: 480px) {
  /* line 449, ../../sass/qanda/vol06.scss */
  #Question01 .answer-box .right {
    margin: -45% 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  /* line 582, ../../sass/qanda/vol06.scss */
  #sukoyakaInner .explanation {
    width: 100% !important;
    border-radius: 10px;
    border: 1px solid #f7aab7;
  }
  /* line 587, ../../sass/qanda/vol06.scss */
  #sukoyakaInner .explanation h3 {
    width: 100%;
    overflow: hidden;
    border-radius: 9px 9px 0 0;
    background-color: #f7aab7;
    height: 26px;
    padding-top: 4px;
  }
  /* line 594, ../../sass/qanda/vol06.scss */
  #sukoyakaInner .explanation h3:after {
    content: "Q&A解説";
    color: #fff;
    font-size: 14px;
    font-weight: lighter;
    margin: 10px;
  }
  /* line 601, ../../sass/qanda/vol06.scss */
  #sukoyakaInner .explanation h3 img {
    display: none;
  }
  /* line 605, ../../sass/qanda/vol06.scss */
  #sukoyakaInner .explanation .detail-box {
    width: 93.75%;
    padding: 10px;
  }
}