@charset "Shift_JIS"; 
/* とっておきのバラ特集 */
body { max-width: 680px;}
#rose_ { font-size: 12px; line-height: 1.8; }
#rose_ img { max-width: 100%; }
#rose_ #breadcrumbs { padding: 0 10px 10px 10px; }
#rose_ .visual_ { margin: 10px; line-height: 0; }
#rose_ .top_comment_ { margin: 0 10px 10px 10px; }
#rose_ h2 { margin-top: 20px; color: #fff; font-size: 14px; font-weight: bold; padding: 9px 0 8px 18px; background: #a13d4b url(//img.e87.com/s/selection/img/rose/ttl_h2.png) no-repeat left bottom; background-size: 48px 35px; -moz-background-size: 48px 35px; -webkit-background-size: 48px 35px; }
#rose_ .contents_box_ { background: #faf4f6; padding-bottom: 20px; }
#rose_ .contents_box_.rose_select_ { background: #faf4f6 url(//img.e87.com/s/selection/img/rose/bg_rose_select.jpg) no-repeat right bottom; background-size: 175px 183px; -moz-background-size: 175px 183px; -webkit-background-size: 175px 183px; }
#rose_ .contents_box_ .contents_comment_ { padding: 10px; border-bottom: 1px solid #b0b0b0; }
#rose_ .contents_box_ .item_main_ { overflow: hidden; padding: 10px; border-bottom: 1px solid #b0b0b0; }
#rose_ .contents_box_ .item_main_ dl dt { float: left; width: 45%; margin-right: 5%; }
#rose_ .contents_box_ .item_main_ dl .img_ a { display: block; line-height: 0; }
#rose_ .contents_box_ .item_main_ dl dd { float: right; width: 50%; }
#rose_ .contents_box_ .item_main_ dl .comment_ { color: #401f1f; font-size: 10px; margin-top: 3px; }
#rose_ .contents_box_ .item_main_ dl .name_ { color: #705252; margin-top: 3px; }
#rose_ .contents_box_ .item_main_ dl .name_ a { color: #705252; text-decoration: none; }
#rose_ .contents_box_ .item_main_ dl .price_ { color: #401f1f; margin-top: 3px; }
#rose_ .contents_box_ .item_main_ dl .price_ span,
#rose_ .contents_box_ .item_main_ dl .send_ span { font-size: 10px; margin-left: 3px; }
#rose_ .contents_box_ .item_line_ { display:flex;width: 100%; margin-top: 10px; margin-right: 10px; }
#rose_ .contents_box_ .item_line_:not(.classic) { justify-content:center;}
#rose_ .contents_box_ .item_line_.classic { padding:0 10px;box-sizing: border-box;}
#rose_ .contents_box_ .item_line_.last_ { width: 50%; }
#rose_ .contents_box_ .item_line_ dl { width: 30vw; float: left; margin-left: 6px; }
#rose_ .contents_box_ .item_line_ dl:first-child { margin-left: 0; }
#rose_ .contents_box_ .item_line_ dl .img_ a { display: block; line-height: 0; }
#rose_ .contents_box_ .item_line_ dl .name_ { color: #705252; margin-top: 3px; }
#rose_ .contents_box_ .item_line_ dl .name_ a { color: #705252; text-decoration: none; }
#rose_ .flower_time { padding: 20px 10px; }
#rose_ .flower_time .banner_ { line-height: 0; margin-bottom: 10px; }
#rose_ .flower_time .item_line_ { width: 100%; display: box; display: -moz-box; display: -webkit-box; margin-top: 10px; }
#rose_ .flower_time .item_line_ dl { width: 100%; box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; margin-right: 8px; }
#rose_ .flower_time .item_line_ dl:last-child { margin-right: 0; }
#rose_ .flower_time .item_line_ dl .img_ a { display: block; line-height: 0; }
#rose_ .flower_time .item_line_ dl .name_ { color: #705252; margin-top: 3px; }
#rose_ .flower_time .item_line_ dl .name_ a { color: #705252; text-decoration: none; }
#rose_ .btn_all { margin-top: 20px; background: #401f1f; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#rose_ .contents_box_ .btn_all { margin: 20px 10px 0 10px; ; }
#rose_ .btn_all a { display: block; color: #fff; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; padding: 12px 0; }
#rose_ .style_select_ { text-align: center; padding: 10px 10px 20px 10px; }
#rose_ .style_select_ select { width: 100%; padding: 10px; }
#rose_ .rose_feature_ { width: 100%; display: box; display: -moz-box; display: -webkit-box; margin: 10px 0 20px 0; }
#rose_ .rose_feature_ li { width: 100%; box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; margin-left: 10px; }
#rose_ .rose_feature_ li:last-child { margin-right: 10px; }
#rose_ .rose_column_ { padding: 10px; }
#rose_ .rose_column_ ul { width: 100%; display: box; display: -moz-box; display: -webkit-box; margin: 10px 0 0 0; }
#rose_ .rose_column_ ul.last_ { width: 49%; }
#rose_ .rose_column_ ul li { width: 100%; box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; margin-right: 10px; border: 1px solid #b0b0b0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#rose_ .rose_column_ li:last-child { margin-right: 0; }
#rose_ .rose_column_ ul li a { display: block; color: #705252; line-height: 14px; text-decoration: none; padding: 5px 10px; background: url(//img.e87.com/s/selection/img/rose/right_arrow.png) no-repeat 94% center; background-size: 3px 5px; -moz-background-size: 3px 5px; -webkit-background-size: 3px 5px; }
#rose_ .rose_column_ ul li a span { display: table-cell; vertical-align: middle; height: 28px; }
#rose_ .rose_column_ ul.rose_column_banner_ { margin: 20px 0 0 0; }
#rose_ .rose_column_ ul.rose_column_banner_ li { border: none; }
#rose_ .rose_column_ ul.rose_column_banner_ li a { padding: 0; }
#rose_ .style{padding: 3% 3% 0;}
/* #rose_ .style div{ border-bottom: #bb7d86 1px solid;} */
#rose_ .style dl{ float: left; width: 50%;text-align: center;}
/* #rose_ .style dl:first-child{ border-right:#bb7d86 1px solid;} */
#rose_ .style dt{ float: left; width: 40%; max-width: 100px; }
#rose_ .style dd{ float: left; width: 55%; margin:15px 0 0 5px;}

