@charset "utf-8";
@import url(/campaign/css/campaign-detail.css);

.pt0{padding-top: 0px !important;}
.bg-col-y{background-color: #f6f1d3 !important;}



/* ========== table ========== */
.dop-table-01 th {
   padding-top: 16px;
   padding-bottom: 16px;
}

.dop-table-01 td {
   padding-top: 12px;
   padding-bottom: 12px;
}

.dop-table-01 th.highlight {
	background-color: #eb7000;
	color: #fff;
}

.dop-table-01 td.highlight {
	background-color: #fce7cd;
}

.dop-table-01 td.highlight strong {
	color: #eb7000;
}

.dop-table-01 td.highlight strong.c-text-03 {
	color: #e50000;
}

.dop-table-01 td small {
	display: block;
	font-size: 39.25%;
}

.dop-table-01.pc th {
   font-size: 112.5%;
}

.dop-table-01.pc td {
   font-size: 175%;
}

.dop-table-01.pc tbody td.highlight strong:before {
	content: "\a";
	display: block;
	font-size: 39.25%;
	white-space: pre;
}

.dop-table-01.sp th,
.dop-table-01.sp td {
   padding: 6px;
}

.dop-table-01.sp td {
   font-size: 112.5%;
}

.dop-table-01.sp tbody td small {
	font-size: 68.75%;
}


/* ========== block ========== */
/* ----- 01 ----- */
.dop-block-01 {
  margin-top: 30px;
  background-color: #e7f6c3;
  padding: 32px 25px 25px 25px;
  position: relative;
}
.dop-block-01 .balloon {
  position: absolute;
  top: -9px;
  left: -8px;
}
.dop-block-01 figure {
  padding: 30px 17px;
  background-color: #fff;
  margin-top: 18px;
}
.dop-block-01 .txt-01 {
  margin-left: 30px;
}

@media only screen and (max-width: 640px) {
  .dop-block-01 {
    margin-top: 20px;
    padding: 21px 12px 12px;
  }
  .dop-block-01 .balloon img {
    height: 26px;
    width: 26px;
  }
  .dop-block-01 .txt-01 {
    margin-left: 0;
  }
  .dop-block-01 figure {
    padding: 10px;
  }
}

/* ========== c-btn-mail c-btn-account========== */

a.c-btn-account.c-btn-mail::before {
background-image: url(/assets/img/icon_mail_01.png)
}

.c-or_area a.c-btn-account.icon-login.sty-icon.size-01 > .label:before {
  mask: url(/assets/img/icon_mail_01.png) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon_mail_01.png) no-repeat center center/contain;
}

@media only screen and (max-width: 640px) {
  .c-or_area a.c-btn-account.icon-login.sty-icon.size-01{
    padding: 18px 30px 14px 60px;
  }
  .c-or_area a.c-btn-account.icon-login.size-01 > .label:before {
    content: "";
  }
}

/* ========== note ========== */

.note{
  color: #eb7000;
  font-size: 70px;
  word-break: break-all;
}

@media only screen and (max-width: 640px){
  .note{
    font-size: 50px;
  }
}

/* ========== bundle-acc ========== */

.c-accordion-01.bundle-acc>.item{
  border-left: 1px solid #d4d5d5;
  border-right: 1px solid #d4d5d5;
}
.c-accordion-01.bundle-acc>.item>.head{
  padding-left: 1em;
  position: relative;
}
.c-accordion-01.bundle-acc>.item>.head.opened{
  border-bottom: 1px solid #d4d5d5;
}
.c-accordion-01.bundle-acc>.item>.head:before{
  right: 10px;
}
.c-accordion-01.bundle-acc>.item>.head:after{
  right: 19px;
}
.c-accordion-01.bundle-acc:last-child{
  margin-bottom: 0;
}
.c-accordion-01.bundle-acc .item .head:before {
  content: none;
}
.c-accordion-01.bundle-acc .item .head:after {
  content: none;
}

.c-accordion-01.bundle-acc .item .head {
    padding: 17px 44px 13px 18px;
    background: url(/campaign/2026/20260701_debut_compare/img/icon-chevron-down-black.png);
    background-repeat: no-repeat;
    background-size: auto 1.125em;
    background-position: right 1em center;
}

@media only screen and (max-width: 640px) {
  .c-accordion-01.bundle-acc .item .head {
    padding: 17px 44px 13px 10px;
    background-position: right 6px center;
  }
}

.c-accordion-01.bundle-acc .item .head.opened {
    background: url(/campaign/2026/20260701_debut_compare/img/icon-chevron-up-black.png);
    background-repeat: no-repeat;
    background-size: auto 1.125em;
    background-position: right 1em center;
}

@media only screen and (max-width: 640px) {
  .c-accordion-01.bundle-acc .item .head.opened {
    background-position: right 6px center;
  }
}

.acc-closed img.img-responsive:hover{
  cursor: pointer;
}

/* ========== sty-balloon-01 ========== */

.sty-balloon-01{
  position: relative;
  width: 100%;
  margin: 0 auto 30px;
  padding: 5px 10px 2px;
  background: #543510;
  text-align: center;
  border: 3px solid #543510;
  color: #fff;
  border-radius: 15px;
  font-size: 20px;
  line-height: 1.2;
}

.sty-balloon-01 p span{
  font-size: 30px;
}

