@charset "euc-jp";

*{font-size:14px;}
/*clearfix*/
.cf:before, .cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

.rerative{
    position:relative;
}
.absolute{
    position:absolute;
}

.wid100per{width:100%}
.wid90per{width:90%}
.wid80per{width:80%}
.wid70per{width:70%}
.wid60per{width:60%}
.wid50per{width:50%}
.wid40per{width:40%}
.wid30per{width:30%}
.wid20per{width:20%}
.wid10per{width:10%}

.mar_auto{margin:0 auto;}
.marT50{margin-top:50px;}
.marT40{margin-top:40px;}
.marT30{margin-top:30px;}
.marT20{margin-top:20px;}
.marT10{margin-top:10px;}
.marT5{margin-top:5px;}

.marB50{margin-bottom:50px;}
.marB40{margin-bottom:40px;}
.marB30{margin-bottom:30px;}
.marB20{margin-bottom:20px;}
.marB10{margin-bottom:10px;}


.caption_size{font-size:12px; line-height:1.5em !important;}
.align_l{text-align:left !important;}
.align_r{text-align:right;}
.align_c{text-align:center;}
.flt_l{float:left !important;}
.flt_r{float:right !important;}

.green{color:#3e7c39;}
.bgGreen{background-color:#3e7c39 !important; color:#fff;}
.red{color:#cd2828;}
.bgRed{background-color:#cd2828 !important; color:#fff;}
.blue{color:#11538b;}
.bgBlue{background-color:#11538b !important; color:#fff;}
.orange{color:#f0902c;}
.bgOrange{background-color:#f0902c !important; color:#fff;}
.ocher{color:#e2b43a;}
.bgOcher{background-color:#e2b43a !important; color:#fff;}

.dull_red{color:#c42;}
.brown{color:#630;}

.comment{ font-size:.9em; }

#title{ margin-bottom:30px; }
div.block{ margin-bottom:50px;}
.special_page h2{
    margin:.3em 0; font-size:2rem; font-weight:bold; border:none;
}
.special_page h3{
    margin:.3em 0; font-size:1.8rem; font-weight:bold; border:none;
}
.go_button{ 
    margin:50px 0 20px; text-align:center; cursor: pointer; display:block; width:100%; text-align: center; 
}

.kadomaruMidashi{ border-radius:4px; color:#fff; font-weight:bold; } 
.kadomaruMidashi-inline{ display:inline-block; padding:0 10px; border-radius:4px; color:#fff; font-weight:bold; }

section{ margin-bottom:50px; }
#SiteOriginalBox{ width:760px }
/***********************************************************************/

.ListHeader{ display:flex; flex-wrap:wrap; align-items: center;}
.ListHeader .txt::before{
    content:""; display:inline-block; backgroud-color:#ccc; color:#fff; margin-right:5px;
    width:1.5rem; height:1.5rem;
}
.ListHeader.colorKh .txt::before{ background-color:#e2b43a; }

.uk-container{ padding-left:0; padding-right:0; }
.uk-badge{ margin-right:3px; }
.uk-badge.SQ{ border-radius:0; font-size:110%; }


/***********************************************************************/

.topRead{ width:90%; margin:0 auto; padding:12px 20px; border:2px solid #afafaf; border-radius:10px;  }

.bugsCardBlock{ display:flex; flex-wrap:wrap;}
.bugsCard h3{
    width:100%; padding:10px; borderradius:5px; background-color:#3f98f3; color:#fff;
    font-size:2rem; font-weight:bold; margin-bottom:12px; position:relative;
}
.bugsCard.diseaseCard h3{ background-color:#f83051; }
.bugsCard h3 .sub{ line-height:1.8rem !important; margin:5px 0; }
.bugsCard h3 .sub .zokusei,.bugsCard h3 .sub .gakumei{
    display:inline-block; width:100%; font-size:1.2rem; line-height:1.8rem !important;
}
.bugsCard h3 .sub .gakumei{ font-family:serif; font-style:oblique; }
.bugsCard:first-of-type{ order:1; }
.bugsCard:nth-of-type(2){ order:2; }
.bugsCard:nth-of-type(3){ order:3; }
.bugsCard:nth-of-type(4){ order:4; }
.bugsCard:nth-of-type(5){ order:5; }
.bugsCard:nth-of-type(6){ order:6; }
.bugsCard:nth-of-type(7){ order:7; }
.bugsCard:nth-of-type(8){ order:8; }
.bugsCard:nth-of-type(9){ order:9; }
.bugsCard:nth-of-type(10){ order:10; }

.bugsCard .bugsPict img{
    object-fit: cover; font-family: object-fit: contain; width:100%; height:100%;
}
.bugsCard .target{ color:#fff; font-size:1.2rem; margin-top:0; }
.bugsCard{ order:0; width:100%;}
.bugsCard .cardInner{ 
    width:100%; height:auto; background-color:#fff; margin-right:none;
}
.bugsCard .bugsCase{display:flex; padding:0 15px 15px; }
.bugsCard .bugsCase .caseLeft{ margin:0 auto; }
.bugsCard .bugsCase dl{ width:100%; }
.bugsCard h3{
    width:100%; padding:10px; borderradius:5px; background-color:#3f98f3; 
    font-size:2rem; font-weight:bold; margin-bottom:12px; position:relative;
}
.closeMark{
    position:absolute; top:4px; right:4px;display:block; width:25px; height:25px; z-index:2;
    cursor:pointer;
}
.closeMark::before, .closeMark::after{
    content:''; position:absolute; right:5px; top:12px; display:block; width:20px; height:3px; background-color:#fff; z-index:5; cursor:pointer;
}
.closeMark::before{ transform:rotate(45deg); }
.closeMark::after{ transform:rotate(-45deg); }
.bugsCard h3 .sub{ font-size;1.2rem; font-weight:normal; display:inline-block; margin-left:10px; margin-top:0; margin-bottom:0;}
.bugsCard h3 .sub .zokusei,.bugsCard h3 .sub .gakumei{ width:auto; margin-left:10px; }
.bugsCard .bugsData{ display:block; padding-left:12px; }
.bugsCard .bugsData > div{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #ccc;}
.bugsCard dt{ color:#aaa; font-size:1.6rem; }
.bugsCard dd{ position:relative; padding-left:15px; text-align:left;}
.bugsCard dd::before{
    position:absolute; top:4px; left:0; content:""; width:14px; height:14px; 
    background-color:#5e982c; border-radius:50%;
}
.bugsCard dd.noMark{ padding-left:0; }
.bugsCard dd.noMark::before{ display:none; }
.bugsCard .bugsPict{ width:260px; height:auto; border-radius:3px;}
.bugsPict img{ width:100%; }
.bugsCard .pictCaption{ display:block; }
.bugsCard .yakuzai{ display:block; width:260px; margin-top:10px; padding:8px 15px; 
    border:2px solid #ccc; border-radius:6px; background-color:#f6f6f6; }
.bugsCard .yakuzai dd::before{ border-radius:0; background-color:#cf7a40; }
.bugsCard .yakuzai dd.noMark::before{ content:none; }

.ClickandView{ 
    background-color:#ef7910; color:#fff; padding:0 6px; display:inline-block; 
    border-radius:3px; margin-bottom:10px;
}

.bottomNotes{
    margin-top:20px; padding:20px 0; 
    border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; 
}

/*モダール*/
#contWrapper{  }
.popupArea{ position:relative; }
/* モーダルウィンドウのスタイル */
#contWrapper .modal{
    position:absolute; width:100%; height:100%; top:0; left:0; display:none;
    margin:0; background:none; border:0; box-shadow:none;
}
#contWrapper .overLay{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,.5); z-index:10; border-width:0;}
/* モーダルウィンドウの中身のスタイル */
#contWrapper .modal .inner{ position:absolute; z-index:11; top:50%; left:50%; transform:translate(-50%,-50%); background-color:#fff; width:92%; border:1px solid #999;} 




/*イメージマップ*/
.imagemapPict img{ height:670px; }


/*埋め草*/
#umekusaZone{ display:flex; }
.umekusa{ width:300px; height:670px; position:relative; margin-left:15px; }
#umekusa01, #umekusa02{ position:absolute; width:300px; }
#umekusa01{ top:72px; }
#umekusa02{ bottom:250px; }
.umekusa .img{ position:absolute; z-index:5; }
#umekusa01 .img{ top:72px; left:25%; }
#umekusa02 .img{ bottom:0x; left:15%; }
.umekusa .comment{
    padding:25px; background-color:#ccc; border-radius:10px; font-size:1.6rem;
    position:absolute;
}
.umekusa .comment::before, .umekusa .comment::after{
    content:''; display:block; width:50px; height:50px; border-radius:50%;
    position:absolute; z-index: -1; left:50px; bottom:-20px;
}
#umekusa01 .comment, #umekusa01 .comment::before{ background-color:#fce3fc; }
.umekusa .comment::after{ background-color:#fff; left:65px; }
#umekusa02 .comment, #umekusa02 .comment::before{ background-color:#d5f2f8; bottom:-20px; }
#umekusa02 .comment::after{ background-color:#fff; }


/*参考表リンク*/
.moreReference{ 
    width:100%; margin:10px 0; padding:7px 10px; border:2px solid #3e7c39; border-radius:10px;
    background-color:#e9fae5; 
}
.moreReference ul{ display:flex; }
.moreReference ul li, .moreReference ul li a{ margin:3px; font-size:1.6rem; }