@charset "UTF-8";
@media screen and (max-width: 575px) {
  .side .btn-calltoaction {
    font-size: 26px;
  }
  .footer-txt,
.fs-12 {
    font-size: 3.2vw;
  }
  .section-store .txt-title p,
.noice-group p,
.fs-14 {
    font-size: 3.733333vw;
  }
  .txt-title,
.txt-list li,
.btn.btn-txt,
.section-gift .txt-list li,
.section-store .txt-list p,
.section-notice .txt-title h3,
.section-notice .txt-list,
.fs-16 {
    font-size: 4.266667vw;
  }
  .section-kv .item-group::after,
.section-kv .txt-title,
.fs-18 {
    font-size: 4.8vw;
  }
  .title-sub,
.section-gift .title-main span,
.fs-20 {
    font-size: 5.333333vw;
  }
  .section-gift .txt-title,
.fs-22 {
    font-size: 5.866667vw;
  }
  .section-store .txt-title h4,
.fs-24 {
    font-size: 6.4vw;
  }
  .title-main span,
.footer-title,
.ctbcWarning_title,
.fs-26 {
    font-size: 6.933333vw;
  }
  .fs-28 {
    font-size: 7.466667vw;
  }
  .section-kv .title-main span:nth-child(1),
.section-store .title-main span:nth-child(1),
.fs-34 {
    font-size: 9.066667vw;
  }
  .fs-30 {
    font-size: 8vw;
  }
  .fs-40 {
    font-size: 10.666667vw;
  }
}
@media screen and (min-width: 576px) {
  .side .btn-calltoaction {
    font-size: 26px;
  }
  .footer-txt,
.noice-group p,
.section-store .txt-title p,
.fs-14 {
    font-size: 1vw;
  }
  .txt-list li,
.btn.btn-txt,
.section-gift .txt-list li,
.section-notice .txt-title h3,
.section-notice .txt-list,
.fs-16 {
    font-size: 1.142857vw;
  }
  .section-store .txt-list p,
.fs-18 {
    font-size: 1.285714vw;
  }
  .section-kv .txt-title,
.fs-20 {
    font-size: 1.428571vw;
  }
  .lightbox-body .txt-title,
.section-gift .txt-title,
.fs-22 {
    font-size: 1.571429vw;
  }
  .section-kv .item-group::after,
.fs-24 {
    font-size: 1.714286vw;
  }
  .title-sub,
.ctbcWarning_title,
.section-store .txt-title h4,
.fs-26 {
    font-size: 1.857143vw;
  }
  .fs-28 {
    font-size: 2vw;
  }
  .lightbox-body .txt-title,
.section-gift .title-main span,
.fs-30 {
    font-size: 2.142857vw;
  }
  .footer-title,
.title-main span,
.fs-40 {
    font-size: 2.857143vw;
  }
  .section-kv .title-main span,
.fs-50 {
    font-size: 3.571429vw;
  }
}
@media screen and (min-width: 1201px) {
  .side .btn-calltoaction {
    font-size: 22px;
  }
  .footer-txt,
.noice-group p,
.section-store .txt-title p,
.fs-14 {
    font-size: 14px;
  }
  .txt-list li,
.btn.btn-txt,
.section-gift .txt-list li,
.section-notice .txt-title h3,
.section-notice .txt-list,
.fs-16 {
    font-size: 16px;
  }
  .section-store .txt-list p,
.fs-18 {
    font-size: 18px;
  }
  .section-kv .txt-title,
.fs-20 {
    font-size: 20px;
  }
  .lightbox-body .txt-title,
.section-gift .txt-title,
.fs-22 {
    font-size: 22px;
  }
  .section-kv .item-group::after,
.fs-24 {
    font-size: 24px;
  }
  .title-sub,
.ctbcWarning_title,
.section-store .txt-title h4,
.fs-26 {
    font-size: 26px;
  }
  .fs-28 {
    font-size: 28px;
  }
  .lightbox-body .txt-title,
.section-gift .title-main span,
.fs-30 {
    font-size: 30px;
  }
  .footer-title,
.title-main span,
.fs-40 {
    font-size: 40px;
  }
  .section-kv .title-main span,
.fs-50 {
    font-size: 50px;
  }
}
body,
.font-linehight-150 {
  line-height: 1.5;
}

