@charset "shift_jis"; 

:root {--white: #fff;--black: #555;--gray: #707F89;--light-gray: #f0f0f0;--dark-gray: #3B4043;--blue: #004bb1;--font-weight-bold: 700;}
.contents {width: 960px;margin: 0 auto !important;line-height: 1.5;}
main {color: var(--black);font-size: 16px;width: 960px;margin: auto;letter-spacing: 2px;display: flex;flex-direction: column;align-items: center;}
main ul,main li,main dl,main dd,main dt {padding: 0!important;margin: 0;box-sizing: border-box;}
main h1,main h2,main h3,main h4 {text-align: center;}
main div,main p,main span {box-sizing: border-box;}
main p {font-size: 16px;line-height: 1.7;text-align: center;}
main a,main a:visited {text-decoration: none!important;cursor: pointer!important;transition:0.2s;}
main a:hover {opacity: 0.8;text-decoration: none;cursor: pointer!important;}
main section {width: 100%;margin-bottom: 24px;}
main h2,main h3 {font-size: 24px!important;font-weight: bold;margin-bottom:16px;}
main .heading_main {font-family: serif;text-align: center;background: url(//img.e87.com/selection/spring/2025images/spring_title_bg.png) center top / auto no-repeat;padding-bottom: 3rem;}
.mv {margin-bottom: 60px;}
.l-spring {padding:0 40px;margin-bottom: 0;align-items: center;box-sizing: border-box;}
.lead {font-size: 18px;margin: 1em 0;text-align: left;}
.heading_bg {flex-direction: column;margin-bottom: 0;text-align: center;position:relative;margin: 72px 0 32px;z-index: 0;}
.heading_bg::before {content: '';background: url(//img.e87.com/selection/spring/2025images/spring_bg_image01.png) top center / contain no-repeat;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 600px;height: 410px;z-index: -1;}
.heading_common_sub{position:relative;text-align: left;padding-bottom:0.5em;padding-left: 1.5em;}
.heading_common_sub::after{content:'';background: url(//img.e87.com/selection/spring/2025images/heading_line_bg.png) no-repeat;position:absolute;left:0;bottom:0;width:450px;height:29px;}

.area_contents{margin:72px 0;}
.spring-caption h1 {font-size: 28px;background: url(//img.e87.com/selection/spring/2025images/spring_text_line.png) bottom center / auto no-repeat;background: linear-gradient(transparent 60%, rgba(104, 224, 15, 0.5) 60%);display: inline-block;width: 52%;position: relative;z-index: 0;line-height: 1.2;}
.spring-caption h2 {padding-bottom: 1rem;		}
.spring-caption div {padding: 1.5em 0 3rem;position: relative;z-index: 0;}
.spring-caption p {font-size: 16px;}
.spring-lead {margin-bottom: 30px;}
.spring-lead ul {display: flex;}
.spring-sakuramomo-link {display: flex;flex-direction: column;gap: 20px;margin-top: 20px;}
.spring-link {width: 640px;display: block;margin: auto;text-align: center;background: #F8BEC4;border: 1px solid #E0ACB2;border-radius: 7px;font-size: 18px;font-weight: bold;padding: 15px 0;font-family: sans-serif;text-decoration: none;color: var(--black);}
.spring-bnr {display: flex;justify-content: center;gap: 20px;margin-top: 20px;width:50%;margin: 0 auto;}
.spring-bnr a {width: 240px;font-size: 16px;display: flex;flex-direction: column;align-items: center;gap: 1rem;}
.spring-bnr span {display: inline-block;position: relative;}
.spring-bnr span::after {content: "";position: absolute;margin: auto;top: 0;bottom: 0;right: -2rem;width: 8px;height: 8px;border-top: 2px solid #555555;border-right: 2px solid #555555;transform: rotate(45deg);transition: 0.2s;}
.spring-bnr a:hover span::after {right: -2.5rem;}
.spring-sakuramomo {background: #FCF0F0 url(//img.e87.com/selection/spring/2025images/spring_sakuramomo_bg.jpg) top center / contain no-repeat;padding-bottom: 60px;}
.spring-sakuramomo .spring-main {background: url(//img.e87.com/selection/spring/2025images/spring_sakuramomo_lead.jpg) top center / cover no-repeat;}
.spring-main {width: 750px;height: 250px;display: flex;align-items: center;padding-left: 2rem;box-shadow: 9px 10px 18px 0px rgba(204, 128, 128, 0.16);}
.spring-main p {font-size: 21px;font-family: serif;color: #E04E75;text-align: left;font-weight: 500;}
.spring-item-list {width: 680px;display: flex;justify-content: center;gap: 20px;font-size: 14px;letter-spacing: 0.5px;flex-wrap: wrap;}
.spring-tulip {background: url(//img.e87.com/selection/spring/2025images/spring_tulip_bg.png) top center / contain no-repeat,linear-gradient(150deg, rgba(248, 245, 239, 1), rgba(247, 247, 247, 1) 51%, rgba(248, 245, 239, 1));padding-bottom: 60px;}
.spring-tulip .spring-main {background: url(//img.e87.com/selection/tulip/2025images/750-250_tulip_02.jpg) top center / cover no-repeat;}
.spring-tulip .spring-main p {color: #000;}
.spring-valentine {background: url(//img.e87.com/selection/spring/2025images/spring_valentine_bg.png) top center / contain no-repeat,linear-gradient(150deg, rgba(240, 226, 217, 1), rgba(237 230, 223, 1) 51%, rgba(240, 226, 217, 1));padding-bottom: 60px;	}
.spring-valentine .spring-main {background: url(//img.e87.com/selection/valentine/2025images/valentine_main_image.jpg) top center / cover no-repeat;position:relative;}
.spring-valentine .spring-main p {color: #EF3F71;position: absolute;top: 2em;left: 4em;}
.spring-equinox {background: url(//img.e87.com/selection/spring/2025images/spring_equinox_bg.png) top center / contain no-repeat,url(//img.e87.com/selection/spring/2025images/spring_equinox_bg2.jpg) top center / cover no-repeat,#f1e6e7;padding-bottom: 60px;}
.spring-equinox .spring-main {background: url(//img.e87.com/selection/ohigan/2025images/PC_top_ohigan_960-320.jpg) top center / cover no-repeat;}
.spring-equinox .spring-main p {color: #000;}
._break {display: block;margin-top:0.25em;}

/* FAQ
------------------------------ */
#n_columnArea h2.h2_ttl,#faq h2.h2_ttl {font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;color:#000;border-top: 1px solid #000;border-bottom: 1px solid #000;text-align: center;padding: 8px 0 6px;font-size: 16px;font-weight: bold;margin: 16px 0 20px;}
#faq .e87-base-layout {font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;}
.e87-lower-layout {margin-top:40px;margin-bottom:60px;}
.e87-lower-section {margin-top:80px;}
.e87-lower-text {margin:0;line-height:1.8;font-size:1.1em;}
.e87-lower-text + .e87-lower-text {margin-top:2em;}
.e87-lower-anchor__item .e87-link-box--anchor {height:100%;display:flex;align-items:center;}
.e87-lower-anchor__item .e87-link-box--anchor::after {right:9px;top:calc(50% - 13px);transform:rotate(90deg) translateY(-50%);}
.e87-faq-lists {margin-top:60px;}
.e87-faq-accordion {border:1px solid #000;border-radius:5px;margin-bottom:10px;overflow:hidden;}
.e87-faq-accordion:last-of-type {margin-bottom:0;}
.e87-faq-accordion__head {padding:20px 60px 20px 63px;background-image:url("https://img.e87.com/corp/faq/img/icon_q.png");background-repeat:no-repeat;background-position:left 18px top 15px;background-size:30px;cursor:pointer;transition:background-color .2s;will-change: contents;}
.e87-faq-accordion__head:hover {opacity:0.6;}
.e87-js-toggle-accordion__trigger--active:hover {background-color:transparent;}
.e87-faq-accordion__body__inner {background-image:url(https://img.e87.com/corp/faq/img/icon_a.png);background-repeat:no-repeat;background-size:30px;padding:8px 60px 30px 63px;background-position:left 18px top 7px;}
.e87-faq-accordion__body[data-status="closed"] {display:none;}
.e87-js-toggle-accordion__trigger {position:relative;}
.e87-js-toggle-accordion__trigger::before, .e87-js-toggle-accordion__trigger::after {content:"";position:absolute;width:16px;height:1px;background:#000;right:20px;top:0;bottom:0;margin:auto;transition:transform .3s;will-change: contents;}
.e87-js-toggle-accordion__trigger::after {transform:rotate(90deg);}
.e87-js-toggle-accordion__trigger--active::after {transform:rotate(0);}
.e87-faq-accordion__head__text {font-weight:bold;margin:0;font-size:1.3em;}
.e87-faq-accordion__text {margin:0;}
.e87-faq-accordion__btn__wrap {margin:30px auto 0;width:85%;}
@media all and (min-width:769px) {.e87-faq-accordion__btn__wrap {width:344px;} }

/*---------------------------------
‘æ“ñ’e ver2
-----------------------------------*/
.new_item_info .info{width: 900px;margin: 0 auto 3em;border: 1px solid #EF7F8C;padding: 8px 1em;}
.new_item_info a{display: block;font-size: 15px;line-height: 1;display: flex;align-items: baseline;font-weight: bold;}
.new_item_info a span{text-align: center;display: inline-block;padding: 4px 4px 3px;width: 80px;background: #EF7F8C;color: #fff;border-radius: 4px;font-size: 16px;margin-right: 1em;}
.spring-limited .spring-main {background: url(//img.e87.com/selection/spring/2025images/spring_limited_lead.jpg) top center / cover no-repeat;}
#limited .spring-main{position:relative;}
#limited .spring-main p{position: absolute;left: 50%;width: 100%;transform: translateX(-50%);text-align: center;}
.contents_inner{margin-top:1em;}
.l-spring._feature{margin-top:60px;margin-bottom:0;}
.wrap_new{position:relative!important;}
.wrap_new span._new{position: absolute;top: 0;left: 0;padding: 2px 3px 0px 3px;background: red;color: #fff;font-weight: bold;font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;font-size: 15px;}

/* -----------------------------------------------------------
addition0310 items
----------------------------------------------------------- */
.spring-limited {padding: 30px 40px 20px;margin-top:40px;border: 1px solid #eee;}
._style .contents_inner{margin-top: 2em;}
.wrap_bnr{margin-top:48px;}
.spring-bnr{gap:32px;}
.spring-bnr a{width:180px;}
.spring-bnr a img{width:100%;height:auto;}
.spring-bnr span{text-align: center;font-weight: bold;color:#555;}
.mv{margin-bottom:24px;}
.spring-link{background:#63C118;color:#fff!important;border:1px solid #63C118;transition:0.2s;position:relative;}
.spring-link:hover{background:#fff;color:#63C118!important;}
.spring-link::before {content: '';width: 6px;height: 6px;border: 0;border-top: solid 2px #fff;border-right: solid 2px #fff;position: absolute;top: 50%;right: 16px;margin-top: -4px;transform: rotate(45deg);}
.spring-link:hover::before{border-top: solid 2px #63C118;border-right: solid 2px #63C118;}
.l-spring._feature{padding-bottom:24px;}
.spring-equinox .spring-main p{color: #3F4052;}
.spring-equinox .spring-link{background: #3F4052;border:1px solid #3F4052;}
.spring-equinox .spring-link:hover{background: #fff;color:#3F4052!important;}
.spring-link:hover::before{border-top: solid 2px #63C118;border-right: solid 2px #63C118;}
._new{position: absolute;top: 0;left: 0;background: #f10000;padding: 2px 2px 0px 5px;    color: #fff;font-weight: bold;}

/*?????? local navi*/
.navi{margin-bottom:0;}
.navi_spring {display: flex;justify-content: space-evenly;align-items: center;color: #555555;margin-bottom: 70px;}
.navi_spring a {width:20%;}
.navi_spring_box {margin: 0 7px;border-radius: 8px;transition: 0.2s;}
.navi_spring_pic {width: 180px;overflow: hidden;}
.navi_spring_txt {font-family:sans-serif; font-size: 16px;font-weight: 500;position: relative;transform: rotate(0.03deg);height: 55px;display: flex;justify-content: center;align-items: flex-end;line-height: 1.5;border-bottom: 2px solid #63C118;padding-bottom: 0.25em;color: #555555;}
.navi_spring_txt::before {content: '';width: 24px;height: 24px;background: #63C118;border-radius: 50%;position: absolute;bottom: -2.5em;transition: 0.2s;}
.navi_spring_txt::after {content: "";position: absolute;bottom: -2.5em;left: 50%;transform: translateX(-50%);border: 7px solid transparent;border-top: 7px solid #fff;transition: 0.2s;}
.navi_spring_pic img {width: 100%;height: auto;box-sizing: border-box;border-radius: 5px 5px 0px 0px;border: 1px solid #b5a695;border-bottom: none;}
.navi_spring a:hover {text-decoration: none;color: #5f4549;cursor: pointer;}
.navi_spring_box:hover {opacity: 0.8;}
.navi_spring_box:hover .navi_spring_txt::after {bottom: -3em;}
.navi_spring_box:hover .navi_spring_txt::before {bottom: -3em;}

#rank {position: relative;}
section#ranking {clear: both;position: relative;}
.rank_box {display: flex;justify-content: center;margin-bottom: 0;gap: 1.5rem;}
.rank_box dl {padding: 0 16px;width: 200px;font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;}
.rank_box._top dl {width: 230px;padding: 0 12px;}
.rank_box dl div {font-size: 18px;color: #401f1f;line-height: 20px;margin-bottom: 4px;z-index: 1;position: static;background: none;width: unset;height: unset;text-align: left;}
.rank_box dl div._gold::before {content: '';background: url(http://img.e87.com/img/icon/icon_rank_no1.gif) no-repeat;width: 26px;height: 24px;background-size: 100%;position: absolute;left: 0;top: -5px;}
.rank_box dl div._silver::before {content: '';background: url(http://img.e87.com/img/icon/icon_rank_no2.gif) no-repeat;width: 26px;height: 24px;background-size: 100%;position: absolute;left: 0;top: -5px;}
.rank_box dl div._bronze::before {content: '';background: url(http://img.e87.com/img/icon/icon_rank_no3.gif) no-repeat;width: 26px;height: 24px;background-size: 100%;position: absolute;left: 0;top: -5px;}
.rank_box dl div._gold {padding-left: 1.55em;background: none;padding-left: 1.55em;background: none;width: unset;height: unset;border-radius: unset;text-align: left;}
.rank_box dl div._gold span {color: #401f1f;font-size: 21px;}
.rank_box dl div._silver {padding-left: 1.55em;padding-left: 1.55em;background: none;width: unset;height: unset;border-radius: unset;text-align: left;}
.rank_box dl div._silver span {color: #401f1f;font-size: 21px;}
.rank_box dl div._bronze {padding-left: 1.55em;padding-left: 1.55em;background: none;width: unset;height: unset;border-radius: unset;text-align: left;}
.rank_box dl div._bronze span {color: #401f1f;font-size: 21px;}
.rank_box._bottom dl {padding: 0 17px;}
.rank_box._bottom dl div {font-size: 28px;background: none;width: unset;height: unset;text-align: left;}
.rank_box dl div span {    font-family: 'Noto Serif JP', serif;font-size: 21px;color: #4f3464;position: static;}
.rank_box .item_img {position: relative;}
.rank_box .item_img span._delivery {position: absolute;bottom: 0;right: 0;padding: 4px 7px 2px;background: #304fc4;color: #fff;z-index: 1;}
.rank_box .item_img span._delivery._noshi {position: absolute;bottom: 0;padding: 4px 7px 2px;background: #bb00e7;color: #fff;z-index: 1;}
.rank_box._bottom {padding-top: 0;}
.rank_box._bottom dl dd.item_img {margin: 24px 0 0;}
.rank_box dl dd.item_name {color: #3c3c3c;margin-top: 8px;margin-bottom: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 14px;line-height: 1.3;letter-spacing: 0;}
.rank_box dl dd.price {color: #3c3c3c;font-size: 12px;letter-spacing: 0;}
.rank_box dl dd:hover {color: #797979;}
.rank_box a:hover {text-decoration: none;}
.rank_box a img:hover {opacity: 0.8;}
.rank_box img {width: 100%;height: auto;}

#rank .rank_box.pickup_list {display: flex;flex-wrap: wrap;padding: 0 20px;padding:8px 0}
#rank .rank_box.pickup_list a {transition: 0.2s;}
#rank .rank_box.pickup_list a:hover {opacity: 0.8;text-decoration: none;}
#rank .rank_box.pickup_list dl {width: 200px;padding: 0 10px;}


.wrap_heading {text-align: center;}
h2._heading {font-size: min(5.3vw, 20px);color: #555555;position: relative;text-align: center;z-index: 0;font-weight: 600;margin: 20% 0 4%;line-height: 1.4;padding: 0 4%;}
h3._heading {font-size: min(4.3vw, 17px);color: #555555;position: relative;text-align: center;z-index: 0;margin: 4%;line-height: 1.4;margin: 0 4% 4%;}
h2._heading span::before {content: '';position: absolute;width: 30px;height: 30px;background: rgba(16,103,30,0.5);left: -1em;top: -0.5em;z-index: -1;}

.price_outer {display: flex;align-items: center;justify-content: center;padding-bottom: 1em;flex-wrap: wrap;}
.price_box {margin: 8px;transition: 0.2s;}
.price_box:hover {opacity: 0.8;}
.price_inner {align-items: center;width: 200px;height: 150px;position: relative;border-radius: 5px;background-image: linear-gradient(130deg, rgba(104, 224, 207, 1), rgba(32, 156, 255, 1));background: #b2c064;border: 1px solid #63C118;background-image: linear-gradient(135deg, #aded7b 0%, #63C118 50%);}
.price_inner::after {content: "";position: absolute;margin: auto;bottom: 1em;left: 50%;width: 6px;height: 6px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg) translateX(-50%);transition: 0.2s;}
.price_inner:hover::after {left: 54%;width: 6px;}
.price_txt {font-size: 18px;color: #fff;padding: 8px 12px;font-weight: bold;line-height: 1.6;transition: .2s;box-sizing: border-box;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.price_txt:hover:after {right: 10px;}
.price_inner:hover .price_txt.pink::after {right: 8px;}
.price_inner .price_pic {transition: 0.2s;}
.price_inner:hover .price_pic {opacity: 0.8;}
section#price a:hover {text-decoration: none!important;}

/* --------------------------------------
croll top
------------------------------------------- */
#to-top {position: fixed;bottom: 50px;right: 24px;width: 55px;text-decoration: none;display: block;text-align: center;opacity: 0;transition: 0.2s;color: #fff;line-height: 48px;font-size: 16px;z-index: 10;transition: 0.2s;}
#to-top.fade {opacity: 1;transition: 0.2s;}
#to-top:hover {opacity: 0.8;}
.wrap-top {background: #eed9ff;color: #fff;position: relative;text-align: center;font-weight: bold;padding-top: 12px;height: 60px;z-index: 0;border-radius: 50%;width: 60px;box-sizing: border-box;font-size: 18px;}
.wrap-top::after {content: '';background: url(https://img.e87.com/selection/spring/2025images/60-60_icon-topes.png) no-repeat;position: absolute;width: 60px;height: 60px;left: 50%;top: 50%;transform: translate(-50%, -50%);background-size: contain;z-index: -1;}

/* --------------------------------------
addition0310 rank
------------------------------------------- */

#rank .rank_box.pickup_list{gap: 1.25rem;}
#rank .rank_box.pickup_list dl{width:165px;}

/* -----------------------------------------------------------
addition0310 items
----------------------------------------------------------- */
.items{padding: 16px 0 0;position:relative;z-index:1;background:#fff;}
.item_box {display: flex;position: relative;padding: 0 0 16px;align-items: stretch;}
.item_left {width:400px;text-align: center;}
.item_left a {transition:0.2s;}
.item_img3 {display: flex;}
.item_wrap .item_img3_left { margin-right: 5px;position:relative;}
.item_wrap .item_img3_left._new::before{ content: "NEW";background: #e20000;padding: 6px 8px;color: #ffff;position: absolute;left: 0;top: 0;font-size: 16px;z-index: 10;}
.item_wrap .item_img3_left ._hidden { position:absolute;opacity:0;top:0;left:0;transition:0.2s;}
.item_wrap .item_img3_left img {width:100%;height:auto;transition:0.2s;}
.item_img_top{ margin-bottom: 5px;}
.wrap_title{position:relative;text-align: center;font-weight: bold;color: #fff;margin-top:0;}
.wrap_title .h4_sub {font-size:18px;position: relative;color:#fff;font-weight: bold;}
.wrap_title h4 {font-size:21px;font-weight: 600;text-align: center;line-height: 32px;color: #ED4B73;position:relative;z-index: 0;padding-bottom:0;margin-top: 2em;}
.wrap_title .h4_sub:before {content: '';position: absolute;top: 11px;display: inline-block;width: 20px;height: 2px;background-color: #fff;-webkit-transform: rotate(60deg);transform: rotate(60deg);left: -20px;}
.wrap_title .h4_sub:after {content: '';position: absolute;top: 11px;display: inline-block;width: 20px;height: 2px;background-color: #fff;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);right: -20px;}
.item_box .right {margin: 0px 0 0 16px;width: 464px;padding-top:4px;}

.right .area_name{margin-top:1em;}
.right .area_name ._name{font-size:21px;color: #ED4B73;text-align: left;line-height: 1.5;letter-spacing: -1px;}
.right .area_name ._price{display: block;text-align: right;font-size: 16px;margin-top: 2px;color:#3c3c3c;text-align: left;}
.right .area_lead {margin:1.25em 0;}
.right .area_lead ._lead{font-size:16px;line-height: 1.6;color:#3c3c3c;text-align: left;margin:0.75em 0;}
.right dl.item_point dd {color: #322c1e;font-size: 14px;padding: 0px 0 18px 0;line-height: 1.6;}
.right dl.item_point dt {color: #e7249c;font-size: 18px;position: relative;margin-bottom: 4px;}
.item_point{padding-top:8px;}
.otodoke {color: #ec1b9b;background: #ffa9de;display: inline;font-size: 14px;position: absolute;top: -13px;border-radius: 13.5px;padding: 2px 10px;font-weight: 600;left: 12px;}

.area_point_icon{display:flex;justify-content: center;flex-wrap:wrap;align-items: center;}
.area_point_icon span{font-size:12px;text-align: center;width: 32%;display:inline-block;background: #ffea8e;font-weight: bold;margin: 0 3px 1%;height: 30px;display: flex;justify-content: center;align-items: center;padding: 6px 0 4px;border-radius: 25px;}

.area_button {position: relative;padding: 0 24px;}
.area_button a{font-size:15px;background: #63C118;color: #fff!important;padding: 8px 8px 4px;display: block;margin-top: 1em;text-align: center;border-radius: 8px;line-height: 1;border: 2px solid #63C118;transition:0.2s;box-sizing: border-box;position:relative;font-weight: bold;}
.area_button a:before {content: '';width: 6px;height: 6px;border: 0;border-top: solid 2px #fff;border-right: solid 2px #fff;position: absolute;top: 50%;right: 8px;margin-top: -4px;transform: rotate(45deg);}
.area_button a:hover{background:#fff;color:#63C118!important;text-decoration: none;}
.area_button a:hover::before{border-top: solid 2px #63C118;border-right: solid 2px #63C118;}
.area_button a span{font-size: 20px;font-weight: bold;margin-top: 6px;display: inline-block;}
#item-body2 .area_button {width:75%;margin:0 auto;}

/* --------------------------------------
???? other_product
------------------------------------------- */
.sakura-flowergift {display: flex;flex-direction: column;align-items: center;}
.sakura-flowergift h3 {display: flex;align-items: center;justify-content: center;/* background: url(//img.e87.com/selection/sakura/2025images/sakura_title_bg.png) 50% center / auto no-repeat; */padding: 30px 0 8px;margin-bottom: 2rem;border-bottom: 1px solid #eee;width: 740px;}
.sakura-flowergift .rank_box {flex-wrap: wrap;}
.sakura-flowergift .rank_box dl {width: calc(100% / 3 - 64px);	}
.sakura-flowergift .other_product {flex-wrap: wrap;}
.sakura-flowergift .other_product dl {width: calc(100% / 3 - 64px);	}

.other_product {display: flex;justify-content: flex-start;margin-bottom: 0;gap: 1.25rem;justify-content: center;}
.other_product dl {padding: 0 16px;width: 200px;font-family: "????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?? ?????", "MS PGothic", sans-serif;}
.other_product._top dl {width: 230px;padding: 0 12px;}
.other_product dl div {font-size: 18px;color: #401f1f;line-height: 20px;margin-bottom: 4px;z-index: 1;position: static;background: none;width: unset;height: unset;text-align: left;}
.other_product dl div._gold::before {content: '';background: url(http://img.e87.com/img/icon/icon_rank_no1.gif) no-repeat;width: 26px;height: 24px;background-size: 100%;position: absolute;left: 0;top: -5px;}
.other_product dl div._silver::before {content: '';background: url(http://img.e87.com/img/icon/icon_rank_no2.gif) no-repeat;width: 26px;height: 24px;background-size: 100%;position: absolute;left: 0;top: -5px;}
.other_product dl div._bronze::before {content: '';background: url(http://img.e87.com/img/icon/icon_rank_no3.gif) no-repeat;width: 26px;height: 24px;background-size: 100%;position: absolute;left: 0;top: -5px;}
.other_product dl div._gold {padding-left: 1.55em;background: none;padding-left: 1.55em;background: none;width: unset;height: unset;border-radius: unset;text-align: left;}
.other_product dl div._gold span {color: #401f1f;font-size: 21px;}
.other_product dl div._silver {padding-left: 1.55em;padding-left: 1.55em;background: none;width: unset;height: unset;border-radius: unset;text-align: left;}
.other_product dl div._silver span {color: #401f1f;font-size: 21px;}
.other_product dl div._bronze {padding-left: 1.55em;padding-left: 1.55em;background: none;width: unset;height: unset;border-radius: unset;text-align: left;}
.other_product dl div._bronze span {color: #401f1f;font-size: 21px;}
.other_product._bottom dl {padding: 0 17px;}
.other_product._bottom dl div {font-size: 28px;background: none;width: unset;height: unset;text-align: left;}
.other_product dl div span {font-size: 21px;color: #444;position: static;}
.other_product .item_img {position: relative;}
.other_product._bottom {padding-top: 0;}
.other_product._bottom dl dd.item_img {margin: 24px 0 0;}
.other_product dl dd.item_name {color: #444;margin-top: 8px;margin-bottom: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 14px;line-height: 1.3;letter-spacing: 0;}
.other_product dl dd.price {color: #444;font-size: 13px;letter-spacing: 0;}
.other_product a:hover {text-decoration: none;}
.other_product a img:hover {opacity: 0.8;}
.other_product img {width: 100%;height: auto;transition:0.2s;}
.other_product .item_catch{font-size: 19px;font-weight: 600;text-align: center;line-height: 1.2;color: #ED4B73;position: relative;z-index: 0;margin-bottom:0.5em;}

.sakura-flowergift .other_product{padding:0 20px;gap:unset;justify-content: unset;}
.sakura-flowergift .other_product dl {width: 255px;margin: 16px 12px}