@charset 'UTF-8';

.open-dl .js-cl-open {
   height:.6rem!important;
  font-size: .20rem!important;
  color:#002063!important;
  font-weight: 600;
}
.open-dl .js-cl-open span{
  display: block;
  font-size: .18rem;
  font-weight: normal;
  color: #666666;
  letter-spacing: .01rem;
  } 
.cycle-tt02 .en{
  display: block;
  font-size: .18rem;
  font-weight: normal;
  color: #666666;
  letter-spacing: .01rem;
}
.h-tt02 + ul.treat-case{
  border: none;
  padding: 0;
}
.h-tt02 + ul.treat-case li{
  border-bottom:dashed 1px #666;
  padding: 0 0 .2rem;  
 line-height:2;
}
ul.treat-case .h-5{
  font-size: .17rem;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
ul.treat-case .h-3{
  font-size: .16rem;
}
ul.treat-case li{
  margin: 0 0 .16rem;
}
.open-dl .open-dd .tt {
 margin-bottom:.25rem!important;
 font-weight: normal!important;
}
.one-fig{
  width: 60%;
  margin: .2rem auto;
}
.two-col-img{
  float: left;
  width: 40%;
  margin: .05rem .3rem 0 0;
}
.two-col-text{
  font-feature-settings: 'palt';
  text-align: justify;
}

.o-number-list li{
 position:relative;
 list-style:decimal;
}

.o-number-list {
 line-height:2;
 margin-left:1em;
 margin-right: 1em;
 padding: 1em 2em 0.5em 3em;
}

.three-cancer-box .two-col-img{
  width: 29%;
}
#i-move ul.panel-li{
  margin: .2rem 0 .5rem;
}
#i-move h3.tt{
  border: none;
  color:#002063;  
  font-size: .19rem;
  white-space: nowrap;
  margin: 0 0 .1rem!important;
  padding: 0;
  font-weight: 600!important;
}
#i-move h3.tt:after {
 background:none;
}
#i-move li.panel-item img{
 margin: 0 0 .15rem;  
}
#i-move p.text{
  margin: 0;
  padding: 0;
  font-size: .16rem;
  line-height: 1.8!important;
  text-align: justify;
  font-feature-settings: 'palt';
}
.border-b-box .treat-case{
  border: none;
  margin: 0;
  padding: .1rem;
}
.border-b-box .o-cycle-list li{
  margin: 0;
}
.two-col-figure{
  display:inline-flex;
  margin: 0 0 .4rem;
  padding: 0;
  justify-content:space-between;
  width: 100%;
}
.two-col-figure figure{
  margin: 0;
  padding: 0;
flex-basis:48%;
}
.two-col-figure figure img{
  width: 100%; 
}
.two-col-figure figure figcaption , figure figcaption{
  text-align: center;
  color: #002063;
  margin: .1rem 0 0
}
.two-col-figure figure .b-blue{
  border: 4px solid #002063;
}
#ECL-tec .fold-li{
  justify-content:space-between;
  margin: 0 0 .3rem
}
#ECL-tec .fold-li li{
  background: #ffffff;
  width: 32%;
}
#UJS .fold-li {
 justify-content: space-between;
}
#UJS .fold-li li  p {
 line-height: 1.4!important;
}
@media print, screen and (min-width: 750px) {
#UJS .fold-li li {
  width:calc(100% / 2 - .09rem);
  min-height:.6rem;
  margin-bottom: .2rem;
 }
#UJS .fold-li li+li {
  margin-left:.0;
 }
}
@media screen and (max-width: 749px) {
 .fold-li li {
  width:calc(100%);
  min-height:.4rem
 }
 .fold-li li+li {
  margin-top:.12rem
 }
}
.fold-li li::before {
 content:'';
 width:0;
 height:0;
 top:0;
 left:0;
 border:.07rem solid;
 border-color:#002063 transparent transparent #002063;
 position:absolute
}


