/* Theme Name: NFT メタバース株式会社 Template: lightning */ * {box-sizing: border-box;padding: 0;margin: 0;vertical-align: bottom;border: 0;} a {text-decoration: none;color: #bf2425;} body {overflow-x: hidden;font-family: 'M PLUS Rounded 1c';font-weight:400;font-size: 16px;letter-spacing: .2em;} html { scroll-behavior: smooth; background: white;} *::-moz-selection { background: #000000; color: white;} *::selection { background: #000000; color: white;} *::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgb(172 158 138 / 30%); background-color: #F5F5F5;} *::-webkit-scrollbar { width: 6px; background-color: #F5F5F5;} *::-webkit-scrollbar-thumb { background-color: #000000;} @font-face { font-family: 'kitchen'; src: url('https://nftmetaverse.co.jp/wp-content/uploads/2023/10/kitchen.woff') format('woff'); } .title-section{ font-family: kitchen; } .home h1,.home h2,.home h3,.home h4,.home h5,.home h6 { line-height: 1.5; margin-bottom: 0;} ol,ul { list-style: none;} *:focus { outline: none;} blockquote,q { quotes: none;} blockquote::before, blockquote::after, q::before, q::after { content: none;} table { border-spacing: 0; border-collapse: collapse;} button { cursor: pointer; border: 0; outline: none; background: none;} table,tr,th,td { border-color:#ccc;} img {max-width: 100%;line-height: 0;vertical-align: bottom;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;border: 0;} input:focus { outline: 0;} hr { margin: 1.5em 0; border-top: 0; border-right: 0; border-left: 0;} .home * {padding: 0;line-height: 1.4;} td,th,tr { vertical-align: middle;} .home *, dd, dl, dt, figure, .home h1, .home h2, .home h3, .home h4,.home h5, .home h6, .home img, ol, .home picture,.home table, .home ul { margin: 0;} .Jdot {font-family: 'DotGothic16', sans-serif;font-weight:400;} .Jcbo {font-family: 'Cherry Bomb One';font-weight: 400; } .Jnomal {font-family: 'M PLUS Rounded 1c';font-weight: 400;} .is-pc { display: block;} .is-sp { display: none;} .c-header .is-sp { display: block;} .is-pc { display: block;} .is-pc-md { display: none;} .is-sp,.sp { display: none;} .mcrsp {display:none;} .mwa {max-width:1500px; margin:auto;} @media screen and (max-width: 1520px) { .mwa { padding:0 4%;margin:auto;} } @media screen and (max-width: 1400px) { .c-social { padding: 15px 0; gap: 25px; } } @media screen and (max-width: 1280px) { .is-pc-md { display: block; } .is-pc-md { display: block; } } @media screen and (max-width: 767px) { .is-pc-md { display: none;} .is-sp { display: block; } .is-pc,.pc { display: none; } .is-sp { display: block; } .sp { display:block;} br.sp { display:inline;} } @media screen and (max-width: 580px) { .mcrsp {display:inline;} } @media screen and (max-width: 380px) { body { font-size:3.8vw; } } /*-------header--------*/ header {position: fixed;top: 0;left: 0;width: 100%;z-index: 9000;} .c-header {margin: 0;height: 70px;padding: 0 2%;display: flex;align-items: center;} .c-header__menu__item {display: flex;align-items: center;position: relative;cursor: pointer;padding: 4%;border-top: 1px solid #dfdfdf;flex-direction: row;gap: 1.2em;width: 100%;height: auto;justify-content: flex-start;} .c-header__menu__item::after {content: "";position: absolute;bottom: 0px;width: 0;height: 2px;background: #bf2425;left: 50%;transform: translateX(-50%);transition: all 0.4s ease;} .c-header__menu__item:hover::after { width: 100%;} .c-header__menu__item .__en {font-weight: bold;font-size: 155%;letter-spacing: -0.02em;line-height: 1.76;text-align: center;color: #000;} .c-header__menu__item .__jp {font-weight: 500;line-height: 1.4;text-align: center;color: #666;font-size: 90%;position: relative;} .c-header__menu__item--contact { margin-left: 40px; padding-left: 20px; position: relative;} .c-header__menu__item--contact::before { content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 83.3333333333%; border-width: 1px 0 1px 1px; border-style: solid; -o-border-image: linear-gradient(180deg, #000, #fff) 1 100%; border-image: linear-gradient(180deg, #000, #fff) 1 100%;} .c-header__menu__subitems { display: flex; align-items: center; justify-content: center; gap: 100px; position: absolute; bottom: 0; left: 50%; width: calc(100% - 50px); height: 0px; transform: translate(-50%, 100%); background: #F3F3F3; transition: all 0.35s ease;} .c-header__menu__subitem {font-weight: 500;font-size: 110%;line-height: 1.7777777778;text-align: center;color: #666;display: none;padding: 0 4%;position: relative;} .c-header__menu__subitem::after { content: ""; width: 100%; height: 0; position: absolute; bottom: 0; left: 0; background: white; transition: all 0.35s ease; z-index: -1;} .c-header__menu__subitem:hover::after { height: 10px;} .c-header__menu__links {border-top: 1px solid #dfdfdf;padding: 4%;display: flex;align-items: center;justify-content: space-between;width: 100%;gap: 2%;} .c-header__menu__link {width: 49%;display: flex;align-items: center;justify-content: center;border: solid 1px #dfdfdf;font-size: 90%;text-align: center;color: #666;padding: .8em 0;} .c-header__menu__image { padding: 20px 0 40px;} .c-header__menu__subitem:not(:first-child)::before { content: ""; position: absolute; top: 50%; left: -50px; width: 1px; height: 25px; background: #888888; transform: translateY(-50%);} .c-header__menu {display: flex;align-items: center;overflow-y: auto;position: fixed;top: 0;right: 0;width: 100vw;height: 100svh;transform: translateX(-100%);transition: all 0.4s ease;flex-direction: column;justify-content: flex-start;gap: 0;background: white;} .c-header__menu.js-active { transform: translateX(0); } .c-header__menu__item--sub::before {content: "";position: absolute;top: 50%;right: 8%;width: 1.2em;height: .8em;transform: translateY(-47%) scaleY(-1);transition: all 0.35s ease;} .c-header__menu__item .__jp::before { content: ""; height: 15px; width: 1px; background: #666666; position: absolute; top: 50%; left: -8px; transform: translateY(-50%) rotate(10deg); } .c-header__menu__item--contact { margin-left: 0; } .c-header__menu__item--contact::before {content: "";position: absolute;top: 50%;right: 8%;left: unset;width: 1.4em;height: 1.4em;background: url(../img/arrow_left_red.png) no-repeat;background-size: 100%;transform: translateY(-47%);border: none;} .c-header__menu__item--sub.js-active::before { transform: translateY(-47%) scaleY(1); } .c-header__menu__subitems {position: unset;transform: none;display: none;width: 100%;padding-bottom: 1.5em;height: auto !important;} .c-header__menu__subitems.js-active {display: block;flex-direction: column;height: auto;background-color: white;padding-bottom: 1.5em;padding-left: 20%;} .c-header__menu__subitem {display: block;text-align: left;border-bottom: dotted 1px #dadada;padding: 0;padding-bottom: .5em;margin-right: 1.5em;} .c-header__menu__subitem:not(:first-child)::before { display: none; } @media screen and (min-width: 880px) { .c-header__menu {width: 50vw;max-width: 470px;padding-top: 5.5em;transform: translateX(100%);} .c-header__menu__links {padding: 6%;} } /*-------sp menu--------*/ .c-hamburg {display: block;position: relative;height:56px;width: 56px;cursor: pointer;margin-left: auto;background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2050.6%2043.6%22%20style%3D%22enable-background%3Anew%200%200%2050.6%2043.6%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_52%22%20transform%3D%22translate(0%200)%22%3E%20%3Cpath%20id%3D%22icon_menu%22%20class%3D%22st0%22%20d%3D%22M2.1%2C18.2C2.2%2C6.5%2C13.3%2C0%2C25.5%2C0c11.7%2C0%2C23%2C6.3%2C23%2C18.2c2.6%2C2.2%2C2.8%2C6.1%2C0.6%2C8.7%20c0%2C0-0.1%2C0.1-0.1%2C0.1l0%2C0c2.3%2C2.5%2C2.1%2C6.4-0.4%2C8.7c0%2C0-0.1%2C0.1-0.1%2C0.1l-0.1%2C0.1c0.6%2C4.8-1.9%2C7.6-6%2C7.7c-1.3%2C0-31.5%2C0-34.1%2C0%20c-4.6-0.1-6.6-3.2-6.1-7.8c-2.6-2.2-2.9-6.1-0.7-8.7c0%2C0%2C0.1-0.1%2C0.1-0.1L1.6%2C27c-2.3-2.5-2.1-6.4%2C0.4-8.7%20C2%2C18.2%2C2.1%2C18.2%2C2.1%2C18.2L2.1%2C18.2L2.1%2C18.2z%20M6.3%2C37.3L6.3%2C37.3c0.1%2C1.6%2C0.6%2C2%2C2%2C2.1c2.6%2C0%2C32.7%2C0%2C33.9%2C0c1.4%2C0%2C1.9-0.6%2C2-2%20C44.3%2C37.4%2C20.3%2C37.5%2C6.3%2C37.3L6.3%2C37.3z%20M26.2%2C29c-1%2C0.1-1.9%2C0.4-2.7%2C1c-1.9%2C1.1-3.3%2C2.2-5.6%2C2.2c-2-0.1-3.9-0.9-5.4-2.1%20c-0.7-0.6-1.5-0.9-2.4-1H6.2c-1.1%2C0-2%2C1-2%2C2.2c0%2C1.1%2C1%2C2%2C2.2%2C2l0%2C0h37.9c1.1%2C0%2C2.1-0.9%2C2.2-2c0-1.1-0.9-2.1-2-2.2c0%2C0%2C0%2C0%2C0%2C0%20C44.4%2C29.1%2C29.6%2C29%2C26.2%2C29L26.2%2C29z%20M24.8%2C20.7l-18.5%2C0c-1.1%2C0-2.1%2C0.9-2.1%2C2c0%2C1.1%2C0.9%2C2.1%2C2%2C2.1c0%2C0%2C0.1%2C0%2C0.1%2C0%20c0%2C0%2C2.2%2C0%2C4.2%2C0c3%2C0%2C5.1%2C3.5%2C7.4%2C3.5c2%2C0%2C4.8-3.4%2C7.8-3.4c3.1%2C0%2C18.5%2C0%2C18.5%2C0c1.2%2C0%2C2.1-0.9%2C2.1-2.1c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0-0.1%2C0-0.1%20c-0.1-1.1-1-2-2.1-2l-3.3%2C0c-1%2C0.1-1.9%2C0.4-2.7%2C1c-1.9%2C1.1-3.3%2C2.2-5.6%2C2.2c-2-0.1-3.9-0.9-5.4-2.1C26.6%2C21.2%2C25.7%2C20.8%2C24.8%2C20.7%20L24.8%2C20.7z%20M20%2C10.4c0.6%2C0%2C1%2C0.5%2C1%2C1s-0.5%2C1-1%2C1c-0.6%2C0-1-0.5-1-1C19%2C10.8%2C19.4%2C10.4%2C20%2C10.4C20%2C10.4%2C20%2C10.4%2C20%2C10.4%20M30.6%2C10.4%20c0.6%2C0%2C1%2C0.5%2C1%2C1.1s-0.5%2C1-1.1%2C1c-0.6%2C0-1-0.5-1-1C29.5%2C10.8%2C30%2C10.4%2C30.6%2C10.4C30.6%2C10.4%2C30.6%2C10.4%2C30.6%2C10.4L30.6%2C10.4z%20M39%2C10.4%20c0.6%2C0%2C1%2C0.5%2C1%2C1.1s-0.5%2C1-1.1%2C1c-0.6%2C0-1-0.5-1-1C37.9%2C10.8%2C38.4%2C10.4%2C39%2C10.4L39%2C10.4L39%2C10.4z%20M13.7%2C10.4c0.6%2C0%2C1%2C0.5%2C1%2C1.1%20c0%2C0.6-0.5%2C1-1.1%2C1c-0.6%2C0-1-0.5-1-1C12.7%2C10.8%2C13.1%2C10.4%2C13.7%2C10.4C13.7%2C10.4%2C13.7%2C10.4%2C13.7%2C10.4%20M24.2%2C8.3c0.6%2C0%2C1%2C0.5%2C1%2C1.1%20c0%2C0.6-0.5%2C1-1.1%2C1c-0.6%2C0-1-0.5-1-1C23.2%2C8.8%2C23.7%2C8.3%2C24.2%2C8.3C24.2%2C8.3%2C24.2%2C8.3%2C24.2%2C8.3L24.2%2C8.3z%20M34.8%2C8.3%20c0.6%2C0%2C1%2C0.5%2C1%2C1.1c0%2C0.6-0.5%2C1-1.1%2C1c-0.6%2C0-1-0.5-1-1C33.7%2C8.8%2C34.2%2C8.3%2C34.8%2C8.3L34.8%2C8.3z%20M17.9%2C6.2c0.6%2C0%2C1%2C0.5%2C1%2C1.1%20c0%2C0.6-0.5%2C1-1.1%2C1c-0.6%2C0-1-0.5-1-1C16.9%2C6.7%2C17.3%2C6.2%2C17.9%2C6.2%20M28.4%2C6.2c0.6%2C0%2C1%2C0.5%2C1%2C1.1c0%2C0.6-0.5%2C1-1.1%2C1c-0.6%2C0-1-0.5-1-1%20C27.4%2C6.7%2C27.9%2C6.2%2C28.4%2C6.2C28.4%2C6.2%2C28.4%2C6.2%2C28.4%2C6.2L28.4%2C6.2z%20M44.3%2C16.6C42.4%2C6.9%2C33%2C4.1%2C25.3%2C4.1c-8.3%2C0-17.4%2C3.6-19%2C12.5%20c0%2C0%2C18.3%2C0%2C19%2C0c3%2C0%2C5.1%2C3.5%2C7.4%2C3.5c2%2C0%2C4.8-3.5%2C7.8-3.5L44.3%2C16.6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;background-size:60%;transition: all 0.35s ease;} .c-hamburg.js-active {background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22_x3C_Layer_x3E_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%201074.6%201462%22%20style%3D%22enable-background%3Anew%200%200%201074.6%201462%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M1029.5%2C211.4l-63.3-25.7c-37-15-79.2%2C2.8-94.2%2C39.8l-19.5%2C48v-37.8c0-39.9-32.4-72.3-72.3-72.3h-68.3%20c-19.7%2C0-37.5%2C7.9-50.6%2C20.7l-6.7-115.9c-1.1-19.3-9.7-37-24.1-49.8S597.4-1%2C578.1%2C0.1l-68.2%2C4c-39.8%2C2.3-70.3%2C36.6-68%2C76.4%20l6.4%2C109.4l-26.7%2C7.1c-19%2C5.1-34.8%2C17.3-44.5%2C34.5s-11.9%2C37.1-6.2%2C56l5.6%2C18.7c-9.7-2.8-20.1-3.6-30.7-1.9l-10.3%2C1.6l15.7-150%20c2-19.2-3.6-38.1-15.8-53.1c-12.2-15-29.5-24.4-48.7-26.4l-68-7c-39.6-4.1-75.2%2C24.8-79.4%2C64.4l-10.8%2C101.9%20c-18.5-0.3-36.1%2C6.2-49.8%2C18.7c-14.3%2C13-22.7%2C30.7-23.7%2C50l-7.2%2C146.7c-12.6%2C2.5-24.2%2C9-32.9%2C18.8C3.8%2C482.5-1.6%2C499.4%2C0.4%2C516.2%20l99.5%2C851.6c6.3%2C53.7%2C51.8%2C94.2%2C105.9%2C94.2h656.8c54.1%2C0%2C99.6-40.5%2C105.9-94.2l99.5-851.6c2-16.8-3.4-33.7-14.6-46.4%20c-10.9-12.3-26.4-19.4-42.8-19.9l58.6-144.3C1084.3%2C268.7%2C1066.4%2C226.4%2C1029.5%2C211.4z%20M948.7%2C275.8l30.5%2C12.4l-70.1%2C172.5%20c-11%2C6.5-20.5%2C15.7-27.2%2C27l-29.5%2C49.6v-24.7L948.7%2C275.8z%20M762.4%2C253.4v435.3l-2.2%2C3.7l-18-247.6c-1-13.4-5.6-25.7-12.7-36V253.4%20H762.4z%20M494.2%2C270.8l44.5%2C149.1c-3.3%2C6-5.8%2C12.4-7.3%2C19.2c-7.5-5.4-16-9.3-25-11.5l-44-148.3L494.2%2C270.8z%20M144.1%2C326.4l32.9%2C1.6%20l-6.9%2C140.5c-9.3-7.9-20.3-13.6-32.2-16.4L144.1%2C326.4z%20M437.3%2C511.4l32.9%2C2.7l-23.2%2C285.2c-11.8%2C0-23.1%2C0.1-33.6%2C0.1L437.3%2C511.4z%20M644.4%2C799l-23.6-327.7l32.9-2.4l24%2C330.2C667.8%2C799%2C656.6%2C799%2C644.4%2C799z%20M565.7%2C91l7.6%2C131.3c-6.1-15.3-17.2-28-31.8-36.1%20c-1.1-0.6-2.3-1.2-3.5-1.8l-5.3-91.5L565.7%2C91z%20M352.9%2C468.1c-2%2C5.8-3.4%2C11.9-3.9%2C18.2l-8.6%2C102.9l-30.8-188.4l32.2-4.9L352.9%2C468.1%20z%20M227%2C160.7l32.8%2C3.4l-10.4%2C99c-0.1-0.1-0.2-0.2-0.3-0.3c-8.5-9.4-19.1-16.2-30.8-20.1L227%2C160.7z%20M879.1%2C1357.3%20c-1%2C8.4-8.1%2C14.7-16.5%2C14.7H205.8c-8.4%2C0-15.5-6.3-16.5-14.7L93.8%2C539.9h18.8l177.3%2C301.9c17.2%2C29.4%2C49%2C47.6%2C83.1%2C47.6%20c0.1%2C0%2C0.2%2C0%2C0.3%2C0c72.7-0.2%2C249.4-0.7%2C319.5-0.4c0.1%2C0%2C0.3%2C0%2C0.4%2C0c20.6%2C0%2C40.5-6.7%2C56.7-18.6c2.4-1.6%2C4.6-3.3%2C6.7-5.3%20c7.7-6.7%2C14.3-14.6%2C19.6-23.6l179.4-301.7h19L879.1%2C1357.3z%22%2F%3E%3C%2Fsvg%3E') no-repeat center; background-size:60% ;} .c-hamburg:before {content:"MENU";display:block;position:absolute;font-weight:800;font-size: 12px;letter-spacing:0;left: 0;right: 0;text-align: center;bottom: -1em;transition: all 0.35s ease;} .c-hamburg.js-active:before {content:"CLOSE";} /*-------footer--------*/ .c-footer { display: grid; grid-template-columns: repeat(2, 1fr); } .c-footer >.box.right {background: #000;color: #FFF;display: table;position: relative;} .c-footer >.box.right .footer__menu {display: table-cell;vertical-align: middle;padding: 130px 6% 130px 90px;/* max-width: 210px; */width: 610px;} .c-footer >.box.right .footer__menu ul {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);gap: 3em;} .c-footer >.box.right .footer__menu ul li {} .c-footer >.box.right .footer__menu ul li a { color: #FFF; } .c-footer >.box.right .c-footer__copyright {position: absolute;right: 4%;bottom: 4%;font-size: 80%;margin-bottom: 0;} .c-footer .box.left {position: relative;display: table;background: #FFF;} .c-footer .box.left .areas { display: table-cell; vertical-align: middle; overflow: hidden;} .c-footer .box.left .areas figure {text-align: center;} .c-footer .box.left .areas figure img { width:340px} .c-footer .box.left .areas > img.mms {position:absolute;width: 60px;margin:auto;left:0;right:0;top:0;bottom:0;} .c-footer .box.left .areas > img.m1.mms { right: -517px; top: 75px; } .c-footer .box.left .areas > img.m2.mms { right: 700px; top: -350px; } .c-footer .box.left .areas > img.m3.mms { width: 110px; bottom: -310px; left: -186px; } .c-footer .box.left .areas > img.m4.mms { left: -420px; top: -80px; width: 80px; } .c-footer .box.left .areas > img.m5.mms { width: 60px; top: -176px; right: -220px; } .c-footer .box.left .areas > img.m6.mms { right: -230px; top: 135px; width: 130px; } .c-footer .box.left .areas > img.m7.mms { right: -50px; width: 130px; top: -178px; } .c-footer .box.left .areas > img.m8.mms { right: 570px; width: 55px; top: 80px; transform: scale(-1, 1); } .c-footer .box.left .areas > img.m9.mms { right: -600px; width: 165px; top: 290px; } .c-footer .box.left .areas > img.m10.mms { right: 160px; width: 45px; top: 176px; } @media screen and (max-width: 880px) { .c-footer .box.left, .c-footer >.box.right {display: block; background: #fff;} .c-footer .box.left { padding:200px 0; text-align:center;} .c-footer .box.left .areas { display:block; text-align:center;} .c-footer >.box.right .footer__menu {display:block;padding:5rem 4%;width:auto; background: #000;} .c-footer >.box.right .footer__menu ul {justify-content:center; text-align:center;} .c-footer { display: block;} /*.c-footer >.box.right .c-footer__copyright {position: static; text-align:center; padding-bottom:4rem;}*/ .c-footer >.box.right .c-footer__copyright {position: static; text-align:center; padding-bottom:10px; display: grid;} p.c-footer__copyright.Jdot:before { content: ''; background-image: url(https://nftmetaverse.co.jp/wp-content/uploads/2023/12/logo.png); display: inline-block; width: 90%; background-size: contain; background-repeat: no-repeat; margin: 2rem auto; padding-top: 12%; max-width: 640px; } p.c-footer__copyright.Jdot { background: -moz-linear-gradient(45deg, #203472, #a44876); background: -webkit-linear-gradient(45deg, #203472, #a44876); background: linear-gradient(45deg, #203472, #a44876); -webkit-background-clip: text; color: transparent; } /*.c-footer .box.left .areas > img.m6.mms { right:4%;left:auto; top: 45px;}*/ /*.c-footer .box.left .areas > img.m4.mms { right:auto;top: 46%; left:24%;}*/ /*.c-footer .box.left .areas > img.m10.mms {right: 20px; width: 45px; bottom: -385px;}*/ /* .c-footer .box.left .areas > img.m7.mms { right: -420px; width: 130px; top: 252px; }*/ /* .c-footer .box.left .areas > img.m8.mms { left: 150px; width: 55px; top: -360px; transform: scale(-1, 1); }*/ } .home .site-header { height: 80px; background: #fff; } .home .site-header img { padding-top: 20px; } @media screen and (max-width: 480px) { .c-footer .box.left .areas > img.m10.mms { right: 110px; width: 45px; bottom: 70px; } .c-footer .box.left .areas figure img { width:280px} .c-footer .box.left .areas > img.m1.mms { right: -407px; top: 75px; } .c-footer .box.left .areas > img.m2.mms { left: 0px; top: -320px ; } .c-footer .box.left .areas > img.m3.mms { width: 110px; bottom: -310px; left: -86px; } .c-footer .box.left .areas > img.m4.mms { right: auto; top: -24%; left: 21%; } .c-footer .box.left .areas > img.m6.mms { right: -230px; top: 95px; width: 130px; } .c-footer .box.left .areas > img.m8.mms { left: 60px; width: 55px; transform: scale(-1, 1); bottom: -250px; } .c-footer .box.left .areas > img.m9.mms { right: -280px; width: 165px; top: 290px; } } @media screen and (max-width: 400px) { .c-footer .box.left .areas > img.m1.mms { right: -377px; top: -25px; } } @media screen and (min-width: 881px) { .c-footer .box.left .areas { display: table-cell; vertical-align: middle; overflow: hidden; position: relative; } } /*.navArea { margin: 4rem 2rem 6rem;}*/ .navArea { /* margin: 4rem 2rem 3rem; */ padding: 4rem 2rem 3rem; background-color: #f9f9f9; } .navArea .inner { width:100%; /*max-width:1000px;*/} .navArea .grid { display: grid; grid-template-columns: repeat(5, 1fr); } .navArea ul.grid li { display: flex; justify-content: center; align-items: center; margin-right: 10px; } .navArea ul.grid { margin-right: -10px; } .navArea a {display:block;} .navArea a img {transition: all 0.35s ease;} .navArea a:hover img {transform: scale(.95); opacity:.8;} /*-------wotter--------*/ /*.WoArea { background: #000; position: relative; padding: 0px 0 300px; overflow: hidden; } .wotter {position: relative;width: 350px;margin: 0 auto;perspective: 1000px;padding-top: 120px;transition: all 0.35s ease;}*/ .WoArea { background: #000; position: relative; padding: 0px 0 280px; overflow: hidden; } .wotter {position: relative;width: 350px;margin: 0 auto;perspective: 1000px;padding-top: 60px;transition: all 0.35s ease;} .wotter .rotator { position: absolute; left: 0; right: 0; margin: auto; width: 55%; height: 150px; transform-style: preserve-3d; animation: roter 17s linear infinite; } .wotter .rotator:hover { animation-play-state: paused;} @keyframes roter { from { transform: rotateY(0deg); } to { transform: rotateY(360deg); } } .wotter .items { position: absolute; height: 100%; width: 100%; overflow: hidden; border: 2px solid #333; } .wotter .items:hover img { transform: scale(1.2); } .wotter .items img { height: 100%; width: 100%; transition: all 3s ease; } .wotter .items:first-child { transform: rotateY(calc(40deg * 1)) translateZ(300px); } .wotter .items:nth-child(2) { transform: rotateY(calc(40deg * 2)) translateZ(300px); } .wotter .items:nth-child(3) { transform: rotateY(calc(40deg * 3)) translateZ(300px); } .wotter .items:nth-child(4) { transform: rotateY(calc(40deg * 4)) translateZ(300px); } .wotter .items:nth-child(5) { transform: rotateY(calc(40deg * 5)) translateZ(300px); } .wotter .items:nth-child(6) { transform: rotateY(calc(40deg * 6)) translateZ(300px); } .wotter .items:nth-child(7) { transform: rotateY(calc(40deg * 7)) translateZ(300px); } .wotter .items:nth-child(8) { transform: rotateY(calc(40deg * 8)) translateZ(300px); } .wotter .items:nth-child(9) { transform: rotateY(calc(40deg * 9)) translateZ(300px); } @media screen and (min-width: 950px) { /*.WoArea { padding: 0px 0 500px;}*/ .WoArea { padding: 0px 0 440px;} .wotter {transform: scale(1.5);} } /*@media screen and (min-width:1280px) { .WoArea { padding: 0px 0 600px;} .wotter {transform: scale(1.8);} }*/ @media screen and (min-width:1280px) { .WoArea { padding: 0px 0 540px;} .wotter {transform: scale(1.8);} } /*-------common--------*/ main {} .inner {/*max-width:1300px;*/margin:auto;} .tecArea { padding: 7rem 2rem;} .tecArea .inner { max-width: 900px; } /*.tecArea .title.yoko {position: absolute;right: 0;left: 1400px;margin: auto;} .tecArea .title.yoko img {height: 206px;max-width: initial;width: auto;}*/ .tclink {} /*.tclink li {border: 1px solid #000;padding: 2rem 4rem;display: flex;justify-content: space-between;align-items: center;border-radius: 2em;} */ .tclink li { border: 1px solid #000/*#e3e3e3*/; padding: 2rem 4rem 2rem 6rem; display: flex; justify-content: space-between; align-items: center; border-radius: 2em; position: relative; } .tclink li:nth-child(7) .name span:before { top: 5%; position: absolute; } .tclink li .name { } /*.tclink li .name span {font-size:200%;display:block;font-weight:900;font-family: 'Cherry Bomb One';}*/ .tclink li .name span {font-size:200%;display:block;font-weight:800;font-family: "heisei-maru-gothic-std", sans-serif;font-style: normal;} .tclink li .name em {font-style:normal;font-weight: 800;} .tclink li + li {margin-top:2em;} .tclink li .linkbox { text-align: center; width: 480px; } .tclink li .linkbox .pop {position: relative;background: #FFF;border-radius: 0.5em;padding: .8em 1em .8em;border: 1px #000 solid;max-width: 80%;margin: 0 auto -28px;z-index: 2;font-weight: 800;} .tclink li .linkbox .pop:before{content:"";width: 0;height: 0;position:absolute;border-style: solid;border-width: .8em .8em 0 .8em;border-color: #000 transparent transparent transparent;left: 0;bottom: -.8em;right: 0;margin: auto;} .tclink li .linkbox .pop:after { content: ""; width: 0; height: 0; position: absolute; border-style: solid; border-width: 0.8em 0.8em 0 0.8em; border-color: #fff transparent transparent transparent; left: 0; bottom: -0.7em; right: 0; margin: auto; } .tclink li .linkbox a { display: block; background: #bf2425; color: #fff; font-weight: 900; font-size: 160%; border-radius: .5em; padding: 2em 1em .8em; text-decoration: none; } .tclink li .linkbox a{transition: all 0.35s ease;} .tclink li .linkbox a:hover {transform: scale(.95); opacity:.8;} /* @media screen and (max-width:1500px) { .tecArea .title.yoko {right: 2%;left:auto;} } @media screen and (max-width:1280px) { .tecArea .title.yoko {position:static; margin:0 auto 2em; text-align:center;} }*/ @media screen and (max-width: 880px) { .tclink li { display:block; text-align:center;} .tclink li .linkbox { margin-top:2em; width: 100%; } } @media screen and (max-width: 680px) { /*.navArea { margin: 1em 4% 1em;}*/ .navArea { /* margin: 1em 4% 1em; */ padding: 1em 4% 1em; background-color: #f9f9f9; } .tclink li {padding:4%;} .tclink li .linkbox a {padding: 2em 0 .8em; } } .ecArea { padding: 7rem 2rem; background:#e7e7e7; position: relative;} .ecArea .inner {max-width:800px;} /*.ecArea .title.yoko {position: absolute;left: 0;right: 1130px;margin: auto;width: 155px;}*/ .ecArea li {text-align: center;} .ecArea li .icon {border: 2px solid #000;padding: 4%;} .ecArea li .icon img {} .ecArea li .price {font-weight: 900;padding: .8em 0 .8em;font-size: 120%;} .ecArea li .price span {font-size: 110%;} a.btm01 {display: block;} a.btm01 span {padding: .5em 0 .5em 0;background: #000;border-radius: 10px;color: #FFF;font-size: 130%;font-weight: 900;line-height: 1.4;display: block;} a.btm01 span {transition: all 0.35s ease;} a.btm01:hover span {transform: scale(.95); opacity:.8;} /*@media screen and (max-width: 1380px) { .ecArea .title.yoko {position: static; margin:0 auto 3em;width: 155px;} }*/ .memberArea { padding: 7rem 2rem 4rem; background: linear-gradient(.25turn, #00adfc, 50%, #00e5c6, 85%, #00fb91); } .tecArea .title.yoko { text-align:center; padding-bottom:7rem;} .ecArea .title.yoko { text-align:center; padding-bottom:7rem;} .memberArea .title.yoko { text-align:center; padding-bottom:10rem; display: flex; flex-direction: column;} /*.memberArea .title.yoko img { height: 130px;}*/ .tecArea .title.yoko img { height: auto; max-width: 820px; width: 90%;} .ecArea .title.yoko img { height: auto; max-width: 620px; width: 80%} .memberArea .title.yoko img { height: auto; max-width: 620px; width: 80%; margin: auto;} .title.yoko img {height: 130px;max-width: initial;width: auto;} ul.grid.grid3 {display: grid;grid-template-columns: repeat(3, 1fr);gap: 80px;} ul.grid.grid5 {display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;} .memberArea ul.grid.grid3 li { position: relative; border: 2px solid #000; height: 100%;} .memberArea ul.grid.grid3 li > * { display: block; text-align: center; padding-top:30%; } .memberArea ul.grid.grid3 li > * .icon { position: absolute; top: -16%; left: 0; right: 0; margin: auto; width: 40%; } .memberArea ul.grid.grid3 li > * .icon img {} .memberArea ul.grid.grid3 li > * .avter { max-width: 70%; margin: 0 auto 2em; } .memberArea ul.grid.grid3 li > * .avter img {} /*.memberArea ul.grid.grid3 li > * .name {padding: .5em;color: #000;font-weight: 900;background: #e1e1e1;font-size: 200%;line-height: 1.4;border-top: 2px solid #000;}*/ .memberArea ul.grid.grid3 li > * .name {padding: 0.5em; color: #000; font-weight: normal; background: #e1e1e1; font-size: 120%; line-height: 1.4; border-top: 2px solid #000; font-family: kitchen;} .memberArea ul.grid.grid3 li:nth-child(2n) > * .name { background: #e1e1e1;} .memberArea ul.grid.grid3 li > * .name img {height: .8em;width: auto;vertical-align: baseline;} @media screen and (max-width:1080px) { ul.grid.grid3 {display: grid;grid-template-columns: repeat(3, 1fr);gap:2%;} } @media screen and (max-width:880px) { ul.grid.grid5 {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;} ul.grid.grid5 li:nth-of-type(10) {display: none;} ul.grid.grid3 {display: block;gap: 80px;} ul.grid.grid3 li {max-width:300px; margin:0 auto;} ul.grid.grid3 li + li {margin-top:2.5em;} .tecArea .title.yoko {text-align: center; padding-bottom: 3rem;} .tecArea { padding: 3em 4%;} .ecArea { padding: 3em 4%;} .ecArea .title.yoko { text-align: center; padding-bottom: 3rem; } .memberArea { padding: 3rem 2rem 4rem; } } @media screen and (max-width:580px) { .tecArea .title.yoko {text-align: center; padding-bottom: 3rem;} /*.tecArea .title.yoko img {height:auto;width:30%;}*/ .tecArea .title.yoko img {height:auto;width:80%;} .tecArea { padding: 3em 4%;} .ecArea { padding: 3em 4%;} .memberArea .title.yoko {padding-bottom:8em;} .memberArea .title.yoko img { height:auto; /*width:60%;*/} .title.yoko img {height:auto; width:34%;} .ecArea .title.yoko {margin:0 auto 0;width:auto;text-align: center;} } @keyframes fadeInOut { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } @keyframes fadeInOut2 { 0%, 19% { opacity: 1; transform: translateX(0); } 20% { opacity: 0; transform: translateX(0); } 21%, 39% { opacity: 1; transform: translate(-50px, -20px); } 40% { opacity: 0; transform: translate(-50px, -20px); } 41%, 59% { opacity: 1; transform: translateX(-100px); } 60% { opacity: 0; transform: translateX(-100px); } 61%, 79% { opacity: 1; transform: translate(-150px, -20px); } 80% { opacity: 0; transform: translate(-150px, -20px); } 81%, 99% { opacity: 1; transform: translateX(-200px); } 100% { opacity: 0; transform: translateX(-200px); } } @media screen and (max-width: 480px) { @keyframes fadeInOut2 { 0%, 19% { opacity: 1; transform: translateX(0); } 20% { opacity: 0; transform: translateX(0); } 21%, 39% { opacity: 1; transform: translate(-30px, -20px); } 40% { opacity: 0; transform: translate(-30px, -20px); } 41%, 59% { opacity: 1; transform: translateX(-60px); } 60% { opacity: 0; transform: translateX(-60px); } 61%, 79% { opacity: 1; transform: translate(-90px, -20px); } 80% { opacity: 0; transform: translate(-90px, -20px); } 81%, 99% { opacity: 1; transform: translateX(-120px); } 100% { opacity: 0; transform: translateX(-120px); } } } @keyframes moveHorizontally { 0% { transform: translateX(0); } 50% { transform: translateX(10px); } 100% { transform: translateX(0); } } @keyframes moveleft { 0% { transform: translateX(0); } 50% { transform: translateX(50px); } 100% { transform: translateX(0); } } @media screen and (max-width: 480px) { @keyframes moveleft { 0% { transform: translateX(0); } 50% { transform: translateX(30px); } 100% { transform: translateX(0); } } } @keyframes moveleft2 { 0%, 100% { transform: translateX(700px); opacity: 1; } 7% { transform: translate(650px , -10px); opacity: 1; } 14% { transform: translate(600px , 10px); opacity: 1; } 21% { transform: translate(550px , -10px); opacity: 1; } 28% { transform: translate(500px , 10px); opacity: 1; } 35% { transform: translate(450px , -10px); opacity: 1; } 42% { transform: translate(400px , 10px); opacity: 1; } 49% { transform: translate(350px , -10px); opacity: 1; } 56% { transform: translate(300px , 10px); opacity: 1; } 63% { transform: translate(250px , -10px); opacity: 1; } 70% { transform: translate(200px , 10px); opacity: 1; } 77% { transform: translate(150px , -10px); opacity: 1; } 84% { transform: translate(100px , 10px); opacity: 1; } 91% { transform: translate(50px , -10px); opacity: 1; } 98% { transform: translate(0px , 10px); opacity: 1; } 99% { transform: translate(0px , 10px); opacity: 0; } } @keyframes moveleft3 { 0% { transform: translateX(0); opacity: 0; } 1% { transform: translateX(0); opacity: 1; } 50% { transform: translateX(-60px); opacity: 1; } 99% { transform: translateX(-60px); opacity: 1; } 100% { transform: translateX(-60px); opacity: 0; } } @keyframes moveHorizontally2 { 0% { transform: translateX(0); } 50% { transform: translateX(40px); } 100% { transform: translateX(0); } } @keyframes moveVertically { 0% { transform: translateY(0); } 50% { transform: translateY(10px); } 100% { transform: translateY(0); } } /* 斜めに動かすためのアニメーションを定義 */ @keyframes moveDiagonally { 0% { transform: translate(0, 0); } 50% { transform: translate(20px, -20px); /* 右上に20ピクセル移動 */ } 100% { transform: translate(0, 0); } } /* Define the circular motion animation */ @keyframes moveInCircle { 0% { transform: rotate(0deg) translateX(50px); transform-origin: 50% 50%; } 100% { transform: rotate(360deg) translateX(50px); transform-origin: 50% 50%; } } /* Define a bouncing animation */ @keyframes bounce { 0%, 100% { transform: translateY(0) translateX(-20px); } 50% { transform: translateY(-20px) translateX(-40px); } } /* Define a bouncing animation */ @keyframes bounce2 { 0% { transform: translateY(0) translateX(0px); } 10% { transform: translateY(-10px) translateX(-2px); } 20% { transform: translateY(-5px) translateX(-4px); } 30% { transform: translateY(-20px) translateX(-6px); } 40% { transform: translateY(-15px) translateX(-8px); } 50% { transform: translateY(-30px) translateX(-10px); } 60% { transform: translateY(-25px) translateX(-12px); } 70% { transform: translateY(-40px) translateX(-15px); } 80%, 100% { transform: translateY(-40px) translateX(-15px); } } /* Define a side-to-side wobble animation */ @keyframes wobble { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-10px); } 75% { transform: translateX(10px); } } /* 画像にアニメーションを適用 */ .diagonal-image { animation: moveDiagonally 1s infinite; } /* Apply the bounce animation to the .m1 class */ .m1 { animation: bounce 2s infinite; } .m3 { animation: moveleft 15s infinite; } @keyframes diagonalUpDown { 0%, 100% { transform: translate(0, 0); } 25% { transform: translate(30px, -30px); } 50% { transform: translate(60px, 0); } 75% { transform: translate(30px, 30px); } } @keyframes diagonalUpDown2 { 0% { transform: translate(100px, -100px); opacity: 1; } 50% { transform: translate(30px, -25px); opacity: 1; } 100% { transform: translate(-100px, 0px); opacity: 1; } } .m4 { display: inline-block; animation: floatAndSinkCurve 3s ease-in-out infinite alternate; } @keyframes floatAndSinkCurve { 0% { transform: translate(0, 0); } 20% { transform: translate(-10px, -5px); } 40% { transform: translate(-30px, -20px); } 60% { transform: translate(-50px, -45px); } 80% { transform: translate(-70px, -80px); } 100% { transform: translate(-100px, -100px); } } @keyframes figureEightCurve { 0%, 100% { transform: translateX(0) translateY(0) scale(1); } 12.5% { transform: translateX(-50px) translateY(25px) scale(1.1) rotate(45deg); } 25% { transform: translateX(-100px) translateY(0) scale(1) rotate(90deg); } 37.5% { transform: translateX(-50px) translateY(-25px) scale(0.9) rotate(135deg); } 50% { transform: translateX(0) translateY(0) scale(1) rotate(180deg); } 62.5% { transform: translateX(50px) translateY(25px) scale(1.1) rotate(225deg); } 75% { transform: translateX(100px) translateY(0) scale(1) rotate(270deg); } 87.5% { transform: translateX(50px) translateY(-25px) scale(0.9) rotate(315deg); } } /* .m5 { animation: figureEightCurve 8s infinite; } */ .m5 { animation: bounce2 10s infinite; } /* @keyframes figureEight { 0%, 100% { transform: translateX(0) translateY(0) scale(1); } 12.5% { transform: translateX(-50px) translateY(50px) scale(1.1); } 25% { transform: translateX(-100px) translateY(0) scale(1); } 37.5% { transform: translateX(-50px) translateY(-50px) scale(0.9); } 50% { transform: translateX(0) translateY(0) scale(1); } 62.5% { transform: translateX(50px) translateY(50px) scale(1.1); } 75% { transform: translateX(100px) translateY(0) scale(1); } 87.5% { transform: translateX(50px) translateY(-50px) scale(0.9); } } .m5 { animation: figureEight 8s infinite; } */ /* @media screen and (max-width:880px) { @keyframes figureEight { 0% { transform: translateX(0) scale(1); } 25% { transform: translateX(50px) translateY(50px) scale(1.1); } 50% { transform: translateX(100px) scale(1); } 75% { transform: translateX(50px) translateY(-50px) scale(0.9); } 100% { transform: translateX(0) scale(1); } } .m5 { animation: figureEight 4s infinite; } } */ /* .m6 { animation: moveVertically 1s infinite; } */ @keyframes zigzag { 0% { transform: translate(0, 0); } 20% { transform: translate(-20px, 20px); } 40% { transform: translate(-40px, -20px); } 60% { transform: translate(-60px, 20px); } 80% { transform: translate(-80px, -20px); } 100% { transform: translate(-100px, 0); } } .m6 { animation:zigzag 5s infinite; } .m7 { animation: fadeInOut 5s infinite; } /* Apply the wobble animation to the .m2 class */ .m2 { animation: moveleft2 20s infinite; } /* Apply the wobble animation to the .m2 class */ .m9 { animation: moveleft3 15s infinite; } @keyframes zigzag2 { 0% { transform: translate(-100, 0); } 20% { transform: translate(-80px, 20px); } 40% { transform: translate(-60px, -20px); } 60% { transform: translate(-40px, 20px); } 80% { transform: translate(-20px, -20px); } 100% { transform: translate(0px, 0); } } /* Apply the animation to the .m8 class */ .m8 { animation: zigzag2 5s infinite linear; } .m10 { animation: fadeInOut2 10s infinite; } .m5a { animation: moveDiagonally 1s infinite; } .m8a { animation: moveHorizontally2 1s infinite; } ul, li { margin: 0; padding: 0; } .home .wp-block-table, .home blockquote, .home dl, .home iframe, .home ol, .home p, .home ul { margin-bottom: 0; } .vk-mobile-nav-menu-btn { position: fixed; top: 10px; right: 15px; z-index: 2100; overflow: hidden; border: none; border-radius: 0; width: 40px; height: 50px; cursor: pointer; text-indent: -9999px; background-size: 50px 63px; background: rgba(255, 255, 255, 0); transition: border-color .5s ease-out; } .vk-mobile-nav-menu-btn { border: none; background-image: url("images/humb.svg"); background-size: 40px 50px; } .vk-mobile-nav-menu-btn.menu-open { border: none; background-image: url("images/humb-open.svg"); background-size: 40px 50px; } .vk-mobile-nav nav>ul { height: 100vh; } .vk-mobile-nav .widget_nav_menu ul li a, .vk-mobile-nav nav ul li a { color: #000; border-bottom: none; } .vk-mobile-nav.vk-mobile-nav-open.vk-mobile-nav-left-in { overflow: hidden; } .vk-mobile-nav .vk-mobile-nav-menu-outer { margin-top: 0; margin-bottom: 0; } .vk-mobile-nav .menu-item { display: flex; align-items: center; position: relative; cursor: pointer; padding: 1% 0 1% 4%; border-top: 1px solid #dfdfdf; flex-direction: row; gap: 1.2em; width: 100%; height: auto; justify-content: flex-start; } .vk-mobile-nav .menu-item:nth-child(6) { border-bottom: 1px solid #dfdfdf; } .vk-mobile-nav .menu-item:nth-child(7) { border-top: none; margin-top: 30px; text-align: center; border-bottom: 2px solid #dfdfdf; padding-bottom: 40px; } .vk-mobile-nav .menu-item strong { font-weight: bold; font-size: 155%; letter-spacing: -0.02em; line-height: 2.05; text-align: center; color: #000; } .vk-mobile-nav .menu-item span.menu-item-description { font-weight: 500; line-height: 2.8; text-align: center; color: #666; font-size: 18px; position: relative; } .vk-mobile-nav .menu-item span.menu-item-description:before { content:'/'; padding: 0 5px; } .vk-mobile-nav .menu-item::after { content: ""; position: absolute; bottom: 0px; width: 0; height: 2px; background: #bf2425; left: 50%; transform: translateX(-50%); transition: all 0.4s ease; } .vk-mobile-nav .menu-item:hover::after { width: 100%; } /* .vk-mobile-nav .menu-item:nth-child(5), .vk-mobile-nav .menu-item:nth-child(6) { display: inline-block; margin: 30px auto 0; justify-content: center; width: 200px; } .vk-mobile-nav .c-header__menu__links { width: 200px; max-width: 49%; border: solid 1px #dfdfdf; font-size: 90%; display: inline-block; position: relative; left: 30%; transform: translateX(-55%); text-align: center; color: #666; padding: 0.15em 0; margin-top: 30px; } .vk-mobile-nav .c-header__menu__links::after { content: none; }*/ table.company { border: none; border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 20px; width: 100%; word-break: initial; } table.company, table.company tr, table.company th, table.company td { border: none; } table.company th, table.company td { padding: 20px; border-bottom: 2px solid #ccc; word-break: break-all; vertical-align: top; text-align: left; } .entry-body .center { text-align: center; } :where(:not(.wp-block-table))>table :is(th,td) { font-size: 16px; } @media (min-width: 992px) { .header_scrolled .site-header-logo { display: block; } .header_scrolled .site-header .site-header-container--scrolled--logo-and-nav-container .site-header-logo, .header_scrolled .site-header .site-header-container--scrolled--logo-and-nav-full .site-header-logo { width: 30%; } .header_scrolled .site-header-container--scrolled--logo-and-nav-container .site-header-logo, .header_scrolled .site-header-container--scrolled--logo-and-nav-full .site-header-logo { background-position: left !important; } .site-header--layout--nav-float .site-header-logo { margin-right: 0; } .site-header--layout--nav-float .site-header-logo img { margin: auto; } .header_scrolled .site-header .global-nav { display: none; } body:not(.header_scrolled) .global-nav--layout--float-right { display: none; } body.device-pc .vk-mobile-nav-menu-btn, body.device-pc .vk-mobile-nav, body.device-mobile .vk-mobile-nav-menu-btn, body.device-mobile .vk-mobile-nav, .vk-mobile-nav-menu-btn, .vk-mobile-nav { display: block; } .vk-mobile-nav-menu-btn { top: 20px; } .vk-mobile-nav-menu-btn.position-right { right: 35px; } .admin-bar .vk-mobile-nav-menu-btn { top: calc(32px + 20px); } .vk-mobile-nav { padding: 0; background-color: transparent; } .vk-mobile-nav nav>ul { width: 50vw; max-width: 470px; padding-top: 5.5em; transform: translateX(0); background-color: #fff; margin: 0 0 0 auto; } /*-------fv--------*/ section.firstView { width: 100%; height: 100vh; margin: auto; object-fit: cover; position: relative; } #video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 177.77777778vh; height: 56.25vw; min-height: 100svh; min-width: 100%; } } /*ContactForm7カスタマイズ*/ table.CF7_table { width:100%; margin:0 auto; border: 1px solid #ccc; } table.CF7_table tr { border-top: 1px solid #ccc; } table.CF7_table th { vertical-align: middle; text-align: left; } table.CF7_table td { width: 100%; padding: 20px; } table.CF7_table th p, table.CF7_table td p { margin-bottom: 0; } table.CF7_table.confirm td p { margin-top: 10px; margin-bottom: 10px; letter-spacing: 0; } table.CF7_table td.flex { display: flex; align-items: center; font-size: 16px; border: none; } table.CF7_table td.flex div { max-width: 30%; display: flex; align-items: center; margin-right: 1em; } table.CF7_table td.flex div p { display: flex; align-items: center; } .CF7_table input, .CF7_table textarea { border: 1px solid #ccc; } .CF7_table ::placeholder { color:#797979; } /*「必須」文字*/ .CF7_req{ font-size:.9em; padding: 5px; border: thin solid #bf2425; color: #bf2425; border-radius: 3px; margin-right:1em; } /*「任意」文字*/ .CF7_unreq{ font-size:.9em; padding: 5px; background: #bdbdbd; color: #fff; border-radius: 3px; margin-right:1em; } /* タイトル列 */ @media screen and (min-width: 768px){ .CF7_table th { width:30%; background-color:#fff; border-right: 1px solid #ccc; } } /* レスポンシブ */ @media screen and (max-width: 768px){ table.CF7_table { width:95%; } .CF7_table tr, .CF7_table td, .CF7_table th { display: block; width: 100%; line-height:2.5em; } .CF7_table th { padding: 20px; font-size: 16px; text-align: left; background-color:#fff; border-bottom: 1px solid #ccc; } } /* 「送信する」ボタン */ .wpcf7 input.wpcf7-submit, .wpcf7-form-control.wpcf7-previous { background-color:#bf2425; border-radius: 999px; border: thin solid #bf2425; color:#fff; font-size:1.2em; font-weight:bold; margin:0 auto; transition: all 0.3s ease-in-out; } .wpcf7-form-control.wpcf7-previous { width: 115px; line-height: 45px; } .wpcf7 input.wpcf7-submit:hover, .wpcf7-form-control.wpcf7-previous:hover { color: #bf2425; background-color: #fff; } .CF7_btn { text-align:center; margin-top:20px; } .wpcf7-spinner { width:0; margin:0; } .wpcf7-list-item { display: flex; align-items: center; } input[type="checkbox"] { width: 20px; height: 20px; border: 1px solid #ccc; margin-right: 1em; z-index: 9; } .codedropz-upload-inner h3 { margin: 5px 0; font-size: 16px !important; line-height: 32px; word-break: break-word; } .rc-anchor-normal-footer, .rc-anchor-invisible { display: none !important; } .page-id-33 .rc-anchor-normal-footer { display: inline-block; } .page-id-33 .rc-anchor-invisible { display: flex; } .post-163 .entry-body, .page-id-183 .entry-body, .page-id-189 .entry-body { max-width: 600px; margin: auto; } h2.form_title { max-width: 320px; margin: 0px auto 80px; background: #bf2425; color: #fff; font-weight: 900; font-size: 160%; text-align: center; border-radius: 0.5em; padding: 1em; } h2.campany_logo { font-size: 50px; -webkit-background-clip: text; color: transparent; background-image: linear-gradient(45deg, #608df2 0%, #ae9bea 50%, #e875f6 100%); text-align: center; } .thanks_message { margin: 30px auto 100px; text-align : center; overflow : hidden; } .thanks_message .flowing { font-family: 'DotGothic16', sans-serif; font-weight: bold; width: 0; margin: 0; margin-bottom: 30px; font-size: 30px; font-weight: bold; white-space: nowrap; overflow: hidden; animation: flowing-anime 3s forwards linear; } .thanks_message .flowing:nth-child(2) { animation-delay: 2.8s; } .thanks_message .flowing:nth-child(3) { animation-delay: 5.8s; } .memberArea ul.grid.grid3 li a { text-decoration: none; } @keyframes flowing-anime { 0% { width: 0%; } 100% { width: 100%; } } /* メンバー */ .memberArea ul.grid.grid3 li > * { padding-top: 0; } .memberArea ul.grid.grid3 li { background-color: #fff; } .memberArea ul.grid.grid3 li a { text-decoration: none; } .memberArea ul.grid.grid3 li .icon { position: absolute; top: -16%; left: 0; right: 0; margin: auto; width: 40%; display: inline-block; z-index: 0; } .memberArea ul.grid.grid3 li .icon:before { content: ''; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; border-radius: 50%; background: linear-gradient(225deg, red, yellow); z-index: -1; max-width: 160px; margin: auto; } .memberArea ul.grid.grid3 li .icon img { max-width: 150px; height: 160px; border-radius: 50%; display: block; width: 100%; height: auto; margin: auto; } .memberArea ul.grid.grid3 li .avter { margin: 0 auto; width: 263px;padding: 20% 0 15%; height: auto; } .memberArea ul.grid.grid3 li .avter .mejs-video { height: 303px !important; } @media screen and ( max-width:880px ) { .memberArea ul.grid.grid3 li + li {margin-top:7.5em;} .memberArea ul.grid.grid3 li .icon { position: absolute; top: -16%; left: 0; right: 0; margin: auto; width: 100%; } } /* アイテム */ .wideslideArea { /*width: 600px;*/ width: 100%; max-width: 100%; display: block; margin: auto; } .wp-video { max-width: 100%; height: auto; aspect-ratio: 16 / 9; width: 100% !important; } section.wideslideArea div#mep_3 { height: 100% !important; } section.wideslideArea .items { margin-bottom: 1em; } .wideslideArea { width: 100%; max-width: 100%; display: block; margin: auto; } #video1,#video2,#video3,#video4,#video5,#video6 { width: 100%; margin-top: 1em; } @media screen and ( max-width:991.99px ) { .site-header { position: fixed; } .site-header-container { height: 60px; } .header_scrolled.admin-bar .site-header { top: var(--vk-size-admin-bar); } .header_scrolled .site-header-logo { display: block; } .site-header + * { margin-top:66px !important; } section.firstView { width: 100vw; height: 56.25vw; } #video { position: absolute; top: 70px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 100vw; height: auto; min-height: auto; min-width: 100%; } .vk-mobile-nav nav>ul { margin-top: 30px; } } @media screen and (min-width: 501px) { .vk-mobile-nav.vk-mobile-nav-left-in { transition: all 0.5s ease-out; left: 100%; } .vk-mobile-nav.vk-mobile-nav-open .vk-mobile-nav-left-in { right: 0; } } @media screen and (max-width: 500px) { .main-section { margin-bottom: 0; } /* table.company, table.company tr, table.company th, table.company td { display: block; }*/ table.company th { text-align: left; letter-spacing: 2px; } .page-header-title, h1.page-header-title { font-size: 24px; } h2.campany_logo { font-size: 46px; } .thanks_message { margin: 0 auto 0; } .thanks_message .flowing { font-size: 17px; } :where(:not(.wp-block-table))>table :is(th,td) { font-size: 14px; } } .veu_adminEdit.alert.alert-info, .entry-meta-item.entry-meta-item-updated, .vcard.author, .site-footer-copyright p:nth-child(2) { display: none !important; } .fa-home-alt:before, .fa-home-lg-alt:before, .fa-home:before, .fa-house:before { /*content: "\f015";*/ content: "\1F300" !important; top: -3px; position: relative; } .areas-contact { position: relative; display: block; width: 100%; } img.m5a.mms { position: absolute; top: 0; right: 0; width: auto; } img.m12.mms { position: absolute; top: 23px; right: -80px; } @media screen and (max-width: 440px) { .areas-contact { position: relative; display: block; width: 100%; height: 250px; } img.m11.mms { position: absolute; left: -30px; width: 170px; bottom: 0; } img.m12.mms { position: absolute; bottom: 0; right: -20px; width: 250px; top: auto; } } li#menu-item-109 a { word-spacing: -5px; } .c-footer >.box.right .c-footer__copyright { word-spacing: -5px; letter-spacing: 2px; font-feature-settings: "palt"; } li.breadcrumb-list__item span { word-spacing: -1px; letter-spacing: 1px; } h1.page-header-title { word-spacing: -5px; } li.breadcrumb-list__item.breadcrumb-list__item--home span { display: none; } @media screen and (max-width: 1200px) { .memberArea ul.grid.grid3 li .avter { margin: 0 auto; width: 263px; padding: 35% 0 20%; display: block; } .memberArea ul.grid.grid3 li .icon { position: absolute; top: -16%; left: 0; right: 0; margin: auto; width: auto; } .wp-video-shortcode video, video.wp-video-shortcode { max-width: 100%; display: inline-block; height: auto; object-fit: contain; } } @media screen and(min-width: 992px) { .site-header--layout--nav-float .site-header-container { display: flex; flex-direction: row; justify-content: center; align-items: center; } .vk-mobile-nav nav>ul { max-width: 600px; } } @media (min-width: 388px) and (max-width: 878px) { .wp-video { max-width: 100%; height: 303px; } .memberArea ul.grid.grid3 li .avter { margin: 0 auto; width: 263px; padding: 35% 0 10%; display: block; height: 433px; } } .breadcrumb-list li:after { content: none; } input[name="your-phone"], input[name="your-email"] { margin-left: 20px; /* 余白の大きさを20ピクセルに設定 */ width: 90%; } .wpcf7 input[type="file"] { cursor: pointer; margin-left: 20px; } input[type="checkbox"] { width: 20px; height: 20px; border: 1px solid #ccc; margin-right: 1em; z-index: 9; margin-left: 5px; } table p:has(> a[href="/privacy-policy/"]) { margin-left: 20px; /* 余白の大きさを20ピクセルに設定 */ } .wpcf7 input[type="submit"] { margin-top: 20px; } span[itemprop="name"] span.tighten { margin-right: -2px; } .fa-fw { width: 0.9em !important; } .header-top .container, .site-header-container { width: 100%; max-width: 1114px; } .site-header-logo img { max-height: 60px; max-width: 380px; display: block; margin-left: 0 !important; margin-right: auto; width: 70%; } .home .site-header-logo img { padding-left: 20px; } span.highlight { background: yellow; padding-left: 2.3px; } @media screen and (max-width: 880px) { .breadcrumb-list { margin: 0; padding: 14px 0 6px; } .site-body { padding: 0.5rem 0 2rem; } h2.form_title { max-width: 320px; margin: 10px auto 50px; background: #bf2425; color: #fff; font-weight: 900; font-size: 160%; text-align: center; border-radius: 0.5em; padding: 1em; } } .wp-video { max-width: 100%; height: 263px !important; } img.title-logo { padding-bottom: 0.8rem; } @media screen and (max-width: 880px) { .tclink li:before { /*content: url(https://nftmetaverse.co.jp/wp-content/uploads/2023/10/c-inexperienced.png);*/ content: url(https://nft.weart-marketing.com/wp-content/uploads/2025/08/mikeiken-1.png); transform: scale(25%) translateY(0%); display: inline-block; position: absolute; /*top: -86px;*/ top: -90px; left: -50px; } .tclink .freelance:before { content: url(http://nft.weart-marketing.com/wp-content/uploads/2025/08/bikeiken-3-4.png); transform: scale(26%) translateY(0%); display: inline-block; position: absolute; top: -90px; left: -50px; } } @media screen and (min-width: 881px) { .tclink li .name span:before { /* content: url(https://nftmetaverse.co.jp/wp-content/uploads/2023/10/c-inexperienced.png);*/ content: url(https://nft.weart-marketing.com/wp-content/uploads/2025/08/mikeiken-1.png); transform: scale(0.3) translateY(-50%); display: inline-block; position: absolute; top: 0%; left: -40px; } .tclink .freelance .name span:before { content: url(http://nft.weart-marketing.com/wp-content/uploads/2025/08/bikeiken-3-4.png); transform: scale(0.32) translateY(-50%); display: inline-block; position: absolute; top: 9%; left: -40px; } } @media screen and (max-width: 500px) { .home .site-header, .home .site-header-container, .site-header-container, .site-header { height: 70px; } .site-header-logo img { max-height: 50px; } .home .site-header img { padding-top: 0; padding-left: 5px !important; } .vk-mobile-nav.vk-mobile-nav-open.vk-mobile-nav-left-in { overflow: hidden; padding-top: 50px; font-size: 90%; } .vk-mobile-nav .menu-item strong { font-size: 125%; } .vk-mobile-nav .menu-item span.menu-item-description { font-size: 14px; } .tclink li .linkbox .pop { letter-spacing: 0.3px; } } .site-header--layout--nav-float .site-header-container { display: flex; flex-direction: row; /*justify-content: center;*/ justify-content: left; align-items: center; } body:not(.home) .site-header-logo, body:not(.home) .site-header-logo img { margin-left: auto !important; margin-right: auto !important; } .type-download header.entry-header { position: relative; } span.published { line-height: 1; } .ecArea li .icon img { height: 128px; width: 100%; object-fit: cover; } .ecArea:before { content: ""; position: absolute; top: 60%; left: 50%; width: 100%; height: 100%; background-image: url(http://nftmetaverse.co.jp/wp-content/uploads/2024/02/openingsoon.png); background-size: 100%; background-position: center; transform: translate(-50%, -50%) rotate(-10deg); z-index: 1; background-repeat: no-repeat; max-width: 800px; }