@charset "utf-8";
#campaign_index .catch_arrow {
  display: block;
  background-color: #000000;
  margin-bottom: 20px;
  padding: 10px 0;
  text-align: center;
  font-size: 20px;
  line-height: 1em;
  color: #FFFFFF;
  position: relative;
}
#campaign_index .catch_arrow:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-style: solid;
  border-width: 17px 40px 0 40px;
  margin-left: -40px;
  border-color: #000000 transparent transparent transparent;
  line-height: 0px;
  _border-color: #000000 #ffffff #ffffff #ffffff;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');
}
@media (min-width: 768px) {
  #campaign_index .catch_arrow {
    margin-bottom: 45px;
    font-size: 35px;
  }
  #campaign_index .catch_arrow:after {
    border-width: 35px 80px 0 80px;
    margin-left: -80px;
  }
}
#campaign_index .pointdetail_container .caution_bx {
  box-sizing: border-box;
  border: 1px solid #000000;
  background-color: #FFFFFF;
  margin: 0 0 3% 0;
  padding: 20px;
  text-align: left;
}
#campaign_index .box-banner-list__txt .date {
  display: block;
  font-size: 13px;
}
#campaign_index .box-banner-list {
  justify-content: start;
  max-width: 100%;
}
#campaign_index .box-banner-list__item {
  margin-right: 1%
}
#campaign_index .box-banner-list__item {
  max-width: 49.5%;
  width: 49.5%;
}
#campaign_index .box-banner-list__item:nth-child(4n) {
  margin-right: 0;
}

@media (min-width: 768px) {
  #campaign_index .box-banner-list.col3 .box-banner-list__item:nth-child(4n) {
    margin-right: 1%
  }
  #campaign_index .box-banner-list__item {
    max-width: 24.25%;
    width: 24.25%;
  }
  #campaign_index .box-banner-list.col3 .box-banner-list__item {
    max-width: 32.6%;
    width: 32.6%;
  }
  #campaign_index .box-banner-list.col3 .box-banner-list__item:nth-child(3n) {
    margin-right: 0;
  }
}

/*20190124 box-innnerに合わせてmargin等調整*/

/*#campaign_index .cpbn_area{ margin: 3% 0;padding:2%;}*/
#campaign_index .box-banner-list__item {
  width: 46%;
  max-width: 46%;
  margin: 2% 2% 3%;
  padding: 0;
}
@media(min-width: 768px) {
  #campaign_index .box-banner-list__item {
    width: 32%;
    max-width: 32%;
    margin: 0 0 2%;
    padding: 0;
  }

  #campaign_index .box-banner-list__item:nth-child(4n) {
    margin: initial;
  }

  #campaign_index .box-banner-list__item:nth-child(3n-1) {
    margin: 0 2% 2%;
  }
}

/*------------------------------------------
  d ポイント表示エリア
------------------------------------------*/
.campaign_dpoint {
  background: #fff;
  text-align: center;
}
.campaign_dpoint .campaign_dpoint__login {
  padding: 1% 0 2%;
}
.campaign_dpoint .campaign_dpoint__login dl dt,
.campaign_dpoint .campaign_dpoint__login dl dd {
  display: inline;
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
}
@media all and (min-width: 768px) {
  .campaign_dpoint .campaign_dpoint__login dl dt,
  .campaign_dpoint .campaign_dpoint__login dl dd {
    font-size: 24px;
  }
}
.campaign_dpoint .campaign_dpoint__login p {
  font-size: 12px;
  line-height: 1.5;
}
@media all and (min-width: 768px) {
  .campaign_dpoint .campaign_dpoint__login p {
    font-size: 16px;
  }
}
.campaign_dpoint .campaign_dpoint__login p:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  background: url(https://img.fashion.dmkt-sp.jp/images/df/common/icon/icon-info_r.png) center no-repeat;
  background-size: contain;
  margin-right: .25em;
  position: relative;
  top: -1px;
}
@media all and (min-width: 768px) {
  .campaign_dpoint .campaign_dpoint__login p:before {
    font-size: 28px;
    width: 18px;
    height: 18px;
    top: -2px;
  }
}
.campaign_dpoint .campaign_dpoint__logout {
  padding: 1.3333% 0;
}
.campaign_dpoint .campaign_dpoint__logout .campaign_dpoint__loginBtn {
  margin-bottom: 1%;
}
.campaign_dpoint .campaign_dpoint__logout .campaign_dpoint__loginBtn a {
  color: #e60012;
  font-size: 14px;
  line-height: 1.28571;
  font-weight: bold;
}
@media all and (min-width: 768px) {
  .campaign_dpoint .campaign_dpoint__logout .campaign_dpoint__loginBtn a {
    font-size: 28px;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }

  .campaign_dpoint .campaign_dpoint__logout .campaign_dpoint__loginBtn a:hover {
    opacity: 0.7;
  }
}
.campaign_dpoint .campaign_dpoint__logout .campaign_dpoint__loginBtn a:after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  background: url(https://img.fashion.dmkt-sp.jp/images/df/common/icon/icon_arrow_red.png) center no-repeat;
  background-size: contain;
  margin-left: .2em;
  position: relative;
  top: -1px;
}
@media all and (min-width: 768px) {
  .campaign_dpoint .campaign_dpoint__logout .campaign_dpoint__loginBtn a:after {
    font-size: 28px;
    width: 27px;
    height: 27px;
    top: -3px;
  }
}
.campaign_dpoint .campaign_dpoint__logout .campaign_dpoint__loginBtn a span {
  display: inline-block;
  margin-bottom: .2em;
  font-weight: normal;
  text-decoration: underline;
  color: #000;
  font-size: 12px;
  line-height: 1.56522;
}
@media all and (min-width: 768px) {
  .campaign_dpoint .campaign_dpoint__logout .campaign_dpoint__loginBtn a span {
    font-size: 23px;
  }
}
.campaign_dpoint .campaign_dpoint__logout .campaign_dpoint__loginText {
  font-size: 11px;
  line-height: 1.89474;
}
@media all and (min-width: 768px) {
  .campaign_dpoint .campaign_dpoint__logout .campaign_dpoint__loginText {
    font-size: 19px;
  }
}