.stone-method{
  display: flex;
}
.stone-method .two-col-img{
  flex-basis: 40%;
  margin: 0;
}
.stone-method .two-col-img figure{
  width: 90%;
  margin: .15rem;
  padding: 0;
}
.stone-method .two-col-text{
  flex-basis: 60%;
  margin: 0;
}
.treatment-box ul {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.treatment-box ul li {
 margin-right:.1rem;
 margin-bottom:.1rem
}
.treatment-box ul a {
 background:#0080cc;
 color:#ffffff;
 padding:.08rem .1rem;
 display:block
}
.treatment-box .cycle-tt02 {
 max-width:100%!important;
}
#Gynecology .treatment-box ul a {
 background:#E28484;
  border-radius: .05rem;
}
,#hyperplasia04#hyperplasia01 , #hyperplasia02 , #hyperplasia03,#hyperplasia05{
 margin-top:-1.8rem;
 padding-top:1.8rem;	
}
.eco-grid{
  grid-template-columns: 3.17rem 1fr!important;
}
.endoscope-grid{
  grid-template-columns: 2.92rem 1fr!important;  
  margin: 0 0 .3rem;
}
.endoscope-box{
  margin: .3rem 0;
  border-radius: .2rem; 
  padding: .3rem .5rem;
  text-align: justify;
}
.endoscope-box h4{
  font-size: .20rem;
  font-weight: 600;
  margin: .2rem 0;
  text-align: center;
}
.large-tt{
  font-size: .22rem;
  font-weight: 600;
}
.net-banar-h1{
  text-align: center;
  font-size: .23rem;
  margin: 0 0 .15rem;  
}
a.net-banar{
  background: url("../img/common/net_banar.jpg");
  display: block;
  height: 1.8rem;
  position: relative;
  background-size: cover;
 -webkit-transition:.25s;
  transition:.25s;
}

a.net-banar .banar-inner{
  position: absolute;
  border: 10px solid #fff;
  top: 0;
  left: 0;
  width: calc(100% - 0px);
  height: calc(100% - 0px);  
  opacity: .5;
 -webkit-transition:.25s;
  transition:.25s;
}
a.net-banar .banar-inner:hover{
  border: 0px solid #fff;
  opacity: 1;
}

/*--kidney-cancer--*/
.kidney-cancer .three-grid{
  grid-gap: 0;
}

/*--Score List--*/
.score-table{
  background: #f8f8f8;
  padding: .1rem;
}
.score-table-inner{
  background: #fff;
  padding: .3rem;
}
.score-ul h4{
  font-size: .16rem;
  font-weight: 600;
  line-height: 1.6;
  width: 3.3rem;
color:  #00A2D3;
}
.score-ul h4 span{
  background: #00A2D3;
  color: #fff;
  margin: 0 .05rem 0 0;
  font-size: .14rem;
  padding: .03rem .06rem .04rem;
  border-radius: .05rem;
}
.score-ul li{
  display: flex;
  border-bottom: solid 1px #ccc;
  margin: 0 0 .2rem;
  padding: 0 0 .2rem;
}
.score-ul ul{
  margin: 0 0 .0rem .2rem;
}
.score-ul ul li{
  display: inline-flex;
  margin: 0 .05rem;
  padding: 0;
  border: none;
}
.score-ul .mwform-radio-field-text {
 height:.30rem;
 padding-top:.03rem;
 display:block
}
.score-table .radio {
 display:none
}
.score-table .radio+span {
 padding-left:.30rem;
 position:relative;
 cursor:pointer
}
.score-table .radio+span::before {
 content:"";
 display:block;
 position:absolute;
 top:0;
 left:0;
 width:.24rem;
 height:.24rem;
 border:1px solid #969696;
 border-radius:50%
}
.score-table .radio:checked+span::after {
 content:"";
 display:block;
 position:absolute;
 top:.045rem;
 left:.045rem;
 width:.15rem;
 height:.15rem;
 background:#00A2D3;
 border-radius:50%
}
.result-box #label1{
  padding: .15rem .7rem;
  border-radius: .4rem;
  background: #ff8400;
  color: #fff;
  font-size: .20rem;
  margin: .3rem auto 0;
  display: block;
  transition: .5s;
}
.result-box #label1:hover{
  opacity: .6;
}
.result{
  background: #FFFFEE;
  margin: 0;
  padding: 0;
  opacity: 0;
  transition: .5s;
  overflow: hidden;
  height: 0;
}
.result-show{
  opacity: 1;
  height: auto;
  margin: .1rem 0 0;
  padding: .1rem .3rem;
  display: flex;
  justify-content: center;
}
.result-show > div{
  font-weight: 600;
  font-size: .26rem;
  display: flex;
  justify-content: center;
  align-items: center; 
  margin: 0 .6rem;
}
.result-show >div .result-total{
  border: none;
  margin: 0 0 0 .1rem;
  font-size: .60rem;
  width: .8rem;
  font-weight: 600;
  color: #ff8400;
  line-height: 0;
  justify-content: center;
  align-items: center; 
  display: flex;
  letter-spacing:.04rem;
  background: none;
  text-align: center;
}
.result .score-check{
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: left;
  align-items: center; 
  flex-wrap: wrap;
  width: 3.3rem;
  justify-content:space-between;
}
.result .score-check li{
  padding: 0;
  margin: 0 .4rem 0 0;
  line-height: 1.6;
  position: relative;
}
.result .score-check li:before{
  content: "▶︎";
  color: #00A2D3;
  font-size: .1rem;
  position: absolute;
  top:.05rem;
  left:-.15rem;
}
.no-flex li{
  display: block;
}
.no-flex ul li{
  margin: 0.15rem .3rem 0!important;
}
.no-flex h4{
  width: 100%!important;  
}
.no-flex .mwform-radio-field-text {
 height:.20rem;
}

