@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;
}
}