/* 全体設定：フォント、帯設定など */
body{ font-size:16px !important; font-family:"Arial","DIN-Regular","ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
a{ color:#333333 !important; }
a:hover{ text-decoration:none; }
a img{ border:0; transition-duration: 0.2s; }
a:hover img{ filter:alpha(opacity=70); opacity:0.7; transition-duration: 0.2s; }
.red{ color:red; }
/* ヘッダー余白の調整 */
#pagebody{ margin: -58px 0 0 0; }
/* 食品ヘッダーリンク */
.fdheadtitle{ font-size:10px; width:1000px; margin:5px auto; }
.fdheadlink{ width:1000px; margin:0 auto; }
.fdheadlink a{ font-size:10px; color:#666; display:block; width:190px; margin:0 30px; float:left; }
.fdheadlink a:hover{ color:#999; text-decoration:none; }
/**** おすすめ植木診断リンク ****/
img.sindan-scale {
    transition-duration: 0.3s;
	
}
img.sindan-scale:hover {
    transform: scale(1.1);
	opacity:0.8;
    transition-duration: 0.3s;
}



/**** 商品ページ ****/
/* 選択肢調整 */
td.floating-cart-options-table{ padding-top: 50px; }
td.floating-cart-options-table span.choice{ background-color: yellow; }
/* キャッチコピー改行 */
.catch_copy{ display:block; margin:0 0 1em; }
/* サムネサイズ整列 */
.rakutenLimitedId_ImageMain1-3 img{ max-width:350px; }
/* 選択肢改行 */
/*.choice{ display:block; }*/
/* 商品説明のスタイル */
.item_table{ width:280px; border-collapse:collapse; margin:5px 0; }
.item_table th, .item_table td{ border:1px solid #CCCCCC; padding:5px; }
.item_table th{ text-align:left; font-weight:normal; background-color:#FFFFEE; max-width:170px; }
.item_span{ color:#FF0000; font-size:20px; display:block; margin:5px 0; }
/* 販売説明文　関連商品スタイル */
.sale_L{ overflow-x:scroll; width:750px; }
.sale_link{ width:750px; background-color:#FFFFEE; padding:15px 0 0; /* box-shadow: 3px 3px 10px rgba(0,0,0,0.4); */ }
.sale_link a{ display:block; width:134px; float:left; margin:15px 5px; }
.sale_link a img{ margin:0 10px 5px; }
.sale_link_title { color:#cc0000; }
.sale_link_more{ width:700px; padding:10px; font-size:120%; font-weight:bold; }
.sale_link_more a{ width:100%; display:inline; float:none; }
.sale_link_price{ font-weight:bold; background-color:#FFFF99; }
/* 着後レビュースタイル */
select{ padding:5px; margin:5px 5px 15px; font-size:16px !important; }
#sortItemPullDown{ padding:0; margin:0; font-size:12px !important; }
/* 植物データ */
table.itemdata{ width:750px; border-collapse: collapse;  background:url(https://www.rakuten.ne.jp/gold/u-kinoka/center/databg2.png) no-repeat right bottom; }
table.itemdata td, table.itemdata th{ border:1px solid #ccc; padding: 5px 15px; font-size:15px; }
table.itemdata{ margin:20px 0 40px 0; }
table.itemdata th{ color:rgb(103, 148, 0); background-color:#ffffee; min-width:150px; }
/* 600画像の注釈 */
.desc600{ position:relative; top:-90px; height:80px; width:590px; background:rgba(0,0,0,0.8); padding:5px; z-index:999; margin-bottom:-90px; color:#FFF; }

/* 多肉item_caution */
.item_caution{ width:620px; background-color:#ffe3e3; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:40px 15px; }
.item_caution span{ color:#EA4F4F; font-size:24px; width:100%; text-align:center; }
/* 雑誌掲載されました */
.zassi-ueki img{ margin:40px 50px 0; }
.zassi-taniku img{ margin:40px 0 0; }




/**** お気に入り登録 ****/
/* お気に入り商品差し替えタグ */
div#rakutenLimitedId_aroundCart a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#rakutenLimitedId_aroundCart #serviceTableSml td.favorite {
padding-top: 5px;
}
#rakutenLimitedId_aroundCart div.bookmarkArea div.bkm {
width: 300px !important;
height:147px !important;
padding: 10px 0px 20px 0px !important;
}
#rakutenLimitedId_aroundCart div.bookmarkArea div.bkm a.addBkm {
width: 300px !important;
height:147px !important;
}
#rakutenLimitedId_aroundCart div.bookmarkArea div.bkm a.addBkm span.bkmStar {
display: inline-block !important;
width: 300px !important;
height:147px !important;
margin:10px 0px 20px 0px !important;
background: url("https://www.rakuten.ne.jp/gold/u-kinoka/center/fav_2_01.jpg") no-repeat !important;
}

/* お気に入りショップ差し替えタグ */
div.bookmarkArea {
width: 300px !important;
}
#rakutenLimitedId_aroundCart div.shopBookmarkArea div.shopBkm {
width: 300px !important;
height:30px !important;
padding: 0px 0px !important;
padding-left: 0px !important;
}
#rakutenLimitedId_aroundCart div.shopBookmarkArea div.shopBkm a.addShopBkm span.shopBkmStar {
display: inline-block !important;
width: 300px !important;
height:30px !important;
margin-right: 0px !important;
background: url("https://www.rakuten.ne.jp/gold/u-kinoka/center/fav_2_03.jpg") no-repeat !important;
}




/**** カテゴリページ ****/
.catlist{ width:710px; padding:0 5px; font-size:12px; }
.catlist a{ background:url(https://www.rakuten.ne.jp/gold/u-kinoka/center/catlinkback.jpg) bottom right; display:block; width:90px; padding:5px 10px 15px 5px; margin:5px; float:left; height:116px; overflow:hidden; text-align:center; font-weight:bold; }
.catlist a img{ max-height:90px; }
.catlink a img{ max-height:90px; }
/* 一覧商品名短縮 */
.category_itemnamelink{ display:block; height:58px; overflow:hidden; }
/* フッター用カテゴリリスト */
.catlist2{ width:710px; padding:0 5px; font-size:12px; }
.catlist2 a{ background:url(https://www.rakuten.ne.jp/gold/u-kinoka/center/catlinkback.jpg) bottom right; display:block; width:70px; padding:5px 10px 15px 5px; margin:5px; float:left; height:86px; overflow:hidden; text-align:center; font-weight:bold; }
.catlist2 a img{ max-height:60px; }
.catlink2 a img{ max-height:60px; }
/* カテゴリページ画像に動き */
#risFil a img{ transition: 0.2s; }
#risFil a img:hover{
		opacity:1;
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-ms-transform: scale(1.3);
		-o-transform: scale(1.3);
		transform: scale(1.3);
}



/**** レフト ****/
/* レフトメニューマウスオーバー等 */
.leftmenu{ font-size:14px; line-height:23px; border:1px solid #85B200; width:198px; }
.leftmenu p{ margin:0; padding:0 0 0 24px; display:block; border-bottom:1px dotted #CCCCCC; background-image:url(https://www.rakuten.ne.jp/gold/u-kinoka/left/leftmenu-space.jpg); background-position:7px 3px; background-repeat:no-repeat; }
p.leftetc{ padding:0 0 0 10px; background:none; }
.leftmenu p a img{ margin:0 5px 0 0; }
.leftmenutitle img{ margin:0 0 3px 0; border-top:1px solid #CCCCCC; }
.leftmenu a:hover img{ filter:alpha(opacity=80); opacity:0.8; }
/* レフトランキング */
.left-rank-h{ width:108px; text-align:center; background-color:#ccc; color:#fff; padding:5px; font-weight:bold; font-size:12px; }
.left-rank{ width:118px; border:1px solid #ccc; }
.left-rank a{ text-align:left; display:block; width:108px; margin:0 5px 20px; font-size:14px; }
.left-rank a img{ max-height:108px; max-width:108px; }
.rank-title, .rank-title-big{ text-align:left; display:block; margin:10px 0 0 5px; font-weight:bold; font-size:13px; color:#CC0000; }
.rank-title span{ font-size:16px; }
.rank-title-big span{ font-size:22px; }
/* レフトサイズ非表示 */
@media screen and (max-width: 1250px){
.left-rank {       display:none;}
}
/* 多肉レフトカレンダー */
.calender{ transition: 0.2s;  }
.calender:hover{
		-webkit-transform: scale(1.6949);
		-moz-transform: scale(1.6949);
		-ms-transform: scale(1.6949);
		-o-transform: scale(1.6949);
		transform: scale(1.6949);
}


/**** ライトスタイル ****/
/* 問い合わせフォーム */
#wrapper{ width:200px; margin:0 auto;} 
#wrapper .caution{ font-size:25px; color:#B22222; font-weight:bold; margin-bottom:5px; padding:0;}
#wrapper .text{ text-align:left; margin:30px; padding:20px; font-size:11px; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC;}/* テキスト */
#wrapper .red{ color:#B22222; font-weight:bold;}
#wrapper .contents ::-webkit-scrollbar{ width: 8px; }
#wrapper .contents ::-webkit-scrollbar-thumb{ border-radius: 5px; background:#CCC;}
#modal{ position:fixed; bottom:43px; right:0px; }/* バナーの位置調整 */
#r1, #r2, #r3{ display: none;}
#modallink{ cursor:pointer; text-decoration:underline; }
#wrapper .buttom{ cursor: pointer; display:block; background:url(https://www.rakuten.ne.jp/gold/u-kinoka/right/contact-right.png) ; width:80px; height:166px; text-indent:-99999px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;  } 
#wrapper .contents { position:fixed !important; position:absolute; top:-1999px; left:50%; text-align:center; width:720px; height:80%; padding:10px; margin-left:-350px;  overflow:hidden; opacity:0; z-index:91; background:#FFF; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
#wrapper .contents img{ width:680px; height:auto;}
#wrapper .incontents { width:100%; height:100%; overflow-y:scroll; padding-right:5px;}
#wrapper .closebuttom{ text-align:right; }
#wrapper .closebuttom span{ cursor: pointer;}
#wrapper .darkscreen { position:fixed !important; position:absolute; width:100%; height:100%; top:-2000px; left:0; background:#000; opacity:0; z-index:-10;}
#r1:checked ~ .contents{ z-index:95; opacity:1; padding:10px; top:10%; left:50%; margin-top:0; margin-left:-350px;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
#r1:checked ~ label .darkscreen{ opacity:0.8; z-index:90;top:0;}
#r3:checked ~ .contents,#r2:checked ~ .contents{ position:fixed !important; position:absolute; top:-999px; left:50%; text-align:center; width:720px; height:800px; padding:10px; margin-left:-350px;  overflow:hidden; opacity:0; z-index:91; background:#FFF; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
#r3:checked ~ label .darkscreen,#r2:checked ~ label .darkscreen{ position:fixed !important; position:absolute; width:100%; height:100%; top:-2000px; left:0; background:#000; opacity:0; z-index:-10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
@media only screen and (max-width: 850px){
#wrapper .contents img{ width:80%; height:auto;}
#r1:checked ~ .contents{ z-index:95; opacity:1; padding:10px; width:80%; top:10%; left:50%; margin-top:0; margin-left:-45%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
#r1:checked ~ label .darkscreen{ opacity:0.8; z-index:90; }
}

/* レビュークーポン */
#modal2{ position:fixed; top:200px; right:0px; }/* バナーの位置調整 */
#wrapper .buttom2{ cursor: pointer; display:block; background:url(https://www.rakuten.ne.jp/gold/u-kinoka/event/rev201604-120.jpg) ; background-size:120px !important; width:120px; height:200px; text-indent:-99999px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;  } 
#a1, #a2, #a3{ display: none;}
#a1:checked ~ .contents{ z-index:95; opacity:1; padding:10px; top:10%; left:50%; margin-top:0; margin-left:-350px;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
#a1:checked ~ label .darkscreen{ opacity:0.8; z-index:90;top:0;}
#a3:checked ~ .contents,#a2:checked ~ .contents{ position:fixed !important; position:absolute; top:-999px; left:50%; text-align:center; width:720px; height:800px; padding:10px; margin-left:-350px;  overflow:hidden; opacity:0; z-index:91; background:#FFF; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
#a3:checked ~ label .darkscreen,#a2:checked ~ label .darkscreen{ position:fixed !important; position:absolute; width:100%; height:100%; top:-2000px; left:0; background:#000; opacity:0; z-index:-10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
@media only screen and (max-width: 850px){
#a1:checked ~ .contents{ z-index:95; opacity:1; padding:10px; width:80%; top:10%; left:50%; margin-top:0; margin-left:-45%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
#a1:checked ~ label .darkscreen{ opacity:0.8; z-index:90; }
}


/**** フッタースタイル ****/
.footer_guide{ width:1000px; font-size:13px; line-height:1.2em; background-color:#FFFFFF; margin:0 auto 20px; }
.footer_guide a{ text-decoration:underline; }
.footer_guide .guide_title{ background-color:#85B200; color:#FFFFFF; padding:5px; text-align:center; font-size:14px; }
.footer_guide .guide{ width:310px; float:left; margin:0 10px 20px 10px; }
.footer_guide .guide .spanh2{ border-bottom:1px solid #111111; margin-bottom:1em; margin-top:1em; font-size:14px; font-weight:bold; display:block; }
.footer_guide .guide .icon img{ max-height:25px; }
.footer_guide .copyright{ padding:5px; text-align:center; font-size:14px; }
/* 季の香へのお問い合わせはこちら */
.line1 { width: 980px; margin-bottom:10px; font-size: 12px; line-height:20px; letter-spacing:1px; box-sizing:border-box; }
.company{ background-color:#F5F5F5; padding:20px; width:100%; text-align:left; margin-bottom:10px; box-sizing:border-box; }
.contact{ float:left; width:45%; margin-bottom:10px; }
.inquiry{ width:70%; margin-bottom:15px; background-color:#85B200; color:#ffffff; text-align:center; border-radius:50px; }
.tel{ color:#85B200; font-size:30px; letter-spacing:3px; font-family:"Arial Black", Gadget, sans-serif; margin-bottom:15px; width:100%; vertical-align:middle; }
.mail{ color:#85B200; font-size:25px; letter-spacing:1px; font-family:"Arial Black", Gadget, sans-serif; width:100%; vertical-align:middle; }
.line1-icon{ width:30px; margin-right:5px; vertical-align:middle; }
a.mail-link{ text-decoration:none; color:#db7004; }
.mail-attention{ text-align:center; width:100%; font-size:11px; clear:both; padding-top:10px; border-top:1px solid #ACACAC; }
.domain{ color:#BF0003; font-weight:bold; }
.workinghour{ float:right; width:55%; margin-bottom:10px; padding-top:5px; }
.working-title{ font-size:15px; color:#85B200; font-weight:bold; }
.workinghour-text{ margin-left:10px; padding-top:5px; }