.banner-stone a{
  display: flex!important;
  justify-content: space-between;
  flex-wrap:wrap;
  border: 1px solid #ccc;
  margin-top:.6rem;
  margin-bottom: .4rem
}
.banner-stone .grid-a{
  width:calc(100%);
  margin: 0!important;
  height: 2rem;
}
.banner-stone .grid-b{
  width:calc(100%);
  margin: 0!important;
  padding: .25rem 0 0 .2rem ;
  background: #FFFAD1;
  position: relative;
}
.banner-stone-title{
  font-family: VDL-Logona;
  font-size: .3rem;
  letter-spacing: .05rem;
}
.banner-stone-title span{
     color: #D88000;
  display: block;
  font-size: .5rem;
  margin: .05rem 0 0;
}
.banner-stone .grid-b p{
  font-size: .18rem;
  font-feature-settings: 'palt';
  line-height: 1.6!important;
}
.banner-stone .eswl-ad{
  position: absolute;
  right: .26rem;
  top:.26rem;
	background:linear-gradient(135deg,#FF951F 0%,#FF951F 50%,#D8801F 50%,#D8801F 100%);
  color: #fff;
  width: 2.7rem;
  height: .94rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .15rem;
  font-feature-settings: 'palt';
  font-size: .2rem;
  line-height: 1.4;
}

 @media screen and (max-width: 749px) {
.banner-stone a{
  display: flex!important;
  justify-content: space-between;
  margin-top: .4rem;
  margin-bottom: .2rem;
  height: 100%;
  position: relative;
}
.banner-stone .grid-a{
  width:100%;
  margin: 0!important;
  height: .65rem;
  margin: 0;
}
.banner-stone .grid-b{
  width:100%;
  background: #fff;
  opacity: .9;
  margin: 0!important;
  padding: .1rem .1rem .05rem;
  position: relative;
  height: .59rem;
}
.banner-stone-title{
  font-size: .14rem;
  letter-spacing: .01rem;
  flex-wrap: nowrap!important;
}
.banner-stone-title span{
  font-size: .158rem;
  margin: .02rem 0;
  letter-spacing: 0;
}
.banner-stone .eswl-ad{
  position:absolute;
  right: 0;
  top:.1rem;
	background:linear-gradient(135deg,#FF951F 0%,#FF951F 50%,#D8801F 50%,#D8801F 100%);
  color: #fff;
  width: 1.5rem;
  height: auto;
  padding:  .05rem .1rem;
  font-size: .11rem;
  line-height: 1.2;
}
}


/*-- 749px以下--*/

@media screen and (max-width: 749px) {
.open-dl .js-cl-open {
   height:auto!important;
  font-size: .16rem!important;
  padding:0.1rem 0 0.1rem .45rem;
  display: block;
  line-height: 1.4;
}
.open-dl .js-cl-open span{
  display: block;
  font-size: .14rem;
  font-weight: normal;
  }  
.cycle-tt02 .en{
   display: block;
  font-size: .14rem;
  font-weight: normal;   
  }  
  
.one-fig{
  width: 100%;
	}
.two-col-img{
  float: none;
  width: 100%;
  margin: 0 0 .2rem 0;
  text-align: center;
}
 .o-number-list {
  margin-left:0;
  margin-right:0;
  padding-left: 2em;
  padding-right: 1em;
  text-align: justify;
  font-size: .13rem;
 }
.three-cancer-box{
   text-align: center;   
  }
.three-cancer-box .two-col-img{
  width: 80%;
  margin: 0 auto .4rem;
}
.open-dl .open-dd .tt {
 padding: 0 0 0.15rem!important;
 font-size: .18rem;
 font-weight: 600!important;
 line-height: 1.4;
}
	
.open-dl .open-dd .cycle-tt02 , .treatment-box .cycle-tt02 , .treatment-text .cycle-tt02 {
 font-size: .18rem;
 line-height: 1.4;
 padding: 0 0 0 .3rem!important;    
 margin: 0 0 .1rem;
  }
.open-dl .open-dd .cycle-tt02 + p{
 margin: 0 0 .1rem;
  }
.treatment-text .cycle-tt02 + p , .treatment-text .cycle-tt02 + p + div{
  margin: 0 0 .3rem;
  }
#i-move h3.tt{
  color:#002063;  
  font-size: .18rem;
  margin: 0!important;
}
#i-move p.text{
  margin: 0 0 .2rem;
  padding: 0;
  font-size: .14rem;
  line-height: 1.8!important;
  text-align: justify;
  font-feature-settings: 'palt';
}
#i-move ul.panel-li{
  margin: .35rem 0 0!important;
  }
