@charset "utf-8";

/*------------reset------------*/
html {scroll-behavior: smooth;}
p,ul{margin: 0;padding: 0;}
li{list-style: none;}
a{text-decoration: none;}
h1,h2,h3,h4,h5{font-weight: normal;margin: 0;padding: 0;}

button {
  background-color: transparent;
  cursor: pointer;
  outline: 0;
  padding: 0;
  border: none;
  appearance: none;
}
/*------------common------------*/
.contentsArea,footer{
  font-family:"Hiragino Kaku Gothic Pro", "Hiragino Sans", "Meiryo", "Yu Gothic", sans-serif;
  color: #221817;
}
.contentsArea .txtCenter{
  text-align: center;
}
.contentsArea .txtLeft{
  text-align: left!important;
}
.contentsArea .vMiddle{
  vertical-align: middle;
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .only_pc{display: block;}
  .contentsArea .bgWrap{
    max-width: 1366px;
    margin: 0 auto;
  }
  .contentsArea .inner{
    width: 768px;
    margin: 0 auto;
  }
  .contentsArea .caution01{
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .only_pc{display: none;}
  .contentsArea .inner{
    margin: 0 0.5vw;
  }
  .contentsArea .caution01{
    font-size: 2.68vw;
  }
}

.red-txt{ color:#cc0033!important;}
.bold-txt{ font-weight:bold!important;}

.font16{ font-size: 16px!important;}
.font21{ font-size: 21px!important;}
@media screen and (max-width: 768px) {
  .font16{ font-size: 3.083vw!important;}
  .font21{ font-size: 2.8vw!important;}
}

/*------------margin------------*/
.m-auto{margin: 0 auto;}
@media screen and (min-width: 769px) {
  .mt-5{margin-top: 5px!important;}
  .mt-10{margin-top: 10px!important;}
  .mt-15{margin-top: 15px!important;}
  .mt-20{margin-top: 20px!important;}
  .mt-25{margin-top: 25px!important;}
  .mt-30{margin-top: 30px!important;}
  .mt-40{margin-top: 40px!important;}
  .mt-50{margin-top: 50px!important;}
  .mt-60{margin-top: 60px!important;}
  .mb-5{margin-bottom: 5px!important;}
  .mb-10{margin-bottom: 10px!important;}
  .mb-15{margin-bottom: 15px!important;}
  .mb-20{margin-bottom: 20px!important;}
  .mb-25{margin-bottom: 25px!important;}
  .mb-30{margin-bottom: 30px!important;}
  .mb-40{margin-bottom: 40px!important;}
  .mb-50{margin-bottom: 50px!important;}
  .mb-60{margin-bottom: 60px!important;}
}
@media screen and (max-width: 768px) {
  .mt-5{margin-top: 0.651vw!important;}
  .mt-10{margin-top: 1.302vw!important;}
  .mt-15{margin-top: 1.953vw!important;}
  .mt-20{margin-top: 2.604vw!important;}
  .mt-25{margin-top: 3.255vw!important;}
  .mt-30{margin-top: 3.906vw!important;}
  .mt-40{margin-top: 5.208vw!important;}
  .mt-50{margin-top: 6.51vw!important;}
  .mt-60{margin-top: 7.813vw!important;}
  .mb-5{margin-bottom: 0.651vw!important;}
  .mb-10{margin-bottom: 1.302vw!important;}
  .mb-15{margin-bottom: 1.953vw!important;}
  .mb-20{margin-bottom: 2.604vw!important;}
  .mb-25{margin-bottom: 3.255vw!important;}
  .mb-30{margin-bottom: 3.906vw!important;}
  .mb-40{margin-bottom: 5.208vw!important;}
  .mb-50{margin-bottom: 6.51vw!important;}
  .mb-60{margin-bottom: 7.813vw!important;}
}
/*------------kvArea------------*/
.contentsArea .kvArea{
/*  border-top: 16px solid #9a732a;*/
}
.contentsArea .kvArea .lineWrap{
/*  border-top: 4px solid #9a732a;*/
/*  margin-top: 6px;*/
}
/*kv*/
.contentsArea .kvArea h1,
.contentsArea .bgWrap .inner h1{
  position: relative;
  text-align: center;
  padding: 10px 0;
}
.contentsArea .kvArea h1 .kvTxt{
  position: absolute;
  bottom: 40px;
  left: 75px;
}
.contentsArea .kvArea h1 .kvTxt a{
  position: relative;
  font-size: 30px;
  color: #03a3df;
  font-weight: bold;
  padding-right: 20px;
  border-bottom: 1px solid #03a3df;
}
.contentsArea .kvArea h1 .kvTxt a::after{
  position: absolute;
  top: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 9px;
  height: 9px;
  margin-top: 15px;
  border-bottom: 2px solid #03a3df;
  border-left: 2px solid #03a3df;
  transform: rotate(-45deg);
}
@media screen and (max-width: 1180px) {
  .contentsArea .kvArea .lineWrap{
    /*border-top: 4px solid #9a732a;
    margin-top: 0.781vw;*/
  }
  /*kv*/
  /*.contentsArea .kvArea h1{
    width: 91vw;
  }*/
  .contentsArea .kvArea h1 .kvTxt{
    bottom: 2.128vw;
    left: 6.105vw;
  }
  .contentsArea .kvArea h1 .kvTxt a{
    font-size: 2.196vw;
    padding-right: 1.464vw;
    border-bottom: 1px solid #03a3df;
  }
  .contentsArea .kvArea h1 .kvTxt a::after{
    width: 0.659vw;
    height: 0.659vw;
    margin-top: 0.898vw;
    border-bottom: 2px solid #03a3df;
    border-left: 2px solid #03a3df;
  }
}
@media screen and (max-width: 768px) {
  .contentsArea .kvArea{
    /*border-top: 8px solid #9a732a;*/
  }
  .contentsArea .kvArea .lineWrap{
    /*border-top: 2px solid #9a732a;
    margin-top: 3px;*/
  }
  .contentsArea .kvArea h1 .kvTxt a::after{
    border-bottom: 1px solid #03a3df;
    border-left: 1px solid #03a3df;
  }
}
@media screen and (max-width: 400px) {
  .contentsArea .kvArea h1 .kvTxt{
    bottom: 0.428vw;
  }
  .contentsArea .kvArea h1 .kvTxt a{
    font-size: 2.396vw;
  }
}
/*------------section01------------*/
.contentsArea .section01 .bgWrap{
  background-image: url("/coupon/lp/common/images/main_kv_bg_pc.png");
  background-position: top center;
  background-repeat: no-repeat;
  padding-bottom: 45px;
}

/*avtWrap*/
.contentsArea .avtWrap,
.contentsArea .avtWrap02{
  box-sizing: border-box;
  margin: 0 auto;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
.contentsArea .mainKv{
  box-sizing: border-box;
  margin: 0 auto;
  padding: 10px;
}
.contentsArea .mainKv{
  max-width: 688px;
  margin-bottom: 20px;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
.contentsArea .mainKv img{
  border: 1px solid #c69b49;
}
.contentsArea .section01 .avtWrap{
  margin-top: 20px;
}
.contentsArea .avtInner{
  border: 1px solid #c69b49;
  padding: 30px;
}

.contentsArea .avtRibbon{
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  background-image: radial-gradient(circle, rgba(199, 155, 74, 1), rgba(161, 125, 60, 1) 70%);
}

.contentsArea .avtWrap .avtBox{
  box-sizing: border-box;
  text-align: center;
  background-color: #f2cbcb;
  border: 2px solid #c74040;
  border-radius: 5px;
  color: #c74040;
}
.contentsArea .avtWrap .avtBox .avtBoxInner{
  padding: 20px 15px;
}
.contentsArea .avtWrap .avtBox .boxTitle01{
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
  background: #c74040;
  border-radius: 3px 3px 0 0;
}
.contentsArea .avtWrap .avtBox .boxTitle02{
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
  background: #575757;
  border-radius: 3px 3px 0 0;
}
.contentsArea .avtWrap .avtBox .innerTxt{
  color: #221817;
  font-size: 20px;
}
.contentsArea .avtWrap .avtTtl{
  display: inline-block;
  min-width: 90px;
  background-color: #c74040;
  border-radius: 18px;
  padding: 5px 10px;
  color: #fff;
  font-size: 24px;
}
.contentsArea .avtWrap .avtTxt01{
  font-size: 32px;
}
.contentsArea .avtWrap .avtTxt02{
  font-size: 25px;
}
.contentsArea .avtWrap .avtTxt03{
  font-size: 21px;
}
.contentsArea .avtWrap .avtTxt03 a{
  color: #03a3df;
  text-decoration: underline;
  font-weight: bold;
}
.contentsArea .avtWrap .avtTxt04{
  font-size: 24px;
}
.contentsArea .avtWrap .avtTxt05{
  font-size: 32px;
}
.contentsArea .avtWrap .indent_note{
  text-align: left;
  text-indent: -1em;
  padding-left: 2em;
}

.contentsArea .avtWrap .goldLine{
  width: 70%;
  border:none;
  border-bottom: 2px solid #9a732a;
  margin-top: 30px;
  margin-bottom: 30px;
}
/*black*/
.contentsArea .avtWrap .avtBox.avtBox02{
  background-color: #dbd9d9;
  border: 2px solid #dbd9d9;
  color: #221817;
}
.contentsArea .avtWrap .avtBox02 .avtTtl{
  background-color: #000;
}
.contentsArea .txtLink01{
  color: #221817;
  text-decoration: none;
  border-bottom: 1px solid #000;
}
.contentsArea .arrowLink01{
  position: relative;
  color: #221817;
  border-bottom: 1px solid #221817;
  padding-right: 20px;
}
.contentsArea .arrowLink01::after{
  position: absolute;
  top: -2px;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 9px;
  height: 9px;
  border-top: 2px solid #221817;
  border-right: 2px solid #221817;
  transform: rotate(45deg);
}
.contentsArea .avtWrap .arrowLink01::after{
  top: -8px;
  transform: rotate(135deg);
}
.contentsArea .avtWrap h4.timeTtl{
  text-align: center;
}
.contentsArea .avtWrap h4.timeTtl span{
  display: inline-block;
  background-color: #221817;
  color: #fff;
  font-size: 20px;
  text-align: center;
  padding: 5px 20px; 
}
.contentsArea .timeTxt{
  text-align: center;
  font-size: 28px;
}
.contentsArea .timeTxt .txtBig{
  font-size: 36px;
}
/*avtBtn01*/
.contentsArea .avtBtn01 a{
  position: relative;
  display: block;
  background-color: #c74040;
  border-radius: 10px;
  padding: 20px 20px;
  color: #fff;
  font-size: 28px;
  box-shadow: 0 5px 0 0 rgb(148, 27, 27);
}
.contentsArea .avtBtn01 a::after{
  position: absolute;
  content: "";
  background: url("../../n-dcard/images/icon_01_on.png");
  background-size: 74px 48px;
  width: 74px;
  height: 48px;
  top: 50%;
  right: -20px;
  transform: translate(-50%, -50%);
}
.contentsArea .roundCornerBtn.avtBtn01 a::after{
  right: -5px;
}

/*avtBtn01 非活性*/
.contentsArea .avtBtn01.grayBtn a{
  background-color: #ababab;
  pointer-events: none;
  box-shadow: 0 5px 0 0 rgb(123 123 123);
}
.contentsArea .avtBtn01.grayBtn a::after{
  background-image: url("../../common/images/icon_01_off.png");
}
.contentsArea .avtBtn01.grayBtn .grayBtnRibbon{
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 5px;
  top: -5px;
  left: -5px;
  background-color: #c74040;
  background: rgba(199,64,64,0.5);
  z-index: 1;
}
.contentsArea .avtBtn01.grayBtn .grayBtnRibbon .grayBtnRibbonTxt{
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  opacity: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*avtBtn02*/
.contentsArea .avtBtn02 .avtBtn02In{
  display: block;
  text-align: center;
  border-radius: 10px;
  background-color: #b0913d;
  width: 100%;
  padding: 29px 0;
  color: #fff;
  font-size: 29px;
  font-weight: bold;
  box-shadow: 0 5px 0 0 rgb(115, 95, 40);
  line-height: 1;
}
.contentsArea .avtBtn02 .avtBtn02In.fontSmall{
  font-size: 24px;
}
@media screen and (max-width: 768px){
  .contentsArea .section01 .bgWrap{
    background-color:#f6f9fd;
    background-image: url("/coupon/lp/common/images/main_kv_bg_top.png"),url("/coupon/lp/common/images/main_kv_bg_bottom.png");
    background-position: top center, bottom center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 30px;
  }

  .contentsArea .avtBtn02 .avtBtn02In.fontSmall{
    font-size: 3.2vw;
  }
}

/*avtBtn02 非活性*/
.contentsArea .avtBtn02.grayBtn .avtBtn02In{
  background-color: #ccc;
  width: 100%;
  color: #707070;
  box-shadow: none;
  padding: 17px 0;
}

.contentsArea .roundCornerBtn.avtBtn01,
.contentsArea .roundCornerBtn.avtBtn02{
  padding: 0 20px;
}
.contentsArea .roundCornerBtn.avtBtn01 a,
.contentsArea .roundCornerBtn.avtBtn02 .avtBtn02In{
  border-radius: 44px;
}
.contentsArea .roundCornerBtn.avtBtn02 a::after {
    content: "";
    display: inline-block;
    position: relative;
    top: 1px;
    width: 16px;
    height: 16px;
    margin: 0 0 3px 5px;
    background: url(/coupon/lp/common/images/icon_blank.png) no-repeat center center;
    background-size: cover;
}
.contentsArea .avtBtn02.grayBtn .avtBtn02In::after{
  content: none;
}
.contentsArea .avtBtn02 .avtBtn02Txt{
  font-size: 18px;
  font-weight: normal;
}

@media screen and (min-width: 769px) {
  .contentsArea .avtWrap,
  .contentsArea .avtWrap02,
  .contentsArea .contentsWrap{
    max-width: 688px;
  }
}
@media screen and (max-width: 768px) {
  /*avtWrap*/
  .contentsArea .avtWrap,
  .contentsArea .avtWrap02,
  .contentsArea .mainKv{
    padding: 1.302vw;
    width: 91vw;
  }
  .contentsArea .mainKv{
    margin-bottom: 3.208vw;
  }
  .contentsArea .section01 .avtWrap{
    margin-top: 3.208vw;
  }
  .contentsArea .avtInner{
    padding: 3.906vw;
  }
  .contentsArea .avtWrap h2.avtRibbon{
    font-size: 3.9vw;
    padding: 1.6vw 0.65vw;
  }
  .contentsArea .avtWrap .avtBox{
    border-radius: 0.651vw;
  }
  .contentsArea .avtWrap  .avtBox .avtBoxInner{
    padding: 2.604vw;
  }
  .contentsArea .avtWrap .avtBox .innerTxt{
    font-size: 2.8vw;
  }
  .contentsArea .avtWrap .avtBox .boxTitle01, .contentsArea .avtWrap .avtBox .boxTitle02{
    font-size: 3.4vw;
    padding: 1.6vw 0.65vw;
    border-radius: 0.251vw 0.251vw 0 0;
  }
  .contentsArea .avtWrap .avtTtl{
    border-radius: 6.51vw;
    padding: 0.651vw 2.604vw;
    font-size: 4.036vw;
    min-width: 12vw;
  }
  .contentsArea .avtWrap .avtTxt01{
    font-size: 4.036vw;
  }
  .contentsArea .avtWrap .avtTxt02{
    font-size: 3.2vw;
  }
  .contentsArea .avtWrap .avtTxt03{
    font-size: 2.8vw;
  }
  .contentsArea .avtWrap .avtTxt04{
    font-size: 3.4vw;
  }
  .contentsArea .avtWrap .avtTxt05{
    font-size: 5vw;
  }
  .contentsArea .avtWrap .goldLine{
    border-bottom: 1px solid #9a732a;
    margin-top: 2.196vw;
    margin-bottom: 2.196vw;
  }
  .contentsArea .avtWrap .arrowWrap img{
    width: 12.5vw;
  }
  /*black*/
  .contentsArea .arrowLink01{
    padding-right: 2.453vw;
  }
  .contentsArea .arrowLink01::after{
    top: -0.26vw;
    width: 1.172vw;
    height: 1.172vw;
  }
  .contentsArea .avtWrap .arrowLink01::after{
    top: -1.042vw;
  }
  .contentsArea .avtWrap h4.timeTtl span{
    font-size: 3.504vw;
    padding: 0.651vw 2.604vw; 
  }
  .contentsArea .timeTxt{
    font-size: 3.946vw;
  }
  .contentsArea .timeTxt .txtBig{
    font-size: 5.288vw;
  }
  /*avtBtn01*/
  .contentsArea .avtBtn01 a{
    border-radius: 1.302vw;
    padding: 2.604vw 2.604vw;
    font-size: 3.646vw;
    box-shadow: 0 3px 0 0 rgb(148, 27, 27)
  }
  .contentsArea .avtBtn01 a::after{
    background-size: 9.635vw 6.25vw;
    width: 9.635vw;
    height: 6.25vw;
    top: 50%;
    right: -2.604vw;
  }
  /*avtBtn01 非活性*/
  .contentsArea .avtBtn01.grayBtn .grayBtnRibbon{
    padding: 0.651vw;
    top: -0.651vw;
    left: -0.651vw;
  }
  .contentsArea .avtBtn01.grayBtn .grayBtnRibbon .grayBtnRibbonTxt{
    font-size: 4.167vw;}
  /*avtBtn02*/
  .contentsArea .avtBtn02 .avtBtn02In{
    border-radius: 1.302vw;
    padding: 3.776vw 0;
    font-size: 3.78vw;
    box-shadow: 0 3px 0 0 rgb(115, 95, 40);
  }
  /*avtBtn02 非活性*/
  .contentsArea .avtBtn02.grayBtn .avtBtn02In{
    padding: 2.214vw 0;
  }
  .contentsArea .avtBtn02 .avtBtn02Txt{
    font-size: 2.983vw;
  }
}
/*------------section02------------*/
.contentsArea .section02 .bgWrap{
/*  background-color: #f5ead4;*/
  background: url("/coupon/lp/common/images/main_bg.png") no-repeat top center / cover;
  padding: 45px 0;
}
/*scrollArea*/
.contentsArea .section02 h2.sec02Ttl1{
  margin-left: 80px;
  width: 60%;
}
.contentsArea .section02 h2.sec02Ttl2{
  margin-left: 80px;
  width: 78%;
}
.contentsArea .section02 .scrollArea{
  width: 768px;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.contentsArea .section02 .scrollArea::-webkit-scrollbar{
  display:none;
}
.contentsArea .section02 .scrollArea ul{
  display: flex;
  margin-left: 80px;
}
.contentsArea .section02 .scrollArea ul li{
  flex-shrink: 0;
  max-width: 600px;
}
.contentsArea .section02 .scrollArea ul li:not(:first-child){
  margin-left: 20px;
}
.contentsArea .section02 .scrollArea ul li:last-child img{
  margin-right: 80px;
}
.contentsArea .section02 .scrollCautionList{
  font-size: 18px;
  text-indent: -1em;
  padding-left: 1em;
  margin-left: auto;
  margin-right: auto;
}
.contentsArea .section02 .scrollCautionList li{
  text-indent: -1em;
  padding-left: 1em;
}
.contentsArea .section02 .scrollCautionList li a{
  text-decoration: underline;
  color: #03a3df;
  font-weight: bold;
}
/*questionArea*/
.contentsArea .section02 .questionArea h2{
  min-width: 609px;
  background-color: #221817;
  color: #fff;
  font-size: 28px;
  padding: 5px 0;
  text-align: center;
}
.contentsArea .section02 .questionArea .questionList{
  border-bottom: 2px solid #ccc;
}
.contentsArea .section02 .questionArea .questionList li{
  border-top: 2px solid #ccc;
}
.contentsArea .section02 .questionArea .questionList li a{
  position: relative;
  display: block;
  padding: 15px 30px 15px 10px;
  font-size: 19px;
  color: #221817;
}
/* 2024.04.19 ドコサポ修正 */
.contentsArea .section02 .questionArea .questionList li a::before{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-top: 2px solid #221817;
  border-right: 2px solid #221817;
  transform: rotate(45deg);
}
/* 2024.04.19 ドコサポ追加 */
.contentsArea .section02 .questionArea .questionList li a::after{
  content: "";
  display:inline-block;
  position: relative;
  top: 1px;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  background: url(/coupon/lp/common/images/icon_blank_black.png) no-repeat center center;
  background-size: cover;
}

@media screen and (min-width: 769px) {
  .contentsArea .section02 .scrollCautionList{
    max-width: 600px;
  }
}
@media screen and (max-width: 768px) {
  .contentsArea .section02 .bgWrap{
    padding: 5.859vw 0;
  }
  .contentsArea .section02 h2.sec02Ttl1{
    margin-left: 10.417vw;
    width: 60%;
  }
  .contentsArea .section02 h2.sec02Ttl2{
    margin-left: 10.417vw;
    width: 78%;
  }
  /*scrollArea*/
  .contentsArea .section02 .scrollArea{
    width: 98vw;
  }
  .contentsArea .section02 .scrollArea ul{
    margin-left: 9.517vw;
  }
  .contentsArea .section02 .scrollArea ul li:not(:first-child){
    margin-left: 2.604vw;
  }
  .contentsArea .section02 .scrollArea ul li:last-child img{
    margin-right: 8.5vw;
  }
  .contentsArea .section02 .scrollArea ul li img{
    width: 80.2vw;
  }
  .contentsArea .section02 .scrollCautionList{
    width: 80.597vw;
    font-size: 2.883vw;
  }
  /*questionArea*/
  .contentsArea .section02 .questionArea h2.sec02Ttl3{
    min-width: 80.297vw;
    font-size: 4.436vw;
    padding: 0.651vw 0;
  }
  .contentsArea .section02 .questionArea .questionList{
    border-bottom: 2px solid #ccc;
  }
  .contentsArea .section02 .questionArea .questionList li{
    border-top: 2px solid #ccc;
  }
  .contentsArea .section02 .questionArea .questionList li a{
    padding: 1.953vw 3.906vw 1.953vw 1.302vw;
    font-size: 2.474vw;
  }
  /* 2024.04.19 ドコサポ修正 */
  .contentsArea .section02 .questionArea .questionList li a::before{
    right: 1.302vw;
    width: 1.042vw;
    height: 1.042vw;
    border-top: 2px solid #221817;
    border-right: 2px solid #221817;
  }
  /* 2024.04.19 ドコサポ追加 */
  .contentsArea .section02 .questionArea .questionList li a::after{
    top: 2px;
    width: 2.7vw;
    height: 2.7vw;
  }
}
/*------------section03------------*/
.contentsArea .section03 .bgWrap{
  background: url("../../n-dcard/images/bg_01.png");
  background-size: cover;
  padding: 45px 0;
}
@media screen and (max-width: 768px) {
  .contentsArea .section03 .bgWrap{
    padding: 5.859vw 0;
  }
}
/*------------footer------------*/
footer .bgWrap{
  background-color: #403d36;
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 75px 0;
}
footer .bgWrap .footerBox01{
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  padding: 15px;
  max-width: 640px;
  margin: 0 auto;
}
footer .bgWrap .footerBox01 p{
  line-height: 2.5;
  font-weight: bold;
}
footer .bgWrap .footerBox01 p a{
  color: #fff;
  text-decoration: underline;
}
footer .bgWrap .footerLink{
  position: relative;
  color: #fff;
  padding-right: 20px;
}
footer .bgWrap .footerLink::after{
  position: absolute;
  content: "";
  background: url("../../common/images/icon_blank.png");
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
footer .bgWrap .footerLinkTopBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 320px;
  height: 40px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 22px;
  margin: 40px auto 0;
}
footer .bgWrap .footerLinkTopBtn span{
  color: #fff;
  font-size: 16px;
  line-height: 40px;
}
a.target_blank::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../common/images/icon_blank.png) no-repeat center center / cover;
  margin-left: 5px;
}

@media screen and (max-width: 768px) {
  footer .bgWrap{
    font-size: 3.083vw;
    padding: 9.766vw 0;
  }
  footer .bgWrap .p-small{
    font-size: 2.8vw;
  }
  footer .bgWrap .footerLinkTopBtn{
    margin-top: 5.208vw;
  }
  footer .bgWrap .footerLinkTopBtn span{
    font-size: 2.8vw;
  }
  footer .bgWrap .footerBox01{
    padding: 1.953vw;
    max-width: 83.333vw;
  }
  footer .bgWrap .footerBox01 p{
    line-height: 2.5;
  }
  footer .bgWrap .footerLink{
    padding-right: 3.604vw;
  }
  footer .bgWrap .footerLink::after{
    background-size: 3.083vw 3.083vw;
    width: 3.083vw;
    height: 3.083vw;
  }
  a.target_blank::after{
    background-size: 3.083vw 3.083vw;
    width: 3.083vw;
    height: 3.083vw;
  }
}
/*================================================
  n-dcard
================================================*/
.contentsArea.n-dcard .section01 .bgWrap{
/*  border-top: 16px solid #9a732a;*/
}
.contentsArea.n-dcard .section01 .lineWrap{
/*  border-top: 4px solid #9a732a;
  margin-top: 6px;*/
}
.contentsArea.n-dcard .section01 .avtWrap{
  margin-top: 15px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
.contentsArea.n-dcard .section01 .Wrap2023{
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .contentsArea.n-dcard .section01 .bgWrap{
    /*border-top: 8px solid #9a732a;*/
  }
  .contentsArea.n-dcard .section01 .lineWrap{
   /* border-top: 2px solid #9a732a;
    margin-top: 3px;*/
  }
  .contentsArea.n-dcard .section01 .avtWrap{
    margin-top: 1.95vw;
  }
  .contentsArea.n-dcard .section01 .Wrap2023{
    margin-top: 6.51vw;
  }
}

/** 出し分け **/
.part_all .avtWrap{
  display: none;
}
.part_all .avtWrap.show{
  display: block;
}

/* 2024.04.25 ドコサポ追加 ページ内リンク追加 */
.contentsArea .contentsWrap{
  box-sizing: border-box;
  margin: 0 auto;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
.topAnchorNav{
  display: flex;
  border: 1px solid #c69b49;
  padding: 15px 20px;
}
.topAnchorNav li:not(:last-child) a{ margin-right:20px; }

.topAnchorNav a{
  color: #03a3df;
  text-decoration: underline;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  padding-right: 20px;
}
.topAnchorNav a::after{
  position: absolute;
  top: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 9px;
  height: 9px;
  margin-top: 6px;
  border-bottom: 2px solid #03a3df;
  border-left: 2px solid #03a3df;
  transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
  .contentsArea .contentsWrap{
    padding: 1.302vw;
    width: 91vw;
  }
  .topAnchorNav{
    flex-direction: column;
    padding: 1.906vw 3.906vw;
  }
  .topAnchorNav li:not(:first-child){ margin-top: 0.6vw; }

  .topAnchorNav a{
    font-size: 3vw;
    padding-right: 3.464vw;
  }
  .topAnchorNav a::after{
    width: 1.659vw;
    height: 1.659vw;
    margin-top: 0.898vw;
  }
}

/* 2024.07.05 DSW追加 LP緊急お知らせ掲載対応  */
.topAnchorNav2{
  display: flex;
  border: 1px solid #c69b49;
  padding: 15px 20px;
}
.topAnchorNav2 li:not(:last-child) a{ margin-right:20px; }

.topAnchorNav2 a{
  text-decoration: underline;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  padding-right: 20px;
}

.topAnchorNav2 p{
  font-size: 20px;
  font-weight: bold;
  position: relative;
  padding-right: 20px;
}

@media screen and (max-width: 768px) {
  .topAnchorNav2{
    flex-direction: column;
    padding: 1.906vw 3.906vw;
  }
  .topAnchorNav2 li:not(:first-child){ margin-top: 0.6vw; }

  .topAnchorNav2 a{
    font-size: 3vw;
    padding-right: 3.464vw;
  }

  .topAnchorNav2 p{
    font-size: 3vw;
    padding-right: 3.464vw;
  }
}


/* 2024.05.02 ドコサポ追加 非活性ボタン、ログアウトボタン追加、他の質問を確認するボタン追加 */
.other-faq_btn{
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  max-width: 280px;
  padding: 15px 20px;
  margin: 0 auto;
  background-color: #b0913d;
  border-radius: 35px;
  display: flex;
  justify-content: center;
}
.other-faq_btn::after{
  content: "";
  display: inline-block;
  position: relative;
  top: 1px;
  width: 16px;
  height: 16px;
  margin: 3px 0 0 5px;
  background: url(/coupon/lp/common/images/icon_blank.png) no-repeat center center;
  background-size: cover;
}

.nav_other-logout{
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  max-width: 280px;
  padding: 15px 20px;
  margin: 0 auto;
  background-color: #c2c3c6;
  border-radius: 35px;
  display: flex;
  justify-content: center;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.other_link_area li{
  padding: 10px 30px 10px 10px;
}
a.other_link{
  position: relative;
  font-size: 19px;
  color: #221817;
}
a.other_link::after, span.other_link::after {
  content: "";
  display: inline-block;
  position: relative;
  top: 1px;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  background: url(/coupon/lp/common/images/icon_blank_black.png) no-repeat center center;
  background-size: cover;
}
a.other_link.icon-blue::after, span.other_link.icon-blue::after {
  background: url(/coupon/lp/common/images/icon_blank_blue.png) no-repeat center center;
  background-size: cover;
}
a.other_link.icon-white::after, span.other_link.icon-white::after {
  background: url(/coupon/lp/common/images/icon_blank.png) no-repeat center center;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .nav_other-logout, .other-faq_btn{
    max-width: 240px;
    padding: 2vw 2vw;
    font-size: 3vw;
  }
  .other_link_area li{
    padding: 1.953vw 3.906vw 1.953vw 1.302vw;
  }
  a.other_link{
    font-size: 2.474vw;
  }
  a.other_link::after, .contentsArea .roundCornerBtn.avtBtn02 a::after, .other-faq_btn::after {
    top: 1px;
    width: 2.7vw;
    height: 2.7vw;
    margin: 2px 0 0 5px;
  }
}

/* 2024.06.11 ドコサポ追加 スライドエリア */
.slideScrollList .slick-track{
  display: flex;
margin-left:0;
}
.slideScrollList .slick-track li{
  display: flex;
  min-width: 600px;
  flex-direction: column;
  box-sizing: border-box;
  background: #fff;
  padding: 30px;
/*  border: 6px solid #faf5ea;*/
  border: 6px solid #221817;
  height: auto !important;
}
.slideScrollList .slick-track li:not(:first-child){
  border-left: 1px solid #221817;
}


.slideScrollList .slick-track li .slideInTitle{
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.slideScrollList .slick-track li .slideInTitle > span{
  font-size: 14px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  background: #c00000;
  border-radius: 50%;
  line-height: 70px;
  width: 70px;
  height: 70px;
  padding: 0;
  margin-right: 15px;
}
.slideScrollList .slick-track li .slideInTitle > p{
  font-size: 26px;
  font-weight: bold;
}
.slideScrollList .slick-track li .read_text{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.slideScrollList .slick-track li img{ margin: 0 auto; }

.slideScrollList .slick-track li .img_size_01{ max-width: 250px;}
.slideScrollList .slick-track li .img_size_02{ max-width: 250px;}
.slideScrollList .slick-track li .img_size_03{ max-width: 330px;}
.slideScrollList .slick-track li .img_size_04{ max-width: 300px;}
.slideScrollList .slick-track li .img_size_05{ max-width: 300px;}

.slideScrollList .slick-dots{
  margin-top: 16px;
  text-align: center;
}
.slideScrollList .slick-dots li{
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px;
}
.slideScrollList .slick-dots li button {
  display: block;
  font-size: 0;
  line-height: 0;
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 50%;
  position: relative;
}
.slideScrollList .slick-dots li.slick-active button {
  background: #cc0000;
}

@media screen and (max-width: 768px) {
  .slideScrollList .slick-track li{
    min-width: 75.5vw;
    padding: 3.5vw;
  }
  .slideScrollList .slick-list{
    padding: 0px 10vw!important;
  }
  .slideScrollList .slick-track li .slideInTitle > span{
    font-size: 11px;
    line-height: 45px;
    width: 45px;
    height: 45px;
    margin-right: 2%;
  }
  .slideScrollList .slick-track li .slideInTitle > p{
    font-size: 3.6vw;
  }
  .slideScrollList .slick-track li .read_text{
    font-size: 2.6vw;
  }
  .slideScrollList .slick-track li .img_size_01{ max-width: 40%;}
  .slideScrollList .slick-track li .img_size_02{ max-width: 40%;}
  .slideScrollList .slick-track li .img_size_03{ max-width: 70%;}
  .slideScrollList .slick-track li .img_size_04{ max-width: 60%;}
  .slideScrollList .slick-track li .img_size_05{ max-width: 50%;}

  .slideScrollList .slick-dots{
    margin-top: 10px;
  }
  .slideScrollList .slick-dots li button {
    width: 2.5vw;
    height: 2.5vw;
  }
}

/* 2024.06.11 ドコサポ追加 未達成訴求エリア追加 */
.notAchievedH1{
  border-top: 16px solid #9a732a;
}
.notAchievedH1Inner{
  border-top: 4px solid #9a732a;
  margin-top: 6px;
}
@media screen and (max-width: 768px){
  .notAchievedH1{
    border-top: 8px solid #9a732a;
  }
  .notAchievedH1Inner{
    border-top: 2px solid #9a732a;
    margin-top: 3x;
  }
}

/* 2025.03.04 ドコサポ更新 ページ上部のお知らせエリア修正*/


.topInfoArea-inner{
  border: 1px solid #c69b49;
  padding: 15px 20px;
}
.topInfoArea-txt{
  font-size: 20px;
}
.topInfoArea-txt a{
  color: #03a3df;
  text-decoration: underline;
  font-weight: bold;
}
@media screen and (max-width: 768px){
  .topInfoArea-txt{
    font-size: 2.8vw;
  }
}