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

date:2007/05/01
template-D
---------------------------------------- */

/* 
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: 250px;background: url(https://img.e87.com/care/2023images/index_main.jpg) no-repeat;}
.h1_txt {color: #3b3423;font-size: 37px;font-family: 'Noto Serif JP', serif;padding: 40px 15px 16px;font-weight: 500;border-bottom: 2px solid #3b3423;width: 444px;}
.header_txt {color: #fff;padding: 10px 18px;font-size: 17px;font-weight: 400;}

/* intro
----------------------------------- */
.intro_outer {display: flex;margin: 20px 50px;align-items: center;}
.intro_txt {padding: 15px 20px;font-size: 15px;line-height: 1.8;background: #eae2cf;margin: 0 0 0 45px;position: relative;border-radius: 10px;}
.intro_txt:before {content: "";position: absolute;top: 50%;left: -21px;transform: translateY(-50%);border: 8px solid transparent;border-right: 14px solid #eae2cf;}
span.intro_span {color: #c45d18;font-weight: bold;}

/* flower_navi
----------------------------------- */
.flower_navi_outer {display: flex;flex-wrap: wrap;}
.flower_navi {width: 21%;padding: 10px 2% 20px;}
.flower_navi_pic {text-align: center;}
.flower_navi_pic img {border-radius: 50%;border: 5px solid #c8b689;}
.flower_navi_name {text-align: center;color: #dd4938;font-family: 'Noto Serif JP', serif;font-size: 24px;font-weight: 500;border-bottom: 2px solid #c8b689;padding: 15px 0 7px;}
.flower_navi_name.small {font-size: 22px;letter-spacing: -3px;}
.flower_navi_txt {text-align: center;padding: 8px 0;font-size: 14px;line-height: 1.4;color: #514934;}
.flower_navi_btn {background: #a19371;color: #fff;font-size: 15px;font-weight: bold;padding: 10px 0 9px;text-align: center;}
.arrow {position: relative;}
.arrow::before {content: '';width: 8px;height: 8px;border-top: solid 2px #ffffff;border-right: solid 2px #ffffff;position: absolute;right: 15px;top: 13px;transform: rotate(45deg);transition: .2s;}
.flower_navi a:hover .arrow::before {right: 13px;}
.flower_navi a:hover .flower_navi_btn {opacity: 0.8;}


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