@charset "utf-8";
/* CSS Document */

/* 移植したLP同士のCSS競合の修正 */
/***** Yell header *****/
header.header.sm-none {
  width: 100%!important;
  height: 75px!important;
  border-bottom: 1px solid #6a5202!important;
}
@media only screen and (max-width: 979px) {
  div.header.sm-display {
    background-color: #fff!important;
    padding: 5px 10px!important;
    display: flex!important;
    border-bottom: 1px solid #6a5202!important;
  }
}
/***** font *****/
@media only screen and (min-width: 980px) {
  * {
    font-family: inherit;
    font-weight: inherit;
  }
}
span, em, strong {
  font-size: inherit;
  font-family: inherit;
	font-weight: inherit;
}
/***** MV上の隙間 *****/
main>article {
  padding: 0;
}
/* //移植したLP同士のCSS競合の修正 */

article section.s-mv {
  background: url("../images/mv_bg.jpg") center top no-repeat;
}
@media only screen and (max-width: 979px) {
  article section.s-mv {
    background: none;
  }
}

article section.s-pickup {
  background: #f5f6f7;
  padding: 100px 0;
}
article section.s-pickup .pickup_wrap {
  max-width: 980px;
  margin: 20px auto;
}
article section.s-pickup .pickup_wrap .pickup_wrap_inner {
  background: #FFFFFF;
  padding: 40px 30px 30px;
}
article section.s-what {
  padding: 140px 0 140px;
  margin: 0;
}
@media only screen and (max-width: 979px) {
  article section.s-pickup {
    padding: 10vw 0;
  }
  article section.s-pickup .pickup_wrap {
    width: 100%;
    margin: 2vw auto;
    padding: 0 3%;
  }
  article section.s-pickup .pickup_wrap .pickup_wrap_inner {
    padding: 3%;
  }
  article section.s-what {
    padding: 12vw 0;
    margin: 0;
  }
}

article .header {
  border: none;
  height: inherit;
}
@media only screen and (max-width: 979px) {
  article .header {
    display: block;
    background: none;
    padding: 0;
  }
}
.page-Bp_00_0591 #which .col .which_ttl::before {
  bottom: -44px;
}
.page-Bp_00_0591 #about {
  background: #f3f3f3;
}
.page-Bp_00_0591 #about .about_inner .effect_txt {
  color: #e94e6d;
  font-family: inherit;
}
.page-Bp_00_0591 #about .about_inner .headline {
  background: linear-gradient(90deg, #989ca8 10%, #abafba 50%, #989ca8 90%);
}
.page-Bp_00_0591 #price {
  background-color: #f5f6f7;
}
@media only screen and (max-width: 979px) {
  .page-Bp_00_0591 #which .col .which_ttl::before {
    bottom: -5.8vw;
  }
	.page-Bp_00_0591 #price .price_inner .price_box .col.price .price_row .col {
		font-size: 9vw;
	}
}


#yoyaku {
  background-color: #f5f6f7;
}
.footer {
  background-color: #e94e6d!important;
}
@media only screen and (max-width: 979px) {
  #which .col .which_ttl::before {
    bottom: -5.8vw;
  }
}

.cv_wrap {
  background: #b5bdc4;
  padding: 40px 0;
}
@media only screen and (max-width: 979px) {
  .cv_wrap {
    padding: 5vw 0;
  }
}

/* font-family */
article section.s-what>ul>li .container .price-wrap.campaign .campaign-header p,
article section.s-what>ul>li .container .price-wrap .price-inner .price-name .price-name-container h3,
article section.s-what>ul>li .container .price-wrap .price-inner .price-name .price-name-container p,
article section.s-what>ul>li .container .price-wrap .price-inner .price-contents p,
article section.s-what>ul>li .container .price-wrap .price-inner .price-contents div,
article section.s-what>ul>li .container .price-wrap .price-inner .price-contents p,
.page-Bp_00_0591 #which .col .which_ttl p,
.page-Bp_00_0591 #which .col .which_inner p.text01,
.page-Bp_00_0591 #which .col .which_inner p.which_txt span.catch,
.page-Bp_00_0591 #about .about_inner p
{
  font-family: "shippori-mincho", sans-serif!important;
}

/* Yahoo */
article section.s-what>ul>li .container .price-wrap .price-inner .price-contents.limited.yahoo {
  padding: 0;
}
article section.s-what>ul>li .container .price-wrap .price-inner .price-contents.limited.yahoo::before {
  display: none;
}
@media only screen and (max-width: 979px) {
  article section.s-what>ul>li .container .price-wrap .price-inner .price-contents.limited.yahoo {
    padding: 2vw 0 0;
  }
}

#price .price_inner.yahoo .price_box {
  justify-content: center;
  color: #e94e6d;
}
#price .price_inner.yahoo .price_box .col.volume {
  width: auto;
  margin-right: 30px;
}
#price .price_inner.yahoo .price_box .col.price {
  width: auto;
}
#price .price_inner.yahoo .price_box .col.price .price_row .col {
  width: auto;
  padding: 0;
}
@media only screen and (max-width: 979px) {
  #price .price_inner.yahoo .price_box .col.volume {
    margin-right: 2vw;
  }
  #price .price_inner.yahoo .price_box .col.volume p {
    font-size: 4vw;
  }
}