@charset "UTF-8";
/**
 * お薬について調べる
 */
/* ==========================================================================
   インデックス
   ========================================================================== */
.acc-body .inner-accttl {
  line-height: 1.55;
  margin-bottom: 3.12%; }

.img01 {
  padding: 7px 0 7px 138px; }
  .img01 .index-ttlitem {
    bottom: 0;
    display: block;
    position: absolute;
    left: 40px; }

.img02 {
  padding: 7px 0 7px 98px;
  letter-spacing: 0.1em !important; }
  .img02 .index-ttlitem {
    bottom: 0;
    display: block;
    position: absolute;
    left: 18px; }

/* ==========================================================================
   パルミコートindex
   ========================================================================== */
.gray-curvy {
  border: 2px solid #e6e6e6;
  border-radius: 8px; }

.pulmicortl-btnlist {
  letter-spacing: -.40em;
  padding: 18px; }
  .pulmicortl-btnlist li {
    width: 292px;
    margin-left: 10px;
    background-color: #FFF;
    border: 4px solid #ff5591;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    padding: 18px 0;
    text-align: center; }
    .pulmicortl-btnlist li:first-child {
      margin-left: 0; }
    .pulmicortl-btnlist li:hover {
      background-color: #ffbbd3;
      color: #3ba340; }
    .pulmicortl-btnlist li a {
      text-decoration: none;
      color: #3b3b3b; }
      .pulmicortl-btnlist li a .pulmicortl-btn {
        color: #ff5591;
        display: block;
        font-weight: bold; }

@media screen and (max-width: 767px) {
  .pulmicortl-btnlist li {
    width: 100%;
    margin-left: 15px;
    margin-left: 0px;
    margin-bottom: 5px; } }
/* ==========================================================================
   パルミコートタービュヘイラーをご使用の方
   ========================================================================== */
.red {
  color: #f32020; }

/* ==========================================================================
   動画用
   ========================================================================== */
.box-movie {
  margin-top: 36px;
  text-align: center; }

@media screen and (max-width: 767px) {
  .box-movie {
    position: relative;
    padding-bottom: 56.25%; }
    .box-movie .BrightcoveExperience {
      /*height:207px;
      width:240px;*/
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; } }
/* ==========================================================================
  QA用
   ========================================================================== */
.qa-list {
  border-bottom: 1px solid #d2d2d2;
  margin-top: 28px; }
  .qa-list dt, .qa-list dd {
    position: relative;
    line-height: 1.78 !important; }
  .qa-list dt {
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    padding: 9px 12px 9px 50px; }
  .qa-list dd {
    padding: 10px 0 22px 50px; }
  .qa-list .icon-qa {
    position: absolute;
    top: 10px;
    left: 10px; }

/* カテゴリ別色指定 */
.medications .qa-list dt {
  background-color: #ffdde9; }

@media screen and (max-width: 767px) {
  .qa-list .icon-qa img {
    height: 22px;
    width: 28px; } }