@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpp-no-data {
} .wpp-list {
} .wpp-list li {
overflow: hidden;
float: none;
clear: both;
margin-bottom: 1rem;
}
.wpp-list li:last-of-type {
margin-bottom: 0;
} .wpp-list li.current {
} .wpp-thumbnail {
display: inline;
float: left;
margin: 0 1rem 0 0;
border: none;
} .wpp-post-title {
} .wpp-excerpt {
} .wpp-meta, .post-stats {
display: block;
font-size: 0.8em;
}
.wpp-meta:empty, .post-stats:empty {
display: none;
} .wpp-comments {
} .wpp-views {
} .wpp-author {
} .wpp-date {
} .wpp-category {
} .wpp-rating {
}*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:where([hidden]:not([hidden="until-found"])) {
display: none !important;
}
:where(html) {
-webkit-text-size-adjust: none;
color-scheme: dark light;
}
// @media (prefers-reduced-motion: no-preference) {
//   :where(html:focus-within) {
//     scroll-behavior: smooth;
//   }
// }
:where(body) {
line-height: 1.5;
font-family: system-ui, sans-serif;
-webkit-font-smoothing: antialiased;
}
:where(input, button, textarea, select) {
font: inherit;
color: inherit;
}
:where(textarea) {
resize: vertical;
resize: block;
}
:where(button, label, select, summary, [role="button"], [role="option"]) {
cursor: pointer;
}
:where(:disabled) {
cursor: not-allowed;
}
:where(label:has(> input:disabled), label:has(+ input:disabled)) {
cursor: not-allowed;
}
:where(button) {
border-style: solid;
}
:where(a) {
color: inherit;
text-underline-offset: 0.2ex;
}
:where(ul, ol) {
list-style: none;
}
:where(img, svg, video, canvas, audio, iframe, embed, object) {
display: block;
}
:where(img, picture, svg) {
max-inline-size: 100%;
block-size: auto;
}
:where(p, h1, h2, h3, h4, h5, h6) {
overflow-wrap: break-word;
}
:where(h1, h2, h3) {
line-height: calc(1em + 0.5rem);
}
:where(hr) {
border: none;
border-block-start: 1px solid;
color: inherit;
block-size: 0;
overflow: visible;
}
:where(:focus-visible) {
outline: 3px solid Highlight;
outline-offset: 2px;
scroll-margin-block: 10vh;
}
:where(.visually-hidden:not(:focus-within, :active)) {
clip-path: inset(50%) !important;
height: 1px !important;
width: 1px !important;
overflow: hidden !important;
position: absolute !important;
white-space: nowrap !important;
border: 0 !important;
}
input,
button,
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
outline: none;
}
textarea {
resize: vertical;
}
input[type='checkbox'],
input[type='radio'] {
display: none;
}
input[type='submit'],
input[type='button'],
label,
button,
select {
cursor: pointer;
}
select::-ms-expand {
display: none;
}


