@charset "UTF-8";
/**************************************************************************

	ゴールデンウィークCP

	コンテンツ幅： PC1160px, SP375
	基本フォントサイズ： 10px

***************************************************************************/
/**************************************************************************

	基本設定

***************************************************************************/
body {
  overflow-x: hidden;
}

/* リセット */
.ec-featureRole {
  background: #fff;
  max-width: 1160px;
  padding-left: 0;
  padding-right: 0;
}

.ec-featureRole * {
  font-size: inherit;
}

.ec-featureRole *::before, .ec-featureRole *::after {
  font-size: inherit;
}

.ec-featureRole__content {
  padding-bottom: 0 !important;
}

.bl_ushidayContents {
  background: #fff;
}

.ec-giftArea {
  padding-left: 20px;
  padding-right: 20px;
}

.bl_ushidayContents ul, .bl_ushidayContents ol {
  padding: initial;
  margin: initial;
}

.ec-featureRole__content {
  padding-bottom: 0;
}

.ec-layoutRole {
  background-color: #fff !important;
}

.ec-layoutRole .ec-layoutRole__contents {
  background-color: #fff !important;
}

.ec-featureRole__headdescription {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.ec-featureRole .ec-featureRole__head {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.ec-layoutRole .ec-layoutRole__contents li {
  list-style: none;
}

@media print, screen and (min-width: 768px) {
  #content.gift .ec-giftArea + .ec-giftArea {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  #content.gift .ec-giftArea + .ec-giftArea {
    margin-top: 12vw;
  }
}
.itemInfoArea {
  padding: 10px;
  border-radius: 10px;
  background-color: #fff;
}

.more-link {
  margin-top: 15px !important;
}

.cp-end {
  margin-bottom: 20px !important;
  border: solid 1px #fff17f;
  padding: 24px 24px 19px;
  background-color: #fffee3;
  text-align: center;
  font-weight: bold;
  color: #f00;
}

.slideContentArea {
  display: none;
}

.productList__carousel {
  display: block;
}

/***************************************************************************

	汎用クラス・共通要素

****************************************************************************/
.indent {
  padding-left: 1em;
  text-indent: -1em;
}

.txtC {
  text-align: center !important;
}

.txtL {
  text-align: left !important;
}

@media only screen and (max-width: 767px) {
  .txtC_sp {
    text-align: center !important;
  }
}
@media only screen and (max-width: 767px) {
  .txtL_sp {
    text-align: left !important;
  }
}
.fontSz80 {
  font-size: 80%;
}

.fontSz90 {
  font-size: 90%;
}

.fontSz110 {
  font-size: 110%;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb3 {
  margin-bottom: 3px !important;
}

@media only screen and (max-width: 767px) {
  .mt15_sp {
    margin-top: 4vw !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt20_sp {
    margin-top: 5.3333333333vw !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt25_sp {
    margin-top: 6.6666666667vw !important;
  }
}
@media only screen and (max-width: 767px) {
  .mt30_sp {
    margin-top: 8vw !important;
  }
}
@media only screen and (max-width: 767px) {
  .mb25_sp {
    margin-bottom: 6.6666666667vw !important;
  }
}
.fontB {
  font-weight: bold;
}

.fontM {
  font-weight: 500;
}

.pc {
  display: block;
}

@media only screen and (max-width: 767px) {
  .pc {
    display: none;
  }
}
.pc_inb {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .pc_inb {
    display: none;
  }
}
.sp {
  display: block;
}

@media print, screen and (min-width: 768px) {
  .sp {
    display: none;
  }
}
.sp_inb {
  display: inline-block;
}

@media print, screen and (min-width: 768px) {
  .sp_inb {
    display: none;
  }
}
.tablet_inb, .sp_tablet_inb {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tablet_inb {
    display: inline-block;
  }
}
@media only screen and (max-width: 1024px) {
  .sp_tablet_inb {
    display: inline-block;
  }
}
.disp_inb {
  display: inline-block;
}

@media print {
  .disp_inb {
    display: inline-block;
  }
}
/***************************************************************************

	コンテンツ

****************************************************************************/
.bl_gwContents img {
  max-width: 100%;
}

.bl_gwContents a {
  text-decoration: none;
}

.bl_gwContents #mainVisual {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  text-align: center;
}

.bl_gwContents .mv {
  margin-bottom: 0.75rem;
  display: inline-block;
}

.bl_gwContents .mv picture {
  display: inline-block;
}

.bl_gwContents .mv img {
  max-width: 100%;
}

br.br_sp {
  display: none;
}

@media only screen and (max-width: 767px) {
  br.br_sp {
    display: inline;
  }
}
@media only screen and (max-width: 767px) {
  br.br_pc {
    display: none;
  }
}
/***************************************************************************

	bl_lead

****************************************************************************/
.bl_lead {
  margin: min(2.083vw, 25px) 0 min(2.917vw, 35px);
  text-align: center;
}
.bl_lead p {
  font-size: min(1.667vw, 20px);
  font-weight: 600;
  line-height: 1.9;
}
.bl_lead p.lead_catch {
  color: #0053a8;
  font-size: min(2.75vw, 33px);
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: min(1.667vw, 20px);
}

@media only screen and (max-width: 767px) {
  .bl_lead {
    margin: 2.667vw 0 4vw;
  }
  .bl_lead p {
    font-size: 3.733vw;
    line-height: 1.8;
  }
  .bl_lead p.lead_catch {
    font-size: 4.8vw;
    margin-bottom: 2.667vw;
  }
}
/***************************************************************************

	bl_cp

****************************************************************************/
.bl_cp {
  background: url(/order/html/upload/user_data/feature/golden_week/img/2026/bg.png) no-repeat center top;
  background-size: cover;
  padding: min(6.667vw, 80px);
}
.bl_cp_inner {
  background-color: #fff;
  border-radius: min(2.5vw, 30px);
  padding: 0 0 min(3.333vw, 40px);
  position: relative;
}
.bl_cp_inner h2 {
  background-color: #0070e9;
  color: #fff;
  font-weight: 600;
  line-height: 1;
  padding: min(1.833vw, 22px);
  font-size: min(2.75vw, 33px);
  border-radius: min(2.5vw, 30px) min(2.5vw, 30px) 0 0;
  position: relative;
  margin-bottom: min(2.5vw, 30px);
}
.bl_cp_inner h2 img {
  width: min(16.667vw, 200px);
  height: auto;
  position: absolute;
  left: max(-3.333vw, -40px);
  top: max(-4.167vw, -50px);
}
.bl_cp_inner p {
  font-size: min(1.5vw, 18px);
  line-height: 1.7;
  font-weight: 600;
}
.bl_cp_inner p.cp_catch {
  color: #007e2c;
  font-size: min(2.5vw, 30px);
  font-weight: 600;
}
.bl_cp_inner h3 {
  background-color: #1fca24;
  border-radius: min(0.833vw, 10px);
  color: #fff;
  font-weight: 600;
  line-height: 1;
  padding: min(1.667vw, 20px);
  font-size: min(2.167vw, 26px);
  width: 80%;
  margin: min(1.667vw, 20px) auto;
  position: relative;
}
.bl_cp_inner h3::after {
  border-left: solid min(0.833vw, 10px) transparent;
  border-right: solid min(0.833vw, 10px) transparent;
  border-top: solid min(1.333vw, 16px) #1fca24;
  bottom: max(-1.25vw, -15px);
  content: "";
  display: block;
  height: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  width: 0;
}
.bl_cp_inner h3 + p {
  color: #f9256b;
  font-size: min(3.333vw, 40px);
  font-weight: 700;
  display: inline;
  background: linear-gradient(transparent 70%, #fffd45 70%);
  padding: 0 0 0 min(0.417vw, 5px);
}
.bl_cp_inner h3 + p span {
  font-size: min(2.75vw, 33px);
}
.bl_cp_inner ul {
  margin-top: min(1.667vw, 20px) !important;
}
.bl_cp_inner ul li {
  text-align: center;
  color: #ff2400;
  font-size: min(1.2vw, 16px);
  line-height: 1.6;
  font-weight: 600;
}
.bl_cp_inner .shinkansen {
  position: absolute;
  width: min(29.167vw, 350px);
  height: auto;
  bottom: max(-2.5vw, -30px);
  right: max(-6.667vw, -80px);
}
.bl_cp_inner .carrycase {
  position: absolute;
  width: min(12.5vw, 150px);
  height: auto;
  bottom: max(-3.333vw, -40px);
  left: min(0.833vw, 10px);
}
.bl_cp_coupon {
  background-color: #fff;
  border-radius: min(2.5vw, 30px);
  padding: min(4.167vw, 50px) 0 min(5.417vw, 65px);
  margin-top: min(6.667vw, 80px);
}
.bl_cp_coupon > p {
  font-size: min(3vw, 36px);
  line-height: 1;
  font-weight: 600;
  color: #0053a8;
}
.bl_cp_coupon div {
  margin-top: min(3.333vw, 40px);
  text-align: center;
}
.bl_cp_coupon div p {
  font-size: min(1.833vw, 22px);
  line-height: 1;
  font-weight: 500;
  color: #0053a8;
  margin: 0 0 min(0.833vw, 10px);
}
.bl_cp_coupon div img {
  width: 60%;
  height: auto;
}
.bl_cp_coupon div a {
  transition: opacity 0.4s;
}
.bl_cp_coupon div a:hover {
  opacity: 0.8;
  transition: opacity 0.4s;
}

@media only screen and (max-width: 767px) {
  .bl_cp {
    padding: 5.333vw 4vw;
  }
  .bl_cp_inner {
    border-radius: 2.667vw;
    padding: 0 0 10.667vw;
  }
  .bl_cp_inner h2 {
    padding: 3.467vw;
    font-size: 5.333vw;
    border-radius: 2.667vw 2.667vw 0 0;
    margin-bottom: 2.667vw;
  }
  .bl_cp_inner h2 img {
    width: 23.733vw;
    height: auto;
    left: -2.933vw;
    top: -4.8vw;
  }
  .bl_cp_inner p {
    font-size: 3.733vw;
    line-height: 1.6;
    margin: 1.333vw 0;
  }
  .bl_cp_inner p.cp_catch {
    font-size: 4.533vw;
  }
  .bl_cp_inner h3 {
    border-radius: 1.333vw;
    padding: 2.933vw 0 3.467vw;
    font-size: 4vw;
    line-height: 1.6;
    width: 95%;
    margin: 4vw auto 1.333vw;
  }
  .bl_cp_inner h3::after {
    border-left: solid 2.667vw transparent;
    border-right: solid 2.667vw transparent;
    border-top: solid 4.267vw #1fca24;
    bottom: -2.133vw;
    left: 50%;
  }
  .bl_cp_inner h3 + p {
    font-size: 6.4vw;
    padding: 0 0 0 0.8vw;
  }
  .bl_cp_inner h3 + p span {
    font-size: 4.8vw;
  }
  .bl_cp_inner ul {
    margin-top: 2.667vw !important;
  }
  .bl_cp_inner ul li {
    font-size: 3.2vw;
  }
  .bl_cp_inner .shinkansen {
    position: absolute;
    width: 34.667vw;
    height: auto;
    bottom: -4.267vw;
    right: -4vw;
  }
  .bl_cp_inner .carrycase {
    width: 16vw;
    height: auto;
    bottom: -4vw;
    left: -3.2vw;
  }
  .bl_cp_coupon {
    border-radius: 2.667vw;
    padding: 6.667vw 4vw 6.667vw;
    margin-top: 5.333vw;
  }
  .bl_cp_coupon > p {
    font-size: 5.333vw;
  }
  .bl_cp_coupon div {
    margin-top: 4vw;
  }
  .bl_cp_coupon div p {
    font-size: 4.267vw;
    margin: 0 0 1.333vw;
  }
  .bl_cp_coupon div img {
    width: 100%;
    height: auto;
  }
  .bl_cp_coupon div a {
    transition: opacity 0s;
  }
  .bl_cp_coupon div a:hover {
    opacity: 1;
    transition: opacity 0s;
  }
}
/***************************************************************************

	bl_cp_info

****************************************************************************/
.bl_cp_info {
  width: min(83.333vw, 1000px);
  margin: min(5vw, 60px) auto;
}
.bl_cp_info dl {
  text-align: center;
}
.bl_cp_info dl dt {
  background: url(/order/html/upload/user_data/feature/golden_week/img/2026/ttl_pc.png) no-repeat center top;
  background-size: cover;
  font-size: min(2.167vw, 26px);
  height: min(5.583vw, 67px);
  line-height: min(5.25vw, 63px);
  color: #4d4b3a;
}
.bl_cp_info dl dd {
  margin: min(2.5vw, 30px) 0 min(2.917vw, 35px);
}
.bl_cp_info dl dd p {
  font-size: min(1.917vw, 23px);
  line-height: 1.8;
  margin: 0;
  font-weight: 600;
}
.bl_cp_info dl dd ul li {
  font-size: min(1.2vw, 16px);
  line-height: 1.8;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .bl_cp_info {
    width: 92vw;
    margin: 6.667vw auto;
  }
  .bl_cp_info dl dt {
    background: url(/order/html/upload/user_data/feature/golden_week/img/2026/ttl.png) no-repeat center top;
    background-size: 92vw 13.867vw;
    font-size: 4.533vw;
    height: 13.867vw;
    line-height: 13.333vw;
  }
  .bl_cp_info dl dd {
    margin: 2.667vw 0 5.333vw;
  }
  .bl_cp_info dl dd p {
    font-size: 4vw;
    line-height: 1.6;
  }
  .bl_cp_info dl dd ul li {
    font-size: 3.2vw;
  }
}
/***************************************************************************

	bl_howtouse

****************************************************************************/
.bl_howtouse {
  width: min(83.333vw, 1000px);
  margin: 0 auto;
}
.bl_howtouse h2 {
  border-top: min(0.333vw, 4px) solid #006de9;
  border-bottom: min(0.333vw, 4px) solid #006de9;
  color: #006de9;
  font-size: min(2.5vw, 30px);
  font-weight: 600;
  line-height: 1;
  padding: min(1.667vw, 20px) 0;
  text-align: center;
  margin: 0 0 min(1.667vw, 20px);
}
.bl_howtouse a {
  color: #006de9;
  text-decoration: underline;
  font-weight: 600;
}
.bl_howtouse a:hover {
  text-decoration: none;
  font-weight: 600;
}
.bl_howtouse ol {
  margin: 0;
  padding: min(0.417vw, 5px) 0 0 min(1.667vw, 20px);
}
.bl_howtouse ol li {
  font-size: min(1.5vw, 18px);
  line-height: 1.8;
  margin-top: min(0.417vw, 5px);
  position: relative;
  padding-left: 2.2em;
}
.bl_howtouse ol li span {
  display: inline-block;
  width: min(2.5vw, 30px);
  height: min(2.5vw, 30px);
  background-color: #006de9;
  text-align: center;
  line-height: min(2.5vw, 30px);
  border-radius: 50%;
  color: #fff;
  font-size: min(1.5vw, 18px);
  font-weight: 600;
  margin: 0 min(0.833vw, 10px) 0 0;
  position: absolute;
  left: 0;
  top: min(0.167vw, 2px);
}

@media only screen and (max-width: 767px) {
  .bl_howtouse {
    width: auto;
    margin: 0 auto;
    padding: 0 4vw;
  }
  .bl_howtouse h2 {
    border-top: 0.533vw solid #006de9;
    border-bottom: 0.533vw solid #006de9;
    font-size: 5.333vw;
    padding: 2.933vw 0;
    margin: 0 0 5vw;
  }
  .bl_howtouse a:hover {
    text-decoration: underline;
    font-weight: 600;
  }
  .bl_howtouse ol {
    margin: 0;
    padding: 0;
  }
  .bl_howtouse ol li {
    font-size: 4vw;
    margin-top: 2.133vw;
    position: relative;
    padding-left: 8vw;
    line-height: 1.5;
  }
  .bl_howtouse ol li span {
    width: 6.667vw;
    height: 6.667vw;
    line-height: 6.667vw;
    border-radius: 50%;
    font-size: 3.467vw;
    margin: 0;
    position: absolute;
    left: 0;
    top: -0.2vw;
  }
}
/***************************************************************************

	bl_osusume

****************************************************************************/
.bl_osusume {
  background-color: #afeceb;
  padding: min(5vw, 60px) min(6.667vw, 80px);
  margin: min(5vw, 60px) 0 0;
}
.bl_osusume h2 {
  color: #004443;
  font-size: min(2.75vw, 33px);
  font-weight: 600;
  text-align: center;
  line-height: 1;
  margin-bottom: min(1.667vw, 20px);
}
.bl_osusume ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.bl_osusume ul li {
  width: 48.5%;
  margin-top: min(2.5vw, 30px);
}

@media only screen and (max-width: 767px) {
  .bl_osusume {
    background-color: #afeceb;
    padding: 6.667vw 4vw;
    margin: 6.667vw 0 0;
  }
  .bl_osusume h2 {
    font-size: 5.333vw;
    margin-bottom: 0;
  }
  .bl_osusume ul {
    margin: 0;
    padding: 0;
    display: block;
  }
  .bl_osusume ul li {
    width: auto;
    margin-top: 5.333vw;
    text-align: center;
  }
}
/***************************************************************************

	bl_notes

****************************************************************************/
.bl_notes {
  padding: min(5vw, 60px) min(6.667vw, 80px) min(5.833vw, 70px);
  background-color: #f1f1f1;
}
.bl_notes h2 {
  font-size: min(2.75vw, 33px);
  line-height: 1;
  font-weight: 600;
  text-align: center;
  margin-bottom: min(2.5vw, 30px);
}
.bl_notes h3 {
  font-size: min(2vw, 24px);
  font-weight: 600;
  border-left: min(0.833vw, 10px) solid #006de9;
  padding: 0 0 0 min(1.25vw, 15px);
  margin: min(2.5vw, 30px) 0 min(1.667vw, 20px);
}
.bl_notes p {
  font-size: min(1.417vw, 17px);
  line-height: 1.6;
}
.bl_notes ul li {
  font-size: min(1.417vw, 17px);
  line-height: 1.6;
}
.bl_notes ul li + li {
  margin-top: min(0.25vw, 3px);
}
.bl_notes ul li.small_txt {
  font-size: min(1.25vw, 15px);
}

@media only screen and (max-width: 767px) {
  .bl_notes {
    padding: 6.667vw 4vw 8vw;
  }
  .bl_notes h2 {
    font-size: 5.333vw;
    margin-bottom: 0;
  }
  .bl_notes h3 {
    font-size: 4.533vw;
    border-left: 1.6vw solid #006de9;
    padding: 0 0 0 1.6vw;
    margin: 4vw 0 2.667vw;
  }
  .bl_notes p {
    font-size: 4vw;
  }
  .bl_notes ul li {
    font-size: 4vw;
  }
  .bl_notes ul li + li {
    margin-top: 0.8vw;
  }
  .bl_notes ul li.small_txt {
    font-size: 3.2vw;
  }
}/*# sourceMappingURL=style2026.css.map */