@charset "UTF-8";
/* ---------------------------------------------------------------- */

.sidebarOff .switchingSidebar{ display:none; }
.sidebarOff div#main{ width:100% !important; }



#boujo_wrapper h3.title{ 
    height:auto; 
    margin:10px 0 30px;  padding:15px 0 20px; font-size:1.8em; text-align:left; 
    border-bottom:2px dotted #78c43c; font-weight:bold; line-height:;
    text-shadow: 3px 0 2px #fff, 0 3px 2px #fff, -3px 0 2px #fff, 0 -3px 2px #fff;
    background-image: url(../images/topbg.png); background-repeat: no-repeat;
    background-position: left 550px center;
    background-color:#fff;
    color:#78c43c;
}
#boujo_wrapper h3 span{ font-size:14px; font-weight:normal; color:#333; }
#boujo_wrapper h3 p.thumbnail{ width:150px; }
#boujo_wrapper h3 p.thumbnail > img{ width:100%; }
#boujo_wrapper h3 .subTitle{  line-height:20px; font-weight:normal; font-size:15px; color:#333; }
#boujo_wrapper h3{ }
section.first_step, section.second_step
{ width:100%; border-bottom:1px solid #d1e1bb;}
section.first_step{margin-bottom:40px; padding:0 0 40px; }
#boujo_wrapper h4.tabTitle{
    width:100%; margin-bottom:15px; font-size:20px; font-weight:bold; text-align: center;
}
#boujo_wrapper h4.tabTitle span{ font-size:14px; font-weight:normal; }
section.first_step{ display:flex; }
#main{ position:relative; }
.tabBox .switchBtn{  }
.tabBox #btnSetsumei{ width:300px; text-align: center; position:absolute; top:20px; right:0; }
.tabBox label{
    display:inline-block; width:300px; border:1px solid #666; 
    font-size:18px; text-align: center; padding:2px;
}
.tabBox label{ background-color:#cfcfcf; transition:.2s }
.tabBox label:hover{ color:yellow; cursor:pointer;}
.tabBox label#forBefore{ position:absolute; top:45px; right:0;}
.tabBox label#forAfter{ position:absolute; top:78px; right:0;}
.tabBox input{ display:none !important; }
.tabBox input:checked + label{ background-color:red; color:#fff; }
.tabBox input:checked + label.tabSwitch::before{
    content:""; display:block; width:1px; height:1px; border:8px solid transparent; 
    position:absolute; top:4px; left:-18px; border-left-color:#ff6045; border-left-width:12px;
}

#forwardTab label, #followTab label{ border-right-width:0; }
#uetsukemae + label, #killVirus + label, #kunen + label{ border-right-width:1px; }
.tabBox input#before:checked ~ div#forwardTab,
.tabBox input#after:checked ~ div#followTab{ display:flex; flex-wrap: wrap; justify-content: center; }

div#forwardTab,div#followTab{ display:none;}

.tabBox #forwardTab label,
.tabBox #followTab label{ width:220px; }

#followTab .second_step{ display:none; }
#forwardTab input#dojo:checked ~ #dojoTab{ display:flex; }
#forwardTab input#hashu:checked ~ #hashuTab{ display:flex; }
#forwardTab input#uetsukemae:checked ~ #uetsukemaeTab{ display:flex; }
#dojoTab,#hashuTab,#uetsukemaeTab{ flex-wrap: wrap; }

#followTab input#killBug:checked ~ #killBugTab{ display:flex; }
#followTab input#killVirus:checked ~ #killVirusTab{ display:flex; }
#followTab input#kunen:checked ~ #kunenTab{ display:flex; }
#killBugTab,#killVirusTab,#kunenTab{flex-wrap:wrap; width:100%;}

.hyoujichu{ width:100%; margin-bottom:5px; text-align: center; font-size:1.6rem; font-weight:bold;  }

.zone{ display:flex; flex-wrap: wrap; justify-content: space-between; width:100%; }
.zone.twoCont li{ width:49.5%; }
.zone.twoCont li div{
    width:100%; padding:10px; 
    border:1px solid #999; border-radius:3px; background-color:#eef6dd;
}
.zone.twoCont li div.kaisetsu{ 
    padding:5px; font-size:1.3rem !important; line-height:18px !important;
    background-color:#fdfdfd; }
.zone.threeCont li{
    width:32.5%; 
}
.zone.threeCont li div { width:100%; padding:10px; 
    border:1px solid #999; border-radius:3px; background-color:#eef6dd
}
.zone.fourCont{ width:100%;  }
.zone.fourCont li{ width:24%; margin-bottom:10px; }
.zone.fourCont li div{
    width:100%; padding:10px; 
    border:1px solid #999; border-radius:3px; background-color:#eef6dd;
}
.zone li.zoneTitle{
    text-align: center; width:100%; background-color:#ff9800; margin:0 0 10px; padding:3px 5px; 
}
.zone li.zoneTitle h4{ font-size:18px; font-weight:bold; }
.zone li p{ text-align: center; }
.zone li .kaisetsu{ background-color:#fff !important; }
.zone li .kaisetsu p{ text-align: left; }
.zone li  p.strong{ text-align: center; }
.zone .drugName{
    font-size:18px; font-weight:bold; text-align:center; background-color:#4b9700;
    color:#fff; padding:3px;
}
.zone span.head{ font-weight: bold; font-size:125%; }
.zone .taisho, .zone .youho{ padding:3px 0; }
.zone .taisho{ border-bottom:1px dotted #666; font-weight:bold; }

.zone .seibun::before{
    display:block; content:'系統・コード'; text-align:center; 
    color:#595; font-weight:normal; font-size:12px; line-height:16px;
}   

.zone .taisho::before{
    display:block; content:'適用病・害虫・雑草'; text-align:center; 
    color:#595; font-weight:normal; font-size:12px; line-height:16px;
}
.zone .youho::before{
    display:block; content:'処理量・処理法'; text-align:center; 
    color:#595; font-weight:normal; font-size:12px; line-height:16px;
}
.zone .kishaku::before{
    display:block; content:'希釈倍数'; text-align:center; 
    color:#595; font-weight:normal; font-size:12px; line-height:16px;
}

.second_step{ padding:15px 0 40px; }
.second_step .kishaku::before{
    display:inline-block; content:'希釈倍数'; margin-right:5px; text-align:center; 
    color:#595; font-weight:normal; font-size:12px; line-height:16px;
}
.second_step .kaisu::before{
    display:inline-block; content:'収穫前日数/回数'; margin-right:5px; text-align:center; 
    color:#595; font-weight:normal; font-size:12px;
}

.second_step ul.seiiku-block{
    width:calc(100% - 40px); display:flex; justify-content:flex-start; flex-wrap: wrap; 
}
.second_step ul.seiiku-block li{
    width:184px; margin-left:8px; 
    border:1px solid #999;
    
    padding:6px;
    background-color:#eef6dd;
    border-radius:3px;
}
.second_step div.cell_inner{
    vertical-align: middle;
    color:#333;
    text-align: center;
}
.second_step ul.seiiku-block li a.nolink div.cell_inner{
    background-color:#eee; color:#333;
}
.second_step ul.seiiku-block .syousai{ padding:3px 0; }
.second_step .zone .drugName{ font-size:16px; }
.second_step ul.seiiku-block li a{ color:#333; text-decoration:none; }
.second_step ul.seiiku-block li a:hover div.cell_inner{ background-color:#ebb021; }
.second_step ul.seiiku-block li a:hover div.cell_inner *{ color:#fff; text-decoration:none; }
.second_step ul.seiiku-block li a.nolink:hover div.cell_inner{ background-color:#eee; }
.second_step ul.seiiku-block li a.nolink:hover div.cell_inner p{ color:#333; text-decoration:none; }
.second_step ul.seiiku-block li a.nolink:hover div.cell_inner p.name{ color:#fff; }
.second_step ul.seiiku-block li a.nolink:hover div.cell_inner p.seibun{ color:#61a03f; }

.second_step .tekiyou-block{
    display:flex; justify-content: space-between; margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #d1e1bb;
}
.second_step .tekiyou-block .table_head{
   -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-align: center;
    width:40px; background-color:#ff9800; margin:0; padding:0 6px; 
}
.second_step .tekiyou-block .table_head.doubleLine{
    padding:0; line-height:1.9rem; 
}
.second_step .tekiyou-block h4{ font-size:16px; font-weight:bold; }

.nolink p.pesticide_name, .nolink p.name{ background-color:#9a9 !important; }
.second_step p.seibun{ 
    font-size:.85em; line-height:18px;
}

.bottomKaisetsu{
    width:100%;  padding:15px 10px; background-color:#f6f6f6;
    border-radius:5px; border:1px solid #ccc;
}
.bottomKaisetsu p{ margin-bottom:10px; padding-left:1.5rem; position:relative; }
.bottomKaisetsu p::before{ content:'▪'; position:absolute; left:0; }
.bottomKaisetsu p:last-child{ margin-bottom:0; }

ul.open-b{ display:flex; flex-wrap:wrap; justify-content: flex-start; }
ul.open-b > li{ width:auto; margin-right:6px; }
ul.open-b > li:nth-child(3n){ margin-right:0; }

/*.nolink{ background-color: #ffe !important; }*/
a.go-buy_btn{
    margin:10px auto 0; text-align:center; display:block; width:200px;
    background-color:#f2bd3f; border-radius:5px; font-size:1em; font-weight:normal;
    line-height:1.8em; color:#333; box-shadow: 0 3px 0 #d5a337;
}
.second_step a.go-buy_btn{ width:150px; }
table a.go-buy_btn{ width:97%; margin:6px auto; }

.honpodeha{
    text-align: center; margin:15px auto 0; padding:5px; border:1px solid #aaa; width:70%;
}

section.second_step a.go-buy_btn{ margin-top:3px; }
a.go-buy_btn:active{ box-shadow: 0 1px 0 #d5a337; transform: translate(0, 2px);}

p.cap{ margin-top:8px; font-size:.8em; line-height:1.2em; }

.bottomTable{ width:100%; }
.bottomTable th, .bottomTable td{ border:1px solid #999; padding:2px 5px; }
.bottomTable th{ border-bottom:3px solid #999; text-align: center; background-color:#fff;}



/*汎用*/
.transition-05{ transition: all 300ms 0s ease; }
.strong{ font-weight:bold; font-size:1.2em; }
.bold{ font-weight:bold; font-size:1em; }
.inline{ display:inline-block; }
p.indent{ position:relative; padding-left:1.2em; }
p.indent span.head{ position: absolute; display:inline-block; top:0; left:0; font-weight:bold; }


/*ul.open-b.even{ justify-content: center; }*/
ul.open-b.center{ justify-content: center; }
.go_button{
	margin-top:20px !important;
	text-align:center;
}
.noBr{ white-space: nowrap; }