@charset "utf-8";

/*
 background
========================================= */
#anc01.brand-container{
  background: url(https://r.r10s.jp/evt/event/whiteday/2026/_pc/img/udr/brand/con01_bg.png?v=202603121442) no-repeat center top;
}
.bgc-e7f7ff{background-color: #e7f7ff;}
.bg-texture{
  background: url(https://r.r10s.jp/evt/event/whiteday/2026/_pc/img/udr/brand/con_texture.png?v=202603121442) repeat-y center top;
  position: relative;
}
.bg-texture::before{
  content: '';
  position: absolute;
  z-index:-1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(0deg,rgba(242, 253, 254, 1) 0%, rgba(242, 246, 254, 1) 100%);
}
.bgc-eef5fe{background-color: #eef5fe;}

/*
 kanban
========================================= */
.kanban{
  background: url(https://r.r10s.jp/evt/event/whiteday/2026/_pc/img/udr/brand/kanban_bg.png?v=202603121442) no-repeat center top;
  height: 560px;
}
.ecm-kanban-layout-brand{margin-bottom: -16px;}
.anchor-navi{
  gap: 14px;
  width: 880px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  z-index:1;
  border:solid 8px rgba(77,123,179,.5);
  position: relative;
  padding-top: 22px;
  padding-bottom: 26px;
}
.anchor-navi::before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(1,36,72,.7);
  z-index:-1;
}
.anchor-button{
  font-weight: bold;
  color: #fff!important;
  position: relative;
  text-align: center;
}
.anchor-button__icon{
  margin-bottom: 8px;
}
.anchor-button__text{
  font-size: 16px;
}
.anchor-button::after{
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  border-right:solid 2px #adcae8;
  border-bottom:solid 2px #adcae8;
  transform:rotate(45deg);
  left: 50%;
  margin-left: -5px;
  bottom: -10px;
}

/*
 scm-alert-free-shipping-layout-default
========================================= */
.scm-alert-free-shipping-layout-default{
  background-color: #f5f5f5;
}

/*
 sea-c-background-period
========================================= */
.sea-c-background-period{
  background-color: #f8fdff!important;
  /* width: 500px; */
  margin-right: auto;
  margin-left: auto;
}

/*
 brand-title
========================================= */
.brand-title{
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  position: relative;
}
#anc01 .brand-title{margin-bottom: 54px;}
#anc02 .brand-title{margin-bottom: 37px;}
#anc03 .brand-title{margin-bottom: 54px;}
#anc04 .brand-title{margin-bottom: 54px;}
#anc05 .brand-title{margin-bottom: 72px;}
.brand-title > span{
  position: absolute;
  left: 50%;
  transform:translateX(-50%);
  width: 100%;
}
#anc01 .brand-title > span{
  top: 85px;
}
#anc02 .brand-title > span{
  top: 84px;
}
#anc03 .brand-title > span{
  top: 85px;
}
#anc04 .brand-title > span{
  top: 87px;
}
#anc05 .brand-title > span{
  top: 88px;
}

/*
 sub-headline
========================================= */
.sub-headline{
  font-family: HiraKakuProN-W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  line-height: 1.3;
  font-size: 26px;
  color: #12457d;
  font-weight: 700;
  text-align: center;
  margin-bottom: 16px;
}

/*
 sea-c-background-period
========================================= */
.sea-c-background-period{
  background-color: #fffbf4;
}

/*
 ecm-ad
========================================= */
.ecm-ad[data-layout="default"]{
  background-color: #fff;
  padding: 16px;
  box-shadow: 0 3px 15px rgba(0,0,0,.2);
}
.ecm-ad[data-layout="default"][data-ad-id="100167"]{
  padding: 24px;
}

/*
 ecm-alcor
========================================= */
.ecm-alcor[data-layout="default"]{
  background-color: #fff;
  padding: 16px;
  box-shadow: 0 3px 15px rgba(0,0,0,.2);
}

/*
 contents__anchorLink
========================================= */
.d-grid-col-3.contents__anchor{
  margin-bottom: 60px;
}
.d-grid-col-4.contents__anchor{
  margin-bottom: 60px;
}
.contents__anchorLink{
  display: block;
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 0 8px rgba(0,0,0,.16);
  overflow:hidden;
}
.contents__anchorText{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  height: 70px;
  line-height: 1;
  color: #12457d!important;
}
.contents__anchorIcon{
  display: flex;
  height: 24px;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 16px;
  background-color: #12457d;
}
.contents__anchorIcon .ecm-icon-chevron-down{
  color: #fff!important;
}

/*
 ecm-search-layout-brand
---------------------------------------------------  */
.ecm-search-layout-brand{
  width: 560px;
  margin-right: auto;
  margin-left: auto;
  border: 2px solid #12457d;
}
.ecm-search-layout-brand .ecm-search-submit{
  background-color: #12457d;
  text-align: center;
  padding: 0;
}
.ecm-search-layout-brand .ecm-search-input{
  color: #333;
}
.ecm-search-layout-brand .ecm-search-submit .ecm-icon-search{font-size: 20px!important;}