@charset "Shift_JIS";



/* mainArea
----------------------------------- */
body {max-width: 680px;margin: 0;}
header#body_header p#body_header_h {margin: 0!important; border-bottom: none!important;}
.h1_outer { position: relative;}
.h1_pic img {width: 100%;height: auto;}
.h1_txt_outer {position: absolute;top: 0;left: 0;width: 53%;}
.h1_txt {color: #3b3423;font-size: min(6vw, 36px);font-family: 'Noto Serif JP', serif;padding: 12px 6% 3px 2%;font-weight: 500;border-bottom: 1px solid #3b3423;line-height: 1;white-space: nowrap;}
.h1_sub {color: #fde077;padding: 6px 2.5%;font-size: min(2.8vw, 14px);font-weight: 400;line-height: 1.3;white-space: nowrap;}
.h2_txt {color: #fff;font-size: min(7vw, 36px);font-family: 'Noto Serif JP', serif;font-weight: 700;padding: 3px 2.5% 0;line-height: 1.1;white-space: nowrap;}
h2.h2_txt.ar {padding: 3px 2% 0;}
/* flower_btn
----------------------------------- */
.flower_btn_outer {display: flex;margin: 20px 1% 30px;justify-content: space-between;flex-wrap: wrap;}
.flower_btn_outer a, .flower_btn.active {width: 31%;margin: 5px 1%;}
.flower_btn {height: 56px;border: 1px solid #c3cf92;color: #9dae55;font-size: 14px;font-weight: bold;display: flex;justify-content: center;align-items: center;text-align: center;position: relative;line-height: 1.3;}
.flower_btn:after {content: "";position: absolute;bottom: -1px;right: -1px;width: 15px;height: 15px;border: 8px solid #c3cf92;border-right-color: #fff;border-bottom-color: #fff;box-sizing: border-box;}
.flower_btn_outer a:hover{opacity:0.8;}
.flower_btn.active{background: #c3cf92;color: #fff;}
.flower_btn.active:after{display:none}

/* care_column
----------------------------------- */
section.care_column {margin:35px 0;}
.h3_outer {display: flex;margin: 10px 2% 10px;border-bottom: 1px solid;align-items: end;}
.h3_icon {color: #9dae55;font-size: 12px;font-weight: bold;padding-left: 42px;position: relative;line-height: 1.5;width: 70px;}
.h3_icon:before {content: "";position: absolute;width: 39px;height: 39px;left: 0;bottom: -1px;}
.h3_icon.arrival:before { background: url(https://img.e87.com/care/2023images/icon_arrival.png) no-repeat bottom left;background-size: contain;}
.h3_icon.place:before { background: url(https://img.e87.com/care/2023images/icon_place.png) no-repeat bottom left;background-size: contain;}
.h3_icon.hint:before { background: url(https://img.e87.com/care/2023images/icon_hint.png) no-repeat bottom left;background-size: contain;}
.h3_icon.maintenance:before { background: url(https://img.e87.com/care/2023images/icon_maintenance.png) no-repeat bottom left;background-size: contain;}
.h3_icon.transplant:before { background: url(https://img.e87.com/care/2023images/icon_transplant.png) no-repeat bottom left;background-size: contain;}
.h3_icon.water:before { background: url(https://img.e87.com/care/2023images/icon_water.png) no-repeat bottom left;background-size: contain;}
p.h3_icon.transplant { padding-left: 38px;}
.h3_txt {color: #dd4938;font-size: 20px;font-family: 'Noto Serif JP', serif;font-weight: 700;line-height: 25px;}
.h3_txt.small { font-size: 18px; letter-spacing: -1px; white-space: nowrap;}
.column_txt {font-size: 15px;line-height: 1.4;padding: 0 3%;}
.column_pic {text-align: center;padding: 5px;}
.column_pic img {height: auto;}
.column_list {margin: 5px 3% 0;}
.point_icon {background: #dd4938;color: #fff;padding: 0 7px;border-radius: 25px;font-size: 13px;font-weight: bold;margin: 3px 0;text-align: center;width: 4em;}
.list_txt {font-size: 14px;line-height: 1.4;}
.list_txt.small {font-size: 13px;line-height: 1.3;}
.column_list.dashed {margin: 5px 3% 0;border-top: 1px dashed #afa48b;border-bottom: 1px dashed #afa48b;padding: 0 1% 3px;}
.memo_icon {background: #afa48b;color: #fff;padding: 0px 5px;border-radius: 25px;font-size: 13px;font-weight: bold;margin: 5px 0 3px;width: 3.3em;text-align: center;}
.column_dl {font-size: 14px;line-height: 1.6;margin: 3px 3%;}
.hint_ttl {color: #dd4938;font-weight: bold;}
.hint_number {color: #fff;background: #dd4938;display: inline-block;width: 18px;height: 18px;text-align: center;line-height: 18px;border-radius: 50%;margin-right: 5px;font-weight: bold;font-size: 13px;}
.hint_txt {margin-left: 22px;margin-bottom: 3px;line-height: 1.4;}
.page_top p {text-align: right;padding: 5px 10px;font-size: 12px;}


/* --------------------------------
	グローバルナビ
-------------------------------- */

nav#global_nav { margin-top:35px; }

/* --------------------------------
	下部バナー
-------------------------------- */
.bnr{ width:300px; margin:10px auto; }

.top-slider{ background: url(/s/selection/summer/img/index/bg_img.jpg); border-bottom: #FFF 3px dotted;}
.top-slider ul.btns_{clear: both;}

/* 複数商品 */
.bx-viewport{height:100% !important;}
.bx-viewport ul li div{width:46%;float:left;margin:5px;}
.bx-viewport ul li div p.price{font-size: 12px; color:#7b0d0d;}
.top-slider #slide-counter-main01,
.top-slider #slide-counter-main02,
.top-slider #slide-counter-main03,
.top-slider #slide-counter-main04,
.top-slider #slide-counter-main05,
.top-slider #slide-counter-main06{position:absolute;right:10px;bottom:0;font-size:12px;color:#1d170e;}
.top-slider #slide-counter-main01 span,
.top-slider #slide-counter-main02 span,
.top-slider #slide-counter-main03 span,
.top-slider #slide-counter-main04 span,
.top-slider #slide-counter-main05 span,
.top-slider #slide-counter-main06 span{font-size:18.5px;/*カウント文字サイズ*/ font-weight:bold;color:#1d170e;}
.top_grada:after{background:none !important;}
.free_price{text-align:right;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;width:100% !important;}
.bx-wrapper .bx-pager.bx-default-pager a{background: #fff !important;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{background: #000 !important;}

/*コラム*/
.one-link-content{padding: 0 !important;}

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 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 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; }