@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&display=swap");
body {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Sans', 'メイリオ', Meiryo, sans-serif;
}

/* ---- basic override ---- */
p {
  margin: 0;
}

#contents {
  min-width: 320px;
}

.lp_contents {
  -webkit-text-size-adjust: auto;
  text-size-adjust: auto;
}
.lp_contents span {
  color: #000;
}

.footer_script {
  height: 0 !important;
  overflow: hidden;
}

.title01 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  width: 100%;
  padding-left: 10px;
  background: #fff;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Sans', 'メイリオ', Meiryo, sans-serif;
}

/* ---- ヘルパークラス ---- */
/* clearfix */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
  margin-bottom: 0px;
}

.lp_contents {
  font-weight: 400;
  font-family: 'Noto Sans JP', sans-serif;
  color: #000000;
}
.lp_contents img {
  display: block;
  width: 100%;
}
.lp_contents a {
  display: block;
  color: #000000;
}
.lp_contents td {
  vertical-align: middle;
}
.lp_contents table {
  border-collapse: separate;
}
.lp_contents .sec_main {
  padding: calc(80 / 750 * 100vw) 0 calc(70 / 750 * 100vw);
}
.lp_contents .sec_main .container {
  text-align: center;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
  letter-spacing: 0.06em;
}
.lp_contents .sec_main h2 span {
  line-height: calc(38 / 750 * 100vw);
  font-size: calc(38 / 750 * 100vw);
  font-weight: 500;
  border-bottom: calc(2 / 750 * 100vw) #000000 solid;
  padding-bottom: calc(12 / 750 * 100vw);
  display: inline-block;
}
.lp_contents .sec_main h2 span:nth-of-type(2) {
  margin-top: calc(26 / 750 * 100vw);
}
.lp_contents .sec_main h3 {
  line-height: calc(42 / 750 * 100vw);
  font-size: calc(24 / 750 * 100vw);
  font-weight: 400;
  margin-top: calc(40 / 750 * 100vw);
}
.lp_contents .sec_main .main_query {
  width: calc(570 / 750 * 100vw);
  margin: calc(50 / 750 * 100vw) auto;
  border: calc(2 / 750 * 100vw) #000000 solid;
  box-sizing: border-box;
  padding: calc(26 / 750 * 100vw) 0;
}
.lp_contents .sec_main .main_query_ttl {
  line-height: calc(24 / 750 * 100vw);
  font-size: calc(24 / 750 * 100vw);
  font-weight: 500;
}
.lp_contents .sec_main .main_query_num {
  line-height: calc(22 / 750 * 100vw);
  font-size: calc(22 / 750 * 100vw);
  font-weight: 400;
  margin-top: calc(16 / 750 * 100vw);
}
.lp_contents .sec_main .main_query_date {
  line-height: calc(26 / 750 * 100vw);
  font-size: calc(20 / 750 * 100vw);
  font-weight: 400;
  margin-top: calc(12 / 750 * 100vw);
}
.lp_contents .sec_main .main_img {
  width: calc(570 / 750 * 100vw);
  margin: calc(40 / 750 * 100vw) auto 0;
}
.lp_contents .sec_anchor {
  padding-bottom: calc(100 / 750 * 100vw);
}
.lp_contents .sec_anchor .container {
  padding: 0 calc(30 / 750 * 100vw);
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
  letter-spacing: 0.06em;
}
.lp_contents .sec_anchor h2 {
  position: relative;
  border-top: calc(2 / 750 * 100vw) #000000 solid;
}
.lp_contents .sec_anchor h2 span {
  line-height: calc(32 / 750 * 100vw);
  font-size: calc(32 / 750 * 100vw);
  font-weight: 500;
  text-align: center;
  position: absolute;
  top: calc(-18 / 750 * 100vw);
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffffff;
  width: calc(420 / 750 * 100vw);
}
.lp_contents .sec_anchor .anchor_logo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: calc(64 / 750 * 100vw);
}
.lp_contents .sec_anchor .anchor_logo li {
  border: calc(2 / 750 * 100vw) #000000 solid;
}
.lp_contents .sec_anchor .anchor_logo li a {
  position: relative;
  width: calc(218 / 750 * 100vw);
}
.lp_contents .sec_anchor .anchor_logo li a::after {
  content: '';
  display: block;
  position: absolute;
  width: calc(22 / 750 * 100vw);
  height: calc(13 / 750 * 100vw);
  bottom: calc(12 / 750 * 100vw);
  left: 50%;
  transform: translateX(-50%);
  background: url(/sp/cms/onlineshop/fragrance-announcement/img/anchor_logo_arrow.png) no-repeat center center;
  background-size: contain;
}
.lp_contents .sec_anchor .anchor_logo li:last-child {
  margin-top: calc(15 / 750 * 100vw);
}
.lp_contents .sec_anchor .anchor_brand {
  display: flex;
  justify-content: space-between;
  margin-top: calc(48 / 750 * 100vw);
}
.lp_contents .sec_anchor .anchor_brand_list:first-of-type li:first-child a {
  letter-spacing: -0.04em;
}
.lp_contents .sec_anchor .anchor_brand_list:last-of-type li:nth-child(6) a {
  letter-spacing: -0.06em;
}
.lp_contents .sec_anchor .anchor_brand_list li {
  margin-top: calc(30 / 750 * 100vw);
}
.lp_contents .sec_anchor .anchor_brand_list li:first-child {
  margin-top: 0;
}
.lp_contents .sec_anchor .anchor_brand_list li a {
  text-decoration: none;
  border-bottom: calc(2 / 750 * 100vw) #df0068 solid;
  display: inline-block;
  line-height: calc(24 / 750 * 100vw);
  font-size: calc(24 / 750 * 100vw);
  font-weight: 400;
  position: relative;
  padding: 0 calc(32 / 750 * 100vw) calc(6 / 750 * 100vw) 0;
}
.lp_contents .sec_anchor .anchor_brand_list li a::after {
  content: '';
  display: block;
  position: absolute;
  width: calc(22 / 750 * 100vw);
  height: calc(11 / 750 * 100vw);
  top: calc(6 / 750 * 100vw);
  right: 0;
  background: url(/sp/cms/onlineshop/fragrance-announcement/img/anchor_brand_list_arrow.png) no-repeat center center;
  background-size: contain;
}
.lp_contents .mod-acc_a--ttl a {
  display: block;
  outline: 0 none;
  text-align: center;
  text-decoration: none;
  padding-left: calc(20 / 750 * 100vw);
  position: relative;
}
.lp_contents .mod-acc_a--ttl a::after {
  content: '';
  display: block;
  width: calc(38 / 750 * 100vw);
  height: calc(38 / 750 * 100vw);
  position: absolute;
  right: calc(30 / 750 * 100vw);
  top: calc(30 / 750 * 100vw);
  background: #ffffff url(/sp/cms/onlineshop/fragrance-announcement/img/icn_open.png) no-repeat center center;
  background-size: calc(38 / 750 * 100vw);
}
.lp_contents .mod-acc_a--cont {
  padding: calc(16 / 750 * 100vw) calc(30 / 750 * 100vw) calc(60 / 750 * 100vw);
}
.lp_contents .mod-acc_a.m-opened .mod-acc_a--ttl a::after {
  background: url(/sp/cms/onlineshop/fragrance-announcement/img/icn_close.png) no-repeat center center;
  background-size: calc(38 / 750 * 100vw);
}
.lp_contents .sec_accordion {
  background-color: #ececec;
  padding: calc(100 / 750 * 100vw) 0;
}
.lp_contents .sec_accordion .container {
  padding: 0 calc(30 / 750 * 100vw);
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
}
.lp_contents .sec_accordion .accordion_box {
  background-color: #ffffff;
  margin-bottom: calc(30 / 750 * 100vw);
}
.lp_contents .sec_accordion .accordion_box:last-of-type {
  margin-bottom: 0;
}
.lp_contents .sec_accordion .accordion_box_title {
  display: flex;
  align-items: center;
  height: calc(100 / 750 * 100vw);
}
.lp_contents .sec_accordion .accordion_box_title-logo {
  width: calc(218 / 750 * 100vw);
}
.lp_contents .sec_accordion .accordion_box_title-name {
  margin-left: calc(20 / 750 * 100vw);
  line-height: calc(30 / 750 * 100vw);
  font-size: calc(24 / 750 * 100vw);
  font-weight: 400;
  letter-spacing: 0;
}
.lp_contents .sec_accordion .accordion_box_detail {
  width: 100%;
  letter-spacing: 0;
}
.lp_contents .sec_accordion .accordion_box_detail tr:first-child {
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  height: calc(60 / 750 * 100vw);
  border: none;
}
.lp_contents .sec_accordion .accordion_box_detail tr:first-child td {
  border: calc(2 / 750 * 100vw) #000000 solid;
  line-height: calc(24 / 750 * 100vw);
  font-size: calc(24 / 750 * 100vw);
  font-weight: 500;
  padding: 0;
  text-align: center;
}
.lp_contents .sec_accordion .accordion_box_detail tr:first-child td:first-child {
  border-right: calc(2 / 750 * 100vw) #6d6d6d solid !important;
  padding-left: 0 !important;
}
.lp_contents .sec_accordion .accordion_box_detail tr:first-child td:nth-child(2) {
  padding-left: 0 !important;
}
.lp_contents .sec_accordion .accordion_box_detail tr:nth-child(n+2) td {
  border-top: none;
}
.lp_contents .sec_accordion .accordion_box_detail tr td {
  border: calc(2 / 750 * 100vw) #6d6d6d solid;
  line-height: calc(34 / 750 * 100vw);
  font-size: calc(22 / 750 * 100vw);
  font-weight: 400;
  padding: calc(10 / 750 * 100vw);
}
.lp_contents .sec_accordion .accordion_box_detail tr td:nth-child(2) {
  border-left: none;
  width: calc(160 / 750 * 100vw);
}
.lp_contents .sec_accordion .accordion_box_detail tr td a {
  text-decoration-color: #df0068;
  text-decoration-line: underline;
}
.lp_contents .sec_accordion .accordion_box_detail tr td a span {
  color: #df0068;
}
.lp_contents .sec_accordion .accordion_box_detail .special td {
  padding-left: calc(10 / 750 * 100vw);
}
.lp_contents .sec_accordion .accordion_box_detail .special td:first-child {
  display: flex;
  align-items: center;
}
.lp_contents .sec_accordion .accordion_box_detail .special td .detail_prod {
  width: calc(100 / 750 * 100vw);
  padding-right: calc(8 / 750 * 100vw);
}
.lp_contents .sec_accordion .accordion_box_detail .special td .detail_prod img {
  width: calc(100 / 750 * 100vw);
}
