{"version":3,"sources":["_basic.scss","02_02_01-09.css","_setting.scss","_module.scss","_common.scss","_calc_card.scss","02_02_01-09.scss"],"names":[],"mappings":"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","file":"02_02_01-09.css","sourcesContent":["@charset \"UTF-8\";\r\n\r\n// =======================================\r\n// basic\r\n// =======================================\r\n\r\nhtml {\r\n  font-size: 62.5%;\r\n}\r\n\r\nbody {\r\n  color: #000;\r\n  background-color: #fff;\r\n  line-height: 1;\r\n  font-size: 1.6rem;\r\n  -webkit-text-size-adjust: 100%;\r\n  -webkit-font-smoothing: antialiased;\r\n  width: 100%;\r\n  height: 100%;\r\n  min-width: 320px;\r\n  // min-width: 1024px;\r\n  // min-height: 768px;\r\n  margin: 0 auto;\r\n  font-family: $font-base;\r\n}\r\n\r\na {\r\n  color: #000;\r\n  transition: 0.5s;\r\n}\r\n\r\nbutton {\r\n  font-family: $font-base;\r\n}\r\n","html {\n  font-size: 62.5%;\n}\n\nbody {\n  color: #000;\n  background-color: #fff;\n  line-height: 1;\n  font-size: 1.6rem;\n  -webkit-text-size-adjust: 100%;\n  -webkit-font-smoothing: antialiased;\n  width: 100%;\n  height: 100%;\n  min-width: 320px;\n  margin: 0 auto;\n  font-family: Meiryo, -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", \"Hiragino Kaku Gothic ProN\", sans-serif;\n}\n\na {\n  color: #000;\n  transition: 0.5s;\n}\n\nbutton {\n  font-family: Meiryo, -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", \"Hiragino Kaku Gothic ProN\", sans-serif;\n}\n\n.container {\n  display: block;\n  position: relative;\n  margin: 0 auto;\n  width: 100%;\n}\n\n.page-container {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n}\n\n.page {\n  position: relative;\n  width: 100%;\n  max-width: 1410px;\n  margin: 0 auto;\n}\n\n@media only screen and (min-width: 1024px) {\n  .page {\n    width: calc(100% - 100px);\n  }\n}\n\n@media only screen and (min-width: 1260px) {\n  .page {\n    width: calc(100% - 200px);\n  }\n}\n\n@media only screen and (min-width: 1610px) {\n  .page {\n    width: 1410px;\n  }\n}\n\n.main {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 10;\n}\n\n.main-box {\n  position: relative;\n  height: 100%;\n}\n\n@media screen and (min-width: 851px) and (min-aspect-ratio: 5 / 2) {\n  .card-container {\n    margin: 0 auto;\n    max-width: 80%;\n  }\n}\n\n@media screen and (min-width: 851px) and (min-aspect-ratio: 20 / 9) {\n  .card-container {\n    margin: 0 auto;\n    max-width: 60%;\n  }\n}\n\n.card, .card--wide {\n  position: relative;\n  width: 80%;\n  aspect-ratio: 1 / 0.471;\n  margin: 0 auto;\n}\n\n@media only screen and (min-width: 1610px) {\n  .card, .card--wide {\n    max-width: 934px;\n  }\n}\n\n@media screen and (min-width: 851px) and (min-aspect-ratio: 2 / 1) {\n  .card, .card--wide {\n    width: 75%;\n    max-width: 800px;\n  }\n}\n\n@media screen and (min-width: 851px) and (min-aspect-ratio: 5 / 2) {\n  .card, .card--wide {\n    width: 65%;\n    max-width: 700px;\n  }\n}\n\n.card--wide {\n  aspect-ratio: 1 / 0.369;\n}\n\n@media only screen and (min-width: 1610px) {\n  .card--wide {\n    max-width: 1200px;\n  }\n}\n\n@media screen and (min-width: 851px) and (min-aspect-ratio: 5 / 2) {\n  .card--wide {\n    max-width: 800px;\n  }\n}\n\n@media screen and (min-width: 851px) and (min-aspect-ratio: 20 / 9) {\n  .card--wide {\n    max-width: 700px;\n  }\n}\n\n.card__content, .card__content--wide {\n  position: absolute;\n  width: 100%;\n  top: 15%;\n  z-index: 20;\n  pointer-events: none;\n}\n\n.card__calc, .card__calc--front, .card__calc--back {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  pointer-events: none;\n}\n\n.card__content .no, .card__content--wide .no, .card__content .no--null, .card__content--wide .no--null, .card__content .no--0, .card__content--wide .no--0, .card__content .no--1, .card__content--wide .no--1, .card__content .no--2, .card__content--wide .no--2, .card__content .no--3, .card__content--wide .no--3, .card__content .no--4, .card__content--wide .no--4, .card__content .no--5, .card__content--wide .no--5, .card__content .no--6, .card__content--wide .no--6, .card__content .no--7, .card__content--wide .no--7, .card__content .no--8, .card__content--wide .no--8, .card__content .no--9, .card__content--wide .no--9, .card__content .no--1-10, .card__content--wide .no--1-10,\n.card__content .no--1-1,\n.card__content--wide .no--1-1 {\n  display: inline-block;\n  width: 20%;\n  aspect-ratio: 1 / 1.428;\n  background-size: auto 100%;\n  background-repeat: no-repeat;\n  background-image: url(\"../img/common/calc_card/calc_num.png\");\n  vertical-align: middle;\n}\n\n.card__content .no--null, .card__content--wide .no--null {\n  width: 0;\n  display: none;\n}\n\n.card__content .no--0, .card__content--wide .no--0 {\n  background-position: 0% 0;\n}\n\n.card__content .no--1, .card__content--wide .no--1 {\n  background-position: 11.2% 0;\n}\n\n.card__content .no--2, .card__content--wide .no--2 {\n  background-position: 22.4% 0;\n}\n\n.card__content .no--3, .card__content--wide .no--3 {\n  background-position: 33.6% 0;\n}\n\n.card__content .no--4, .card__content--wide .no--4 {\n  background-position: 44.8% 0;\n}\n\n.card__content .no--5, .card__content--wide .no--5 {\n  background-position: 56% 0;\n}\n\n.card__content .no--6, .card__content--wide .no--6 {\n  background-position: 67.2% 0;\n}\n\n.card__content .no--7, .card__content--wide .no--7 {\n  background-position: 78.4% 0;\n}\n\n.card__content .no--8, .card__content--wide .no--8 {\n  background-position: 89.6% 0;\n}\n\n.card__content .no--9, .card__content--wide .no--9 {\n  background-position: 100.8% 0;\n}\n\n.card__content .no--1-10, .card__content--wide .no--1-10,\n.card__content .no--1-1,\n.card__content--wide .no--1-1 {\n  background-position: 11.2% 0;\n}\n\n.card__content .symbol, .card__content--wide .symbol {\n  display: inline-block;\n  width: 22%;\n  aspect-ratio: 1 / 1;\n  background-size: contain;\n  background-repeat: no-repeat;\n  vertical-align: middle;\n}\n\n.card__content .symbol--plus, .card__content--wide .symbol--plus {\n  background-image: url(\"../img/common/calc_card/calc_plus.png\");\n}\n\n.card__content .symbol--minus, .card__content--wide .symbol--minus {\n  background-image: url(\"../img/common/calc_card/calc_minus.png\");\n}\n\n.card__content .symbol--multi, .card__content--wide .symbol--multi {\n  background-image: url(\"../img/common/calc_card/calc_multi.png\");\n}\n\n.card__content--wide .no, .card__content--wide .no--null, .card__content--wide .no--0, .card__content--wide .no--1, .card__content--wide .no--2, .card__content--wide .no--3, .card__content--wide .no--4, .card__content--wide .no--5, .card__content--wide .no--6, .card__content--wide .no--7, .card__content--wide .no--8, .card__content--wide .no--9, .card__content--wide .no--1-10,\n.card__content--wide .no--1-1 {\n  display: inline-block;\n  width: 16%;\n  aspect-ratio: 1 / 1.428;\n}\n\n.card__content--wide .no--null {\n  width: 0;\n  display: none;\n}\n\n.card__base {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n  transform-style: flat;\n}\n\n.card__base img {\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n\n.card__base .card__paper {\n  width: 98%;\n}\n\n.card__base.turn-up .card__paper {\n  transform: perspective(2000px) rotateY(0);\n  animation: turn-up-card-paper 0.5s ease 0.15s 1 normal forwards;\n}\n\n.card__base.turn-up .card__shadow {\n  animation: turn-up-card-shadow 0.8s ease 0s 1 normal forwards;\n}\n\n.card__base.turn-over .card__paper {\n  transform: perspective(2000px) rotateY(180deg);\n  animation: turn-over-card-paper 0.5s ease 0.15s 1 normal forwards;\n}\n\n.card__base.turn-over .card__shadow {\n  animation: turn-over-card-shadow 0.8s ease 0s 1 normal forwards;\n}\n\n.card__paper {\n  z-index: 12;\n}\n\n.card__shadow {\n  z-index: 10;\n}\n\n@keyframes turn-up-card-paper {\n  0% {\n    transform: perspective(2000px) rotateY(0);\n  }\n  50% {\n    transform: perspective(2000px) rotateY(90deg);\n  }\n  100% {\n    transform: perspective(2000px) rotateY(180deg);\n  }\n}\n\n@keyframes turn-up-card-shadow {\n  0% {\n    opacity: 1;\n    transform: scaleX(1);\n  }\n  20% {\n    opacity: 0;\n    transform: scaleX(0);\n  }\n  80% {\n    opacity: 0;\n    transform: scaleX(0);\n  }\n  100% {\n    opacity: 1;\n    transform: scaleX(-1);\n  }\n}\n\n@keyframes turn-over-card-paper {\n  0% {\n    transform: perspective(2000px) rotateY(180deg);\n  }\n  50% {\n    transform: perspective(2000px) rotateY(90deg);\n  }\n  100% {\n    transform: perspective(2000px) rotateY(0deg);\n  }\n}\n\n@keyframes turn-over-card-shadow {\n  0% {\n    opacity: 1;\n    transform: scaleX(-1);\n  }\n  20% {\n    opacity: 0;\n    transform: scaleX(0);\n  }\n  80% {\n    opacity: 0;\n    transform: scaleX(0);\n  }\n  100% {\n    opacity: 1;\n    transform: scaleX(1);\n  }\n}\n\n.control {\n  padding-top: 5%;\n  width: 100%;\n}\n\n.control .nav {\n  width: 60%;\n  max-width: 670px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: 0 auto;\n  padding: 0%;\n}\n\n@media only screen and (min-width: 768px) {\n  .control .nav {\n    padding: 1%;\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .control .nav {\n    padding: 2%;\n  }\n}\n\n@media only screen and (min-width: 1260px) {\n  .control .nav {\n    padding: 3%;\n  }\n}\n\n@media only screen and (min-width: 1610px) {\n  .control .nav {\n    padding: 8px;\n  }\n}\n\n.control .nav__btn, .control .nav__btn--prev, .control .nav__btn--next, .control .nav__btn--turn {\n  border: 0;\n  outline: 0;\n  cursor: pointer;\n  background-color: transparent;\n}\n\n.control .nav__btn img, .control .nav__btn--prev img, .control .nav__btn--next img, .control .nav__btn--turn img {\n  width: 100%;\n}\n\n.control .nav__btn--prev {\n  width: 16%;\n}\n\n@media only screen and (min-width: 768px) {\n  .control .nav__btn--prev {\n    width: 12%;\n  }\n}\n\n.control .nav__btn--next {\n  width: 16%;\n}\n\n@media only screen and (min-width: 768px) {\n  .control .nav__btn--next {\n    width: 12%;\n  }\n}\n\n.control .nav__btn--turn {\n  width: 46%;\n  aspect-ratio: 1 / 0.3;\n  font-size: 2.5vw;\n  font-weight: 700;\n  letter-spacing: 0.01em;\n  color: #fff;\n  background-image: linear-gradient(#ffb23f, #ff9335);\n  border: solid 1px #ff9335;\n  border-radius: 15% / 50%;\n}\n\n@media only screen and (min-width: 768px) {\n  .control .nav__btn--turn {\n    width: 36%;\n    font-size: 2.8vw;\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .control .nav__btn--turn {\n    font-size: 2vw;\n  }\n}\n\n@media only screen and (min-width: 1610px) {\n  .control .nav__btn--turn {\n    font-size: 1.85em;\n  }\n}\n\n@media screen and (min-width: 851px) and (min-aspect-ratio: 2 / 1) {\n  .control .nav__btn--turn {\n    font-size: 1.5em;\n  }\n}\n\n.control .order {\n  padding-top: 3%;\n}\n\n@media only screen and (min-width: 768px) {\n  .control .order {\n    padding-top: 2%;\n  }\n}\n\n.control .order-box {\n  position: relative;\n  width: 28%;\n  max-width: 280px;\n  margin: 0 auto;\n}\n\n@media only screen and (min-width: 768px) {\n  .control .order-box {\n    width: 22%;\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .control .order-box {\n    width: 20%;\n  }\n}\n\n.control .order-box::before {\n  content: '';\n  position: absolute;\n  display: block;\n  width: 12%;\n  aspect-ratio: 1 / 1;\n  top: 25%;\n  right: 5%;\n  border-radius: 50%;\n  background-color: #ff9636;\n  background-image: url(\"../img/common/icon_arrow_down.png\");\n  background-repeat: no-repeat;\n  background-position: 50% 60%;\n  pointer-events: none;\n}\n\n.control .order__current,\n.control .order__items {\n  position: relative;\n  color: #f87b28;\n  background-color: #fff7ed;\n  border: solid 2px #f87b28;\n  font-size: 2.0vw;\n  font-weight: 700;\n  letter-spacing: 0.01em;\n  text-align: center;\n  cursor: pointer;\n}\n\n@media only screen and (min-width: 768px) {\n  .control .order__current,\n  .control .order__items {\n    font-size: 2.0vw;\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .control .order__current,\n  .control .order__items {\n    font-size: 1.8vw;\n  }\n}\n\n@media only screen and (min-width: 1610px) {\n  .control .order__current,\n  .control .order__items {\n    font-size: 1.5em;\n  }\n}\n\n@media screen and (min-width: 851px) and (min-aspect-ratio: 2 / 1) {\n  .control .order__current,\n  .control .order__items {\n    font-size: 1.25em;\n  }\n}\n\n.control .order__current {\n  padding: 8% 5%;\n  aspect-ratio: 1 / 0.25;\n  border-radius: 14% / 50%;\n}\n\n.control .order__items {\n  padding: 0 10%;\n  aspect-ratio: 1 / 0.5;\n  border-radius: 14% / 25%;\n}\n\n.control .order__item {\n  padding: 8% 0;\n}\n\n.control .order__item:hover {\n  background-color: #fff09e;\n}\n\n.control {\n  padding-top: 2%;\n}\n\n.card, .card--wide {\n  position: relative;\n  width: 75%;\n  aspect-ratio: 1 / 0.471;\n  margin: 0 auto;\n}\n\n@media only screen and (min-width: 1610px) {\n  .card, .card--wide {\n    max-width: 934px;\n  }\n}\n\n@media screen and (min-width: 851px) and (min-aspect-ratio: 4 / 3) {\n  .card, .card--wide {\n    width: 60%;\n  }\n}\n\n@media screen and (min-width: 851px) and (min-aspect-ratio: 2 / 1) {\n  .card, .card--wide {\n    width: 70%;\n    max-width: 700px;\n  }\n}\n\n@media screen and (min-width: 851px) and (min-aspect-ratio: 5 / 2) {\n  .card, .card--wide {\n    width: 60%;\n    max-width: 600px;\n  }\n}\n\n@media screen and (max-width: 850px) and (min-aspect-ratio: 4 / 3) {\n  .card, .card--wide {\n    width: 50%;\n  }\n}\n\n.nav-return {\n  position: absolute;\n  top: -14%;\n  right: 2%;\n  width: 25%;\n  max-width: 320px;\n  z-index: 10;\n}\n\n@media only screen and (min-width: 1260px) {\n  .nav-return {\n    right: 0;\n  }\n}\n\n@media screen and (max-aspect-ratio: 3 / 2) {\n  .nav-return {\n    top: -14%;\n  }\n}\n\n@media screen and (max-aspect-ratio: 4 / 3) {\n  .nav-return {\n    top: -16%;\n  }\n}\n\n@media screen and (max-aspect-ratio: 1 / 1) {\n  .nav-return {\n    top: -20%;\n  }\n}\n\n@media screen and (min-width: 851px) and (min-aspect-ratio: 4 / 3) {\n  .nav-return {\n    width: 20%;\n    top: -5%;\n  }\n}\n\n.nav-return__btn {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  aspect-ratio: 1 / 0.28;\n  font-size: 2.5vw;\n  font-weight: 700;\n  letter-spacing: 0.01em;\n  color: #fff;\n  background-color: #ff9335;\n  background-image: linear-gradient(#ffb23f, #ff9335);\n  border: solid 1px #ff9335;\n  border-radius: 15% / 50%;\n  cursor: pointer;\n}\n\n.nav-return__btn::before {\n  content: '';\n  display: block;\n  position: absolute;\n  left: 4%;\n  top: 16%;\n  width: 18%;\n  aspect-ratio: 1 / 1;\n  background: 50%/contain no-repeat url(../img/common/icon_return.png);\n}\n\n@media only screen and (min-width: 768px) {\n  .nav-return__btn {\n    font-size: 2.8vw;\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .nav-return__btn {\n    font-size: 2vw;\n  }\n}\n\n@media only screen and (min-width: 1610px) {\n  .nav-return__btn {\n    font-size: 1.85em;\n  }\n}\n\n@media screen and (min-width: 851px) and (min-aspect-ratio: 4 / 3) {\n  .nav-return__btn {\n    font-size: 1.3em;\n  }\n}\n\n@media screen and (min-width: 851px) and (min-aspect-ratio: 2 / 1) {\n  .nav-return__btn {\n    font-size: 1.4em;\n  }\n}\n\n.nav-return__btn span {\n  padding-left: 1em;\n}\n","@charset \"UTF-8\";\r\n\r\n// =======================================\r\n// setting\r\n// =======================================\r\n\r\n// color\r\n$col-red: #f42733;\r\n$col-cyan: #03b8df;\r\n\r\n// font\r\n$font-base: Meiryo, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', sans-serif;\r\n\r\n\r\n// media query\r\n\r\n@mixin mq_h_max {\r\n  @media only screen and (max-height: 767px) {\r\n    @content\r\n  }\r\n};\r\n\r\n@mixin mq_w_max {\r\n  @media only screen and (max-height: 1023px) {\r\n    @content\r\n  }\r\n};\r\n\r\n@mixin mq_sm {\r\n  @media only screen and (min-width: 560px) {\r\n    @content\r\n  }\r\n};\r\n\r\n@mixin mq_md {\r\n  @media only screen and (min-width: 768px) {\r\n    @content\r\n  }\r\n};\r\n\r\n@mixin mq_lg {\r\n  @media only screen and (min-width: 1024px) {\r\n    @content\r\n  }\r\n};\r\n\r\n@mixin mq_xl {\r\n  @media only screen and (min-width: 1260px) {\r\n    @content\r\n  }\r\n};\r\n\r\n@mixin mq_xxl {\r\n  @media only screen and (min-width: 1610px) {\r\n    @content\r\n  }\r\n};\r\n\r\n@mixin mq_sp_portrait {\r\n  @media screen and (max-width: 850px) and (orientation: portrait) {\r\n    @content\r\n  }\r\n}\r\n\r\n\r\n@mixin mq_sp_landscape {\r\n  @media screen and (max-width: 850px) and (min-aspect-ratio: 4/3) {\r\n    @content\r\n  }\r\n}\r\n\r\n@mixin mq_sp_landscape_low_height {\r\n  @media screen and (max-width: 850px) and (min-aspect-ratio: 2/1) {\r\n    @content\r\n  }\r\n}\r\n\r\n@mixin mq_sp_landscape_xlow_height {\r\n  @media screen and (max-width: 850px) and (min-aspect-ratio: 5/2) {\r\n    @content\r\n  }\r\n}\r\n\r\n@mixin mq_low_height {\r\n  @media screen and (min-width: 851px) and (min-aspect-ratio: 4/3) {\r\n    @content\r\n  }\r\n}\r\n\r\n@mixin mq_xlow_height {\r\n  @media screen and (min-width: 851px) and (min-aspect-ratio: 2/1) {\r\n    @content\r\n  }\r\n}\r\n\r\n@mixin mq_xxlow_height {\r\n  @media screen and (min-width: 851px) and (min-aspect-ratio: 5/2) {\r\n    @content\r\n  }\r\n}\r\n\r\n@mixin mq_xxxlow_height {\r\n  @media screen and (min-width: 851px) and (min-aspect-ratio: 20/9) {\r\n    @content\r\n  }\r\n}\r\n\r\n","@charset \"UTF-8\";\r\n\r\n// ==============================================================================\r\n// module\r\n// ==============================================================================\r\n\r\n// ------------------------------------------------------------------------------\r\n// container\r\n// ------------------------------------------------------------------------------\r\n.container {\r\n  display: block;\r\n  position: relative;\r\n  margin: 0 auto;\r\n  width: 100%;\r\n}\r\n\r\n","@charset \"UTF-8\";\r\n\r\n.page-container {\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 100%;\r\n  height: 100vh;\r\n}\r\n\r\n.page {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 1410px;\r\n  margin: 0 auto;\r\n\r\n  @include mq_lg {\r\n    width: calc(100% - 100px);\r\n  }\r\n\r\n  @include mq_xl {\r\n    width: calc(100% - 200px);\r\n  }\r\n\r\n  @include mq_xxl {\r\n    width: 1410px;\r\n  }\r\n}\r\n\r\n.main {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 10;\r\n}\r\n\r\n.main-box {\r\n  position: relative;\r\n  height: 100%;\r\n}\r\n","@charset \"UTF-8\";\r\n\r\n// ==============================================================================\r\n// calc card\r\n// ==============================================================================\r\n\r\n\r\n// ------------------------------------------------------------------------------\r\n// card\r\n// ------------------------------------------------------------------------------\r\n.card-container {\r\n\r\n  @include mq_xxlow_height {\r\n    margin: 0 auto;\r\n    max-width: 80%;\r\n  }\r\n\r\n  @include mq_xxxlow_height {\r\n    margin: 0 auto;\r\n    max-width: 60%;\r\n  }\r\n}\r\n\r\n\r\n.card {\r\n  position: relative;\r\n  width: 80%;\r\n  aspect-ratio: 1 / 0.471;\r\n  margin: 0 auto;\r\n\r\n  @include mq_xxl {\r\n    max-width: 934px;\r\n  }\r\n\r\n  @include mq_xlow_height {\r\n    width: 75%;\r\n    max-width: 800px;\r\n  }\r\n\r\n  @include mq_xxlow_height {\r\n    width: 65%;\r\n    max-width: 700px;\r\n  }\r\n}\r\n\r\n.card--wide {\r\n  @extend .card;\r\n\r\n  aspect-ratio: 1 / 0.369;\r\n\r\n  @include mq_xxl {\r\n    max-width: 1200px;\r\n  }\r\n\r\n  @include mq_xxlow_height {\r\n    max-width: 800px;\r\n  }\r\n\r\n  @include mq_xxxlow_height {\r\n    max-width: 700px;\r\n  }\r\n}\r\n\r\n.card__content {\r\n  position: absolute;\r\n  width: 100%;\r\n  top: 15%;\r\n  z-index: 20;\r\n  pointer-events: none;\r\n}\r\n\r\n.card__calc {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  text-align: center;\r\n  pointer-events: none;\r\n}\r\n\r\n.card__calc--front {\r\n  @extend .card__calc;\r\n\r\n}\r\n\r\n.card__calc--back {\r\n  @extend .card__calc;\r\n\r\n}\r\n\r\n.card__content {\r\n\r\n  .no {\r\n    display: inline-block;\r\n    // width: 196px;\r\n    width: 20%;\r\n    aspect-ratio: 1 / 1.428;\r\n    background-size: auto 100%;\r\n    background-repeat: no-repeat;\r\n    background-image: url('../img/common/calc_card/calc_num.png');\r\n    vertical-align: middle;\r\n  }\r\n\r\n  .no--null {\r\n    @extend .no;\r\n\r\n    width: 0;\r\n    display: none;\r\n  }\r\n\r\n  @for $i from 0 through 9 {\r\n    .no--#{$i} {\r\n      @extend .no;\r\n\r\n      background-position: #{$i * 11.2}% 0;\r\n    }\r\n  }\r\n\r\n  // 2桁の場合\r\n  .no--1-10,\r\n  .no--1-1 {\r\n    @extend .no;\r\n\r\n    background-position: 11.2% 0;\r\n  }\r\n\r\n  .symbol {\r\n    display: inline-block;\r\n    // width: 252px;\r\n    width: 22%;\r\n    aspect-ratio: 1 / 1;\r\n    background-size: contain;\r\n    background-repeat: no-repeat;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  .symbol--plus {\r\n    background-image: url('../img/common/calc_card/calc_plus.png');\r\n  }\r\n\r\n  .symbol--minus {\r\n    background-image: url('../img/common/calc_card/calc_minus.png');\r\n  }\r\n\r\n  .symbol--multi {\r\n    background-image: url('../img/common/calc_card/calc_multi.png');\r\n  }\r\n}\r\n\r\n.card__content--wide {\r\n  @extend .card__content;\r\n\r\n  .no {\r\n    display: inline-block;\r\n    // width: 196px;\r\n    width: 16%;\r\n    aspect-ratio: 1 / 1.428;\r\n  }\r\n\r\n  .no--null {\r\n    @extend .no;\r\n\r\n    width: 0;\r\n    display: none;\r\n  }\r\n}\r\n\r\n.card__base {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 10;\r\n  pointer-events: none;\r\n  transform-style: flat;\r\n\r\n  img {\r\n    display: block;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n  }\r\n\r\n  .card__paper {\r\n    width: 98%;\r\n  }\r\n  \r\n  &.turn-up {\r\n\r\n    .card__paper {\r\n      transform: perspective(2000px) rotateY(0);\r\n      animation: turn-up-card-paper 0.5s ease 0.15s 1 normal forwards;\r\n    }\r\n    \r\n    .card__shadow {\r\n      animation: turn-up-card-shadow 0.8s ease 0s 1 normal forwards;\r\n    }\r\n  }\r\n\r\n  &.turn-over {\r\n    .card__paper {\r\n      transform: perspective(2000px) rotateY(180deg);\r\n      animation: turn-over-card-paper 0.5s ease 0.15s 1 normal forwards;\r\n    }\r\n    \r\n    .card__shadow {\r\n      animation: turn-over-card-shadow 0.8s ease 0s 1 normal forwards;\r\n    }\r\n  }\r\n}\r\n\r\n.card__paper {\r\n  z-index: 12;\r\n}\r\n\r\n.card__shadow {\r\n  z-index: 10;\r\n}\r\n\r\n@keyframes turn-up-card-paper {\r\n  0% {\r\n    transform: perspective(2000px) rotateY(0);\r\n  }\r\n  50% {\r\n    transform: perspective(2000px) rotateY(90deg);\r\n  }\r\n  100% {\r\n    transform: perspective(2000px) rotateY(180deg);\r\n  }\r\n\r\n  // 0% {\r\n  //   transform: scaleX(1) skewY(0);\r\n  // }\r\n  // 50% {\r\n  //   transform: scaleX(0) skewY(-20deg);\r\n  // }\r\n  // 100% {\r\n  //   transform: scaleX(-1) skewY(0);\r\n  // }\r\n}\r\n\r\n@keyframes turn-up-card-shadow {\r\n  0% {\r\n    opacity: 1;\r\n    transform: scaleX(1);\r\n  }\r\n  20% {\r\n    opacity: 0;\r\n    transform: scaleX(0);\r\n  }\r\n  80% {\r\n    opacity: 0;\r\n    transform: scaleX(0);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: scaleX(-1);\r\n  }\r\n}\r\n\r\n@keyframes turn-over-card-paper {\r\n  0% {\r\n    transform: perspective(2000px) rotateY(180deg);\r\n  }\r\n  50% {\r\n    transform: perspective(2000px) rotateY(90deg);\r\n  }\r\n  100% {\r\n    transform: perspective(2000px) rotateY(0deg);\r\n  }\r\n\r\n  // 0% {\r\n  //   transform: scaleX(-1) skewY(0);\r\n  // }\r\n  // 50% {\r\n  //   transform: scaleX(0) skewY(-20deg);\r\n  // }\r\n  // 100% {\r\n  //   transform: scaleX(1) skewY(0);\r\n  // }\r\n}\r\n\r\n@keyframes turn-over-card-shadow {\r\n  0% {\r\n    opacity: 1;\r\n    transform: scaleX(-1);\r\n  }\r\n  20% {\r\n    opacity: 0;\r\n    transform: scaleX(0);\r\n  }\r\n  80% {\r\n    opacity: 0;\r\n    transform: scaleX(0);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: scaleX(1);\r\n  }\r\n}\r\n\r\n\r\n// ------------------------------------------------------------------------------\r\n// control\r\n// ------------------------------------------------------------------------------\r\n.control {\r\n  // padding-top: 30px;\r\n  padding-top: 5%;\r\n  width: 100%;\r\n  \r\n  .nav {\r\n    width: 60%;\r\n    max-width: 670px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin: 0 auto;\r\n    padding: 0%;\r\n\r\n    @include mq_md {\r\n      padding: 1%;\r\n    }\r\n\r\n    @include mq_lg {\r\n      padding: 2%;\r\n    }\r\n\r\n    @include mq_xl {\r\n      padding: 3%;\r\n    }\r\n\r\n    @include mq_xxl {\r\n      padding: 8px;\r\n    }\r\n  }\r\n\r\n  .nav__btn {\r\n    border: 0;\r\n    outline: 0;\r\n    cursor: pointer;\r\n    background-color: transparent;\r\n\r\n    img {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .nav__btn--prev {\r\n    @extend .nav__btn;\r\n\r\n    width: 16%;\r\n\r\n    @include mq_md {\r\n      width: 12%;\r\n    }\r\n  }\r\n\r\n  .nav__btn--next {\r\n    @extend .nav__btn;\r\n\r\n    width: 16%;\r\n\r\n    @include mq_md {\r\n      width: 12%;\r\n    }\r\n  }\r\n\r\n  .nav__btn--turn {\r\n    @extend .nav__btn;\r\n\r\n    width: 46%;\r\n    aspect-ratio: 1 / 0.3;\r\n    // padding: 16px 20px;\r\n    font-size: 2.5vw;\r\n    font-weight: 700;\r\n    letter-spacing: 0.01em;\r\n    color: #fff;\r\n    background-image: linear-gradient(#ffb23f, #ff9335);\r\n    border: solid 1px #ff9335;\r\n    border-radius: 15% / 50%;\r\n    // border-radius: 30px;\r\n\r\n    @include mq_md {\r\n      width: 36%;\r\n      font-size: 2.8vw;\r\n    }\r\n\r\n    @include mq_lg {\r\n      font-size: 2vw;\r\n    }\r\n\r\n    @include mq_xxl {\r\n      font-size: 1.85em;\r\n    }\r\n\r\n    @include mq_xlow_height {\r\n      font-size: 1.5em;\r\n    }\r\n  }\r\n\r\n  .order {\r\n    padding-top: 3%;\r\n\r\n    @include mq_md {\r\n      padding-top: 2%;\r\n    }\r\n  }\r\n\r\n  .order-box {\r\n    position: relative;\r\n    width: 28%;\r\n    max-width: 280px;\r\n    margin: 0 auto;\r\n\r\n    @include mq_md {\r\n      width: 22%;\r\n    }\r\n\r\n    @include mq_lg {\r\n      width: 20%;\r\n    }\r\n\r\n    &::before {\r\n      content: '';\r\n      position: absolute;\r\n      display: block;\r\n      width: 12%;\r\n      aspect-ratio: 1 / 1;\r\n      top: 25%;\r\n      right: 5%;\r\n      border-radius: 50%;\r\n      background-color: #ff9636;\r\n      background-image: url('../img/common/icon_arrow_down.png');\r\n      background-repeat: no-repeat;\r\n      background-position: 50% 60%;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  .order__current,\r\n  .order__items {\r\n    position: relative;\r\n    color: #f87b28;\r\n    background-color: #fff7ed;\r\n    border: solid 2px #f87b28;\r\n    font-size: 2.0vw;\r\n    font-weight: 700;\r\n    letter-spacing: 0.01em;\r\n    text-align: center;\r\n    cursor: pointer;\r\n\r\n    @include mq_md {\r\n      font-size: 2.0vw;\r\n    }\r\n\r\n    @include mq_lg {\r\n      font-size: 1.8vw;\r\n    }\r\n\r\n    @include mq_xxl {\r\n      font-size: 1.5em;\r\n    }\r\n\r\n    @include mq_xlow_height {\r\n      font-size: 1.25em;\r\n    }\r\n  }\r\n\r\n  .order__current {\r\n    // padding: 20px 10px 18px;\r\n    padding: 8% 5%;\r\n    aspect-ratio: 1 / 0.25;\r\n    border-radius: 14% / 50%;\r\n  }\r\n\r\n  .order__items {\r\n    // padding: 10px 10px 8px;\r\n    // padding-top: 8%;\r\n    padding: 0 10%;\r\n    aspect-ratio: 1 / 0.5;\r\n    border-radius: 14% / 25%;\r\n  }\r\n\r\n  .order__item {\r\n    // padding: 10px 10px 10px;\r\n    padding: 8% 0;\r\n\r\n    &:hover {\r\n      background-color: #fff09e;\r\n    }\r\n  }\r\n}\r\n","@charset \"UTF-8\";\r\n\r\n@import 'setting';\r\n@import 'basic';\r\n@import 'module';\r\n@import 'common';\r\n@import 'calc_card';\r\n\r\n// ==============================================================================\r\n// 2 nen 99 card \r\n// ==============================================================================\r\n\r\n.control {\r\n  padding-top: 2%;\r\n}\r\n\r\n.card {\r\n  position: relative;\r\n  width: 75%;\r\n  aspect-ratio: 1 / 0.471;\r\n  margin: 0 auto;\r\n\r\n  @include mq_xxl {\r\n    max-width: 934px;\r\n  }\r\n\r\n  \r\n  @include mq_low_height {\r\n    width: 60%;\r\n  };\r\n\r\n  @include mq_xlow_height {\r\n    width: 70%;\r\n    max-width: 700px;\r\n  }\r\n\r\n  @include mq_xxlow_height {\r\n    width: 60%;\r\n    max-width: 600px;\r\n  }\r\n\r\n\r\n  @include mq_sp_landscape {\r\n    width: 50%;\r\n  }\r\n}\r\n\r\n.nav-return {\r\n  position: absolute;\r\n  top: -14%;\r\n  right: 2%;\r\n  width: 25%;\r\n  max-width: 320px;\r\n  z-index: 10;\r\n\r\n  @include mq_xl {\r\n    right: 0;\r\n  }\r\n\r\n  @media screen and (max-aspect-ratio: 3/2) {\r\n    top: -14%;\r\n  }\r\n\r\n  @media screen and (max-aspect-ratio: 4/3) {\r\n    top: -16%;\r\n  }\r\n\r\n  @media screen and (max-aspect-ratio: 1/1) {\r\n    top: -20%;\r\n  }\r\n\r\n  @include mq_low_height {\r\n    width: 20%;\r\n    top: -5%;\r\n  };\r\n}\r\n\r\n.nav-return__btn {\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 100%;\r\n  aspect-ratio: 1 / 0.28;\r\n  font-size: 2.5vw;\r\n  font-weight: 700;\r\n  letter-spacing: 0.01em;\r\n  color: #fff;\r\n  background-color: #ff9335;\r\n  background-image: linear-gradient(#ffb23f, #ff9335);\r\n  border: solid 1px #ff9335;\r\n  border-radius: 15% / 50%;\r\n  cursor: pointer;\r\n\r\n  &::before {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    left: 4%;\r\n    top: 16%;\r\n    width: 18%;\r\n    aspect-ratio: 1 / 1;\r\n    background: 50% / contain no-repeat url(../img/common/icon_return.png);\r\n  }\r\n\r\n  @include mq_md {\r\n    font-size: 2.8vw;\r\n  }\r\n\r\n  @include mq_lg {\r\n    font-size: 2vw;\r\n  }\r\n\r\n  @include mq_xxl {\r\n    font-size: 1.85em;\r\n  }\r\n\r\n  @include mq_low_height {\r\n    font-size: 1.3em;\r\n  };\r\n\r\n  @include mq_xlow_height {\r\n    font-size: 1.4em;\r\n  }\r\n\r\n  span {\r\n    padding-left: 1em;\r\n  }\r\n}\r\n"]}