/* キャンペーンページ共通 191031*/
#obi_pointcpn {
  display: none;
}
.lp_container p {
  line-height: 1.6em;
}
.lp_container .logo-search {
  padding-top: 0;
}
.lp_container .logo-search li {
  margin-bottom: 4%;
}
.lp_container .detail {
  background-color: #000;
  color: #fff;
  font-size: 14px;
  padding: 0.5em 0;
  font-weight: bold;
}
.lp_container input {
  vertical-align: middle;
}
.lp_container ul.list-notice01.lsDisc li {
  list-style: disc;
  text-indent: 0;
  margin-left: 1.5em;
  font-size: 1em;
}
.lp_container .example {
  border: #ccc 1px solid;
  padding: 2%;
  margin: 2% 0;
  font-size: 0.9em;
}
.lp_container .example h3 {
  font-size: 1.1em;
}
.lp_container .example p {
  font-size: 0.9em;
}
.lp_container .example table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 5%;
}
.lp_container .example table td {
  padding: 0 3%;
  line-height: 1.2em;
  width: max-content;
}
.lp_container .example table td:nth-child(even) {
  text-align: right;
}
.lp_container .example table tr:nth-last-child(2) td {
  padding-bottom: 1%;
}
.lp_container .example table tr:last-child td {
  border-top: 1px solid #ccc;
  padding-top: 1%;
  font-weight: bold;
  font-size: 1.1em;
}
.lp_container table.tbl_basic {
  border-collapse: collapse;
  width: 100%;
  margin: 2% 0;
}
.lp_container table.tbl_basic th,
.lp_container table.tbl_basic td {
  border: 1px solid #ccc;
  padding: 2%;
  width: 50%;
  vertical-align: middle;
}
.lp_container table.tbl_basic th {
  background-color: #eee;
  text-align: left;
}
.lp_container .df-row ul.list-notice01 li {
  list-style: disc;
  text-indent: 0;
  margin-left: 1.5em;
  font-size: 1em;
}
@media(min-width: 768px) {
  .lp_container .example,
  table.tbl_basic {
    max-width: 640px;
  }

  .lp_container table.tbl_basic th,
  .lp_container table.tbl_basic td {
    padding: 1%;
  }
}

/*キャンペーンフッタ　ポイントガイド　191031*/
.cpnguide>div {
  width: 100%;
  margin-bottom: -2px;
}
.cpnguide .box-c-list03__tit {
  height: 3.5em;
  /*line-height: 3.5em;*/

  border-top: 1px solid #ccc;
  border-bottom: 0;
  padding-left: 3%;
  font-size: 1.1em;
}
.cpnguide .box-c-list03__tit .btn-ac:before,
.box-c-list03__tit.active .btn-ac:before {
  content: "";
}
.cpnguide .js-ac-content {
  padding: 3%;
}
.cpnguide .box-c-list03__tit .btn-ac::after {
  background-position: 0 -144px;
}
.cpnguide .box-c-list03__tit.active .btn-ac:after {
  background-position: 0 -168px;
}
.cpnguide .list-notice01 li {
  list-style: disc;
  text-indent: 0;
}
.cpnguide .js-ac-content img {
  max-width: 80%;
}
@media(min-width: 768px) {
  .cpnguide .js-ac-content img {
    max-width: 330px;
  }
}