.sty-balloon-01::after,
.sty-balloon-01::before{
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: rotate(-180deg);
}

.sty-balloon-01::after{
  border-color: rgba(84, 53, 16, 0);
  border-top-width: 20px;
  border-bottom-width: 20px;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-left: -10px;
  border-bottom-color: #543510;
}

@media only screen and (max-width: 640px){
  .sty-balloon-01{
    width: 100%;
    font-size: 17px;
    border-radius: 10px;
  }
  .sty-balloon-01 p span{
    font-size: 25px;
  }
}

/* ========== よくあるご質問 ========== */
.c-accordion-01.c-accordion-qa>.item{
  border-left: 1px solid #d4d5d5;
  border-right: 1px solid #d4d5d5;
}
.c-accordion-01.c-accordion-qa>.item>.head{
  padding-left: 35px;
  position: relative;
}
.c-accordion-01.c-accordion-qa>.item>.head.opened{
  border-bottom: 1px solid #d4d5d5;
}
.c-accordion-01.c-accordion-qa>.item>.head span{
  color: #888;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.c-accordion-01.c-accordion-qa>.item>.head:before{
  right: 10px;
}
.c-accordion-01.c-accordion-qa>.item>.head:after{
  right: 19px;
}
.c-accordion-01.c-accordion-qa:last-child{
  margin-bottom: 0;
}

/* ========== sty-cvfixd ========== */
.sty-cvfixd {
  position: fixed;
  z-index: 2;
  bottom: 0;
  width: 100%;
}
.sty-cvfixd .c-cnvBlock-01 {
  background-color: rgba(0, 0, 0, 0.6);
}
.sty-cvfixd .c-cnvBlock-01 .cnvBlock-pull-left+.cnvBlock-pull-right:before {
  content: none;
}
.sty-cnvBlock-inner {
  max-width: 960px;
  margin: auto;
}

@media only screen and (max-width: 640px) {
  .sty-cvfixd .c-cnvBlock-01 .cnvBlock-pull-left {
    width: 46%;
    padding-right: 4%;
  }
  .sty-cvfixd .c-cnvBlock-01 {
    padding: 10px 14px;
}
  .sty-cvfixd .c-cnvBlock-01 .cnvBlock-pull-left+.cnvBlock-pull-right {
    width: 46%;
    padding-left: 4%;
  }
  .sty-cvfixd .c-cnvBlock-01 .cnvBlock-pull-left+.cnvBlock-pull-right:before {
    content: none;
}
  .sty-cvfixd .c-or_area.entry a.c-btn-account,.sty-cvfixd a.c-btn-account {
    padding-right: 0;
  }
  .sty-cvfixd .c-cnvBlock-01 .cnvBlock-pull-left+.cnvBlock-pull-right {
    margin-top: 0px;
    padding-top: 0px
  }
}

.sty-account-footer-height {
  height: 105px;
}
@media only screen and (max-width: 640px) {
  .sty-account-footer-height {
  height: 83px;
  }
}
.sty-account-footer-app-height {
  height: 105px;
}
@media only screen and (max-width: 640px) {
  .sty-account-footer-app-height {
  height: 79px;
  }
}

.sty-cnvBlock-inner .c-dual-btn-area {
  display: flex;
  gap: 20px;
  justify-content: center;
}

.sty-cnvBlock-inner .c-btn-type-round {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 15px 10px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: bold;
  background-color: #fff;
  border: 2px solid;
  font-size: 130%;
}
@media only screen and (max-width: 640px) {
  .sty-cnvBlock-inner .c-btn-type-round {
    font-size: 100%;
  }
}

.sty-cnvBlock-inner .c-btn-futsu {
  border-color: #067f67;
  color: #067f67;
}

.sty-cnvBlock-inner .c-btn-teiki {
  border-color: #eb5505;
  color: #eb5505;
}

.sty-cnvBlock-inner .icon-right {
  position: relative;
  padding-right: 35px;
}

.sty-cnvBlock-inner .icon-right::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-mask-image: url('/assets/img/icon__bullet--right_nprl.svg');
  mask-image: url('/assets/img/icon__bullet--right_nprl.svg');
}

.sty-cnvBlock-inner .c-btn-futsu.icon-right::after {
  background-color: #067f67;
}

.sty-cnvBlock-inner .c-btn-teiki.icon-right::after {
  background-color: #eb5505;
}

/* ========== table ========== */
.sty-bubble--cpn {
  position: absolute;
  bottom: calc(100% + 15px);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  display: inline-block;
  padding: 10px;
  min-width: 120px;
  max-width: 100%;
  color: #067f67;
  background: #067f67;
  border-radius: 15px;
}

.sty-bubble--cpn:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 10px solid transparent;
  border-top: 10px solid #067f67;
}

.sty-bubble--cpn p {
  margin: 0;
  padding: 0;
  color: #fff;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .sty-bubble--cpn p {
    font-size: 80%;
  }
}

.sty-table_debut_compare{
  margin-top: 70px;
}
.c-table-01.sty-table_debut_compare  thead th.ordinary{
  background-color: #cdf0e8;
  position: relative;
}
.c-table-01.sty-table_debut_compare  thead th.fixed{
  background-color: #fce6d3;
}


.sty-icon-modal img {
  width: 13px;
  margin-left: 3px;
}