@media screen and (max-width: 575px) {
  .footer-txt,
.section-gift .txt-list li,
.font-linehight-18 {
    line-height: 4.8vw;
  }
  .footer-title,
.section-gift .title-main span,
.font-linehight-26 {
    line-height: 6.933333vw;
  }
}
@media screen and (min-width: 576px) {
  .footer-txt,
.section-gift .txt-list li,
.font-linehight-20 {
    line-height: 1.666667vw;
  }
  .footer-title,
.font-linehight-26 {
    line-height: 2.166667vw;
  }
  .section-gift .title-main span,
.font-linehight-40 {
    line-height: 3.333333vw;
  }
}
@media screen and (min-width: 1201px) {
  .footer-txt,
.section-gift .txt-list li,
.font-linehight-20 {
    line-height: 20px;
  }
  .footer-title,
.font-linehight-26 {
    line-height: 26px;
  }
  .section-gift .title-main span,
.font-linehight-40 {
    line-height: 40px;
  }
}
body,
.lightbox-body,
.section-gift .title-main span,
a:link, a:hover, a:active, a:focus, a:visited,
.noice-group p,
.font-color-gray {
  color: #464B4A;
}

.font-color-gray-light {
  color: #888888;
}

.footer,
.footer a:link, .footer a:hover, .footer a:active, .footer a:focus, .footer a:visited,
.section-kv .item::after,
.side .btn-calltoaction,
.font-color-white {
  color: #FFFFFF;
}

.title-main,
.section-gift .txt-title,
.section-store .title-main,
.font-color-green {
  color: #151011;
}

.txt-stress,
.title-group.gift span:nth-child(3),
.cardu .txt-stress,
.section-store .title-sub,
.font-color-blue {
  color: #047ac2;
}

.side .btn-calltoaction,
.font-color-yellow {
  color: #FFE000;
}

.alphacard .section-store .txt-stress,
.alphacard .section-store .title-sub,
.alphacard .section-kv .txt-stress,
.roo .section-kv .txt-stress,
.roo .section-store .txt-stress,
.roo .section-store .title-sub {
  color: #FF6118;
}

.alphacard .title-group.gift span:nth-child(3) {
  color: #019D44;
}

.section-kv .noice-group p,
.section-notice .txt-title h3,
.text-align-left {
  text-align: left;
}

@media screen and (max-width: 575px) {
  .text-align-left {
    text-align: left;
  }
}

@media screen and (min-width: 576px) {
  .ctbcWarning_title,
.section.section-gift .item-txt .txt-title,
.text-align-left {
    text-align: left;
  }
}

.title-group,
.txt-title,
.noice-group,
.btn.btn-txt,
.footer,
.section-kv .item-group::after,
.text-align-center {
  text-align: center;
}

.section-store .txt-list span:nth-child(2),
.text-align-right {
  text-align: right;
}

.side .btn-calltoaction,
.section-kv .txt-title,
.title-main {
  font-weight: bold;
}

.section-store .txt-title h4,
.footer-title,
.noice-group {
  font-weight: normal;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  font-family: "Microsoft JhengHei", Arial, "PingFang TC", "Heiti TC", "LantingHei TC", "Microsoft YaHei", 微軟正黑體, sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  font-weight: normal;
}

picture {
  display: block;
}
picture img {
  vertical-align: middle;
}

img {
  width: 100%;
  height: auto;
  aspect-ratio: attr(width)/attr(height);
  vertical-align: top;
}

a {
  display: inline-block;
  vertical-align: top;
}

a:link, a:hover, a:active, a:focus, a:visited {
  text-decoration: none;
}

button, select {
  -webkit-appearance: none;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: transparent;
}

main {
  position: relative;
  z-index: 1;
}

