@charset "UTF-8";
/**************************************************/
/* ページ個別CSS */
/**************************************************/

/* 種苗事業部トップ */
#contents .box{width:100%;max-width:1200px;}
#main.top{width:100%;padding-left:0px;}

.ctBox{margin:0px 10px;box-sizing:border-box;}

#sub{display:none;}

#pageTitle{margin-bottom:0px;position:relative;overflow:hidden;}
#pageTitle h2{margin-bottom:0px;position:absolute;left:50%;top:50%;z-index:2;transform: translate(-50%,-50%);}
#pageTitle h2 img{display:block;width:100%;height:auto;}

/* メインビジュアル */
#visualSlider{position:relative;z-index:1;}

/* スライダー */
.slider{width:100%;height:auto;padding:0px;margin:0px auto;position:relative;z-index:1;background-color:#a5ae8a;}
.slider .su-image-carousel-item-content{margin:0 !important;}
.slider .su-image-carousel-item-content img{padding:0 !important; border:0 !important; border-radius:0 !important; background:none !important; cursor:default;}

.metaslider{margin:20px auto !important;}

.itemSample{position:absolute;left:0px;top:0px;width:100%;height:auto;background-color:#CCC;z-index:1;}
.itemSample img{width:100%;height:auto;display:block;}

.itemGroup{position:absolute;left:0px;top:0px;width:1180px;display:none;z-index:2;}
.itemGroup ul{width:100%;}
.itemGroup ul:after{content:'';display:block;width:100%;height:0px;clear:both;}
.itemGroup li{width:1180px;height:auto;background-color:#a5ae8a;}
.itemGroup img{width:100%;height:auto;display:block;}

.slideClone img{width:100%;height:auto;display:block;}
.slideClone1{width:1180px;height:auto;position:absolute;top:0px;right:100%;}
.slideClone2{width:1180px;height:auto;position:absolute;top:0px;left:100%;}

/* スクリプト有効時 */
.scriptOn .itemGroup{display:block;}
.scriptOn .itemGroup li{display:block;float:left;}
.scriptOn .itemSample{visibility:hidden;}

.scriptOn .privilegeMarker{display:block;width:100%;height:10px;text-align:center;position:absolute;bottom:24px;left:0px;z-index:3;}

/* 特典 */
.privilegeBox{position:absolute;top:95px;width:322px;height:400px;background:url(../img/privilegeBox.png) repeat center top;z-index:3;}

.privilegeText{padding:30px;}
.privilegeText p{color:#000;font-size:16px;line-height:24px;}
.privilegeText p.notes{font-size:13px;line-height:24px;}

.privilegeMarker{display:none;text-align:center;}
.privilegeMarker ul{display:inline-block;margin:0px auto;}
.privilegeMarker li{display:inline-block;width:10px;height:10px;border:1px solid #FFF;background-color:#FFF;border-radius:6px;margin:0px 5px;}

/* スライダー1 */
#visualSlider{position:relative;overflow:hidden;height:auto;margin:0px auto;}
#visualSlider .liquidBox{position:relative;z-index:1;}
#visualSlider .itemSample,
#visualSlider .itemGroup{}
#visualSlider .privilegeBox{}
#visualSlider .privilegeMarker li{}
#visualSlider .privilegeMarker li.selected{background-color:#da5d00;}
#visualSlider.scriptOn{height:auto;}

/* 商品紹介 */
#products{}
#products ul{width:100%;height:100%;position:relative;}
#products li{width:50%;height:100%;box-sizing:border-box;border:1px solid #d2cdc4;}
#products li#products1{position:relative;border-right:0px;z-index:2;}
#products li#products2{position:absolute;right:0px;top:0px;z-index:1;}
#products a{width:100%;height:100%;display:block;}
#products img{display:block;width:100%;height:auto;}

/* おすすめ */
#recommend{overflow:hidden;}

#recommendHead{background-color:#007a66;text-align:center;padding:19px 0px;}
#recommendHead img{margin:0px auto;}

#recommend ul{border:1px solid #d2cdc4;border-left:0px;background-color:#FFF;position:relative;overflow:hidden;width:;}
#recommend ul:after{content:'';display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:1;}
#recommend li{width:20%;background-color:#FFF;box-sizing:border-box;border-left:1px solid #d2cdc4;float:left;position:relative;z-index:2;}
#recommend li:before{content:'';display:block;position:absolute;right:-1px;top:0px;height:100%;width:0px;border-right:1px solid #d2cdc4;}
#recommend li div{width:100%;padding:30px 0px 10px;}
#recommend li div h4,
#recommend li div p{text-align:center;padding:0px 10px;}
#recommend li div p.thumbnail{width:80%;max-width:200px;height:0px;margin:0px auto;padding:0px;border-radius:100px;overflow:hidden;position:relative;z-index:2;padding-top:80%;}
#recommend li div p.thumbnail img{display:block;position:absolute;left:-17%;top:0px;z-index:1;width:134%;height:auto;}
#recommend li div h4{color:#027965;font-size:18px;font-weight:normal;line-height:26px;margin:15px auto 10px;}
#recommend li div p{color:#F60;font-size:14px;line-height:20px;}
#recommend a{width:100%;height:100%;display:block;}
#recommend a:hover{background-color:#dbefe5;text-decoration:none;}

/* 栽培 */
#cultivation{background-color:#39899f;position:relative;height:230px;overflow:hidden;clear:both;}
#cultivation:after{content:'';display:block;width:100%;height:100%;position:absolute;left:50%;top:0px;z-index:1;margin-left:-60px;background:#68bc04 url(../img/cultivationBg.gif) no-repeat;}

.cultivationBox{width:51.7%;height:230px;position:absolute;top:0px;;z-index:2;}
.cultivationBox h3{width:390px;margin:0px auto;padding:39px 0px 25px;}
.cultivationBox p{color:#FFF;font-size:14px;line-height:20px;text-align:left;width:260px;margin:0px auto;}

#cultivationBox1{left:0px;}
#cultivationBox2{right:0px;}

/* 病害データベース */
#database{height:265px;background:url(../img/databaseBg.jpg) no-repeat center center;}

.databaseBox{width:455px;margin:0px auto;padding:80px 0px 0px 515px;position:relative;}

#databaseHead{width:420px;position:absolute;left:0px;top:80px;}
#databaseHead h3{margin-bottom:30px;}
#databaseHead p{width:410px;margin-left:30px;color:#000;font-size:14px;font-weight:bold;line-height:20px;text-align:left;}

#databaseSelect{}
#databaseSelect:after{content:'';display:block;width:100%;height:0px;clear:both;}
#databaseSelect p{width:215px;height:50px;position:relative;background-color:#FFF;}
#databaseSelect p span{display:block;position:absolute;left:0px;top:0px;width:185px;height:20px;padding:15px;text-align:left;z-index:1;}
#databaseSelect select{width:100%;height:100%;opacity:0;position:relative;z-index:2;}

#databaseSelect1{float:left;}

#databaseSelect2{float:right;}

#textfield{width:375px;height:20px;line-height:20px;padding:15px;margin:0px;border:0px;background-color:#FFF;clear:both;}

#databaseSearch{position:relative;margin:15px 0px 0px;padding-right:50px;}
#databaseSearch p{position:absolute;right:0px;top:0px;}
#databaseSearch img{display:block;}

/* 各地研究レポート */
#report{height:240px;background:url(../img/reportBg.jpg) no-repeat center center;}

.reportBox{width:270px;margin:0px auto;padding:100px 0px 0px 690px;position:relative;}

#reportHead{width:645px;position:absolute;left:0px;top:100px;}
#reportHead h3{width:268px;float:left;}
#reportHead p{width:350px;float:right;color:#000;font-size:14px;font-weight:bold;line-height:20px;text-align:left;padding:5px 0px;}

/* バナー */
#banner{width:980px;margin:0px auto;padding:40px 0px 60px;}
#banner ul:after{content:'';display:block;width:100%;height:0px;clear:both;}
#banner li{width:310px;height:60px;}

#banner li.bannerLeft{float:left;margin-right:25px;}
#banner li.bannerCenter{float:left;}
#banner li.bannerRight{float:right;}

/* スマホ版最適化 */

#spMode .ctBox{margin:0px;}
#spMode .ctBox li{list-style:none;margin:0px;}
#spMode .ctBox form{background-color:transparent;padding:0px;}

/* メインビジュアル */
#spMode #pageTitle{margin:0px;}
#spMode #pageTitle h2{margin-top:0px;}
#spMode .itemGroup ul{margin:0px;}
#spMode .privilegeMarker li{width:5px;height:5px;border:1px solid #FFF;background-color:#FFF;border-radius:3px;margin:0px 2px;}
#spMode .scriptOn .privilegeMarker{bottom:20px;}

/* 商品紹介 */
#spMode #products ul{margin:0px;border-top:1px solid #d2cdc4;}
#spMode #products li{width:auto;border:1px solid #d2cdc4;border-top:0px;}
#spMode #products li#products1{position:static;border-right:1px solid #d2cdc4;}
#spMode #products li#products2{position:static;right:auto;top:auto;}
#spMode #products a{width:100%;height:100%;display:block;}
#spMode #products img{margin:0px;}

/* おすすめ */
#spMode #recommendHead{padding:10px 0px;margin:0px auto;}
#spMode #recommendHead img{margin:0px auto;width:100px;height:auto;}
#spMode #recommend ul{width:auto;border:0px;border-top:1px solid #d2cdc4;margin:0px;min-height:inherit;}
#spMode #recommend ul:after{display:none;}
#spMode #recommend li{width:100%;border:1px solid #d2cdc4;border-top:0px;float:none;min-height:95px;}
#spMode #recommend li div{padding:10px 0px 10px;position:relative;width:auto;padding-left:100px;}
#spMode #recommend li div h4,
#spMode #recommend li div p{text-align:left;padding:0px 10px;font-size:13px;line-height:16px;}
#spMode #recommend li div p.thumbnail{width:75px;padding:75px 0px 0px;position:absolute;left:10px;top:10px;}
#spMode #recommend li div p.thumbnail img{max-width:100px;margin:0px;left:-12.5%;}
#spMode #recommend li div h4{margin:0px auto 10px;font-size:15px;line-height:20px;}
#spMode #recommend a{min-height:inherit;height:auto;}
#spMode #recommend a:hover{background-color:transparent;}

/* 栽培 */
#spMode #cultivation{position:relative;height:auto;overflow:hidden;clear:both;}
#spMode #cultivation:after{display:none;}
#spMode .cultivationBox{width:auto;height:auto;position:static;top:auto;;z-index:2;padding:20px;}
#spMode .cultivationBox h3{width:100%;max-width:390px;margin:0px auto 10px;padding:0px;}
#spMode .cultivationBox h3 img{margin:0px auto;}
#spMode .cultivationBox p{color:#FFF;font-size:14px;line-height:20px;text-align:left;width:auto;margin:0px auto;}
#spMode #cultivationBox1{left:auto;}
#spMode #cultivationBox2{right:auto;background-color:#68bc04;}

/* 病害データベース */
#spMode #database{height:auto;padding:20px;background-size:cover;}
#spMode .databaseBox{width:100%;margin:0px auto;padding:0px;}
#spMode #databaseHead{width:100%;position:static;left:auto;top:auto;}
#spMode #databaseHead h3{width:100%;max-width:344px;margin:0px auto 10px 0px;}
#spMode #databaseHead h3 img{margin:0px;}
#spMode #databaseHead p{width:auto;margin-left:0px;}
#spMode #databaseSelect{}
#spMode #databaseSelect p{width:100%;margin-bottom:15px;}
#spMode #databaseSelect p span{}
#spMode #databaseSelect select{width:100%;height:50px;display:block;line-height:50px;}
#spMode #databaseSelect1{float:none;}
#spMode #databaseSelect2{float:none;}
#spMode #textfield{width:100%;height:auto;box-sizing:border-box;margin:0px;}
#spMode #databaseSearch{margin:0px;}

/* 各地研究レポート */
#spMode #report{height:auto;padding:20px;background-size:cover;}
#spMode .reportBox{width:100%;padding:0px;}
#spMode #reportHead{width:auto;position:static;left:auto;top:auto;}
#spMode #reportHead h3{width:77.9%;max-width:268px;float:none;margin:0px auto 15px 0px;}
#spMode #reportHead h3 img{width:100%;height:auto;margin:0px;}
#spMode #reportHead p{width:auto;float:none;}
#spMode #databaseSelect{margin-top:5px;}
#spMode #reportList img{width:100%;height:auto;max-width:270px;margin:0px auto;}

/* バナー */
#spMode #banner{width:100%;padding:20px 0px 0px;}
#spMode #banner ul{margin:0px;}
#spMode #banner li{width:100%;height:auto;padding-bottom:20px;}
#spMode #banner a{max-width:310px;display:block;margin:0px auto;}
#spMode #banner img{margin:0px;}

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