@charset "utf-8";

/* Cat003 過活動膀胱はどうやって治すの？
-----------------------------------------------------
categoryColor       = #fa9696 = rgba(250,150,150,1)
                      #feeaea = rgba(250,150,150,0.2)

#cat003_index       = 過活動膀胱はどうやって治すの？
#cat003_001         =   過活動膀胱と診断されるまで
#cat003_001_001     =     まずは自己チェック
#cat003_001_002     =     気になったら早めに「泌尿器科」へ
#cat003_001_003     =     どんな検査が必要？
#cat003_002         =   過活動膀胱の治療について
#cat003_002_001     =     飲み薬・貼り薬による治療
#cat003_002_002     =     ボツリヌス療法
#cat003_002_002_001 =       ボツリヌス療法を受けている方へ
#cat003_002_003     =     その他の療法
---------------------------------------------------*/


/* h2
---------------------------------------------------*/
#h2_wrapper {
  background-color: rgba(250,150,150,0.3);
  border-color: #fa9696;
}

#h2_wrapper .inner:after {
  position: absolute;
  content: "";
  bottom: -15px;
  right: 28px;
  width: 190px;
  height: 160px;
  display: block;
  background: url("/common/img/ico_h2_cat003.png") no-repeat bottom right;
}

@media only screen and (max-width:768px) {
  #h2_wrapper .inner:after {
    width: 95px;
    height: 100%;
    right: 10px;
    background-size: 100% auto;
    background-position: right center;
    padding-bottom: 25px;
  }

  #h2_wrapper h2 {
    padding-right: 105px;
  }
}


/* mainContent
---------------------------------------------------*/
#mainContent h3 {
  background: linear-gradient(transparent 60%, rgba(250,150,150,0.3) 60%);
  border-bottom: 4px solid rgba(250,150,150,0.3);
}

#mainContent h4 {
  color: #fa9696;
}

@media only screen and (max-width:768px) {
  #mainContent h3 {
    background: linear-gradient(transparent 80%, rgba(250,150,150,0.3) 80%);
  }
}


/* rightArrow_list
---------------------------------------------------*/
.rightArrow_list > li {
  border: #fa9696 solid 2px;
}

.rightArrow_list .item {
  background: #fa9696;
}

.rightArrow_list .rightArrow {
  border-color: transparent transparent transparent #fa9696;
}


/* linkList
---------------------------------------------------*/
.linkList li {
  border: 1px solid #fa9696;
}

.linkList li.cat006 {
  border: 1px solid #92c52e;
}


/* pagerLink
---------------------------------------------------*/
#pagerLink li a {
  background-color: #fa9696;
}


/* relatedLink
---------------------------------------------------*/
#relatedLink {
  background-color: #feeaea;
}


/* pageNav
---------------------------------------------------*/
#pageNav {
  border-color: #fa9696;
}

#pageNav .Lv2 {
  background-color: #fa9696;
}

#pageNav .Lv2 a {
  padding-right: 0;
}

#pageNav .Lv3 a,
#pageNav .Lv4 a {
  background-image: url("/common/img/ico_navArrow004_003.png");
}

#pageNav .Lv5 a {
  background-image: url("/common/img/ico_navArrow005_003.png");
}

/* toggle */
#pageNav .Lv3 .toggle,
#pageNav .Lv4 .toggle {
  background-image: url("/common/img/ico_navOpen003.png");
}
#pageNav .active .Lv3 .toggle,
#pageNav .Lv4 .active .toggle {
  background-image: url("/common/img/ico_navClose003.png");
}

/* current */
#cat003_001 #pageNav .cat003_001,
#cat003_001_001 #pageNav .cat003_001_001,
#cat003_001_002 #pageNav .cat003_001_002,
#cat003_001_003 #pageNav .cat003_001_003,
#cat003_002 #pageNav .cat003_002,
#cat003_002_001 #pageNav .cat003_002_001,
#cat003_002_002 #pageNav .cat003_002_002,
#cat003_002_002_001 #pageNav .cat003_002_002_001,
#cat003_002_003 #pageNav .cat003_002_003 {
  background-color: rgba(250,150,150,0.3);
}

#cat003_001 #pageNav .cat003_001 a:hover,
#cat003_001_001 #pageNav .cat003_001_001 a:hover,
#cat003_001_002 #pageNav .cat003_001_002 a:hover,
#cat003_001_003 #pageNav .cat003_001_003 a:hover,
#cat003_002 #pageNav .cat003_002 a:hover,
#cat003_002_001 #pageNav .cat003_002_001 a:hover,
#cat003_002_002 #pageNav .cat003_002_002 a:hover,
#cat003_002_002_001 #pageNav .cat003_002_002_001 a:hover,
#cat003_002_003 #pageNav .cat003_002_003 a:hover {
  color: inherit;
}

@media only screen and (max-width:768px) {
  #pageNav .Lv2 {
    border-left-color: #fa9696;
  }

  #pageNav .Lv2 a {
    text-align: left;
    padding: 0 18px;
  }
}


