@charset "utf-8";

/* Cat001 排尿について（女性編）
-----------------------------------------------------
categoryColor       = #5FC3D0 = rgba(95,195,208,1)
                      #CFEDF1 = rgba(207,237,241,1)

#cat001_index       = 排尿について（女性編）
#cat001_001         =   女性の排尿のしくみ
#cat001_002         =   女性の排尿トラブルに隠された病気とは？
#cat001_002_001     =     過活動膀胱
#cat001_002_002     =     その他の病気
---------------------------------------------------*/


/* h2
---------------------------------------------------*/
#h2_wrapper {
  background-color: rgba(207,237,241,1);
  border-color: #5FC3D0;
}

#h2_wrapper .inner:after {
  position: absolute;
  content: "";
  bottom: -14px;
  right: 55px;
  width: 266px;
  height: 154px;
  display: block;
  background: url("/common/img/ico_h2_cat001.png") no-repeat bottom right;
}

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

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


/* mainContent
---------------------------------------------------*/
#mainContent h3 {
  background: linear-gradient(transparent 60%, rgba(207,237,241,1) 60%);
  border-bottom: 4px solid rgba(207,237,241,1);
}

#mainContent h4 {
  color: #5FC3D0;
}

@media only screen and (max-width:768px) {
  #mainContent h3 {
    background: linear-gradient(transparent 80%, rgba(207,237,241,1) 80%);
  }
}


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

.rightArrow_list .item {
  background: #5FC3D0;
}

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


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


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


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


/* pageNav
---------------------------------------------------*/
#pageNav {
  border-color: #5FC3D0;
}

#pageNav .Lv2 {
  background-color: #5FC3D0;
}

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

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

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

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

/* current */
#cat001_001 #pageNav .cat001_001,
#cat001_002 #pageNav .cat001_002,
#cat001_002_001 #pageNav .cat001_002_001,
#cat001_002_002 #pageNav .cat001_002_002 {
  background-color: rgba(207,237,241,1);
}

#cat001_001 #pageNav .cat001_001 a:hover,
#cat001_002 #pageNav .cat001_002 a:hover,
#cat001_002_001 #pageNav .cat001_002_001 a:hover,
#cat001_002_002 #pageNav .cat001_002_002 a:hover {
  color: inherit;
}

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

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



/* #cat001_index 排尿について（女性編）
---------------------------------------------------*/
#cat001_index .pict001 img {
  width: 186px;
  height: 100%;
  /* margin: 0 auto; */
}

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



/* #cat001_001 女性の排尿のしくみ
---------------------------------------------------*/
@media only screen and (max-width:768px) {
  #cat001_001 .pict001 img {
    width: 86%;
    max-width: 300px;
    margin: auto;
  }
}



/* #cat001_002 女性の排尿トラブルに隠された病気とは？
---------------------------------------------------*/

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



/* #cat001_002_001 過活動膀胱
---------------------------------------------------*/
#cat001_002_001 .annotation.alignR {
  font-size: 75%;
  margin-top: 20px;
}

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



/* #cat001_002_002 その他の病気
---------------------------------------------------*/
#cat001_002_002 .pict001 img {
  width: 216px;
  height: 100%;
}

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

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