body {
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
background-color: white;
color: #000;
}
.sp {
display: none;
}
@media screen and (max-width: 767px) {
.sp {
display: block;
}
}
.pc {
display: block;
}
@media screen and (max-width: 767px) {
.pc {
display: none;
}
}
.container {
max-width: 1240px;
margin: 0 auto;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
header {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 9999;
background-color: white;
}
@media screen and (max-width: 767px) {
header {
padding-bottom: 12px;
-webkit-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.16);
box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.16);
}
}
header .header_top {
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;
padding-top: 25px;
}
@media screen and (max-width: 767px) {
header .header_top {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 767px) {
header .header_top .logos.logos_pc {
display: none;
}
}
header .header_top div.sp {
width: 100%;
}
header .header_top div.sp .sp_navis {
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;
}
header .header_top div.sp .sp_navis .humberger {
position: relative;
width: 30px;
height: 30px;
display: block;
}
header .header_top div.sp .sp_navis .humberger.open span {
width: 30px;
}
header .header_top div.sp .sp_navis .humberger.open span:nth-child(1) {
top: 12px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
header .header_top div.sp .sp_navis .humberger.open span:nth-child(2) {
opacity: 0;
}
header .header_top div.sp .sp_navis .humberger.open span:nth-child(3) {
top: 12px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
header .header_top div.sp .sp_navis .humberger span {
width: 30px;
height: 4px;
border-radius: 5px;
background-color: #707070;
position: absolute;
top: 0;
left: 0;
display: block;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
header .header_top div.sp .sp_navis .humberger span:nth-child(1) {
top: 0;
}
header .header_top div.sp .sp_navis .humberger span:nth-child(2) {
top: 9px;
}
header .header_top div.sp .sp_navis .humberger span:nth-child(3) {
top: 17px;
}
header .header_top div.sp .sp_navis .search {
position: relative;
top: -5px;
}
header .nav_wrap {
margin-top: 14px;
background-color: #000000;
color: white;
-webkit-box-shadow: 7px 7px 6px rgba(0, 0, 0, 0.16);
box-shadow: 7px 7px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
header .nav_wrap {
-webkit-transform: translateX(100%);
transform: translateX(100%);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
height: 100dvh;
margin-top: 0;
padding-top: 25px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
overflow-y: scroll;
}
}
header .nav_wrap.open {
-webkit-transform: translateX(0);
transform: translateX(0);
}
@media screen and (max-width: 767px) {
header .nav_wrap.open .navi_content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
header .nav_wrap .nav_wrap_innter_humberger {
display: none;
}
@media screen and (max-width: 767px) {
header .nav_wrap .nav_wrap_innter_humberger {
display: block;
}
}
header .nav_wrap .navi_content {
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;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
header .nav_wrap .navi_content {
overflow-x: scroll;
}
}
@media screen and (max-width: 767px) {
header .nav_wrap .navi_content {
width: 100%;
}
}
@media screen and (max-width: 767px) {
header .nav_wrap .navi_content .navis {
width: 100%;
}
}
header .nav_wrap .navi_content .navis nav .navi_lists {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5px;
}
@media screen and (max-width: 767px) {
header .nav_wrap .navi_content .navis nav .navi_lists {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 20px;
}
}
header .nav_wrap .navi_content .navis nav .navi_lists .navi_list {
height: 40px;
position: relative;
}
@media screen and (max-width: 767px) {
header .nav_wrap .navi_content .navis nav .navi_lists .navi_list {
height: auto;
}
}
header .nav_wrap .navi_content .navis nav .navi_lists .navi_list.active > a {
background-color: #c2000a;
}
header .nav_wrap .navi_content .navis nav .navi_lists .navi_list .child {
position: absolute;
background-color: #757575;
opacity: 0;
height: 0;
pointer-events: none;
visibility: hidden;
-webkit-transition: all 0.3s;
transition: all 0.3s;
top: 40px;
}
@media screen and (max-width: 767px) {
header .nav_wrap .navi_content .navis nav .navi_lists .navi_list .child {
padding-left: 10px;
background-color: transparent;
}
header .nav_wrap .navi_content .navis nav .navi_lists .navi_list .child li a {
font-size: 90%;
}
header .nav_wrap .navi_content .navis nav .navi_lists .navi_list .child li.active a {
background-color: #c2000a;
}
}
@media screen and (max-width: 767px) {
header .nav_wrap .navi_content .navis nav .navi_lists .navi_list .child {
position: relative;
top: auto;
}
header .nav_wrap .navi_content .navis nav .navi_lists .navi_list .child.open {
opacity: 1;
height: auto;
pointer-events: all;
visibility: visible;
}
}
header .nav_wrap .navi_content .navis nav .navi_lists .navi_list:hover .child {
opacity: 1;
height: auto;
pointer-events: all;
visibility: visible;
}
header .nav_wrap .navi_content .navis nav .navi_lists a {
display: block;
font-weight: 500;
font-size: 0.9375rem;
line-height: 40px;
text-align: left;
color: #fff;
text-decoration: none;
padding: 0 15px;
white-space: nowrap;
}
header .nav_wrap .navi_content .navis nav .navi_lists a:hover {
text-decoration: underline;
}
header .nav_wrap .navi_sns {
background-color: #757575;
padding: 0 25px;
}
@media screen and (max-width: 767px) {
header .nav_wrap .navi_sns {
margin: 0 calc(50% - 50vw);
width: 100vw;
margin-top: 20px;
}
header .nav_wrap .navi_sns ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
header .nav_wrap .navi_sns ul li {
margin: 0 10px;
}
}
header .nav_wrap .navi_sns ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 25px;
}
header .nav_wrap .navi_sns ul li {
min-width: 20px;
}
header .nav_wrap .navi_sns ul li a {
height: 40px;
line-height: 40px;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header .nav_wrap .humberger {
position: relative;
width: 47px;
height: 30px;
display: block;
}
header .nav_wrap .humberger.open span {
width: 30px;
}
header .nav_wrap .humberger.open span:nth-child(1) {
top: 12px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
header .nav_wrap .humberger.open span:nth-child(2) {
opacity: 0;
}
header .nav_wrap .humberger.open span:nth-child(3) {
top: 12px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
header .nav_wrap .humberger span {
width: 47px;
height: 4px;
border-radius: 5px;
background-color: #707070;
position: absolute;
top: 0;
left: 0;
display: block;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
header .nav_wrap .humberger span:nth-child(1) {
top: 0;
}
header .nav_wrap .humberger span:nth-child(2) {
top: 9px;
}
header .nav_wrap .humberger span:nth-child(3) {
top: 17px;
}
header .nav_wrap .sp_search_form .keyword_form form {
padding-left: 0;
}
header .keyword_form {
margin-top: 20px;
}
header .keyword_form form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 20px;
}
header .keyword_form form input[type=text] {
background: #fff;
border: 1px solid #a8a3a3;
border-radius: 5px;
line-height: 35px;
width: 100%;
max-width: 300px;
color: #000;
}
header .keyword_form form input[type=submit] {
font-size: 1.125rem;
width: 80px;
height: 35px;
background: #c2000a;
text-align: left;
color: #fff;
text-align: center;
line-height: 35px;
border: 1px solid #c2000a;
border-radius: 5px;
margin-left: 5px;
}
ul,
li {
list-style: none;
padding-left: 0;
margin: 0;
}
a {
cursor: pointer;
text-decoration: none;
}
a img {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
a:hover img {
opacity: 0.6;
}
.cate-id-11 {
background-color: #000;
color: white;
}
h2.cate-id-11 {
background-color: transparent;
border-bottom: 3px #000 solid;
}
h2.cate-id-11 span {
background-color: #000;
color: white;
padding: 5px 60px;
font-weight: 500;
font-size: 1.25rem;
}
.category_title h2.cate-id {
text-align: left;
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;
}
@media screen and (max-width: 767px) {
.category_title h2.cate-id span {
display: block;
padding: 5px 20px;
text-align: center;
font-weight: 500;
font-size: 18px;
color: #fff;
}
}
.cate-id {
background-color: #ce0000;
color: white;
}
h2.cate-id {
background-color: transparent;
border-bottom: 3px #ce0000 solid;
}
h2.cate-id span {
background-color: #ce0000;
color: white;
padding: 5px 60px;
font-weight: 500;
font-size: 1.25rem;
}
.cate-id-6 {
background-color: #ce0000;
}
h2.cate-id-6 {
border-bottom: 3px #ce0000 solid;
}
h2.cate-id-6 span {
background-color: #ce0000;
}
.cate-id-12 {
background-color: #608e1f;
}
h2.cate-id-12 {
border-bottom: 3px #608e1f solid;
}
h2.cate-id-12 span {
background-color: #608e1f;
}
.cate-id-101 {
background-color: #b03fbf;
}
h2.cate-id-101 {
border-bottom: 3px #b03fbf solid;
}
h2.cate-id-101 span {
background-color: #b03fbf;
}
.cate-id-37 {
background-color: #b03fbf;
}
h2.cate-id-37 {
border-bottom: 3px #b03fbf solid;
}
h2.cate-id-37 span {
background-color: #b03fbf;
}
.cate-id-184 {
background-color: #2c9920;
}
h2.cate-id-184 {
border-bottom: 3px #2c9920 solid;
}
h2.cate-id-184 span {
background-color: #2c9920;
}
.cate-id-43 {
background-color: #631d1d;
}
h2.cate-id-43 {
border-bottom: 3px #631d1d solid;
}
h2.cate-id-43 span {
background-color: #631d1d;
}
.cate-id-2906 {
background-color: #acbe0d;
}
h2.cate-id-2906 {
border-bottom: 3px #acbe0d solid;
}
h2.cate-id-2906 span {
background-color: #acbe0d;
}
.cate-id-2907 {
background-color: #16db9e;
}
h2.cate-id-2907 {
border-bottom: 3px #16db9e solid;
}
h2.cate-id-2907 span {
background-color: #16db9e;
}
.cate-id-17 {
background-color: #150f51;
}
h2.cate-id-17 {
border-bottom: 3px #150f51 solid;
}
h2.cate-id-17 span {
background-color: #150f51;
}
.cate-id-11 {
background-color: #c2000a;
}
h2.cate-id-11 {
border-bottom: 3px #c2000a solid;
}
h2.cate-id-11 span {
background-color: #c2000a;
}
.cate-id-12802 {
background-color: #c2000a;
}
h2.cate-id-12802 {
border-bottom: 3px #c2000a solid;
}
h2.cate-id-12802 span {
background-color: #c2000a;
}
.cate-id-101 {
background-color: #2278de;
}
h2.cate-id-101 {
border-bottom: 3px #2278de solid;
}
h2.cate-id-101 span {
background-color: #2278de;
}
.cate-id-12800 {
background-color: #000000;
}
h2.cate-id-12800 {
border-bottom: 3px #000000 solid;
}
h2.cate-id-12800 span {
background-color: #000000;
}
.cate-id-12808 {
background-color: #047a00;
}
h2.cate-id-12808 {
border-bottom: 3px #047a00 solid;
}
h2.cate-id-12808 span {
background-color: #047a00;
}
.cate-id-6 {
background-color: #073d7d;
}
h2.cate-id-6 {
border-bottom: 3px #073d7d solid;
}
h2.cate-id-6 span {
background-color: #073d7d;
}
.cate-id-5382 {
background-color: #2de9e9;
}
h2.cate-id-5382 {
border-bottom: 3px #2de9e9 solid;
}
h2.cate-id-5382 span {
background-color: #2de9e9;
}
.cate-id-12807 {
background-color: #06c200;
}
h2.cate-id-12807 {
border-bottom: 3px #06c200 solid;
}
h2.cate-id-12807 span {
background-color: #06c200;
}
.cate-id-12 {
background-color: #f99d33;
}
h2.cate-id-12 {
border-bottom: 3px #f99d33 solid;
}
h2.cate-id-12 span {
background-color: #f99d33;
}
.cate-id-184 {
background-color: #b233d1;
}
h2.cate-id-184 {
border-bottom: 3px #b233d1 solid;
}
h2.cate-id-184 span {
background-color: #b233d1;
}
section.main_sidebar {
padding: 60px 0;
}
@media screen and (max-width: 767px) {
section.main_sidebar {
padding-top: 30px;
}
}
section.main_sidebar + .main_sidebar {
padding-top: 0;
}
section.main_sidebar + .full {
padding-top: 0;
}
section.main_sidebar .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
section.main_sidebar .container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (max-width: 767px) {
section.main_sidebar .container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
section.main_sidebar .container .main_content {
width: calc(100% - 350px);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
section.main_sidebar .container .main_content {
width: 100%;
}
}
@media screen and (max-width: 767px) {
section.main_sidebar .container .main_content {
width: 100%;
}
}
section.main_sidebar .container .sidebar,
section.main_sidebar .container .news_single_sidebar {
width: 350px;
padding-left: 50px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
section.main_sidebar .container .sidebar,
section.main_sidebar .container .news_single_sidebar {
width: 100%;
margin-top: 40px;
padding-left: 0;
}
}
@media screen and (max-width: 767px) {
section.main_sidebar .container .sidebar,
section.main_sidebar .container .news_single_sidebar {
width: 100%;
padding-left: 0;
margin-top: 40px;
}
}
section.main_sidebar .container .sidebar .ads,
section.main_sidebar .container .news_single_sidebar .ads {
margin-top: 30px;
}
section.main_sidebar .container .sidebar .ads a,
section.main_sidebar .container .news_single_sidebar .ads a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
section.main_sidebar .container .sidebar .btn,
section.main_sidebar .container .news_single_sidebar .btn {
margin-top: 30px;
}
div.event_banner img {
-webkit-box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.27);
box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.27);
border-radius: 8px;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
div.event_banner img {
margin-bottom: 20px;
}
}
.proshop_box {
padding: 35px 24px;
background: #fff;
border: 2px solid #ccc2c2;
-webkit-box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.16);
box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.16);
position: relative;
margin-bottom: 30px;
}
.proshop_box div.new {
position: absolute;
top: -30px;
right: 16px;
max-width: 80px;
}
.proshop_box div.new .new_bg {
position: relative;
}
.proshop_box div.new .new_bg img {
position: relative;
z-index: 10;
}
.proshop_box div.new .new_bg::after {
content: "";
background-image: url(//autobild.jp/media/wp-content/themes/autobild_2024/assets/images/common/bg2.png);
width: 105px;
height: 105px;
background-size: cover;
position: absolute;
top: -7px;
left: -8px;
z-index: 5;
}
.proshop_box .proshop_logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.proshop_box .proshop_news {
margin-top: 80px;
}
@media screen and (max-width: 767px) {
.proshop_box .proshop_news {
margin-top: 40px;
}
}
.proshop_box .proshop_news .proshop_card {
margin-top: 25px;
}
.proshop_box .proshop_news .proshop_card:first-child {
margin-top: 0;
}
.proshop_box .proshop_news .proshop_card a:hover h3 {
text-decoration: underline;
}
.proshop_box .proshop_news .proshop_card a p.date {
border-top: 2px solid #ccc2c2;
text-align: left;
}
.proshop_box .proshop_news .proshop_card a p.date span {
padding: 0 16px;
background-color: #ccc2c2;
font-weight: normal;
font-size: 1rem;
text-align: left;
color: #fff;
}
.proshop_box .proshop_news .proshop_card a h3 {
margin-top: 5px;
font-size: 14px;
line-height: 18px;
text-align: left;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; overflow: hidden;
}
.popular_posts .pp_title h2 {
background-color: transparent;
border-bottom: 3px #1e73be solid;
text-align: left;
}
.popular_posts .pp_title h2 span {
background-color: #1e73be;
color: white;
padding: 5px 20px;
font-weight: 500;
font-size: 1.25rem;
}
.popular_posts .pp_cards {
margin-top: 25px;
}
.popular_posts .pp_cards .pp_card {
margin-top: 20px;
}
.popular_posts .pp_cards .pp_card:first-child {
margin-top: 0;
}
.popular_posts .pp_cards .pp_card a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px;
}
.popular_posts .pp_cards .pp_card a .thumb {
width: 100px;
}
.popular_posts .pp_cards .pp_card a .title {
width: calc(100% - 110px);
}
.popular_posts .pp_cards .pp_card a .title h3 {
font-weight: 500;
font-size: 16px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4; overflow: hidden;
}
.news_cards {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.news_cards + .category_title {
margin-top: 40px;
}
@media screen and (max-width: 767px) {
.news_cards {
gap: 16px;
}
}
.news_cards .news_card {
width: calc(33.3333% - 13.33333px);
}
@media screen and (max-width: 767px) {
.news_cards .news_card {
width: 100%;
}
.news_cards .news_card a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.news_cards .news_card div.thumb {
padding-top: 56.25%;
position: relative;
border: 1px solid #8a8a8a;
-webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.16);
box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
.news_cards .news_card div.thumb {
width: calc(50% - 8px);
padding-top: 36.7816%;
}
}
.news_cards .news_card div.thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.news_cards .news_card div.thumb div.date {
position: absolute;
bottom: 10px;
text-align: left;
left: 0;
}
.news_cards .news_card div.thumb div.date span.date {
background: #1d0202;
font-weight: normal;
font-size: 0.875rem;
color: #fff;
padding: 0 20px;
display: inline-block;
}
@media screen and (max-width: 767px) {
.news_cards .news_card div.thumb div.date {
bottom: 0;
}
}
@media screen and (max-width: 767px) {
.news_cards .news_card div.title {
width: calc(50% - 8px);
}
}
.news_cards .news_card div.title h3 {
margin-top: 5px;
font-size: 1rem;
line-height: 20px;
text-align: left;
color: #000;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; font-weight: normal;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.news_cards .news_card div.title h3 {
-webkit-line-clamp: 4; font-family: "Noto Sans JP";
font-weight: normal;
font-size: 18px;
line-height: 24px;
text-align: left;
}
}
.news_cards .ad {
width: 100%;
}
.news_cards .ad a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.news_cards.news_cards_style2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
}
.news_cards.news_cards_style2 .news_card {
width: calc(25% - 15px);
}
@media screen and (max-width: 767px) {
.news_cards.news_cards_style2 .news_card {
width: 100%;
}
}
section.full {
padding: 60px 0;
}
section.full + .full {
padding-top: 0;
}
section.full + .main_sidebar {
padding-top: 0;
}
section.full .news_cards {
gap: 30px 50px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
section.full .news_cards {
gap: 15px 25px;
}
}
section.full .news_cards .news_card {
width: calc(25% - 37.5px);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
section.full .news_cards .news_card {
width: calc(25% - 18.75px);
}
}
@media screen and (max-width: 767px) {
section.full .news_cards .news_card {
width: 100%;
}
}
section.full .horizontal_banner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
footer {
margin-top: 120px;
}
footer .logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
footer .fotter_nav {
margin-top: 60px;
padding: 13px 0;
background-color: #848080;
}
footer .fotter_nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 40px;
}
@media screen and (max-width: 767px) {
footer .fotter_nav ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
}
footer .fotter_nav ul li a {
font-weight: normal;
font-size: 14px;
text-align: left;
color: #fff;
}
footer .footer_content_wrap {
padding: 40px 0 50px;
background-color: #000000;
color: white;
}
footer .footer_content_wrap .footer_contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
}
@media screen and (max-width: 767px) {
footer .footer_content_wrap .footer_contents {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
footer .footer_content_wrap .footer_contents .footer_name {
font-weight: bold;
font-size: 1.25rem;
text-align: left;
color: #fff;
}
footer .footer_content_wrap .footer_contents .desc {
margin-top: 10px;
font-weight: normal;
font-size: 0.875rem;
text-align: left;
color: #fff;
}
footer .footer_content_wrap .footer_contents .copy {
margin-top: 15px;
font-weight: normal;
font-size: 0.875rem;
text-align: left;
color: #fff;
}
footer .footer_content_wrap .footer_contents .footer_content {
width: 50%;
}
@media screen and (max-width: 767px) {
footer .footer_content_wrap .footer_contents .footer_content {
width: 100%;
}
}
footer .footer_content_wrap .footer_contents .footer_outside_link {
width: 50%;
}
@media screen and (max-width: 767px) {
footer .footer_content_wrap .footer_contents .footer_outside_link {
width: 100%;
}
}
footer .footer_content_wrap .footer_contents .footer_outside_link ul {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 767px) {
footer .footer_content_wrap .footer_contents .footer_outside_link ul {
margin-top: 0;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 10px;
}
}
@media screen and (max-width: 767px) {
footer .footer_content_wrap .footer_contents .footer_outside_link ul li {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-item-align: start;
align-self: flex-start;
min-width: 0;
}
footer .footer_content_wrap .footer_contents .footer_outside_link ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
footer .footer_content_wrap .footer_contents .footer_outside_link ul li:first-child img {
max-width: 118px;
}
footer .footer_content_wrap .footer_contents .footer_outside_link ul li:nth-child(2) {
margin-left: 35px;
}
@media screen and (max-width: 767px) {
footer .footer_content_wrap .footer_contents .footer_outside_link ul li:nth-child(2) {
margin-left: 2%;
}
}
footer .footer_content_wrap .footer_contents .footer_outside_link ul li:nth-child(2) img {
max-width: 166px;
}
footer .footer_content_wrap .footer_contents .footer_outside_link ul li:nth-child(3) {
margin-left: 14px;
}
@media screen and (max-width: 767px) {
footer .footer_content_wrap .footer_contents .footer_outside_link ul li:nth-child(3) {
margin-left: 0;
}
}
footer .footer_content_wrap .footer_contents .footer_outside_link ul li:nth-child(3) img {
max-width: 167px;
}
.breadcrum {
margin-top: 145px;
font-weight: 500;
font-size: 0.75rem;
line-height: 1.5rem;
text-align: left;
color: #bbb;
}
@media screen and (max-width: 767px) {
.breadcrum {
margin-top: 103px;
}
}
.breadcrum ol {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.breadcrum ol li {
margin-right: 3px;
position: relative;
}
.breadcrum ol li::after {
content: ">";
}
.breadcrum ol li:last-child::after {
content: none;
}
.ad a {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.archive_btn {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.archive_btn + .category_title {
margin-top: 40px;
}
.archive_btn .btn,
.archive_btn a.btn,
.archive_btn button.btn {
font-size: 16px;
font-weight: 700;
line-height: 1.5;
position: relative;
display: inline-block;
padding: 10px 20px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #212529;
border-radius: 0.5rem;
}
.archive_btn a.btn-flat {
overflow: hidden;
padding: 10px 38px;
color: #000;
border-radius: 0;
background: #fff;
border: 1px solid #000;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.archive_btn a.btn-flat:hover {
color: white;
}
.archive_btn a.btn-flat span {
position: relative;
z-index: 1;
}
.archive_btn a.btn-flat:before {
position: absolute;
top: 0;
left: calc(-150% + 50px);
width: 150%;
height: 500%;
content: "";
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: rotate(45deg) translateX(0) translateY(0);
transform: rotate(45deg) translateX(0) translateY(0);
background: #c2000a;
}
.archive_btn a.btn-flat:after {
position: absolute;
top: -400%;
right: calc(-150% + 50px);
width: 150%;
height: 500%;
content: "";
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: rotate(45deg) translateX(0) translateY(0);
transform: rotate(45deg) translateX(0) translateY(0);
background: #c2000a;
}
.archive_btn a.btn-flat:hover:before {
-webkit-transform: rotate(45deg) translateX(0) translateY(-50%);
transform: rotate(45deg) translateX(0) translateY(-50%);
}
.archive_btn a.btn-flat:hover:after {
-webkit-transform: rotate(45deg) translateX(0) translateY(50%);
transform: rotate(45deg) translateX(0) translateY(50%);
}
.tablepress .column-1 {
white-space: nowrap;
}
.tablepress .column-2 {
white-space: nowrap;
}
.tablepress .column-5 {
white-space: nowrap;
}
.tablepress .column-3 {
width: 33%;
}
.sub_contents .sub_content {
margin-top: 60px;
}
div.ad_section {
margin: 40px 0;
}

section.news_page_content {
padding: 0 0;
}
section.news_page_content .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
section.news_page_content .container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (max-width: 767px) {
section.news_page_content .container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
section.news_page_content .container .news_sidebar-layout_main {
width: calc(100% - 350px);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
section.news_page_content .container .news_sidebar-layout_main {
width: 100%;
}
}
@media screen and (max-width: 767px) {
section.news_page_content .container .news_sidebar-layout_main {
width: 100%;
}
}
section.news_page_content .container .news_sidebar-layout_main article .categories ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
section.news_page_content .container .news_sidebar-layout_main article .categories ul li {
margin-right: 7px;
}
section.news_page_content .container .news_sidebar-layout_main article .categories ul li a {
color: white;
padding: 3px 12px;
background-color: #000;
font-weight: 500;
font-size: 12px;
line-height: 40px;
text-align: left;
}
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content h1 {
margin-top: 30px;
font-weight: 900;
font-size: 2rem;
line-height: 40px;
}
@media screen and (max-width: 767px) {
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content h1 {
font-size: 1.5rem;
line-height: 2.25rem;
margin-top: 0px;
}
}
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content p.date {
margin-top: 6px;
font-size: 0.875rem;
line-height: 40px;
}
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content .thumb {
margin-top: 40px;
}
@media screen and (max-width: 767px) {
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content .thumb {
margin-top: 25px;
}
}
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content .thumb img {
width: 100%;
}
@media screen and (max-width: 767px) {
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content .thumb img {
margin-top: 25px;
}
}
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content .ad {
margin-top: 50px;
}
@media screen and (max-width: 767px) {
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content .ad {
margin-top: 25px;
}
}
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content h2 {
margin-top: 40px;
font-weight: 500;
font-size: 1.5rem;
line-height: 26px;
border-bottom: 3px solid #c2000a;
padding-bottom: 5px;
}
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content h3 {
margin-top: 40px;
font-weight: 500;
font-size: 1.125rem;
line-height: 26px;
text-align: left;
color: #000;
border-bottom: 3px solid #c2000a;
padding-bottom: 5px;
}
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content h3 + p {
margin-top: 10px;
}
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content p {
margin-top: 25px;
}
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content img {
margin-top: 50px;
}
@media screen and (max-width: 767px) {
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content img {
margin-top: 25px;
}
}
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content figure {
margin-top: 50px;
}
@media screen and (max-width: 767px) {
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content figure {
margin-top: 25px;
}
}
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content figure img {
margin-top: 0;
border: 1px solid #707070;
-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content figure figcaption {
margin-top: 20px;
font-weight: 300;
font-size: 16px;
line-height: 26px;
}
@media screen and (max-width: 767px) {
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content figure figcaption {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
}
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content table {
margin-top: 25px;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border: 1px solid #707070;
}
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content table tr th {
border: 1px solid #707070;
text-align: left;
padding: 5px;
}
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content table tr td {
border: 1px solid #707070;
padding: 5px;
}
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content a {
color: #c2000a;
text-decoration: underline;
}
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content .link_page_navi {
width: 100%;
margin: 40px auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
}
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content .post-page-numbers {
display: inline-block;
padding: 10px 15px;
border: 1px solid #ddd;
margin-left: -1px;
margin-top: -1px;
color: #c2000a !important;
-webkit-transition: all 300ms 0s ease;
transition: all 300ms 0s ease;
}
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content .post-page-numbers.current,
section.news_page_content .container .news_sidebar-layout_main article .news_single_article_content a.post-page-numbers:hover {
background: #c2000a;
color: #FFF !important;
border: 1px solid #c2000a;
}
section.news_page_content .container .news_sidebar-layout_main article .tags {
margin-top: 110px;
}
section.news_page_content .container .news_sidebar-layout_main article .tags ul.taglist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
section.news_page_content .container .news_sidebar-layout_main article .tags ul.taglist li a {
background: transparent;
font-weight: 500;
font-size: 16px;
line-height: 26px;
text-align: left;
color: #000;
border: 1px solid #707070;
-webkit-transition: all 0.3s;
transition: all 0.3s;
display: block;
padding: 4px 15px;
}
section.news_page_content .container .news_sidebar-layout_main article .tags ul.taglist li a:hover {
background-color: #000000;
color: white;
border: 1px solid #000000;
}
section.news_page_content .container .news_sidebar-layout_main article .facebook {
margin-top: 40px;
}
section.news_page_content .container .news_sidebar-layout_main article .sns_shares {
margin-top: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
section.news_page_content .container .news_sidebar-layout_main article .sns_shares .sns_share {
margin-right: 10px;
}
section.news_page_content .container .news_sidebar-layout_main .child_categories .child_category_lists {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 7px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
section.news_page_content .container .news_sidebar-layout_main .child_categories .child_category_lists li a {
background: transparent;
font-weight: 500;
font-size: 12px;
line-height: 24px;
text-align: left;
color: #fff;
border: 1px solid #000000;
-webkit-transition: all 0.3s;
transition: all 0.3s;
display: block;
padding: 0px 12px;
background-color: #000;
}
section.news_page_content .container .news_sidebar-layout_main .child_categories .child_category_lists li a:hover {
background-color: #fff;
border: 1px solid #000;
color: #000;
}
section.news_page_content .container .news_sidebar-layout_sidebar {
width: 350px;
padding-left: 50px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
section.news_page_content .container .news_sidebar-layout_sidebar {
width: 100%;
padding-left: 0;
margin-top: 40px;
}
}
@media screen and (max-width: 767px) {
section.news_page_content .container .news_sidebar-layout_sidebar {
width: 100%;
padding-left: 0;
margin-top: 40px;
}
}
section.news_page_content .container .news_sidebar-layout_sidebar .ads {
margin-top: 30px;
}
section.news_page_content .container .news_sidebar-layout_sidebar .ads a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
section.news_page_content .container .news_sidebar-layout_sidebar .side_bar_content_wrap {
margin-top: 100px;
}
section.news_page_content .container .news_sidebar-layout_sidebar .side_bar_content_wrap:first-child {
margin-top: 0;
}
section.news_page_content.new_archive_page_content h1 {
margin-top: 30px;
font-weight: 900;
font-size: 32px;
line-height: 40px;
text-align: left;
color: #000;
}
@media screen and (max-width: 767px) {
section.news_page_content.new_archive_page_content h1 {
margin-top: 10px;
font-size: 1.5rem;
line-height: 2.25rem;
}
}
section.news_page_content.new_archive_page_content .latest_news_card {
margin-top: 30px;
position: relative;
}
@media screen and (max-width: 767px) {
section.news_page_content.new_archive_page_content .latest_news_card {
margin: 0 calc(50% - 50vw);
width: 100vw;
margin-top: 0;
}
}
section.news_page_content.new_archive_page_content .latest_news_card .thumbnail {
border: 1px solid #707070;
-webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
section.news_page_content.new_archive_page_content .latest_news_card .thumbnail img {
width: 100%;
aspect-ratio: 728/409;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 767px) {
section.news_page_content.new_archive_page_content .latest_news_card .thumbnail img {
aspect-ratio: 414/302;
-o-object-fit: cover;
object-fit: cover;
}
}
section.news_page_content.new_archive_page_content .latest_news_card .info_box {
background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 13px 20px;
}
section.news_page_content.new_archive_page_content .latest_news_card .info_box .date {
font-weight: normal;
font-size: 14px;
letter-spacing: -0.03em;
text-align: left;
color: #fff;
}
section.news_page_content.new_archive_page_content .latest_news_card .info_box .category {
margin-top: 15px;
line-height: 1;
}
@media screen and (max-width: 767px) {
section.news_page_content.new_archive_page_content .latest_news_card .info_box .category {
margin-top: 5px;
}
}
section.news_page_content.new_archive_page_content .latest_news_card .info_box .category span {
display: inline-block;
background-color: #c2000a;
font-weight: normal;
font-size: 14px;
letter-spacing: -0.03em;
text-align: left;
color: #fff;
padding: 4px 20px;
line-height: 14px;
}
@media screen and (max-width: 767px) {
section.news_page_content.new_archive_page_content .latest_news_card .info_box .category span {
font-weight: normal;
font-size: 9px;
letter-spacing: -0.03em;
padding: 2px 15px;
}
}
section.news_page_content.new_archive_page_content .latest_news_card .info_box .title h2 {
margin-top: 15px;
color: white;
font-weight: bold;
font-size: 20px;
letter-spacing: -0.02em;
line-height: 24px;
text-align: left;
color: #fff;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; }
@media screen and (max-width: 767px) {
section.news_page_content.new_archive_page_content .latest_news_card .info_box .title h2 {
margin-top: 5px;
}
}
@media screen and (max-width: 767px) {
section.news_page_content.new_archive_page_content .latest_news_card .info_box .title h2 {
overflow: hidden;
font-weight: bold;
font-size: 16px;
letter-spacing: -0.02em;
line-height: 24px;
text-align: left;
color: #fff;
}
}
.pagger .pagination-list {
margin-top: 40px;
}
.pagger .pagination-list .page-numbers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pagger .pagination-list .page-numbers li {
margin: 0 5px;
}
.pagger .pagination-list .page-numbers li a {
border: 1px solid #000;
background-color: white;
display: block;
text-align: center;
padding: 5px 10px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.pagger .pagination-list .page-numbers li a:hover {
background-color: #000;
color: white;
}
.pagger .pagination-list .page-numbers li span.current {
background-color: #000;
color: white;
display: block;
text-align: center;
padding: 5px 10px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
section.page_404 h1 {
margin-top: 60px;
}.tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>*>*,.tablepress>tbody>*~*>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>*>th{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd)>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(2n)>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr:hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"▲"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"▼"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{padding-right:24px;position:relative}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{bottom:0;color:var(--head-sort-arrow-color);position:absolute;right:6px;top:0;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{font-family:sans-serif!important;font-size:12px;line-height:12px;opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container .tablepress{margin-bottom:0}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container label{display:inline}.dt-container .dt-input{display:inline;font-size:inherit;padding:5px;width:auto}.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}}