@charset "UTF-8";

 @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;600;700;800;900&family=Wix+Madefor+Text:ital,wght@0,500;0,600;0,700;0,800&display=swap");
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
} ins {
background-color: #ff9;
color: #000;
text-decoration: none;
} mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
} hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
* {
-webkit-text-size-adjust: 100%;
-webkit-overflow-scrolling: touch;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
} .cf:before,
.cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
} .cf {
zoom: 1;
}
.none {
display: none !important;
}
.not {
pointer-events: none !important;
}
@media screen and (max-width: 820px) {
.pc {
display: none !important;
}
.pc,
.pc * {
background: none !important;
}
}
@media screen and (min-width: 821px) {
.sp {
display: none !important;
}
.sp,
.sp * {
background: none !important;
}
}
.trc {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .main_width {
margin: 0 auto;
position: relative;
width: calc(100% - 160px);
max-width: 1400px;
}
@media screen and (max-width: 820px) {
.main_width {
width: calc(100% - 40px);
max-width: 400px;
max-width: 600px;
}
}
@media screen and (max-width: 820px) {
.main_width2 {
width: calc(100% - 80px);
max-width: 360px;
max-width: 460px;
}
}
input[type=submit],
input[type=button] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
display: none;
}
input[type=submit]::focus,
input[type=button]::focus {
outline-offset: -2px;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-style: none;
}
select::-ms-expand {
display: none;
}
body {
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
font-family: "Wix Madefor Text", "Noto Sans JP", sans-serif;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
font-weight: 500;
}
body:not(.ready) * {
-webkit-transition: unset !important;
transition: unset !important;
}
a {
text-decoration: none;
color: inherit;
}
@media (hover: hover) and (pointer: fine) {
a[href]:not(.g_button, .hov):hover {
opacity: 0.7;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
a[href]:not(.g_button, .hov):hover {
opacity: 0.7;
}
} [g_type=news] .g_th__date {
display: block;
}
.g_th {
text-align: left;
display: block;
width: 31.25%;
}
@media screen and (max-width: 820px) {
.g_th {
width: 100%;
margin-bottom: 40px;
}
}
.g_th__date {
display: none;
margin-top: 30px;
font-size: 14px;
color: #939393 !important;
margin-bottom: -20px;
}
@media screen and (max-width: 820px) {
.g_th__date {
margin-top: 20px;
font-size: 12px;
margin-bottom: -15px;
}
}
.g_th__img {
overflow: hidden;
width: 100%;
position: relative;
border-radius: 12px;
overflow: hidden;
z-index: 1;
background: rgba(150, 150, 150, 0.1);
}
@media screen and (max-width: 820px) {
.g_th__img {
border-radius: 15px;
}
}
.g_th__img__in {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
-webkit-transition: all 1500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 1500ms cubic-bezier(0.19, 1, 0.22, 1);
}
.g_th__img:before {
display: block;
content: "";
padding-top: 55.7%;
width: 100%;
}
@media screen and (max-width: 820px) {
.g_th__img:before {
padding-top: 100%;
}
}
.g_th__h4 {
font-size: 20px;
letter-spacing: 0.04em;
line-height: 150%;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
color: #fff;
padding: 25px 0 18px;
}
@media screen and (max-width: 820px) {
.g_th__h4 {
font-size: 18px;
line-height: 28px;
padding: 20px 0 14px;
}
}
.g_th__cat__box {
font-family: "Wix Madefor Text", "Noto Sans JP", sans-serif;
display: inline-block;
background: rgba(255, 255, 255, 0.1);
color: #fff;
height: 24px;
line-height: 24px;
vertical-align: middle;
padding: 0 15px;
border-radius: 12px;
font-size: 12px;
letter-spacing: -0.05em;
margin: 0 5px 8px 0;
}
@media screen and (max-width: 820px) {
.g_th__cat__box {
height: 22px;
padding: 0 10px;
line-height: 22px;
font-size: 10px;
}
}
@media (hover: hover) and (pointer: fine) {
.g_th:hover .g_th__img__in {
-webkit-transform: scale(1.04) !important;
transform: scale(1.04) !important;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.g_th:hover .g_th__img__in {
-webkit-transform: scale(1.04) !important;
transform: scale(1.04) !important;
}
}
.langwindow {
position: absolute;
top: 70px;
right: 0;
background: #fff;
width: 175px;
height: 135px;
border-radius: 6px;
-webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transform: translate(0, -10px);
transform: translate(0, -10px);
opacity: 0;
pointer-events: none;
}
@media screen and (max-width: 820px) {
.langwindow {
top: auto;
bottom: 70px;
}
}
@media screen and (max-width: 820px) {
.langwindow {
border-radius: 3px;
width: 171px;
height: 127px;
-webkit-transform: translate(0, 10px);
transform: translate(0, 10px);
}
}
.langwindow__in {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.langwindow__in a {
font-size: 17px;
letter-spacing: -0.05em;
color: #000;
display: block;
text-align: left;
font-weight: 700;
}
@media screen and (max-width: 820px) {
.langwindow__in a {
font-size: 16px;
}
}
.langwindow__in a div {
display: inline;
font-family: "Noto Sans JP", sans-serif;
font-weight: 600;
}
.langwindow__in a + a {
margin-top: 20px;
}
.g_button__lang__open .langwindow {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
pointer-events: auto;
}
[blang=ja] .jp_link,
[blang=en_US] .en_link {
color: #939393;
pointer-events: none;
} .co__h1 {
font-size: 94px;
letter-spacing: -0.05em;
font-weight: 900;
line-height: 100%;
}
@media screen and (max-width: 820px) {
.co__h1 {
font-size: 57px;
}
}
.co__h2 {
font-size: 74px;
letter-spacing: -0.05em;
font-weight: 900;
line-height: 100%;
}
@media screen and (max-width: 820px) {
.co__h2 {
font-size: 50px;
}
}
.co__h3 {
font-size: 64px;
letter-spacing: -0.05em;
font-weight: 900;
line-height: 100%;
}
@media screen and (max-width: 820px) {
.co__h3 {
font-size: 38px;
}
}
.co__h4 {
font-size: 44px;
letter-spacing: -0.05em;
font-weight: 900;
line-height: 100%;
}
@media screen and (max-width: 820px) {
.co__h4 {
font-size: 21px;
}
}
.lang__bgr {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #000;
height: 100%;
opacity: 0;
z-index: 400;
-webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
pointer-events: none;
}
.lang__bg .lang__bgr {
opacity: 0.2;
pointer-events: auto;
}
.header__menu,
.header__logo {
opacity: 1;
}
.ready .header__menu,
.ready .header__logo {
-webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
opacity: 1;
}
.onhead:not(.is_dark) .menu__back__w {
opacity: 0.8;
-webkit-transition: all 1500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 1500ms cubic-bezier(0.19, 1, 0.22, 1); }
.onhead.is_dark .menu__back__d {
opacity: 0.7;
-webkit-transition: all 1500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 1500ms cubic-bezier(0.19, 1, 0.22, 1); }
.menu__back {
-webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1); opacity: 0;
z-index: 450;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 250px;
pointer-events: none;
}
.menu__back__w {
mix-blend-mode: plus-lighter;
background: rgb(255, 255, 255);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.menu__back__d {
mix-blend-mode: hard-light;
background: rgb(0, 0, 0);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgb(0, 0, 0)));
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
} .g_button {
display: inline-block;
font-size: 18px;
height: 58px;
position: relative;
padding: 0 34px;
color: inherit;
z-index: 1;
font-weight: 900;
border-radius: 29px;
}
.g_button__lang {
cursor: pointer;
padding: 0;
width: 58px;
}
.g_button__lang.g_button__lang__open .g_button__back {
border-color: #fff;
background: #fff;
opacity: 1 !important;
-webkit-transition: all 0ms cubic-bezier(0.455, 0.02, 0, 1) !important;
transition: all 0ms cubic-bezier(0.455, 0.02, 0, 1) !important;
}
.g_button__lang.g_button__lang__open .g_button__back:before {
-webkit-transition: all 0ms cubic-bezier(0.455, 0.02, 0, 1) !important;
transition: all 0ms cubic-bezier(0.455, 0.02, 0, 1) !important;
background: #fff;
}
.g_button__lang.g_button__lang__open * {
fill: #939393;
}
.g_button__lang svg {
width: 22px;
height: 22px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
fill: #fff;
z-index: 2;
}
.g_button span {
color: inherit;
position: relative;
display: inline-block;
height: 16px;
top: 50%;
text-align: center;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 16px;
line-height: 16px;
z-index: 2;
-webkit-transition: all 400ms cubic-bezier(0.465, 0.035, 0, 0.985);
transition: all 400ms cubic-bezier(0.465, 0.035, 0, 0.985);
}
.g_button__back {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 29px;
border: solid 3px rgba(255, 255, 255, 0.1);
overflow: hidden;
z-index: 1;
}
@media screen and (max-width: 820px) {
.g_button__back {
border-width: 1.5px;
}
}
.g_button__back:before {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transition: all 500ms cubic-bezier(0.455, 0.02, 0, 1);
transition: all 500ms cubic-bezier(0.455, 0.02, 0, 1);
}
.g_button2 .g_button__back:before {
-webkit-transform: translate(0%, 0);
transform: translate(0%, 0);
}
@media screen and (max-width: 820px) {
.g_button2sp .g_button__back:before {
-webkit-transform: translate(0%, 0);
transform: translate(0%, 0);
}
}
@media (hover: hover) and (pointer: fine) {
.g_button:hover .g_button__back:before {
-webkit-transform: translate(0%, 0);
transform: translate(0%, 0);
}
.g_button:hover.g_button2 .g_button__back:before {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
}
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 820px) {
.g_button:hover.g_button2sp .g_button__back:before {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.g_button:hover .g_button__back:before {
-webkit-transform: translate(0%, 0);
transform: translate(0%, 0);
}
.g_button:hover.g_button2 .g_button__back:before {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
}
}
@media screen and (-ms-high-contrast: none) and (max-width: 820px), screen and (-ms-high-contrast: active) and (max-width: 820px) {
.g_button:hover.g_button2sp .g_button__back:before {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
}
}
.is_dark .g_button3 .g_button__back:before {
-webkit-transform: translate(0%, 0);
transform: translate(0%, 0);
}
@media (hover: hover) and (pointer: fine) {
.is_dark .g_button3:hover .g_button__back:before {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.is_dark .g_button3:hover .g_button__back:before {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
}
} .g_targ span {
background-image: url(//shueisha-games.com/wp-content/themes/sg2023/img/targ.svg);
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: right center;
width: 100%;
text-align: center;
height: auto;
line-height: 120%;
}
@media screen and (max-width: 820px) {
.g_targ span {
text-align: left;
background-size: 9px 9px;
padding-right: 30px;
}
}
.ons__zoom {
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0;
-webkit-transition: all 1500ms cubic-bezier(0.465, 0.035, 0, 0.985);
transition: all 1500ms cubic-bezier(0.465, 0.035, 0, 0.985);
}
.ons__up {
-webkit-transform: translate(0, 5%);
transform: translate(0, 5%);
-webkit-transform-origin: center center;
transform-origin: center center;
opacity: 0;
-webkit-transition: all 1500ms cubic-bezier(0.465, 0.035, 0, 0.985);
transition: all 1500ms cubic-bezier(0.465, 0.035, 0, 0.985);
}
.ready .onscreen.ons__zoom,
.ready .onscreen .ons__zoom {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
}
.ready .onscreen.ons__up,
.ready .onscreen .ons__up {
-webkit-transform: translate(0, 0px);
transform: translate(0, 0px);
opacity: 1;
} .header {
position: fixed;
width: 100%;
}
.header__logo {
z-index: 500;
position: fixed;
top: 65px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 40px;
width: 322px;
height: 64.4px;
display: block;
}
@media screen and (max-width: 1100px) {
.header__logo {
width: 25vw;
height: 5vw;
}
}
.header__logo path {
fill: #000;
}
.header__menu {
z-index: 500;
font-weight: 800;
position: fixed;
top: 36px;
right: 40px;
height: 58px;
display: block;
color: #000;
font-size: 0;
text-align: right;
}
.header__menu * {
vertical-align: top;
}
.header__menu__1 {
display: inline-block;
height: 100%;
}
.header__menu__1a {
position: relative;
display: inline-block;
height: 18px;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 18px;
line-height: 18px;
margin-right: 30px;
}
@media screen and (max-width: 1200px) {
.header__menu__1a {
font-size: 1.3vw;
margin-right: 1.3vw;
}
}
.header__menu__2a {
margin-right: 12px;
} @media screen and (max-width: 820px) {
.header {
position: fixed;
width: 100%;
}
.header__logo {
position: fixed;
top: 51px;
left: 20px;
width: 172px;
height: 34.4px;
}
}
.menu__opener {
cursor: pointer;
position: fixed;
width: 54px;
height: 54px;
top: 25px;
right: 20px;
border-radius: 100%;
background: rgba(255, 255, 255, 0.1);
z-index: 500;
}
.menu__opener div {
-webkit-transition: all 500ms cubic-bezier(0.465, 0.035, 0, 0.985);
transition: all 500ms cubic-bezier(0.465, 0.035, 0, 0.985);
height: 2px;
width: 19px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.menu__opener__bar_1 {
margin-top: -7px;
}
.menu__opener__bar_3 {
margin-top: 7px;
}
.menu__modal {
background: #0a0a0a;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 400;
opacity: 0;
pointer-events: none;
-webkit-transition: all 300ms cubic-bezier(0.465, 0.035, 0, 0.985);
transition: all 300ms cubic-bezier(0.465, 0.035, 0, 0.985);
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.menu__modal .footer__logo {
display: none;
}
.logo_svg {
-webkit-transition: all 500ms cubic-bezier(0.465, 0.035, 0, 0.985);
transition: all 500ms cubic-bezier(0.465, 0.035, 0, 0.985);
}
.menu__open .logo_svg path {
fill: #fff;
}
.menu__open .menu__modal {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1);
transform: scale(1);
}
.menu__open .menu__opener div {
height: 2px;
width: 19px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: center center;
transform-origin: center center;
}
.menu__open .menu__opener__bar_1, .menu__open .menu__opener__bar_2 {
margin-top: 0;
-webkit-transform: translate(-50%, -50%) rotate(135deg) !important;
transform: translate(-50%, -50%) rotate(135deg) !important;
}
.menu__open .menu__opener__bar_3 {
margin-top: 0;
-webkit-transform: translate(-50%, -50%) rotate(45deg) !important;
transform: translate(-50%, -50%) rotate(45deg) !important;
}
body:not(.menu__open) .menu__opener {
border: solid 1.5px rgba(0, 0, 0, 0.1);
}
body:not(.menu__open) .menu__opener div {
background: #000;
}
body .header__menu .g_button {
color: #000;
height: 58px;
border-radius: 29px;
}
body .header__menu .g_button span {
height: 16px;
font-size: 16px;
line-height: 16px;
}
body .header__menu .g_button__back {
opacity: 0.1;
border-color: #000;
border-radius: 29px;
}
body .header__menu .g_button__back:before {
background: #000;
}
@media screen and (max-width: 1240px) {
body .header__menu .header__menu__2a.g_button {
padding: 0 2vw;
margin-right: 1.3vw;
}
body .header__menu .header__menu__2a.g_button span {
font-size: 1.3vw;
}
}
body .header__menu svg {
fill: #000;
}
.is_dark:not(.menu__open) .menu__opener div {
background: #fff;
}
.is_dark .header__logo path {
fill: #fff;
}
.is_dark .header__menu__1a {
color: #fff;
}
.is_dark .header__menu svg {
fill: #fff;
}
.is_dark .header__menu .g_button {
color: #fff;
height: 58px;
border-radius: 29px;
}
.is_dark .header__menu .g_button span {
height: 16px;
font-size: 16px;
line-height: 16px;
}
.is_dark .header__menu .g_button__back {
opacity: 0.1;
border-color: #fff;
border-radius: 29px;
}
.is_dark .header__menu .g_button__back:before {
background: #fff;
}
.bogo-language-switcher {
display: none;
}
.footnav {
background: #000000;
padding: 80px 0;
color: #fff;
}
.footnav .ons__zoom {
opacity: 0.4 !important;
}
.footnav .g_button {
color: #fff;
height: 58px;
border-radius: 29px;
}
.footnav .g_button span {
height: 16px;
font-size: 16px;
line-height: 16px;
}
.footnav .g_button__back {
opacity: 0.1;
border-color: #fff;
border-radius: 29px;
}
.footnav .g_button__back:before {
background: #fff;
}
.footnav__in {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footnav__area {
-webkit-transition: all 500ms cubic-bezier(0.465, 0.035, 0, 0.985);
transition: all 500ms cubic-bezier(0.465, 0.035, 0, 0.985);
overflow: hidden;
position: relative;
width: 100%;
}
@media (hover: hover) and (pointer: fine) {
.footnav__area:hover {
-webkit-filter: brightness(1.5);
filter: brightness(1.5);
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.footnav__area:hover {
-webkit-filter: brightness(1.5);
filter: brightness(1.5);
}
}
.footnav__area__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
}
.footnav__area:before {
display: block;
content: "";
}
@media screen and (max-width: 820px) {
.footnav__area:before {
display: none;
}
}
.footnav__area__1 {
background: #141414;
border-radius: 30px;
}
.footnav__area__1:before {
padding-top: 42.8%;
}
@media screen and (min-width: 821px) {
.footnav__area__1 {
min-height: 400px;
}
}
@media screen and (max-width: 820px) {
.footnav__area__1 {
border-radius: 15px;
}
}
@media screen and (min-width: 821px) {
.footnav__area__1 {
margin-bottom: 40px;
}
}
@media screen and (min-width: 821px) {
.footnav__area__1 .footnav__cont {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
width: 37.5%;
padding-right: 55px;
min-width: 310px;
}
}
.footnav__area__1 .footnav__cont h3 {
font-size: 74px;
font-weight: 900;
letter-spacing: -0.05em;
}
.footnav__area__1 .footnav__cont p {
margin: 20px 0;
font-size: 16px;
font-weight: 500;
line-height: 200%;
letter-spacing: 0.04em;
}
.footnav__area__2, .footnav__area__3 {
border-radius: 12px;
width: calc(50% - 20px);
}
@media screen and (max-width: 820px) {
.footnav__area__2, .footnav__area__3 {
border-radius: 15px;
margin-top: 30px;
}
}
.footnav__area__2 .footnav__a, .footnav__area__3 .footnav__a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0;
}
@media screen and (max-width: 820px) {
.footnav__area__2 .footnav__a, .footnav__area__3 .footnav__a {
display: none;
}
}
@media (hover: hover) and (pointer: fine) {
.footnav__area__2:hover .footnav__area__bg, .footnav__area__3:hover .footnav__area__bg {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.footnav__area__2:hover .footnav__area__bg, .footnav__area__3:hover .footnav__area__bg {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
}
@media screen and (max-width: 820px) {
.footnav__area__2, .footnav__area__3 {
width: 100%;
}
}
.footnav__area__2:before, .footnav__area__3:before {
padding-top: 49%;
}
@media screen and (min-width: 821px) {
.footnav__area__2 .footnav__cont, .footnav__area__3 .footnav__cont {
position: absolute;
left: 40px;
bottom: 40px;
width: calc(100% - 80px);
}
.footnav__area__2 .footnav__cont .g_button, .footnav__area__3 .footnav__cont .g_button {
display: none;
}
}
.footnav__area__2 .footnav__cont h3, .footnav__area__3 .footnav__cont h3 {
font-size: 50px;
font-weight: 900;
letter-spacing: -0.05em;
}
.footnav__area__2 .footnav__cont p, .footnav__area__3 .footnav__cont p {
margin: 8px 0 0;
font-size: 16px;
font-weight: 900;
line-height: 200%;
letter-spacing: 0.04em;
}
.foot_1_pc {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: auto;
display: block;
-webkit-mask-image: url(//shueisha-games.com/wp-content/themes/sg2023/img/mask1.svg);
mask-image: url(//shueisha-games.com/wp-content/themes/sg2023/img/mask1.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: right 50%;
mask-position: right 50%;
-webkit-mask-size: cover;
mask-size: cover;
}
@media screen and (max-width: 820px) {
.footnav__area .footnav__cont {
position: relative;
z-index: 3;
padding: 40px 35px;
}
.footnav__area .footnav__cont h3 {
font-size: 38px;
}
.footnav__area .footnav__cont p {
font-size: 13px;
margin: 30px 0 35px;
}
} .footer {
background: #0a0a0a;
background-image: url(//shueisha-games.com/wp-content/themes/sg2023/img/foot_svg.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
padding: 90px 0 115px;
}
@media screen and (max-width: 820px) {
.footer {
background-size: cover;
}
}
@media screen and (max-width: 820px) {
.footer {
padding: 60px 0;
}
}
.footer__in {
min-height: 200px;
}
.footer__map {
width: 10px;
height: 15px;
display: inline-block;
vertical-align: top;
position: relative;
top: -1px;
margin-right: 2px;
}
@media screen and (max-width: 820px) {
.footer__map {
width: 8px;
height: 12px;
}
}
.footer__logo {
fill: #fff;
width: 376px;
height: 75.2px;
position: relative;
display: block;
}
@media screen and (max-width: 820px) {
.footer__logo {
width: 276px;
height: 55.2px;
}
}
.footer__logo svg {
position: absolute;
width: 100%;
height: 100%;
}
.footer__menu {
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 45px;
margin-top: 75px;
}
@media screen and (max-width: 820px) {
.footer__menu {
margin-top: 58px;
margin-bottom: 55px;
display: block;
}
}
@media screen and (max-width: 820px) {
.footer__menu__box {
margin-bottom: 35px;
}
}
.footer__menu__box__a1 {
font-size: 22px;
font-weight: 900;
letter-spacing: -0.05em;
padding-right: 65px;
display: block;
}
.footer__menu__box__a2 {
font-size: 16px;
font-weight: 900;
letter-spacing: -0.05em;
padding-right: 65px;
display: block;
color: #939393;
margin-top: 25px;
}
.footer__t1 {
color: #fff;
font-family: "Noto Sans JP", sans-serif;
font-weight: 600;
font-size: 16px;
letter-spacing: 0.04em;
}
@media screen and (max-width: 820px) {
.footer__t1 {
font-size: 12px;
}
}
.footer__t2 {
display: block;
margin-top: 19px;
color: #939393;
font-family: "Noto Sans JP", sans-serif;
font-weight: 600;
font-size: 12px;
letter-spacing: 0.04em;
}
@media screen and (max-width: 820px) {
.footer__t2 {
margin-top: 23px;
font-size: 10px;
}
}
.footer__t3 {
margin: 44px 0;
}
@media screen and (max-width: 820px) {
.footer__t3 {
margin: 46px 0 32px;
}
}
.footer__t3 a {
color: #939393;
font-size: 14px;
font-weight: 500;
letter-spacing: -0.05em;
display: inline-block;
}
@media screen and (max-width: 820px) {
.footer__t3 a {
font-size: 10px;
}
}
.footer__t3 a + a {
margin-left: 61px;
}
.footer__t4 {
font-size: 12px;
letter-spacing: -0.05em;
color: #939393;
}
@media screen and (max-width: 820px) {
.footer__t4 {
font-size: 10px;
margin-bottom: 50px;
}
}
.footer .g_button {
color: #fff;
height: 68px;
border-radius: 34px;
}
.footer .g_button span {
height: 18px;
font-size: 18px;
line-height: 18px;
}
.footer .g_button__back {
opacity: 0.1;
border-color: #fff;
border-radius: 34px;
}
.footer .g_button__back:before {
background: #fff;
}
@media screen and (max-width: 820px) {
.footer .g_button {
color: #fff;
height: 56px;
border-radius: 28px;
}
.footer .g_button span {
height: 16px;
font-size: 16px;
line-height: 16px;
}
.footer .g_button__back {
opacity: 0.1;
border-color: #fff;
border-radius: 28px;
}
.footer .g_button__back:before {
background: #fff;
}
}
.footer .g_button__contact {
font-size: 18px;
padding: 0 50px;
}
@media screen and (min-width: 821px) {
.footer .g_button__contact {
position: absolute;
bottom: 0;
right: 0;
}
}
.footer .g_button__lang {
height: 56px;
padding: 0 0px;
position: absolute;
}
@media screen and (min-width: 821px) {
.footer .g_button__lang {
top: 2px;
right: 0;
}
}
@media screen and (max-width: 820px) {
.footer .g_button__lang {
right: 0;
bottom: 0;
}
}
.footer__sns {
color: #939393;
}
@media screen and (min-width: 821px) {
.footer__sns {
position: absolute;
top: 148px;
right: 0;
}
}
@media screen and (max-width: 820px) {
.footer__sns {
margin-bottom: 45px;
}
}
.footer__sns a {
display: block;
font-size: 15px;
margin-bottom: 15px;
letter-spacing: -0.05em;
}
@media screen and (max-width: 820px) {
.footer__sns a {
margin-right: 25px;
margin-bottom: 0px;
display: inline-block;
line-height: 100%;
font-size: 10px;
}
}
.footer__sns a img {
width: 17px;
height: 17px;
display: inline-block;
vertical-align: top;
position: relative;
top: -1px;
margin-right: 6px;
}
@media screen and (max-width: 820px) {
.footer__sns a img {
vertical-align: middle;
width: 30px;
height: 30px;
}
} .nm {
padding-bottom: 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 820px) {
.nm {
padding-bottom: 80px;
}
}
@media screen and (max-width: 820px) {
.nm {
display: block;
}
}
.nm__head {
width: 280px;
}
.nm__content {
padding-top: 23px;
width: calc(100% - 280px);
}
@media screen and (max-width: 820px) {
.nm__content {
padding-top: 60px;
width: 100%;
}
}
.nm__content__line {
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.1);
margin: 30px 0;
}
@media screen and (max-width: 820px) {
.nm__content__line {
margin: 20px 0;
}
}
.nm__content__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 820px) {
.nm__content__box {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.nm__content__box__date {
font-size: 14px;
color: #939393;
padding-right: 20px;
line-height: 23px;
}
@media screen and (max-width: 820px) {
.nm__content__box__date {
font-size: 12px;
}
}
.nm__content__box__cat {
font-size: 0;
}
.nm__content__box__cat__in {
margin-bottom: 3px;
width: 68px;
text-align: center;
background: rgba(0, 0, 0, 0.1);
height: 24px;
border-radius: 12px;
font-size: 10px;
line-height: 24px;
color: #939393;
}
@media screen and (max-width: 820px) {
.nm__content__box__cat__in {
display: inline-block;
margin-right: 0;
font-size: 10px;
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transform-origin: center center;
transform-origin: center center;
}
}
.nm__content__box__title {
width: calc(100% - 184px);
padding-left: 30px;
font-size: 14px;
line-height: 26px;
margin-top: -1px;
}
@media screen and (max-width: 820px) {
.nm__content__box__title {
margin-top: 16px;
padding-left: 0;
width: 100%;
font-size: 12px;
line-height: 22px;
}
}
.st__head {
padding: 153px 0 70px;
}
.st__in {
position: relative;
margin-left: 280px;
}
@media screen and (max-width: 820px) {
.st__in {
margin-left: 0;
}
.st__in .co__h3 {
font-size: 50px;
}
}
.st__area {
position: relative;
background: #fff;
}
.st__sticky {
z-index: 10;
mix-blend-mode: difference;
position: sticky;
top: 75px;
left: 0;
width: 100%;
height: 0;
}
.st__sticky__cont {
width: 260px;
position: absolute;
top: 0;
left: 0;
padding-top: 100px;
}
.st__sticky__cont__a {
display: block;
color: #fff;
font-weight: 900;
letter-spacing: -0.05em;
margin-bottom: 12px;
opacity: 0.3;
position: relative;
-webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
.this_sec {
opacity: 1;
padding-left: 16px;
}
.this_sec:before {
width: 0;
height: 0;
border-style: solid;
border-width: 3px 0 3px 8px;
border-color: transparent transparent transparent #ffffff;
display: block;
content: "";
position: absolute;
top: 5px;
left: 0;
}
.footnav {
z-index: 10;
position: relative;
}
.fm__check label {
display: inline-block;
margin-bottom: 10px;
}
.fm {
letter-spacing: 0.03em;
}
.fm__2c {
padding-bottom: 100px;
}
@media screen and (min-width: 821px) {
.fm__2c {
padding-bottom: 120px;
}
.fm__2c .fm__head {
float: left;
width: 330px;
padding-right: 20px;
}
.fm__2c .fm__head__text {
padding-top: 14px;
}
.fm__2c .fm__head__select__multi {
padding-top: 14px;
}
.fm__2c .fm__head__file {
padding-top: 4px;
}
.fm__2c .fm__head * {
vertical-align: top;
}
.fm__2c .fm__head h6 {
margin: 0;
}
}
@media screen and (min-width: 821px) and (min-width: 821px) {
.fm__2c .fm__cont {
float: left;
width: calc(100% - 330px);
}
}
@media screen and (min-width: 821px) {
.fm__2c .fm__check {
margin-top: 1px;
}
}
.fm__2c .fm__button {
border-top: solid 1px rgba(0, 0, 0, 0.1);
padding-top: 70px;
text-align: center;
}
.fm__width {
margin: 0 auto;
position: relative;
}
@media screen and (min-width: 821px) {
.fm__width {
width: calc(100% - 160px);
}
}
.fm__width .co__h4 {
font-weight: 600;
letter-spacing: 0.02em;
}
.fm__width__ul {
margin: 60px 0 120px;
padding-left: 1em;
}
@media screen and (max-width: 820px) {
.fm__width__ul {
margin: 50px 0 100px;
}
}
.fm__width__ul li {
font-size: 16px;
line-height: 32px;
letter-spacing: 0.03em;
padding-left: 0.5em;
}
@media screen and (max-width: 820px) {
.fm__width__ul li {
font-size: 13px;
line-height: 26px;
}
}
.fm__width__ul li::marker {
font-size: 0.5em;
}
@media screen and (max-width: 820px) {
.fm__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.fm__box {
border-top: solid 1px rgba(0, 0, 0, 0.1);
padding: 30px 0;
}
.fm__box h6 {
display: inline-block;
font-size: 14px;
line-height: 22px;
margin-bottom: 25px;
font-weight: 500;
max-width: calc(100% - 100px);
}
@media screen and (max-width: 820px) {
.fm__box h6 {
font-size: 12px;
margin-bottom: 20px;
}
}
.fm__box h6 a {
color: #939393;
text-decoration: underline;
}
.fm__req {
background: #939393;
font-size: 10px;
line-height: 24px;
height: 24px;
vertical-align: middle;
color: #fff;
display: inline-block;
border-radius: 12px;
padding: 0 13px;
margin-left: 20px;
position: relative;
}
@media screen and (max-width: 820px) {
.fm__req {
padding: 0 8px;
top: 2px;
line-height: 18px;
height: 18px;
margin-left: 15px;
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transform-origin: center center;
transform-origin: center center;
}
}
.fm [type=url],
.fm [type=email],
.fm [type=text] {
height: 50px;
}
@media screen and (max-width: 820px) {
.fm [type=url],
.fm [type=email],
.fm [type=text] {
height: 44px;
}
}
.fm [type=url],
.fm [type=email],
.fm [type=text],
.fm textarea {
width: 100%;
font-size: 14px;
padding: 15px 20px;
min-width: 100%;
max-width: 100%;
border-radius: 6px;
border: solid 1px rgba(0, 0, 0, 0.17);
}
@media screen and (max-width: 820px) {
.fm [type=url],
.fm [type=email],
.fm [type=text],
.fm textarea {
border-radius: 4px;
font-size: 12px;
padding: 12px 15px;
}
}
.fm [type=checkbox] {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 24px;
height: 24px;
border-radius: 6px;
top: -1px;
border: solid 1px rgba(0, 0, 0, 0.17);
position: relative;
margin-right: 10px;
}
@media screen and (max-width: 820px) {
.fm [type=checkbox] {
width: 17px;
height: 17px;
}
}
.fm [type=checkbox]:checked::before {
content: "";
display: block;
position: absolute;
background-color: #fff;
border-radius: 0%;
border: 1px solid #666464;
width: 10px; height: 5px; border: solid 2px #000;
border-width: 0 0 2px 2px;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
-webkit-transform-origin: center center;
transform-origin: center center;
top: 40%;
left: 50%;
}
.fm__check {
margin-top: 8px;
}
.fm__check label {
margin-right: 40px;
font-size: 14px;
cursor: pointer;
}
@media screen and (max-width: 820px) {
.fm__check label {
font-size: 12px;
margin-right: 30px;
}
}
.fm__check * {
vertical-align: middle;
}
.fm__button {
text-align: right;
letter-spacing: 0.01em;
}
.fm__button .g_button {
color: #000;
height: 68px;
border-radius: 34px;
}
.fm__button .g_button span {
height: 16px;
font-size: 16px;
line-height: 16px;
}
.fm__button .g_button__back {
opacity: 0.1;
border-color: #000;
border-radius: 34px;
}
.fm__button .g_button__back:before {
background: #000;
}
@media screen and (max-width: 820px) {
.fm__button {
text-align: center;
}
.fm__button .g_button {
color: #000;
height: 57px;
border-radius: 28.5px;
}
.fm__button .g_button span {
height: 15px;
font-size: 15px;
line-height: 15px;
}
.fm__button .g_button__back {
opacity: 0.1;
border-color: #000;
border-radius: 28.5px;
}
.fm__button .g_button__back:before {
background: #000;
}
}
.fm__button .g_button {
padding: 0 57px;
}
@media screen and (max-width: 820px) {
.fm__button .g_button {
width: 230px;
padding: 0;
}
}
.fm__file {
cursor: pointer;
position: relative;
}
.fm__file input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
opacity: 0;
cursor: pointer;
}
.fm__file__button {
display: inline-block;
width: 117px;
height: 32px;
line-height: 32px;
border-radius: 16px;
font-size: 12px;
text-align: center;
background: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 820px) {
.fm__file__button {
width: 98px;
font-size: 10px;
}
}
.fm__file__text {
max-width: calc(100% - 130px);
font-size: 14px;
display: inline-block;
padding-left: 8px;
word-wrap: break-word;
}
@media screen and (max-width: 820px) {
.fm__file__text {
font-size: 12px;
}
}
.fm select {
border-radius: 6px;
height: 44px;
width: 100%;
border: solid 1px rgba(0, 0, 0, 0.1);
font-size: 14px;
padding: 0 20px;
background-color: #fff;
background-image: url(//shueisha-games.com/wp-content/themes/sg2023/img/tri.svg);
background-repeat: no-repeat;
background-position: calc(100% - 19px) center;
background-size: 9px 12px;
}
.fm__games {
margin-top: 24px;
}
.fm__games .g_button {
color: #000;
height: 32px;
border-radius: 16px;
}
.fm__games .g_button span {
height: 14px;
font-size: 14px;
line-height: 14px;
}
.fm__games .g_button__back {
opacity: 1;
border-color: #000;
border-radius: 16px;
}
.fm__games .g_button__back:before {
background: #000;
}
@media screen and (max-width: 820px) {
.fm__games .g_button {
color: #000;
height: 18px;
border-radius: 9px;
}
.fm__games .g_button span {
height: 9px;
font-size: 9px;
line-height: 9px;
}
.fm__games .g_button__back {
opacity: 1;
border-color: #000;
border-radius: 9px;
}
.fm__games .g_button__back:before {
background: #000;
}
}
.fm__games .g_button {
margin-right: 10px;
margin-bottom: 10px;
padding: 0 20px;
font-weight: 500;
}
@media screen and (max-width: 820px) {
.fm__games .g_button {
margin-right: 5px;
margin-bottom: 5px;
padding: 0 10px;
}
}
.fm__games .g_button__back {
border: solid 1px #000;
}
.fm__games .g_button__back:before {
display: none;
}
@media screen and (max-width: 820px) {
textarea:focus,
input:focus {
font-size: 16px !important;
}
}
#fm__submit {
border: none;
background: none;
padding: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0;
cursor: pointer;
}
#fm__form:not(.fm__form_confirm) .for_confirm {
display: none;
}
#fm__form.fm__form_confirm .no_confirm {
display: none;
}
select[readonly],
input[readonly],
textarea[readonly] {
border-color: rgba(0, 0, 0, 0) !important;
background: none !important;
}
select[readonly],
input[readonly] {
pointer-events: none;
}
#fm__form.fm__form_sended .fm__box {
opacity: 0;
pointer-events: none;
padding: 0;
height: 0;
overflow: hidden;
-webkit-transition: all 500ms cubic-bezier(0.455, 0.02, 0, 1);
transition: all 500ms cubic-bezier(0.455, 0.02, 0, 1);
}
#fm__form:not(.fm__form_sended) .for_sended:not(.g_button) {
display: none !important;
}
#fm__form:not(.fm__form_sended) .g_button.for_sended {
opacity: 0;
height: 0;
padding: 0;
width: 0;
margin: 0;
overflow: hidden;
}
#fm__form.fm__form_sended .no_sended {
display: none !important;
}
.g_button.for_sended {
pointer-events: none;
-webkit-transition: all 500ms cubic-bezier(0.455, 0.02, 0, 1);
transition: all 500ms cubic-bezier(0.455, 0.02, 0, 1);
}
.fm__message {
padding: 100px 0;
font-size: 16px;
line-height: 140%;
}
[temp="index.php"] {   }
[temp="index.php"] .games {
text-align: center;
background-color: #000000;
padding: 120px 0 120px;
background-image: url(//shueisha-games.com/wp-content/themes/sg2023/img/bglogo.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}
@media screen and (max-width: 820px) {
[temp="index.php"] .games {
background-repeat: repeat-y;
}
}
@media screen and (max-width: 820px) {
[temp="index.php"] .games {
padding: 85px 0 100px;
}
}
[temp="index.php"] .games h3 {
width: 100%;
text-align: left;
color: #fff;
font-weight: 900;
font-size: 74px;
letter-spacing: -0.05em;
line-height: 100%;
}
@media screen and (max-width: 820px) {
[temp="index.php"] .games h3 {
font-size: 50px;
}
}
[temp="index.php"] .games .g_button {
color: #fff;
height: 68px;
border-radius: 34px;
}
[temp="index.php"] .games .g_button span {
height: 18px;
font-size: 18px;
line-height: 18px;
}
[temp="index.php"] .games .g_button__back {
opacity: 0.1;
border-color: #fff;
border-radius: 34px;
}
[temp="index.php"] .games .g_button__back:before {
background: #fff;
}
@media screen and (max-width: 820px) {
[temp="index.php"] .games .g_button {
color: #fff;
height: 57px;
border-radius: 28.5px;
}
[temp="index.php"] .games .g_button span {
height: 16px;
font-size: 16px;
line-height: 16px;
}
[temp="index.php"] .games .g_button__back {
opacity: 0.1;
border-color: #fff;
border-radius: 28.5px;
}
[temp="index.php"] .games .g_button__back:before {
background: #fff;
}
}
[temp="index.php"] .games .g_button {
font-weight: 900;
font-size: 18px;
}
@media screen and (min-width: 821px) {
[temp="index.php"] .games .g_button {
position: absolute;
top: 0px;
right: 0;
}
}
[temp="index.php"] .games__boxes {
margin-top: 50px;
}
@media screen and (max-width: 820px) {
[temp="index.php"] .games__boxes {
padding-bottom: 10px;
margin-top: 65px;
}
}
@media screen and (min-width: 821px) {
[temp="index.php"] .games__boxes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
[temp="index.php"] .camp {
padding-top: 100px;
overflow: hidden;
background-color: #000;
position: relative;
}
[temp="index.php"] .camp__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//shueisha-games.com/wp-content/themes/sg2023/img/camp_bg.jpg);
background-size: cover;
background-position: center center;
}
[temp="index.php"] .camp__in {
z-index: 2;
position: relative;
}
[temp="index.php"] .camp__in__text {
width: 41%;
position: relative;
padding: 0px 0 100px;
text-align: center;
}
@media screen and (max-width: 820px) {
[temp="index.php"] .camp__in__text {
width: 100%;
}
}
[temp="index.php"] .camp__in__p {
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
color: #fff;
letter-spacing: 0.04em;
line-height: 200%;
text-align: left;
padding: 40px 0;
}
@media screen and (max-width: 820px) {
[temp="index.php"] .camp__in__p {
font-size: 13px;
}
}
[temp="index.php"] .camp__logo {
max-width: 90%;
width: 290px;
height: auto;
display: block;
margin: 0 auto;
}
@media screen and (max-width: 820px) {
[temp="index.php"] .camp__logo {
width: 215px;
}
}
[temp="index.php"] .camp .g_button {
color: #fff;
height: 68px;
border-radius: 34px;
}
[temp="index.php"] .camp .g_button span {
height: 18px;
font-size: 18px;
line-height: 18px;
}
[temp="index.php"] .camp .g_button__back {
opacity: 0.1;
border-color: #fff;
border-radius: 34px;
}
[temp="index.php"] .camp .g_button__back:before {
background: #fff;
}
@media screen and (min-width: 821px) {
[temp="index.php"] .camp__pc {
position: absolute;
bottom: 0;
right: 0;
max-width: 54%;
display: block;
max-height: 100%;
}
}
@media screen and (max-width: 820px) {
[temp="index.php"] .camp__pc {
position: relative;
width: 100%;
height: auto;
}
}
[temp="index.php"] .snsarea {
background-color: #eaeaea;
background-image: url(//shueisha-games.com/wp-content/themes/sg2023/img/bglogo2.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}
@media screen and (max-width: 820px) {
[temp="index.php"] .snsarea {
background-repeat: repeat-y;
}
}
[temp="index.php"] .snsarea__in {
padding: 100px 0;
}
[temp="index.php"] .snsarea__in h3 {
font-weight: 900;
font-size: 74px;
letter-spacing: -0.05em;
}
@media screen and (max-width: 820px) {
[temp="index.php"] .snsarea__in h3 {
font-size: 50px;
}
}
[temp="index.php"] .snsarea__buttons {
margin: 50px 0 0;
width: 100%;
}
@media screen and (min-width: 821px) {
[temp="index.php"] .snsarea__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
[temp="index.php"] .snsarea__buttons a {
display: block;
width: calc(33.3% - 13px);
background: #1d9bf0;
border-radius: 12px;
position: relative;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
-webkit-transition: all 400ms cubic-bezier(0.465, 0.035, 0, 0.985);
transition: all 400ms cubic-bezier(0.465, 0.035, 0, 0.985);
}
@media screen and (max-width: 820px) {
[temp="index.php"] .snsarea__buttons a {
border-radius: 6px;
width: 100%;
}
[temp="index.php"] .snsarea__buttons a + a {
margin-top: 15px;
}
}
[temp="index.php"] .snsarea__buttons a:before {
display: block;
content: "";
padding-top: 38.8%;
}
@media screen and (max-width: 820px) {
[temp="index.php"] .snsarea__buttons a:before {
padding-top: 29.8%;
}
}
[temp="index.php"] .snsarea__buttons a span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-weight: 700;
font-size: 28px;
line-height: 100%;
letter-spacing: -0.05em;
color: #fff;
}
@media screen and (max-width: 820px) {
[temp="index.php"] .snsarea__buttons a span {
font-size: 21px;
}
}
@media (hover: hover) and (pointer: fine) {
[temp="index.php"] .snsarea__buttons a:hover {
z-index: 3;
-webkit-box-shadow: 8px 14px 30px 0px rgba(0, 0, 0, 0.5);
box-shadow: 8px 14px 30px 0px rgba(0, 0, 0, 0.5);
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
[temp="index.php"] .snsarea__buttons a:hover {
z-index: 3;
-webkit-box-shadow: 8px 14px 30px 0px rgba(0, 0, 0, 0.5);
box-shadow: 8px 14px 30px 0px rgba(0, 0, 0, 0.5);
}
}
[temp="index.php"] .slide {
width: 100%;
height: 720px;
background: #ccc;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 820px) {
[temp="index.php"] .slide {
max-height: 750px;
min-height: 600px;
height: 100svh;
}
}
[temp="index.php"] .slide__f {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
}
[temp="index.php"] .slide__f__box {
width: 760px;
height: 100%;
position: relative;
}
@media screen and (max-width: 820px) {
[temp="index.php"] .slide__f__box {
max-width: 370px;
}
}
[temp="index.php"] .slide__f__next {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 20;
}
[temp="index.php"] .slide__f__a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 20;
display: none;
}
[temp="index.php"] .slide__f__th {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform-origin: 15% center;
transform-origin: 15% center;
width: 760px;
height: 426px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@media screen and (max-width: 820px) {
[temp="index.php"] .slide__f__th {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
top: calc(100% - 365px);
height: auto;
width: 295px;
width: calc(100vw - 80px);
max-width: 440px;
height: 280px;
width: 280px;
}
}
[temp="index.php"] .slide__f__th__in {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
border-radius: 12px;
z-index: 2;
-webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
[temp="index.php"] .slide__f__th__shadow {
position: absolute;
top: 0px;
left: 0px;
width: 112%;
height: 125%;
background-image: url(//shueisha-games.com/wp-content/themes/sg2023/img/top_shadow.png);
background-size: 100% 100%;
background-position: center center;
}
@media (hover: hover) and (pointer: fine) {
[temp="index.php"] .slide__f .slick-active .slide__f__th:hover .slide__f__th__in {
-webkit-transform: scale(1.01);
transform: scale(1.01);
-webkit-filter: brightness(1.1);
filter: brightness(1.1);
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
[temp="index.php"] .slide__f .slick-active .slide__f__th:hover .slide__f__th__in {
-webkit-transform: scale(1.01);
transform: scale(1.01);
-webkit-filter: brightness(1.1);
filter: brightness(1.1);
}
}
[temp="index.php"] .slide__f .slick-active .slide__f__next {
display: none;
}
[temp="index.php"] .slide__f .slick-active .slide__f__a {
display: block;
}
[temp="index.php"] .slide__moving {
pointer-events: none;
}
[temp="index.php"] .slide__b {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
[temp="index.php"] .slide__b__title {
font-size: 26px;
line-height: 36px;
color: #fff;
font-weight: 900;
text-align: center;
position: absolute;
bottom: 73px;
-webkit-transform: translate(0, 50%) scale(1.1);
transform: translate(0, 50%) scale(1.1);
left: 0;
width: 100%;
z-index: 20;
letter-spacing: 0.01em;
-webkit-transition: -webkit-transform 500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: -webkit-transform 500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 500ms cubic-bezier(0.19, 1, 0.22, 1); }
@media screen and (max-width: 820px) {
[temp="index.php"] .slide__b__title {
-webkit-transform: translate(0, 0%) scale(1.1);
transform: translate(0, 0%) scale(1.1);
bottom: auto;
top: 467px;
top: calc(100% - 200px);
font-size: 38px;
line-height: 138%;
}
[temp="index.php"] .slide__b__title[b_title_count="2"] {
font-size: 28px;
}
}
[temp="index.php"] .slide__b__th {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
background-size: cover;
background-position: center center;
background: #000 !important;
}
@media screen and (max-width: 820px) {
[temp="index.php"] .slide__b__th {
width: 100%;
height: 303px;
height: calc(100% - 365px);
}
}
[temp="index.php"] .slide__b__th2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition: all 500ms cubic-bezier(0.95, 0.05, 0.795, 0.035);
transition: all 500ms cubic-bezier(0.95, 0.05, 0.795, 0.035); }
[temp="index.php"] .slide__b__th__img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.6;
-webkit-filter: blur(6px);
filter: blur(6px);
}
[temp="index.php"] .slide__b .slick-active .slide__b__title {
-webkit-transform: translate(0, 50%) scale(1);
transform: translate(0, 50%) scale(1);
-webkit-transition: -webkit-transform 5500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: -webkit-transform 5500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 5500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 5500ms cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 5500ms cubic-bezier(0.19, 1, 0.22, 1); }
@media screen and (max-width: 820px) {
[temp="index.php"] .slide__b .slick-active .slide__b__title {
-webkit-transform: translate(0, 0%) scale(1);
transform: translate(0, 0%) scale(1);
}
}
[temp="index.php"] .slide__b .slick-active .slide__b__th2 {
-webkit-transform: scale(1.01);
transform: scale(1.01);
-webkit-transition: all 10500ms cubic-bezier(0.16, 0.31, 0.65, 0.98);
transition: all 10500ms cubic-bezier(0.16, 0.31, 0.65, 0.98); }
[temp="index.php"] .slide__scrolltext {
font-size: 15px;
color: #fff;
font-weight: 900;
letter-spacing: -0.05em;
z-index: 5;
position: absolute;
line-height: 100%;
bottom: 39px;
right: 87px;
}
[temp="index.php"] .slide__scrollcircle {
position: absolute;
bottom: 22px;
right: 20px;
background: rgba(255, 255, 255, 0.1);
z-index: 5;
width: 50px;
height: 50px;
border-radius: 100%;
}
[temp="index.php"] .slide__scrollcircle img {
width: 10px;
height: 11px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation: 1s ease-in-out 0s infinite slide__scrollcircle__a;
animation: 1s ease-in-out 0s infinite slide__scrollcircle__a;
}
@-webkit-keyframes slide__scrollcircle__a {
0% {
-webkit-transform: translate(-50%, -200%);
transform: translate(-50%, -200%);
opacity: 0;
}
50% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
}
100% {
-webkit-transform: translate(-50%, 100%);
transform: translate(-50%, 100%);
opacity: 0;
}
}
@keyframes slide__scrollcircle__a {
0% {
-webkit-transform: translate(-50%, -200%);
transform: translate(-50%, -200%);
opacity: 0;
}
50% {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
}
100% {
-webkit-transform: translate(-50%, 100%);
transform: translate(-50%, 100%);
opacity: 0;
}
}
[temp="index.php"] .slide__scroll {
position: absolute;
top: 50%;
left: 47px;
width: 272px;
z-index: 4;
-webkit-transform: translate(-50%, -50%) rotate(-90deg);
transform: translate(-50%, -50%) rotate(-90deg);
}
[temp="index.php"] .slide__scroll__bar {
display: inline-block;
height: 3px;
width: 140px;
background: rgba(255, 255, 255, 0.1);
vertical-align: middle;
overflow: hidden;
}
[temp="index.php"] .slide__scroll__bar:before {
display: block;
content: "";
width: 100%;
height: 100%;
background: #fff;
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-animation: 3s ease-in-out 0s infinite slide__scroll__a;
animation: 3s ease-in-out 0s infinite slide__scroll__a;
}
[temp="index.php"] .slide__scroll__text {
display: inline-block;
padding-left: 10px;
font-size: 14px;
letter-spacing: -0.05em;
font-weight: 900;
color: #fff;
}
@-webkit-keyframes slide__scroll__a {
0% {
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
100% {
-webkit-transform: scale(2, 1);
transform: scale(2, 1);
opacity: 0;
}
}
@keyframes slide__scroll__a {
0% {
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
100% {
-webkit-transform: scale(2, 1);
transform: scale(2, 1);
opacity: 0;
}
}
[temp="index.php"] .slide__counter {
position: absolute;
z-index: 40;
width: 56px;
height: 56px;
-webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1); }
@media screen and (min-width: 821px) {
[temp="index.php"] .slide__counter {
left: 50%;
margin-left: 345px;
bottom: 30px;
}
}
@media screen and (max-width: 820px) {
[temp="index.php"] .slide__counter {
left: 20px;
bottom: 20px;
-webkit-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
}
}
[temp="index.php"] .slide__counter * {
overflow: visible;
}
[temp="index.php"] .slide__counter__box {
width: 56px;
height: 56px;
position: relative;
cursor: pointer;
}
@media screen and (min-width: 821px) {
[temp="index.php"] .slide__counter__box {
margin-right: 8px;
opacity: 1 !important;
left: 0 !important;
}
}
[temp="index.php"] .slide__counter__box__num {
width: 100%;
font-size: 16px;
font-weight: 900;
color: #fff;
text-align: center;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
opacity: 0.1;
}
@media screen and (max-width: 820px) {
[temp="index.php"] .slide__counter__box__num {
font-size: 13px;
}
}
[temp="index.php"] .slide__counter__box__circle {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
[temp="index.php"] .slide__counter__box__circle__c {
fill: none;
stroke: #fff;
stroke-width: 3;
opacity: 0.1;
}
[temp="index.php"] .slide__counter__box__circle__c__a {
opacity: 0;
}
[temp="index.php"] body .slick-active .slide__counter__box__num {
opacity: 1;
}
[temp="index.php"] body .slick-active .slide__counter__box__circle__c__a {
opacity: 1;
stroke-dasharray: 282;
stroke-dashoffset: 282;
-webkit-animation: draw 6s ease-out forwards;
animation: draw 6s ease-out forwards;
}
@-webkit-keyframes draw {
to {
stroke-dashoffset: 0;
}
}
@keyframes draw {
to {
stroke-dashoffset: 0;
}
}
[temp="index.php"] .slide__load {
z-index: 100;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
[temp="index.php"] .loaded .slide__load {
-webkit-transition: all 500ms cubic-bezier(0.33, 0.035, 0.105, 0.99);
transition: all 500ms cubic-bezier(0.33, 0.035, 0.105, 0.99); }
@media screen and (min-width: 821px) {
[temp="index.php"] .loaded .slide__load {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
}
}
@media screen and (max-width: 820px) {
[temp="index.php"] .loaded .slide__load {
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%);
}
}
[temp="index.php"] .loadsvg {
pointer-events: none;
z-index: 110;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 200px;
height: 400px;
}
[temp="index.php"] .loadsvg path {
stroke: #fff;
stroke-width: 2;
fill: none;
stroke-dasharray: 300px 500px;
stroke-dashoffset: 0;
-webkit-animation: 1s ease-in-out 0s infinite normal loadsvg_a;
animation: 1s ease-in-out 0s infinite normal loadsvg_a;
}
@-webkit-keyframes loadsvg_a {
from {
stroke-dashoffset: 0;
}
to {
stroke-dashoffset: -2000px;
}
}
@keyframes loadsvg_a {
from {
stroke-dashoffset: 0;
}
to {
stroke-dashoffset: -2000px;
}
}
[temp="index.php"] .loaded .loadsvg path {
-webkit-transition: opacity 500ms cubic-bezier(0.33, 0.035, 0.105, 0.99);
transition: opacity 500ms cubic-bezier(0.33, 0.035, 0.105, 0.99); opacity: 0;
}
[temp="index.php"] .loaded2 .slide__load,
[temp="index.php"] .loaded2 .loadsvg {
display: none;
}
[temp="archive.php"] .contentarea {
padding-top: 167px;
}
@media screen and (max-width: 820px) {
[temp="archive.php"] .contentarea {
padding-top: 132px;
}
}
[temp="archive.php"] .ag__h2 {
font-size: 24px;
line-height: 100%;
font-weight: 900;
margin-top: 86px;
}
@media screen and (max-width: 820px) {
[temp="archive.php"] .ag__h2 {
font-size: 21px;
}
}
[temp="archive.php"] .ag__tags {
font-size: 0;
margin-top: 16px;
margin-bottom: 39px;
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
padding-bottom: 30px;
}
[temp="archive.php"] .ag__tags .g_button {
color: #000;
height: 32px;
border-radius: 16px;
}
[temp="archive.php"] .ag__tags .g_button span {
height: 14px;
font-size: 14px;
line-height: 14px;
}
[temp="archive.php"] .ag__tags .g_button__back {
opacity: 1;
border-color: #000;
border-radius: 16px;
}
[temp="archive.php"] .ag__tags .g_button__back:before {
background: #000;
}
@media screen and (max-width: 820px) {
[temp="archive.php"] .ag__tags {
margin-bottom: 25px;
}
[temp="archive.php"] .ag__tags .g_button {
color: #000;
height: 32px;
border-radius: 16px;
}
[temp="archive.php"] .ag__tags .g_button span {
height: 10px;
font-size: 10px;
line-height: 10px;
}
[temp="archive.php"] .ag__tags .g_button__back {
opacity: 1;
border-color: #000;
border-radius: 16px;
}
[temp="archive.php"] .ag__tags .g_button__back:before {
background: #000;
}
}
[temp="archive.php"] .ag__tags .g_button {
padding: 0 15px;
margin-right: 12px;
margin-top: 12px;
}
@media screen and (max-width: 820px) {
[temp="archive.php"] .ag__tags .g_button {
margin-right: 10px;
margin-top: 10px;
}
}
[temp="archive.php"] .ag__tags .g_button__back {
border-width: 1px;
}
[temp="archive.php"] .ag__tags .g_button span {
font-weight: 600;
}
[temp="archive.php"] .ag__tags .g_button.g_button2 {
color: #fff;
}
@media (hover: hover) and (pointer: fine) {
[temp="archive.php"] .ag__tags .g_button.g_button2:hover * {
color: #000 !important;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
[temp="archive.php"] .ag__tags .g_button.g_button2:hover * {
color: #000 !important;
}
}
@media (hover: hover) and (pointer: fine) {
[temp="archive.php"] .ag__tags .g_button:hover * {
color: #fff !important;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
[temp="archive.php"] .ag__tags .g_button:hover * {
color: #fff !important;
}
}
[temp="archive.php"] .games__boxes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 0px;
}
[temp="archive.php"] .games__boxes:after {
content: "";
display: block;
height: 1px;
width: calc(33.3% - 23.3px);
}
@media screen and (max-width: 820px) {
[temp="archive.php"] .games__boxes:after {
width: calc(50% - 7.5px);
}
}
[temp="archive.php"] .games__boxes * {
color: #000;
}
[temp="archive.php"] .games__boxes .g_th {
width: calc(33.3% - 23.3px);
margin-bottom: 54px;
}
@media screen and (max-width: 820px) {
[temp="archive.php"] .games__boxes .g_th {
width: calc(50% - 7.5px);
margin-bottom: 40px;
}
[temp="archive.php"] .games__boxes .g_th__h4 {
font-size: 14px;
line-height: 22px;
}
[temp="archive.php"] .games__boxes .g_th__img {
border-radius: 6px;
}
}
[temp="archive.php"] .games__boxes .g_th__cat {
font-size: 0;
}
[temp="archive.php"] .games__boxes .g_th__cat__box {
border: solid 1px #000;
}
[temp="archive.php"] .games__head {
position: relative;
width: 100%;
height: 52px;
}
[temp="archive.php"] .games__head__count {
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 820px) {
[temp="archive.php"] .games__head__count {
top: 5px;
}
}
[temp="archive.php"] .games__head__count div {
display: inline-block;
vertical-align: middle;
line-height: 100%;
}
[temp="archive.php"] .games__head__count__1 {
width: 5px;
height: 5px;
border-bottom: solid 1px #000;
margin-right: 3px;
}
[temp="archive.php"] .games__head__count__2 {
font-size: 20px;
font-weight: 700;
}
@media screen and (max-width: 820px) {
[temp="archive.php"] .games__head__count__2 {
font-size: 15px;
}
}
[temp="archive.php"] .games__head__count__3 {
position: relative;
top: 1px;
font-size: 14px;
font-weight: 700;
}
@media screen and (max-width: 820px) {
[temp="archive.php"] .games__head__count__3 {
font-size: 11px;
}
}
[temp="archive.php"] .games__head__sort {
cursor: pointer;
background: #fff;
position: absolute;
overflow: hidden;
top: 0;
right: 0;
width: 155px;
max-height: 32px;
border-radius: 16px;
border: solid 1px #000;
z-index: 10;
-webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
[temp="archive.php"] .games__head__sort__open {
-webkit-transition: all 400ms cubic-bezier(0.465, 0.035, 0, 0.985);
transition: all 400ms cubic-bezier(0.465, 0.035, 0, 0.985);
max-height: 500px;
}
[temp="archive.php"] .games__head__sort__open .games__head__sort__tri {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
[temp="archive.php"] .games__head__sort__cont {
display: block;
height: 32px;
font-size: 12px;
padding-left: 15px;
line-height: 30px;
vertical-align: middle;
}
@media screen and (max-width: 820px) {
[temp="archive.php"] .games__head__sort__cont {
font-size: 10px;
}
}
[temp="archive.php"] .games__head__sort__tri {
display: block;
content: "";
position: absolute;
top: 12px;
right: 14px;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 2.5px 0 2.5px;
border-color: #000000 transparent transparent transparent;
-webkit-transition: all 400ms cubic-bezier(0.465, 0.035, 0, 0.985);
transition: all 400ms cubic-bezier(0.465, 0.035, 0, 0.985);
}
[temp="archive.php"] .a_pages {
vertical-align: middle;
font-size: 0;
text-align: center;
margin-bottom: 120px;
}
@media screen and (max-width: 820px) {
[temp="archive.php"] .a_pages {
margin-bottom: 100px;
}
}
[temp="archive.php"] .a_pages * {
vertical-align: middle;
}
[temp="archive.php"] .a_pages a,
[temp="archive.php"] .a_pages span {
display: inline-block;
width: 56px;
height: 56px;
border-radius: 100%;
position: relative;
margin: 0 5px;
}
@media screen and (max-width: 820px) {
[temp="archive.php"] .a_pages a,
[temp="archive.php"] .a_pages span {
width: 38px;
height: 38px;
margin: 0 3px;
}
}
[temp="archive.php"] .a_pages a {
border: solid 3px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 820px) {
[temp="archive.php"] .a_pages a {
border-width: 1.5px;
}
}
[temp="archive.php"] .a_pages span {
color: #fff;
background-color: #000;
}
[temp="archive.php"] .a_pages .dots {
margin: 0 -10px;
-webkit-transform: scale(0.2);
transform: scale(0.2);
opacity: 0.1;
}
[temp="archive.php"] .a_pages .dots .pagecenter {
display: none;
}
[temp="archive.php"] .a_pages .dots:before {
display: block;
content: "aaa";
}
[temp="archive.php"] .a_pages .pagecenter {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 16px;
line-height: 100%;
font-weight: 900;
}
@media screen and (max-width: 820px) {
[temp="archive.php"] .a_pages .pagecenter {
font-size: 12px;
}
}
[temp="archive.php"] .a_pages .prev.page-numbers:before,
[temp="archive.php"] .a_pages .next.page-numbers:before {
display: block;
content: "";
position: absolute;
-webkit-transform-origin: center center;
transform-origin: center center;
top: 50%;
left: 50%;
width: 0;
height: 0;
border-style: solid;
border-width: 0 4px 11px 4px;
border-color: transparent transparent #000000 transparent;
}
@media screen and (max-width: 820px) {
[temp="archive.php"] .a_pages .prev.page-numbers:before,
[temp="archive.php"] .a_pages .next.page-numbers:before {
border-width: 0 3.5px 9px 3.5px;
}
}
[temp="archive.php"] .a_pages .prev.page-numbers:before {
-webkit-transform: translate(-50%, -50%) rotate(-90deg);
transform: translate(-50%, -50%) rotate(-90deg);
}
[temp="archive.php"] .a_pages .next.page-numbers:before {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
[temp="taxonomy.php"] .contentarea {
padding-top: 167px;
}
@media screen and (max-width: 820px) {
[temp="taxonomy.php"] .contentarea {
padding-top: 132px;
}
}
[temp="taxonomy.php"] .ag__h2 {
font-size: 24px;
line-height: 100%;
font-weight: 900;
margin-top: 86px;
}
@media screen and (max-width: 820px) {
[temp="taxonomy.php"] .ag__h2 {
font-size: 21px;
}
}
[temp="taxonomy.php"] .ag__tags {
font-size: 0;
margin-top: 16px;
margin-bottom: 39px;
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
padding-bottom: 30px;
}
[temp="taxonomy.php"] .ag__tags .g_button {
color: #000;
height: 32px;
border-radius: 16px;
}
[temp="taxonomy.php"] .ag__tags .g_button span {
height: 14px;
font-size: 14px;
line-height: 14px;
}
[temp="taxonomy.php"] .ag__tags .g_button__back {
opacity: 1;
border-color: #000;
border-radius: 16px;
}
[temp="taxonomy.php"] .ag__tags .g_button__back:before {
background: #000;
}
@media screen and (max-width: 820px) {
[temp="taxonomy.php"] .ag__tags {
margin-bottom: 25px;
}
[temp="taxonomy.php"] .ag__tags .g_button {
color: #000;
height: 32px;
border-radius: 16px;
}
[temp="taxonomy.php"] .ag__tags .g_button span {
height: 10px;
font-size: 10px;
line-height: 10px;
}
[temp="taxonomy.php"] .ag__tags .g_button__back {
opacity: 1;
border-color: #000;
border-radius: 16px;
}
[temp="taxonomy.php"] .ag__tags .g_button__back:before {
background: #000;
}
}
[temp="taxonomy.php"] .ag__tags .g_button {
padding: 0 15px;
margin-right: 12px;
margin-top: 12px;
}
@media screen and (max-width: 820px) {
[temp="taxonomy.php"] .ag__tags .g_button {
margin-right: 10px;
margin-top: 10px;
}
}
[temp="taxonomy.php"] .ag__tags .g_button__back {
border-width: 1px;
}
[temp="taxonomy.php"] .ag__tags .g_button span {
font-weight: 600;
}
[temp="taxonomy.php"] .ag__tags .g_button.g_button2 {
color: #fff;
}
@media (hover: hover) and (pointer: fine) {
[temp="taxonomy.php"] .ag__tags .g_button.g_button2:hover * {
color: #000 !important;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
[temp="taxonomy.php"] .ag__tags .g_button.g_button2:hover * {
color: #000 !important;
}
}
@media (hover: hover) and (pointer: fine) {
[temp="taxonomy.php"] .ag__tags .g_button:hover * {
color: #fff !important;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
[temp="taxonomy.php"] .ag__tags .g_button:hover * {
color: #fff !important;
}
}
[temp="taxonomy.php"] .games__boxes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 0px;
}
[temp="taxonomy.php"] .games__boxes:after {
content: "";
display: block;
height: 1px;
width: calc(33.3% - 23.3px);
}
@media screen and (max-width: 820px) {
[temp="taxonomy.php"] .games__boxes:after {
width: calc(50% - 7.5px);
}
}
[temp="taxonomy.php"] .games__boxes * {
color: #000;
}
[temp="taxonomy.php"] .games__boxes .g_th {
width: calc(33.3% - 23.3px);
margin-bottom: 54px;
}
@media screen and (max-width: 820px) {
[temp="taxonomy.php"] .games__boxes .g_th {
width: calc(50% - 7.5px);
margin-bottom: 40px;
}
[temp="taxonomy.php"] .games__boxes .g_th__h4 {
font-size: 14px;
line-height: 22px;
}
[temp="taxonomy.php"] .games__boxes .g_th__img {
border-radius: 6px;
}
}
[temp="taxonomy.php"] .games__boxes .g_th__cat {
font-size: 0;
}
[temp="taxonomy.php"] .games__boxes .g_th__cat__box {
border: solid 1px #000;
}
[temp="taxonomy.php"] .games__head {
position: relative;
width: 100%;
height: 52px;
}
[temp="taxonomy.php"] .games__head__count {
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 820px) {
[temp="taxonomy.php"] .games__head__count {
top: 5px;
}
}
[temp="taxonomy.php"] .games__head__count div {
display: inline-block;
vertical-align: middle;
line-height: 100%;
}
[temp="taxonomy.php"] .games__head__count__1 {
width: 5px;
height: 5px;
border-bottom: solid 1px #000;
margin-right: 3px;
}
[temp="taxonomy.php"] .games__head__count__2 {
font-size: 20px;
font-weight: 700;
}
@media screen and (max-width: 820px) {
[temp="taxonomy.php"] .games__head__count__2 {
font-size: 15px;
}
}
[temp="taxonomy.php"] .games__head__count__3 {
position: relative;
top: 1px;
font-size: 14px;
font-weight: 700;
}
@media screen and (max-width: 820px) {
[temp="taxonomy.php"] .games__head__count__3 {
font-size: 11px;
}
}
[temp="taxonomy.php"] .games__head__sort {
cursor: pointer;
background: #fff;
position: absolute;
overflow: hidden;
top: 0;
right: 0;
width: 155px;
max-height: 32px;
border-radius: 16px;
border: solid 1px #000;
z-index: 10;
-webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
[temp="taxonomy.php"] .games__head__sort__open {
-webkit-transition: all 400ms cubic-bezier(0.465, 0.035, 0, 0.985);
transition: all 400ms cubic-bezier(0.465, 0.035, 0, 0.985);
max-height: 500px;
}
[temp="taxonomy.php"] .games__head__sort__open .games__head__sort__tri {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
[temp="taxonomy.php"] .games__head__sort__cont {
display: block;
height: 32px;
font-size: 12px;
padding-left: 15px;
line-height: 30px;
vertical-align: middle;
}
@media screen and (max-width: 820px) {
[temp="taxonomy.php"] .games__head__sort__cont {
font-size: 10px;
}
}
[temp="taxonomy.php"] .games__head__sort__tri {
display: block;
content: "";
position: absolute;
top: 12px;
right: 14px;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 2.5px 0 2.5px;
border-color: #000000 transparent transparent transparent;
-webkit-transition: all 400ms cubic-bezier(0.465, 0.035, 0, 0.985);
transition: all 400ms cubic-bezier(0.465, 0.035, 0, 0.985);
}
[temp="taxonomy.php"] .a_pages {
vertical-align: middle;
font-size: 0;
text-align: center;
margin-bottom: 120px;
}
@media screen and (max-width: 820px) {
[temp="taxonomy.php"] .a_pages {
margin-bottom: 100px;
}
}
[temp="taxonomy.php"] .a_pages * {
vertical-align: middle;
}
[temp="taxonomy.php"] .a_pages a,
[temp="taxonomy.php"] .a_pages span {
display: inline-block;
width: 56px;
height: 56px;
border-radius: 100%;
position: relative;
margin: 0 5px;
}
@media screen and (max-width: 820px) {
[temp="taxonomy.php"] .a_pages a,
[temp="taxonomy.php"] .a_pages span {
width: 38px;
height: 38px;
margin: 0 3px;
}
}
[temp="taxonomy.php"] .a_pages a {
border: solid 3px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 820px) {
[temp="taxonomy.php"] .a_pages a {
border-width: 1.5px;
}
}
[temp="taxonomy.php"] .a_pages span {
color: #fff;
background-color: #000;
}
[temp="taxonomy.php"] .a_pages .dots {
margin: 0 -10px;
-webkit-transform: scale(0.2);
transform: scale(0.2);
opacity: 0.1;
}
[temp="taxonomy.php"] .a_pages .dots .pagecenter {
display: none;
}
[temp="taxonomy.php"] .a_pages .dots:before {
display: block;
content: "aaa";
}
[temp="taxonomy.php"] .a_pages .pagecenter {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 16px;
line-height: 100%;
font-weight: 900;
}
@media screen and (max-width: 820px) {
[temp="taxonomy.php"] .a_pages .pagecenter {
font-size: 12px;
}
}
[temp="taxonomy.php"] .a_pages .prev.page-numbers:before,
[temp="taxonomy.php"] .a_pages .next.page-numbers:before {
display: block;
content: "";
position: absolute;
-webkit-transform-origin: center center;
transform-origin: center center;
top: 50%;
left: 50%;
width: 0;
height: 0;
border-style: solid;
border-width: 0 4px 11px 4px;
border-color: transparent transparent #000000 transparent;
}
@media screen and (max-width: 820px) {
[temp="taxonomy.php"] .a_pages .prev.page-numbers:before,
[temp="taxonomy.php"] .a_pages .next.page-numbers:before {
border-width: 0 3.5px 9px 3.5px;
}
}
[temp="taxonomy.php"] .a_pages .prev.page-numbers:before {
-webkit-transform: translate(-50%, -50%) rotate(-90deg);
transform: translate(-50%, -50%) rotate(-90deg);
}
[temp="taxonomy.php"] .a_pages .next.page-numbers:before {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
[temp="single-games.php"] { }
[temp="single-games.php"] .sslide__wrap {
overflow: hidden;
z-index: 1;
background: #000;
}
[temp="single-games.php"] .co__h3 {
line-height: 115%;
}
[temp="single-games.php"] .gs__wrap {
padding-top: 134px;
padding-top: 44px;
background: #000;
color: #fff;
padding-bottom: 120px;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__wrap {
padding-top: 70px;
padding-bottom: 100px;
}
}
[temp="single-games.php"] .gs__in {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__in {
display: block;
}
}
[temp="single-games.php"] .gs__lead {
margin: 30px 0;
font-size: 34px;
line-height: 157%;
font-weight: 600;
letter-spacing: 0.02em;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__lead {
font-size: 21px;
line-height: 33px;
}
}
@media screen and (min-width: 821px) {
[temp="single-games.php"] .gs__lead xbr {
display: none;
}
}
[temp="single-games.php"] .gs__desc {
font-size: 16px;
line-height: 32px;
font-weight: 500;
letter-spacing: 0.03em;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__desc {
font-size: 13px;
line-height: 26px;
}
}
[temp="single-games.php"] .gs__1 {
width: calc(100% - 320px);
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__1 {
width: 100%;
}
}
[temp="single-games.php"] .gs__2 {
width: 250px;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__2 {
width: 100%;
}
}
[temp="single-games.php"] .gs__list {
margin-top: 70px;
position: relative;
border-top: solid 1px rgba(255, 255, 255, 0.3);
}
[temp="single-games.php"] .gs__list__box {
border-bottom: solid 1px rgba(255, 255, 255, 0.3);
padding: 30px 0;
font-weight: 500;
font-size: 14px;
line-height: 183%;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__list__box {
padding: 25px 0;
font-size: 11px;
}
}
[temp="single-games.php"] .gs__list__box__1 {
float: left;
width: 200px;
letter-spacing: 0.03em;
padding-right: 10px;
color: #939393;
min-height: 1px;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__list__box__1 {
width: 135px;
}
}
[temp="single-games.php"] .gs__list__box__2 {
float: left;
width: calc(100% - 200px);
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__list__box__2 {
width: calc(100% - 135px);
}
}
[temp="single-games.php"] .gs__att {
padding-top: 30px;
font-size: 14px;
line-height: 183%;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__att {
font-size: 11px;
}
}
[temp="single-games.php"] .gs__guide {
font-size: 14px;
display: inline-block;
border-bottom: solid 1px #fff;
margin-top: 17px;
margin-right: 17px;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__guide {
font-size: 11px;
margin-right: 0;
margin-left: 17px;
}
[temp="single-games.php"] .gs__guide__w {
text-align: right;
}
}
[temp="single-games.php"] .gs__2__store {
margin-bottom: 55px;
}
[temp="single-games.php"] .gs__2__store .g_button {
color: #000;
height: 68px;
border-radius: 34px;
}
[temp="single-games.php"] .gs__2__store .g_button span {
height: 16px;
font-size: 16px;
line-height: 16px;
}
[temp="single-games.php"] .gs__2__store .g_button__back {
opacity: 1;
border-color: #fff;
border-radius: 34px;
}
[temp="single-games.php"] .gs__2__store .g_button__back:before {
background: #fff;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__2__store {
text-align: center;
margin-top: 50px;
}
[temp="single-games.php"] .gs__2__store .g_button {
color: #000;
height: 57px;
border-radius: 28.5px;
}
[temp="single-games.php"] .gs__2__store .g_button span {
height: 15px;
font-size: 15px;
line-height: 15px;
}
[temp="single-games.php"] .gs__2__store .g_button__back {
opacity: 1;
border-color: #fff;
border-radius: 28.5px;
}
[temp="single-games.php"] .gs__2__store .g_button__back:before {
background: #fff;
}
}
[temp="single-games.php"] .gs__2__store .g_button {
width: 100%;
margin-bottom: 18px;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__2__store .g_button {
padding: 0 20px;
width: 215px;
}
}
@media (hover: hover) and (pointer: fine) {
[temp="single-games.php"] .gs__2__store .g_button:hover span {
-webkit-filter: invert(100%);
filter: invert(100%);
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
[temp="single-games.php"] .gs__2__store .g_button:hover span {
-webkit-filter: invert(100%);
filter: invert(100%);
}
}
[temp="single-games.php"] .gs__2__store .g_button span {
background-image: url(//shueisha-games.com/wp-content/themes/sg2023/img/targ.svg);
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: right center;
width: 100%;
text-align: left;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__2__store .g_button span {
background-size: 9px 9px;
}
}
[temp="single-games.php"] .gs__2__sns {
font-size: 0;
margin-top: 30px;
}
[temp="single-games.php"] .gs__2__sns .g_button {
color: #fff;
height: 56px;
border-radius: 28px;
}
[temp="single-games.php"] .gs__2__sns .g_button span {
height: 16px;
font-size: 16px;
line-height: 16px;
}
[temp="single-games.php"] .gs__2__sns .g_button__back {
opacity: 0.1;
border-color: #fff;
border-radius: 28px;
}
[temp="single-games.php"] .gs__2__sns .g_button__back:before {
background: #fff;
}
[temp="single-games.php"] .gs__2__sns__text {
font-size: 12px;
display: inline-block;
vertical-align: middle;
}
[temp="single-games.php"] .gs__2__sns__b {
display: inline-block;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__2__sns__b {
margin-left: 20px;
}
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__2__sns {
margin-top: 0;
text-align: right;
}
[temp="single-games.php"] .gs__2__sns__w {
margin-top: 55px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
[temp="single-games.php"] .gs__2__sns__w h4 {
display: block;
position: relative;
top: 9px;
}
}
[temp="single-games.php"] .gs__2__sns .g_button {
width: 56px;
height: 56px;
padding: 0;
margin-right: 20px;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__2__sns .g_button {
width: 40px;
height: 40px;
margin-right: 0px;
vertical-align: middle;
background: none;
}
[temp="single-games.php"] .gs__2__sns .g_button__back {
display: none;
}
}
[temp="single-games.php"] .gs__2__sns__icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 26px;
height: 26px;
-webkit-filter: brightness(100%);
filter: brightness(100%);
}
[temp="single-games.php"] .gs__awards {
background-color: #0a0a0a;
background-image: url(//shueisha-games.com/wp-content/themes/sg2023/img/foot_svg.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
min-height: 200px;
color: #fff;
text-align: center;
padding: 100px 0;
position: relative;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__awards {
background-size: cover;
}
}
[temp="single-games.php"] .gs__awards h2 {
margin-bottom: 30px;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__awards__area {
font-size: 0;
position: relative;
}
[temp="single-games.php"] .gs__awards a {
width: 50%;
margin-bottom: 15px;
display: inline-block;
position: relative;
}
[temp="single-games.php"] .gs__awards a:before {
display: block;
content: "";
padding-top: 100%;
}
}
[temp="single-games.php"] .gs__awards__img {
margin: 20px;
vertical-align: middle;
max-width: 250px;
max-height: 250px;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__awards__img {
margin: 0;
max-width: 90%;
max-height: 90%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
[temp="single-games.php"] .gs__site {
padding: 70px 0;
background: #0000a8;
overflow: hidden;
}
[temp="single-games.php"] .gs__site .g_button {
color: #000;
height: 68px;
border-radius: 34px;
}
[temp="single-games.php"] .gs__site .g_button span {
height: 16px;
font-size: 16px;
line-height: 16px;
}
[temp="single-games.php"] .gs__site .g_button__back {
opacity: 1;
border-color: #fff;
border-radius: 34px;
}
[temp="single-games.php"] .gs__site .g_button__back:before {
background: #fff;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__site {
padding: 50px 0;
}
[temp="single-games.php"] .gs__site .g_button {
color: #000;
height: 55px;
border-radius: 27.5px;
}
[temp="single-games.php"] .gs__site .g_button span {
height: 15px;
font-size: 15px;
line-height: 15px;
}
[temp="single-games.php"] .gs__site .g_button__back {
opacity: 1;
border-color: #fff;
border-radius: 27.5px;
}
[temp="single-games.php"] .gs__site .g_button__back:before {
background: #fff;
}
}
[temp="single-games.php"] .gs__site .main_width {
position: relative;
}
[temp="single-games.php"] .gs__site__in {
position: relative;
display: inline-block;
margin: 0 auto;
left: 50%;
font-size: 0;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
max-width: 812px;
}
@media screen and (max-width: 940px) {
[temp="single-games.php"] .gs__site__in {
max-width: 541px;
}
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__site__in {
max-width: 350px;
}
}
@media screen and (max-width: 820px) and (max-width: 360px) {
[temp="single-games.php"] .gs__site__in {
text-align: center;
}
}
[temp="single-games.php"] .gs__site .g_button {
width: 250px;
margin: 8px;
background: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__site .g_button {
padding: 0 25px;
width: 200px;
max-width: calc(50% - 16px);
}
}
@media screen and (max-width: 820px) and (max-width: 360px) {
[temp="single-games.php"] .gs__site .g_button {
width: 100%;
max-width: 200px;
}
}
[temp="single-games.php"] .gs__site .g_button * {
border: none;
}
[temp="single-games.php"] .gs__site .g_button span {
background-image: url(//shueisha-games.com/wp-content/themes/sg2023/img/targ.svg);
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: right center;
width: 100%;
text-align: center;
height: auto;
line-height: 120%;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__site .g_button span {
text-align: left;
background-size: 9px 9px;
padding-right: 30px;
}
}
[temp="single-games.php"] .gs__contact {
padding: 80px 0 0;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__contact {
padding: 60px 0 0;
}
}
[temp="single-games.php"] .gs__contact__main {
height: 480px;
background: #000;
border-radius: 30px;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__contact__main {
height: auto;
}
}
[temp="single-games.php"] .gs__contact__g {
opacity: 0.5;
width: 690px;
height: 100%;
background: #ccc;
position: absolute;
top: 0px;
}
@media screen and (min-width: 821px) {
[temp="single-games.php"] .gs__contact__g {
left: -30px;
-webkit-mask-image: url(//shueisha-games.com/wp-content/themes/sg2023/img/mask1.svg);
mask-image: url(//shueisha-games.com/wp-content/themes/sg2023/img/mask1.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: right 50%;
mask-position: right 50%;
-webkit-mask-size: cover;
mask-size: cover;
}
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__contact__g {
left: 0;
max-width: 100%;
}
}
[temp="single-games.php"] .gs__contact__g__pic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
[temp="single-games.php"] .gs__contact__cont {
color: #fff;
z-index: 20;
}
@media screen and (min-width: 821px) {
[temp="single-games.php"] .gs__contact__cont {
position: absolute;
top: 50%;
right: 0;
width: 420px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding-right: 30px;
}
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__contact__cont {
position: relative;
padding: 40px 35px;
text-align: left;
max-width: 100%;
width: 350px;
margin: 0 auto;
}
}
[temp="single-games.php"] .gs__contact__cont h4 {
font-size: 34px;
line-height: 50px;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__contact__cont h4 {
font-size: 21px;
line-height: 33px;
margin-bottom: 27px;
}
}
[temp="single-games.php"] .gs__contact__cont p {
margin: 34px 0 40px;
font-size: 16px;
line-height: 32px;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__contact__cont p {
margin: 27px 0 35px;
font-size: 13px;
line-height: 26px;
}
}
[temp="single-games.php"] .gs__contact__cont .g_button {
color: #fff;
height: 68px;
border-radius: 34px;
}
[temp="single-games.php"] .gs__contact__cont .g_button span {
height: 18px;
font-size: 18px;
line-height: 18px;
}
[temp="single-games.php"] .gs__contact__cont .g_button__back {
opacity: 0.1;
border-color: #fff;
border-radius: 34px;
}
[temp="single-games.php"] .gs__contact__cont .g_button__back:before {
background: #fff;
}
[temp="single-games.php"] .gs__contact__cont .g_button {
width: 170px;
}
[temp="single-games.php"] .gs__contact__cont .g_button span {
width: 100%;
text-align: center;
}
[temp="single-games.php"] .gs__bottom {
margin-top: 80px;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__bottom {
margin-top: 60px;
}
}
[temp="single-games.php"] .gs__bottom__in {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__bottom__in {
display: block;
}
}
[temp="single-games.php"] .gs__bottom__in * {
color: #000;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .gs__bottom .g_th_ {
width: 100%;
}
}
[temp="single-games.php"] .gs__bottom .g_th__cat__box {
border: solid 1px #000;
}
[temp="single-games.php"] .gs__bottom .g_button {
color: #000;
height: 68px;
border-radius: 34px;
}
[temp="single-games.php"] .gs__bottom .g_button span {
height: 18px;
font-size: 18px;
line-height: 18px;
}
[temp="single-games.php"] .gs__bottom .g_button__back {
opacity: 0.1;
border-color: #000;
border-radius: 34px;
}
[temp="single-games.php"] .gs__bottom .g_button__back:before {
background: #000;
}
[temp="single-games.php"] .gs__bottom .g_button {
margin: 70px auto 120px;
display: block;
width: 260px;
}
[temp="single-games.php"] .gs__bottom .g_button span {
width: 100%;
}
[temp="single-games.php"] .sslide {
position: relative;
display: block;
width: 100vw;
height: 56.56vw;
background: #000;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .sslide {
height: 100vw;
height: 84vw;
}
}
[temp="single-games.php"] .sslide__box {
cursor: pointer;
position: relative;
width: 100%;
height: 100%;
}
[temp="single-games.php"] .sslide__box iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
[temp="single-games.php"] .sslide__th {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: contain;
background-position: center top;
background-repeat: no-repeat;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .sslide__th {
background-position: center bottom;
}
}
[temp="single-games.php"] .sslide__play {
width: 70px;
height: 49px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .sslide__play {
top: 66.5%;
}
}
[temp="single-games.php"] .tslide {
position: relative;
top: -20px;
z-index: 10;
height: 100px;
}
[temp="single-games.php"] .tslide__wrap {
background: #000;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .tslide {
height: 110px;
top: 0;
padding-top: 15px;
}
}
[temp="single-games.php"] .tslide__img {
height: 100%;
width: auto;
display: block;
}
[temp="single-games.php"] .tslide__th {
margin: 0 6px;
border-radius: 6px;
z-index: 1;
overflow: hidden;
height: 74px;
border: solid 1px #181818;
cursor: pointer;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .tslide__th {
height: 92px;
}
}
[temp="single-games.php"] .tslide__th iframe {
pointer-events: none;
height: 100%;
width: 131px;
}
[temp="single-games.php"] .tslide .slick-current .tslide__th {
border: solid 1px #fff;
}
[temp="single-games.php"] .g_popup {
-webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); pointer-events: none;
opacity: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 900;
background: rgba(0, 0, 0, 0.8);
}
[temp="single-games.php"] .g_popup__back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
[temp="single-games.php"] .g_popup__close {
width: 80px;
height: 80px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
z-index: 10;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .g_popup__close {
width: 80px;
height: 80px;
}
}
[temp="single-games.php"] .g_popup__close:before, [temp="single-games.php"] .g_popup__close:after {
content: "";
display: block;
width: 20px;
height: 2px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
}
[temp="single-games.php"] .g_popup__close:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
[temp="single-games.php"] .g_popup__close:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
[temp="single-games.php"] .pslide {
position: absolute;
display: block;
width: 100%;
height: calc(100% - 160px);
top: 80px;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .pslide {
height: calc(100% - 160px);
top: 80px;
}
}
[temp="single-games.php"] .pslide__box {
position: relative;
width: 100%;
height: 100%;
}
[temp="single-games.php"] .pslide__box iframe {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 0;
width: 100%;
height: 56.56vw;
max-height: 100%;
}
[temp="single-games.php"] .pslide__th {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
@media screen and (max-width: 820px) {
[temp="single-games.php"] .pslide__th {
background-position: center center;
}
}
[temp="single-games.php"] .g_popup__on .g_popup {
opacity: 1;
pointer-events: auto;
}
[temp="single-games.php"] [site_c="1"] .g_button {
max-width: none;
}
[temp="page-company.php"] .cp__a1 {
background: #000;
color: #fff;
padding: 90px 0 120px;
}
[temp="page-company.php"] .cp__a2 {
background: #eaeaea;
color: #000;
padding: 90px 0 120px;
}
[temp="page-company.php"] .cp__a3 {
background: #fff;
color: #000;
padding: 90px 0 120px;
}
[temp="page-company.php"] .cp__a4 {
background: #eaeaea;
color: #000;
padding: 90px 0 120px;
}
[temp="page-company.php"] .cp__list {
margin-top: 70px;
position: relative;
border-top: solid 1px rgba(255, 255, 255, 0.3);
}
[temp="page-company.php"] .cp__list__box {
border-bottom: solid 1px rgba(255, 255, 255, 0.3);
padding: 30px 0;
font-weight: 500;
font-size: 14px;
line-height: 183%;
}
@media screen and (max-width: 820px) {
[temp="page-company.php"] .cp__list__box {
padding: 25px 0;
font-size: 11px;
}
}
[temp="page-company.php"] .cp__list__box__1 {
float: left;
width: 200px;
letter-spacing: 0.03em;
padding-right: 10px;
color: #939393;
}
@media screen and (max-width: 820px) {
[temp="page-company.php"] .cp__list__box__1 {
width: 130px;
}
}
[temp="page-company.php"] .cp__list__box__2 {
float: left;
width: calc(100% - 200px);
}
@media screen and (max-width: 820px) {
[temp="page-company.php"] .cp__list__box__2 {
width: calc(100% - 130px);
}
}
[temp="page-company.php"] .cp__b__box {
margin-top: 50px;
}
@media screen and (max-width: 820px) {
[temp="page-company.php"] .cp__b__box {
margin-top: 40px;
}
}
[temp="page-company.php"] .cp__b__box__th {
width: 42%;
float: left;
position: relative;
background: #000;
border-radius: 12px;
overflow: hidden;
z-index: 2;
}
@media screen and (max-width: 820px) {
[temp="page-company.php"] .cp__b__box__th {
width: 100%;
float: none;
}
}
[temp="page-company.php"] .cp__b__box__th__in {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
[temp="page-company.php"] .cp__b__box__th:before {
display: block;
content: "";
padding-top: 117%;
}
@media screen and (max-width: 820px) {
[temp="page-company.php"] .cp__b__box__th:before {
padding-top: 100%;
}
}
[temp="page-company.php"] .cp__b__box__cont {
width: 58%;
float: left;
padding-left: 50px;
padding-top: 7%;
}
@media screen and (max-width: 820px) {
[temp="page-company.php"] .cp__b__box__cont {
padding-top: 25px;
padding-left: 0px;
width: 100%;
float: none;
}
}
[temp="page-company.php"] .cp__b__box__cont h4 {
font-size: 26px;
letter-spacing: 0.04em;
line-height: 166%;
}
@media screen and (max-width: 820px) {
[temp="page-company.php"] .cp__b__box__cont h4 {
font-size: 18px;
line-height: 30px;
}
}
[temp="page-company.php"] .cp__b__box__cont p {
border-top: solid 1px rgba(0, 0, 0, 0.1);
margin-top: 30px;
padding-top: 30px;
font-size: 14px;
line-height: 26px;
letter-spacing: 0.03em;
}
@media screen and (max-width: 820px) {
[temp="page-company.php"] .cp__b__box__cont p {
margin-top: 19px;
padding-top: 20px;
font-size: 12px;
line-height: 22px;
}
}
[temp="page-company.php"] .cp__camp {
margin-top: 80px;
text-align: right;
}
[temp="page-company.php"] .cp__camp__th {
border-radius: 12px;
overflow: hidden;
position: relative;
z-index: 2;
background: #000;
}
[temp="page-company.php"] .cp__camp__th__img {
width: 100%;
height: auto;
}
[temp="page-company.php"] .cp__camp__p {
margin-top: 40px;
margin-bottom: 40px;
font-size: 16px;
line-height: 36px;
text-align: left;
}
[temp="page-company.php"] .cp__camp .g_button {
color: #000;
height: 68px;
border-radius: 34px;
}
[temp="page-company.php"] .cp__camp .g_button span {
height: 18px;
font-size: 18px;
line-height: 18px;
}
[temp="page-company.php"] .cp__camp .g_button__back {
opacity: 0.1;
border-color: #000;
border-radius: 34px;
}
[temp="page-company.php"] .cp__camp .g_button__back:before {
background: #000;
}
[temp="page-company.php"] .cp__camp .g_button {
padding: 0 37px;
}
[temp="page-company.php"] .cp__map {
position: relative;
width: 100%;
background: #ccc;
margin-top: 50px;
margin-bottom: 40px;
}
@media screen and (max-width: 820px) {
[temp="page-company.php"] .cp__map {
margin-bottom: 25px;
}
}
[temp="page-company.php"] .cp__map:before {
padding-top: 53%;
display: block;
content: "";
}
[temp="page-company.php"] .cp__map iframe {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
[temp="page-company.php"] .cp__double {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
[temp="page-company.php"] .cp__double .g_button {
color: #000;
height: 68px;
border-radius: 34px;
}
[temp="page-company.php"] .cp__double .g_button span {
height: 18px;
font-size: 18px;
line-height: 18px;
}
[temp="page-company.php"] .cp__double .g_button__back {
opacity: 0.1;
border-color: #000;
border-radius: 34px;
}
[temp="page-company.php"] .cp__double .g_button__back:before {
background: #000;
}
@media screen and (max-width: 820px) {
[temp="page-company.php"] .cp__double .g_button {
color: #000;
height: 57px;
border-radius: 28.5px;
}
[temp="page-company.php"] .cp__double .g_button span {
height: 16px;
font-size: 16px;
line-height: 16px;
}
[temp="page-company.php"] .cp__double .g_button__back {
opacity: 0.1;
border-color: #000;
border-radius: 28.5px;
}
[temp="page-company.php"] .cp__double .g_button__back:before {
background: #000;
}
}
@media screen and (max-width: 820px) {
[temp="page-company.php"] .cp__double {
display: block;
text-align: center;
}
}
[temp="page-company.php"] .cp__double__p {
font-size: 16px;
line-height: 32px;
padding-right: 20px;
}
@media screen and (max-width: 820px) {
[temp="page-company.php"] .cp__double__p {
width: 100%;
text-align: left;
font-size: 12px;
line-height: 22px;
}
}
[temp="page-company.php"] .cp__double .g_button {
width: 260px;
}
@media screen and (max-width: 820px) {
[temp="page-company.php"] .cp__double .g_button {
margin-top: 50px;
width: 215px;
}
}
[temp="page-company.php"] .cp__double .g_button span {
width: 100%;
text-align: center;
}
[temp="page-company.php"] .cp__guide {
margin-top: 25px;
}
[temp="page-company.php"] .cp__guide .cp__double__p {
padding-top: 20px;
}
[temp="page-company.php"] .camp {
padding-top: 100px;
overflow: hidden;
background-color: #000;
position: relative;
}
[temp="page-company.php"] .camp__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//shueisha-games.com/wp-content/themes/sg2023/img/camp_bg.jpg);
background-size: cover;
background-position: center center;
}
[temp="page-company.php"] .camp__in {
z-index: 2;
position: relative;
}
[temp="page-company.php"] .camp__in__text {
width: 41%;
position: relative;
padding: 0px 0 100px;
text-align: center;
}
@media screen and (max-width: 820px) {
[temp="page-company.php"] .camp__in__text {
width: 100%;
}
}
[temp="page-company.php"] .camp__in__p {
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
color: #fff;
letter-spacing: 0.04em;
line-height: 200%;
text-align: left;
padding: 40px 0;
}
@media screen and (max-width: 820px) {
[temp="page-company.php"] .camp__in__p {
font-size: 13px;
}
}
[temp="page-company.php"] .camp__logo {
max-width: 90%;
width: 290px;
height: auto;
display: block;
margin: 0 auto;
}
@media screen and (max-width: 820px) {
[temp="page-company.php"] .camp__logo {
width: 215px;
}
}
[temp="page-company.php"] .camp .g_button {
color: #fff;
height: 68px;
border-radius: 34px;
}
[temp="page-company.php"] .camp .g_button span {
height: 18px;
font-size: 18px;
line-height: 18px;
}
[temp="page-company.php"] .camp .g_button__back {
opacity: 0.1;
border-color: #fff;
border-radius: 34px;
}
[temp="page-company.php"] .camp .g_button__back:before {
background: #fff;
}
@media screen and (min-width: 821px) {
[temp="page-company.php"] .camp__pc {
position: absolute;
bottom: 0;
right: 0;
max-width: 54%;
display: block;
max-height: 100%;
}
}
@media screen and (max-width: 820px) {
[temp="page-company.php"] .camp__pc {
position: relative;
width: 100%;
height: auto;
}
}
[temp="page-pitch.php"] b {
font-weight: 900;
}
[temp="page-pitch.php"] .pt__a1 {
background: #000;
color: #fff;
padding: 168px 0 120px;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 820px) {
[temp="page-pitch.php"] .pt__a1 {
padding: 128px 0 100px;
}
}
[temp="page-pitch.php"] .pt__a1 p {
font-size: 16px;
line-height: 32px;
}
@media screen and (max-width: 820px) {
[temp="page-pitch.php"] .pt__a1 p {
font-size: 13px;
line-height: 26px;
}
}
[temp="page-pitch.php"] .pt__a1 h1 {
font-size: 50px;
margin-top: 40px;
font-weight: 900;
}
@media screen and (max-width: 820px) {
[temp="page-pitch.php"] .pt__a1 h1 {
width: 260px;
font-size: 57px;
}
}
[temp="page-pitch.php"] .pt__a1__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
[temp="page-pitch.php"] .pt__a1__bg__in {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.2;
}
[temp="page-pitch.php"] .pt__a2 {
background: #000;
color: #fff;
padding: 90px 0 120px;
position: relative;
overflow: hidden;
}
[temp="page-pitch.php"] .pt__a2__in {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 820px) {
[temp="page-pitch.php"] .pt__a2__in {
display: block;
}
}
@media screen and (max-width: 820px) and (min-width: 700px) {
[temp="page-pitch.php"] .pt__a2__in {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
[temp="page-pitch.php"] .pt__a2__in .pt__a2__img {
margin-right: 50px;
}
[temp="page-pitch.php"] .pt__a2__in .pt__a2__p {
font-size: 13px;
}
}
[temp="page-pitch.php"] .pt__a2__img {
width: 260px;
height: auto;
display: block;
margin-right: 80px;
margin-bottom: 20px;
}
@media screen and (max-width: 820px) {
[temp="page-pitch.php"] .pt__a2__img {
margin-bottom: 0px;
margin-right: 0px;
width: 180px;
}
}
[temp="page-pitch.php"] .pt__a2__p {
padding-top: 15px;
font-size: 16px;
line-height: 32px;
}
@media screen and (max-width: 820px) {
[temp="page-pitch.php"] .pt__a2__p {
padding-top: 40px;
font-size: 13px;
line-height: 26px;
}
}
[temp="page-pitch.php"] .pt__a3 {
background: #fff;
color: #000;
padding: 90px 0 0px;
position: relative;
overflow: hidden;
}
[temp="page-pitch.php"] .pt__a3 + .pt__a3 {
padding-bottom: 120px;
}
[temp="page-pitch.php"] .pt__a3 h4 {
font-weight: 600;
}
[temp="page-pitch.php"] .pt__a5 {
background: #000;
color: #fff;
padding: 90px 0 120px;
position: relative;
font-size: 16px;
line-height: 32px;
letter-spacing: 0.03em;
}
@media screen and (max-width: 820px) {
[temp="page-pitch.php"] .pt__a5 {
font-size: 13px;
line-height: 26px;
}
}
[temp="page-pitch.php"] .pt__a5 ol {
margin-top: 60px;
padding-left: 1em;
}
[temp="page-pitch.php"] .pt__a5 ol li {
margin-top: 30px;
}
[temp="page-pitch.php"] .pt__a6 {
background: #fff;
color: #000;
padding: 90px 0 120px;
position: relative;
overflow: hidden;
}
[temp="page-pitch.php"] .pt__a6 + .pt__a3 {
padding-bottom: 120px;
}
[temp="page-pitch.php"] .pt__a6 h4 {
font-weight: 600;
}
[temp="page-pitch.php"] .pt__a6__lead {
margin-top: 60px;
font-size: 16px;
line-height: 32px;
margin-bottom: 120px;
}
@media screen and (max-width: 820px) {
[temp="page-pitch.php"] .pt__a6__lead {
font-size: 13px;
line-height: 26px;
}
}
[temp="page-pitch.php"] .pt__list {
margin-top: 50px;
border-top: solid 1px rgba(0, 0, 0, 0.1);
}
[temp="page-pitch.php"] .pt__list__box {
padding: 30px 0;
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
font-size: 14px;
line-height: 26px;
}
@media screen and (max-width: 820px) {
[temp="page-pitch.php"] .pt__list__box {
padding: 25px 0;
font-size: 12px;
line-height: 22px;
}
}
[temp="page-pitch.php"] .pt__list__box__1 {
width: 200px;
float: left;
font-weight: 600;
}
@media screen and (max-width: 820px) {
[temp="page-pitch.php"] .pt__list__box__1 {
width: 138px;
}
}
[temp="page-pitch.php"] .pt__list__box__2 {
width: calc(100% - 200px);
float: left;
font-weight: 500;
}
@media screen and (max-width: 820px) {
[temp="page-pitch.php"] .pt__list__box__2 {
width: calc(100% - 138px);
}
}
[temp="page-contact.php"] .ca__contentarea {
padding-top: 153px;
}
@media screen and (max-width: 820px) {
[temp="page-contact.php"] .ca__contentarea {
padding-top: 124px;
}
}
[temp="page-contact.php"] .ca__mainwidth {
min-width: calc(100% - 160px);
max-width: 100%;
width: 900px;
margin: 70px auto 0;
}
@media screen and (max-width: 820px) {
[temp="page-contact.php"] .ca__mainwidth {
width: 100%;
}
}
[temp="page-contact.php"] .ca__set {
padding-bottom: 120px;
}
[temp="page-contact.php"] .ca__set .co__h4 {
font-weight: 700;
letter-spacing: 0.02em;
}
[temp="page-contact.php"] .ca__list {
border-top: solid 1px rgba(0, 0, 0, 0.1);
margin-top: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 820px) {
[temp="page-contact.php"] .ca__list {
margin-top: 50px;
}
}
@media screen and (max-width: 820px) {
[temp="page-contact.php"] .ca__list {
display: block;
}
}
[temp="page-contact.php"] .ca__box {
min-height: 128px;
width: calc(50% - 20px);
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
position: relative;
}
@media screen and (max-width: 820px) {
[temp="page-contact.php"] .ca__box {
width: 100%;
text-align: center;
min-height: none;
padding: 25px 0;
}
}
[temp="page-contact.php"] .ca__box .g_button {
color: #000;
height: 68px;
border-radius: 34px;
}
[temp="page-contact.php"] .ca__box .g_button span {
height: 16px;
font-size: 16px;
line-height: 16px;
}
[temp="page-contact.php"] .ca__box .g_button__back {
opacity: 0.1;
border-color: #000;
border-radius: 34px;
}
[temp="page-contact.php"] .ca__box .g_button__back:before {
background: #000;
}
@media screen and (min-width: 821px) {
[temp="page-contact.php"] .ca__box .g_button {
width: 170px;
padding: 0;
text-align: center;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
@media screen and (max-width: 820px) {
[temp="page-contact.php"] .ca__box .g_button {
width: 215px;
}
}
@media screen and (max-width: 820px) {
[temp="page-contact.php"] .ca__box .g_button {
color: #000;
height: 57px;
border-radius: 28.5px;
}
[temp="page-contact.php"] .ca__box .g_button span {
height: 16px;
font-size: 16px;
line-height: 16px;
}
[temp="page-contact.php"] .ca__box .g_button__back {
opacity: 0.1;
border-color: #000;
border-radius: 28.5px;
}
[temp="page-contact.php"] .ca__box .g_button__back:before {
background: #000;
}
}
[temp="page-contact.php"] .ca__box__h {
font-size: 16px;
font-weight: 900;
line-height: 32px;
}
@media screen and (min-width: 821px) {
[temp="page-contact.php"] .ca__box__h {
position: relative;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
max-width: calc(100% - 190px);
}
}
@media screen and (max-width: 820px) {
[temp="page-contact.php"] .ca__box__h {
font-size: 13px;
line-height: 26px;
margin-bottom: 20px;
}
}
[temp="page-recruit.php"] .ready .onscreen .rc__a1__bg,
[temp="page-recruit.php"] .ready .onscreen .rc__a2__bg {
opacity: 0.4;
}
[temp="page-recruit.php"] .rc__a1 {
background: #000;
color: #fff;
padding: 90px 0 120px;
position: relative;
overflow: hidden;
}
[temp="page-recruit.php"] .rc__a1 .g_button {
position: absolute;
top: 0;
right: 0;
}
[temp="page-recruit.php"] .rc__a1 .g_button * {
text-align: center;
}
[temp="page-recruit.php"] .rc__a1 .g_button {
color: #fff;
height: 68px;
border-radius: 34px;
}
[temp="page-recruit.php"] .rc__a1 .g_button span {
height: 16px;
font-size: 16px;
line-height: 16px;
}
[temp="page-recruit.php"] .rc__a1 .g_button__back {
opacity: 0.1;
border-color: #fff;
border-radius: 34px;
}
[temp="page-recruit.php"] .rc__a1 .g_button__back:before {
background: #fff;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .rc__a1 {
padding: 80px 0 100px;
}
}
[temp="page-recruit.php"] .rc__a1__h2 {
margin-top: 50px;
margin-bottom: 37px;
font-size: 94px;
line-height: 136%;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .rc__a1__h2 {
font-size: 45px;
line-height: 60px;
}
}
[temp="page-recruit.php"] .rc__a1 p {
font-size: 16px;
line-height: 32px;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .rc__a1 p {
font-size: 13px;
line-height: 26px;
}
}
[temp="page-recruit.php"] .rc__a1__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
[temp="page-recruit.php"] .rc__a2 {
background: #000;
color: #fff;
padding: 90px 0 60px;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .rc__a2 {
padding: 80px 0 100px;
}
}
[temp="page-recruit.php"] .rc__a2__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
[temp="page-recruit.php"] .rc__a2__area {
margin-top: 64px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .rc__a2__area {
display: block;
}
}
[temp="page-recruit.php"] .rc__a2__set {
width: calc(50% - 20px);
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .rc__a2__set {
width: 100%;
}
}
[temp="page-recruit.php"] .rc__a2__h4 {
font-size: 24px;
font-weight: 900;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .rc__a2__h4 {
font-size: 38px;
line-height: 40px;
}
}
[temp="page-recruit.php"] .rc__a2__box {
border-top: solid 1px rgba(255, 255, 255, 0.3);
margin-top: 30px;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .rc__a2__box {
margin-top: 24px;
height: auto !important;
}
}
[temp="page-recruit.php"] .rc__a2__box__in {
padding: 1px 0;
}
[temp="page-recruit.php"] .rc__a2__box p {
font-size: 22px;
line-height: 180%;
letter-spacing: 0.04em;
font-weight: 600;
min-height: 82px;
min-height: auto;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .rc__a2__box p {
font-size: 18px;
line-height: 30px;
min-height: auto;
}
}
[temp="page-recruit.php"] .rc__a2__box p.rc__a2__box__p {
font-size: 15px;
line-height: 180%;
letter-spacing: 0.04em;
font-weight: 600;
margin-top: 20px;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .rc__a2__box p.rc__a2__box__p {
font-size: 12px;
line-height: 22px;
margin-top: 15px;
}
}
[temp="page-recruit.php"] .rc__a2__count {
font-size: 14px;
font-weight: 900;
color: #000;
background: #fff;
text-align: center;
vertical-align: middle;
height: 24px;
line-height: 24px;
width: 44px;
border-radius: 22px;
margin: 25px 0 15px;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .rc__a2__count {
height: 18px;
width: 30px;
line-height: 18px;
font-size: 10px;
}
}
[temp="page-recruit.php"] .rc__a4 {
background: #000;
color: #fff;
padding: 90px 0 120px;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .rc__a4 {
display: block;
padding: 80px 0 95px;
}
}
[temp="page-recruit.php"] .rc__a4__selection {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .rc__a4__selection {
display: block;
padding: 12px 0 95px;
}
}
[temp="page-recruit.php"] .rc__a4__box {
width: 165px;
position: relative;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .rc__a4__box {
width: 100%;
border: solid 1.5px rgba(255, 255, 255, 0.3);
border-radius: 15px;
margin-bottom: 25px;
padding: 40px 35px 38px;
}
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .rc__a4__box__2 {
background: #fff;
color: #000;
}
}
[temp="page-recruit.php"] .rc__a4__box__2 .rc__a4__sq {
border: none;
background: #fff;
}
[temp="page-recruit.php"] .rc__a4__box__2 .rc__a4__sq .rc__a4__count {
background: #000;
color: #fff;
}
[temp="page-recruit.php"] .rc__a4__box__2 .rc__a4__sq .rc__a4__title {
color: #000;
}
[temp="page-recruit.php"] .rc__a4__sq {
width: 100%;
border: solid 3px rgba(255, 255, 255, 0.3);
border-radius: 12px;
position: relative;
height: 165px;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .rc__a4__sq {
border: none;
height: 35px;
}
}
[temp="page-recruit.php"] .rc__a4__count {
position: absolute;
bottom: 53%;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 38px;
height: 38px;
background: #fff;
border-radius: 100%;
text-align: center;
line-height: 38px;
vertical-align: middle;
font-weight: 900;
color: #000;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .rc__a4__count {
width: 35px;
height: 35px;
line-height: 35px;
-webkit-transform: translate(0%, 0);
transform: translate(0%, 0);
top: 0;
left: 0;
}
}
[temp="page-recruit.php"] .rc__a4__title {
color: #fff;
text-align: center;
position: absolute;
top: 53%;
left: 0%;
width: 100%;
font-size: 22px;
line-height: 130%;
font-weight: 700;
letter-spacing: 0.03em;
padding: 0 10px;
}
@media screen and (max-width: 990px) {
[temp="page-recruit.php"] .rc__a4__title {
font-size: 14px;
}
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .rc__a4__title {
font-size: 18px;
top: 50%;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
left: 58px;
width: auto;
padding-top: 2px;
}
}
[temp="page-recruit.php"] .rc__a4__p {
margin-top: 30px;
font-size: 14px;
line-height: 185%;
letter-spacing: 0.03em;
}
@media screen and (max-width: 990px) {
[temp="page-recruit.php"] .rc__a4__p {
font-size: 12px;
}
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .rc__a4__p {
margin-top: 38px;
font-size: 12px;
line-height: 22px;
}
}
[temp="page-recruit.php"] .rc__a4__tri {
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 15px;
border-color: transparent transparent transparent #ffffff;
opacity: 0.3;
margin-top: 73px;
}
[temp="page-recruit.php"] .rc__a5 {
padding: 90px 0 120px;
position: relative;
}
[temp="page-recruit.php"] .rc__a5__p {
font-size: 16px;
line-height: 32px;
margin-top: 50px;
}
[temp="page-recruit.php"] .rc__a5__filter {
font-size: 24px;
font-weight: 900;
margin-top: 70px;
}
[temp="page-recruit.php"] .rc__a5__tags {
margin-top: 13px;
font-size: 0;
font-size: 20px;
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
padding-bottom: 30px;
}
[temp="page-recruit.php"] .rc__a5__tags .g_button {
color: #000;
height: 32px;
border-radius: 16px;
}
[temp="page-recruit.php"] .rc__a5__tags .g_button span {
height: 12px;
font-size: 12px;
line-height: 12px;
}
[temp="page-recruit.php"] .rc__a5__tags .g_button__back {
opacity: 1;
border-color: #000;
border-radius: 16px;
}
[temp="page-recruit.php"] .rc__a5__tags .g_button__back:before {
background: #000;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .rc__a5__tags {
margin-bottom: -20px;
}
}
[temp="page-recruit.php"] .rc__a5__tags .g_button {
margin: 12px 12px 0 0;
}
[temp="page-recruit.php"] .rc__a5__tags .g_button__back {
border-width: 1px;
}
[temp="page-recruit.php"] .rc__a5__tags .g_button span {
font-weight: 500;
}
[temp="page-recruit.php"] .pos {
overflow: hidden;
}
[temp="page-recruit.php"] .pos__h3 {
margin: 80px 0 60px;
font-size: 44px;
font-weight: 600;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .pos__h3 {
margin: 60px 0 50px;
font-size: 21px;
}
}
[temp="page-recruit.php"] .pos__box {
position: relative;
width: calc(100% + 80px);
margin-bottom: 20px;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .pos__box {
width: 100%;
}
}
[temp="page-recruit.php"] .pos__box__circle {
width: 32px;
height: 32px;
background: #fff;
border-radius: 100%;
position: absolute;
right: 35px;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .pos__box__circle {
right: 0;
z-index: 5;
}
}
[temp="page-recruit.php"] .pos__box__circle:before, [temp="page-recruit.php"] .pos__box__circle:after {
display: block;
content: "";
width: 12px;
height: 2px;
background: #000;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
[temp="page-recruit.php"] .pos__box__circle:after {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
-webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
[temp="page-recruit.php"] .pos__box__head {
cursor: pointer;
background: #000;
height: 110px;
border-radius: 12px 0 0 12px;
position: relative;
-webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .pos__box__head {
height: 82px;
}
[temp="page-recruit.php"] .pos__box__head:after {
display: block;
content: "";
width: 50vw;
height: 100%;
position: absolute;
left: 90%;
top: 0;
background: #000;
z-index: 1;
}
}
@media (hover: hover) and (pointer: fine) {
[temp="page-recruit.php"] .pos__box__head:hover .pos__box__circle {
-webkit-transform: translate(0, -50%) scale(1.1);
transform: translate(0, -50%) scale(1.1);
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
[temp="page-recruit.php"] .pos__box__head:hover .pos__box__circle {
-webkit-transform: translate(0, -50%) scale(1.1);
transform: translate(0, -50%) scale(1.1);
}
}
[temp="page-recruit.php"] .pos__box__h4 {
color: #fff;
position: absolute;
max-width: calc(100% - 120px);
font-size: 26px;
letter-spacing: 0.04em;
line-height: 100%;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 40px;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .pos__box__h4 {
left: 20px;
font-size: 18px;
}
}
[temp="page-recruit.php"] .pos__box__set {
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
padding: 50px 0;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .pos__box__set {
padding: 40px 0;
}
}
[temp="page-recruit.php"] .pos__box__set__1 {
width: 340px;
float: left;
padding-left: 40px;
padding-right: 40px;
font-size: 22px;
font-weight: 700;
line-height: 120%;
}
@media screen and (max-width: 990px) {
[temp="page-recruit.php"] .pos__box__set__1 {
width: 100%;
}
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .pos__box__set__1 {
width: 100%;
padding-left: 20px;
padding-right: 0;
font-size: 15px;
}
}
[temp="page-recruit.php"] .pos__box__set__2 {
width: calc(100% - 340px);
padding-right: 80px;
float: left;
font-size: 14px;
line-height: 26px;
}
@media screen and (min-width: 821px) {
[temp="page-recruit.php"] .pos__box__set__2.pos__box__set__2__long {
width: 100%;
padding-left: 40px;
}
}
@media screen and (max-width: 990px) {
[temp="page-recruit.php"] .pos__box__set__2 {
width: 100%;
padding-left: 40px;
padding-right: 40px;
padding-top: 25px;
}
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .pos__box__set__2 {
width: 100%;
padding-right: 0px;
padding-left: 20px;
padding-top: 25px;
font-size: 12px;
line-height: 22px;
}
}
[temp="page-recruit.php"] .pos__box__set__2 .g_button {
color: #000;
height: 68px;
border-radius: 34px;
}
[temp="page-recruit.php"] .pos__box__set__2 .g_button span {
height: 16px;
font-size: 16px;
line-height: 16px;
}
[temp="page-recruit.php"] .pos__box__set__2 .g_button__back {
opacity: 0.1;
border-color: #000;
border-radius: 34px;
}
[temp="page-recruit.php"] .pos__box__set__2 .g_button__back:before {
background: #000;
}
[temp="page-recruit.php"] .pos__box__set__2 .g_button {
width: 260px;
}
[temp="page-recruit.php"] .pos__box__set__2 .g_button span {
width: 100%;
}
[temp="page-recruit.php"] .pos__box ul {
padding-left: calc(0px + 1em);
}
@media screen and (max-width: 990px) {
[temp="page-recruit.php"] .pos__box ul {
width: 100%;
padding-left: 40px;
padding-right: 40px;
padding-top: 25px;
}
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .pos__box ul {
padding-left: calc(20px + 1em);
}
}
[temp="page-recruit.php"] .pos__box__cont {
display: none;
}
[temp="page-recruit.php"] .pos__box__set__bottom .pos__box__set__1 {
padding-top: 21px;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .pos__box__set__bottom .pos__box__set__1 {
padding-top: 0;
}
}
[temp="page-recruit.php"] .pos__box__set__bottom .pos__box__set__2 {
text-align: right;
}
@media screen and (max-width: 990px) {
[temp="page-recruit.php"] .pos__box__set__bottom .pos__box__set__2 {
text-align: center;
}
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .pos__box__set__bottom .pos__box__set__2 {
margin-top: 25px;
text-align: center;
}
}
[temp="page-recruit.php"] .pos__box__open .pos__box__head {
border-radius: 12px 0 0 0px;
}
[temp="page-recruit.php"] .pos__box__open .pos__box__circle:after {
-webkit-transform: translate(-50%, 250%) rotate(90deg);
transform: translate(-50%, 250%) rotate(90deg);
opacity: 0;
}
[temp="page-recruit.php"] .contentarea__nm {
position: relative;
z-index: 20;
background: #fff;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .rc__a2__set + .rc__a2__set {
margin-top: 59px;
}
}
[temp="page-recruit.php"] .mm__other {
background: #eaeaea;
padding: 90px 0 120px;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .mm__other {
padding: 80px 0 60px;
}
}
[temp="page-recruit.php"] .mm__other__area {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .mm__other__area {
margin-top: 60px;
display: block;
}
}
[temp="page-recruit.php"] .mm__other__box {
width: calc(33.3% - 23.3px);
display: block;
position: relative;
width: 24%;
}
@media screen and (max-width: 1300px) {
[temp="page-recruit.php"] .mm__other__box {
width: 48%;
}
}
@media (hover: hover) and (pointer: fine) {
[temp="page-recruit.php"] .mm__other__box:hover .mm__other__box__th__in {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
[temp="page-recruit.php"] .mm__other__box:hover .mm__other__box__th__in {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .mm__other__box {
width: 100%;
}
}
[temp="page-recruit.php"] .mm__other__box__th {
width: 100%;
padding-top: 100%;
border-radius: 12px;
z-index: 2;
overflow: hidden;
position: relative;
}
[temp="page-recruit.php"] .mm__other__box__th__in {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
[temp="page-recruit.php"] .mm__other__name {
font-size: 20px;
line-height: 30px;
margin-top: 30px;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .mm__other__name {
font-size: 18px;
}
}
[temp="page-recruit.php"] .mm__other__role {
font-size: 13px;
line-height: 19px;
margin-top: 12px;
color: #939393;
padding-bottom: 40px;
}
@media screen and (max-width: 820px) {
[temp="page-recruit.php"] .mm__other__role {
margin-top: 12px;
line-height: 22px;
font-size: 12px;
}
}
[temp="page-recruit.php"] [position_filter] {
cursor: pointer;
}
[temp="page-recruit.php"] [position_filter].g_button2 {
background: #000;
}
[temp="page-recruit.php"] [position_filter].g_button2 span {
color: #fff;
}
@media (hover: hover) and (pointer: fine) {
[temp="page-recruit.php"] [position_filter]:hover span {
color: #fff;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
[temp="page-recruit.php"] [position_filter]:hover span {
color: #fff;
}
}
[temp="page-recruit.php"] [position_filterd] {
overflow: hidden;
}
@media screen and (min-width: 821px) {
[temp="page-recruit.php"][blang=en_US] .rc__a1__h2 {
font-size: 60px;
}
[temp="page-recruit.php"][blang=en_US] .rc__a4__title {
font-size: 18px;
}
[temp="page-recruit.php"][blang=en_US] .rc__a2__box p {
font-size: 18px;
line-height: 130%;
}
[temp="page-recruit.php"][blang=en_US] .rc__a2__box p.rc__a2__box__p {
font-size: 14px;
line-height: 130%;
}
}
[temp="single-guideline.php"] .st__head {
padding: 153px 0 0px;
}
[temp="single-guideline.php"] .co__h4 {
letter-spacing: 0.02em !important;
font-weight: 600;
line-height: 130%;
}
[temp="single-guideline.php"] .gl__section {
width: 100%;
height: 70px;
}
[temp="single-guideline.php"] .gl__area {
overflow: hidden;
}
[temp="single-guideline.php"] .gl__area a {
text-decoration: underline;
color: #888;
}
[temp="single-guideline.php"] .gl__width {
padding-bottom: 100px;
margin: 0 auto;
}
@media screen and (min-width: 821px) {
[temp="single-guideline.php"] .gl__width {
width: calc(100% - 160px);
padding-bottom: 120px;
}
}
[temp="single-guideline.php"] .gl__date {
text-align: right;
font-size: 14px;
margin: 44px 0 25px;
min-height: 14px;
}
[temp="single-guideline.php"] .gl__h2 {
margin-top: 56px;
font-size: 32px;
line-height: 180%;
}
@media screen and (max-width: 820px) {
[temp="single-guideline.php"] .gl__h2 {
font-size: 18px;
}
}
[temp="single-guideline.php"] .gl__p {
margin-top: 29px;
font-size: 16px;
line-height: 32px;
}
@media screen and (max-width: 820px) {
[temp="single-guideline.php"] .gl__p {
margin-top: 25px;
font-size: 13px;
line-height: 26px;
}
}
[temp="single-guideline.php"] .gl__p2 {
margin-top: 29px;
font-size: 12px;
line-height: 24px;
opacity: 0.6;
padding-left: 2em;
}
@media screen and (max-width: 820px) {
[temp="single-guideline.php"] .gl__p2 {
margin-top: 25px;
font-size: 10px;
line-height: 20px;
}
}
[temp="single-guideline.php"] .gl__p2::before {
content: "※";
display: inline-block;
margin-left: -2em;
width: 2em;
}
[temp="single-guideline.php"] .gl__list {
margin-top: 29px;
font-size: 16px;
line-height: 32px;
padding-left: 2em;
}
@media screen and (max-width: 820px) {
[temp="single-guideline.php"] .gl__list {
margin-top: 25px;
font-size: 13px;
line-height: 26px;
}
}
[temp="single-guideline.php"] .gl__list li {
list-style-type: none;
counter-increment: cnt;
}
[temp="single-guideline.php"] .gl__list li::before {
content: "(" counter(cnt) ") ";
display: inline-block;
margin-left: -2em;
width: 2em;
}
[temp="single-guideline.php"] .gl__content *:first-child {
margin-top: 0;
}
[temp="single-guideline.php"] .gl__table {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
[temp="single-guideline.php"] .gl__table__wrap {
margin-top: 80px;
overflow: auto;
position: relative;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 100vw;
}
[temp="single-guideline.php"] .gl__table__wrap .main_width,
[temp="single-guideline.php"] .gl__table__wrap .gl__width {
overflow: visible;
}
[temp="single-guideline.php"] .gl__table tr {
border-right: solid 3px #eaeaea;
}
[temp="single-guideline.php"] .gl__table td {
padding: 20px;
font-size: 14px;
line-height: 24px;
border: solid 3px #fff;
border-right: solid 3px #eaeaea;
border-bottom: solid 3px #eaeaea;
}
[temp="single-guideline.php"] .gl__table tr td:first-child {
background: #eaeaea;
border-color: #fff;
}
[temp="single-guideline.php"] .gl__table tr:first-child td {
background: #000;
color: #fff;
border-color: #fff;
font-size: 16px;
font-weight: 600;
}
[temp="single-guideline.php"] .gl__table__width tr td:last-child {
width: 50vw;
background: #f00;
border-color: #fff;
visibility: hidden;
}
[temp="single-member.php"] .mm__contentarea {
padding-top: 248px;
}
@media screen and (max-width: 820px) {
[temp="single-member.php"] .mm__contentarea {
padding-top: 124px;
}
}
[temp="single-member.php"] .mm__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 820px) {
[temp="single-member.php"] .mm__head {
display: block;
}
}
[temp="single-member.php"] .mm__head__profile {
width: 610px;
max-width: 60%;
height: 390px;
background: #eee;
border-radius: 30px;
z-index: 2;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 820px) {
[temp="single-member.php"] .mm__head__profile {
border-radius: 15px;
width: 100%;
max-width: 100%;
height: auto;
padding-top: 64.5%;
float: none;
}
}
[temp="single-member.php"] .mm__head__profile__th {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
[temp="single-member.php"] .mm__head__texts {
width: 50%;
padding-left: 70px;
position: relative;
}
@media screen and (max-width: 820px) {
[temp="single-member.php"] .mm__head__texts {
width: 100%;
max-width: 100%;
float: none;
padding: 40px 0 0;
}
}
[temp="single-member.php"] .mm__h1 {
font-size: 34px;
line-height: 50px;
font-weight: 700;
}
@media screen and (max-width: 820px) {
[temp="single-member.php"] .mm__h1 {
font-size: 21px;
line-height: 33px;
}
}
[temp="single-member.php"] .mm__name {
font-size: 16px;
font-weight: 700;
color: #939393;
margin-top: 4px;
}
@media screen and (max-width: 820px) {
[temp="single-member.php"] .mm__name {
font-size: 12px;
}
}
[temp="single-member.php"] .mm__role {
font-size: 16px;
font-weight: 600;
margin-top: 25px;
}
@media screen and (max-width: 820px) {
[temp="single-member.php"] .mm__role {
font-size: 13px;
line-height: 26px;
margin-top: 15px;
}
}
[temp="single-member.php"] .mm__lead {
font-size: 14px;
line-height: 26px;
font-weight: 500;
margin-top: 40px;
}
@media screen and (max-width: 820px) {
[temp="single-member.php"] .mm__lead {
font-size: 12px;
line-height: 22px;
margin-top: 25px;
}
}
[temp="single-member.php"] .mm__tags {
margin-top: 25px;
margin-bottom: 0px;
font-size: 0;
}
[temp="single-member.php"] .mm__tag {
margin-right: 12px;
background: #000;
height: 32px;
font-size: 12px;
padding: 0 15px;
line-height: 32px;
vertical-align: middle;
color: #fff;
display: inline-block;
border-radius: 16px;
}
@media screen and (max-width: 820px) {
[temp="single-member.php"] .mm__tag {
height: 18px;
line-height: 18px;
font-size: 10px;
padding: 0 9px;
}
}
[temp="single-member.php"] .mm__content {
margin-top: 120px;
padding-bottom: 120px;
}
@media screen and (max-width: 820px) {
[temp="single-member.php"] .mm__content {
margin-top: 100px;
padding-bottom: 100px;
}
}
[temp="single-member.php"] .mm__content__q {
position: relative;
padding-left: 53px;
font-size: 16px;
line-height: 200%;
font-weight: 600;
color: #939393;
margin-top: 80px;
}
@media screen and (max-width: 820px) {
[temp="single-member.php"] .mm__content__q {
margin-top: 60px;
font-size: 13px;
padding-left: 30px;
}
}
[temp="single-member.php"] .mm__content__q:before {
content: "";
display: block;
position: absolute;
width: 45px;
height: 1px;
background: #939393;
left: 0;
top: 16px;
}
@media screen and (max-width: 820px) {
[temp="single-member.php"] .mm__content__q:before {
top: 12px;
width: 23px;
}
}
[temp="single-member.php"] .mm__content__a1 {
position: relative;
font-size: 24px;
line-height: 36px;
font-weight: 600;
margin-top: 40px;
letter-spacing: 0.04em;
}
@media screen and (max-width: 820px) {
[temp="single-member.php"] .mm__content__a1 {
margin-top: 30px;
font-size: 15px;
line-height: 28px;
}
}
[temp="single-member.php"] .mm__content__a2 {
position: relative;
font-size: 16px;
line-height: 32px;
font-weight: 500;
margin-top: 29px;
letter-spacing: 0.04em;
}
@media screen and (max-width: 820px) {
[temp="single-member.php"] .mm__content__a2 {
margin-top: 25px;
font-size: 13px;
line-height: 26px;
}
}
[temp="single-member.php"] .mm__content__bottom {
margin-top: 70px;
text-align: center;
}
[temp="single-member.php"] .mm__content__bottom .g_button {
color: #000;
height: 68px;
border-radius: 34px;
}
[temp="single-member.php"] .mm__content__bottom .g_button span {
height: 16px;
font-size: 16px;
line-height: 16px;
}
[temp="single-member.php"] .mm__content__bottom .g_button__back {
opacity: 0.1;
border-color: #000;
border-radius: 34px;
}
[temp="single-member.php"] .mm__content__bottom .g_button__back:before {
background: #000;
}
@media screen and (max-width: 820px) {
[temp="single-member.php"] .mm__content__bottom .g_button {
color: #000;
height: 57px;
border-radius: 28.5px;
}
[temp="single-member.php"] .mm__content__bottom .g_button span {
height: 15px;
font-size: 15px;
line-height: 15px;
}
[temp="single-member.php"] .mm__content__bottom .g_button__back {
opacity: 0.1;
border-color: #000;
border-radius: 28.5px;
}
[temp="single-member.php"] .mm__content__bottom .g_button__back:before {
background: #000;
}
}
[temp="single-member.php"] .mm__content__bottom .g_button {
width: 260px;
}
@media screen and (max-width: 820px) {
[temp="single-member.php"] .mm__content__bottom .g_button {
width: 215px;
}
}
[temp="single-member.php"] .mm__other {
background: #eaeaea;
padding: 90px 0 120px;
}
@media screen and (max-width: 820px) {
[temp="single-member.php"] .mm__other {
padding: 80px 0 60px;
}
}
[temp="single-member.php"] .mm__other__area {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 820px) {
[temp="single-member.php"] .mm__other__area {
margin-top: 60px;
display: block;
}
}
[temp="single-member.php"] .mm__other__box {
width: calc(33.3% - 23.3px);
display: block;
}
@media (hover: hover) and (pointer: fine) {
[temp="single-member.php"] .mm__other__box:hover .mm__other__box__th__in {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
[temp="single-member.php"] .mm__other__box:hover .mm__other__box__th__in {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
@media screen and (max-width: 820px) {
[temp="single-member.php"] .mm__other__box {
width: 100%;
}
}
[temp="single-member.php"] .mm__other__box__th {
width: 100%;
padding-top: 100%;
border-radius: 12px;
z-index: 2;
overflow: hidden;
position: relative;
}
[temp="single-member.php"] .mm__other__box__th__in {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
[temp="single-member.php"] .mm__other__name {
font-size: 20px;
line-height: 30px;
margin-top: 30px;
}
@media screen and (max-width: 820px) {
[temp="single-member.php"] .mm__other__name {
font-size: 18px;
}
}
[temp="single-member.php"] .mm__other__role {
font-size: 14px;
line-height: 26px;
margin-top: 12px;
color: #939393;
padding-bottom: 40px;
}
@media screen and (max-width: 820px) {
[temp="single-member.php"] .mm__other__role {
margin-top: 12px;
line-height: 22px;
font-size: 12px;
}
}
[temp="single-news.php"] .ns__contentarea {
padding-top: 168px;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__contentarea {
padding-top: 124px;
}
}
[temp="single-news.php"] .ns__head {
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
padding-bottom: 35px;
margin-bottom: 35px;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__head {
padding-bottom: 25px;
margin-bottom: 25px;
}
}
[temp="single-news.php"] .ns__date {
font-size: 14px;
color: #939393;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__date {
font-size: 12px;
}
}
[temp="single-news.php"] .ns__h1 {
margin-top: 10px;
font-size: 44px;
line-height: 70px;
letter-spacing: 0.02em;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__h1 {
font-size: 21px;
line-height: 33px;
}
}
[temp="single-news.php"] .ns__tags {
margin-top: 30px;
}
[temp="single-news.php"] .ns__tags .g_button {
color: #000;
height: 32px;
border-radius: 16px;
}
[temp="single-news.php"] .ns__tags .g_button span {
height: 12px;
font-size: 12px;
line-height: 12px;
}
[temp="single-news.php"] .ns__tags .g_button__back {
opacity: 1;
border-color: #000;
border-radius: 16px;
}
[temp="single-news.php"] .ns__tags .g_button__back:before {
background: #000;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__tags {
margin-top: 15px;
}
[temp="single-news.php"] .ns__tags .g_button {
color: #000;
height: 18px;
border-radius: 9px;
}
[temp="single-news.php"] .ns__tags .g_button span {
height: 10px;
font-size: 10px;
line-height: 10px;
}
[temp="single-news.php"] .ns__tags .g_button__back {
opacity: 1;
border-color: #000;
border-radius: 9px;
}
[temp="single-news.php"] .ns__tags .g_button__back:before {
background: #000;
}
}
[temp="single-news.php"] .ns__tags .g_button {
padding: 0 16px;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__tags .g_button {
padding: 0 10px;
}
}
[temp="single-news.php"] .ns__tags .g_button__back {
border-width: 1px;
}
[temp="single-news.php"] .ns__tags .g_button span {
font-weight: 500;
}
@media (hover: hover) and (pointer: fine) {
[temp="single-news.php"] .ns__tags .g_button:hover span {
color: #fff;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
[temp="single-news.php"] .ns__tags .g_button:hover span {
color: #fff;
}
}
[temp="single-news.php"] .ns__kv {
position: relative;
border-radius: 30px;
overflow: hidden;
z-index: 2;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__kv {
border-radius: 15px;
}
}
[temp="single-news.php"] .ns__kv img {
width: 100%;
height: auto;
display: block;
}
[temp="single-news.php"] .ns__content {
position: relative;
margin: 80px 0 0;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__content {
margin: 60px 0 0;
}
}
[temp="single-news.php"] ul.ns__cw ::marker {
font-size: 10px;
}
[temp="single-news.php"] .ns__cw {
width: calc(100% - 160px);
margin-left: auto;
margin-right: auto;
display: block;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__cw {
width: calc(100% - 40px);
}
}
[temp="single-news.php"] .ns__c__h3 {
font-size: 34px;
line-height: 50px;
font-weight: 700;
margin: 30px auto;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__c__h3 {
font-size: 18px;
line-height: 30px;
margin: 24px auto;
}
}
[temp="single-news.php"] .ns__c__h4 {
font-size: 24px;
line-height: 36px;
font-weight: 700;
margin: 30px auto;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__c__h4 {
font-size: 15px;
line-height: 28px;
margin: 24px auto;
}
}
[temp="single-news.php"] .ns__c__h5 {
font-size: 20px;
line-height: 30px;
font-weight: 700;
margin: 30px auto;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__c__h5 {
font-size: 14px;
line-height: 22px;
margin: 24px auto;
}
}
[temp="single-news.php"] .ns__c__p {
font-size: 16px;
line-height: 32px;
font-weight: 500;
margin: 30px auto;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__c__p {
font-size: 13px;
line-height: 26px;
margin: 24px auto;
}
}
[temp="single-news.php"] .ns__c__list {
padding-left: 1em;
font-size: 14px;
line-height: 26px;
margin: 50px auto;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__c__list {
font-size: 12px;
line-height: 22px;
}
}
[temp="single-news.php"] .ns__c__linkbox {
background: #eaeaea;
border-radius: 30px;
padding: 50px;
margin: 80px auto;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__c__linkbox {
border-radius: 15px;
padding: 35px 40;
}
}
[temp="single-news.php"] .ns__c__linkbox__title {
font-size: 24px;
line-height: 36px;
font-weight: 700;
padding-right: 300px;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__c__linkbox__title {
padding-right: 0;
font-size: 15px;
line-height: 28px;
}
}
[temp="single-news.php"] .ns__c__linkbox__text {
margin-top: 19px;
font-size: 14px;
line-height: 26px;
font-weight: 500;
padding-right: 300px;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__c__linkbox__text {
padding-right: 0;
font-size: 12px;
line-height: 22px;
}
}
[temp="single-news.php"] .ns__c__linkbox__in {
position: relative;
}
[temp="single-news.php"] .ns__c__linkbox .g_button {
color: #000;
height: 68px;
border-radius: 34px;
}
[temp="single-news.php"] .ns__c__linkbox .g_button span {
height: 16px;
font-size: 16px;
line-height: 16px;
}
[temp="single-news.php"] .ns__c__linkbox .g_button__back {
opacity: 0.1;
border-color: #000;
border-radius: 34px;
}
[temp="single-news.php"] .ns__c__linkbox .g_button__back:before {
background: #000;
}
[temp="single-news.php"] .ns__c__linkbox .g_button {
position: absolute;
bottom: 0;
right: 0;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__c__linkbox .g_button {
margin-top: 50px;
position: relative;
width: 100%;
text-align: center;
}
}
[temp="single-news.php"] .ns__c__linkbox .g_targ span {
padding-right: 30px;
}
[temp="single-news.php"] .ns__c__img {
position: relative;
overflow: hidden;
z-index: 2;
margin: 80px auto;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__c__img {
margin: 60px auto;
}
}
[temp="single-news.php"] .ns__c__img__rad {
border-radius: 30px;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__c__img__rad {
border-radius: 15px;
}
}
[temp="single-news.php"] .ns__c__img__vid:before {
display: block;
content: "";
padding-top: 56.25%;
}
[temp="single-news.php"] .ns__c__img iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
[temp="single-news.php"] .ns__c__img img {
width: 100%;
height: auto;
display: block;
}
[temp="single-news.php"] .ns__c__table {
margin: 80px auto;
border-top: solid 1px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__c__table {
margin: 60px auto;
}
}
[temp="single-news.php"] .ns__c__table__set {
padding: 30px 0;
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
font-size: 14px;
line-height: 26px;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__c__table__set {
padding: 25px 0;
font-size: 12px;
line-height: 22px;
}
}
[temp="single-news.php"] .ns__c__table__1 {
width: 200px;
float: left;
color: #939393;
padding-right: 20px;
}
[temp="single-news.php"] .ns__c__table__2 {
width: calc(100% - 200px);
float: left;
}
[temp="single-news.php"] .ns__c__game {
display: block;
position: relative;
margin: 80px auto;
background-color: #000;
color: #fff;
border-radius: 30px;
z-index: 2;
overflow: hidden;
}
[temp="single-news.php"] .ns__c__game__bg {
opacity: 0.5;
width: 690px;
height: 100%;
background: #ccc;
position: absolute;
top: 0px;
left: -30px;
-webkit-mask-image: url(//shueisha-games.com/wp-content/themes/sg2023/img/mask1.svg);
mask-image: url(//shueisha-games.com/wp-content/themes/sg2023/img/mask1.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: right 50%;
mask-position: right 50%;
-webkit-mask-size: cover;
mask-size: cover;
}
[temp="single-news.php"] .ns__c__game__bg__in {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__c__game {
border-radius: 15px;
}
}
[temp="single-news.php"] .ns__c__game__cont {
padding: 74px 55px 88px 0;
position: relative;
z-index: 5;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__c__game__cont {
padding: 40px 35px;
}
}
[temp="single-news.php"] .ns__c__game__cont__in {
width: 365px;
width: 40%;
margin-left: auto;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__c__game__cont__in {
width: 100%;
}
}
[temp="single-news.php"] .ns__c__game__cont__title {
font-size: 64px;
line-height: 115%;
font-weight: 900;
word-break: break-all;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__c__game__cont__title {
font-size: 38px;
line-height: 40px;
}
}
[temp="single-news.php"] .ns__c__game__cont__p {
margin-top: 20px;
font-size: 16px;
line-height: 32px;
font-weight: 500;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__c__game__cont__p {
font-size: 13px;
line-height: 26px;
}
}
[temp="single-news.php"] .ns__bottom {
padding-bottom: 120px;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__bottom {
padding-bottom: 100px;
}
}
[temp="single-news.php"] .ns__bottom .co__h4 {
font-weight: 700;
letter-spacing: 0.02em;
margin-bottom: 59px;
}
[temp="single-news.php"] .ns__bottom__in {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
[temp="single-news.php"] .ns__bottom__in:after {
content: "";
display: block;
height: 1px;
width: calc(33.3% - 23.3px);
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__bottom__in {
display: block;
}
}
[temp="single-news.php"] .ns__bottom__in * {
color: #000;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__bottom .g_th_ {
width: 100%;
}
}
[temp="single-news.php"] .ns__bottom .g_th__cat__box {
border: solid 1px #000;
}
[temp="single-news.php"] .ns__bottom .g_button {
color: #000;
height: 68px;
border-radius: 34px;
}
[temp="single-news.php"] .ns__bottom .g_button span {
height: 18px;
font-size: 18px;
line-height: 18px;
}
[temp="single-news.php"] .ns__bottom .g_button__back {
opacity: 0.1;
border-color: #000;
border-radius: 34px;
}
[temp="single-news.php"] .ns__bottom .g_button__back:before {
background: #000;
}
[temp="single-news.php"] .ns__bottom .g_button {
margin: 70px auto 120px;
display: block;
width: 260px;
}
[temp="single-news.php"] .ns__bottom .g_button span {
width: 100%;
}
[temp="single-news.php"] .ns__bottom {
margin-top: 200px;
}
@media screen and (max-width: 820px) {
[temp="single-news.php"] .ns__bottom {
margin-top: 100px;
}
}
[temp="page-office.php"] .ofc__head__kv {
display: block;
width: 100%;
height: auto;
}
[temp="page-office.php"] .ofc__head__kv__wrap {
width: 100%;
height: auto;
position: relative;
border-radius: 30px;
overflow: hidden;
z-index: 1;
}
@media screen and (max-width: 820px) {
[temp="page-office.php"] .ofc__head__kv__wrap {
border-radius: 15px;
}
}
[temp="page-office.php"] .ofc__head__text {
padding: 90px 0 120px;
font-size: 16px;
letter-spacing: 0.03em;
line-height: 32px;
max-width: 630px;
width: 100%;
margin-left: auto;
}
@media screen and (max-width: 820px) {
[temp="page-office.php"] .ofc__head__text {
padding: 40px 0 60px;
font-size: 13px;
line-height: 26px;
}
}
[temp="page-office.php"] .ofc__content {
overflow: hidden;
padding-top: 80px;
background: #eaeaea;
}
@media screen and (max-width: 820px) {
[temp="page-office.php"] .ofc__content {
padding-top: 60px;
}
}
[temp="page-office.php"] .ofc__content__box {
position: relative;
margin-bottom: 80px;
}
@media screen and (max-width: 820px) {
[temp="page-office.php"] .ofc__content__box {
margin-bottom: 40px;
}
}
[temp="page-office.php"] .ofc__content__box__img {
width: 56.25%;
float: left;
border-radius: 30px;
overflow: hidden;
z-index: 1;
}
@media screen and (max-width: 820px) {
[temp="page-office.php"] .ofc__content__box__img {
border-radius: 15px;
width: 100%;
}
}
[temp="page-office.php"] .ofc__content__box__img img {
width: 100%;
}
[temp="page-office.php"] .ofc__content__box__text {
width: 43.75%;
float: left;
padding-left: 7%;
padding-top: 4vw;
}
@media screen and (max-width: 820px) {
[temp="page-office.php"] .ofc__content__box__text {
width: 100%;
padding-left: 0%;
padding-top: 25px;
}
}
[temp="page-office.php"] .ofc__content__box__text h3 {
font-size: 44px;
}
@media screen and (max-width: 820px) {
[temp="page-office.php"] .ofc__content__box__text h3 {
font-size: 21px;
}
}
[temp="page-office.php"] .ofc__content__box__text p {
border-top: solid 1px rgba(0, 0, 0, 0.1);
padding-top: 30px;
margin-top: 30px;
font-size: 16px;
line-height: 32px;
}
@media screen and (max-width: 820px) {
[temp="page-office.php"] .ofc__content__box__text p {
padding-top: 20px;
margin-top: 20px;
font-size: 13px;
line-height: 26px;
}
}
[temp="page-office.php"] .ofc__content__box__title {
font-size: 44px;
}
[temp="page-office.php"] .ofc__gallery__h {
font-size: 74px;
letter-spacing: -0.05em;
margin-bottom: 50px;
}
@media screen and (max-width: 820px) {
[temp="page-office.php"] .ofc__gallery__h {
font-size: 50px;
}
}
[temp="page-office.php"] .ofc__gallery__box {
width: 435px;
height: 300px;
position: relative;
border-radius: 30px;
z-index: 1;
overflow: hidden !important;
cursor: pointer;
margin-right: 30px;
}
@media screen and (max-width: 820px) {
[temp="page-office.php"] .ofc__gallery__box {
margin-right: 15px;
border-radius: 15px;
width: 275px;
height: 190px;
}
}
[temp="page-office.php"] .ofc__gallery__in {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
-webkit-transition: all 1500ms cubic-bezier(0.465, 0.035, 0, 0.985);
transition: all 1500ms cubic-bezier(0.465, 0.035, 0, 0.985);
}
@media (hover: hover) and (pointer: fine) {
[temp="page-office.php"] .ofc__gallery__box:hover .ofc__gallery__in {
-webkit-transform: scale(1.04) !important;
transform: scale(1.04) !important;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
[temp="page-office.php"] .ofc__gallery__box:hover .ofc__gallery__in {
-webkit-transform: scale(1.04) !important;
transform: scale(1.04) !important;
}
}
[temp="page-office.php"] .ofc__gallery__slide,
[temp="page-office.php"] .ofc__gallery__slide * {
overflow: visible;
}
[temp="page-office.php"] .ofc__gallery__nav {
margin-top: 40px;
}
@media screen and (max-width: 820px) {
[temp="page-office.php"] .ofc__gallery__nav {
margin-top: 30px;
}
}
[temp="page-office.php"] .ofc__gallery__nav * {
vertical-align: middle;
}
[temp="page-office.php"] .ofc__gallery__nav__button {
display: inline-block;
width: 56px;
height: 56px;
border-radius: 100%;
position: relative;
margin-right: 18px;
cursor: pointer;
border: solid 3px rgba(0, 0, 0, 0.1);
}
@media (hover: hover) and (pointer: fine) {
[temp="page-office.php"] .ofc__gallery__nav__button:hover {
opacity: 0.7;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
[temp="page-office.php"] .ofc__gallery__nav__button:hover {
opacity: 0.7;
}
}
@media screen and (max-width: 820px) {
[temp="page-office.php"] .ofc__gallery__nav__button {
margin-right: 15px;
}
}
@media screen and (max-width: 820px) {
[temp="page-office.php"] .ofc__gallery__nav__button {
border-width: 1.5px;
}
}
[temp="page-office.php"] .ofc__gallery__nav__button.prev:before, [temp="page-office.php"] .ofc__gallery__nav__button.next:before {
display: block;
content: "";
position: absolute;
-webkit-transform-origin: center center;
transform-origin: center center;
top: 50%;
left: 50%;
width: 0;
height: 0;
border-style: solid;
border-width: 0 4px 11px 4px;
border-color: transparent transparent #000000 transparent;
}
[temp="page-office.php"] .ofc__gallery__nav__button.prev:before {
-webkit-transform: translate(-50%, -50%) rotate(-90deg);
transform: translate(-50%, -50%) rotate(-90deg);
}
[temp="page-office.php"] .ofc__gallery__nav__button.next:before {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
[temp="page-office.php"] .ofc__gallery__nav__bar {
margin-left: 12px;
display: inline-block;
height: 3px;
width: 140px;
background-color: rgba(0, 0, 0, 0.1);
background-image: url(//shueisha-games.com/wp-content/themes/sg2023/img/gl_bar.png);
background-size: 40px 3px;
background-repeat: no-repeat;
-webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); }
@media screen and (max-width: 820px) {
[temp="page-office.php"] .ofc__gallery__nav__bar {
width: 90px;
margin-left: 2px;
}
}
[temp="page-office.php"] .ofc__bottom {
text-align: center;
padding: 70px 0 120px;
}
[temp="page-office.php"] .ofc__bottom .g_button {
color: #000;
height: 68px;
border-radius: 34px;
}
[temp="page-office.php"] .ofc__bottom .g_button span {
height: 18px;
font-size: 18px;
line-height: 18px;
}
[temp="page-office.php"] .ofc__bottom .g_button__back {
opacity: 0.1;
border-color: #000;
border-radius: 34px;
}
[temp="page-office.php"] .ofc__bottom .g_button__back:before {
background: #000;
}
[temp="page-office.php"] .ofc__bottom .g_button {
display: inline-block;
padding: 0 62px;
}
@media screen and (max-width: 820px) {
[temp="page-office.php"] .ofc__bottom {
padding: 60px 0 100px;
}
}
[temp="page-office.php"] .mm__other {
background: #eaeaea;
padding: 90px 0 120px;
}
@media screen and (max-width: 820px) {
[temp="page-office.php"] .mm__other {
padding: 80px 0 60px;
}
}
[temp="page-office.php"] .mm__other__area {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 820px) {
[temp="page-office.php"] .mm__other__area {
margin-top: 60px;
display: block;
}
}
[temp="page-office.php"] .mm__other__box {
width: calc(33.3% - 23.3px);
display: block;
}
@media (hover: hover) and (pointer: fine) {
[temp="page-office.php"] .mm__other__box:hover .mm__other__box__th__in {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
[temp="page-office.php"] .mm__other__box:hover .mm__other__box__th__in {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
@media screen and (max-width: 820px) {
[temp="page-office.php"] .mm__other__box {
width: 100%;
}
}
[temp="page-office.php"] .mm__other__box__th {
width: 100%;
padding-top: 100%;
border-radius: 12px;
z-index: 2;
overflow: hidden;
position: relative;
}
[temp="page-office.php"] .mm__other__box__th__in {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
[temp="page-office.php"] .mm__other__name {
font-size: 20px;
line-height: 30px;
margin-top: 30px;
}
@media screen and (max-width: 820px) {
[temp="page-office.php"] .mm__other__name {
font-size: 18px;
}
}
[temp="page-office.php"] .mm__other__role {
font-size: 14px;
line-height: 26px;
margin-top: 12px;
color: #939393;
padding-bottom: 40px;
}
@media screen and (max-width: 820px) {
[temp="page-office.php"] .mm__other__role {
margin-top: 12px;
line-height: 22px;
font-size: 12px;
}
}
[temp="page-office.php"] .mm__other {
background: #fff;
}.ca__box__notes {
display: block;
margin-top: 6px;
font-size: 12px;
font-weight: 400;
line-height: 1.5;
color: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 767px) {
.ca__box__notes {
font-size: 11px;
line-height: 1.5;
}
}
.gs__contact__cont span{
font-size: 12px;margin-bottom: 2rem;display:block;
}