#i-move li.panel-item img{
 margin: 0 auto .15rem!important;  
 width: 70%;
}
.border-b-box{
  margin: .3rem 0 .4rem;
  }
.border-b-box .treat-case{
  padding: .1rem 0;
  font-feature-settings: 'palt';
  }
.border-b-box .o-cycle-list li{
  line-height: 1.6;
  font-size: .14rem;
  margin: 0 0 .1rem 0;
}
.border-b-box .o-cycle-list li:last-child{
  margin: 0;
  }
.two-col-figure{
  display:block;
}
.open-dl .open-dd figure figcaption , .stone-method figcaption , figure figcaption{
 font-size: .14rem;
}
#ECL-tec .fold-li li{
  width: 100%;
}
.stone-method{
  display: block;
  text-align: center;
}
#hyperplasia02,#hyperplasia01,#hyperplasia03,#hyperplasia04{
 margin-top:-1rem;
 padding-top:1rem;	
}
.eco-grid , .endoscope-grid{
  grid-template-columns: 1fr!important;
  text-align: center;
}
  .urography{
    margin: 0;
  }
  .urography + p {
margin: 0 0 .3rem;
  }
  .urography figcaption{
    line-height: 1.4;
  }
  .urography figcaption span{
    display: block;
  }
.endoscope-box{
  padding: .1rem .2rem
}
.large-tt{
  font-size: .16rem;
}
.net-banar-h1{
  font-size: .18rem;
  line-height: 1.4;
}
 .net-banar-h1 span{
   display: block;
  }
a.net-banar{
  background: url("../img/common/net_banar-sp.jpg");
  display: block;
  height: 1.09rem;
  position: relative;
  background-size: cover;
 -webkit-transition:.25s;
  transition:.25s;
}
	
	
/*--Score List--*/

