{"version":3,"sources":["_basic.scss","02_02.css","_setting.scss","_module.scss","_common.scss","02_02.scss"],"names":[],"mappings":"AAMA;EACE,gBAAgB;ACLlB;;ADQA;EACE,WAAW;EACX,sBAAsB;EACtB,cAAc;EACd,iBAAiB;EACjB,8BAA8B;EAC9B,mCAAmC;EACnC,WAAW;EACX,YAAY;EACZ,gBAAgB;EAGhB,cAAc;EACd,iHEZ8G;ADKhH;;ADUA;EACE,WAAW;EACX,wBAAgB;EAAhB,gBAAgB;ACPlB;;ADUA;EACE,iHErB8G;ADchH;;AEhBA;EACE,cAAc;EACd,kBAAkB;EAClB,cAAc;EACd,WAAW;AFmBb;;AG9BA;EACE,kBAAkB;EAClB,oBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,wBAAuB;MAAvB,qBAAuB;UAAvB,uBAAuB;EACvB,yBAAmB;MAAnB,sBAAmB;UAAnB,mBAAmB;EACnB,WAAW;EACX,aAAa;AHiCf;;AG9BA;EACE,kBAAkB;EAClB,WAAW;EACX,iBAAiB;EACjB,cAAc;AHiChB;;ACPE;EE9BF;IAOI,yBAAyB;EHmC3B;AACF;;ACPE;EEpCF;IAWI,yBAAyB;EHqC3B;AACF;;ACPE;EE1CF;IAeI,aAAa;EHuCf;AACF;;AGpCA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,WAAW;AHuCb;;AGpCA;EACE,kBAAkB;EAClB,YAAY;AHuCd;;AInEA;EACE,kBAAkB;EAClB,cAAc;AJsEhB;;ACXE;EG7DF;IAKI,UAAU;EJwEZ;AACF;;ACXE;EGnEF;IASI,UAAU;EJ0EZ;AACF;;ACXE;EGzEF;IAaI,UAAU;EJ4EZ;AACF;;ACXE;EG/EF;IAiBI,UAAU;EJ8EZ;AACF;;ACXE;EGrFF;IAqBI,UAAU;EJgFZ;AACF;;ACXE;EG3FF;IAyBI,UAAU;EJkFZ;AACF;;AI/EA;EACE,oBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,mBAAe;MAAf,eAAe;EACf,yBAA8B;MAA9B,sBAA8B;UAA9B,8BAA8B;AJkFhC;;AChGE;EGWF;IAMI,aAAa;EJoFf;AACF;;AC1FE;EGDF;IAUI,UAAU;EJsFZ;AACF;;AIlFA;EACE,aAAa;EACb,kBAAkB;EAClB,gBAAgB;AJqFlB;;AIxFA;EAMI,cAAc;AJsFlB;;AI5FA;EAUM,WAAW;AJsFjB;;AIjFA;EACE,UAAU;EACV,gBAAgB;EAChB,cAAc;AJoFhB;;AIjFA;EACE,oBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,wBAAuB;MAAvB,qBAAuB;UAAvB,uBAAuB;EACvB,yBAAmB;MAAnB,sBAAmB;UAAnB,mBAAmB;EACnB,WAAW;EACX,qBAAqB;EACrB,gBAAgB;EAChB,gBAAgB;EAChB,sBAAsB;EACtB,WAAW;EACX,yBAAyB;EACzB,6FAAmD;EAAnD,mDAAmD;EACnD,yBAAyB;EACzB,wBAAwB;EACxB,eAAe;AJoFjB;;AC3IE;EGyCF;IAiBI,gBAAgB;EJsFlB;AACF;;AC3IE;EGmCF;IAqBI,cAAc;EJwFhB;AACF;;ACrIE;EGuBF;IAyBI,iBAAiB;EJ0FnB;AACF;;ACtGE;EGdF;IA6BI,gBAAgB;EJ4FlB;AACF","file":"02_02.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.card-list-container {\n  position: relative;\n  margin: 0 auto;\n}\n\n@media screen and (max-width: 850px) and (min-aspect-ratio: 2 / 1) {\n  .card-list-container {\n    width: 70%;\n  }\n}\n\n@media screen and (max-width: 850px) and (min-aspect-ratio: 5 / 2) {\n  .card-list-container {\n    width: 60%;\n  }\n}\n\n@media screen and (min-width: 851px) and (min-aspect-ratio: 4 / 3) {\n  .card-list-container {\n    width: 80%;\n  }\n}\n\n@media screen and (min-width: 851px) and (min-aspect-ratio: 2 / 1) {\n  .card-list-container {\n    width: 70%;\n  }\n}\n\n@media screen and (min-width: 851px) and (min-aspect-ratio: 5 / 2) {\n  .card-list-container {\n    width: 60%;\n  }\n}\n\n@media screen and (min-width: 851px) and (min-aspect-ratio: 20 / 9) {\n  .card-list-container {\n    width: 50%;\n  }\n}\n\n.card-list {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n@media only screen and (min-width: 560px) {\n  .card-list {\n    padding: 0 2%;\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .card-list {\n    padding: 0;\n  }\n}\n\n.card-list__item {\n  width: 33.33%;\n  text-align: center;\n  padding: 0 2% 5%;\n}\n\n.card-list__item a {\n  display: block;\n}\n\n.card-list__item a img {\n  width: 100%;\n}\n\n.nav {\n  width: 30%;\n  max-width: 300px;\n  margin: 0 auto;\n}\n\n.nav__btn {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\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-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@media only screen and (min-width: 768px) {\n  .nav__btn {\n    font-size: 2.8vw;\n  }\n}\n\n@media only screen and (min-width: 1024px) {\n  .nav__btn {\n    font-size: 2vw;\n  }\n}\n\n@media only screen and (min-width: 1610px) {\n  .nav__btn {\n    font-size: 1.85em;\n  }\n}\n\n@media screen and (min-width: 851px) and (min-aspect-ratio: 2 / 1) {\n  .nav__btn {\n    font-size: 1.5em;\n  }\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@import 'setting';\r\n@import 'basic';\r\n@import 'module';\r\n@import 'common';\r\n\r\n// ==============================================================================\r\n// 2 nen 99 card index \r\n// ==============================================================================\r\n\r\n.card-list-container {\r\n  position: relative;\r\n  margin: 0 auto;\r\n\r\n  @include mq_sp_landscape_low_height {\r\n    width: 70%;\r\n  }\r\n\r\n  @include mq_sp_landscape_xlow_height {\r\n    width: 60%;\r\n  }\r\n\r\n  @include mq_low_height {\r\n    width: 80%;\r\n  }\r\n\r\n  @include mq_xlow_height {\r\n    width: 70%;\r\n  }\r\n\r\n  @include mq_xxlow_height {\r\n    width: 60%;\r\n  }\r\n\r\n  @include mq_xxxlow_height {\r\n    width: 50%;\r\n  }\r\n}\r\n\r\n.card-list {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: space-between;\r\n\r\n  @include mq_sm {\r\n    padding: 0 2%;\r\n  }\r\n\r\n  @include mq_lg {\r\n    padding: 0;\r\n  }\r\n    \r\n}\r\n\r\n.card-list__item {\r\n  width: 33.33%;\r\n  text-align: center;\r\n  padding: 0 2% 5%;\r\n\r\n  a {\r\n    display: block;\r\n    \r\n\r\n    img {\r\n      width: 100%;\r\n    }\r\n  }\r\n}\r\n\r\n.nav {\r\n  width: 30%;\r\n  max-width: 300px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.nav__btn {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 100%;\r\n  aspect-ratio: 1 / 0.3;\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  @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_xlow_height {\r\n    font-size: 1.5em;\r\n  }\r\n}\r\n"]}