.sr-only {
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.section {
  position: relative;
  padding: 13.333333vw 4vw;
}
@media screen and (min-width: 576px) {
  .section {
    padding: 5vw 0;
  }
}
@media screen and (min-width: 1201px) {
  .section {
    padding: 70px 0;
  }
}

.section-kv.section {
  padding: 5.333333vw 4vw 21.333333vw 4vw;
}
@media screen and (min-width: 576px) {
  .section-kv.section {
    padding: 0.714286vw 0 5.714286vw 0;
  }
}
@media screen and (min-width: 1201px) {
  .section-kv.section {
    padding: 10px 0 80px 0;
  }
}

.container {
  width: 100%;
  margin: 0 auto;
  max-width: 575px;
}
@media screen and (min-width: 576px) {
  .container {
    width: 90%;
    max-width: 1400px;
    padding: 0;
  }
}
.section-kv .container {
  width: 100%;
}

.ap {
  position: absolute;
  top: -50px;
}

.title-group {
  padding-bottom: 5.333333vw;
}
@media screen and (min-width: 576px) {
  .title-group {
    padding: 1.428571vw 0;
  }
}
@media screen and (min-width: 1201px) {
  .title-group {
    padding: 20px 0;
  }
}
.title-group .title-main {
  padding-bottom: 2.666667vw;
}
@media screen and (min-width: 576px) {
  .title-group .title-main {
    padding-bottom: 0.714286vw;
  }
}
@media screen and (min-width: 1201px) {
  .title-group .title-main {
    padding-bottom: 10px;
  }
}
.title-group .txt-br {
  display: block;
}

.kv .noice-group {
  width: 100%;
  margin: 0 auto;
  padding: 8vw 0;
}
@media screen and (min-width: 576px) {
  .kv .noice-group {
    width: 66.6666667%;
    max-width: 800px;
    padding: 0 0 5.714286vw 0;
  }
}
@media screen and (min-width: 1201px) {
  .kv .noice-group {
    padding: 0 0 80px 0;
  }
}

.section-store .noice-group {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 10.666667vw 0;
}
@media screen and (min-width: 576px) {
  .section-store .noice-group {
    width: 66.6666667%;
    max-width: 800px;
    padding: 0 0 2.142857vw 0;
  }
}
@media screen and (min-width: 1201px) {
  .section-store .noice-group {
    padding: 0 0 30px 0;
  }
}

ol li,
ul li {
  list-style-type: decimal;
  margin-left: 8vw;
  padding-bottom: 2.666667vw;
}
@media screen and (min-width: 576px) {
  ol li,
ul li {
    margin-left: 2.142857vw;
    padding-bottom: 0.714286vw;
  }
}
@media screen and (min-width: 1201px) {
  ol li,
ul li {
    margin-left: 30px;
    padding-bottom: 10px;
  }
}

ol.ol-sub li {
  list-style-type: lower-latin;
}

ul.ol-sub li {
  list-style-type: disc;
}

ul.ol-last li {
  text-indent: -2em;
  list-style-type: none;
}

.header {
  top: 0px;
  z-index: 2;
  width: 100%;
  height: 50px;
  background-color: #007D7D;
  padding: 0;
}
.header .container {
  padding: 0;
}
.header .logo {
  width: 180px;
}

.footer {
  width: 100%;
  background: #a1a1a1;
  padding: 40px 0 60px;
}
@media screen and (min-width: 768px) {
  .footer {
    padding: 10px 0 80px;
  }
  .footer .container {
    padding: 0;
  }
}

.group_ctbcWarning {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .group_ctbcWarning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: center;
        align-content: center;
  }
}

.ctbcWarning_title {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .ctbcWarning_title {
    width: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: center;
        align-content: center;
  }
}
.ctbcWarning_title span {
  padding: 1.333333vw;
  border: 2px solid #f2f2f2;
}
@media screen and (min-width: 768px) {
  .ctbcWarning_title span {
    display: block;
    padding: 10px;
  }
}

.ctbcWarning_text {
  padding: 5.333333vw;
}
@media screen and (min-width: 768px) {
  .ctbcWarning_text {
    width: calc(100% - 300px);
    padding: 20px;
  }
}

.link_backToTop {
  position: fixed;
  z-index: 3;
  bottom: 60px;
  right: 20px;
  border: 1px solid #888888;
  background: #FFFFFF;
  padding: 10px;
  border-radius: 100px;
}