/* #cat003_index 過活動膀胱はどうやって治すの？
---------------------------------------------------*/
#cat003_index .pict001 img {
  width: 186px;
  height: 100%;
}

@media only screen and (max-width:768px) {
  #cat003_index .pict001 img {
    width: 86%;
    max-width: 186px;
  }
}


/* #cat003_001 過活動膀胱と診断されるまで
---------------------------------------------------*/
#cat003_001 .pict001 img {
  width: 200px;
  height: 100%;
}

@media only screen and (max-width:768px) {
  #cat003_001 .pict001 img {
    width: 86%;
    max-width: 200px;
  }
}


/* #cat003_001_002 気になったら早めに「泌尿器科」へ
---------------------------------------------------*/
#cat003_001_002 .pict001 img {
  width: 208px;
  height: 100%;
}

@media only screen and (max-width:768px) {
  #cat003_001_002 .pict001 img {
    width: 86%;
    max-width: 208px;
  }
}


/* #cat003_001_003 どんな検査が必要？
---------------------------------------------------*/
#mainContent h4 + h5 {
  margin: 20px 0 20px;
}

#cat003_001_003 .pict001 img {
  width: 295px;
  height: 100%;
}

#cat003_001_003 .pict002 img {
  width: 293px;
  height: 100%;
}

#cat003_001_003 .pict003 img {
  width: 258px;
  height: 100%;
}

@media only screen and (max-width:768px) {
  #cat003_001_003 .pict001 img {
    width: 86%;
    max-width: 295px;
  }

  #cat003_001_003 .pict002 img {
    width: 86%;
    max-width: 293px;
  }

  #cat003_001_003 .pict003 img {
    width: 86%;
    max-width: 258px;
  }
}


/* #cat003_002 過活動膀胱の治療について
---------------------------------------------------*/

@media only screen and (max-width:768px) {
  #cat003_002 .pict001 img {
    width: 86%;
    max-width: 300px;
    margin: 0 auto;
  }
}


/* #cat003_002_001 飲み薬・貼り薬による治療
---------------------------------------------------*/
#cat003_002_001 .pict001 img {
  width: 230px;
  height: 100%;
}

#cat003_002_001 .pict002 {
  margin-left: 50px;
}


@media only screen and (max-width:768px) {
  #cat003_002_001 .pict001 img {
    width: 86%;
    max-width: 230px;
  }

  #cat003_002_001 .pict002 {
    margin-left: 0;
  }

  #cat003_002_001 .pict002 img {
    width: 86%;
    max-width: 300px;
    margin: 0 auto;
  }

  #cat003_002_001 .pict003 {
    width: 86%;
    max-width: 300px;
    margin: 0 auto;
  }
}


/* #cat003_002_002 ボツリヌス療法
---------------------------------------------------*/

#cat003_002_002 .pict001 img {
  width: 204px;
  height: 100%;
}

@media only screen and (max-width:768px) {
  #cat003_002_002 .pict001 img {
    width: 86%;
    max-width: 204px;
  }
}


/* #cat003_002_002_001 ボツリヌス療法を受けている方へ
---------------------------------------------------*/
#cat003_002_002_001 .pict001 img {
  width: 600px;
  height: 100%;
}

@media only screen and (max-width:768px) {
  #cat003_002_002_001 .pict001 img {
    width: 86%;
    max-width: 300px;
  }
}


/* #cat003_002_003その他の療法
---------------------------------------------------*/
#cat003_002_003 .pict002 img {
  width: 132px;
  height: 100%;
}

#cat003_002_003 .pict003 img {
  width: 165px;
  height: 100%;
}

#cat003_002_003 .pict004 img {
  width: 179px;
  height: 100%;
}

#cat003_002_003 .column {
  display: flex;
  justify-content: center;
}

#cat003_002_003 .column.c001 {
  padding-bottom: 60px;
}

#cat003_002_003 .column.c002 {
  margin-top: 60px;
  padding-bottom: 20px;
}

#cat003_002_003 .column h4 {
  margin-top: 0;
}

#cat003_002_003 .column .leftTxt {
  width: 470px;
}

#cat003_002_003 .column .rightImg {
  width: 205px;
}

@media only screen and (max-width:768px) {
  #cat003_002_003 .pict001 img {
    width: 86%;
    max-width: 300px;
    margin: 0 auto;
  }

  #cat003_002_003 .pict002 img {
    width: 86%;
    max-width: 132px;
  }

  #cat003_002_003 .pict003 img {
    width: 86%;
    max-width: 165px;
  }

  #cat003_002_003 .pict004 img {
    width: 86%;
    max-width: 179px;
  }

  #cat003_002_003 .column {
    display: initial;
  }


  #cat003_002_003 .column h4 {
    margin-top: 60px;
  }

  #cat003_002_003 .column .leftTxt {
    width: 100%;
  }

  #cat003_002_003 .column .rightImg {
    width: 100%;
    margin-top: 30px;
  }
}