@charset "utf-8";
/* カスタム ========== */
:root {
  --special_sale-color: #FFE100;
  --long_sale-color: #BDE5FF;
}

/* 共通 ========== */
.area_ttl{
  margin-bottom: 16px;
}
.mv_area{
  width: 100%;
}
.mv_area .mv_ttl_img{
  display: block;
  width: 100%;
  margin: 0 auto;
}
.cp_content{
  width: 100%;
  max-width: 800px;
  line-height: 1.8;
  margin: 0 auto 40px;
  padding: 24px 24px 32px 24px;
  background-color: #FFF8F2;
}
.cp_ttl{
  color: #F4811E;
  text-align: center;
  line-height: 1.8;
  position: relative;
}
.cp_ttl_line{
  border-bottom: 1px dotted currentColor;
  font-feature-settings: "palt" 1;
  letter-spacing: .1rem;
}
.cp_ttl_line_middle {
  text-decoration: line-through;
}
.cp_txt{
  text-align: center;
  margin-top: 24px;
}
.cp_txt_bold{
  font-weight: bold;
}
.btn_cp{
  text-align: center;
}
.btn_cp_link{
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
  margin-top: 16px;
  padding: 0.8em 1.6em;
  background-color: #317EF5;
  border-radius: 50px;
}
.btn_cp_link:hover{
  color: #ffffff;
  opacity: 0.8;
}
.cp_condition{
  margin-top: 24px;
  padding: 24px;
  background-color: #FFFFFF;
}
.cp_condition_ttl_wrap{
  text-align: center;
}
.cp_condition_ttl{
  display: inline-block;
  text-align: center;
  padding: 0.4em 0.8em 0.3em;
  border: 1px solid currentColor;
}
.cp_condition_list{
  width: fit-content;
  margin: 16px auto 0;
}
.cp_condition_item{
  width: 100%;
}
.cp_condition_item_subttl{
  margin-top: 0.5em;
}
.cp_note{
  font-size: 1.1rem;
  line-height: 1.8;
  margin-top: 8px;
}

/* ロングSALE バナー========== */
.longsaleBn {
  text-align: center;
  margin-top: 32px;
}
.longsaleBn a{
  display: inline-block;
}
.longsaleBn__img {
  border-radius: 4px;
}
@media (hover: hover) {
  .longsaleBn a:hover{opacity: 0.8;} 
}


@media screen and (min-width:768px), print{
.area_ttl{
  margin-bottom: 24px;
}
.cp_content{
  max-width: 100%;
  margin: 24px auto 48px;
  padding: 40px 40px 48px 40px;
  border: 1px solid #EEEEEE;
  border-radius: 20px;
}
.cp_ttl{
  font-size: 3.2rem;
  line-height: 1.8;
}
.cp_note{
  text-align: center;
}
}

/* ロングSALE ========== */
.longsale .js_btn_cp{
    display: none;
}
.longsale .js_btn_cp_on{
    display: block;
}

/* ロングSALE バナー========== */
.longsaleBn {
  text-align: center;
  margin-top: 32px;
}