/*リプレイス対応 200605*/
.lp_container .cpnguide .btn-bd_red::after {
  border: none;
  transform: unset;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-top: -9px;
  right: auto;
}

/*----- キャンペーン一覧改修　200117 -----*/
@media screen and (max-width: 767px) {
  .cpbn_area .col-sp-2 {
    width: 48.5%;
    margin-right: 3%;
  }

  .cpbn_area .col-sp-2:nth-child(2n) {
    margin-right: 0;
  }
}
.hScroll {
  padding: 2% 1%;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  display: -ms-flexbox;
  display: flex;
}

/* 画面幅が768px以上の場合、横スクロールを解除 */
.hScroll li {
  width: 100%;
  min-width: 37%;
  padding: 0 1%;
}
.hScroll img {
  vertical-align: bottom;
}
@media screen and (min-width: 768px) {
  .hScroll {
    padding: 2%;
    overflow-x: inherit;
  }

  .hScroll li {
    min-width: 25%;
  }
}

/*-------- 見出し追加200213 -------*/
.balloon {
  position: relative;
  display: inline-block;
  border-bottom: solid 1px #e60012;
  padding: 2% 0 2% 4% !important;
  min-width: 240px;
  max-width: 100%;
  margin: 0 3% !important;
  width: 94%;
  line-height: 1.2;
  font-size: 16px !important;
  background-image: url(https://img08.magaseek.com/images/df/imgmg/campaign/point_icon.png);
  background-size: 10%;
  background-repeat: no-repeat;
  background-position: center left;
  color: #e60012;
}
.balloon:before,
.balloon:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.balloon:before {
  border: solid 10px transparent;
  border-top: solid 10px #e60012;
}
.balloon:after {
  border: solid 12px transparent;
  border-top: solid 12px #fff;
  margin-top: -3px;
}
.balloon span {
  font-weight: normal;
}
@media (min-width: 767px) {
  .balloon {
    font-size: 22px !important;
    background-size: 5% !important;
  }
}

/*220316個別ページから移植*/
.dcontainer {
  display: block;
  width: 80%;
  margin: auto;
}
.campaign_entrybx .dcontainer li img {
  width: 100%;
}
.lp_container .dcontainer .sng-btn {
  width: 100%;
  max-width: 100%;
}
@media(max-width:767px) {
  .dcontainer {
    width: 100%;
  }

  .dcontainer li {
    width: 100%;
    margin: 1% 0;
  }
}
.logo-search li a .logo-search__txt {
  line-height: 1em;
}

/*.logo-search li a{position: relative;}*/
.logo-search li a .logo-search__thumb {
  border-width: 1px 12px 1px 1px;
}

/*.logo-search li a:after{content: '';border-top: 1px solid #fff;border-right: 1px solid #fff;position: absolute;top: 50%;right: 4px;height: 6px;width: 6px;transform: rotate(45deg);margin-top: -10px;display: block;}*/
.lp_container .lp-btn.bg-yellow {
  background-color: #ff8c00;
}

/*20240401 dfデー改修*/
.cpn_dfday .mv2040 {
  background-color: #f00;
}
.cpn_dfday .mv_img {
  position: relative;
}
.cpn_dfday .mv_img a {
  position: absolute;
  top: 10%;
  right: 0;
}
.cpn_dfday .mv_img a img {
  width: 40px;
}
.cpn_dfday .tri {
  margin: 1% auto 0;
  width: 18px;
  height: 18px;
  background-color: #fdf20b;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  margin-bottom: -1px;
}
.lp_container.cpn_dfday .lp-btn.btn_blk {
  background-color: #000;
  padding: 16px 20px 16px 5px;
}
.lp_container.cpn_dfday .btn-l {
  padding: 23px 11px 25px 0px;
}
.cpn_dfday .logo-search {
  font-size: 0;
}
.cpn_dfday .logo-search li {
  margin-bottom: 6px;
}
.cpn_dfday .logo-search .logo-search__thumb {
  background-color: #fff;
  border: 1px solid #ddd;
  display: block;
}
.cpn_dfday .logo-search li {
  width: 33%;
  margin-bottom: 10px;
  padding: 0 5px;
}
@media all and (max-width: 768px) {
  .cpn_dfday .logo-search li:nth-child(3n+1) {
    clear: both;
  }
}
@media all and (min-width: 768px) {
  .cpn_dfday .mv20 a img {
    width: 50px;
  }
  .cpn_dfday .logo-search li {
    width: 20%;
  }
  .cpn_dfday .logo-search li:nth-child(5n+1) {
    float: left;
    clear: none;
  }
}

/*タブ*/
.lp_container.cpn_dfday ul#tab_conts,
.lp_container.cpn_dfday #tab_conts li {
  border: none;
}
.lp_container.cpn_dfday .contents_prnt {
  background-color: #fff;
}
.lp_container.cpn_dfday #tab_conts li {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  background-color: transparent;
}
.lp_container.cpn_dfday #tab_conts li a {
  padding: 0.5em 0;
}
.lp_container.cpn_dfday #tab_conts li.tab_select a {
  background: #fff;
  color: #f00;
  border-radius: 6px 6px 0 0;
  width: 85%;
  margin: auto;
}
.lp_container.cpn_dfday .cont_wrap {
  padding: 5%;
}
@media all and (min-width: 768px) {
  .lp_container.cpn_dfday .cont_wrap {
    padding: 3%;
  }
}
.lp_container.cpn_dfday .contents_prnt .content ul li {
  margin: 2%;
}
.lp_container.cpn_dfday .contents_prnt .content img {
  width: 85%;
}

