@charset "UTF-8";
@import url(../../css/rightmenu.css);
/**************************************************/
/* 産地と栽培情報 */
/**************************************************/
#contents .box{max-width:1200px; min-width:980px; width:100%;}
.ctBox p{font-size:14px;}
.ctBox p.menuTitle{line-height:25px;}

/* パンくず */
#bread{width:980px; margin:0 auto;}

/* タイトル */
#pageTitle{margin:0 auto; background:url(../img/pageTitle_bg.jpg) no-repeat; background-size:100%;}
#pageTitle img{margin:0 auto; padding:7.4% 0;}

/* 帯 */
#pageSub{width:100%; color:#FFF; background:#007a66;}
.pageSubBox{width:960px; margin:0 auto; padding:8px 10px;}
.pageSubBox:after{content:''; display:block; clear:both;}
.pageSubBox p{float:left; padding:7px 0; font-size:18px;}
.pageSubBox .search{float:right; width:220px; padding:5px 15px; border-radius:15px; background:#409c8d;}
.pageSubBox .search input[type=image]{display:inline-block; margin-bottom:-2.5px; margin-left:auto; cursor:pointer;}
.pageSubBox input[type=text]{width:195px; color:#FFF; font-size:13px; border:none!important;}
.pageSubBox input[type=text]::-webkit-input-placeholder{color:#FFF; text-decoration:underline;}
.pageSubBox input[type=text]::-moz-placeholder{color:#FFF; text-decoration:underline;}
.pageSubBox input[type=text]:-ms-input-placeholder{color:#FFF; text-decoration:underline;}

/* メイン */
#main{width:980px; margin:0 auto; padding:0; background:#fff4cd;}
#main:after{content:''; display:block; clear:both;}

/* 左コンテンツ */
#leftContents{float:left; width:690px; margin-bottom:0; padding:0 10px 100px;}
.detailBox{display:block; min-height:152px; position:relative; padding:30px 0; background:url(../img/border.png) repeat-x left bottom;}
.detailBox .detailTitle{font-size:18px; width:478px; margin-left:auto; margin-bottom:15px; padding-bottom:10px; background:url(../img/border.png) repeat-x left bottom;}
.detailBox .detailTitle a{text-decoration:none;}
.detailBox .left{display:block; position:absolute; top:30px; padding-right:20px;}
.detailBox .left img{border:1px solid #d2cdc4;}
.detailBox .right{display:block;width:478px; margin-left:auto;}
.detailBox .detailText{color:#007a66; margin-bottom:10px;}
.detailBox .detailText2{}
.detailBox .more{margin:10px 0;}

/* 注意 */
#caution{padding-top:30px; font-size:13px;}

/* ページ遷移 */
#pagemover{display:block; margin-bottom:25px; padding-top:60px; padding-bottom:5px; text-align:center; border-bottom:1px solid #007966; background-image:none;}
#pagemover p{display:inline-block; font-size:16px; text-align:center;}
#pagemover p a{display:inline-block; margin:0 1em;}
#pagemover p b{display:inline-block; margin:0 1em;font-weight:400;color:#999;}
#pagemover #pageno{margin:0 1em;}
#pagemover #pageno span{display:inline-block;margin:0 0.5em;  padding:0 5px; color:#FFF; background:#007966; border-radius:50%; cursor:pointer;}
#pagemover #pageno a{margin:0 0.5em;}
#pagemover #pageno span.dots{color:#333; background:#fff; border-radius:0;}



/* スマホ版最適化 */
#spMode #head,
#spMode #foot{min-width:100%; height:45px;}
#spMode #head .box,
#spMode #foot .box{width:auto;}
#spMode:before{content:none;}
#spMode:after{content:none;}/**/

#spMode{min-width:auto;}

#spMode #contents{min-width:auto;}
#spMode #contents .box{width:auto; max-width:1160px; padding-left:20px; padding-right:20px; overflow:hidden;}

/* タイトル */
#spMode #pageTitle{margin:0!important; background:url(../img/pageTitle_bg.jpg) no-repeat; background-size:100%;}
#spMode #pageTitle img{width:96%; max-width:544px; height:auto; padding:5% 0!important;}

/* 帯 */
#spMode #pageSub{width:100%;}
#spMode .pageSubBox{width:auto; padding:15px 10px;}
#spMode .pageSubBox p{float:none; margin:0!important; padding:0 0 7px;}
#spMode .pageSubBox .search{float:none; width:auto; padding:5px 15px; }
#spMode .pageSubBox .search:after{content:''; display:block; clear:both;}
#spMode .pageSubBox .search img{width:17px; height:auto; margin:-22px 0 7px auto!important;}
#spMode .pageSubBox .search input[type=image]{width:17px; height:auto; margin:0!important; float:right; padding-top:3px;}
#spMode .pageSubBox input[type=text]{width:85%; background:#409c8d;}
#spMode .pageSubBox input[type=text]::-webkit-input-placeholder{color:#FFF!important; text-decoration:underline!important;}
#spMode .pageSubBox input[type=text]::-moz-placeholder{color:#FFF!important; text-decoration:underline!important;}
#spMode .pageSubBox input[type=text]:-ms-input-placeholder{color:#FFF!important; text-decoration:underline!important;}

/* メイン */
#spMode #main{width:100%; position:relative; margin:0 auto; padding:0;}

/* 左コンテンツ */

#spMode #leftContents{float:none; width:auto; margin-bottom:0; padding:0 10px 100px;}
#spMode .detailBox{display:block; padding:30px 0; background:url(../img/border.png) repeat-x left bottom;}
#spMode .detailBox .left{display:block; position:static; padding-right:0; padding-bottom:20px;}
#spMode .detailBox .left a{display:block; border:none!important;}
#spMode .detailBox .left img{width:100%; height:auto; margin:0!important; border:1px solid #d2cdc4!important;}
#spMode .detailBox .right{width:100%; display:block; margin-left:0;}
#spMode .detailBox .detailTitle{font-size:18px; font-weight:bold!important; width:auto; margin:10px 0 15px; padding-bottom:0; background:none; font-family:'Open Sans', sans-serif!important;}
#spMode .detailBox .detailTitle a{border:none!important; text-decoration:none!important;}
#spMode .detailBox .detailText{margin-bottom:10px!important;}
#spMode .detailBox .detailText2{}
#spMode .detailBox .more{margin:10px 0!important;}
#spMode .detailBox .more a{border:none!important;}

/* ページ遷移 */
#spMode #pagemover{display:block; margin-bottom:25px; padding-top:60px; padding-bottom:5px; text-align:center; border-bottom:1px solid #007966; background-image:none;}
#spMode #pagemover p{display:inline-block; font-size:16px; text-align:center;}
#spMode #pagemover p a{display:inline-block; margin:0 0.5em; border:none!important;}
#spMode #pagemover #pageno{margin:0 0.5em;}
#spMode #pagemover #pageno span{display:inline-block;margin:0 0.5em;  padding:0 5px; color:#FFF; background:#007966; border-radius:50%; cursor:pointer;}
#spMode #pagemover #pageno a{margin:0 0.5em;}
#spMode #pagemover #pageno span.dots{color:#333; background:#fff; border-radius:0;}

#spMode #leftContents h5{clear:both;}
#spMode #leftContents:after{content:'';display:block;clear:both;}

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