@charset "utf-8";

/* Cat006 排尿のお悩みチェック
-----------------------------------------------------
categoryColor       = #86cc17 = rgba(134,204,23,1)
                      #e7f5d1 = rgba(134,204,23,0.2)

#cat006_index       = 排尿のお悩みチェック
#cat006_001         =   過活動膀胱 症状チェック（OABSS）
#cat006_002         =   前立腺肥大症 症状チェック（IPSSとQOLスコア）
---------------------------------------------------*/


/* h2
---------------------------------------------------*/
#h2_wrapper {
  background-color: rgba(134,204,23,0.3);
  border-color: #86cc17;
}

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

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

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


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

#mainContent h4 {
  color: #86cc17;
}

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


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

.rightArrow_list .item {
  background: #86cc17;
}

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


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


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


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


/* pageNav
---------------------------------------------------*/
#pageNav {
  border-color: #86cc17;
}

#pageNav .Lv2 {
  background-color: #86cc17;
}

#pageNav .Lv2 a {
  padding: 0;
  text-align: center;
}

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

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

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

/* current */
#cat006_001 #pageNav .cat006_001,
#cat006_002 #pageNav .cat006_002 {
  background-color: rgba(134,204,23,0.3);
}

#cat006_001 #pageNav .cat006_001 a:hover,
#cat006_002 #pageNav .cat006_002 a:hover {
  color: inherit;
}

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

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




/* #cat006_index 排尿のお悩みチェック
---------------------------------------------------*/
#cat006_index .pict001 img {
  width: 186px;
  height: 100%;
  /* margin: 0 auto; */
}

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


/* #cat006_002 前立腺肥大症 症状チェック（IPSSとQOLスコア）
---------------------------------------------------*/
.topBorder {
  border-top: #ccc solid 1px;
  padding-top: 16px;
  margin-top: 40px;
}

.topBorder .annotation {
  font-size: 75%!important;
}