@charset "utf-8";
/*================================================

【楽天市場】未来のトレンドに出会う「新商品コレクション」

=================================================*/


/*-------------------------------------------------

main__contents

-------------------------------------------------*/

.main__contents {
  /* background-image:url(https://r.r10s.jp/evt/event/genre/trend/_pc/img/20250415/pc_contents_subcatch.svg),url(https://r.r10s.jp/evt/event/genre/trend/_pc/img/20250415/pc_contents_decos.png), url(https://r.r10s.jp/evt/event/genre/trend/_pc/img/20250415/pc_contents_bg.jpg);
  background-attachment: fixed;
  background-position:right calc(50% + 420px) top 46.6% ,center left 50% ,center;
  background-size:233px auto, 1124px auto,1920px 800px;
  background-repeat: no-repeat ,no-repeat,repeat;
  background-color: #f3f3f3; */
  overflow: hidden;
  position: relative;
  clip-path: inset(0);
}

.main__contents.-appliance:before {
  display: block;
  content: "";
  object-fit: cover;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image:url(https://r.r10s.jp/evt/event/genre/trend/_pc/img/20260220/pc_contents_subcatch.png),url(https://r.r10s.jp/evt/event/genre/trend/_pc/img/20260220/pc_contents_img.png);
  background-position:right calc(50% + 480px) top calc(50% - 75px),right calc(50% + 339px) bottom 0 ;
  background-size:396px auto,395px auto;
  background-repeat: no-repeat ;
  background-color: #f4f1ea;
}
.main__contents.-beauty:before {
  display: block;
  content: "";
  object-fit: cover;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image:url(https://r.r10s.jp/evt/event/genre/trend/_pc/img/20260220/pc_contents_subcatch_beauty.png),url(https://r.r10s.jp/evt/event/genre/trend/_pc/img/20260220/pc_contents_img_beauty.png);
  background-position:right calc(50% + 480px) top calc(50% - 75px),right calc(50% + 339px) bottom 0;
  background-size:396px auto,395dpx auto;
  background-repeat: no-repeat ;
  background-color: #f4f1ea;
}


.main__contents--content {
  /* position: relative; */
  width: min(500px);
  transform: translateX(calc(50vw - 250px));
  background-color: #fff;
  min-height: 906px;
  box-shadow:0 0 50px 5px rgba(0,0,0,0.15);
}

.main__contents--content .ecm-container{
    min-width: initial;
    padding:0 16px;
}


/* floating */
.cnt-floating-rightNavi {
  transform: translateY(-60%);
  position: fixed;
}


.ecm-floating-menu.-genre_trend .ecm-floating-nav-pill{
  display: flex;
  background-color: transparent;  
  /* padding-left: 72px; */
  position: relative;
  justify-content: space-between;
  align-items: center;
  min-height: 46px;
}

.nav-pill_text{
    color:#87837a;
    font-size: 25px;
    font-weight: bold;
}
.nav-pill_text span._num{
    font-size: 32px;
    font-family: 'Montserrat-bold';
    margin-right: 0.8em;
    color:#f4f1ea;
    -webkit-text-stroke: 3px #87837a;
    paint-order: stroke;
}

.-appliance .ecm-floating-nav-pill[data-in-viewport="true"] .nav-pill_text,
.-appliance .ecm-floating-nav-pill:hover .nav-pill_text{
    color: #3f48a2;
}
.-appliance .ecm-floating-nav-pill[data-in-viewport="true"] .nav-pill_text span._num,
.-appliance .ecm-floating-nav-pill:hover .nav-pill_text span._num{
    -webkit-text-stroke: 3px #3f48a2;
}
.-beauty .ecm-floating-nav-pill[data-in-viewport="true"] .nav-pill_text,
.-beauty .ecm-floating-nav-pill:hover .nav-pill_text{
    color: #d54169;
}
.-beauty .ecm-floating-nav-pill[data-in-viewport="true"] .nav-pill_text span._num,
.-beauty .ecm-floating-nav-pill:hover .nav-pill_text span._num{
    -webkit-text-stroke: 3px #d54169;
}

/* left floating */

.con-floating-navi-container._genre-trend{
  box-shadow: none !important;
  border-bottom: none !important;
  background-color: transparent;
  width:320px;
  top: calc(50% + 20px);
  right: calc(50% + 320px);
  left: auto;
  position: fixed;
}

.con-floating-navi-container._genre-trend .ecm-floating-navi{
  height: 72px;
  width:100%;
  padding: 6px 8px;
  border-radius:20px;
  background-color: #ffffff;
  box-shadow: 0 0 12px rgba(0,0,0,0.15);
}
.con-floating-navi-container._genre-trend .ecm-floating-navi-item{
  width: 50%;
  border-radius:20px;
  padding: 0;
  font-size: 20px;
  color: #717171;
  font-weight: normal;
  border: none;
}
.con-floating-navi-container._genre-trend .ecm-floating-navi-item:hover{
  opacity: 0.8;
}


.con-floating-navi-container._genre-trend .ecm-floating-navi-item[data-in-viewport=true]{
  background-color: #3f48a2;
  color: #ffffff;
}
.con-floating-navi-container._genre-trend.-beauty .ecm-floating-navi-item[data-in-viewport=true]{
  background-color: #d54169;
  color: #ffffff;
}
.con-floating-navi-container._genre-trend a._new:before{
  position: absolute;
  left:18%;
  top:15%;
  transform: rotate(-15deg);
  display: block;
  content: "NEW!";
  font-family: 'Montserrat-bold';
  font-weight: bold;
  color:#d54169;
  font-size:12px ;
}
.con-floating-navi-container._genre-trend.-appliance a._current{
  background-color: #3f48a2;
  color:#ffffff;
}
.con-floating-navi-container._genre-trend.-beauty a._current{
  background-color: #d54169;
  color:#ffffff;
}


/* PC media query */

@media only screen and (max-width:1420px) {
.main__contents.-appliance:before,
.main__contents.-beauty:before {
  background-position:right 97.2%  top calc(50% - 65px) ,right calc(50% + 339px) bottom 0;
  background-size:calc(396/1440 * 100%) auto,calc(439/1440 * 100%) auto;
}
.con-floating-navi-container._genre-trend{
  right: auto;
  left: 5%;
  width: calc(50vw - 390px);
  min-width: 200px;
}
.con-floating-navi-container._genre-trend a._new:before{
  font-size:10px ;
}
.ecm-floating-menu.-genre_trend .ecm-floating-nav-pill{
  /* padding-left: 20%; */
  padding-right: 0;
  width: 40vw;
  box-sizing: border-box;
}
}

@media only screen and (max-width:1280px) {
.main__contents.-appliance:before,
.main__contents.-beauty:before {
  background-size:calc(396/1440 * 85%) auto,calc(439/1440 * 90%) auto;
}
.con-floating-navi-container._genre-trend .ecm-floating-navi-item{
  font-size:18px;
}
}

@media only screen and (max-width:1080px) and (min-width:1024px) {
.cnt-floating-rightNavi{
left:calc(50% + 275px) !important;
}
}
@media only screen and (max-width:1280px) and (min-width:1024px) {
.cnt-floating-rightNavi{
  transform: scale(0.75) translateY(-70%);
  transform-origin: left top;
}
}

@media only screen and (max-width:1080px) {

.ecm-floating-menu.-genre_trend .ecm-floating-nav-pill{
  /* padding-left: 20%; */
  padding-right: 0;
  width: 40vw;
  box-sizing: border-box;
}
}

@media only screen and (max-width:1024px) {
  .cnt-floating-rightNavi {
  left:calc(500px + 80px) !important;
}
.con-floating-navi-container._genre-trend{
  display: none !important;
}
.main__contents--content {
  transform: translateX(0);
}
.main__contents.-appliance:before {
  background-image: none;
}
.main__contents.-beauty:before {
  background-image: none;
}
}

@media  screen and (max-width:900px) {
  .main__contents:before {
    background-size:16vw auto,0% auto,auto;
  }
}

@media  screen and (max-width:780px) {
.main__contents:before {
  background-position:right 80vw top 340px ,top 3% center,top center;
  background-size:16vw auto,0% auto,auto;
}
}

@media  screen and (max-width:728px) {
.cnt-floating-rightNavi {
  display: none;
}
}

@media  screen and (max-width:700px) {
.main__contents:before {
  background-position:right 80vw top 340px ,top 3% center,top center;
  background-size:0vw auto,0% auto,auto;
}
}

@media only screen and (max-height:770px)and (max-width:1280px) and (min-width:1240px) {
.main__contents.-appliance:before,
.main__contents.-beauty:before {
    background-position:right calc(50% + calc(396/1440 * 170%)) top calc(50% - 65px),right calc(50% + 339px) bottom 0 ;
  background-size:calc(396/1440 * 85%) auto,calc(439/1440 * 90%) auto;
}

}


/* PC SP commons */

@font-face {
    font-family: 'Montserrat-extralight';
    src: url('https://r.r10s.jp/evt/event/genre/trend/_cmn/font/Montserrat-ExtraLight.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-light';
    src: url('https://r.r10s.jp/evt/event/genre/trend/_cmn/font/Montserrat-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-bold';
    src: url('https://r.r10s.jp/evt/event/genre/trend/_cmn/font/Montserrat-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



/* contents */



.main_kanban {
  background-color: #f4f1ea;
  padding-top: 44px;
  overflow: hidden;
}
.main_kanban .image_wrap{
    position: relative;
}
.main_kanban .image_wrap .ttl_sub{
    position: absolute;
    left:14px;
    top:-16px;
    z-index: 3;
    width: calc(294/750 *100%);
}
.main_kanban .image_wrap .ttl_person{
    position: absolute;
    right:-2px;
    top:-32px;
    z-index: 1;
    width: 113.5px;
}
.main_kanban .ttl_image{

    background-color: #ffffff;
    width: 453px;
    height: 367px;
    border-radius: 120px;
    position: relative;
    z-index: 2;
    margin: 0 auto;
  overflow: hidden;
}
.image_slider{
  height: 100%;
  width:auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(50%);

}
.image_slider ul {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  padding: 0 12px;
  /*画像の枚数で下記の数値（776）を変更*/
  width: 776px;
  box-sizing: content-box;

}
._beauty .image_slider ul {
  padding: 0 32px;
  width: 620px;


}
.image_slider ul:first-child{
  animation: loopslide1 24s -12s linear infinite;
}
.image_slider ul:last-child{
  animation: loopslide2 24s linear infinite;
}

.main_kanban .ttl_main{
    width: 355px;
    margin: -38px auto 0;
    position: relative;
    z-index: 2;
}

.top_page_navi{
    background-color: #f4f1ea;
    padding: 16px 0 32px;
}
.top_page_navi .nav_wrap{
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    background-color: #ffffff;
    width: 370px;
    padding: 8px 10.6px;
    border-radius:26px ;
    margin: 0 auto;
    box-shadow:0 0 20px rgba(215,211,202,0.6) ;
}

.top_page_navi .nav_wrap a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height:64px ;
    color:#717171;
    font-size:21px ;
    position: relative;
    border-radius:21.2px  ;
}

.top_page_navi .nav_wrap a:hover{
    text-decoration: none;
    opacity: 0.8;
}

.top_page_navi._appliance .nav_wrap a._new:before{
    position: absolute;
    left:18%;
    top:15%;
    transform: rotate(-15deg);
    display: block;
    content: "NEW!";
    font-family: 'Montserrat-bold';
    font-weight: bold;
    color:#d54169;
    font-size:12px ;
}
.top_page_navi._appliance .nav_wrap a._current{
    background-color: #3f48a2;
    color:#ffffff;
}
.top_page_navi._beauty .nav_wrap a._current{
    background-color: #d54169;
    color:#ffffff;
}

.no-slide_logo{
    background-color: #dfd9ce;
    padding: 10.5px;
    overflow: hidden;
}

.no-slide_logo .d-grid-col-4{
  gap:10.5px;
}

/* ロゴスライド用css */

.logo_slider{
    background-color: #dfd9ce;
    padding: 10.5px 0;
    overflow: hidden;
}

.logo_slider .swiper-container{
  display: flex;
  flex-shrink: 0;

}
.logo_slider ul {
  display: flex;
  flex-shrink: 0;
  padding: 0;
  /*ロゴの枚数で下記の数値（4）を変更*/
  width: calc((132px + 10.5px) * 4);
}
.logo_slider ul:first-child{
  animation: loopslide1 16s -8s linear infinite;
}
.logo_slider ul:last-child{
  animation: loopslide2 16s linear infinite;
}
.logo_slider ul li {
    margin-right: 10.5px;
    border-radius:10.5px ;
    overflow: hidden;
}

.logo_slider ul li img {
  display: block;
  width: 100%;
  height: auto;
}

@keyframes loopslide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loopslide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
@keyframes loopslide3 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}


.floating_bnr{
  display: flex;
  justify-content: center;
  align-items: center;
  width:76px;
  height: 74px;
  border: 4px solid #ffffff;
  border-radius: 24px;
  color:#ffffff !important;
  font-size:11px ;
  text-align: center;
  box-shadow: 0 0 20px rgba(215, 213, 202, 0.6);
}
.floating_bnr.-to_appliance{
  background-color: #3f48a2;
}
.floating_bnr.-to_beauty{
  background-color: #d54169;
}

/* contents */

.bg_disclaimer{
    background-color: #f4f1ea;
    padding: 10.5px 0 32px;
}

._appliances .cont_gradation{
  background-image: url(https://r.r10s.jp/evt/event/genre/trend/_cmn/img/20260220/person_appliance.png),
  linear-gradient(to bottom, #3f48a2 0%,#813fa2 100%);
  background-position: bottom center ,top center;
  background-size: 185px auto,100% auto;
  background-repeat: no-repeat;
  padding-top: 52.8px;
  padding-bottom:111px;
  border-radius: 52.8px;
  position: relative;
  z-index: 1;
}
._beauty .cont_gradation{
  background-image: url(https://r.r10s.jp/evt/event/genre/trend/_cmn/img/20260220/person_beauty.png),
  linear-gradient(to bottom, #d54169 0%,#f4674e 100%);
  background-position: bottom center ,top center;
  background-size: 185px auto,100% auto;
  background-repeat: no-repeat;
  padding-top: 52.8px;
  padding-bottom:111px;
  border-radius: 52.8px;
  position: relative;
  z-index: 1;
}

#section1 .content_title{
  position: relative;
}
#section1 .content_title:after{
  display: block;
  content: "";
  width: 140px;
  height: 88px;
  background-image: url(https://r.r10s.jp/evt/event/genre/trend/_cmn/img/20260220/pickup_appliance_img.png);
  background-position:center center;
  background-size:100% auto;
  background-repeat: no-repeat;
  position: absolute;
  bottom:-55px;
  left: 0;
  z-index: 0;
}
._beauty #section1 .content_title:after{
  display: block;
  content: "";
  width: 500px;
  height: 135px;
  background-image: url(https://r.r10s.jp/evt/event/genre/trend/_cmn/img/20260220/pickup_beauty_img.png);
  background-position:center center;
  background-size:100% auto;
  background-repeat: no-repeat;
  position: absolute;
  bottom:calc(0/750*100%);
  left: 0;
  z-index: 0;
}

.cont_whitebox{
  background-color: #ffffff;
  background-repeat: no-repeat;
  padding-top: 52.8px;
  padding-bottom: 63.36px;
  border-radius: 52.8px;
}
.cont_bg{
  background-color: #f4f1ea;
}

#section1{
  margin-bottom:106px;
}

#section2{
  /* padding-top:106px; */
  padding-bottom:106px ;
}

.fixed_nav{
  margin-bottom:42px ;
}
.fixed_nav ul{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap:10.5px;
}
.fixed_nav ul li{
  width: calc((100% - 10.5px)/2 );
}
.fixed_nav ul li:first-child{
  width: 100%;
}
.fixed_nav ul li a{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3.85em;
  padding-bottom: 0.4em;
  border-radius: 10.5px;
  background-color:#ffffff;
  font-size:15.8px;
  font-weight: bold;
  text-align: center;
  position: relative;
  color: #3f48a2;
}
.fixed_nav ul li a:hover{
    text-decoration: none;
    opacity: 0.8;
}

.fixed_nav.-beauty ul li a{
  color: #d54169;
}

.fixed_nav ul li a i{
  position: absolute;
  bottom: 0.4em;
}

.next_date{
  width:375px;
  margin:105.6px auto 0;
  text-align: center;
}
.next_date p{
  /* padding:0.6em 1.3em ; */
  font-size: 18.5px;
  color:#ffffff;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.next_date p strong{
  font-size: 171.429%;
}

.content_title{}
.content_title .ttl_img{
    text-align: center;
}
.content_title .ttl_eng{
  text-align: center;
  font-family: 'Montserrat-extralight';
  color: #3f48a2;
  font-size:60.72px;
}
.content_title .ttl_jp{
  text-align: center;
  color: #3f48a2;
  font-weight: bold;
  font-size:21px;
}
._beauty .content_title .ttl_eng{
  color: #d54169;
}
._beauty .content_title .ttl_jp{
  color: #d54169;
}
.content_title .ttl_alt{
  text-align: center;
  font-size:15.8px;
  color:#333333;
  margin-top:26.4px ;
}

.content_title._02{
  position: relative;
  margin-bottom: 13px;
}

.content_title._02 ._sub{
  position: absolute;
  bottom:16px;
  width: 100%;
  text-align: center;
  font-size:17px;
  color:#15283e;
}

.con02_checkbox{
  /* background-color: rgba(21,40,62,0.08);
  border-radius: 4px; */
  padding: 16px 16px 32px;
  border-bottom:1px solid #d6d6d6 ;
  margin-bottom: 42px;
}

.con02_checkbox ._ttl{
  text-align: center;
  color:#3f48a2;
  font-weight: bold;
  font-size:21px;
  margin-bottom: 13px;
}
.con02_checkbox ._check{
  color:#3f48a2;
  font-weight: bold;
  font-size:18.5px;
  padding-left: 2.87em;
  text-indent: -2.57em;
}
._beauty .con02_checkbox ._ttl{
  color:#d54169;
}

._beauty .con02_checkbox ._check{
  color:#d54169;
}

.con02_checkbox ._check + ._check{
  margin-top: 9px;
}

.con02_checkbox ._check span{
  /* color:#4abc5e; */
}
.con02_checkbox ._check:before{
  display: inline-block;
  content: "";
  vertical-align: middle;
  width: 1.77em;
  height: 1.77em;
  margin-right: 0.8em;
  background-image:url(https://r.r10s.jp/evt/event/genre/trend/_cmn/img/20250415/check_icon.png) ;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}

.content_nav{
  margin-bottom:42.55px ;
}
.content_nav ul{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 12px;
}
.content_nav ul li{
  width: calc((100% - 12px) /2);
}
.content_nav ul li a{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3.85em;
    border-radius:10.5px;
  background-color: #15283e;
  color:#ffffff;
  font-size:17px;
  text-align: center;
  position: relative;
  padding-bottom: 0.5em;
}
.content_nav ul li a:hover{
    text-decoration: none;
    opacity: 0.8;
}

._appliances .content_nav ul li a{
  background-color: #3f48a2;
}
._beauty .content_nav ul li a{
  background-color: #d54169;
}

.content_nav ul li a i{
  position: absolute;
  bottom: 8px;
}

.item_ttl{
  text-align: center;
  font-size:24px;
  color:#333333;
  line-height: 2.28;
  margin-bottom: 16px;
}

.item_ttl.-beauty{
    background-color: #fbecf0;
    text-align: center;
    font-size:21px;
    color:#d54169;
    letter-spacing: 0.1em;
    line-height:3.6;
    margin-bottom: 18.5px;
}
.calendar_subttl{
  text-align: center;
    font-size:21px;
  color:#333333;
  line-height: 2.28;
  margin-bottom: 16px;
}



.item_wrap + .item_wrap{
  margin-top:44px;
}

._appliances .item_wrap .ecm-ad-name:not(.clamp-2){
  color: #3f48a2;
}
._beauty .item_wrap .ecm-ad-name:not(.clamp-2){
  color: #d54169;
}


.item_disclaimer{
  color: #333333;
  /* color: #ffffff; */
  font-size:14.5px;
  line-height: 1.5;
}

.item_disclaimer p{
  text-indent: -1em;
  padding-left: 1em;
  letter-spacing: 0.05em;
}

.trend-ranking{
  margin-top:42px ;
}

.trend-ranking .ecm-slider{
  padding: 16px;
  margin-top: -16px;
}
.trend-ranking .ecm-ranking-alcor{
  padding: 8px;
  border-radius: 4px;
  box-shadow: 2px 2px 6px 3px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}

.trend-ranking .ranking_alt{
  color: #333333;
  /* color: #ffffff; */
  font-size:14.5px;
  line-height: 1.5;
}

.trend-ranking .ranking_alt p{
  text-indent: -1em;
  padding-left: 1em;
  letter-spacing: 0.05em;
}

.trend_about{
  width:416px;
  padding:41.25px 25px 150px;
  margin:75px auto 0;
  background-color: #ffffff;
  background-image: url(https://r.r10s.jp/evt/event/genre/trend/_cmn/img/20260220/person_appliance.png);
  background-size: 277px auto;
  background-position:bottom center ;
  background-repeat: no-repeat;
  border-radius:52.8px;
}
._beauty .trend_about{
  background-image: url(https://r.r10s.jp/evt/event/genre/trend/_cmn/img/20260220/person_beauty.png);
  background-size: 277px auto;
  background-position:bottom center ;
  background-repeat: no-repeat;
  border-radius:52.8px;
}

.trend_about ._main{
  text-align: center;
  color:#333333;
  font-size:24px;
  font-weight: bold;
  margin-bottom: 0.6em;
}
._appliances .trend_about ._main{
  color:#3f48a2;
}
._beauty .trend_about ._main{
  color:#d54169;
}
.trend_about ._sub{
  text-align: center;
  color:#333333;
  font-size:16px;
  line-height: 2.18;
}


/* 【20251001追記】
=================================================*/

.pickup_subttl{
  background-color: rgba(255, 255, 255, 0.1);
  text-align: center;
  font-size:21px;
  color:#ffffff;
  line-height:3.6;
  letter-spacing:0.1em ;
  margin-bottom: 18.5px;
}

.pickup-item-list {
  position: relative;
}

.pickup-item-icon{
  line-height: 2;
}
.pickup-item-icon span{
  display: inline-block;
  border: 1px solid #333333;
  border-radius: 2.6px;
  /* width: 128px; */
  padding: 0 1.5em;
  color:#333333;
  font-weight: bold;
  font-size:14.5px;
  text-align: center;
  line-height: 1.8;
}

.pickup-item-date{
  text-align: center;
  color:#ffffff;
  font-size:18.5px;
  margin-bottom: 13px;
}

.pickup-item-date span{
  font-family: 'Montserrat-extralight';
  font-size:42px;
}
.pickup-item-date span span{
  font-size:21px;
  margin-left: 0.2em;
}

.white_box_custom{
  background-color: #ffffff;
  padding:32px;
}

.pickup-item-logo{
    margin-bottom:21px;
}

.pickup-item-image-block{
    margin-bottom:21px;
    text-align: center;
}
.pickup-item-image-block img{
    width: 75%;
}

.pickup-item-name{
    color:#333333;
    font-size:21px;
}
.pickup-item-price-amount{
    align-items: baseline;
  color: #333333;
  font-weight: bold;
  font-size: 24px;
    display: flex;
    flex-wrap: wrap;
}

.pickup-item_btn{
    display: flex;
    gap:16px;
    margin-top: 16px;
}

.pickup-item_btn a{
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height: 4em;
    border: 1px solid #3f48a2;
    border-radius:10.5px;
    font-size:16px;
    color:#3f48a2;
}
.pickup-item_btn a:hover{
    opacity: 0.8;
    text-decoration: none;
}

.pickup-item_btn a:first-child{
    background-color: #3f48a2;
    color:#ffffff;
}
._beauty .pickup-item_btn a{
    border: 1px solid #d54169;
    color:#d54169;
}
._beauty .pickup-item_btn a:first-child{
    background-color: #d54169;
    color:#ffffff;
}

.pickup_banner_area{
  margin-top: 106px;
}
.pickup_banner_area .pickup_banner_ttl{
  text-align: center;
  color:#ffffff;
  font-weight: bold;
  font-size:21px;
  margin-bottom:16px;
}

.pickup_banner_area .ecm-slider-slide{
  border-radius:9px;
  overflow: hidden;
  /* cursor: pointer; */
}
.pickup_banner_area .ecm-slider-slide.ecm-slider-slide-active{
  cursor: pointer !important;
}

.pickup_banner_area .ecm-slider-slide:hover{
  opacity: 0.8;
}


.pickup_banner_area .ecm-slider-prev,
.pickup_banner_area .ecm-slider-next{
  display: none;
}


.pickup_banner_area .ecm-slider-pagination-bullet{
    background-color: rgba(255, 255, 255, 0.2);
}
.pickup_banner_area .ecm-slider-pagination-bullet.ecm-slider-pagination-bullet-active{
  background-color: rgba(255, 255, 255, 1);
}