/* ranking
------------------------------ */
.area_rank{margin: 8% 0 6%;position:relative;}
.rank_box dl dt {font-size: 36px;color: #fff;line-height: 42px;text-align: center;position: absolute;width: 28px;height: 28px;background: #cdcdcd;border-radius: 50%;text-align: center;top: 2px;left: 2px;z-index: 1;}
.rank_box dl dt span{font-family: "Times New Roman";line-height: 1;font-size: 26px;position: absolute;/* line-height: 36px; */top: 50%;left: 50%;transform: translate(-50%, -50%);color: #3c3c3c;}
.rank_box dl dd.item_img {font-size: 13px;color: #333;}
.rank_box dl dd.item_img img {border: 1px solid #F49F4D;}
section#ranking {clear:both;overflow:hidden;}
.rank_box {display: block;width: 97%;overflow-x: auto;white-space: nowrap;overflow-scrolling: touch;-webkit-overflow-scrolling: touch;margin: 6% 0 6% 3%;}
.rank_box dl {width: 140px;margin: 0 1% 1em;display: inline-block;vertical-align: top;position:relative;}
.rank_box dl dd.item_name {font-weight: bold;color: #333333;padding-top: 5px;padding-bottom:0;white-space: break-spaces;font-size: 97%;line-height: 1.6;display: -webkit-box!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.rank_box dl dd.price {color: #333333;font-size: 11px;font-family: 'M PLUS Rounded 1c', sans-serif;}
/* .rank_box dd.price { display: none;} */
.rank_box dl dt._gold {
    background: #b09669;
}
.rank_box dl dt._gold span{
    color:#401f1f;
}
.rank_box dl dt._silver {
    background: #9f9a93;
}
.rank_box dl dt._silver span{
    color:#401f1f;
}
.rank_box dl dt._bronze {
    background: #8d5e0d;
}
.rank_box dl dt._bronze span{
    color:#401f1f;
}

.rank_box dl dd div {
    font-size: 16px;
    color: #401f1f;
    line-height: unset;
    text-align: left;
    position: static;
    width: unset;
    height: unset;
    background: none;
    border-radius: unset;
    z-index: 1;
    margin-bottom: 0;
    top:0;
    left:0;
    margin-bottom: 2px;
}

.rank_box dl dd div span{
    font-family: 'Noto Serif JP', serif;
    display: block;
    font-size: 16px;
    line-height: 1;
}

.rank_box dl dd div._gold {background:none;position:relative;padding-left:1.45em;}
.rank_box dl div._gold::before {
    content: '';
    background: url(//img.e87.com/img/icon/icon_rank_no1.gif) no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.rank_box dl dd div._gold span{color:#401f1f;}
.rank_box dl dd div._silver {background:none;position:relative;padding-left:1.45em;}
.rank_box dl div._silver::before {
    content: '';
    background: url(//img.e87.com/img/icon/icon_rank_no2.gif) no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.rank_box dl dd div._silver span{color:#401f1f;}
.rank_box dl dd div._bronze {background:none;position:relative;padding-left:1.45em;}
.rank_box dl div._bronze::before {
    content: '';
    background: url(//img.e87.com/img/icon/icon_rank_no3.gif) no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.rank_box dl dd div._bronze span{color:#401f1f;}

.rank_box_other dl dd div span {
    font-family: 'Noto Serif JP', serif;
    display: block;
    font-size: 16px;
}