/*キャンペーン一覧調整*/

/*.cpbn_area{display: flex;justify-content: center;}
.cpbn_area .col-sp-2,.col-pc-4{float: none;}*/

/*-----2405-----*/

/*看板*/
#campaign_index .cpbn_area .col-sp-2 {
  margin-bottom: 5%;
}
#campaign_index .cpbn_area img {
  width: 100%;
  border-radius: 6px;
  margin-bottom: 1%;
}
#campaign_index .cpbn_area .box-banner-list__txt {
  font-size: 12px;
}
#campaign_index .pointdetail_container .caution_bx {
  border: none;
  background-color: #f3f3f3;
  padding: 8% 4%;
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 1.4;
}
#campaign_index .icn-external:after {
  width: 13px;
  height: 13px;
  vertical-align: middle;
}
@media(max-width: 767px) {
  #campaign_index .mainimg .pcright {
    background-color: #e0f3fc;
    padding-bottom: 3%;
  }

  #campaign_index .mainimg .pcright div:first-child {
    margin: -4.5% auto 0;
    width: 93%;
  }

  #campaign_index .mainimg .pcright div:last-child {
    width: 90%;
    margin: 3% auto 1%;
  }
}
@media(min-width: 768px) {
  #campaign_index .cpbn_area .col-sp-2 {
    margin-bottom: 4%;
  }

  #campaign_index .cpbn_area .box-banner-list__txt {
    font-size: 14px;
  }

  #campaign_index .pointdetail_container .caution_bx {
    font-size: 15px;
    padding: 4%;
  }

  #campaign_index .mainimg {
    position: relative;
  }

  #campaign_index .mainimg .pcright {
    position: absolute;
    right: 3.5%;
    top: 5%;
  }

  #campaign_index .mainimg .pcright div:last-child {
    margin: 5% 2% 5% 20%;
    max-width: 320px;
  }
}

/*一覧*/
ul.cpbn_area {
  width: 85%;
  margin: auto;
}
#campaign_index .cpbn_area li a {
  display: block;
  position: relative;
}
#campaign_index .cpbn_area li a:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 15;
  width: 100%;
  height: 99%;
  top: 0;
  left: 0;
  border-radius: 6px;
}
#campaign_index .cpbn_area .cpn_end a:after {
  background-color: rgba(0, 0, 0, 0.6);
}
#campaign_index .cpbn_area .cpn_soon a:after {
  background-color: rgba(255, 255, 255, 0.76);
}
#campaign_index .cpbn_area .cpn_end .date_soon,
#campaign_index .cpbn_area .cpn_soon .date_end,
#campaign_index .cpbn_area .cpn_open .date_end,
#campaign_index .cpbn_area .cpn_open .date_soon {
  display: none;
}
#campaign_index .cpbn_area .txtdate {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 20;
  transform: translate(-50%, -50%);
  font-size: 20px;
  width: 100%;
  text-align: center;
}
#campaign_index .cpbn_area .cpn_soon .date_soon {
  color: #000;
}
#campaign_index .cpbn_area .cpn_end .date_end {
  color: #fff;
}
#campaign_index .cpbn_area .cpn_soon a,
#campaign_index .cpbn_area .cpn_end a {
  pointer-events: none;
}

