@charset "Shift_JIS"; 
/* --------------------------------------------------------------------
フリーページ　用途で選ぶ
--------------------------------------------------------------------- */
#style_ { margin-bottom: 50px; }
#style_ .visual_ { margin-bottom: 20px;position:relative; }
#style_ .visual_ p._lead{position: absolute;left: 20px;bottom: 20px;color: #73625c;font-size: 14px;line-height: 1.7;font-weight: 600;}
#style_ .genre_link_ {  width: 960px; margin: 0 0 10px 0; display: flex; justify-content: space-between; }
#style_ .genre_link_ li { width: 312px;}
#style_ .genre_link_ li a{color:#ca748f;display: flex;justify-content: space-between;border: 1px solid #cccccc;border-radius: 8px;padding: 8px;text-align: center;}
#style_ .genre_link_ li a:hover{text-decoration: none;opacity: 0.8;}
#style_ .genre_link_ li div.style_inner_img{width:125px;}
#style_ .genre_link_ li div.style_inner_text{width: 155px;display: flex;flex-direction: column;justify-content: space-between;}
#style_ .genre_link_ li div.style_inner_text div._adjust_wp{height:100%;position:relative;}
#style_ .genre_link_ li div.style_inner_text p{font-family: 'Kaisei Opti', serif;font-weight: 500;font-size: 24px;line-height: 1.1;letter-spacing: -1px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
#style_ .genre_link_ li div.style_inner_text p._adjust_ls._adjust_ls{letter-spacing:-2px;}
#style_ .genre_link_ li div.style_inner_text span{color:#73625c;font-size: 14px;padding-top: 10px;text-align: center;line-height: 1.5;background-image: linear-gradient(to right, #ccc 2px, transparent 2px);background-size: 10px 2px;background-repeat: repeat-x;background-position: left top;}
#style_ .genre_link_ li div.style_inner_img img{width:100%;}

/* --------------------------------------------------------------------
column_04
--------------------------------------------------------------------- */
#style_ .genre_link_._column_04 li { width: 230px;}
#style_ .genre_link_._column_04 li div.style_inner_img{width:110px;}
#style_ .genre_link_._column_04 li div.style_inner_text{width: 95px;}
#style_ .genre_link_._column_04 li div.style_inner_text p{
    font-size: 20px;}
/* --------------------------------------------------------------------
ex
--------------------------------------------------------------------- */
#style_ .genre_link_._column_04 li:last-child a{padding: 6px 0;display: block;height: 100%;box-sizing: border-box;background: url(//img.e87.com/flower/2022images/ex_icon02.gif) no-repeat 10px bottom;}
#style_ .genre_link_ li div.style_inner_ex dl{line-height: 1;}
#style_ .genre_link_ li div.style_inner_ex dl dt{font-size: 18px;color: #176a60;font-family: 'M PLUS 1p', sans-serif;font-weight: 500;transform: rotate( 0.03deg);padding-left: 20px;background: url(//img.e87.com/flower/2022images/ex_icon01.gif) no-repeat 10px 0;}
#style_ .genre_link_ li div.style_inner_ex dl dt span._adjust_fs{font-size: 24px;}
#style_ .genre_link_ li div.style_inner_ex dl dd._catch{font-family: 'M PLUS 1p', sans-serif;transform: rotate( 0.03deg);font-size: 24px;background: #7fcfc5;padding: 4px 0;color: #fff;font-weight: 500;letter-spacing: 1px;text-align: center;margin: 6px 0 3px;}
#style_ .genre_link_ li div.style_inner_ex dl dd._title{font-size: 30px;font-family: 'Kaisei Opti', serif;letter-spacing: -1px;color: #ee5353;font-weight: 500;}

#style_ h2 { font: 28px/180% bold;border-top: 1px solid #a27e54;border-bottom: 1px solid #a27e54;text-align: center;font-weight: 500;position:relative;line-height: 1;padding: 4px 0 7px;margin-top:65px;}
#style_ h2::before{content: '';background: url(//img.e87.com/flower/2022images/rank_icon.gif) no-repeat left top;position: absolute;top: -16px;left: 50%;width: 25px;height: 15px;transform: translateX(-50%);background-size: 100%;}
#style_ h2 a {font-family: 'Kaisei Opti', serif;display: block; text-decoration:none; color:#a27e54; }
#style_ .contents_box_ {padding: 20px 0 20px 20px; background: #faf4f6;}
#style_ .contents_box_ .inner_ { overflow: hidden; width: 940px; }
#style_ .contents_box_ dl { float: left; width: 160px; margin-right: 20px; padding-top: 25px; }
#style_ .contents_box_ dl.rank1 { width: 200px; background:url(//img.e87.com/flower/images/NO1.png) no-repeat center top; }
#style_ .contents_box_ dl.rank2 { background:url(//img.e87.com/flower/images/NO2.png) no-repeat center top; }
#style_ .contents_box_ dl.rank3 { background:url(//img.e87.com/flower/images/NO3.png) no-repeat center top; }
#style_ .contents_box_ dl.rank4 { background:url(//img.e87.com/flower/images/NO4.png) no-repeat center top; }
#style_ .contents_box_ dl.rank5 { background:url(//img.e87.com/flower/images/NO5.png) no-repeat center top; }
#style_ .contents_box_ .comment_ { font-size: 10px; margin: 10px 0px 5px 0px; }
#style_ .contents_box_ .name_ { margin: 0px 0px 10px 0px; line-height: 180%; font-weight: bold; }
#style_ .contents_box_ .price_ { font-size: 12px; padding: 10px 0px 10px 0px; border-top: 1px dotted #d9d9db; border-bottom: 1px dotted #d9d9db; }
#style_ .contents_box_ .price_ .normal_ { font-size: 12px; color: #a99f9f; text-decoration: line-through; }
#style_ .contents_box_ .price_ .small_ { color: #e73232; font-size: 12px; padding: 5px 0px 0px 25px; font-weight: bold; display: block; }
#style_ .contents_box_ span span { font-size: 10px; }
#style_ .contents_box_ .link_area_ { overflow: hidden; padding-top: 20px; }
#style_ .contents_box_ .link_area_ ul { overflow: hidden; float: left; }
#style_ .contents_box_ .link_area_ li { float: left; margin-right: 10px; }
#style_ .contents_box_ .link_area_ li a { display: table-cell; vertical-align: middle; width: 88px; height: 48px; padding-left: 30px; background: #fff url(//img.e87.com/flower/images/right_arrow.png) no-repeat 10px center; border: 1px solid #e5ddda; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#style_ .contents_box_ .link_area_ p { float: left; padding-right: 20px; background:#401f1f; border-radius:5px; padding:15px; min-width:240px; text-align:center; }
#style_ .contents_box_ .link_area_ p a:link,
#style_ .contents_box_ .link_area_ p a:hover,
#style_ .contents_box_ .link_area_ p a:visited{ color:#FFFFFF; font-weight:bold; }
#style_ .contents_box_ .link_area_ p.d_all_btn { float:none; padding-right: 20px; background:#401f1f; border-radius:5px; padding:15px; width:300px; text-align:center; margin:0 auto; }
.price {font-size: 86%;}

