@opendesign-plus-test/components 0.0.1-rc.65 → 0.0.1-rc.66

package/dist/esm/components/footer/OFooter.css

@@ -0,0 +1,617 @@
+.hover-icon-rotate .o-icon[data-v-a9088eaf] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-a9088eaf] {
+    transform: rotate(-180deg);
+}
+}
+.app-footer[data-v-a9088eaf] {
+  overflow: hidden;
+  background: #121214;
+}
+.app-footer .atom[data-v-a9088eaf] {
+  text-align: center;
+  margin-top: 24px;
+  position: relative;
+}
+.app-footer .atom .atom-text[data-v-a9088eaf] {
+  color: var(--o-color-white);
+  font-size: 20px;
+  line-height: 28px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.app-footer .atom .atom-text[data-v-a9088eaf] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.app-footer .atom .atom-text[data-v-a9088eaf] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.app-footer .atom .atom-text[data-v-a9088eaf] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) {
+.app-footer .atom .atom-text[data-v-a9088eaf] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.app-footer .atom .atom-logo[data-v-a9088eaf] {
+  height: 32px;
+  margin-top: 12px;
+}
+@media (max-width: 1680px) {
+.app-footer .atom .atom-logo[data-v-a9088eaf] {
+    margin-top: 8px;
+}
+}
+@media (max-width: 840px) {
+.app-footer .atom .atom-logo[data-v-a9088eaf] {
+    height: 30px;
+    margin-top: 12px;
+}
+}
+.app-footer .atom-divider[data-v-a9088eaf] {
+  --o-divider-bd-color: rgba(229, 229, 229, 0.12);
+  --o-divider-gap: 16px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.app-footer .atom-divider[data-v-a9088eaf] {
+    --o-divider-gap: 12px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.app-footer .atom-divider[data-v-a9088eaf] {
+    --o-divider-gap: 8px;
+}
+}
+.app-footer .footer-content[data-v-a9088eaf] {
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.app-footer .footer-content[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.app-footer .footer-content[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.app-footer .footer-content[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.app-footer .footer-content[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.app-footer .footer-content[data-v-a9088eaf] {
+  background-position: bottom;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+.app-footer .footer-content a[data-v-a9088eaf] {
+  color: rgba(var(--o-white), 0.6);
+  text-decoration: none;
+  white-space: nowrap;
+}
+@media (hover: hover) {
+.app-footer .footer-content a[data-v-a9088eaf]:hover {
+    color: rgba(var(--o-white), 1);
+}
+}
+.app-footer .quick-nav[data-v-a9088eaf] {
+  margin: 16px auto 0;
+  display: flex;
+  justify-content: space-between;
+  max-width: 1140px;
+}
+@media (max-width: 840px) {
+.app-footer .quick-nav[data-v-a9088eaf] {
+    display: none;
+}
+}
+.app-footer .quick-nav .category .category-title[data-v-a9088eaf] {
+  font-size: 20px;
+  line-height: 28px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.app-footer .quick-nav .category .category-title[data-v-a9088eaf] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.app-footer .quick-nav .category .category-title[data-v-a9088eaf] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.app-footer .quick-nav .category .category-title[data-v-a9088eaf] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) {
+.app-footer .quick-nav .category .category-title[data-v-a9088eaf] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.app-footer .quick-nav .category .category-title[data-v-a9088eaf] {
+  color: var(--o-color-white);
+}
+.app-footer .quick-nav .category .navs[data-v-a9088eaf] {
+  display: flex;
+  flex-direction: column;
+  list-style: none outside none;
+  padding-left: 0;
+}
+.app-footer .quick-nav .category .navs .nav[data-v-a9088eaf] {
+  margin-top: 8px;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.app-footer .quick-nav .category .navs .nav[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.app-footer .quick-nav .category .navs .nav[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.app-footer .quick-nav .category .navs .nav[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.app-footer .quick-nav .category .navs .nav[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.app-footer .quick-nav .category .navs .nav[data-v-a9088eaf]:first-child {
+  margin-top: 10px;
+}
+.app-footer .friendship-link[data-v-a9088eaf] {
+  margin-top: 16px;
+  padding-bottom: 12px;
+  display: flex;
+  justify-content: center;
+  border-bottom: 1px solid rgba(229, 229, 229, 0.12);
+  font-size: 12px;
+  line-height: 18px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.app-footer .friendship-link[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.app-footer .friendship-link[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.app-footer .friendship-link[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.app-footer .friendship-link[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.app-footer .friendship-link .friendship-link-title[data-v-a9088eaf] {
+  color: var(--o-color-white);
+  margin-right: 32px;
+  flex-shrink: 0;
+}
+.app-footer .friendship-link a[data-v-a9088eaf]:not(:last-of-type) {
+  margin-right: 24px;
+}
+@media (max-width: 1200px) {
+.app-footer .friendship-link .friendship-link-title[data-v-a9088eaf] {
+    margin-right: 24px;
+    min-width: 48px;
+}
+.app-footer .friendship-link a[data-v-a9088eaf]:not(:last-of-type) {
+    margin-right: 12px;
+}
+}
+@media (max-width: 840px) {
+.app-footer .friendship-link[data-v-a9088eaf] {
+    display: none;
+}
+}
+.app-footer .inner[data-v-a9088eaf] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 0 32px;
+  position: relative;
+}
+@media (max-width: 840px) {
+.app-footer .inner[data-v-a9088eaf] {
+    margin: 0 auto;
+    padding: 0 0 24px;
+    flex-direction: column;
+}
+}
+@media (max-width: 840px) {
+.app-footer .inner-en[data-v-a9088eaf] {
+    max-width: fit-content;
+}
+}
+.app-footer .footer-logo[data-v-a9088eaf] {
+  flex: 1;
+}
+.app-footer .footer-logo img[data-v-a9088eaf] {
+  height: 46px;
+}
+.app-footer .footer-logo .show-pc[data-v-a9088eaf] {
+  display: block;
+}
+.app-footer .footer-logo .show-mo[data-v-a9088eaf] {
+  display: none;
+}
+.app-footer .footer-logo .email[data-v-a9088eaf] {
+  color: var(--o-color-white);
+}
+@media (max-width: 840px) {
+.app-footer .footer-logo[data-v-a9088eaf] {
+    text-align: center;
+    margin: 16px 0;
+}
+.app-footer .footer-logo .show-pc[data-v-a9088eaf] {
+    display: none;
+}
+.app-footer .footer-logo .show-mo[data-v-a9088eaf] {
+    display: inline-block;
+    height: 20px;
+}
+}
+.app-footer .footer-option[data-v-a9088eaf] {
+  text-align: center;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.app-footer .footer-option[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.app-footer .footer-option[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.app-footer .footer-option[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.app-footer .footer-option[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.app-footer .footer-option a[data-v-a9088eaf] {
+  color: var(--o-color-white);
+  display: inline-block;
+}
+.app-footer .footer-option .footer-option-item[data-v-a9088eaf] {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.app-footer .footer-option .footer-option-item .o-divider[data-v-a9088eaf] {
+  height: 12px;
+}
+@media (max-width: 840px) {
+.app-footer .footer-option[data-v-a9088eaf] {
+    order: -1;
+}
+}
+.app-footer .license[data-v-a9088eaf] {
+  color: var(--o-color-white);
+  margin-top: 8px;
+}
+.app-footer .license span[data-v-a9088eaf] {
+  color: rgba(var(--o-white), 0.6);
+}
+.app-footer .copyright[data-v-a9088eaf] {
+  margin-top: 6px;
+  color: rgba(var(--o-white), 0.6);
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+.app-footer .copyright p[data-v-a9088eaf] {
+  margin-bottom: 0;
+}
+.app-footer .copyright .filing[data-v-a9088eaf] {
+  display: flex;
+  margin-left: 8px;
+}
+.app-footer .copyright .filing a[data-v-a9088eaf] {
+  color: rgba(var(--o-white), 0.6);
+}
+@media (hover: hover) {
+.app-footer .copyright .filing a[data-v-a9088eaf]:hover {
+    color: rgba(var(--o-white), 1);
+}
+}
+.app-footer .copyright .filing .filing-img[data-v-a9088eaf] {
+  height: 16px;
+  align-self: center;
+  margin-left: 8px;
+}
+.app-footer .copyright .filing p[data-v-a9088eaf] {
+  margin-left: 8px;
+}
+@media (max-width: 1200px) {
+.app-footer .copyright[data-v-a9088eaf] {
+    flex-direction: column;
+}
+.app-footer .copyright .filing[data-v-a9088eaf] {
+    margin-left: 6px;
+}
+}
+@media (max-width: 840px) {
+.app-footer .copyright[data-v-a9088eaf] {
+    margin-top: 4px;
+}
+.app-footer .copyright .filing[data-v-a9088eaf] {
+    margin-left: 4px;
+}
+}
+.app-footer .footer-right[data-v-a9088eaf] {
+  flex: 1;
+}
+.app-footer .footer-right .code-box[data-v-a9088eaf] {
+  display: flex;
+  justify-content: right;
+}
+.app-footer .footer-right .code-box .code-pop[data-v-a9088eaf] {
+  cursor: pointer;
+  position: relative;
+  height: 20px;
+  display: block;
+}
+.app-footer .footer-right .code-box .code-pop > img[data-v-a9088eaf] {
+  height: 100%;
+  object-fit: cover;
+}
+.app-footer .footer-right .code-box .code-pop .code-layer[data-v-a9088eaf] {
+  position: absolute;
+  top: -105px;
+  left: -32px;
+  z-index: 99;
+  display: none;
+  background: var(--o-color-white);
+  padding: 6px;
+}
+.app-footer .footer-right .code-box .code-pop .code-layer img[data-v-a9088eaf] {
+  width: 78px;
+  height: 78px;
+}
+.app-footer .footer-right .code-box .code-pop .code-layer .txt[data-v-a9088eaf] {
+  margin-top: 8px;
+  color: var(--o-color-white);
+  display: none;
+}
+.app-footer .footer-right .code-box .code-pop .code-layer[data-v-a9088eaf]::after {
+  border: 10px solid transparent;
+  content: "";
+  border-top-color: var(--o-color-white);
+  position: absolute;
+  bottom: -20px;
+  left: 50%;
+  transform: translateX(-50%);
+  display: block;
+}
+@media (hover: hover) {
+.app-footer .footer-right .code-box .code-pop:hover .code-layer[data-v-a9088eaf] {
+    display: block;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.app-footer .footer-right .code-box .code-pop[data-v-a9088eaf] {
+    height: 18px;
+}
+}
+.app-footer .footer-right .code-box .code-pop + .code-pop[data-v-a9088eaf] {
+  margin-left: 80px;
+}
+@media (max-width: 840px) {
+.app-footer .footer-right .code-box .code-pop + .code-pop[data-v-a9088eaf] {
+    margin-left: 64px;
+}
+}
+@media (max-width: 840px) {
+.app-footer .footer-right .code-box[data-v-a9088eaf] {
+    justify-content: space-between;
+}
+.app-footer .footer-right .code-box .code-pop[data-v-a9088eaf] {
+    height: auto;
+}
+.app-footer .footer-right .code-box .code-pop > img[data-v-a9088eaf] {
+    display: none;
+}
+.app-footer .footer-right .code-box .code-pop .code-layer[data-v-a9088eaf] {
+    display: block;
+    position: initial;
+    background: none;
+    padding: 0;
+    text-align: center;
+}
+.app-footer .footer-right .code-box .code-pop .code-layer[data-v-a9088eaf]::after {
+    display: none !important;
+}
+.app-footer .footer-right .code-box .code-pop .code-layer .txt[data-v-a9088eaf] {
+    display: block;
+}
+}
+.app-footer-simple[data-v-a9088eaf] {
+  background: var(--o-color-fill2);
+}
+.app-footer-simple .police-img[data-v-a9088eaf] {
+  width: 16px;
+  margin: 0 8px;
+}
+.app-footer-simple .app-footer-pc[data-v-a9088eaf] {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 12px;
+  color: var(--o-color-info3);
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.app-footer-simple .app-footer-pc[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.app-footer-simple .app-footer-pc[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.app-footer-simple .app-footer-pc[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.app-footer-simple .app-footer-pc[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.app-footer-simple .app-footer-pc .footer-left[data-v-a9088eaf] {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  margin-top: 2px;
+}
+.app-footer-simple .app-footer-pc .approval[data-v-a9088eaf] {
+  margin-left: 8px;
+}
+.app-footer-simple .app-footer-pc a[data-v-a9088eaf] {
+  color: var(--o-color-info3);
+}
+@media (hover: hover) {
+.app-footer-simple .app-footer-pc a[data-v-a9088eaf]:hover {
+    color: var(--o-color-link1);
+}
+}
+.app-footer-simple .app-footer-pc .footer-right[data-v-a9088eaf] {
+  flex-shrink: 0;
+  margin-left: 16px;
+  display: flex;
+  align-items: center;
+}
+.app-footer-simple .app-footer-pc .footer-right .o-divider-v[data-v-a9088eaf] {
+  height: 12px;
+}
+.app-footer-simple .app-footer-mb[data-v-a9088eaf] {
+  display: none;
+  margin-top: 16px;
+  text-align: center;
+  color: var(--o-color-info4);
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.app-footer-simple .app-footer-mb[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.app-footer-simple .app-footer-mb[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.app-footer-simple .app-footer-mb[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.app-footer-simple .app-footer-mb[data-v-a9088eaf] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.app-footer-simple .app-footer-mb .links[data-v-a9088eaf] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.app-footer-simple .app-footer-mb .links .o-divider-v[data-v-a9088eaf] {
+  height: 12px;
+}
+.app-footer-simple .app-footer-mb .copyright[data-v-a9088eaf] {
+  margin-top: 4px;
+}
+.app-footer-simple .app-footer-mb .approval[data-v-a9088eaf] {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 4px;
+}
+.app-footer-simple .app-footer-mb a[data-v-a9088eaf] {
+  color: var(--o-color-info4);
+}
+@media (hover: hover) {
+.app-footer-simple .app-footer-mb a[data-v-a9088eaf]:hover {
+    color: var(--o-color-link1);
+}
+}
+@media (max-width: 1200px) {
+.app-footer-simple .app-footer-pc[data-v-a9088eaf] {
+    display: none;
+}
+.app-footer-simple .app-footer-mb[data-v-a9088eaf] {
+    display: block;
+}
+}

package/dist/esm/components/footer/OFooter.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./OFooter.vue2.mjs";
+import './OFooter.css';
+import t from "../../_plugin-vue_export-helper.mjs";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a9088eaf"]]);
+export {
+  e as default
+};