/*---2407 dfデー改修---*/
.cpn_dfday .subttl_shoplist img {
  padding: 6% 0 3%;
}
.lp_container.cpn_dfday ul.listnav {
  margin: 0 auto 3%;
  display: flex;
  justify-content: center;
}
.lp_container.cpn_dfday ul.listnav li {
  width: 50%;
  padding: 2% 6%;
  position: relative;
}
.lp_container.cpn_dfday ul.listnav li:first-of-type:after {
  border-right: 1px solid #fff;
  content: '';
  display: inline-block;
  height: 80%;
  position: absolute;
  top: 10%;
  right: 0;
}
.lp_container.cpn_dfday .dfday_entryBtn {
  background-color: #fff;
  margin-bottom: 4%;
  padding: 3%;
}

/*タブ*/
.lp_container.cpn_dfday .cont {
  margin-top: 2%;
}
.lp_container.cpn_dfday ul.tab_conts {
  display: flex;
  justify-content: center;
}
.lp_container.cpn_dfday ul.tab_conts,
.lp_container.cpn_dfday .tab_conts li {
  border: none;
}
.lp_container.cpn_dfday .contents_prnt {
  background-color: #fff;
}
.lp_container.cpn_dfday .tab_conts li {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  background-color: transparent;
  width: 100%;
  margin-bottom: -1px;
}
.lp_container.cpn_dfday .tab_conts li a {
  padding: 0.5em 0 0.6em;
  display: block;
}
@media all and (min-width: 768px) {
  .lp_container.cpn_dfday .tab_conts li a {
    padding: 1em 0 1.2em;
    font-size: 15px;
  }
}
.lp_container.cpn_dfday .tab_conts li.tab_select a {
  background: #fff;
  color: #f00;
  border-radius: 6px 6px 0 0;
  margin: auto;
  width: 85%;
}

/* ----------------------------------------
  【cpn_dfday】dポイントCPN LP
---------------------------------------- */
/* dfデー他 共通CSS */
@media all and (max-width: 768px) {
  .cpn_dfday {
    padding-bottom: 60px;
  }
}
.cpn_dfday .w600 {
  max-width: 600px;
  margin: 0 auto;
}
.cpn_dfday .w756 {
  max-width: 756px;
  margin: 0 auto;
}
.cpn_dfday .box {
  max-width: 980px;
  margin: 0 auto;
}
.cpn_dfday .text-center {
  text-align: center
}
.cpn_dfday .link-bdr {
  text-decoration: underline;
}
.cpn_dfday .txt-information {
  color: #c03;
}
.cpn_dfday .box-inner {
  padding: 1px 3%;
  clear: both
}
.cpn_dfday .box-tit {
  margin: 4% 0;
  position: relative;
  padding: 0 10px
}
.cpn_dfday .box-tit__headline {
  font-size: 18px;
  margin-bottom: 15px;
  text-align: center;
  line-height: 24px;
}
@media(min-width:768px) {
  .cpn_dfday .box-tit {
    margin: 3% 0;
    font-weight: 400;
    padding: 0 20px;
  }
  .cpn_dfday .box-tit__headline {
    font-size: 26px;
    margin-bottom: 20px;
    line-height: 32px;
  }
}
.cpn_dfday .box-section-tit {
  font-size: 18px;
  margin: 40px 0 15px;
  font-weight: bold;
}
.cpn_dfday .list-notice01 li {
  text-indent: -1.2em;
  margin-left: 1.2em;
  list-style: none;
  margin-bottom: 5px;
  line-height: 1.3
}

/* ボタンの表示制御 */
.cpn_dfday .js-eventBtn {
  pointer-events: none;
  opacity: .15;
  cursor: default;
}
.cpn_dfday .js-eventBtn.active {
  pointer-events: auto;
  opacity: 1;
  cursor: pointer;
}
.cpn_dfday .sng-btn:has(.js-eventBtn.active) + ul {
  display :none;/* 注釈非表示 */
}
.cpn_dfday .js-entryArea:not(.active) .permissionbtn {
  display: none;
}
.cpn_dfday .js-entryArea.active .outofentry {
  display: none;
}
.cpn_dfday .outofentry {
  display: block;
  font-size: 20px;
  line-height: 1.3em;
  text-decoration: none;
  color: #999;
  text-align: center;
  padding: 1.25em 0.85em;
  margin-bottom: 2%;
  position: relative;
  background-color: #ddd;
  border-radius: 6px;
  margin-bottom: 20px;
  cursor: not-allowed;
}

/* 【注目のおすすめショップ】初回メンズ非表示 */
.cpn_dfday .cont_wrap ~ .cont_wrap {
  display: none;
}
.cpn_dfday .cont_wrap .logo-search li {
  float: left;
}

