@charset "UTF-8";

 .home .sns-share {
display: none !important;
}   html, body, div, 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,
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;
}
span, table, caption, tbody, tfoot, thead, tr, th {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}
main {
display: block;
}
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;
text-decoration: none;
} 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;
} *,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
overflow-x: hidden;
}
body {
max-width: 100%;
color: #fff;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
line-height: 1;
background-color: #1A1A1A;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
ul {
list-style: none;
}
a:link,
a:visited,
a:hover,
a:active {
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
a {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.df {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}  .page-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 100px 5vw 0;
}
.page-wrap .main {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
@media screen and (max-width: 1399px) {
.page-wrap {
padding: 100px 2vw 0;
}
}
@media screen and (max-width: 1199px) {
.page-wrap {
padding: 60px 30px 0;
}
}
@media screen and (max-width: 758px) {
.page-wrap {
padding: 47px 15px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
} .container {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0 5vw;
}
@media screen and (max-width: 1399px) {
.container {
padding: 0 2vw;
}
}
@media screen and (max-width: 1199px) {
.container {
padding: 0 30px;
}
}
@media screen and (max-width: 758px) {
.container {
padding: 0 15px;
}
} .main-contents {
background-color: #1A1A1A;
margin-left: 300px;
}
@media screen and (max-width: 1199px) {
.main-contents {
margin-left: 0;
}
} .section-title {
padding-bottom: 15px;
font-size: 48px;
font-family: "Anton", sans-serif;
letter-spacing: 0.05em;
font-weight: 400;
border-bottom: 1px solid #3EBA2B;
}
@media screen and (max-width: 1199px) {
.section-title {
padding-bottom: 12px;
font-size: 32px;
}
}
@media screen and (max-width: 758px) {
.section-title {
padding-bottom: 10px;
font-size: 24px;
}
} .lower-mv {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: url(//ofib.jp/wp-content/themes/ofib-theme/img/lower-mv.jpg) no-repeat;
background-position: center top;
background-size: cover;
height: 20.8vw;
}
.lower-mv__txt {
font-family: "Anton", "Noto Sans JP", sans-serif;
font-size: 4.9vw;
letter-spacing: 0.15em;
font-weight: 400;
}
.lower-mv .breadcrumb {
position: absolute;
bottom: -20px;
right: 0;
min-width: 30%;
max-width: 50%;
height: 40px;
padding: 0 20px;
background-color: #2A2A2A;
font-size: 12px;
font-weight: 500;
line-height: 40px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.lower-mv .breadcrumb a {
color: #fff;
}
@media screen and (max-width: 1199px) {
.lower-mv {
margin-top: 70px;
height: 30vw;
}
.lower-mv .breadcrumb {
bottom: -17px;
min-width: 30%;
max-width: 100%;
height: 34px;
padding: 0 15px;
font-size: 10px;
line-height: 34px;
}
}
@media screen and (max-width: 758px) {
.lower-mv {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 60px;
padding: 0 15px;
height: 45vw;
}
.lower-mv__txt {
font-size: 36px;
line-height: 1.2;
}
.lower-mv .breadcrumb {
bottom: -14px;
height: 28px;
min-width: 60%;
padding: 0 10px;
line-height: 28px;
}
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.pagination {
margin-top: 50px;
font-family: "Anton", sans-serif;
font-size: 20px;
text-align: center;
}
.pagination .page-numbers {
color: #fff;
}
.pagination .page-numbers + .page-numbers {
margin-left: 30px;
}
.pagination .page-numbers.current {
color: #E06A3B;
}
.pagination .page-numbers:hover {
color: #E06A3B;
}
@media screen and (max-width: 1199px) {
.pagination {
margin-top: 30px;
font-size: 16px;
}
.pagination .page-numbers + .page-numbers {
margin-left: 20px;
}
}  .left-header {
position: fixed;
top: 0;
left: 0;
bottom: 0;
padding: 50px 0;
background-color: #1A1A1A;
width: 300px;
}
.left-header .header-logo {
width: 200px;
margin: 0 auto;
}
.left-header .g-nav {
margin-top: 120px;
text-align: center;
font-family: "Anton", sans-serif;
}
.left-header .menu-item + .menu-item {
margin-top: 25px;
}
.left-header .menu-item a {
font-size: 32px;
letter-spacing: 0.15em;
color: #fff;
}
.left-header .menu-item a:hover {
color: #E06A3B;
}
.left-header .menu-item.current-menu-item a {
color: #E06A3B;
}
.left-header .sns-wrap {
margin: 100px auto 0;
width: 125px;
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;
}
.left-header .sns-icon {
width: 50px;
height: 50px;
margin-bottom: 25px;
}
.left-header .sns-icon:hover {
opacity: 0.6;
}
@media screen and (max-width: 1199px) {
.left-header {
display: none;
}
} .top-header {
display: none;
}
@media screen and (max-width: 1199px) {
.top-header {
position: fixed;
top: 0;
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 30px;
height: 70px;
background-color: #1A1A1A;
z-index: 9999;
}
.top-header .logo {
width: 125px;
}
.top-header #menu-btn {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
z-index: 10;
width: 70px;
height: 70px;
border: none;
background-color: #2A2A2A;
overflow: hidden;
outline: none;
}
.top-header #menu-btn span {
position: absolute;
top: 34px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
width: 28px;
height: 2px;
background-color: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.top-header #menu-btn span:first-of-type {
top: 24px;
}
.top-header #menu-btn span:last-of-type {
top: 44px;
}
.top-header #menu-btn.active span:first-of-type {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 34px;
left: 21px;
}
.top-header #menu-btn.active span:nth-of-type(2) {
opacity: 0;
}
.top-header #menu-btn.active span:last-of-type {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 21px;
top: auto;
bottom: 33px;
}
.sp-nav-wrap {
position: fixed;
top: 70px;
right: -50%;
width: 50%;
height: 100vh;
padding: 50px;
background-color: rgba(42, 42, 42, 0.98);
-webkit-transition: all 0.7s;
transition: all 0.7s;
opacity: 0;
}
.sp-nav-wrap.show {
right: 0;
opacity: 1;
}
.drawer-title {
margin-top: 30px;
padding-bottom: 10px;
font-size: 20px;
font-family: "Anton", sans-serif;
letter-spacing: 0.15em;
border-bottom: 1px solid #3EBA2B;
}
.sp-nav {
text-align: center;
margin-top: 30px;
margin-bottom: 60px;
}
.sp-nav .nav-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sp-nav .menu-item {
width: 50%;
text-align: left;
margin-bottom: 30px;
}
.sp-nav .menu-item + .menu-item {
margin-top: 0;
}
.sp-nav .menu-item a {
font-family: "Anton", sans-serif;
color: #fff;
font-size: 24px;
letter-spacing: 0.15em;
}
.sns-wrap {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.sns-wrap .sns-icon {
display: inline-block;
width: 40px;
height: 40px;
}
.sns-wrap .sns-icon + .sns-icon {
margin-left: 20px;
}
}
@media screen and (max-width: 758px) {
.top-header {
padding-left: 15px;
height: 60px;
}
.top-header .logo {
width: 110px;
}
.top-header #menu-btn {
width: 60px;
height: 60px;
}
.top-header #menu-btn span {
top: 30px;
}
.top-header #menu-btn span:first-of-type {
top: 20px;
}
.top-header #menu-btn span:last-of-type {
top: 40px;
}
.top-header #menu-btn.active span:first-of-type {
top: 29px;
left: 16px;
}
.top-header #menu-btn.active span:last-of-type {
left: 16px;
bottom: 29px;
}
.sp-nav-wrap {
top: 60px;
right: -100%;
width: 100%;
padding: 10px 30px;
}
.drawer-title {
margin-top: 30px;
padding-bottom: 10px;
font-size: 20px;
font-family: "Anton", sans-serif;
letter-spacing: 0.15em;
border-bottom: 1px solid #3EBA2B;
}
.sp-nav {
margin-top: 30px;
margin-bottom: 60px;
}
.sp-nav .nav-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sp-nav .menu-item {
width: 50%;
text-align: left;
margin-bottom: 30px;
}
.sp-nav .menu-item + .menu-item {
margin-top: 0;
}
.sp-nav .menu-item a {
font-size: 24px;
}
.sns-wrap {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.sns-wrap .sns-icon {
width: 15%;
height: auto;
}
.sns-wrap .sns-icon img {
width: 100%;
}
.sns-wrap .sns-icon + .sns-icon {
margin-left: 20px;
}
}  .above-footer {
padding: 5.2vw 0;
width: 61.7%;
margin: 0 auto;
}
@media screen and (max-width: 1199px) {
.above-footer {
padding: 60px 0;
width: 61.7%;
margin: 0 auto;
}
}
@media screen and (max-width: 758px) {
.above-footer {
padding: 60px 15px;
width: 100%;
}
} .footer {
padding: 50px 0 60px;
background-color: #2A2A2A;
}
.footer .container {
text-align: center;
}
.footer .nav-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: "Anton", sans-serif;
}
.footer .menu-item + .menu-item {
margin-left: 40px;
}
.footer .menu-item a {
color: #fff;
letter-spacing: 0.075em;
}
.footer .menu-item a:hover {
color: #E06A3B;
}
.footer__logo {
margin: 50px auto 0;
width: 17%;
}
.footer__logo-link {
display: block;
}
.footer__logo-link:hover {
opacity: 0.6;
}
.footer__sns {
margin-top: 30px;
}
.footer .sns-icon {
display: inline-block;
width: 30px;
height: 30px;
}
.footer .sns-icon + .sns-icon {
margin-left: 25px;
}
.footer .sns-icon:hover {
opacity: 0.6;
}
.footer .copyright {
margin-top: 60px;
font-family: "Anton", sans-serif;
font-size: 12px;
letter-spacing: 0.25em;
color: #dfdfdf;
}
.footer .copyright span {
font-family: serif;
font-size: 13px;
}
@media screen and (max-width: 1199px) {
.footer {
padding: 40px 0 60px;
}
.footer .menu-item + .menu-item {
margin-left: 25px;
}
.footer .menu-item a {
font-size: 12px;
}
.footer__logo {
margin: 40px auto 0;
width: 20%;
}
.footer__sns {
margin-top: 20px;
}
.footer .sns-icon + .sns-icon {
margin-left: 20px;
}
.footer .copyright {
margin-top: 40px;
font-size: 10px;
}
.footer .copyright span {
font-size: 12px;
}
}
@media screen and (max-width: 758px) {
.footer {
padding: 40px 0;
}
.footer .container {
padding: 0 15px;
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer .footer-nav {
margin-top: 30px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.footer .nav-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.footer .menu-item {
width: 50%;
margin-bottom: 20px;
}
.footer .menu-item + .menu-item {
margin-left: 0;
}
.footer .menu-item a {
font-size: 14px;
}
.footer__logo {
margin: 0;
width: 40%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.footer__sns {
margin-top: 20px;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.footer .sns-icon {
width: 30px;
height: 30px;
}
.footer .copyright {
margin-top: 60px;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
} .sidebar {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
width: 25%;
max-width: 330px;
margin-left: 2vw;
}
.sidebar .widget {
padding: 15px 15px 20px;
background-color: #2A2A2A;
}
.sidebar .widget + .widget {
margin-top: 20px;
}
.sidebar .widget-title {
font-family: "Anton", sans-serif;
font-size: 20px;
font-weight: 400;
letter-spacing: 0.15em;
color: #E06A3B;
}
.sidebar .widget_search .search-form {
position: relative;
margin-top: 20px;
width: 100%;
}
.sidebar .widget_search label {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.sidebar .widget_search .search-field {
width: 100%;
height: 40px;
padding: 0 10px;
background: #fff;
border: 1px solid transparent;
font-size: 16px;
font-weight: 500;
line-height: 38px;
outline: none;
}
.sidebar .widget_search .search-field::-webkit-input-placeholder {
color: #aaa;
font-size: 14px;
font-weight: 500;
}
.sidebar .widget_search .search-field:-ms-input-placeholder {
color: #aaa;
font-size: 14px;
font-weight: 500;
}
.sidebar .widget_search .search-field::-ms-input-placeholder {
color: #aaa;
font-size: 14px;
font-weight: 500;
}
.sidebar .widget_search .search-field::placeholder {
color: #aaa;
font-size: 14px;
font-weight: 500;
}
.sidebar .widget_search .search-submit {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
border: none;
outline: none;
background: url(//ofib.jp/wp-content/themes/ofib-theme/img/search-icon.svg) no-repeat;
background-color: #3261AB;
background-size: 20px 20px;
background-position: center center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.sidebar .widget_search .search-submit:hover {
opacity: 0.6;
}
.sidebar .widget_categories .widget-title {
color: #3EBA2B;
}
.sidebar .widget_archive .widget-title {
color: #F6CA06;
}
.sidebar .widget ul {
margin-top: 20px;
}
.sidebar .widget li + li {
margin-top: 15px;
}
.sidebar .widget li a {
display: block;
color: #fff;
font-family: "Anton", sans-serif;
letter-spacing: 0.15em;
}
.sidebar .widget li a::before {
content: ">";
margin-right: 10px;
}
.sidebar .widget li a:hover {
color: #E06A3B;
}
@media screen and (max-width: 1199px) {
.sidebar {
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
width: 30%;
margin-left: 20px;
}
.sidebar .widget {
padding: 15px 10px 20px;
}
.sidebar .widget + .widget {
margin-top: 12px;
}
.sidebar .widget-title {
font-size: 16px;
}
.sidebar .widget_search .search-field {
height: 30px;
padding: 0 10px;
font-size: 14px;
line-height: 30px;
}
.sidebar .widget_search .search-field::-webkit-input-placeholder {
font-size: 12px;
}
.sidebar .widget_search .search-field:-ms-input-placeholder {
font-size: 12px;
}
.sidebar .widget_search .search-field::-ms-input-placeholder {
font-size: 12px;
}
.sidebar .widget_search .search-field::placeholder {
font-size: 12px;
}
.sidebar .widget_search .search-submit {
width: 30px;
height: 30px;
background-size: 14px 14px;
}
.sidebar .widget li a {
font-size: 12px;
}
.sidebar .widget li a::before {
margin-right: 8px;
}
}
@media screen and (max-width: 758px) {
.sidebar {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
max-width: 100%;
margin-left: 0;
margin-top: 60px;
}
.sidebar .widget {
padding: 15px 15px 20px;
}
.sidebar .widget + .widget {
margin-top: 10px;
}
.sidebar .widget-title {
font-size: 18px;
}
.sidebar .widget li a {
font-size: 14px;
}
.sidebar .widget li a::before {
margin-right: 8px;
}
}  .home .mv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: url(//ofib.jp/wp-content/themes/ofib-theme/img/mv.jpg) no-repeat;
background-position: center center;
background-size: cover;
height: 90vh;
}
.home .mv__txt {
width: 18%;
margin: 0 auto;
color: #fff;
}
.home .mv__txt img {
width: 100%;
}
.home .mv .scroll-btn {
display: none;
}
@media screen and (max-width: 1199px) {
.home .mv {
padding: 0;
margin-top: 70px;
height: 700px;
}
.home .mv__txt {
width: 200px;
margin: 0;
}
}
@media screen and (max-width: 758px) {
.home .mv {
position: relative;
margin-top: 55px;
height: calc(100vh - 150px);
}
.home .mv__txt {
width: 33%;
}
.home .mv .scroll-btn {
position: absolute;
bottom: 30px;
display: block;
padding-top: 65px;
font-family: "Anton", sans-serif;
color: #fff;
letter-spacing: 0.3em;
font-size: 12px;
}
.home .mv .scroll-btn span {
position: absolute;
top: 0;
left: 30%;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 18px;
height: 18px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-animation: scr 2s infinite;
animation: scr 2s infinite;
}
@-webkit-keyframes scr {
0% {
-webkit-transform: rotate(-45deg) translate(0, 0);
opacity: 0;
}
30% {
opacity: 1;
}
80% {
opacity: 1;
}
100% {
-webkit-transform: rotate(-45deg) translate(-20px, 20px);
opacity: 0;
}
}
@keyframes scr {
0% {
-webkit-transform: rotate(-45deg) translate(0, 0);
transform: rotate(-45deg) translate(0, 0);
opacity: 0;
}
30% {
opacity: 1;
}
80% {
opacity: 1;
}
100% {
-webkit-transform: rotate(-45deg) translate(-20px, 20px);
transform: rotate(-45deg) translate(-20px, 20px);
opacity: 0;
}
}
} .home .banner-wrap {
padding: 60px 0 90px;
width: 61.7%;
margin: 0 auto;
}
@media screen and (max-width: 1199px) {
.home .banner-wrap {
padding: 60px 0;
}
}
@media screen and (max-width: 758px) {
.home .banner-wrap {
margin-top: -60px;
padding: 100px 15px 40px;
width: 100%;
}
} .home .products-wrap {
padding-bottom: 100px;
}
.home .products {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 25px;
}
.home .product {
width: 23.2%;
}
.home .product__link {
display: block;
color: #fff;
}
.home .product__link:hover .product__thumb img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
opacity: 0.6;
}
.home .product__thumb {
overflow: hidden;
width: 100%;
height: 100%;
}
.home .product__thumb img {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.home .product__date {
display: block;
margin-top: 12px;
font-family: "Anton", sans-serif;
font-size: 12px;
letter-spacing: 0.1em;
}
.home .product__title {
margin-top: 12px;
font-size: 18px;
color: #E06A3B;
line-height: 1.3;
}
@media screen and (max-width: 1199px) {
.home .products-wrap {
padding-bottom: 60px;
}
.home .products {
margin-top: 20px;
}
.home .product__date {
margin-top: 12px;
font-size: 11px;
}
.home .product__title {
margin-top: 6px;
font-size: 15px;
}
}
@media screen and (max-width: 758px) {
.home .products-wrap {
padding-bottom: 40px;
}
.home .products {
margin-top: 15px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.home .product {
width: 48.5%;
margin-bottom: 20px;
}
.home .product__date {
margin-top: 10px;
font-size: 10px;
}
.home .product__title {
margin-top: 5px;
font-size: 14px;
}
} .home .movie-wrap {
padding-bottom: 100px;
}
.home .movies {
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-top: 25px;
}
.home .movie {
width: 49%;
}
.home .movie__thumb {
overflow: hidden;
}
.home .movie .thumb-img {
width: 100%;
padding-top: 56.25%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.home .movie__title {
margin-top: 12px;
font-size: 18px;
color: #fff;
line-height: 1.3;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.home .movie__link {
display: block;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.home .movie__link:hover .movie__thumb .thumb-img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
opacity: 0.6;
}
.home .movie__link:hover .movie__title {
color: #E06A3B;
}
.home .btn-wrap {
margin-top: 50px;
}
.home .viewall-btn {
display: block;
width: 250px;
height: 60px;
border: 2px solid #fff;
font-family: "Anton", sans-serif;
text-align: center;
line-height: 56px;
color: #fff;
letter-spacing: 0.1em;
}
.home .viewall-btn:hover {
border: 2px solid #E06A3B;
color: #E06A3B;
}
@media screen and (max-width: 1199px) {
.home .movie-wrap {
padding-bottom: 60px;
}
.home .movie-wrap .movie__title {
font-size: 15px;
}
.home .movie-wrap .viewall-btn {
display: block;
margin: 0 auto;
width: 180px;
height: 50px;
line-height: 46px;
font-size: 14px;
}
}
@media screen and (max-width: 758px) {
.home .movie-wrap {
padding-bottom: 40px;
}
.home .movie-wrap .movies {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.home .movie-wrap .movie {
width: 100%;
}
.home .movie-wrap .movie__title {
margin-top: 8px;
font-size: 14px;
}
.home .movie-wrap .movie + .movie {
margin-top: 30px;
}
.home .movie-wrap .btn-wrap {
margin-top: 40px;
}
.home .movie-wrap .viewall-btn {
width: 150px;
height: 40px;
line-height: 36px;
font-size: 12px;
}
} .home .news-wrap .entries {
margin-top: 25px;
}
.home .news-wrap .entry {
width: 100%;
background-color: #2A2A2A;
}
.home .news-wrap .entry + .entry {
margin-top: 5px;
}
.home .news-wrap .entry__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px;
color: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.home .news-wrap .entry__link:hover .entry__title {
color: #E06A3B;
}
.home .news-wrap .entry__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 150px;
flex: 0 0 150px;
font-size: 14px;
font-family: "Anton", sans-serif;
}
.home .news-wrap .entry__date {
color: #dfdfdf;
letter-spacing: 0.1em;
}
.home .news-wrap .entry__cate {
width: 55px;
letter-spacing: 0.075em;
font-size: 15px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #E06A3B));
background: linear-gradient(transparent 50%, #E06A3B 50%);
}
.home .news-wrap .entry__cate.goods {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #3EBA2B));
background: linear-gradient(transparent 50%, #3EBA2B 50%);
}
.home .news-wrap .entry__cate.news {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #E06A3B));
background: linear-gradient(transparent 50%, #E06A3B 50%);
}
.home .news-wrap .entry__cate.event {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #F6CA06));
background: linear-gradient(transparent 50%, #F6CA06 50%);
}
.home .news-wrap .entry__cate.crew {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #3261AB));
background: linear-gradient(transparent 50%, #3261AB 50%);
}
.home .news-wrap .entry__cate.movie {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #BF1E56));
background: linear-gradient(transparent 50%, #BF1E56 50%);
}
.home .news-wrap .entry__cate.other {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #744199));
background: linear-gradient(transparent 50%, #744199 50%);
}
.home .news-wrap .entry__title {
margin-top: -2px;
margin-left: 40px;
line-height: 1.3;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.home .news-wrap .btn-wrap {
margin-top: 40px;
}
.home .news-wrap .viewall-btn {
display: block;
width: 250px;
height: 60px;
border: 2px solid #fff;
font-family: "Anton", sans-serif;
text-align: center;
line-height: 56px;
color: #fff;
letter-spacing: 0.1em;
}
.home .news-wrap .viewall-btn:hover {
border: 2px solid #E06A3B;
color: #E06A3B;
}
@media screen and (max-width: 1199px) {
.home .news-wrap .entry + .entry {
margin-top: 2px;
}
.home .news-wrap .entry__link {
padding: 20px 15px;
}
.home .news-wrap .entry__head {
-webkit-box-flex: 0;
-ms-flex: 0 0 110px;
flex: 0 0 110px;
font-size: 11px;
}
.home .news-wrap .entry__cate {
width: 40px;
font-size: 12px;
}
.home .news-wrap .entry__title {
margin-top: -2px;
margin-left: 20px;
font-size: 14px;
}
.home .news-wrap .viewall-btn {
display: block;
margin: 0 auto;
width: 180px;
height: 50px;
line-height: 46px;
font-size: 14px;
}
}
@media screen and (max-width: 758px) {
.home .news-wrap .entries {
margin-top: 15px;
}
.home .news-wrap .entry__link {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 10px 15px;
}
.home .news-wrap .entry__head {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
font-size: 11px;
}
.home .news-wrap .entry__cate {
margin-left: 10px;
font-size: 12px;
}
.home .news-wrap .entry__title {
margin-top: 10px;
margin-left: 0;
font-size: 14px;
font-weight: 500;
}
.home .news-wrap .btn-wrap {
margin-top: 20px;
}
.home .news-wrap .viewall-btn {
width: 150px;
height: 40px;
line-height: 36px;
font-size: 12px;
}
} .home .sns-share {
padding-top: 100px;
}
.home .sns-share .container {
padding: 0 10vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.home .sns-share .section-title {
text-align: center;
}
.home .sns-share .instagram,
.home .sns-share .twitter {
-webkit-box-flex: 0;
-ms-flex: 0 0 47%;
flex: 0 0 47%;
}
.home .sns-share .instagram__contents,
.home .sns-share .twitter__contents {
overflow-y: auto;
margin-top: 25px;
background-color: #2A2A2A;
height: 650px;
}
.home .sns-share .instagram .sbi_header_text {
color: #fff;
}
.home .sns-share .twitter__contents {
border-radius: 6px;
}
@media screen and (max-width: 1399px) {
.home .sns-share .container {
padding: 0 100px;
}
.home .sns-share .section-title {
text-align: left;
}
.home .sns-share .instagram__contents,
.home .sns-share .twitter__contents {
height: 480px;
}
}
@media screen and (max-width: 1199px) {
.home .sns-share {
padding-top: 60px;
}
.home .sns-share .container {
padding: 0 30px;
}
.home .sns-share .instagram__contents,
.home .sns-share .twitter__contents {
margin-top: 20px;
height: 450px;
}
}
@media screen and (max-width: 758px) {
.home .sns-share {
padding-top: 60px;
}
.home .sns-share .container {
padding: 0 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.home .sns-share .instagram,
.home .sns-share .twitter {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.home .sns-share .instagram__contents,
.home .sns-share .twitter__contents {
margin-top: 20px;
height: 480px;
}
.home .sns-share .twitter {
margin-top: 40px;
}
} .archive .entries,
.blog .entries,
.search .entries {
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;
}
.archive .entry,
.blog .entry,
.search .entry {
width: 100%;
background-color: #2A2A2A;
}
.archive .entry + .entry,
.blog .entry + .entry,
.search .entry + .entry {
margin-top: 5px;
}
.archive .entry__link,
.blog .entry__link,
.search .entry__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 20px;
color: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.archive .entry__link:hover .entry__title,
.blog .entry__link:hover .entry__title,
.search .entry__link:hover .entry__title {
color: #E06A3B;
}
.archive .entry__head,
.blog .entry__head,
.search .entry__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 150px;
flex: 0 0 150px;
font-size: 14px;
font-family: "Anton", sans-serif;
}
.archive .entry__date,
.blog .entry__date,
.search .entry__date {
color: #dfdfdf;
letter-spacing: 0.1em;
}
.archive .entry__cate,
.blog .entry__cate,
.search .entry__cate {
width: 55px;
letter-spacing: 0.075em;
font-size: 15px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #E06A3B));
background: linear-gradient(transparent 50%, #E06A3B 50%);
}
.archive .entry__cate.goods,
.blog .entry__cate.goods,
.search .entry__cate.goods {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #3EBA2B));
background: linear-gradient(transparent 50%, #3EBA2B 50%);
}
.archive .entry__cate.news,
.blog .entry__cate.news,
.search .entry__cate.news {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #E06A3B));
background: linear-gradient(transparent 50%, #E06A3B 50%);
}
.archive .entry__cate.event,
.blog .entry__cate.event,
.search .entry__cate.event {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #F6CA06));
background: linear-gradient(transparent 50%, #F6CA06 50%);
}
.archive .entry__cate.crew,
.blog .entry__cate.crew,
.search .entry__cate.crew {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #3261AB));
background: linear-gradient(transparent 50%, #3261AB 50%);
}
.archive .entry__cate.movie,
.blog .entry__cate.movie,
.search .entry__cate.movie {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #BF1E56));
background: linear-gradient(transparent 50%, #BF1E56 50%);
}
.archive .entry__cate.other,
.blog .entry__cate.other,
.search .entry__cate.other {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #744199));
background: linear-gradient(transparent 50%, #744199 50%);
}
.archive .entry__title,
.blog .entry__title,
.search .entry__title {
margin-top: -2px;
margin-left: 40px;
line-height: 1.3;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.search .lower-mv__txt span {
font-size: 40px;
letter-spacing: 0.05em;
}
.search .lower-mv__txt span br {
display: none;
}
@media screen and (max-width: 1199px) {
.archive .entry__link,
.blog .entry__link,
.search .entry__link {
padding: 20px 15px;
}
.archive .entry__head,
.blog .entry__head,
.search .entry__head {
-webkit-box-flex: 0;
-ms-flex: 0 0 110px;
flex: 0 0 110px;
font-size: 11px;
}
.archive .entry__cate,
.blog .entry__cate,
.search .entry__cate {
width: 40px;
font-size: 12px;
}
.archive .entry__title,
.blog .entry__title,
.search .entry__title {
margin-top: -2px;
margin-left: 20px;
font-size: 14px;
}
.search .lower-mv__txt span {
font-size: 28px;
letter-spacing: 0.05em;
}
}
@media screen and (max-width: 758px) {
.archive .entries,
.blog .entries,
.search .entries {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.archive .entry + .entry,
.blog .entry + .entry,
.search .entry + .entry {
margin-top: 5px;
}
.archive .entry__link,
.blog .entry__link,
.search .entry__link {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 10px 15px;
}
.archive .entry__head,
.blog .entry__head,
.search .entry__head {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
font-size: 11px;
}
.archive .entry__cate,
.blog .entry__cate,
.search .entry__cate {
margin-left: 10px;
font-size: 12px;
}
.archive .entry__title,
.blog .entry__title,
.search .entry__title {
margin-top: 10px;
margin-left: 0;
font-size: 14px;
font-weight: 500;
}
.search .lower-mv__txt span {
font-size: 20px;
}
.search .lower-mv__txt span br {
display: block;
}
} .post-type-archive-crew .main {
padding-top: 100px;
}
.post-type-archive-crew .crews {
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;
}
.post-type-archive-crew .crew {
width: 48.6%;
background-color: #2A2A2A;
margin-bottom: 30px;
text-transform: uppercase;
}
.post-type-archive-crew .crew__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.post-type-archive-crew .crew__link:hover {
opacity: 0.6;
}
.post-type-archive-crew .crew__thumb {
width: 29%;
}
.post-type-archive-crew .crew__img {
width: 100%;
padding-top: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.post-type-archive-crew .crew__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 30px;
font-weight: 400;
font-family: "Anton", "Noto Sans JP", sans-serif;
}
.post-type-archive-crew .crew__title {
font-size: 1.45vw;
color: #E06A3B;
letter-spacing: 0.075em;
}
.post-type-archive-crew .crew__posi {
margin-top: 2.2vw;
font-size: 1vw;
color: #fff;
letter-spacing: 0.075em;
}
.post-type-archive-crew .crew__posi span {
margin: 0 0.3em;
}
@media screen and (max-width: 1199px) {
.post-type-archive-crew .main {
padding-top: 60px;
}
.post-type-archive-crew .crew {
width: 49%;
margin-bottom: 20px;
}
.post-type-archive-crew .crew__body {
padding-left: 15px;
}
.post-type-archive-crew .crew__title {
font-size: 16px;
}
.post-type-archive-crew .crew__posi {
margin-top: 12px;
font-size: 11px;
}
}
@media screen and (max-width: 758px) {
.post-type-archive-crew .main {
padding-top: 47px;
}
.post-type-archive-crew .crew {
width: 100%;
margin-bottom: 15px;
}
.post-type-archive-crew .crew__title {
font-size: 15px;
}
.post-type-archive-crew .crew__posi {
margin-top: 15px;
}
} .post-type-archive-movie .main {
padding-top: 100px;
}
.post-type-archive-movie .movies {
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;
}
.post-type-archive-movie .movie {
width: 48.6%;
background-color: #2A2A2A;
margin-bottom: 30px;
}
.post-type-archive-movie .movie__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.post-type-archive-movie .movie__link:hover {
opacity: 0.6;
}
.post-type-archive-movie .movie__thumb {
width: 29%;
-webkit-box-flex: 0;
-ms-flex: 0 0 29%;
flex: 0 0 29%;
}
.post-type-archive-movie .movie__img {
width: 100%;
padding-top: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.post-type-archive-movie .movie__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 30px;
padding-right: 20px;
font-weight: 400;
font-family: "Anton", sans-serif;
}
.post-type-archive-movie .movie__title {
font-size: 1.45vw;
color: #fff;
letter-spacing: 0.075em;
line-height: 1.3;
word-break: break-all;
}
.post-type-archive-movie .movie__cate {
margin-top: 2.2vw;
font-size: 1vw;
color: #3261AB;
letter-spacing: 0.075em;
}
.post-type-archive-movie .movie__cate.vimeo {
color: #F6CA06;
}
.post-type-archive-movie .movie__cate.youtube {
color: #BF1E56;
}
.post-type-archive-movie .movie__cate.instagram {
color: #744199;
}
@media screen and (max-width: 1199px) {
.post-type-archive-movie .main {
padding-top: 60px;
}
.post-type-archive-movie .movie {
width: 49%;
margin-bottom: 20px;
}
.post-type-archive-movie .movie__body {
padding-left: 15px;
}
.post-type-archive-movie .movie__title {
font-size: 16px;
}
.post-type-archive-movie .movie__cate {
margin-top: 12px;
font-size: 11px;
}
}
@media screen and (max-width: 758px) {
.post-type-archive-movie .main {
padding-top: 47px;
}
.post-type-archive-movie .movie {
width: 100%;
margin-bottom: 15px;
}
.post-type-archive-movie .movie__title {
font-size: 15px;
}
.post-type-archive-movie .movie__cate {
margin-top: 15px;
}
} .single .entry {
background-color: #2A2A2A;
}
.single .entry__head {
padding: 50px 2.6vw 30px;
}
.single .entry__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: "Anton", sans-serif;
letter-spacing: 0.15em;
}
.single .entry__cate {
width: 60px;
margin-left: 30px;
letter-spacing: 0.075em;
}
.single .entry__cate.goods {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #3EBA2B));
background: linear-gradient(transparent 50%, #3EBA2B 50%);
}
.single .entry__cate.news {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #E06A3B));
background: linear-gradient(transparent 50%, #E06A3B 50%);
}
.single .entry__cate.event {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #F6CA06));
background: linear-gradient(transparent 50%, #F6CA06 50%);
}
.single .entry__cate.crew {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #3261AB));
background: linear-gradient(transparent 50%, #3261AB 50%);
}
.single .entry__cate.movie {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #BF1E56));
background: linear-gradient(transparent 50%, #BF1E56 50%);
}
.single .entry__cate.other {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #744199));
background: linear-gradient(transparent 50%, #744199 50%);
}
.single .entry__title {
margin-top: 30px;
font-size: 24px;
font-weight: 500;
line-height: 1.5;
color: #E06A3B;
}
.single .entry__body {
padding: 0 2.6vw 100px;
}
.single .entry__body h2 {
margin-top: 50px;
margin-bottom: 25px;
padding-bottom: 18px;
font-size: 22px;
font-weight: 500;
line-height: 1.5;
border-bottom: 2px solid #3EBA2B;
}
.single .entry__body h3 {
margin-top: 45px;
margin-bottom: 25px;
padding-bottom: 14px;
font-size: 20px;
font-weight: 500;
line-height: 1.5;
border-bottom: 2px solid #3261AB;
}
.single .entry__body p {
font-size: 15px;
font-weight: 500;
line-height: 2;
}
.single .entry__body p + p {
margin-top: 20px;
}
.single .entry__body img {
display: block;
width: 100%;
margin-bottom: 30px;
margin-bottom: 50px;
}
.single .entry__body li {
font-size: 15px;
line-height: 1.5;
}
.single .entry__body li + li {
margin-top: 1em;
}
.single .entry__body a {
color: #E06A3B;
text-decoration: underline;
font-weight: 700;
}
.single .entry__body a:hover {
opacity: 0.6;
}
@media screen and (max-width: 1199px) {
.single .entry__head {
padding: 30px 2.6vw 20px;
}
.single .entry__meta {
font-size: 12px;
}
.single .entry__cate {
width: 50px;
margin-left: 15px;
}
.single .entry__title {
margin-top: 20px;
font-size: 18px;
}
.single .entry__body {
padding: 30px 2.6vw 60px;
}
.single .entry__body h2 {
margin-top: 25px;
margin-bottom: 20px;
padding-bottom: 14px;
font-size: 18px;
}
.single .entry__body h3 {
margin-top: 25px;
margin-bottom: 20px;
padding-bottom: 14px;
font-size: 16px;
}
.single .entry__body p {
font-size: 13px;
}
.single .entry__body p + p {
margin-top: 16px;
}
.single .entry__body img {
margin-top: 20px;
margin-bottom: 25px;
}
.single .entry__body li {
font-size: 13px;
}
}
@media screen and (max-width: 758px) {
.single .entry__head {
padding: 20px 15px 18px;
}
.single .entry__meta {
font-size: 12px;
}
.single .entry__cate {
width: 46px;
margin-left: 15px;
}
.single .entry__title {
margin-top: 18px;
font-size: 16px;
}
.single .entry__body {
padding: 20px 15px 40px;
}
.single .entry__body h2 {
margin-top: 20px;
margin-bottom: 16px;
padding-bottom: 12px;
font-size: 16px;
}
.single .entry__body h3 {
margin-top: 20px;
margin-bottom: 16px;
padding-bottom: 10px;
font-size: 14px;
}
.single .entry__body p {
font-size: 12px;
}
.single .entry__body p + p {
margin-top: 14px;
}
.single .entry__body img {
margin-bottom: 20px;
}
.single .entry__body li {
font-size: 12px;
}
} .single-crew .main {
padding-top: 100px;
}
.single-crew .crew__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #2A2A2A;
padding: 80px 4vw;
}
.single-crew .crew__body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.single-crew .crew__title {
padding-top: 2vw;
font-size: 40px;
font-family: "Anton", sans-serif;
letter-spacing: 0.075em;
color: #E06A3B;
}
.single-crew .crew__posi {
margin-top: 2.6vw;
font-family: "Anton", sans-serif;
font-size: 20px;
letter-spacing: 0.075em;
}
.single-crew .crew__msg {
margin-top: 2.6vw;
font-weight: 500;
line-height: 2;
}
.single-crew .crew__thumb {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
width: 40%;
margin-left: 2.6vw;
}
.single-crew .crew__img {
width: 100%;
padding-top: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.single-crew .crew__foot {
margin-top: 20px;
padding: 50px 4vw 70px;
background-color: #2A2A2A;
}
.single-crew .crew__result-title {
font-size: 36px;
font-family: "Anton", sans-serif;
letter-spacing: 0.15em;
color: #F6CA06;
}
.single-crew .crew__results {
font-family: "Anton", "Noto Sans JP", sans-serif;
letter-spacing: 0.075em;
}
.single-crew .crew__results h2 {
position: relative;
margin-top: 50px;
margin-bottom: 20px;
padding-bottom: 14px;
font-size: 24px;
letter-spacing: 0.15em;
color: #eee;
}
.single-crew .crew__results h2:before {
position: absolute;
left: 0;
bottom: 0;
content: "";
width: 50%;
height: 2px;
background-color: #3EBA2B;
}
.single-crew .crew__results p {
line-height: 1.5;
}
.single-crew .crew__results p + p {
margin-top: 1.5em;
}
@media screen and (max-width: 1199px) {
.single-crew .main {
padding-top: 60px;
}
.single-crew .crew__head {
padding: 50px 4vw;
}
.single-crew .crew__title {
padding-top: 1vw;
font-size: 28px;
}
.single-crew .crew__posi {
margin-top: 30px;
font-size: 18px;
}
.single-crew .crew__msg {
margin-top: 30px;
font-size: 14px;
}
.single-crew .crew__thumb {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
width: 40%;
margin-left: 25px;
}
.single-crew .crew__img {
padding-top: 120%;
}
.single-crew .crew__foot {
margin-top: 10px;
}
.single-crew .crew__result-title {
font-size: 26px;
}
.single-crew .crew__results {
margin-top: 0;
}
.single-crew .crew__results h2 {
margin-top: 30px;
margin-bottom: 20px;
font-size: 20px;
}
.single-crew .crew__results p {
font-size: 14px;
}
}
@media screen and (max-width: 758px) {
.single-crew .main {
padding-top: 47px;
}
.single-crew .crew__head {
padding: 15px 15px 40px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.single-crew .crew__body {
margin-top: 30px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.single-crew .crew__title {
padding-top: 0;
font-size: 24px;
line-height: 1.5;
}
.single-crew .crew__posi {
margin-top: 20px;
font-size: 16px;
}
.single-crew .crew__msg {
margin-top: 30px;
font-size: 12px;
}
.single-crew .crew__thumb {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-left: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.single-crew .crew__img {
padding-top: 100%;
}
.single-crew .crew__foot {
margin-top: 10px;
padding: 40px 15px;
}
.single-crew .crew__result-title {
font-size: 24px;
}
.single-crew .crew__results h2 {
margin-top: 30px;
margin-bottom: 16px;
font-size: 16px;
}
.single-crew .crew__results h2:before {
width: 100%;
}
.single-crew .crew__results p {
font-size: 12px;
}
} .error404 .main,
.page-thanks .main {
padding-top: 100px;
}
.error404 .content,
.page-thanks .content {
background-color: #2A2A2A;
padding: 50px 50px 100px;
font-weight: 700;
}
.error404 .content__title,
.page-thanks .content__title {
font-size: 22px;
}
.error404 .content__txt,
.page-thanks .content__txt {
line-height: 2;
margin-top: 60px;
}
.error404 .content__link,
.page-thanks .content__link {
display: block;
margin-top: 100px;
font-size: 18px;
color: #E06A3B;
}
.error404 .content__link:hover,
.page-thanks .content__link:hover {
text-decoration: underline;
}
.page-thanks .lower-mv__txt {
font-size: 3vw;
}
@media screen and (max-width: 1199px) {
.error404 .main,
.page-thanks .main {
padding-top: 60px;
}
.error404 .content,
.page-thanks .content {
padding: 50px 30px 60px;
}
.error404 .content__title,
.page-thanks .content__title {
font-size: 20px;
}
.error404 .content__txt,
.page-thanks .content__txt {
margin-top: 50px;
line-height: 2;
font-size: 14px;
}
.error404 .content__link,
.page-thanks .content__link {
margin-top: 50px;
font-size: 16px;
}
.page-thanks .lower-mv__txt {
font-size: 4vw;
}
}
@media screen and (max-width: 758px) {
.error404 .main,
.page-thanks .main {
padding-top: 47px;
}
.error404 .content,
.page-thanks .content {
padding: 40px 15px 60px;
}
.error404 .content__title,
.page-thanks .content__title {
font-size: 15px;
}
.error404 .content__txt,
.page-thanks .content__txt {
margin-top: 40px;
font-size: 12px;
}
.error404 .content__link,
.page-thanks .content__link {
margin-top: 40px;
font-size: 13px;
}
.page-thanks .lower-mv__txt {
font-size: 20px;
}
} .page-contact .main {
padding-top: 100px;
padding-bottom: 200px;
}
.page-contact .content {
width: 1000px;
margin: 0 auto;
padding: 45px 108px 60px;
background-color: #fff;
font-weight: 500;
color: #333;
}
.page-contact .content__txt {
font-size: 18px;
}
.page-contact form {
margin-top: 60px;
}
.page-contact .fm__group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-contact .fm__group + .fm__group {
margin-top: 40px;
}
.page-contact .fm__group label {
-webkit-box-flex: 0;
-ms-flex: 0 0 264px;
flex: 0 0 264px;
width: 264px;
padding-top: 13px;
}
.page-contact .fm__group label .badge {
margin-right: 12px;
padding: 0 15px;
font-size: 12px;
line-height: 15px;
color: #fff;
border-radius: 8px;
}
.page-contact .fm__group label .require {
background-color: #BF1E56;
}
.page-contact .fm__group label .any {
background-color: #3261AB;
}
.page-contact .fm__group .input-group {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.page-contact .fm__group .fm__input {
width: 100%;
height: 40px;
padding-left: 10px;
background-color: #efefef;
font-weight: 500;
line-height: 38px;
border: 1px solid #dfdfdf;
border-radius: 3px;
}
.page-contact .fm__group textarea {
width: 100%;
height: 250px;
padding: 10px;
background-color: #efefef;
border: 1px solid #dfdfdf;
border-radius: 3px;
}
.page-contact .fm__group .example {
margin-top: 5px;
font-size: 14px;
color: #aaa;
}
.page-contact .pp-area {
margin-top: 40px;
padding: 20px;
width: 100%;
height: 200px;
border: 1px solid #ccc;
border-radius: 4px;
overflow-y: auto;
line-height: 1.5;
}
.page-contact .pp-area h2 {
margin-top: 16px;
padding-bottom: 6px;
font-size: 18px;
border-bottom: 1px solid #E06A3B;
}
.page-contact .pp-area h3 {
margin-top: 16px;
font-size: 17px;
}
.page-contact .pp-area h4 {
margin-top: 16px;
font-size: 16px;
}
.page-contact .pp-area p {
margin-top: 10px;
font-size: 14px;
}
.page-contact .pp-area ul {
margin-top: 10px;
padding: 10px 10px 10px 30px;
border: 1px solid #ccc;
border-radius: 4px;
}
.page-contact .pp-area ul li {
font-size: 14px;
list-style-type: disc;
}
.page-contact .acceptance-group {
margin-top: 30px;
text-align: center;
}
.page-contact .acceptance-group input {
position: relative;
top: -2px;
width: 16px;
height: 16px;
margin-right: 5px;
}
.page-contact .acceptance-group label {
font-size: 16px;
}
.page-contact .submit-btn {
display: block;
width: 300px;
height: 50px;
margin: 50px auto 0;
background-color: #E06A3B;
font-size: 16px;
font-weight: 700;
line-height: 50px;
color: #fff;
letter-spacing: 0.075em;
border: 1px solid transparent;
border-radius: 4px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.page-contact .submit-btn:hover {
border: 1px solid #E06A3B;
color: #E06A3B;
background-color: #fff;
}
.page-contact .wpcf7 form.invalid .wpcf7-response-output {
border-color: transparent;
color: #f00;
text-align: center;
}
@media screen and (max-width: 1199px) {
.page-contact .main {
padding-top: 60px;
padding-bottom: 120px;
}
.page-contact .content {
width: 100%;
padding: 60px 40px 60px;
}
.page-contact .content__txt {
font-size: 16px;
}
.page-contact form {
margin-top: 40px;
}
.page-contact .fm__group + .fm__group {
margin-top: 30px;
}
.page-contact .fm__group label {
-webkit-box-flex: 0;
-ms-flex: 0 0 250px;
flex: 0 0 250px;
width: 250px;
}
.page-contact .pp-area {
margin-top: 30px;
padding: 20px 10px;
width: 100%;
}
.page-contact .pp-area h2 {
font-size: 16px;
}
.page-contact .pp-area h3 {
font-size: 14px;
}
.page-contact .pp-area h4 {
font-size: 13px;
}
.page-contact .pp-area p {
font-size: 12px;
}
.page-contact .pp-area ul li {
font-size: 12px;
}
.page-contact .acceptance-group input {
top: -3px;
margin-right: 3px;
}
}
@media screen and (max-width: 758px) {
.page-contact .main {
padding-top: 47px;
padding-bottom: 80px;
}
.page-contact .content {
width: 100%;
padding: 30px 15px;
}
.page-contact .content__txt {
font-size: 13px;
}
.page-contact form {
margin-top: 30px;
}
.page-contact .fm__group {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-contact .fm__group + .fm__group {
margin-top: 40px;
}
.page-contact .fm__group label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
padding-top: 0;
font-size: 14px;
}
.page-contact .fm__group label .badge {
margin-right: 8px;
padding: 0 10px;
font-size: 10px;
line-height: 12px;
border-radius: 6px;
}
.page-contact .fm__group .input-group {
margin-top: 10px;
}
.page-contact .fm__group .fm__input {
font-size: 14px;
}
.page-contact .fm__group textarea {
font-size: 14px;
}
.page-contact .fm__group .example {
font-size: 12px;
}
.page-contact .pp-area {
padding: 0 10px;
}
.page-contact .pp-area h2 {
font-size: 15px;
}
.page-contact .pp-area h3 {
font-size: 13px;
}
.page-contact .pp-area h4 {
font-size: 12px;
}
.page-contact .pp-area p {
font-size: 11px;
}
.page-contact .pp-area ul li {
font-size: 11px;
}
.page-contact .acceptance-group {
margin-top: 20px;
}
.page-contact .acceptance-group input {
top: -2px;
margin-right: 3px;
width: 14px;
height: 14px;
}
.page-contact .acceptance-group label {
font-size: 13px;
}
.page-contact .submit-btn {
width: 100%;
margin: 40px auto 0;
font-size: 14px;
}
} .page-about .about {
background-color: #2A2A2A;
padding: 50px 2.6vw 60px;
}
.page-about .about__title {
font-size: 32px;
margin-bottom: 50px;
padding-bottom: 18px;
border-bottom: 2px solid #3EBA2B;
}
.page-about .about__txt {
font-size: 15px;
font-weight: 500;
line-height: 2;
}
.page-about .about__txt span {
color: #F6CA06;
font-size: 16px;
font-weight: 700;
}
.page-about .about__txt a {
color: #E06A3B;
text-decoration: underline;
}
.page-about .about__txt a:hover {
text-decoration: none;
}
.page-about .about__img {
display: block;
width: 100%;
margin-top: 50px;
}
@media screen and (max-width: 1199px) {
.page-about .about {
padding: 30px 2.6vw 60px;
}
.page-about .about__title {
font-size: 20px;
margin-bottom: 30px;
padding-bottom: 16px;
}
.page-about .about__txt {
font-size: 13px;
}
.page-about .about__txt span {
font-size: 14px;
}
.page-about .about__img {
display: block;
width: 100%;
margin-top: 30px;
}
}
@media screen and (max-width: 1199px) {
.page-about .about {
padding: 20px 15px 40px;
}
.page-about .about__title {
font-size: 18px;
margin-bottom: 20px;
padding-bottom: 14px;
}
.page-about .about__txt {
font-size: 12px;
}
.page-about .about__txt span {
font-size: 13px;
}
.page-about .about__img {
margin-top: 20px;
}
} .page-privacy .content {
background-color: #2A2A2A;
padding: 50px 2.6vw 60px;
}
.page-privacy .content h2 {
margin-top: 50px;
margin-bottom: 25px;
font-size: 24px;
font-weight: 500;
line-height: 1.5;
color: #3EBA2B;
}
.page-privacy .content h3 {
margin-top: 45px;
margin-bottom: 25px;
padding-bottom: 14px;
font-size: 20px;
font-weight: 500;
line-height: 1.5;
border-bottom: 1px solid #fff;
}
.page-privacy .content h4 {
margin-top: 45px;
margin-bottom: 25px;
font-size: 18px;
font-weight: 500;
line-height: 1.5;
}
.page-privacy .content p {
font-size: 15px;
font-weight: 500;
line-height: 2;
}
.page-privacy .content p + p {
margin-top: 20px;
}
.page-privacy .content ul {
margin-top: 30px;
padding: 30px;
border: 1px solid #fff;
}
.page-privacy .content li {
font-size: 15px;
line-height: 1.5;
}
.page-privacy .content li + li {
margin-top: 1em;
}
.page-privacy .content a {
color: #E06A3B;
text-decoration: underline;
font-weight: 700;
}
.page-privacy .content a:hover {
opacity: 0.6;
}
@media screen and (max-width: 1199px) {
.page-privacy .content {
padding: 30px 2.6vw 50px;
}
.page-privacy .content h2 {
margin-top: 25px;
margin-bottom: 20px;
font-size: 20px;
}
.page-privacy .content h3 {
margin-top: 25px;
margin-bottom: 20px;
padding-bottom: 14px;
font-size: 17px;
}
.page-privacy .content h4 {
margin-top: 25px;
margin-bottom: 20px;
font-size: 15px;
}
.page-privacy .content p {
font-size: 13px;
}
.page-privacy .content p + p {
margin-top: 16px;
}
.page-privacy .content ul {
margin-top: 20px;
padding: 20px;
}
.page-privacy .content li {
font-size: 13px;
}
}
@media screen and (max-width: 758px) {
.page-privacy .content {
padding: 20px 15px 40px;
}
.page-privacy .content h2 {
margin-top: 20px;
margin-bottom: 16px;
font-size: 18px;
}
.page-privacy .content h3 {
margin-top: 20px;
margin-bottom: 16px;
padding-bottom: 10px;
font-size: 15px;
}
.page-privacy .content h4 {
margin-top: 20px;
margin-bottom: 12px;
font-size: 14px;
}
.page-privacy .content p {
font-size: 12px;
}
.page-privacy .content p + p {
margin-top: 14px;
}
.page-privacy .content ul {
margin-top: 16px;
padding: 20px 15px;
}
.page-privacy .content li {
font-size: 11px;
}
}.wp-block-image>a,.wp-block-image>figure>a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}@media not (prefers-reduced-motion){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:show-content-image .4s}}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull>a,.wp-block-image.alignwide>a{width:100%}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image.is-style-circle-mask img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;width:20px;z-index:100}@media not (prefers-reduced-motion){.wp-lightbox-container button{transition:opacity .2s ease}}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .wp-lightbox-close-button{align-items:center;cursor:pointer;display:flex;font-family:inherit;gap:8px;justify-content:center;line-height:1;min-height:40px;min-width:40px;padding:0 4px;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .wp-lightbox-close-button:focus,.wp-lightbox-overlay .wp-lightbox-close-button:hover,.wp-lightbox-overlay .wp-lightbox-close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .wp-lightbox-close-button:has(.wp-lightbox-close-text:not([hidden])) .wp-lightbox-close-icon svg{height:1em;width:1em}.wp-lightbox-overlay .wp-lightbox-close-icon svg{display:block}.wp-lightbox-overlay .wp-lightbox-navigation-button-next,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{align-items:center;bottom:16px;cursor:pointer;display:flex;font-family:inherit;gap:4px;justify-content:center;line-height:1;min-height:40px;min-width:40px;padding:0 8px;position:absolute;z-index:2000002}.wp-lightbox-overlay .wp-lightbox-navigation-button-next[hidden],.wp-lightbox-overlay .wp-lightbox-navigation-button-prev[hidden]{display:none}@media (min-width:960px){.wp-lightbox-overlay .wp-lightbox-navigation-button-next,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{bottom:50%;transform:translateY(-50%)}}.wp-lightbox-overlay .wp-lightbox-navigation-button-next:focus,.wp-lightbox-overlay .wp-lightbox-navigation-button-next:hover,.wp-lightbox-overlay .wp-lightbox-navigation-button-next:not(:hover):not(:active):not(.has-background),.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:focus,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:hover,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:not(:hover):not(:active):not(.has-background){background:none;border:none;padding:0 8px}.wp-lightbox-overlay .wp-lightbox-navigation-button-next:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg{display:block;height:1.5em;width:1.5em}.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{left:calc(env(safe-area-inset-left) + 16px)}.wp-lightbox-overlay .wp-lightbox-navigation-button-next{right:calc(env(safe-area-inset-right) + 16px)}.wp-lightbox-overlay .wp-lightbox-navigation-icon svg{vertical-align:middle}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:2000001}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{visibility:visible}@media not (prefers-reduced-motion){.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}