@charset "Shift_JIS";
/* 共通要素 */
article.article {margin:20px 0 0;}
article.article h2 {display:block;border-top:#cb949a 1px solid;padding:5px 0 8px;color:#fff;font-weight:bold;font-size:14px;text-shadow:-1px -1px #371115;line-height:1.4;text-align:center;
background: #792c35;/* Old browsers */
background: -moz-linear-gradient(top,#792c35 0%,#6a1e27 50%,#5a0f18 100%);/* FF3.6+ */
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#792c35),color-stop(50%,#6a1e27),color-stop(100%,#5a0f18));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#792c35 0%,#6a1e27 50%,#5a0f18 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#792c35 0%,#6a1e27 50%,#5a0f18 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(top,#792c35 0%,#6a1e27 50%,#5a0f18 100%);/* IE10+ */
background: linear-gradient(to bottom,#792c35 0%,#6a1e27 50%,#5a0f18 100%);/* W3C */
box-shadow:1px 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow:1px 2px 2px rgba(0,0,0,0.3);
}
article.article h2 img {margin:0 3px 0 0;vertical-align:bottom;font-size:0;line-height:1;}
/* ボディ */
article#body {margin-top:0;}
/* インフォメーション */
article#information {margin:0 auto;padding:9px 0 0;width:293px;background:url(//img.e87.com/s/index/img/info_bg_t.gif) no-repeat center top;background-size:293px 9px;-webkit-background-size:293px 9px;-moz-background-size:293px 9px;}
article#information ul {background:url(//img.e87.com/s/index/img/info_bg_m.gif) repeat-y;background-size:293px 10px;-webkit-background-size:293px 10px;-moz-background-size:293px 10px;}
article#information ul li {padding:0 0 9px;background:url(//img.e87.com/s/index/img/info_bg_b.gif) no-repeat left bottom;background-size:293px 10px;-webkit-background-size:293px 10px;-moz-background-size:293px 10px;}
article#information div.btn {border:none;border-radius:0;padding:0 0 2px 42px;height:31px;background:url(//img.e87.com/s/index/img/info_btn_bg_close.gif) no-repeat;background-size:293px 31px;-webkit-background-size:293px 31px;-moz-background-size:293px 31px;}
article#information div.btn.open {background:url(//img.e87.com/s/index/img/info_btn_bg_open.gif) no-repeat;background-size:293px 31px;-webkit-background-size:293px 31px;-moz-background-size:293px 31px;}
article#information div.btn .btn_bg {padding:12px 0 0;background:none;color:#fff;text-shadow:-1px -1px #46161f;}
article#information ul li div.content {border:none;border-radius:0;padding:5px 2px 5px 1px;color:#fff;}
article#information ul li div.content h3 {padding:10px 15px 0;background:url(//img.e87.com/s/common/images/dt_h_02.gif) repeat-x;background-size:48px 1px;-webkit-background-size:48px 1px;-moz-background-size:48px 1px;font-weight:bold;}
article#information ul li div.content .txt {padding:5px 15px 0;}
article#information ul li div.content .txt span{font-weight:bold;}
/* 表紙 */
article#cover {}
article#cover div.nav {margin:12px 8px 0;}
article#cover div.nav ul {margin:0 auto;width:309px;}
article#cover div.nav ul li {padding:9px 0 0;width:103px;height:25px;background:url(//img.e87.com/s/index/img/cover_tab_bg.gif) no-repeat;background-size:103px 34px;-webkit-background-size:103px 34px;-moz-background-size:103px 34px;color:#4d3538;font-weight:bold;text-shadow:1px 1px #fff;text-align:center;cursor:pointer;float:left;}
article#cover div.nav ul li.current {background:url(//img.e87.com/s/index/img/cover_tab_bg_ov.gif) no-repeat;background-size:103px 34px;-webkit-background-size:103px 34px;-moz-background-size:103px 34px;color:#fff;text-shadow:none;}
article#cover section.slide {position:relative;border-top:#cd065f 2px solid;width:100%;height:120px;background:#fac8e1;box-shadow:0 5px 5px -5px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 5px 5px -5px rgba(0,0,0,0.5) inset;text-align:center;}
article#cover section.slide .section {display:none;position:absolute;width:100%;left:0;top:8px;}
article#cover section.slide .section p {}
article#cover section.slide .section p img {box-shadow:1px 1px 2px 1px rgba(0,0,0,0.3);-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.3));}
/* オススメバナー */
section.recommend {margin:15px auto 0;width:316px;}
section.recommend ul {padding:0 8px 0 0;}
section.recommend ul li {padding:0 0 0 8px;width:146px;font-size:0;line-height:1;float:left;}
/* ソーシャルボタン */
section.social {margin:15px 0 0;text-align:center;}
section.social ul {}
section.social ul li {display:inline;}
section.social ul li.facebook {padding:0 0 0 11px;}
/* 商品 */
article#item {margin:15px 0 0;}
article#item section.accordion {}
article#item section.accordion ul li div.btn {border-right:none;border-left:none;}
article#item section.accordion ul li:first-child div.btn {-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;}
article#item section.accordion ul li:last-child div.btn {-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;}
article#item section.accordion ul li div.content {border-right:none;border-left:none;}
article#item section.accordion ul li:last-child div.content {border-bottom:none;}
article#item section.accordion ul li.purpose {}
article#item section.accordion ul li.purpose div.content {padding:15px 10px 20px;}
article#item section.accordion ul li.purpose ul {display:table;border:#ccc 1px solid;border-bottom:none;width:100%;}
article#item section.accordion ul li.purpose ul:first-child {border-top-left-radius:4px;border-top-right-radius:4px;}
article#item section.accordion ul li.purpose ul:last-child {border-bottom:#ccc 1px solid;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
article#item section.accordion ul li.purpose ul li {display:table-cell;border-left:#ccc 1px solid;padding:5px 0 6px 6px;width:50%;background:url(//img.e87.com/s/common/images/arw_r_03.png) no-repeat 96.5% 50%;background-size:8px 12px;-webkit-background-size:8px 12px;-moz-background-size:8px 12px;vertical-align:middle;}
article#item section.accordion ul li.purpose ul li:first-child {border-left:none;}
article#item section.accordion ul li.purpose ul li a {display:block;}
article#item section.accordion ul li.purpose ul li p.img {display:table-cell;width:48px;vertical-align:middle;}
article#item section.accordion ul li.purpose ul li p.img img {vertical-align:bottom;}
article#item section.accordion ul li.purpose ul li p.txt {display:table-cell;padding:0 18px 0 0;vertical-align:middle;}
article#item section.accordion ul li.purpose ul li a:link,
article#item section.accordion ul li.purpose ul li a:visited,
article#item section.accordion ul li.purpose ul li a:hover,
article#item section.accordion ul li.purpose ul li a:active {color:#000;text-decoration:none;}
article#item section.accordion ul li.module_bnr div.content {padding-top:7px;}
/* ランキング */
article#ranking {margin:15px 0 0;}
article#ranking h2 {padding:0 0 4px;background:url(//img.e87.com/s/index/img/ranking_h_bg.png) repeat-x;background-size:1px 37px;-webkit-background-size:1px 37px;-moz-background-size:1px 37px;text-align:center;}
article#ranking h2 img {vertical-align:bottom;}
article#ranking div.content ul.tab {margin:5px 0 0;}
article#ranking div.content section.list ul li div.detail p.ico {}
article#ranking div.content section.list ul li div.detail p.ico img {display:block;}
article#ranking div.content section.list ul li div.detail p.name {padding:1px 0 0;color:#e73078;font-weight:bold;}
article#ranking div.content p.btn {margin:12px auto 0;padding:10px 0 8px;width:90%;color:#4d3538;font-weight:bold;text-align:center;
background: -moz-linear-gradient(top,#fff 0%,#f8f8f8 50%,#e5e5e5 50%,#d6d6d6);background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(0.50,#f8f8f8),color-stop(0.50,#e5e5e5),to(#d6d6d6));-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;border: 1px solid #bcbcbc;-moz-box-shadow:0px 1px 1px rgba(000,000,000,0.2),inset 1px 1px #fff;-webkit-box-shadow:0px 1px 1px rgba(000,000,000,0.2),inset 1px 1px #fff;box-shadow:0px 1px 3px rgba(000,000,000,0.3),inset 0px 0px 1px rgba(255,255,255,1);text-shadow:1px 1px #fff;}
article#ranking div.content p.btn a {display:block;padding:0 10px 0 5px;background:url(//img.e87.com/s/common/images/arw_r_03.png) no-repeat 98.5% 50%;background-size:8px 12px;-webkit-background-size:8px 12px;-moz-background-size:8px 12px;}
article#ranking div.content p.btn a:link,article#ranking div.content p.btn a:visited,article#ranking div.content p.btn a:hover,article#ranking div.content p.btn a:active {color:#4d3538;text-decoration:none;}
/* ガーデニング・家庭菜園を楽しむなら */
article#e87class {}
article#e87class h2 {}
article#e87class p.bnr {padding:15px 0 0;text-align:center;}
article#e87class p.txt {margin:0 auto;width:280px;line-height:1.45;}
/* もっとお花を楽しむために */
article#enjoy {}
article#enjoy h2 {}
article#enjoy ul {margin:15px 10px 0;}
article#enjoy ul li {display:table;border:#ccc 1px solid;border-bottom:none;padding:5px 0;width:100%;background:url(//img.e87.com/s/common/images/arw_r_03.png) no-repeat 97% 50%;background-size:8px 12px;-webkit-background-size:8px 12px;-moz-background-size:8px 12px;vertical-align:middle;}
article#enjoy ul li:first-child {border-top-left-radius:4px;border-top-right-radius:4px;}
article#enjoy ul li:last-child {border-bottom:#ccc 1px solid;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
article#enjoy ul li a {display:block;}
article#enjoy ul li a:link,article#enjoy ul li a:visited,article#enjoy ul li a:hover,article#enjoy ul li a:active {color:#e73078;text-decoration:none;}article#enjoy ul li span {display:table-cell;vertical-align:middle;}
article#enjoy ul li span.ico {padding:0 0 0 9px;width:52px;}
article#enjoy ul li span.ico img {display:block;}
article#enjoy ul li span.txt {padding:0 25px 0 0;font-weight:bold;}
article#enjoy ul li span.txt span {display:inline;padding:0;font-size:10px;font-weight:normal;}
/* 選ぶ */
article.select {margin:25px 0 0;}
article.select h2 {padding:2px 0;background:#411204;box-shadow:0px 2px 3px rgba(0,0,0,0.2);color:#fff;font-weight:bold;}
article.select h2 span {display:block;padding:3px 10px 4px;border-top:#af7dbc 1px solid;border-bottom:#af7dbc 1px solid;}
article.select h2 img {margin:0 5px 0 0;vertical-align:bottom;}
article.select div.content {padding-bottom:0;}