/* ----------------------------------------
e87.com いいはなドットコム　CSS

date:2007/05/30
maintenance
---------------------------------------- */

/* 
frame
---------------------------------------- */
#contents { width:960px; margin:0 auto; }
#contents a {text-decoration: none!important;}
#contents a:hover img { opacity: 0.8;}

/* 
mainArea
----------------------------------- */
div#contents_0903new {max-width: 960px;margin: 0 auto;}
.header {width: 960px;height: 200px;background: url(https://img.e87.com/care/2023images/flower_main.jpg) no-repeat;}
.header.ar {width: 960px;height: 200px;background: url(https://img.e87.com/care/2023images/flower_main_ar.jpg) no-repeat;}
.header.po {width: 960px;height: 200px;background: url(https://img.e87.com/care/2023images/flower_main_po.jpg) no-repeat;}
.header.bo {width: 960px;height: 200px;background: url(https://img.e87.com/care/2023images/flower_main_bo.jpg) no-repeat;}
.header.fo {width: 960px;height: 200px;background: url(https://img.e87.com/care/2023images/flower_main_fo.jpg) no-repeat;}
.header.pr {width: 960px;height: 200px;background: url(https://img.e87.com/care/2023images/flower_main_pr.jpg) no-repeat;}
.header.dry {width: 960px;height: 200px;background: url(https://img.e87.com/care/2023images/flower_main_dry.jpg) no-repeat;}

.h1_txt {color: #3b3423;font-size: 30px;font-family: 'Noto Serif JP', serif;padding: 30px 5px 5px 20px;font-weight: 500;border-bottom: 2px solid #3b3423;width: 584px;display: flex;}
span.h1_sub {color: #fde077;font-size: 14px;font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;padding-left: 10px;line-height: 24px;}
.header_txt {color: #fff;padding: 8px 20px;font-weight: 500;font-size: 38px;font-family: 'Noto Serif JP', serif;}
.header_txt.space {letter-spacing: 4px;}

.flower_btn_outer {display: flex;margin: 20px 0 60px;justify-content: space-between;}
.flower_btn {width: 145px;height: 50px;border: 1px solid #c3cf92;color: #9dae55;font-size: 15px;font-weight: bold;display: flex;justify-content: center;align-items: center;text-align: center;position: relative;}
.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: 50px 0;}
.h2_outer {display: flex;margin: 40px 20px 10px;border-bottom: 1px solid;}
.h2_icon {color: #9dae55;font-size: 13px;font-weight: bold;padding-left: 48px;position: relative;line-height: 20px;width: 95px;}
.h2_icon:before {content: "";position: absolute;width: 45px;height: 45px;left: 0;bottom: -1px;}
.h2_icon.arrival:before { background: url(https://img.e87.com/care/2023images/icon_arrival.png) no-repeat bottom left;background-size: contain;}
.h2_icon.place:before { background: url(https://img.e87.com/care/2023images/icon_place.png) no-repeat bottom left;background-size: contain;}
.h2_icon.hint:before { background: url(https://img.e87.com/care/2023images/icon_hint.png) no-repeat bottom left;background-size: contain;}
.h2_icon.maintenance:before { background: url(https://img.e87.com/care/2023images/icon_maintenance.png) no-repeat bottom left;background-size: contain;}
.h2_icon.transplant:before { background: url(https://img.e87.com/care/2023images/icon_transplant.png) no-repeat bottom left;background-size: contain;}
.h2_icon.water:before { background: url(https://img.e87.com/care/2023images/icon_water.png) no-repeat bottom left;background-size: contain;}
.h2_txt {color: #dd4938;font-size: 20px;font-family: 'Noto Serif JP', serif;font-weight: 700;padding-bottom: 6px;}
.column_txt {margin-left: 165px;font-size: 14px;line-height: 1.7;}
.column_list {display: flex;flex-wrap: wrap;margin: 0 0 5px 165px;align-items: baseline;}
.column_list.follow { margin-bottom: 0;}
li.point_icon {background: #dd4938;color: #fff;padding: 2px 7px;border-radius: 25px;font-size: 14px;font-weight: bold;margin: 7px 10px 0 0;}
.list_txt {width: 664px;font-size: 14px;line-height: 1.5;}
.list_txt.small {width: 664px;font-size: 13px;line-height: 1.5;}

.memo_icon {background: #afa48b;color: #fff;padding: 2px 7px;border-radius: 25px;font-size: 13px;font-weight: bold;margin: 7px 10px 0 0;}
.list_txt.dashed{font-size: 13px;line-height: 1.5;border-top: 1px dashed #afa48b;padding: 3px 0;border-bottom: 1px dashed #afa48b;width: 495px;margin-right: 210px;margin-top: 6px;}
.column_dl {margin-left: 165px;font-size: 14px;line-height: 1.6;margin-top: 5px;}
.hint_ttl {color: #dd4938;font-weight: bold;}
.hint_number {color: #fff;background: #dd4938;display: inline-block;width: 20px;height: 20px;text-align: center;line-height: 22px;border-radius: 50%;margin-right: 10px;font-weight: bold;font-size: 13px;}
.hint_txt {margin-left: 30px;margin-bottom: 3px;}

/* 画像付き
----------------------------------- */
section.care_column.arrange_pic1 {position: relative;min-height: 170px;}
section.care_column.arrange_pic1:after {content: "";background: url(https://img.e87.com/care/images/photo_arr01.gif) no-repeat;width: 160px;height: 160px;position: absolute;top: 30px;right: 20px;}
section.care_column.arrange_pic2 {position: relative;}
section.care_column.arrange_pic2:after {content: "";background: url(https://img.e87.com/care/images/photo_bou01.gif) no-repeat;width: 160px;height: 160px;position: absolute;top: 35px;right: 20px;}
section.care_column.pot_pic1 {position: relative;}
section.care_column.pot_pic1:after {content: "";background: url(https://img.e87.com/care/images/photo_pot01.gif) no-repeat;width: 160px;height: 160px;position: absolute;top: 35px;right: 20px;}
section.care_column.pot_pic2{position: relative;min-height: 170px;}
section.care_column.pot_pic2:after {content: "";background: url(https://img.e87.com/care/images/photo_pot02.gif) no-repeat;width: 160px;height: 160px;position: absolute;top: 60px;right: 20px;}
section.care_column.bouquet_pic1{position: relative;min-height: 170px;}
section.care_column.bouquet_pic1:after {content: "";background: url(https://img.e87.com/care/images/photo_bou01.gif) no-repeat;width: 160px;height: 160px;position: absolute;top: 35px;right: 20px;}
section.care_column.bouquet_pic2{position: relative;min-height: 170px;}
section.care_column.bouquet_pic2:after {content: "";background: url(https://img.e87.com/care/images/photo_bou02.gif) no-repeat;width: 160px;height: 160px;position: absolute;top: 35px;right: 20px;}
section.care_column.preserved_pic1{position: relative;min-height: 160px;}
section.care_column.preserved_pic1:after {content: "";background: url(https://img.e87.com/care/images/photo_pre01.gif) no-repeat;width: 160px;height: 160px;position: absolute;top: 35px;right: 20px;}
section.care_column.preserved_pic2{position: relative;min-height: 170px;}
section.care_column.preserved_pic2:after {content: "";background: url(https://img.e87.com/care/images/photo_pre02.gif) no-repeat;width: 160px;height: 160px;position: absolute;top: 35px;right: 20px;}
section.care_column.foliage_pic1{position: relative;min-height: 170px;}
section.care_column.foliage_pic1:after {content: "";background: url(https://img.e87.com/care/images/photo_fo01.gif) no-repeat;width: 160px;height: 160px;position: absolute;top: 35px;right: 20px;}
section.care_column.dry_pic1{position: relative;min-height: 160px;}
section.care_column.dry_pic1:after {content: "";background: url(https://img.e87.com/care/images/photo_dry01.gif) no-repeat;width: 160px;height: 160px;position: absolute;top: 35px;right: 20px;}


/* 
bottomArea
----------------------------------- */
#contents .pagetop p {float: right; padding-bottom: 20px;}
#contents .pagetop { width:930px; text-align:right; margin:25px 0; }
#contents .allow { color:#ca417d; font-size:85%; }