.score-table-inner{
  padding: .2rem;
}
.score-ul h4{
  line-height: 1.4;
}
.score-ul h4 span{
  display: block;
  margin: 0 0 0.05rem 0;
  text-align: center;
}
.score-ul li{
  padding: 0 0 .1rem;
}
.score-ul ul{
  margin: 0 0 .0rem .1rem;
}
.score-ul ul li{
  margin: 0 .05rem 0.03rem;
}
.result-box #label1{
  padding: .15rem 0 ;
  width: 100%;
  margin: 0;
}
.result-show{
  padding: .1rem .26rem;
  display: block;
}
.result-show > div{
  margin: 0;
}
.result .score-check{
  width: 3.2rem;
}
.result .score-check li{
  margin: 0 .37rem 0 0;
}
.result .score-check li:before{
  left:-.14rem;
}
.no-flex ul li{
  margin: 0.15rem .3rem 0 0!important;
}
.no-flex ul{
  margin: 0 0 .1rem .0;
}
}

/*-- uterine-myoma  --*/
table.uterine-myoma{
  width: 100%;
  text-align: center;
  border: none;
}
table.uterine-myoma tr{
  border-bottom: .05rem solid #fff;
}
table.uterine-myoma td{
 background:#FFF6E5;
  padding: .1rem;
  border-right: .05rem solid #fff;
}
table.uterine-myoma td.bk-gold{
   background:#C19D59;
  color: #fff;
}
table.uterine-myoma td.br-none{
  border: none!;
}

/*-- PSA  --*/
.psa-01{padding: .3rem;  text-align: center;}
.psa-01 img{width: 65%;}
@media screen and (max-width: 749px) {
.psa-01{padding: .15rem;}
.psa-01 img{width: 100%;}
}

.lp_dl_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: .16rem; }
  .lp_dl_list dt {
    width: 1.84rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
    background: #007b6c;
    padding: .12rem;
    margin-bottom: .04rem;
    font-weight: 600; }
 .lp_dl_list dt.list-sub {
    background: #56a89e;
 }
  .lp_dl_list dd {
    width: calc(100% - 1.88rem);
    margin-left: .04rem;
    padding: .12rem .28rem;
    background: #d1e9eb;
    margin-bottom: .04rem; }
  @media screen and (max-width: 749px) {
    .lp_dl_list dt {
      width: .62rem;
   font-size: .12rem;
    }
    .lp_dl_list dd {
      font-size: .12rem;
      width: calc(100% - .62rem);
      margin-left: 0;
      padding: .1rem .14rem;
      line-height: 1.6; } }
  .lp_dl_list dt.gray {
    background: #a6a7a7; }
    .lp_dl_list dt.gray + dd {
      background: #EEEEEE; }

#Gynecology .lp_dl_list dt {
    width: 1.86rem;
    background: #C19D59; }
#Gynecology .lp_dl_list dd {
    width: calc(100% - 1.9rem);
    background: #FFF6E5;}
  @media screen and (max-width: 749px) {
#Gynecology .lp_dl_list dt {
      width: .9rem;
    }
#Gynecology .lp_dl_list dd {
      width: calc(100% - .9rem); } }

#Gynecology .lp_dl_list.list-two dt {
    width: 1rem;
    background: #C19D59; }
#Gynecology .lp_dl_list.list-two dd {
    width: calc(100% - 1.04rem);
    background: #FFF6E5;}
  @media screen and (max-width: 749px) {
#Gynecology .lp_dl_list.list-two dt {
      width: .62rem;
    }
#Gynecology .lp_dl_list.list-two dd {
      width: calc(100% - .62rem); } }


.g-stage{
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width: 8.8rem;
  height: auto;
  align-items； flex-start;
  justify-content: space-evenly;
}
.g-stage img{
  width: 2.2rem;
  height: 100%;
  align-items； flex-start;
}
  @media screen and (max-width: 749px) {
.g-stage{
  display: block;
  width: 90%;
 margin: 0 auto;
}
.g-stage img{
  width: 100%;
    }
}