/* 【ポイントガイド】アコーディオン */
.cpn_dfday .cpnguide {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}
.cpn_dfday .cpnguide .box-c-list03__tit {
  display: flex;
  align-items: center;
  position: relative;
  font-weight: normal;
  cursor: pointer;
}
.cpn_dfday .cpnguide .box-c-list03__tit .ph {
  font-size: 20px;
  line-height: 1;
  color: #c03;
  position: absolute;
  right: 15px;
  top: calc(50% - 10px);
  transition: transform .2s;
}
.cpn_dfday .cpnguide .box-c-list03__tit.active {
  background-color:#ffebf0;
}
.cpn_dfday .cpnguide .box-c-list03__tit.active .ph {
  transform: rotate(180deg);
}
.cpn_dfday .cpnguide .list-notice01 li {
  text-indent: 0;
  list-style: disc;
}
.cpn_dfday .icn-external:after {
  content: '\E5DE';
  font-family: 'Phosphor';
  display: inline-block;
  margin-left: 7px;
  font-size: 18px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

/* 戻るボタン（カートページ踏襲） */
.cpn_dfday .back_link {
  margin: 50px auto 0;
  text-align: center;
}
.cpn_dfday .back_link a {
  color: var(--text-base-black);
  border: 1px solid var(--color-base-black);
  display:inline-block;
  width: 300px;
  padding:1em 2em;;
  font-size:13px;
  line-height:1;
  border-radius:4px;
  position: relative;
}
.cpn_dfday .back_link a::after {
  content: "";
  font-family: "Phosphor";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: var(--color-primary);
}
.cpn_dfday .back_link a::after {
  content: "\E138";
  left: 0.5em;
}
.cpn_dfday .back_link a:hover {
  opacity: 0.6;
}

/* padding */
.cpn_dfday .d_pb1 {padding-bottom: 1% !important}
.cpn_dfday .d_pb2 {padding-bottom: 2% !important}
.cpn_dfday .d_pb3 {padding-bottom: 3% !important}
.cpn_dfday .d_pb4 {padding-bottom: 4% !important}
.cpn_dfday .d_pt1 {padding-top: 1% !important}
.cpn_dfday .d_pt2 {padding-top: 2% !important}
.cpn_dfday .d_pt3 {padding-top: 3% !important}
.cpn_dfday .d_pt4 {padding-top: 4% !important}

/* メルマガ許諾用ボタン */
.cpn_dfday .mailmagazinePermissionButton,
.cpn_dfday .mailmagazinePermissionButton2,
.cpn_dfday .mailmagazinePermissionCheck,
.cpn_dfday .mailmagazinePermissionCheck2{
  text-align: center;
}
.cpn_dfday .mailmagazinePermissionCheck,
.cpn_dfday .mailmagazinePermissionCheck2{
  margin: 10px;
}
.cpn_dfday .mailmagazinePermissionButton #checkbox,
.cpn_dfday .mailmagazinePermissionButton2 #checkbox,
.cpn_dfday .mailmagazinePermissionCheck #checkbox,
.cpn_dfday .mailmagazinePermissionCheck2 #checkbox{
  vertical-align: middle;
}
.cpn_dfday .mailmagazinePermissionButton label,
.cpn_dfday .mailmagazinePermissionButton2 label,
.cpn_dfday .mailmagazinePermissionCheck label,
.cpn_dfday .mailmagazinePermissionCheck2 label {
  cursor: pointer;
}
.cpn_dfday .mailmagazinePermissionButton label input,
.cpn_dfday .mailmagazinePermissionButton2 label input,
.cpn_dfday .mailmagazinePermissionCheck label input,
.cpn_dfday .mailmagazinePermissionCheck2 label input {
  cursor: pointer;
  margin-right: .5em !important;
  margin: -2px .5em 0 0;
}
.cpn_dfday .mailmagazinePermissionButton label span,
.cpn_dfday .mailmagazinePermissionButton2 label span,
.cpn_dfday .mailmagazinePermissionCheck label span,
.cpn_dfday .mailmagazinePermissionCheck2 label span{
  vertical-align: middle;
}
.cpn_dfday .mailmagazinePermission{
  padding: 20px 0 0;
  text-align: center;
}
.cpn_dfday .mailmagazinePermissionButton{
  margin-bottom: 20px;
}
.cpn_dfday a.mailmagazinePermissionButton.void {
  pointer-events: none;
}
.cpn_dfday .cpn_pointmax1000 .detail {
  margin-bottom: 15px;
  background-color: #014907;
  color: #ffffff;
  width: 100%;
  font-size: 16px;
  text-align: center;
  padding: 10px 0 10px 0;
}
.cpn_dfday .cpn_pointmax1000 .date {
  margin-top: 5px;
  font-size: 18px;
  color: #fff600;
  font-weight: bold;
  display: block;
}