#style_ h3 {font: 23px/180% bold;position:relative;border-bottom: 1px solid #ccc;}
#style_ h3::before{content: "";position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border: 10px solid transparent;border-top: 16px solid #ccc;z-index: 1;}
#style_ h3::after{content: "";position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border: 8px solid transparent;border-top: 15px solid #fff;z-index: 1;}
#style_ h3 a { font-family: 'Kaisei Opti', serif;display: block; text-decoration:none; color:#ac4566;text-align: center;}
#style_ .contents_line_ { overflow: hidden; width: 990px; margin:40px 0;}
#style_ .contents_line_:last-child {margin-bottom: 90px;}
#style_ .contents_box2_ { float: left; width: 465px; margin-right: 30px; }
#style_ .contents_box2_ .inner_ { position: relative; overflow: hidden; padding: 20px 0 60px 20px; background: #faf4f6; }
#style_ .contents_box2_ dl { float: left; width: 135px; margin-right: 10px; }
#style_ .contents_box2_ .name_ { margin: 10px 0px 10px 0px; line-height: 180%; font-weight: bold; }
#style_ .contents_box2_ .link_area_ { position: absolute; right: 100px; bottom: 20px; }
#style_ .contents_box2_ .link_area_ p { padding-right: 20px; background:#401f1f; border-radius:5px; padding:15px; min-width:240px; text-align:center; }
#style_ .contents_box2_ .link_area_ p a:link,
#style_ .contents_box2_ .link_area_ p a:hover,
#style_ .contents_box2_ .link_area_ p a:visited{ color:#FFFFFF; font-weight:bold; }
/* --------------------------------------------------------------------
color
--------------------------------------------------------------------- */
#style_ .contents_color ul.color_list{display: flex;flex-wrap: wrap;}
#style_ .contents_color ul.color_list li{width:25%;margin-top: 35px;}
#style_ .contents_color ul.color_list li a{font-family: 'Kaisei Opti', serif;font-size:24px;width: 150px;height: 150px;display: block;border-radius: 50%;background: #ff9999;text-align: center;color: #fff;background: #ff9999 url(//img.e87.com/flower/2022images/color_icon.png) no-repeat 28px 95px;padding-top: 25px;box-sizing: border-box;margin: 0 auto;text-decoration: none;}
#style_ .contents_color ul.color_list li a:hover{opacity: 0.8;}
#style_ .contents_color ul.color_list li._pink a{background: #e698da url(//img.e87.com/flower/2022images/color_icon.png) no-repeat 28px 95px;}
#style_ .contents_color ul.color_list li._yellow a{background: #e6d784 url(//img.e87.com/flower/2022images/color_icon.png) no-repeat 28px 95px;}
#style_ .contents_color ul.color_list li._orange a{background: #f7bf92 url(//img.e87.com/flower/2022images/color_icon.png) no-repeat 28px 95px;}
#style_ .contents_color ul.color_list li._white a{background: #cfc9b8 url(//img.e87.com/flower/2022images/color_icon.png) no-repeat 28px 95px;}
#style_ .contents_color ul.color_list li._purple a{background: #ad95dd url(//img.e87.com/flower/2022images/color_icon.png) no-repeat 28px 95px;}
#style_ .contents_color ul.color_list li._blue a{background: #95b4dd url(//img.e87.com/flower/2022images/color_icon.png) no-repeat 28px 95px;}
#style_ .contents_color ul.color_list li._green a{background: #95ca91 url(//img.e87.com/flower/2022images/color_icon.png) no-repeat 28px 95px;}
#style_ .contents_color ul.color_list li a span{font-family: 'Great Vibes', cursive;display: block;font-size:30px;margin-bottom: 15px;}

/* -----------------------------------------------------------
 #other
----------------------------------------------------------- */

div.pagetop {clear:both;color:#73625c;font-size:13px;padding: 25px 2px 10px 0;text-align:right; }
div.pagetop p{ float:right; }
div.pagetop span.allow{color:#a27e54;}
div.pagetop a{text-decoration: none;}