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

Christmas Brand Collection

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


.kanban_wrap{
    position: relative;
}

/* 看板内スライダー */

.loopSwiper{
  width: 820px;
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  bottom:32px;
  left:0;
  right:0;
}
.loopSwiper .loopSwiper_box{
  overflow: hidden;
  pointer-events: none;
}
.loopSwiper .swiper-container01 {
  position: relative;
  display: flex;
}
.loopSwiper ul {
  padding: 0;
  /*ロゴの枚数で下記の数値（* 8）を変更*/
  width: calc((146px + 8px) * 12);
  display: flex;
  flex-shrink: 0;
}
.loopSwiper ul:first-child {
  animation: loopslide1 60s -30s linear infinite;
}
.loopSwiper ul:last-child {
  animation: loopslide2 60s linear infinite;
}
/* loopSlide _slideimg */
.loopSwiper .loopSwiper_box ul li {
  width: auto;
  width: 146px;
  /* height: auto; */
  height: 168px;
  margin-right: 8px;
  display: inline-block;
  list-style: none;
  text-align: center;
  box-sizing: border-box;
}
.loopSwiper 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%);
  }
}


.kanban_lead{
  background-color:#093d43 ;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
}



/*.contents */

.anchor_area ul li a{
    background-color:#fdf0dd;
    border: 2px solid #bf9c5c;
    border-radius: 8px;
    position: relative;
    display:flex;
    justify-content:center ;
    align-items: center;
    text-align: center;
    height: 80px;
    padding: 16px 32px 16px 16px;
    font-size:18px;
    color:#333333;
    font-weight: 600;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.anchor_area ul li a:after{
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top:12px solid #333333;
    border-left:9px solid transparent;
    border-right:9px solid transparent;
    border-bottom: 0;
    position: absolute;
    top:50%;
    right: 16px;
    margin-top: -6px;
}

.anchor_area ul li a:hover{
  text-decoration: none;
  opacity: 0.8;
}


.anchor_area ul li:nth-child(1) {
  grid-column: 1 / 3;
}
.anchor_area ul li:nth-child(2) {
  grid-column: 3 / 5;
}

.anchor_area ul li:nth-child(1) a,
.anchor_area ul li:nth-child(2) a{
    background-color:#bf9b5b;
    color:#ffffff;
    font-size: 22px;
}

.anchor_area ul li:nth-child(1) a:after,
.anchor_area ul li:nth-child(2) a:after{
    border-top-color: #ffffff;
}


.con_brand_ttl{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size:40px;
    color:#333333;
    font-weight: 500;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-feature-settings: "palt";
    margin-bottom: 28px;
}
.con_brand_ttl span{
    padding: 0 0.6em;
}
.con_brand_ttl:before{
    display: inline-block;
    content: "";
    width:54px;
    height: 51px;
    background-image: url(https://r.r10s.jp/evt/event/xmas/2025/_pc/img/udr/brand/con_ttl_before.png?v=202510301434);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.con_brand_ttl:after{
    display: inline-block;
    content: "";
    width:54px;
    height: 51px;
    background-image: url(https://r.r10s.jp/evt/event/xmas/2025/_pc/img/udr/brand/con_ttl_after.png?v=202510301434);
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.con_brand_ttl._pickup{
    color:#e5bb6e;
    font-size:40px;
}
.con_brand_ttl._pickup:before{
    background-image: url(https://r.r10s.jp/evt/event/xmas/2025/_pc/img/udr/brand/con_pickup_ttl_before.png?v=202510301434);
}
.con_brand_ttl._pickup:after{
    background-image: url(https://r.r10s.jp/evt/event/xmas/2025/_pc/img/udr/brand/con_pickup_ttl_after.png?v=202510301434);
}
.con_brand_ttl._pointup{
    font-size:40px;
}

.brand_pickup_ad_bg{
    background-color: #4a7176;
}
.point_up_bg{
    background-color: #fff5d8;
}

.pointup_period{
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.pointup_period ._ribbon{
    width:120px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    background-color: #2a584f;
    margin: 0 auto 12px;
    color:#ffffff;
    font-size:16px;
}
.pointup_period p{
    color:#333333;
    font-size:16px;
    font-weight: 600;
}
.pointup_period p + p{
    margin-top: 20px;
}

.point_up_alt{
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size:16px;
    font-weight: 500;
    text-align: center;
    margin-top: 36px;

}
.rule_anchor{
    text-align: center;
    margin:24px auto 40px;
}
.rule_anchor a{
    display: inline-block;
    width: 320px;
    height: 48px;
    line-height: 48px;
    border-top: 1px solid #7ea4ad;
    border-bottom: 1px solid #7ea4ad;
    text-align: center;
    color:#7ea4ad;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size:16px;
    font-weight: 600;
}