@charset "utf-8";

/* Cat006 排尿のお悩みチェック
-----------------------------------------------------
categoryColor       = #d2c8c3 = rgba(210,200,195,1)
                      #d2c8c3 = rgba(210,200,195,0.2)

#sitemap       = サイトマップ
---------------------------------------------------*/


/* h2
---------------------------------------------------*/
#h2_wrapper {
  background-color: rgba(210,200,195,0.3);
  border-color: #d2c8c3;
}



/* contents
---------------------------------------------------*/
#contents {
  overflow: visible;
}

#mainColumn {
  float: none;
  width: 1000px;
}

@media only screen and (max-width:768px) {
  #main {
    padding: 0 0 1px;
  }

  #mainColumn {
    width: 96%;
    margin: 0 auto 50px;
  }
}



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

#mainContent h4 {
  color: #d2c8c3;
}

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


/* sitemapNav
---------------------------------------------------*/
#sitemapNav > li {
  padding: 12px 0 50px;
}

#sitemapNav > li + li {
  border-top: #ccc dotted 1px;
  padding: 50px 0;
}

#sitemapNav > li > a {
  display: block;
  font-size: 150%;
  font-weight: bold;
  line-height: 1.2;
  padding-left: 28px;
}

#sitemapNav > li > .externalLink::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  padding: 0 0 7px 12px;
  background: url("/common/img/icon_externalLink.png") no-repeat center center/10px 10px;
}

#sitemapNav .nav001 > a {
  background: url("/common/img/ico_sitemapArrow001.png") no-repeat left center/14px 21px;
}
#sitemapNav .nav002 > a {
  background: url("/common/img/ico_sitemapArrow002.png") no-repeat left center/14px 21px
}
#sitemapNav .nav003 > a {
  background: url("/common/img/ico_sitemapArrow003.png") no-repeat left center/14px 21px
}
#sitemapNav .nav004 > a {
  background: url("/common/img/ico_sitemapArrow004.png") no-repeat left center/14px 21px
}
#sitemapNav .nav005 > a {
  background: url("/common/img/ico_sitemapArrow005.png") no-repeat left center/14px 21px
}
#sitemapNav .nav006 > a {
  background: url("/common/img/ico_sitemapArrow006.png") no-repeat left center/14px 21px
}

#sitemapNav .secondLevel {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

#sitemapNav .secondLevel > li {
  width: 50%;
}

#sitemapNav .secondLevel > li > a {
  font-size: 112.5%;
  font-weight: bold;
  line-height: 1.4;
  padding-left: 28px;
}

#sitemapNav .secondLevel > li > .externalLink::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  padding: 0 0 5px 12px;
  background: url("/common/img/icon_externalLink.png") no-repeat center center/10px 10px;
}

#sitemapNav .nav001 .secondLevel > li > a {
  background: url("/common/img/ico_sitemapRoundArrow001.png") no-repeat left center/19px 19px;
}
#sitemapNav .nav002 .secondLevel > li > a {
  background: url("/common/img/ico_sitemapRoundArrow002.png") no-repeat left center/19px 19px;
}
#sitemapNav .nav003 .secondLevel > li > a {
  background: url("/common/img/ico_sitemapRoundArrow003.png") no-repeat left center/19px 19px;
}
#sitemapNav .nav004 .secondLevel > li > a {
  background: url("/common/img/ico_sitemapRoundArrow004.png") no-repeat left center/19px 19px;
}
#sitemapNav .nav005 .secondLevel > li > a {
  background: url("/common/img/ico_sitemapRoundArrow005.png") no-repeat left center/19px 19px;
}
#sitemapNav .nav006 .secondLevel > li > a {
  background: url("/common/img/ico_sitemapRoundArrow006.png") no-repeat left center/19px 19px;
}

#sitemapNav .thirdLevel {
  margin-top: 35px;
}

#sitemapNav .thirdLevel li {
  padding-left: 28px;
}

#sitemapNav .thirdLevel li + li {
  margin-top: 27px;
}

#sitemapNav .nav001 .thirdLevel li > a {
  line-height: 1.4;
  padding-left: 22px;
  background: url("/common/img/ico_footerArrow001.png") no-repeat left center/10px 12px;
}

#sitemapNav .nav003 .thirdLevel li > a {
  line-height: 1.4;
  padding-left: 22px;
  background: url("/common/img/ico_footerArrow003.png") no-repeat left center/10px 12px;
}

/* hover設定 */
#sitemapNav a {
  position: relative;
}

#sitemapNav a:hover:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(255,255,255,0.3);
}

@media only screen and (max-width:768px) {
  #sitemapNav .secondLevel {
    padding-left: 28px;
  }

  #sitemapNav .secondLevel > li {
    width: 100%;
  }

  #sitemapNav .secondLevel > li + li {
    margin-top: 30px;
  }

  #sitemapNav .secondLevel > li > a {
    margin-left: -28px;
  }

  #sitemapNav .nav001 .thirdLevel li > a {
    background: url("/common/img/ico_footerArrow001_sp.png") no-repeat left center/8px 12px;
  }
  #sitemapNav .nav003 .thirdLevel li > a {
    background: url("/common/img/ico_footerArrow003_sp.png") no-repeat left center/8px 12px;
  }

  #sitemapNav .thirdLevel {
    margin: 35px 0 0 -28px;
  }

  #sitemapNav .thirdLevel li {
    padding-left: 6px;
  }

  #sitemapNav a:hover:before {
    display: none;
  }
}




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


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


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