table.psa-table{
  width: 100%;
  text-align: center;
  border: none;
  margin-bottom: .1rem;
}
table.psa-table tr{
  border-bottom: .05rem solid #fff;
}
table.psa-table td{
 background:#d1e9eb;
  padding: .1rem;
  border-right: .05rem solid #fff;
  width:25%;
}
table.psa-table.table-2-20 td{
  width:20%;  
}
table.psa-table td.min{
  width:10%;
}
table.psa-table td.left{
  text-align: left;
}
table.psa-table td.bk-green{
   background:#007b6c;
  color: #fff;
}
table.psa-table td.bk-green2{
   background:#007b6c;
  color: #fff;
}
table.psa-table td.br-none{
  border: none;
}
@media screen and (max-width: 749px) {
table.psa-table{
  font-size: .12rem;
} 
  table.psa-table td{
  padding: .05rem;
  }
}

table.psa-table2{
  width: 100%;
  text-align: center;
  border: none;
  margin-bottom: .1rem;
}
table.psa-table2 tr{
  border-bottom: .05rem solid #fff;
}
table.psa-table2 td{
 background:#d1e9eb;
  padding: .1rem;
  border-right: .05rem solid #fff;
  width:10%;
}
table.psa-table2 td.min{
  width:8%;
}
table.psa-table2 td.left{
  text-align: left;
}
table.psa-table2 td.bk-green{
   background:#007b6c;
  color: #fff;
}
table.psa-table2 td.bk-green2{
   background:#007b6c;
  color: #fff;
}
table.psa-table2 td.br-none{
  border: none;
}
@media screen and (max-width: 749px) {
table.psa-table2{
  font-size: .11rem;
} 
table.psa-table2 td{
  width:5%!important;
  padding: .05rem;
}
  table.psa-table2 td.large{
   width:25%!important;   
  }
  #prostatic-hyperplasia table.psa-table2 td{
    padding: .03rem;  
  }
}

/*-- tab  --*/
.tab-treat{
  display: flex;
  border-bottom: 3px solid #3f7d9f;
  justify-content: space-between;
  align-items: center;
}
.tab-treat.pink-border{
  border-bottom: 3px solid #D85E89;  
}
.tab-treat.treat-end{
  border-top: 3px solid #3f7d9f;
  border-bottom: none;
}
.tab-treat.treat-end.pink-border {
  border-top: 3px solid #D85E89;  
}
.tab-treat.treat-end li{
  border-radius: 0 0 .1rem .1rem;
}
.tab-treat.treat-end a{
  border-radius: 0 0 .1rem .1rem;
}
.tab-treat li{
  width: 100%;
  background: #cecece;
  display: flex;
  justify-content: center;
  border-radius: .1rem .1rem 0 0;
  margin-right: .05rem;
}
.tab-treat li:last-child{
  margin-right: 0;
}
.tab-treat a{
  background: #dcdcdc;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: .7rem;
  text-align: center;
  border-radius: .1rem .1rem 0 0;
  font-weight: 400;
  line-height: 1.4;
  transition: .5s!important;
}
.tab-treat a:hover{
  opacity: 1;
  background:  #3f7d9f;
  color: #fff;
}
.tab-treat a.tab-on , .tab-treat.treat-end a.tab-on{
  background:  #3f7d9f;
  color: #fff;
}
  .tab-treat a.pink.tab-on , .tab-treat a.pink:hover{
  background: #D85E89;    
  }
@media screen and (max-width: 749px) {
 .tab-treat , .tab-treat.treat-end{
  border: none;
  flex-wrap: wrap;
  }
.tab-treat li , .tab-treat.treat-end li{
  width: 48.5%;
  border-radius: .1rem;
  margin-right: 0;
  margin-bottom: .1rem;
  }
.tab-treat a , .tab-treat.treat-end a{
  background: #dcdcdc;
  width: 100%;
  height: auto;
  text-align: center;
  padding: .1rem 0;
  border-radius: .1rem;
  font-size: .12rem;
  transition: .5s!important;
}
.tab-treat a:hover , .tab-treat a.pink:hover{
  background: inherit;
  color: inherit;
}
}
.m-desease-list{
  display: flex;
  flex-wrap: wrap;
}
.m-desease-list li{
  padding: .1rem;
}
.m-desease-list li:before{
  content: "●";
  margin-right: .05rem;
}