/* ブランドロゴ部分 */
.cpn_dfday .logo-search li {
  height: 16vw;
  text-align: center;
}
@media all and (min-width: 768px) {
  .cpn_dfday .logo-search li {
    height: 98px;
  }
}
.cpn_dfday .logo-search li a {
  display: block;
  width: 100%;
  height: 100%;
}
.cpn_dfday .logo-search li .logo-search__thumb {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.cpn_dfday .logo-search li .logo-search__thumb img {
  width: auto;
  max-width: 85%;
  height: auto;
  max-height: 85%;
}
/* ロゴ無し */
.cpn_dfday .logo-search li .logo-search__thumb .nologo {
  display: inline-block;
  width: 85%;
  font-size: 14px;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media all and (min-width: 768px) {
  .cpn_dfday .logo-search li .logo-search__thumb .nologo {
    font-size: 16px;
    line-height: 1.5;
  }
}

/* 各テーマカラー */
.cpn_dfday .mv_box{
  background-color: #C20500;/* 背景色 */
}
.cpn_dfday .point_bland_text {
  color: #f40203;/* 文字色 */
}

/* 調整 */
.cpn_dfday .mv_img img{
  width: 100%;
}
.cpn_dfday .point_bland_text {
  padding: 23px 0;
  text-align: center;
  font-family:  "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
  font-size: 10.5vw;
  line-height: normal;
  font-weight: 900;
  letter-spacing: 0.02em;
}
.cpn_dfday .point_bland_text h4{
  font-weight: 900;
  line-height: 1.3;
}
.cpn_dfday .point_bland_text h4 .ver{
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 5vw;
  vertical-align: text-bottom;
  margin-left: -5px;
}
.cpn_dfday .point_bland_text .text_small{
  font-size: 7.3vw;
  display: block;
  margin-top: -11px;
}

/* PC */
@media all and (min-width: 768px) {
  .cpn_dfday {
    margin-top: -20px;
  }
  .cpn_dfday .max1000{
    max-width: 1000px;
    margin: 0 auto;
  }
  .cpn_dfday .w92{
    width: 92%;
    margin: 0 auto;
  }
  .cpn_dfday .box {
    max-width: 100%;
    width: auto;
  }
  .cpn_dfday .dfday_entryBtn{
    padding: 3% 0%;
  }
  .cpn_dfday .point_bland_text{
    font-size: 48px;
  }
  .cpn_dfday .point_bland_text h4 .ver{
    font-size: 23px;
  }
  .cpn_dfday .point_bland_text .text_small{
    font-size: 33px;
  }
  .cpn_dfday .point_about{
    background-color: #f7f7f7;
  }
  .cpn_dfday .point_about img {
    display: inline-block;
  }
}

/* 【.point_item】おすすめアイテム */
.cpn_dfday .point_item__list {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  flex-wrap: wrap;
}
@media all and (max-width: 768px) {
  .cpn_dfday .point_item__list {
    gap: 1px;
  }
}
.cpn_dfday .point_item__list .lc-item {
  width: calc((100% - 40px) / 5);
}
@media all and (max-width: 768px) {
  .cpn_dfday .point_item__list .lc-item {
    width: calc((100% - 2px) / 3);
  }
}
.cpn_dfday .point_item__list .lc-item:nth-of-type(n+16) {
  display: none;/* 16件目以上が出力された場合は非表示 */
}
.cpn_dfday .point_item__list .lc-item .lc-item__image {
  box-sizing: border-box;
  background-color: #fefefe;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;

  margin-bottom: 5px;
}
.cpn_dfday .point_item__list .lc-item .lc-item__image,
.cpn_dfday .point_item__list .lc-item .lc-item__image:before {
  aspect-ratio: 5/6;
}
.cpn_dfday .point_item__list .lc-item .lc-item__image:before {
  content: "";
  display: block;
  width: 100%;
  background-color: rgba(0, 0, 0, .02);
  position: absolute;
  top: 0;
  left: 0;
}
.cpn_dfday .point_item__list .lc-item .lc-item__image > img {
  width: calc(100% * (6/5));
  height: auto;
  max-width: initial;
  margin: 0 !important;
}
.cpn_dfday .point_item__list .lc-item.-square .lc-item__image > img {
  width: 100%;
}
.cpn_dfday .point_item__list .lc-item.-square .lc-item__image:hover:before{
  opacity:0;
}
.cpn_dfday .point_item__list .lc-item .catalog-campaignGroup {
  top: -21px;
  /* キャンペーン関係は非表示 */
  opacity: 0;
  visibility: hidden;
}
.cpn_dfday .point_item__list .lc-item .catalog-campaignGroup > li {
  height: 17px;
}
.cpn_dfday .point_item__list .lc-item .catalog-campaignGroup .-discount {
  font-size: 10px;
  line-height: 1.5;
}
.cpn_dfday .point_item__list .lc-item .catalog-campaignGroup .-discount span {
  background: rgba(239, 37, 87, .8);
}
.cpn_dfday .point_item__list .lc-item .catalog-campaignGroup .-coupon span {
  color: #fff;
  background: rgba(19, 181, 177, .8);
}
.cpn_dfday .point_item__list .lc-item .catalog-campaignGroup .-coupon span:before {
  background-image: url(//media.aws.locondo.jp/_assets/img/both/icon_coupon_wh2.svg);
}
.cpn_dfday .point_item__list .lc-item .lc-item__body {
  margin-top: -15px;
  padding: 0 7px;
  text-align: left;
}
@media all and (max-width: 767px) {
  .cpn_dfday .point_item__list .lc-item .lc-item__body {
    padding: 0 5px;
  }
}
.cpn_dfday .point_item__list .lc-item .lc-item__body .lc-item__brandName {
  display: block;
  font-size: 13px;
  line-height: 1.46;
  color: #000;
}
@media all and (max-width: 767px) {
  .cpn_dfday .point_item__list .lc-item .lc-item__body .lc-item__brandName {
    font-size: 11px;
    line-height: 1.1;
    width: 100%;
    margin-bottom: 5px;
    color: #222;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    letter-spacing: .02em;
  }
}
.cpn_dfday .point_item__list .lc-item .lc-item__body .lc-item__commodityName {
  font-size: 12px;
  line-height: 1.41;
  color: #888;
  margin-top: 1px;
}
@media all and (max-width: 767px) {
  .cpn_dfday .point_item__list .lc-item .lc-item__body .lc-item__commodityName {
    display: block;
    width: 100%;
    font-size: 10px;
    line-height: 1.2;
    margin-bottom: .5em;
    color: #888;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.cpn_dfday .point_item__list .lc-item .lc-item__body .catalog-price {
  font-size: 18px;
  line-height: 1.33;
  font-weight: bold;
  margin-top: 1px;
  /* 金額非表示 */
  display: none !important;
}
@media all and (max-width: 767px) {
  .cpn_dfday .point_item__list .lc-item .lc-item__body .catalog-price {
    font-size: 16px;
  }
}
.cpn_dfday .point_item__list .lc-item .lc-item__body .catalog-price.-discount {
  color: #c03;
}

/* 【cpn_point-brand】人気のブランド */
.lp_container .point_bland .cont_wrap .logo-search {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
}
.lp_container .point_bland .cont_wrap .logo-search li {
  width: calc((100% - 40px) / 5);
  height: 98px;
  border: 1px solid #E2E2E2;
  text-align: center;
}
@media all and (max-width: 767px) {
  .lp_container .point_bland .cont_wrap .logo-search li {
    width: calc((100% - 20px) / 3);
    height: 60px;
    margin-bottom: 0;
  }
}
.lp_container .point_bland .cont_wrap .logo-search li:nth-of-type(n+26) {
  display: none;
}
.lp_container .point_bland .cont_wrap .logo-search.allShow li:nth-of-type(n+26) {
  display: list-item;
}
@media all and (max-width: 767px) {
  .lp_container .point_bland .cont_wrap .logo-search li:nth-of-type(n+19) {
    display: none;
  }
  .lp_container .point_bland .cont_wrap .logo-search.allShow li:nth-of-type(n+19) {
    display: list-item;
  }
}
.lp_container .point_bland .cont_wrap .logo-search li a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.lp_container .point_bland .cont_wrap .logo-search li.img img {
  width: auto;
  max-width: 85%;
  height: auto;
  max-height: 85%;
}
.lp_container .point_bland .cont_wrap .logo-search li.text span {
  display: inline-block;
  width: 85%;
  font-size: 16px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 表示する行数を指定 */
  overflow: hidden;
  text-overflow: ellipsis;
}
.lp_container .point_bland .cont_wrap .more_point-brand {
  display: inline-block;
  position: relative;
  border: 1px solid #E2E2E2;
  border-radius: 6px;
  margin-bottom: 1em;
  padding: 1em 3em 1em 2em;
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
  cursor: pointer;
}
.lp_container .point_bland .cont_wrap .more_point-brand i.ph {
  font-size: 20px;
  line-height: 1;
  color: #c03;
  position: absolute;
  right: .5em;
  transition: transform .2s;
}

.lp_container .point_bland .cont_wrap .more_point-brand ~ .sng-btn {
  margin-top: 1em;
}