.side {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 50px;
  bottom: 0;
  background-color: #FF6118;
}
@media screen and (min-width: 576px) {
  .side {
    height: 65px;
  }
}
.side .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 50px;
}
@media screen and (min-width: 576px) {
  .side .btn-group {
    height: 65px;
  }
}
.side .btn-calltoaction {
  margin: auto;
  color: #ffffff;
}
.side .btn-calltoaction::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../image/icon_arrow_right_white.png") no-repeat center center/100% auto;
}

.section.section-kv {
  background: url("./../image/kv_bg_wall_alphacard.png") repeat-x center bottom 26%/34.722222% auto, #F0FFE6;
}
@media screen and (min-width: 576px) {
  .section.section-kv {
    background: url("./../image/kv_bg_wall_alphacard.png") repeat-x center bottom 40%/34.722222% auto, #F0FFE6;
  }
}
@media screen and (min-width: 768px) {
  .section.section-kv {
    background: url("./../image/kv_bgimage_alphacard_lg.png") no-repeat center top/120% auto, url("./../image/kv_bg_wall_alphacard.png") repeat-x center bottom 26%/14.322916% auto, #F0FFE6;
  }
}
@media screen and (min-width: 1001px) {
  .section.section-kv {
    background: url("./../image/kv_bgimage_alphacard_lg.png") no-repeat center top/120% auto, url("./../image/kv_bg_wall_alphacard.png") repeat-x center bottom 180px/17.361111% auto, #F0FFE6;
  }
}
@media screen and (min-width: 1201px) {
  .section.section-kv {
    background: url("./../image/kv_bgimage_alphacard_lg.png") no-repeat center top/2000px auto, url("./../image/kv_bg_wall_alphacard.png") repeat-x center bottom 220px/200px auto, #F0FFE6;
  }
}
.section.section-kv .linefriends {
  width: 32%;
  padding-bottom: 2.666667vw;
}
.section.section-kv .linefriends img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .section.section-kv .linefriends {
    width: 13.333333%;
    padding: 0;
  }
}
@media screen and (max-width: 575px) {
  .section.section-kv .title-group .title-sub > span:nth-child(2) {
    display: block;
  }
}
.section.section-kv .item-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 2.666667vw 0 0;
  background: #FFFFFF;
  border: 3px solid #151011;
  border-radius: 20px;
}
@media screen and (max-width: 575px) {
  .section.section-kv .item-group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (min-width: 576px) {
  .section.section-kv .item-group {
    padding: 1.428571vw 0 1.428571vw;
  }
}
@media screen and (min-width: 1201px) {
  .section.section-kv .item-group {
    padding: 20px 0 20px;
  }
}
.section.section-kv .item {
  position: relative;
  width: 100%;
  padding: 2.666667vw 4vw 2.666667vw 0;
}
@media screen and (max-width: 575px) {
  .section.section-kv .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 576px) {
  .section.section-kv .item {
    padding: 0.714286vw 2.142857vw;
  }
}
@media screen and (min-width: 1201px) {
  .section.section-kv .item {
    padding: 10px 30px;
  }
}
.section.section-kv .item + .item::before, .section.section-kv .item + .item::after {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (min-width: 576px) {
  .section.section-kv .item + .item::before, .section.section-kv .item + .item::after {
    top: 40%;
    left: 0%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.section.section-kv .item + .item::before {
  background-color: #FF6118;
  width: 8vw;
  height: 8vw;
  border-radius: 100px;
  border: 2px solid #151011;
}
@media screen and (min-width: 576px) {
  .section.section-kv .item + .item::before {
    width: 3.214286vw;
    height: 3.214286vw;
  }
}
@media screen and (min-width: 1201px) {
  .section.section-kv .item + .item::before {
    width: 45px;
    height: 45px;
  }
}
.section.section-kv .item + .item::after {
  content: "或";
  font-weight: bold;
}
@media screen and (min-width: 576px) {
  .section.section-kv .item + .item::after {
    font-size: 1.428571vw;
  }
}
@media screen and (min-width: 1201px) {
  .section.section-kv .item + .item::after {
    font-size: 20px;
  }
}
@media screen and (max-width: 575px) {
  .section.section-kv .item-photo {
    width: 50%;
  }
}
@media screen and (max-width: 575px) {
  .section.section-kv .item-txt {
    width: 50%;
  }
}
.section.section-kv .kvimg-photo-lg {
  display: none;
}
@media screen and (min-width: 768px) {
  .section.section-kv .kvimg-photo-lg {
    display: block;
  }
}
.section.section-kv .kvimg-photo-xs {
  display: block;
}
@media screen and (min-width: 768px) {
  .section.section-kv .kvimg-photo-xs {
    display: none;
  }
}
.section.section-kv .card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  z-index: 1;
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
@media screen and (min-width: 768px) {
  .section.section-kv .card-group {
    max-width: 600px;
  }
}
.section.section-kv .card-group .card-photo {
  border-radius: 2.133333vw;
  overflow: hidden;
  margin: 0 2%;
}
@media screen and (min-width: 576px) {
  .section.section-kv .card-group .card-photo {
    border-radius: 0.714286vw;
  }
}
@media screen and (min-width: 1201px) {
  .section.section-kv .card-group .card-photo {
    border-radius: 10px;
  }
}
@media screen and (max-width: 575px) {
  .section.section-kv .card-group .card-photo:nth-child(3) {
    display: none;
  }
}

.cardu .section.section-gift {
  background: #F2EFE1;
}
@media screen and (min-width: 576px) {
  .cardu .section.section-gift {
    padding: 5.714286vw 0 3.571429vw;
    background: url("./../image/gift_bgimage_lg.png") no-repeat center bottom/100% auto, #F2EFE1;
  }
}
@media screen and (min-width: 1201px) {
  .cardu .section.section-gift {
    padding: 80px 0 50px;
    background: url("./../image/gift_bgimage_lg.png") no-repeat center bottom/2000px auto, #F2EFE1;
  }
}

.alphacard .section.section-gift {
  background: #FFFAE6;
}
@media screen and (min-width: 576px) {
  .alphacard .section.section-gift {
    padding: 5.714286vw 0 3.571429vw;
    background: url("./../image/gift_bgimage_lg.png") no-repeat center bottom/100% auto, #FFFAE6;
  }
}
@media screen and (min-width: 1201px) {
  .alphacard .section.section-gift {
    padding: 80px 0 50px;
    background: url("./../image/gift_bgimage_lg.png") no-repeat center bottom/2000px auto, #FFFAE6;
  }
}

.roo .section.section-gift {
  background: #FFFAE6;
}
@media screen and (min-width: 576px) {
  .roo .section.section-gift {
    padding: 5.714286vw 0 3.571429vw;
    background: url("./../image/gift_bgimage_lg.png") no-repeat center bottom/100% auto, #FFFAE6;
  }
}
@media screen and (min-width: 1201px) {
  .roo .section.section-gift {
    padding: 80px 0 50px;
    background: url("./../image/gift_bgimage_lg.png") no-repeat center bottom/2000px auto, #FFFAE6;
  }
}

@media screen and (min-width: 576px) {
  .section.section-gift .title-group .title-main span {
    display: block;
  }
}
.section.section-gift .item {
  width: 80%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  background-color: #FFFFFF;
  border-radius: 5.333333vw;
  padding: 6.666667vw 2.666667vw;
  border: 3px solid #151011;
}
.section.section-gift .item .item-photo, .section.section-gift .item .item-txt {
  width: 100%;
}
@media screen and (min-width: 576px) {
  .section.section-gift .item {
    width: 83.3333333%;
    border-radius: 1.428571vw;
    padding: 1.785714vw 0.714286vw;
  }
  .section.section-gift .item .item-photo {
    width: 42.8571429%;
  }
  .section.section-gift .item .item-txt {
    width: 55.1020408%;
  }
}
@media screen and (min-width: 1201px) {
  .section.section-gift .item {
    border-radius: 20px;
    padding: 25px 10px;
  }
}
.section.section-gift .item-txt .txt-title {
  padding: 0 0 4vw;
}
@media screen and (min-width: 576px) {
  .section.section-gift .item-txt .txt-title {
    padding: 0 0 1.071429vw;
  }
}
@media screen and (min-width: 1201px) {
  .section.section-gift .item-txt .txt-title {
    padding: 0 0 15px;
  }
}
.section.section-gift .item-txt .txt-title span {
  display: block;
}
.section.section-gift .item-txt .txt-list li {
  margin-left: 5.333333vw;
  list-style-type: disc;
}
@media screen and (min-width: 576px) {
  .section.section-gift .item-txt .txt-list li {
    margin-left: 1.428571vw;
  }
}
@media screen and (min-width: 1201px) {
  .section.section-gift .item-txt .txt-list li {
    margin-left: 20px;
  }
}
.section.section-gift .noice-group .btn.btn-txt::before {
  content: "》";
  display: inline-block;
}
.section.section-gift .noice-group a {
  text-decoration: underline;
}
.section.section-gift .noice-group a:hover {
  text-decoration: none;
}

.cardu .section.section-store {
  background: url("./../image/store_bgimage_xs.png") no-repeat center bottom/100% auto, url("./../image/store_bg_floor_lg.png") repeat-x center bottom/1.2% auto, #f9f7f0;
}
@media screen and (min-width: 576px) {
  .cardu .section.section-store {
    background: url("./../image/store_bg_character_lg.png") no-repeat center bottom/140% auto, url("./../image/store_bgimage_lg.png") no-repeat center bottom/140% auto, url("./../image/store_bg_floor_lg.png") repeat-x center bottom/1.4% auto, #f9f7f0;
  }
}
@media screen and (min-width: 1201px) {
  .cardu .section.section-store {
    background: url("./../image/store_bg_character_lg.png") no-repeat center bottom/2000px auto, url("./../image/store_bgimage_lg.png") no-repeat center bottom/2000px auto, url("./../image/store_bg_floor_lg.png") repeat-x center bottom/20px auto, #f9f7f0;
  }
}

.alphacard .section.section-store {
  background: url("./../image/store_bgimage_xs.png") no-repeat center bottom/100% auto, url("./../image/store_bg_floor_lg.png") repeat-x center bottom/1.2% auto, #F0FFE6;
}
@media screen and (min-width: 576px) {
  .alphacard .section.section-store {
    background: url("./../image/store_bg_character_lg.png") no-repeat center bottom/140% auto, url("./../image/store_bgimage_lg.png") no-repeat center bottom/140% auto, url("./../image/store_bg_floor_lg.png") repeat-x center bottom/1.4% auto, #F0FFE6;
  }
}
@media screen and (min-width: 1201px) {
  .alphacard .section.section-store {
    background: url("./../image/store_bg_character_lg.png") no-repeat center bottom/2000px auto, url("./../image/store_bgimage_lg.png") no-repeat center bottom/2000px auto, url("./../image/store_bg_floor_lg.png") repeat-x center bottom/20px auto, #F0FFE6;
  }
}

.roo .section.section-store {
  background: url("./../image/store_bgimage_xs.png") no-repeat center bottom/100% auto, url("./../image/store_bg_floor_lg.png") repeat-x center bottom/1.2% auto, #E6FAFF;
}
@media screen and (min-width: 576px) {
  .roo .section.section-store {
    background: url("./../image/store_bg_character_lg.png") no-repeat center bottom/140% auto, url("./../image/store_bgimage_lg.png") no-repeat center bottom/140% auto, url("./../image/store_bg_floor_lg.png") repeat-x center bottom/1.4% auto, #E6FAFF;
  }
}
@media screen and (min-width: 1201px) {
  .roo .section.section-store {
    background: url("./../image/store_bg_character_lg.png") no-repeat center bottom/2000px auto, url("./../image/store_bgimage_lg.png") no-repeat center bottom/2000px auto, url("./../image/store_bg_floor_lg.png") repeat-x center bottom/20px auto, #E6FAFF;
  }
}

@media screen and (min-width: 576px) {
  .section.section-store .item-group {
    width: 83.3333333%;
    margin: 0 auto;
    padding: 0 1.428571vw;
  }
}
@media screen and (min-width: 1201px) {
  .section.section-store .item-group {
    padding: 0 20px;
  }
}
.section.section-store .item {
  width: 80%;
  margin: 0 auto;
  background-color: #FFFFFF;
  border-radius: 5.333333vw;
  padding: 6.666667vw 2.666667vw;
}
@media screen and (min-width: 576px) {
  .section.section-store .item {
    width: 90%;
    border-radius: 1.428571vw;
    padding: 1.785714vw 0.714286vw;
  }
}
@media screen and (min-width: 1201px) {
  .section.section-store .item {
    border-radius: 20px;
    padding: 25px 10px;
  }
}
.section.section-store .txt-title {
  padding-bottom: 2.666667vw;
}
@media screen and (min-width: 576px) {
  .section.section-store .txt-title {
    padding-bottom: 0.714286vw;
  }
}
@media screen and (min-width: 1201px) {
  .section.section-store .txt-title {
    padding-bottom: 10px;
  }
}
.section.section-store .txt-title h4 {
  width: 65%;
  margin: 0 auto;
  padding: 1.333333vw 5.333333vw;
  border-radius: 100px;
  background-color: #007D7D;
}
@media screen and (min-width: 576px) {
  .section.section-store .txt-title h4 {
    padding: 0.357143vw 1.428571vw;
  }
}
@media screen and (min-width: 1201px) {
  .section.section-store .txt-title h4 {
    padding: 5px 20px;
  }
}
.section.section-store .txt-title p {
  margin: 0 auto;
  padding: 2.666667vw 5.333333vw;
}
@media screen and (min-width: 576px) {
  .section.section-store .txt-title p {
    padding: 0.714286vw 1.428571vw;
  }
}
@media screen and (min-width: 1201px) {
  .section.section-store .txt-title p {
    padding: 10px 20px;
  }
}
.section.section-store .txt-list {
  padding: 2.666667vw;
}
@media screen and (min-width: 576px) {
  .section.section-store .txt-list {
    padding: 0.714286vw;
  }
}
@media screen and (min-width: 1201px) {
  .section.section-store .txt-list {
    padding: 10px;
  }
}
.section.section-store .txt-list li {
  border-bottom: 1px solid #f2f2f2;
  padding: 1.333333vw 0;
}
@media screen and (min-width: 576px) {
  .section.section-store .txt-list li {
    padding: 0.357143vw 0;
  }
}
@media screen and (min-width: 1201px) {
  .section.section-store .txt-list li {
    padding: 5px 0;
  }
}
.section.section-store .txt-list li p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section.section-store .txt-list li span {
  display: block;
}
.section.section-store .txt-list li span:nth-child(1) {
  width: 70%;
}
.section.section-store .txt-list li span:nth-child(2) {
  width: 30%;
}
.section.section-notice {
  background: #e6e6e6;
}
.section.section-notice .item {
  padding-bottom: 13.333333vw;
}
@media screen and (min-width: 576px) {
  .section.section-notice .item {
    padding-bottom: 3.571429vw;
  }
}
@media screen and (min-width: 1201px) {
  .section.section-notice .item {
    padding-bottom: 50px;
  }
}
.section.section-notice .item-mask {
  max-height: 200px;
  -webkit-transition: 1s;
  transition: 1s;
  overflow: hidden;
  position: relative;
}
.section.section-notice .item-mask::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1em;
  bottom: 0;
  left: 0;
}
.section.section-notice .item-mask.active::after {
  display: none;
}
.section.section-notice .txt-list a {
  text-decoration: underline;
}
.section.section-notice .txt-list a:hover {
  text-decoration: none;
}
.section.section-notice .collapse-area {
  position: relative;
}
.section.section-notice .btn-collapse-switch {
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 13.333333vw;
  margin: 6.666667vw auto 0;
}
@media screen and (min-width: 576px) {
  .section.section-notice .btn-collapse-switch {
    width: 3.571429vw;
    margin: 1.785714vw auto 0;
  }
}
@media screen and (min-width: 1201px) {
  .section.section-notice .btn-collapse-switch {
    width: 50px;
    margin: 25px auto 0;
  }
}
.section.section-notice .btn-collapse-switch img[src*=close],
.section.section-notice .btn-collapse-switch.active img[src*=open] {
  display: none;
}
.section.section-notice .btn-collapse-switch.active img[src*=close] {
  display: block;
}

.owl-stage-outer .owl-stage,
.owl-stage-outer .owl-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.owl-nav {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 45%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.owl-nav .owl-next,
.owl-nav .owl-prev {
  width: 6.666667vw;
  height: 13.333333vw;
  position: relative;
  margin-left: auto;
}
@media screen and (min-width: 576px) {
  .owl-nav .owl-next,
.owl-nav .owl-prev {
    width: 3.571429vw;
    height: 7.142857vw;
  }
}
@media screen and (min-width: 1201px) {
  .owl-nav .owl-next,
.owl-nav .owl-prev {
    width: 50px;
    height: 100px;
  }
}
.owl-nav .owl-next::before,
.owl-nav .owl-prev::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0%;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.owl-nav .owl-next span,
.owl-nav .owl-prev span {
  display: none;
}
.owl-nav .owl-prev {
  margin: 0 auto 0 0;
}
.owl-nav .owl-prev::before {
  background: url("../image/icon_arrow_left_black.png") no-repeat center center/100% 100%;
}
.owl-nav .owl-next {
  margin: 0 0 0 auto;
}
.owl-nav .owl-next::before {
  background: url("../image/icon_arrow_right_black.png") no-repeat center center/100% 100%;
}

@media screen and (min-width: 576px) {
  .section-store .owl-nav {
    left: -5%;
    right: -5%;
  }
}
.section-store .owl-prev {
  margin: 0 auto 0 0;
}
.section-store .owl-prev::before {
  background: url("../image/icon_arrow_left_gray.png") no-repeat center center/100% 100%;
}
.section-store .owl-next {
  margin: 0 0 0 auto;
}
.section-store .owl-next::before {
  background: url("../image/icon_arrow_right_gray.png") no-repeat center center/100% 100%;
}

.owl-carousel .owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 2.666667vw;
}
@media screen and (min-width: 576px) {
  .owl-carousel .owl-dots {
    padding: 0.714286vw;
  }
}
@media screen and (min-width: 1201px) {
  .owl-carousel .owl-dots {
    padding: 10px;
  }
}
.owl-carousel .owl-dots .owl-dot {
  width: 15px;
  height: 15px;
  background-color: #888888;
  border-radius: 100px;
  margin: 2.666667vw;
}
@media screen and (min-width: 576px) {
  .owl-carousel .owl-dots .owl-dot {
    margin: 0.714286vw;
  }
}
@media screen and (min-width: 1201px) {
  .owl-carousel .owl-dots .owl-dot {
    margin: 10px;
  }
}
.owl-carousel .owl-dots .owl-dot.active {
  background-color: #047ac2;
}

.cardu .owl-carousel .owl-dots .owl-dot.active {
  background-color: #047ac2;
}

.alphacard .owl-carousel .owl-dots .owl-dot.active {
  background-color: #019D44;
}

.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}
.lightbox.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.lightbox .lightbox-container {
  width: 100%;
  margin: auto;
  max-width: 1000px;
  padding: 30px;
  position: relative;
  z-index: 3;
}
.lightbox .btn-close {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 10px;
  top: 10px;
  z-index: 5;
  border: none;
}
.lightbox .backdrop {
  position: sticky;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.lightbox .lightbox-body {
  background-color: rgb(255, 255, 255);
  border-radius: 25px;
  padding: 8vw 8vw 8vw 2.666667vw;
}
@media screen and (min-width: 576px) {
  .lightbox .lightbox-body {
    padding: 3.571429vw 3.571429vw 3.571429vw 2.142857vw;
  }
}
@media screen and (min-width: 1201px) {
  .lightbox .lightbox-body {
    padding: 50px 50px 50px 30px;
  }
}

.lightbox-body .item-txt {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.lightbox-body .txt-title {
  padding: 1.333333vw 4vw 5.333333vw;
}
@media screen and (min-width: 576px) {
  .lightbox-body .txt-title {
    padding: 0.357143vw 0 1.428571vw;
  }
}
@media screen and (min-width: 1201px) {
  .lightbox-body .txt-title {
    padding: 5px 0 20px;
  }
}

@media screen and (max-width: 575px) {
  .cardu .lightbox-body .txt-title span {
    display: block;
  }
}