@charset "utf-8";
   .c-cover {
width: 100%;
height: 100%;
object-fit: cover;
} .c-splide-arrows {
font-size: 15px;
}
.c-splide-arrow {
position: absolute;
padding: 1em;
inset-block: 0;
margin: auto;
display: grid;
place-items: center;
font-size: inherit;
height: fit-content;
}
.c-splide-arrow :where(svg) {
width: 1em;
height: 1em;
fill: currentColor;
}
.c-splide-arrow--prev {
inset-inline: -1.2em auto;
transform: rotate(180deg);
}
.c-splide-arrow--next {
inset-inline: auto -1.2em;
}
@media (any-hover: hover) {
.c-splide-arrow:hover {
opacity: 0.5;
}
} @media not all and (max-width: 767px) {
.c-hidden-pc {
display: none;
}
}
@media (max-width: 767px) {
.c-hidden-sp {
display: none;
}
} .c-hover-color {
transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
.c-hover-color:hover,
a:hover .c-hover-color {
opacity: 0.5;
}
} .c-tel {
display: grid;
grid-template-columns: 1em 1fr;
column-gap: 0.1em;
width: fit-content;
font-size: 24px;
font-weight: 600;
color: var(--tcd-accent-color)
}
.c-tel:before {
content: '';
mask: var(--tcd-icon--tel) no-repeat center / 1em;
background: currentColor;
} .c-logo {
font-weight: var(--tcd-logo-font-weight, 600);
font-size: var(--tcd-logo-font-size-pc);
font-family: var(--tcd-logo-font-type);
color: inherit;
max-height: inherit;
transition: opacity, 0.3s ease;
}
.c-logo-picture {
max-height: inherit;
}
.c-logo__image {
display: block;
width: auto;
height: var(--tcd-logo-image-size-pc);
max-height: inherit;
}
@media (any-hover: hover) {
.c-logo:hover {
opacity: 0.5;
}
}
@media (max-width: 991px) {
.c-logo {
font-size: var(--tcd-logo-font-size-sp);
}
.c-logo__image {
height: var(--tcd-logo-image-size-sp);
}
} .c-date {
display: flex;
flex-wrap: wrap;
gap: 0.8em;
font-family: 'Arial';
font-size: 14px;
color: #999999;
line-height: 1;
}
.c-date-item {
display: grid;
align-items: center;
grid-template-columns: auto auto;
gap: 0.3em;
}
.c-date-item:before {
content: '';
width: 1em;
height: 1em;
background: currentColor;
}
.c-date--publish:before {
mask: var(--tcd-icon--publish) no-repeat center / 1.2em;
}
.c-date--updated:before {
mask: var(--tcd-icon--updated) no-repeat center / 1.2em;
}
@media (max-width: 767px) {
.c-date {
font-size: 14px;
}
}
.c-post-categories {
font-size: 14px;
line-height: 1.4;
min-width: 100px;
display: inline-block;
padding: calc(10px - 0.2em) 15px;
border-radius: 30px;
color: var(--tcd-accent-color);
border: 1px solid var(--tcd-accent-color);
}
.c-post-categories__sep {
color: inherit;
margin-right: 5px;
}
.c-post-categories__link {
color: inherit;
transition: color 0.3s ease;
}
@media (any-hover: hover) {
.c-post-categories__link:hover {}
}
@media (max-width: 767px) {
.c-post-categories {
font-size: 12px;
padding: calc(12px - 0.2em) 15px;
}
} .c-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: grid;
place-items: center;
padding-inline: 30px;
font-size: 10px;
background: initial;
border: none;
transition: opacity 0.3s ease;
z-index: 1;
aspect-ratio: 1;
}
.c-arrow:where(.splide__arrow--prev) {
left: -30px;
}
.c-arrow:where(.splide__arrow--next) {
right: -30px;
}
@media (any-hover: hover) {
.c-arrow:hover {
opacity: 0.5;
}
} .c-button01 {
display: grid;
place-items: center;
width: fit-content;
min-width: 280px;
height: 60px;
font-size: 16px;
color: #ffffff;
border: 1px solid var(--tcd-accent-color);
border-radius: calc(infinity * 1px);
background-color: var(--tcd-accent-color);
transition: background-color 0.3s ease !important;
}
.c-button02 {
display: grid;
place-items: center;
width: fit-content;
min-width: 160px;
height: 50px;
font-size: 14px;
color: var(--tcd-accent-color);
border: 1px solid var(--tcd-accent-color);
}
@media (any-hover: hover) {
.c-button01:hover,
.c-button02:hover {
background-color: var(--tcd-accent-color-dark);
}
}
@media (max-width: 767px) {
.c-button01 {
min-width: 240px;
height: 50px;
font-size: 14px;
}
} .c-title {
transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
:where(a):hover .c-title {
opacity: 0.5;
}
} .c-thumbnail {
overflow: hidden;
backface-visibility: hidden;
}
.c-thumbnail-image {
width: 100%;
height: 100%;
object-fit: cover;
pointer-events: none;
transform: scale(1);
transition-property: var(--tcd-thumbnail-transition);
transition-duration: 0.5s;
transition-timing-function: ease;
will-change: transform;
}
@media (any-hover: hover) {
:where(a, .c-thumbnail):hover .c-thumbnail-image {
transform: var(--tcd-thumbnail-hover-scale);
filter: var(--tcd-thumbnail-hover-opacity);
}
}
.c-desc a {
text-decoration: underline;
transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
.c-desc a:hover {
opacity: 0.5;
}
} .c-line-clamp {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--tcd-line-clamp);
height: calc(1lh * var(--tcd-line-clamp));
max-height: calc(1lh * var(--tcd-line-clamp));
overflow: hidden;
visibility: visible;
word-break: break-all;
margin-block: var(--tcd-half-read);
} .c-pagination :where(.nav-links) {
display: grid;
grid-template-columns: repeat(auto-fit, 50px);
grid-template-rows: 50px;
justify-content: center;
font-size: 14px;
font-family: Arial;
text-align: center;
gap: 10px;
}
.c-pagination :where(.nav-links > *) {
display: grid;
place-items: center;
color: #000000;
border: 1px solid #ddd;
border-radius: 50%;
}
.c-pagination :where(.nav-links > * + *) {
margin-left: -1px;
}
.c-pagination :where(.nav-links > .current) {
z-index: 1;
color: #ffffff;
border-color: var(--tcd-accent-color);
background: var(--tcd-accent-color);
}
@media (any-hover: hover) {
.c-pagination :where(.nav-links > a:hover) {
z-index: 1;
color: #ffffff;
border-color: var(--tcd-accent-color);
background: var(--tcd-accent-color);
}
}
@media (max-width: 767px) {
.c-pagination :where(.nav-links) {
grid-template-columns: repeat(auto-fit, 45px);
grid-template-rows: 45px;
}
} .c-page-nav :where(.nav-links) {
font-size: 16px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 120px;
}
.c-page-nav :where(.nav-links > div) {
display: grid;
}
.c-page-nav:not(:has(.nav-previous)) :where(.nav-links):before {
content: '';
}
.c-page-nav__gallery:not(:has(.nav-previous)) :where(.nav-links):before {
content: '';
}
.c-page-nav :where(.nav-links > .nav-previous) {
margin-right: -1px;
}
.c-page-nav :where(a) {
display: flex;
align-items: center;
justify-content: center; 
position: relative;
padding-inline: 30px;
border: 1px solid #dddddd;
text-align: center;
} .c-page-nav :where(.nav-label) {
--tcd-line-clamp: 2;
height: auto;
flex: 1;
line-height: 1.8;
text-align: center; 
max-width: 70%; 
}
.c-page-nav :where(.nav-label):before {
content: attr(data-label);
} .c-page-nav :where(.nav-arrow) {
font-size: 2em;
position: absolute; 
top: 50%;
transform: translateY(-50%); 
}
.c-page-nav :where(.nav-previous .nav-arrow) {
left: 30px;
}
.c-page-nav :where(.nav-next .nav-arrow) {
right: 30px;
}
@media (any-hover: hover) {
.c-page-nav :where(a:hover) {
color: rgba(0, 0, 0, 0.5);
}
}
@media (max-width: 767px) {
.c-page-nav :where(.nav-arrow) {
position: unset;
top: unset;
transform: unset; 
}
.c-page-nav :where(.nav-links) {
font-size: 14px;
grid-template-rows: 60px;
}
.c-page-nav :where(.nav-label):before {
content: attr(data-label-sp);
}
.c-page-nav :where(a) {
text-align: center;
column-gap: 5px;
padding-inline: 20px;
}
}
.nav-links-top__gallery ul li {
display: grid;
place-items: center;
color: #000000;
border: 1px solid #ddd;
border-radius: 50%;
}
.nav-links-top__gallery ul{
display: grid;
grid-template-columns: repeat(auto-fit, 50px);
grid-template-rows: 50px;
justify-content: center;
font-size: 14px;
font-family: Arial;
text-align: center;
gap: 15px;
}
.c-page-nav__gallery :where(.nav-links) {
font-size: 16px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 150px;
}
.gallery-nav__thumbnail {
background: #000000;
}
.c-page-nav__gallery :where(.nav-links > div) {
display: grid;
}
.c-page-nav__gallery :where(.nav-links >.nav-previous) {
margin-right: -1px;
}
.c-page-nav__gallery :where(a) {
display: flex;
align-items: center;
}
.c-page-nav__gallery :where(.nav-label__content) {
width: calc(100% - 230px);
height: 150px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
border: 1px solid #dddddd;
border-left: none;
}
.c-page-nav__gallery :where(.nav-label-next__content) {
width: calc(100% - 230px);
height: 150px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #dddddd;
border-right: none;
text-align: center;
}
.c-page-nav__gallery :where(.nav-label) {
--tcd-line-clamp: 2;
height: auto;
flex: 1;
line-height: 1.8;
padding: 0 15px;
}
.c-page-nav__gallery :where(.nav-label):before {
content: attr(data-label);
}
.c-page-nav__gallery :where(.nav-arrow) {
font-size: 2em;
margin: -0.2em;
}
.c-page-nav__gallery :where(.c-thumbnail) {
width: 230px;
height: 150px;
}
.page_side_bar_defolut_page {
padding-top: 0 !important;
}
@media (any-hover: hover) {
.c-page-nav__gallery :where(a:hover) {
color: rgba(0, 0, 0, 0.5);
}
} .c-main-title {
font-size: 26px;
line-height: 1.5;
text-align: center;
margin-bottom: calc(50px + var(--tcd-half-read));
font-weight: 600;
}
@media (max-width: 767px) {
.c-main-title {
font-size: 20px;
padding-top: calc(30px + var(--tcd-half-read));
margin-bottom: calc(30px + var(--tcd-half-read));
}
}
@media (max-width: 991px) {
.c-page-nav__gallery :where(.c-thumbnail) {
width: 180px;
}
.c-page-nav__gallery :where(.nav-label__content) {
width: calc(100% - 180px);
}
.c-page-nav__gallery :where(.nav-label-next__content) {
width: calc(100% - 180px);
}
} .c-category {
min-width: 130px;
width: fit-content;
max-width: 100%;
padding: 0.8em 1em;
background: var(--tcd-bg-color);
font-size: 14px;
line-height: 1.4;
text-align: center;
} .c-category_ar {
color: var(--tcd-accent-color);
--tcd-line-clamp: 1;
line-height: 1.31;
}
@media (any-hover: hover) {
.c-category_ar :where(a):hover {
opacity:0.5;
}
}
.c-category :where(a) {
pointer-events: auto;
}
@media (any-hover: hover) {
.c-category :where(a):hover {
color: rgba(0, 0, 0, 0.5);
}
}
@media (max-width: 767px) {
.c-category {
min-width: 80px;
padding: 0.8em 1em;
font-size: 12px;
}
.c-category_ar {
font-size: 14px;
}
}
@media (max-width: 991px) {
.c-category_ar {
font-size: 14px;
}
} .c-post-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
font-size: 14px;
}
.c-post-tags :where(a) {
display: grid;
place-items: center;
height: 30px;
padding-inline: 1em;
color: #000000;
background: #eeeeee;
border-radius: 5px;
}
@media (any-hover: hover) {
.c-post-tags :where(a:hover) {
color: #ffffff;
background: var(--tcd-accent-color);
}
} .c-news-category {
font-size: 14px;
line-height: 1.4;
color: var(--tcd-accent-color);
margin-block: var(--tcd-half-read);
}
@media (any-hover: hover) {
.c-news-category :where(a:hover) {
opacity: 0.5;
}
}
@media (max-width: 767px) {
.c-news-category {
font-size: 12px;
}
} .c-text-link :where(a) {
text-decoration: underline;
}
@media (any-hover: hover) {
.c-text-link :where(a:hover) {
opacity: 0.5;
}
} .c-archive-header {
display: grid;
align-content: start;
row-gap: 50px;
margin-bottom: 100px;
margin-top: 100px;
width: 100%;
}
.c-archive-header .tcdce-body table {
color: #000;
}
.archive-header_top_margin {
margin-top: 0 !important;
}
.archive-header_gallery__full {
margin-bottom: 0 !important;
}
body.tax-gallery_category .archive_header_no_margin:has(img) {
margin-bottom: 0;
}
.c-archive-header:where(:has(img)) {
row-gap: 80px;
}
.c-archive-header__content {
display: grid;
}
.c-archive-header__content:where(:has(img)) {
color: #ffffff;
aspect-ratio: 1450 / 520; 
width: 100%; 
overflow: hidden; 
position: relative; 
}
.c-archive-header__content:where(:has(img)) .c-archive-header_chatch a {
text-decoration: underline;
transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
.c-archive-header__content:where(:has(img)) .c-archive-header_chatch a:hover {
opacity: 0.6;
}
.c-archive-header__chatch a:hover {
text-decoration: underline;
color: var(--tcd-accent-color);
}
.c-archive-header__content:where(:not(:has(img))) .c-archive-header_chatch .c-archive-header__title a:hover {
text-decoration: underline;
}
.c-archive-header__content:where(:not(:has(img))) .c-archive-header_chatch .c-archive-header__desc a:hover {
text-decoration: underline;
opacity: 1;
}
}
.c-archive-header__content:where(:not(:has(img))) .c-archive-header_chatch .c-archive-header__title a {
color: var(--tcd-accent-color) !important;
transition: all 0.3s ease-out;
}
.c-archive-header__content:where(:not(:has(img))) .c-archive-header_chatch .c-archive-header__desc a {
color: var(--tcd-accent-color) !important;
text-decoration: none;
transition: all 0.3s ease-out;
}
.c-archive-header__content> :where(*) {
grid-area: 1/-1;
}
.c-archive-header_chatch {
z-index: 2; 
position: relative; 
place-self: center;
display: grid;
width: 100%;
gap: 50px;
inline-size: min(calc(100% - 120px), 100%);
margin-inline: auto;
}
.p-page-header-title {
font-size: var(--tcd-single-title-font-size-pc);
font-family: var(--tcd-single-title-font-type);
}
.c-archive-header_chatch__news {
inline-size: min(calc(100% - 40px), 1180px) !important;
}
.c-archive-header__title {
font-size: var(--tcd-archive-title-font-size-pc);
font-family: var(--tcd-archive-title-font-type);
line-height: 1.5;
text-align: center;
margin-block: var(--tcd-half-read);
}
.c-archive-header__overlay {
background: color-mix(in srgb, #002040 30%, transparent);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; 
}
.c-archive-header__image {
width: 100%;
height: 100%;
object-fit: cover; 
position: absolute; 
top: 0;
left: 0;
}
.c-archive-header__desc {
text-align: center;
line-height: 2.6;
margin-block: var(--tcd-half-read);
}
.c-archive-header__desc a {
text-decoration: underline;
}
@media (max-width:991px) {
.c-archive-header {
margin-bottom: 40px;
}
.c-archive-header:where(:not(:has(img))) {
margin-top: 40px;
}
.c-archive-header__content {
width: 100%;
}
.c-archive-header_chatch {
gap: 30px;
inline-size: min(calc(100% - 40px), 100%);
}
.c-archive-header__desc {
line-height: 2.2;
}
}
@media (max-width:767px) {
.p-page-header-title {
font-size: var(--tcd-single-title-font-size-sp);
font-family: var(--tcd-archive-title-font-type);
}
.c-archive-header {
row-gap: 40px;
margin-bottom: 40px;
}
.c-archive-header:where(:has(img)) {
row-gap: 40px;
margin-bottom: 20px;
}
.c-archive-header:where(:not(:has(img))) {
row-gap: 25px;
}
.c-archive-header__content:where(:has(img)) {
height: 250px;
}
.c-archive-header__title {
font-size: var(--tcd-archive-title-font-size-sp);
}
} .c-archive-header-terms {
inline-size: min(calc(100% - 120px), 100%);
margin-inline: auto;
font-size: 16px;
align-items: center;
line-height: 1.2;
margin-bottom: 100px;
display: flex;
justify-content: center;
align-items: center;
}
.c-archive-header-terms :where(a) {
display: flex;
place-items: center;
background: #ffffff;
padding-inline: 25px;
margin: -1px 0 0 -1px;
overflow: hidden;
}
.c-archive-header-terms :where(a.is-current) {
color: var(--tcd-accent-color);
z-index: 1;
}
.c-archive-header-terms :where(.splide__arrow) {
position: absolute;
z-index: 10; 
}
.c-archive-header-terms :where(.splide__arrow--prev) {
left: -30px;
padding: 0;
}
.c-archive-header-terms :where(.splide__arrow--next) {
right: -30px;
padding: 0;
}
@media (any-hover: hover) {
.c-archive-header-terms :where(a:hover) {
color: var(--tcd-accent-color);
z-index: 1;
}
}
@media (max-width:991px) {
.c-archive-header-terms {
display: flex;
overflow-x: scroll;
white-space: nowrap;
inline-size: 100%;
padding-inline: 20px;
font-size: 14px;
-ms-overflow-style: none;
scrollbar-width: none;
margin-bottom: 40px;
}
.c-archive-header-terms::-webkit-scrollbar {
display: none;
}
.c-archive-header-terms :where(a) {
min-width: min-content;
height: 50px;
margin-block: 0;
}
}
@media (max-width:767px) {
.c-archive-header-terms {
margin-bottom: 20px;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
height: 60px;
padding-inline: unset;
}
.c-archive-header-terms .c-splide-arrows {
display: none;
}
.c-archive-header-terms :where(a) {
padding-inline: unset;
}
.c-archive-header_chatch__news {
inline-size: 100%  !important;
}
} .c-gallery-archive-header-terms {
display: flex;                
align-items: center; 
justify-content: center; 
font-size: 16px;
line-height: 1.2;
inline-size: min(calc(100% - 120px), 100%);
margin-inline: auto;
height: 70px; 
box-sizing: border-box; 
margin-bottom: 20px;
}
.splide {
position: relative;
}
.c-gallery-archive-header-terms .splide__track {
overflow: visible; 
}
body.tax-gallery_category .c-archive-header:has(img) 
~ .c-gallery-archive-header-terms__no_bottom_border .splide__track {
border-top: none;
}
body.tax-gallery_category .c-archive-header:has(img) 
~ .c-gallery-archive-header-terms__no_bottom_border .splide__arrow--next {
border-top: none;
}
body.tax-gallery_category .c-archive-header:has(img) 
~ .c-gallery-archive-header-terms__no_bottom_border .splide__arrow--prev {
border-top: none;
}
body.post-type-archive-gallery .c-archive-header:has(img) 
~ .c-gallery-archive-header-terms__no_bottom_border .splide__track {
border-top: none;
}
body.post-type-archive-gallery .c-archive-header:has(img) 
~  .c-gallery-archive-header-terms__no_bottom_border .splide__arrow--next {
border-top: none;
}
body.post-type-archive-gallery .c-archive-header:has(img) 
~  .c-gallery-archive-header-terms__no_bottom_border .splide__arrow--prev {
border-top: none !important;
}
.c-gallery-archive-header-terms__no_bottom {
margin-bottom: 0;
}
@media (max-width:767px) {
.c-gallery-archive-header-terms__no_bottom {
margin-bottom: 20px;
}
.c-gallery-archive-header-terms__no_bottom_border .splide__track {
border-bottom: none !important;
}
.c-gallery-archive-header-terms__no_bottom_border {
margin-bottom: 0;
}
}
.c-gallery-full_width {
width: 100%;
}
.c-gallery-full_width .splide__track {
border-right: none !important;
border-left: none !important;
} .c-gallery-archive-header-terms .splide__arrow {
width: 70px; 
height: 70px; 
display: flex;
justify-content: center;
align-items: center;
background: #ffffff; 
border: 1px solid #dddddd;
cursor: pointer; 
flex-shrink: 0; 
box-sizing: border-box;
} .c-gallery-archive-header-terms .splide__arrow--prev {
border-left: none; 
inset-inline: 0 auto;
} .c-gallery-archive-header-terms .splide__arrow--next {
border-left: none; 
inset-inline: auto 0;
} .c-gallery-archive-header-terms .splide__track {
flex-grow: 1; 
max-width: calc(100% - 140px); 
height: 100%; 
border: 1px solid #dddddd; 
box-sizing: border-box; 
overflow: hidden; 
} .c-gallery-archive-header-terms .splide__list {
display: flex; 
align-items: center;
justify-content: flex-start; 
} .c-gallery-archive-header-terms .splide__slide a {
display: flex;
justify-content: center;
align-items: center;
background: #ffffff;
padding: 10px 25px;
text-decoration: none;
white-space: nowrap; 
box-sizing: border-box;
transition: color 0.3s ease;
}
.c-gallery-archive-header-terms .splide__slide:first-child a {
padding-left: 40px;
}
.c-gallery-archive-header-terms .splide__slide:last-child a {
padding-right: 40px;
} .c-gallery-archive-header-terms .splide__slide a.is-current {
color: var(--tcd-accent-color);
} .c-gallery-archive-header-terms .splide__slide a:hover {
color: var(--tcd-accent-color);
}
.c-gallery-archive-header-terms :where(a) {
display: flex;
place-items: center;
background: #ffffff;
padding-inline: 25px;
margin: -1px 0 0 -1px;
overflow: hidden;
}
@media (max-width:767px) {
.c-gallery-archive-header-terms .c-splide-arrows {
display: none;
}
.c-gallery-archive-header-terms {
inline-size: 100%;
height: 60px;
}
.c-gallery-archive-header-terms .splide__track {
max-width: 100%;
}
.c-gallery-archive-header-terms .splide__slide a {
font-size: 14px;
padding: 10px 10px;
}
.c-gallery-archive-header-terms .splide__slide:first-child a {
padding-left: 20px !important;
}
.c-gallery-archive-header-terms .splide__track {
border-right: none;
border-left: none;
}
.c-gallery-archive-header-terms .splide__slide:last-child a {
padding-right: 20px !important;
}
} .p-author-header {
display: grid;
align-content: start;
justify-items: center;
row-gap: 50px;
padding: 100px;
}
.p-author-header-image {
width: 130px;
justify-self: center;
aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
}
.p-author-header-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.p-author-header-profile {
display: grid;
align-content: center;
justify-items: center;
row-gap: 30px;
text-align: center;
}
.p-author-header-profile-postion {
font-size: 16px;
line-height: 1.3;
margin-block: var(--tcd-half-read);
color: var(--tcd-accent-color);
}
.p-author-header-profile-name {
font-size: 36px;
font-weight: 600;
line-height: 1.8;
margin-block: var(--tcd-half-read);
}
.p-author-header-info {
max-width: 800px;
font-size: 16px;
line-height: 2.6;
margin-block: var(--tcd-half-read);
}
.p-author-header-title {
font-size: 26px;
line-height: 1.5;
text-align: center;
margin-block: var(--tcd-half-read) calc(80px + var(--tcd-half-read));
}
@media (max-width:767px) {
.p-author-header {
row-gap: unset;
padding: 0;
padding-top: 40px;
margin-bottom: 40px;
}
.p-author-header-profile{
margin-bottom: 40px;
}
.p-author-header-profile {
row-gap: 20px;
}
.p-author-header-image {
width: 130px;
}
.p-author-header-profile-postion {
font-size: 14px;
}
.p-author-header-profile-name {
font-size: 18px;
}
.p-author-header-info {
font-size: 14px;
line-height: 2.2;
}
.p-author-header-title {
font-size: 20px;
margin-block-end: calc(40px + var(--tcd-half-read));
}
} .c-profile {
display: grid;
grid-template-columns: 110px 1fr;
column-gap: 40px;
padding: 40px;
background: var(--tcd-bg-color);
}
.c-profile-image {
aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
}
.c-profile-content {
display: grid;
align-content: center;
row-gap: 25px;
}
.c-profile-position {
font-size: 14px;
}
.c-profile-title {
font-size: 20px;
font-weight: 600;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-block: var(--tcd-half-read);
}
.c-profile-desc {
--tcd-line-clamp: 2;
font-size: 14px;
line-height: 2.2;
height: auto;
}
@media (max-width:767px) {
.c-profile {
grid-template-columns: 90px 1fr;
column-gap: 20px;
padding: 20px;
}
.c-profile-content {
row-gap: 15px;
}
.c-profile-position {
font-size: 12px;
}
.c-profile-title {
font-size: 14px;
}
}
@media (any-hover: hover) {
.c-profile-title a:hover {
opacity: 0.5;
}
} .p-author-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.p-author-list__item {
display: grid;
justify-content: center;
padding: 60px;
align-content: start;
border: 1px solid #dddddd;
transition: background-color 0.3s ease ;
cursor: pointer;
margin-top: -1px;
}
@media (any-hover: hover) {
.p-author-list__item:hover {
background: var(--tcd-bg-color);
}
}
.p-author-list__item:nth-child(even) {
border-left: none;
}
.p-author-list__item-top {
display: flex;
justify-content: flex-start;
align-items: center;
}
.p-author-list__item-head {
display: grid;
gap: 20px;
margin-left: 60px;
}
.p-author-list__item-image {
width: 130px;
aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
}
.p-author-list__item-position {
font-size: 16px;
line-height: 1.6;
margin-block: var(--tcd-half-read);
color: var(--tcd-accent-color);
}
.p-author-list__item-title {
font-size: 22px;
font-weight: 600;
line-height: 1.8;
margin-block: var(--tcd-half-read);
}
.p-author-list__item-desc {
--tcd-line-clamp: 2;
font-size: 16px;
line-height: 2.4;
margin-block: calc(60px + var(--tcd-half-read)) var(--tcd-half-read);
}
@media (max-width:991px) {
.p-author-list {
grid-template-columns: repeat(2, 1fr);
}
.p-author-list {
grid-template-columns: 1fr;
}
.p-author-list__item:nth-child(even) {
border-left: 1px solid #dddddd;
border-top: none;
}
.p-author-list__item-head {
margin-left: 30px;
}
}
@media (max-width:767px) {
.p-author-list {
grid-template-columns: 1fr;
}
.p-author-list__item:nth-child(even) {
border-left: 1px solid #dddddd;
border-top: none;
}
.p-author-list__item {
padding: 30px;
}
.p-author-list__item-image {
width: 90px;
}
.p-author-list__item-position {
font-size: 14px;
}
.p-author-list__item-title {
font-size: 18px;
}
.p-author-list__item-desc {
--tcd-line-clamp: 2;
height: auto;
font-size: 14px;
line-height: 2.2;
margin-block-start: calc(30px + var(--tcd-half-read));
}
} .c-hidden-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
}
.c-hidden-scrollbar::-webkit-scrollbar {
display: none;
}  .p-footer-banner {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
padding-block: 60px;
border-image: linear-gradient(var(--tcd-bg-color) 0 0) fill 0 /1/ 0 100vi;
}
.p-footer-banner__item {
display: grid;
grid-template-columns: 150px 1fr;
background: #ffffff;
}
.p-footer-banner__image {
aspect-ratio: 1;
}
.p-footer-banner__title {
align-self: center;
font-size: 16px;
font-weight: 600;
line-height: 1.8;
padding-inline: 30px;
}
@media (max-width:991px) {
.p-footer-banner {
grid-template-columns: 1fr;
}
}
@media (max-width:767px) {
.p-footer-banner {
gap: 20px;
padding-block: 40px;
}
.p-footer-banner__item {
grid-template-columns: 110px 1fr;
}
.p-footer-banner__title {
font-size: 14px;
padding-inline: 20px;
}
} .p-footer-pattern {
padding-block: 60px;
border-image: linear-gradient(var(--tcd-bg-color) 0 0) fill 0 /1/ 0 100vi;
}
@media (max-width:767px) {
.p-footer-pattern {
padding-block: 40px;
}
} .p-footer-main {
display: flex;
flex-wrap: nowrap;
font-size: 14px;
border-image: linear-gradient(var(--tcd-bg-color) 0 0) fill 0 /1/ 0 100vi;
justify-content: center;
height: 70px;
}
.p-footer-info {
flex: 0 0 400px;
display: grid;
align-content: start;
row-gap: 30px;
}
.p-footer-info__desc {
line-height: 2.2;
margin-block: var(--tcd-half-read);
}
.p-footer-info__button {
min-width: 200px;
}
.p-footer-info__tel+:where(.p-footer-info__button) {
margin-top: -10px;
} .p-footer-nav {
flex: 1;
display:flex;
justify-content: center;
padding: 0 20px;
overflow-x: auto;
scrollbar-width: none;
align-items: center;
line-height: 1.4;
gap: 35px;
user-select: none;         
-webkit-user-select: none;  
-webkit-user-drag: none;   
-moz-user-select: none;     
-ms-user-select: none;     
}
.p-footer-nav :where(li) {
margin-block: var(--tcd-half-read);
flex: 0 0 auto;
}
@media (any-hover: hover) {
.p-footer-nav :where(a):hover {
opacity: 0.5;
}
}
.p-footer-copyright {
display: grid;
place-items: center;
block-size: 60px;
font-size: 14px;
text-align: center;
color: #000000;
position: relative;
padding: 0 60px;
border-top: 1px solid #ddd;
}
.p-footer-copyright .c-sns-icons {
position: absolute;
left: 60px;
}
@media (any-hover: hover) {
.p-footer-copyright :where(a):hover {
opacity: 0.5;
}
}
@media (max-width:991px) {
.p-footer-copyright {
block-size: 120px;
}
.p-footer-copyright {
padding: 0;
}
.p-footer-info {
flex: 0 0 100%;
justify-content: center;
justify-items: center;
text-align: center;
}
.p-footer-copyright .c-sns-icons {
position: relative;
height: 60px;
border-bottom: 1px solid #ddd;
}
.p-footer-copyright .c-sns-icons {
left: unset;
}
}
@media not all and (max-width:767px) {
.p-footer-nav--sp {
display: none;
}
}
@media (max-width:767px) {
.p-footer-nav {
flex-wrap: unset;
padding-left: 20px;
}
.p-footer-main {
height: 60px;
overflow-x: auto;
-ms-overflow-style: none; 
scrollbar-width: none;    
}
.p-footer-main::-webkit-scrollbar {
display: none;             
}
.p-footer-nav {
gap: unset;
justify-content:flex-start;
}
.p-footer-nav :where(li) {
flex: 0 0 auto;
padding-right: 30px;
}
.p-footer-nav :where(li:last-child) {
padding-right: 20px;
}
.p-footer-info {
row-gap: 20px;
}
.p-footer-info__button {
margin-top: 0;
}
.p-footer-nav--sp {
row-gap: 20px;
text-align: center;
}
.p-footer-copyright {
height: auto;
}
} .p-header-top {
display: flex;
justify-content: space-between;
align-items: center;
border-image: linear-gradient(#ffffff 0 0) fill 0 /1/ 0 100vi;
height: 90px;
}
.p-header-logo {
max-height: 90px;
}
.p-header-catch {
line-height: 1.4;
}
.p-header-search {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: 40px;
width: 100%;
height: 60px;
background: var(--tcd-accent-color-light);
}
.p-header-search__input {
padding-inline: 1em;
border: none;
background: initial;
height: 60px;
}
.p-header-search__button {
display: grid;
place-items: stretch;
aspect-ratio: 1;
color: #ffffff;
background: var(--tcd-accent-color-light);
border-radius: 50%;
border: none;
font-size: 24px;
width: 60px;
height: 60px;
}
.p-header-search__button:before {
content: '';
mask: var(--tcd-icon--search) no-repeat center / 1em;
background: currentColor;
}
.p-header-search_sp {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: 40px;
width: 100%;
padding: 0 20px;
height: 50px;
background: var(--tcd-accent-color-light);
}
.p-header-search__input {
padding-inline: 1em;
border: none;
background: initial;
height: 60px;
}
.p-header-search__button {
display: grid;
place-items: stretch;
aspect-ratio: 1;
color: #ffffff;
background: var(--tcd-accent-color-light);
border-radius: 50%;
border: none;
font-size: 24px;
width: 60px;
height: 60px;
}
.p-header-search__button:before {
content: '';
mask: var(--tcd-icon--arrow-top) no-repeat center / 1em;
background: currentColor;
} .p-header-cta {
display: flex;
column-gap: 20px;
}
.p-header-cta__tel {
display: grid;
align-content: center;
row-gap: 10px;
}
.p-header-cta__tel-info {
font-size: 14px;
text-align: right;
}
.p-header-nav-sp {
display: none;
}
.p-header-drower {
justify-self: end;
display: grid;
place-items: center;
font-size: 26px !important;
transition: opacity 0.3s ease;
margin-left: 40px;
} .header_right_contents {
display: flex;
justify-content: center;
align-items: center;
}
@media (any-hover: hover) {
.p-header-nav-sp:hover {
opacity: 0.5;
}
.p-header-drower:hover {
opacity: 0.6;
}
}
@media (max-width: 991px) {
.p-header-top {
height: 60px;
}
.p-header-logo {
max-height: 60px;
}
:is(.p-header-catch, .p-header-search--pc, .p-header-cta--pc) {
display: none;
}
.p-header-nav-sp {
justify-self: end;
display: grid;
place-items: center;
font-size: 24px;
}
.p-header-search {
grid-template-rows: 30px;
width: 100%;
padding: 5px;
}
.p-header-search__button {
font-size: 18px;
}
.p-header-cta {
flex-direction: column;
align-items: center;
row-gap: 20px;
}
.p-header-cta__tel-info {
text-align: center;
}
.p-header-cta__button {
width: 100%;
}
.p-header-drower {
font-size: 22px !important;
padding-left: 0;
} 
} .p-header-nav {
font-size: 16px;
line-height: 1.4;
color: #000000;
}
.p-header-nav__list {
display: flex;
}
.p-header-nav__list>li {
position: relative;
height: 90px;
display: flex;
align-items: center;
transition: color 0.1s ease;
}
.p-header-nav__list>li.current-menu-item {
color: var(--tcd-accent-color-dark);
}
.p-header-nav__list li:last-child a {
padding-inline: unset;
padding-left: 20px;
}
.p-header-nav__list>li>a {
display: grid;
place-items: center;
grid-template-rows: 60px;
padding-inline: 20px;
}
.p-header-nav__list>li>ul {
min-inline-size: 240px;
font-size: 14px;
position: absolute;
inset: 100% auto auto 0;
background: var(--tcd-accent-color);
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.p-header-nav__list ul a {
display: grid;
place-items: center left;
grid-template-rows: 50px;
padding-inline: 20px;
background: var(--tcd-accent-color-dark);
}
.p-header-nav__list ul ul a {
padding-inline-start: calc(20px + 1em);
}
@media (any-hover: hover) {
.p-header-nav__list>li:hover  {
color: rgba(0, 0, 0, .5);
}
.p-header-nav__list>li:hover>ul {
opacity: 1;
pointer-events: auto;
color: #ffffff;
z-index: 1000002;
}
.p-header-nav__list ul a:hover {
background: inherit;
}
}
@media (max-width: 991px) {
.p-header-nav {
display: none;
}
} body.show-drawer .l-outer {
transform: translateX(-360px);
}
.l-outer {
transition: transform .5s;
}
.p-drawer {
position: fixed;
inset: 0 0 0 auto;
z-index: calc(infinity);
display: grid;
align-content: start;
width: 360px;
background: var(--tcd-accent-color-dark);
transition: transform .5s;
overflow: auto;
color: #ffffff;
padding-bottom: 40px;
right: -360px;
}
body.show-drawer .p-drawer{
transform: translateX(-360px);
}
@media (max-width: 767px) {
.p-drawer {
width: 100%;
right: -100%;
background: var(--tcd-accent-color);
}
.no_sp_drawer_main_contents {
background-color: var(--tcd-accent-color-dark);
}
body.show-drawer .l-outer {
transform: translateX(-100%);
}
body.show-drawer .p-drawer {
transform: translateX(-100%);
}
.p-drawer .c-sns-icons-item {
width: 16px;
height: 16px;
}
}
.p-drawer-bg {
position: fixed;
inset: 0;
z-index: calc(infinity - 1);
background: rgba(0, 0, 0, .3);
transition-property: opacity, pointer-events, visibility;
transition-duration: 0.3s;
}
.drawer_contents_category_list a {
font-size: 16px;
}
.drawer_contents_category_list .category-list a {
height: 60px;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 30px;
padding-right: 30px;
background-color: var(--tcd-accent-color-dark);
transition: background-color 0.3s ease;
}
.drawer_contents_category_list .child_category {
padding-left: calc(30px + 1em) !important;
}
.drawer_contents_category_list .grandchild_category {
padding-left: calc(30px + 2em) !important;
}
.drawer_contents_category_list .has-children {
margin-left: 1em;
}
.drawer_main_contents .c-sns-icons {
padding: 0 30px;
filter: invert(1);
}
.drawer_sns_color .drawer_main_contents .c-sns-icons{
filter: invert(0); 
}
@media (any-hover: hover) {
.drawer_contents_category_list .category-list a:hover {
background-color: var(--tcd-accent-color);
}
}
.drawer_contents_category_list .category-list a span {
opacity: 0.6;
}
.drawer_contents_tab {
display: flex;
height: 60px;
justify-content: center;
align-items: center;
}
.drawer_contents_tab_nav {
flex: 1;
padding-inline: 1em;
line-height: 1.3;
font-size: 16px !important;
text-align: center;
height: 60px;
background-color: var(--tcd-accent-color);
transition: background-color 0.3s ease;
}
.drawer_contents_tab_nav.active {
background-color: var(--tcd-accent-color-dark);
}
@media (any-hover: hover) {
.drawer_contents_tab_nav:hover {
background-color: var(--tcd-accent-color-dark);
}
}
.drawer_contents_tags_list {
display: grid;
gap: 20px;
padding: 30px;
border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.drawer_tags_list {
display: flex;
flex-wrap: wrap;
row-gap: 7px;
column-gap: 7px;
font-size: 14px;
}
.drawer_tag_item {
height: 30px;
display: flex;
align-items: center;
padding: 0 15px;
color: color-mix(in srgb, var(--tcd-accent-color-dark) 50%, #fff);
border: 1px solid color-mix(in srgb, var(--tcd-accent-color-dark) 50%, #fff);
border-radius: 5px;
transition: color 0.3s ease, border-color 0.3s ease;
}
.drwaer_main_contents {
display: grid;
gap: 30px;
padding-bottom: 30px;
}
.drwaer_main_contents > .drawer_tab_wrapper:first-child {
padding-top: 0;
}
@media (any-hover: hover) {
.drawer_tag_item:hover {
color: #fff;
border-color: #fff;
}
.drawer_widget_contents .widget_nav_menu a:hover {
color: #fff;
}
.drawer_widget_contents .widget_recent_entries a:hover{
opacity: 0.6;
color: #fff;
}
.drawer_widget_contents .widget_tag_cloud .tag-cloud-link:hover {
background: none;
opacity: 0.6;
}
}
.drawer_widget_contents .widget_tag_cloud .tag-cloud-link {
transition: opacity 0.3s ease;
}
.drawer_widget_contents .widget_recent_entries a {
transition: opacity 0.3s ease;
}
.drawer_widget_contents .p-widget-tab-post-list-item {
background: none;
}
.drawer_widget_contents .p-widget-tab-post-nav {
background: none;
}
.drawer_widget_contents .p-widget-tab-post-nav[data-tab="1"]>button:nth-child(1), .p-widget-tab-post-nav[data-tab="2"]>button:nth-child(2){
background: none;
}
.drawer_widget_contents .p-widget-tab-post-nav-item {
background: var(--tcd-accent-color);
}
.drawer_widget_contents :is(.widget_categories, .widget_archive) a.has-count:after{
background: none;
border: none;
color: #fff;
opacity: 0.6;
font-size: 14px;
}
.drawer_widget_contents .widget_search .search-field {
background: none;
}
.drawer_widget_contents :is(.widget_categories, .widget_archive, .widget_nav_menu, .widget_meta, .widget_pages) a:hover {
color: #fff;
}
.drawer_widget_contents .widget_nav_menu a {
}
.drawer_widget_contents .widget_tag_cloud .tag-cloud-link {
color: #fff;
background: none;
border: 1px solid #fff;
}
.drawer_widget_contents .widget_tag_cloud .tagcloud {
row-gap: 7px;
column-gap: 7px;
}
.drawer_widget_contents {
padding: 30px;
}
.drawer_widget_contents .widgettitle {
font-size: 16px;
margin-bottom: 20px;
}
.drwear_ad_img {
height: 200px;
width: 100%;
background: #000;
}
.drwear_ad_img img {
height: 100%;
width: 100%;
object-fit: cover;
}
body:not(.show-drawer) .p-drawer-bg {
opacity: 0;
pointer-events: none;
visibility: hidden;
}
.p-drawer_close_container {
display: flex;
justify-content: flex-end; 
width: 100%; 
background: var(--tcd-accent-color);
}
.p-drawer-close {
display: grid;
place-items: center;
font-size: 20px;
height: 70px;
color: #ffffff;
padding-inline: 30px;
}
.p-drawer-nav {
font-size: 14px;
line-height: 1.5;
}
.p-drawer-nav a {
display: flex;
justify-content: space-between;
padding: 1em 20px;
height: 50px;
font-size: 14px;
}
.p-drawer-nav__toggle {
cursor: pointer;
display: grid;
place-items: stretch;
flex: 0 0 52px;
margin: -1em -20px -14px 0;
transition: opacity 0.3s ease;
align-items: center;
}
.p-drawer-nav__toggle::before {
content: "";
mask: var(--tcd-icon--plus) no-repeat center / 2em;
background: #fff;
width: 50px;
height: 50px;
}
.is-open>.p-drawer-nav__toggle::before {
mask: var(--tcd-icon--minus) no-repeat center / 2em;
}
.p-drawer-nav__submenu {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.3s cubic-bezier(0.17, 0.84, 0.44, 1);
background: var(--tcd-accent-color-light);
}
.is-open+.p-drawer-nav__submenu {
grid-template-rows: 1fr;
}
.p-drawer-nav__submenu>ul {
overflow: hidden;
}
.p-drawer-nav__submenu>ul ul a {
padding-left: calc(20px + 1em);
}
.p-drawer-bottom {
display: grid;
align-content: start;
row-gap: 25px;
padding: 30px 20px;
}
.drawer_main_contents {
display: grid;
gap: 30px;
}
.drwaer_sns_icon {
inline-size: calc( 100% - 60px );
margin: auto;
}
.sns_sp_no_drawer_main {
margin-top: 30px !important;
}
.drwaer_sns_icon .c-sns-icons {
color: #fff;
}
.p-drawer .tab_content .drawer_contents_tags_list:first-child {
padding-top: 20px;
}
@media (any-hover: hover) {
.p-drawer-close:hover,
.p-drawer-nav__toggle:hover {
opacity: 0.5;
}
.p-drawer-nav a:hover {
color: rgba(0, 0, 0, .5);
}
}
@media (max-width: 767px) {
.drawer_main_contents .c-sns-icons {
padding: 0 20px;
}
.drawer_contents_tab_nav {
border-left: 1px solid rgba(255, 255, 255, .3);
border-right: 1px solid rgba(255, 255, 255, .3);
border-top: 1px solid rgba(255, 255, 255, .3);
}
.drawer_tab_wrapper {
padding-right: 20px;
padding-left: 20px;
}
.tab_content {
background: var(--tcd-accent-color);
}
.p-drawer {
padding-bottom: 40px;
}
.p-drawer-nav>li {
background: var(--tcd-accent-color-dark);
}
.drawer_contents_tab {
height: 60px;
}
.drwaer_sns_icon {
inline-size: calc( 100% - 40px );
margin: auto;
}
.p-drawer-close {
height: 50px;
font-size: 18px;
padding-inline: 20px;
}
.p-drawer_close_container {
background: var(--tcd-accent-color);
}
.drawer_contents_tab_nav {
height: 60px;
}
.drawer_contents_tab_nav {
font-size: 14px;
}
.drawer_contents_category_list a {
font-size: 14px;
}
.drawer_contents_category_list .category-list a span {
font-size: 14px;
}
.drawer_contents_category_list .category-list a  {
padding: 0 20px;
border: 1px solid rgba(255, 255, 255, .3);
margin-top: -1px;
}
*+.drawer_contents_tab_nav {
margin-left: -1px;
}
.drawer_contents_category_list .child_category {
padding-left: calc(20px + 1em) !important;
}
.drawer_contents_category_list .grandchild_category {
padding-left: calc(20px + 2em) !important;
}
.tab_content:last-child {
border-bottom: 1px solid #ffffff4d;
}
.drawer_contents_tags_list {
padding: 20px;
border-bottom: none  !important;
}
.drawer_tags_headline {
font-size: 14px;
}
.drawer_tag_item {
font-size: 12px;
}
.drawer_tags_list {
row-gap: 7px;
}
.p-header-search_sp {
margin: 0 20px;
}
.p-header-search_sp {
inline-size: calc( 100% - 40px);
margin: auto;
height: 50px;
background: var(--tcd-accent-color-light);
}
.p-header-search__input {
height: 50px;
}
.p-header-search__button {
width: 50px;
height: 50px;
background-color: var(--tcd-accent-color-light);
}
.p-header-search_sp {
grid-template-rows: 50px;
padding: 0;
}
.p-drawer .widget_search .search-form {
height: 50px;
grid-template-rows: 50px;
}
.p-drawer .widget_search .search-form label {
height: 50px;
}
.p-drawer .widget_search .search-field {
height: 50px;
}
.widget_search .search-submit {
height: 50px;
}
.p-drawer .search-submit svg {
margin-top: 5px;
}
.p-drawer .widget_search {
margin: 0 20px;
}
.drawer_contents_category_list .category-list a  {
background-color: var(--tcd-accent-color);
}
.drawer_main_contents + .drawer_sns_icon {
margin-top: 0;
}
} .p-header-message {
display: flex;
align-items: center;
justify-content: center;
min-height: 50px;
text-align: center;
font-size: 14px;
font-weight: 600;
padding: 1em 20px;
position: relative;
z-index: 100;
}
.p-header-message__label {
display: block;
color: inherit;
line-height: 1.4;
margin: -0.2em 0;
padding-top: 1px;
}
@media (any-hover: hover) {
.p-header-message a:hover {
color: inherit;
text-decoration: underline;
}
}
@media (max-width: 767px) {
.p-header-message {
min-height: 40px;
font-size: 12px;
}
} .p-mv1 {
position: relative;
overflow: hidden;
}
.p-mv1-content {
position: absolute;
inset: 0;
z-index: 1;
display: grid;
align-content: center;
row-gap: 50px;
text-align: var(--tcd-index-mv1-header-text-align);
color: #ffffff;
}
.p-mv-no-img-content {
position: relative;
inset: 0;
z-index: 1;
display: grid;
align-content: center;
row-gap: 50px;
text-align: var(--tcd-index-mv1-header-text-align);
color: #000000;
padding-bottom: 100px;
padding-top: 100px;
}
.p_top_header_no_img_gallery_type1 {
padding-top: 160px;
}
.p_top_header_no_img_gallery {
padding-top: 160px;
}
@media (max-width:767px) {
.p-mv-no-img-content  div {
line-height: 2.2;
}
.p-mv1-content div {
line-height: 2.2;
}
.p-mv-no-img-content {
padding: 40px 0 40px 0;
}
.p_top_header_no_img_gallery_type1 {
padding-bottom:20px;
}
.p-mv-no-img-content {
row-gap: 30px;
}
h2.p-mv1-content-title_2 {
line-height: 1.6;
}
div.p-mv1-content-title_2  {
line-height: 2.2;
}
h2.p-mv1-content-title {
line-height: 1.6;
}
div.p-mv1-content-title  {
line-height: 2.2;
}
}
.p-mv1-content-title {
font-size: var(--tcd-index-mv1-catch-font-size-pc);
font-family: var(--tcd-index-mv1-catch-font_type);
margin-block: var(--tcd-half-read);
}
h2.p-mv1-content-title {
line-height: 1.6;
}
div.p-mv1-content-title {
line-height: 2.6;
}
.p-mv1-content-title a {
text-decoration: underline;
transition: opacity 0.3s ease;
}
.p-mv1-content-title_2 {
font-size: var(--tcd-index-mv1-catch-font-size-pc-2);
line-height: 2.6;
font-family: var(--tcd-index-mv1-catch-font_type-2);
margin-block: var(--tcd-half-read);
}
h2.p-mv1-content-title_2 {
line-height: 1.6;
}
div.p-mv1-content-title_2 {
line-height: 2.6;
}
.p-mv1-content-title_2 a {
text-decoration: underline;
transition: opacity 0.3s ease;
}
.p-mv1-content-desc {
font-size: 18px;
line-height: 2.2;
margin-block: var(--tcd-half-read);
}
.p-mv1-content-button {
display: inline-grid;
place-items: center;
justify-self: var(--tcd-index-mv1-header-text-align);
width: fit-content;
min-width: 280px;
height: 60px;
font-size: 16px;
color: #ffffff;
background: var(--tcd-index-mv1-button-bg-color);
border-radius: calc(infinity* 1px);
transition: background-color 0.3s ease;
}
.p-mv1-overlay {
position: absolute;
inset: 0;
}
.p-mv1__track,
.p-mv1__list {
height: inherit;
aspect-ratio: 1450 / 520;
}
.p-mv1__pagination {
position: absolute;
inset: auto 0 30px;
width: fit-content;
margin-inline: auto;
gap: 10px;
}
.p-mv1__pagination button {
display: block;
font-size: 14px;
width: 1em;
height: 1em;
border-radius: 50%;
border: 1px solid #ffffff;
}
.p-mv1__pagination button.is-active {
background: #ffffff;
}
@media (any-hover: hover) {
.p-mv1-content-button:hover {
background-color: color-mix(in srgb, var(--tcd-index-mv1-button-bg-color) 80%, #fff); ;
}
.p-mv2-content-button:hover {
background-color: color-mix(in srgb, var(--tcd-index-mv2-button-bg-color) 80%, #fff); ;
}
.p-mv1-content-title a:hover {
opacity: 0.6;
}
.p-mv1-content-title_2 a:hover {
opacity: 0.6;
}
}
@media (max-width:767px) {
.p-mv1 {
height: 250px;
}
.p-mv1-content {
row-gap: 20px;
}
.p-mv1-content-title {
font-size: var(--tcd-index-mv1-catch-font-size-sp);
}
.p-mv1-content-title_2 {
font-size: var(--tcd-index-mv1-catch-font-size-sp-2);
}
.p-mv1-content-desc {
font-size: 14px;
}
.p-mv1-content-button {
min-width: 240px;
height: 50px;
font-size: 14px;
}
}
.p_top_fix_last_contents .p-cb-button {
margin-bottom: 90px;
}  .p-post-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
row-gap: 50px;
column-gap: 20px;
}
.p-post-cards-item {
position: relative;
display: grid;
align-content: start;
}
.p-post-cards-item__link {
display: grid;
row-gap: 20px;
background: #ffffff;
padding: 30px 0 0 0;
max-width: 80%;
}
.p-post-cards-item__link_pr {
max-width: 100% !important;
}
.p-post-cards-item__link_pr .p-pr-cards-item__title {
max-width: 80%;
}
.p-post-cards-item__link_pr .p-post-cards-item__desc {
--tcd-line-clamp: 2;
margin-top: alc(1lh* var(--tcd-line-clamp));
line-height: 2;
transition: opacity 0.3s ease;
}
.p-post-cards-item__link_pr .p-post-cards-item__desc[data-show-dialog="true"] {
cursor: pointer;
transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
.p-post-cards-item__link_pr .p-post-cards-item__desc[data-show-dialog="true"]:hover {
opacity: 0.6;
}
}
.pr_flex {
display: flex;
justify-content: space-between;
}
.p-post-cards-item__link .c-category_ar {
font-size: 14px;
}
.p-post-cards-item__image {
aspect-ratio: 430 / 300;
height: auto;
width: 100%;
background: #000000;
}
.p-post-cards-item__category {
pointer-events: none;
position: absolute;
inset: 40px;
z-index: 1;
display: grid;
align-content: end;
aspect-ratio: 16 / 10;
}
.p-post-cards-item__title {
--tcd-line-clamp: 2;
font-size: 16px;
line-height: 2;
}
.p-pr-card-item_contents {
display: grid;
gap: 15px;
}
.p-pr-cards-item__title {
--tcd-line-clamp: 1;
font-size: 16px;
line-height: 2;
}
.p-post-cards-item__desc {
--tcd-line-clamp: 1;
font-size: 14px;
line-height: 1.6;
}
.p-post-cards-item__excerpt {
--tcd-line-clamp: 2;
font-size: 16px;
line-height: 2.2;
}
@media (max-width: 991px) {
.p-post-cards {
grid-template-columns: repeat(2, 1fr);
row-gap: 30px;
}
}
@media (max-width: 767px) {
.p-post-cards-item__desc {
display: none;
}
.p-post-cards {
grid-template-columns: 1fr;
gap: 30px;
}
.p-post-cards-item__link {
row-gap: 20px;
padding: 20px 0 0 0;
max-width: 100%;
}
.p-post-cards-item__category {
inset: 20px;
}
.p-post-cards-item__title {
font-size: 16px;
height: auto;
}
.p-post-cards-item__excerpt {
font-size: 14px;
line-height: 2;
}
}
.p-pr__name {
font-size: 14px;
color: #999999;
line-height: 1;
}
.c-gallery-pr__label {
position: absolute;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
color: #fff;
padding: 0 20px;
background: rgba(0,0,0,0.3);
opacity: 1;
transition: opacity 0.5s ease;
}
@media (any-hover: hover) {
.p-gallery-cards-items:hover .c-gallery-pr__label {
opacity: 0;
}
}  .p-single {
display: grid;
align-content: start;
row-gap: 50px;
}
@media (max-width: 767px) {
.p-single {
row-gap: 40px;
}
} .p-single-header {
display: grid;
align-content: start;
row-gap: 20px;
position: relative;
padding-top: 100px;
}
.p-single-header__title {
font-size: var(--tcd-single-title-font-size-pc);
font-family: var(--tcd-single-title-font-type);
line-height: 1.6;
margin-block: var(--tcd-half-read);
}
.p-single-header__image {
position: relative;
margin-block-start: 20px;
}
.p-single-header__image :where(img) {
width: 100%;
}
.p-single-header__image :where(.p-single-header__category) {
position: absolute;
inset: auto auto 0 0;
background: #ffffff;
}
.p-single-header__category {
background: #ffffff;
padding: 0;
color: var(--tcd-accent-color);
text-align: left;
margin: -0.2em 0;
}
@media (max-width: 991px) {
.p-single-header {
padding: 40px 0 0;
border: none;
}
}
@media (max-width: 767px) {
.p-single-header {
row-gap: 20px;
padding-top: 30px;
}
.p-single-header__category {
font-size: 14px;
}
.p-single-header__title {
font-size: var(--tcd-single-title-font-size-sp);
line-height: 1.5;
}
.p-single-header__image {
margin: 0 -20px 0;
margin-top: 10px;
}
} .p-single-bottom {
display: grid;
align-content: start;
row-gap: 50px;
margin-block-start: 150px;
inline-size: min(calc(100% - 40px), 1180px);
margin-inline: auto;
}
@media (max-width: 767px) {
.p-single-bottom .splide__track {
padding-right: 20px;
}
}
@media (max-width: 991px) {
.p-single-bottom {
inline-size: unset;
margin-block-start: 0;
}
.p-single-bottom .splide__list{
display: flex !important;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
padding-right: 40px !important;
gap: 20px;
}
.p-single-bottom .splide__list::-webkit-scrollbar {
display: none;
}
.p-single-bottom .splide__slide{
width: 260px;
}
.p-single-bottom .p-post-cards-item__image {
height: 180px !important;
margin-bottom: 20px !important;
}
.p-single-bottom .c-splide-arrows{
display: none;
}
}
@media (min-width: 767px) and (max-width: 991px) {
.p-single-bottom {
inline-size: min(calc(100% - 40px), 1180px);
margin-block-start: 40px;
}
}
.p-single-bottom__news {
display: grid;
align-content: start;
row-gap: 50px;
margin-block-start: 150px;
width: 100%;
}
@media (max-width: 991px) {
.p-single-bottom__news {
row-gap: 40px;
}
.p-post-single__splide {
width: calc(100% + 20px);
}
}
.p-post-single__splide {
visibility: visible;
}
.p-single-bottom .splide__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #000 !important;
border: none;
width: 60px;
height: 120px; 
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
cursor: pointer;
z-index: 10;
}
.p-post-single__splide {
position: relative;
}
.p-single-bottom .c-splide-arrow :where(svg) {
width: 1.3em;
height: 1.3em;
}
.p-single-bottom .splide__arrow--prev {
left: -60px;
transform: translateY(-50%) rotate(180deg); 
bottom: 60px;
margin-bottom: 98px;
}
.p-single-bottom .splide__arrow--next {
right: -60px;
bottom: 60px;
margin-bottom: 98px;
}
.p-recent-news {
margin-top: 0;
}
.p-single-bottom-title {
font-size: 30px;
line-height: 1.8;
text-align: center;
margin-block: var(--tcd-half-read);
}
@media (max-width: 767px) {
.p-gallery-bottom_list {
display: flex !important;
gap: 20px;
overflow: scroll hidden;
padding-right: 20px !important;
}
.p-gallery-bottom_list::before  {
content: '';
}
.p-single-bottom {
row-gap: 40px;
margin-block-start: 0;
margin: 0 -20px;
}
.p-single-bottom-title {
font-size: 20px;
line-height: 1.5;
inline-size: 100%;
padding: 0 20px;
}
.p-post-single__splide {
width: calc(100% + 40px);
}
} .p-single-bottom .p-post-cards {
gap: 50px 20px;
}
.p-single-bottom .p-post-cards-item {
background: initial;
}
.p-single-bottom .p-post-cards-item__link {
row-gap: 20px;
padding: initial;
}
.p-single-bottom .p-post-cards-item__category {
inset: 0;
}
.p-single-bottom .p-post-cards-item__title {
font-size: 16px;
max-width: 310px;
}
.p-single-bottom .p-post-cards-item__image {
height: 265px;
margin-bottom: 30px;
}
.p-news-cards_bottom {
display: block;
}
.p-news-cards-item-bottom {
height: 80px;
display: flex;
align-items: center;
border: 1px solid #dddddd;
margin: -1px;
padding: 0 20px;
}
.p-news-cards-item-bottom__content .c-date--updated {
display: none;
}
.p-news-cards-item-bottom__content .p-news-cards-item__date {
margin-bottom: 0;
}
.p-news-cards-item-bottom .p-news-cards-item__title {
--tcd-line-clamp: 1;
}
.p-news-cards-item-bottom__content {
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 767px) {
.p-news-cards-item-bottom__content {
flex-direction: column;
align-items: flex-start;
}
.p-single-bottom .c-category {
background: #ffffff;
}
.p-single-bottom .p-post-cards {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
padding: initial;
background: initial;
}
.p-single-bottom .p-post-cards-item__title {
--tcd-line-clamp: 2;
font-size: 16px;
-webkit-line-clamp: var(--tcd-line-clamp);
height: calc(1lh* var(--tcd-line-clamp));
}
} .p-news-cards {
display: grid;
grid-template-columns: 1fr 1fr;
}
.p-news-cards__no_thumbnail {
display: block;
} .p-news-cards-item {
display: flex;
background: #ffffff;
margin: -1px;
margin-right: 0 !important;
}
.p-news-cards-item-no_thumbnail {
height: 220px;
}
.p-news-cards-item-no_thumbnail .p-news-cards-item__content {
padding-left: 30px;
border-left: 1px solid #ddd;
}
.news_no_update_date .c-date--updated {
display: none;
}
.post_no_update_date .c-date--updated {
display: none;
}
.gallery_no_update_date .c-date--updated {
display: none;
}
.p-news-cards-item__image {
flex: 0 0 220px;
align-self: flex-start;
aspect-ratio: 1;
background: #000000;
}
.p-news-cards-item__content {
align-content: center;
padding-right: 50px;
display: grid;
justify-content: flex-start;
gap: 20px;
padding-left: 40px;
width: 100%;
border: 1px solid #ddd;
border-left: none;
}
.p-news-cards-item__content .c-news-category {
color: var(--tcd-accent-color);
}
.p-news-cards-item__title {
--tcd-line-clamp: 2;
font-size: 16px;
height: auto;
line-height: 2;
margin-block: var(--tcd-half-read);
}
@container main (max-width: 900px) {
.p-news-cards-item__image {
flex: 0 0 150px;
}
.p-news-cards-item__content {
row-gap: 15px;
padding-left: 20px;
padding-right: 25px;
}
.p-news-cards-item__title {
font-size: 16px;
}
}
@container main (max-width: 850px) {
.p-news-cards-item__content .c-date {
font-size:14px;
}
.p-news-cards {
grid-template-columns: 1fr;
}
.p-news-cards-item__title {
font-size: 14px;
line-height: 1.8;
}
}
@media (max-width: 400px) {
.p-news-cards-item__title {
--tcd-line-clamp: 2;
}
.p-news-cards-item__content .c-date {
font-size: 14px;
}
}
@media (max-width: 767px) {
.c-archive-header-terms  {
padding-inline: 20px;
inline-size: 100%;
justify-content: center;
}
.category_terms_track {
overflow: visible;
}
.category_terms_list {
gap: 20px;
} 
.category_terms_list:after {
content: '';
}
.p-news-cards-item-no_thumbnail .p-news-cards-item__content {
padding-left: 25px;
}
.p-news-cards-item-no_thumbnail {
height: 120px;
}
} .p-gallery-cards_type1 {
display: grid;
grid-template-columns: repeat(3, 1fr);
row-gap: 50px;
column-gap: 20px;
}
.gallery_type1_no_title {
row-gap: 20px;
}
.p-gallery-cards_type2 {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
border-collapse: collapse;
gap: 0px;
}
.p-gallery-cards-item,
.p-gallery-cards-items,
.p-gallery-cards-item__image,
.c-thumbnail-image {
box-sizing: border-box;
}
.p-thumbanail img {
transform: scale(1.01);
}
@media (max-width: 767px) {
.p-gallery-cards_type2 {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.p-gallery-cards_type1 {
display: grid;
grid-template-columns: repeat(1, 1fr) !important;
row-gap: 30px;
}
}
@media (max-width: 991px) {
.p-gallery-cards_type2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.p-gallery-cards_type1 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1800px) {
.p-gallery-cards_type2 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.p-gallery-cards_type1 {
grid-template-columns: repeat(4, 1fr);
}
}
.p-gallery-cards-item {
display: grid;
position: relative;
align-content: start;
gap: 30px;
position: relative; 
}
.p-gallery-cards-items {
width: 100%;
display: grid;
overflow: hidden;
position: relative;
cursor: pointer;
font-size: 0;
line-height: 0;
}
.p-gallery-cards-item__image {
aspect-ratio: 430 / 300;
width: 100%;
}
.p-gallery-cards-hover__items_title span {
transition: opacity 0.3s ease;
}
.p-gallery_pr_desc[data-show-dialog="true"] span{
transition: opacity 0.3s ease;
cursor: pointer;
} @media (any-hover: hover) {
.p-gallery_pr_desc[data-show-dialog="true"] span:hover{
opacity: 0.7;
}
.p-gallery-cards-hover__items_title span:hover {
opacity: 0.7;
}
.p-gallery-cards-hover__item_title_pr span:hover {
opacity: 1 !important;
}
.p-gallery-cards-items:hover .p-gallery-cards__overlay {
opacity: 1;
transition: opacity 0.3s ease-out 0s; 
}
.p-gallery-cards-items:hover .p-gallery-cards-hover__items .c-gallery-category {
opacity: 1;
transition: opacity 0.3s ease-out 0.1s; 
}
.p-gallery-cards-items:hover .p-gallery-cards-hover__items .c-gallery-category_overlaymax {
opacity: 1;
transition: opacity 0.3s ease-out 0.1s; 
}
.p-gallery-cards-items:hover .p-gallery-cards-hover__items .p-gallery-cards-hover__items_title {
opacity: 1;
transition: opacity 0.3s ease-out 0.2s; 
}
.p-gallery-cards-items:hover .p-gallery-cards-hover__items .p-gallery_pr_desc {
opacity: 1;
transition: opacity 0.3s ease-out 0.2s; 
}
.p-gallery-cards-items:hover .p-gallery-cards-hover__items .p-gallery-cards-hover__items_tag {
opacity: 1;
transition: opacity 0.3s ease-out 0.3s; 
}
.p-gallery-cards-items:hover .p-gallery-cards-hover__items .p-gallery-cards-hover__items_tag_overlaymax {
opacity: 1;
transition: opacity 0.3s ease-out 0.3s;
}
.p-gallery-cards-items:hover .p-gallery-cards-hover__items .p-gallery-cards-item__date {
opacity: 1;
transition: opacity 0.3s ease-out 0.4s; 
}
.p-gallery-cards-items:hover .p-gallery-cards-hover__button {
transform: translateY(-70px); 
opacity: 1;
transition: transform 0.3s ease-out 0.5s, opacity 0.3s ease-out 0.5s; 
}
.p-gallery-cards-items:hover .p-gallery-cards-hover__items {
pointer-events: auto;
}
}
.p-gallery-cards__overlay {
z-index: 1000;
}
.p-gallery-cards-items> :where(*) {
grid-area: 1/-1;
}
.p-gallery-cards-hover__items {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2000;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 40px;
color: #ffffff;
pointer-events: none; 
}
@media (max-width: 1150px) {
.p-gallery-cards_bottom .p-gallery-cards-hover__items {
padding: 20px;
}
}
@media (max-width: 1100px) {
.p-gallery-cards-hover__items {
padding: 20px;
}
}
@media (max-width: 767px) {
.p-gallery-cards-hover__items {
display: none;
}
}
.p-gallery-cards-hover__items a {
pointer-events: auto; 
}
.p-gallery-cards-hover__items_main {
display: flex;
flex-direction: column;
gap: 20px;
}
.c-gallery-category {
font-size: 14px;
line-height: 1.3;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--tcd-line-clamp);
height: calc(1lh* var(--tcd-line-clamp));
max-height: calc(1lh* var(--tcd-line-clamp));
overflow: hidden;
}
.c-gallery-category_overlaymax {
font-size: 14px;
line-height: 1.3;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--tcd-line-clamp);
height: calc(1lh* var(--tcd-line-clamp));
max-height: calc(1lh* var(--tcd-line-clamp));
overflow: hidden;
}
.c-gallery-category_overlaymax a {
opacity: 1;
}
.p-gallery-cards-hover__items_title {
font-size: 18px;
line-height: 1.8;
margin: -0.4em 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--tcd-line-clamp);
height: calc(1lh* var(--tcd-line-clamp));
max-height: calc(1lh* var(--tcd-line-clamp));
overflow: hidden;
transition: opacity 0.3s ease;
}
.p-gallery_pr_desc {
font-size: 16px;
line-height: 1.6;
margin: -0.3em 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--tcd-line-clamp);
height: calc(1lh* var(--tcd-line-clamp));
max-height: calc(1lh* var(--tcd-line-clamp));
overflow: hidden;
transition: opacity 0.3s ease;
--tcd-line-clamp: 2;
}
.p-gallery_pr_desc span {
--tcd-line-clamp: 2;
} .p-gallery-cards__overlay,
.c-gallery-category,
.c-gallery-category_overlaymax,
.p-gallery-cards-hover__items_title,
.p-gallery_pr_desc,
.p-gallery-cards-hover__items_tag,
.p-gallery-cards-hover__items_tag_overlaymax,
.p-gallery-cards-item__date,
.p-gallery-cards-hover__button {
opacity: 0;
transition: opacity 0.3s ease-out; 
}
.p-gallery-cards-item__date .c-date .c-date-item {
color: #ffffff !important;
}
.p-gallery-cards-hover__button {
position: absolute;
bottom: 0;
bottom: -70px; 
right: 0;
height: 60px;
width: 60px;
background-color: #ffffff;
z-index: 20000;
display: flex;
justify-content: center;
align-items: center;
transition: transform 0.5s ease, opacity 0.5s ease; 
transform: translateY(0);
}
.p-gallery-cards-hover__button a {
transition: opacity 0.3s ease;
margin-top: 3px;
}
.p-gallery-cards-title__sp {
z-index: 99;
position: absolute;
bottom: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.3);
color: #fff;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
padding: 0 15px;
}
.p-gallery-cards-title__sp h3 {
line-height: 2.6;
--tcd-line-clamp: 1;
}
.p-gallery-cards-title__sp h2 {
line-height: 2.6;
--tcd-line-clamp: 1;
}
.p-gallery-cards-title__sp div {
line-height: 2.6;
--tcd-line-clamp: 1;
}
.p-gallery-cards-hover__button_icon {
transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
.p-gallery-cards-hover__button:hover .p-gallery-cards-hover__button_icon{
opacity: 0.5;
}
}
.p-gallery-cards-hover__button_icon {
height: 30px;
width: 30px;
color: var(--tcd-accent-color) !important;
}
.p-gallery-cards-item__content {
font-size: 16px;
line-height: 2.6;
text-align: center;
}
.p-gallery-cards-hover__items_tag {
display: flex;
flex-wrap: wrap;
column-gap: 5px;
row-gap: 5px;
font-size: 14px;
max-height: 100px;
overflow: hidden;
}
@media (max-width: 1400px) {
.p-gallery-cards-hover__items_tag {
max-height: 70px;
}
}
.p-gallery-cards-hover__items_tag_overlaymax {
display: flex;
flex-wrap: wrap;
column-gap: 7px;
row-gap: 10px;
font-size: 14px;
max-height: 110px;
overflow: hidden;
}
.p-gallery-cards-hover__items_tag a {
display: grid;
place-items: center;
height: 30px;
padding-inline: 1em;
color: #ffffff;
border-radius: 5px;
border: 1px solid #ffff;
}
.p-gallery-cards-hover__items_tag_overlaymax a {
display: grid;
place-items: center;
line-height: 30px;
height: 30px;
padding-inline: 1em;
color: #ffffff;
border-radius: 5px;
border: 1px solid #ffff;
opacity: 1;
}
.c-gallery-category a {
transition: color 0.3s ease;
transition: opacity 0.3s ease;
}
.c-gallery-category_overlaymax a {
transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
.p-gallery-cards-hover__items_tag a:hover {
opacity: 0.7;
}
.p-gallery-cards-hover__items_tag_overlaymax a:hover {
opacity: 0.7 !important;
}
.c-gallery-category a:hover {
opacity: 0.7;
}
.c-gallery-category_overlaymax a:hover {
opacity: 0.7 !important;
}
}
.p-single-gallery__img {
width: calc(100% / 2);
align-content: start;
position: sticky;
top: 100px;
align-self: start;
align-content: start;
}
.gallery_splid_image {
margin-top: -1px;
}
@media (max-width: 767px) {
.p-gallery-cards-item__content {
font-size: 14px;
}
.p-single-gallery__img {
width: 100%;
position: relative !important;
top: 0;
}
.p-single-gallery__content{
width: 100% !important;
position: relative !important;
padding: 0 20px !important;
top: 0 !important;
}
}
.p-single-gallery-center__img {
width: 100%;
align-content: start;
} .p-single-gallery__content {
width: calc(100% / 2);
position: sticky;
align-content: flex-start;
overflow-y: auto; 
align-self: start;
top: 20px;
padding: 150px 85px 0 85px;
-ms-overflow-style: none;
scrollbar-width: none;
max-height: max-content;
}
.p-single_splid_gallery {
display: grid;
gap: 80px;
}
.p-single-gallery__content .tcdce-body {
margin: -0.8em 0;
}
.p-single-gallery__content::-webkit-scrollbar {
display: none;
}
.gallery-contents__right {
padding: 150px 85px 0 85px;
}
.p-single-gallery-header__image {
position: relative;
}
.gallery-margin {
display: grid;
gap: 30px;
}
@media (max-width: 1024px) {
.gallery-contents__right {
padding: 60px 60px 0 60px;
}
.p-single-gallery__content{
padding: 60px 60px 0 60px;
}
}
@media (max-width: 991px) {
.p-single-gallery__content {
padding-top: 40px !important;
}
.gallery-contents__right {
padding: 40px 20px 0 20px;
}
.p-single-gallery__content{
padding: 40px 20px 0 20px;
}
}
@media (max-width: 767px) {
.p-single-gallery__content {
padding-top: 0 !important;
}
.gallery-margin {
gap: 20px;
}
.p-single-gallery__content .tcdce-body {
margin: -0.6em 0;
line-height: 2.2 !important;
}
}
.p-single-gallery-header__image :where(img) {
width: 100%;
}
.p-single-gallery__content {
padding-top: 150px;
}
.p-single-gallery__headline {
display: grid;
gap: 30px;
}
.c-category_gallery {
font-size: 16px;
}
.p-single-gallery__info {
display: grid;
gap: 20px;
}
.p-single-post .c-share-button {
gap: 15px !important;
}
.p-single-gallery_share .c-share-button {
justify-content: flex-start;
gap: 15px !important;
}
.p-single-gallery__info a {
color: #11869a;
width: fit-content;
}
.p-single-gallery__navigation {
padding: 0 60px;
}
.p-single-gallery-content__center {
width: 830px;
display: grid;
gap: 80px;
padding-top: 100px;
}
.p-single-gallery__headline_ceter {
display: grid;
gap: 30px;
align-items: center;
}
.p-single-gallery__headline_ceter .p-single-header__category {
text-align: center;
min-width: 100% !important ;
}
.p-single-gallery__headline_ceter .p-single-header__title {
text-align: center;
}
.p-single-gallery_share_center .c-share-button {
justify-content: flex-start;
}
.p-single-gallery__navigation_center .c-page-nav :where(a)  {
column-gap: 90px;
}
.p-gallery-cards_bottom {
padding: 0 60px;
}
.p-gallery-cards_bottom .c-splide-arrow--next {
right: 10px;
}
.p-gallery-cards_bottom .c-splide-arrow--prev {
left: 10px;
}
.p-gallery-cards_bottom.few-items {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}
.gallery_single_btm_arrows .splide__arrows {
display: none;
}
@media (max-width: 767px) {
.p-gallery-cards_bottom {
padding: 0 !important;
}
.p-single-gallery-bottom {
row-gap: 40px !important;
}
.p-gallery-cards-item {
gap: 20px;
}
}
@media (max-width: 991px) {
.p-gallery-cards_bottom {
padding: 0 20px;
}
}
.p-single-gallery-bottom {
display: grid;
align-content: start;
row-gap: 60px;
margin-block-start: 150px;
}
.p-single-gallery-bottom__center {
margin-top: 0 !important;
}
.p-single-gallery__tag {
display: flex;
flex-wrap: wrap;
column-gap: 6px;
row-gap: 10px;
font-size: 14px;
}
.p-single-gallery__tag a {
display: grid;
place-items: center;
height: 30px;
line-height: 30px;
padding-inline: 1em;
color: var(--tcd-accent-color);
border-radius: 5px;
border: 1px solid var(--tcd-accent-color);
transition: color 0.5s ease background-color 0.5s ease;
}
.p-single-gallery-bottom .p-gallery-cards-items {
height: auto;
aspect-ratio: 320 / 225;
}
.p-single-gallery-bottom  .p-gallery-cards-item__image {
aspect-ratio: 320 / 225; 
}
@media (any-hover: hover) { 
.p-single-gallery__tag a:hover {
color: #ffffff;
background: var(--tcd-accent-color);
}
}
.p-gallery-cards-item__name {
font-size: 14px;
}
.p-single-gallery__navigation_center {
inline-size: min(830px);
margin-inline: auto;
}
.p-single-gallery-bottom__center {
margin-top: 150px !important;
}
.l-contents_gallery.has-center-content {
margin-bottom: 100px;
}
.tcdce-body {
line-height: 2.6 !important;
}
@media (max-width: 767px) {
.p-single-gallery-bottom  .p-gallery-cards-item__image {
aspect-ratio: unset;
width: 250px;
height: 175px;
}
.c-category_gallery {
font-size: 14px;
}
.p-single-gallery__headline {
gap: 20px;
}
.p-single-gallery__content {
border-top: none;
}
.p-single_splid_gallery {
gap: 40px;
}
body.single-gallery .navigation {
padding:  0 20px;
}
.p-single-gallery-bottom {
margin-block-start: 40px !important;
}
.p-single-gallery-content__center {
width: 100%;
padding-top: 40px;
gap: 40px;
}
.p-single-gallery__headline_ceter {
gap: 20px;
}
.p-single-gallery-content__center .tcdce-body{
padding: 0 20px;
}
.p-single-gallery-content__center .p-single-gallery__info {
padding: 0 20px;
}
.p-single-gallery-content__center .p-single-gallery__tag {
padding: 0 20px;
}
.p-single-gallery-content__center .c-share-button {
padding: 0 20px;
}
.p-single-gallery-bottom__center {
margin-top: 40px !important;
}
.p-single-gallery__navigation_center {
inline-size: min(100%);
margin-inline: auto;
}
.p-single-gallery__navigation_center .navigation {
padding: 0 !important;
}
.p-single-gallery__navigation_center .c-page-nav :where(a){
column-gap: 25px;
}
.l-contents_gallery.has-center-content {
margin-bottom: 40px;
}
}
@media (max-width: 991px) {
.p-single-gallery-bottom {
margin-block-start: 80px;
}
.p-single-gallery__content {
gap: 40px;
}
.p-single-gallery-content__center {
width: 100%;
}
.p-single-gallery__navigation_center {
inline-size: 100%;
padding: 0 20px;
}
.p-single-gallery-content__center .tcdce-body{
padding: 0 20px;
}
.p-single-gallery-content__center .p-single-gallery__info{
padding: 0 20px;
}
.p-single-gallery-content__center .p-single-gallery__tag{
padding: 0 20px;
}
.p-single-gallery-content__center .p-single-gallery_share_center{
padding: 0 20px;
}
.p-gallery-cards_bottom::-webkit-scrollbar{
display: none;
}
.p-single-gallery__navigation {
padding: 0 20px;
}
} .p-page-header-image {
margin-bottom: 80px;
}
.p-page-header-image img {
width: 100%;
}
@media (max-width: 767px) {
.p-page-header-image {
margin-bottom: 40px;
}
} .p-colum-page__content_img {
width: calc(100% / 2);
align-content: start;
position: sticky;
top: 100px;
align-self: start;
}
@media (max-width: 991px) {
.p-colum-page__content_img {
width: 100%;
position: relative;
top: 0;
}
}
.p-colum-page__img {
position: relative;
}
.p-colum-page__img :where(img) {
width: 100%;
margin: -1px;
}
.p-colum-page__content_left {
width: calc((100% / 2) - 80px);
padding-top: 150px;
position: sticky;
top: 20px;
max-height: fit-content;
align-content: flex-start;
padding-right: 85px;
padding-bottom: 150px;
-ms-overflow-style: none;
scrollbar-width: none;
display: grid;
gap: 80px;
}
.p-colum-page__content_left .tcdce-body {
margin: -0.8em 0;
}
.p-colum-page__content_right {
width: calc((100% / 2) - 80px);
padding-top: 150px;
position: sticky;
top: 20px;
max-height: fit-content;
align-content: flex-start;
padding-left: 85px;
padding-bottom: 150px;
-ms-overflow-style: none;
scrollbar-width: none;
display: grid;
gap: 80px;
}
.p-colum-page__content_right.tcdce-body {
margin: -0.8em 0;
}
.p-colum-page__headline {
font-size: var(--tcd-single-title-font-size-pc);
font-family: var(--tcd-single-title-font-type);
color: #000;
line-height: 1.6;
font-weight: 600;
margin: -0.3em 0;
}
@media (max-width: 991px) {
.p-colum-page__content_right::before {
height: 0px; 
}
.p-colum-page__content_left::before {
height: 0px; 
}
.p-colum-page__content_left {
width: 100%;
padding:0 20px 40px 20px;
position: relative;
top: 0;
display: grid;
gap: 40px;
}
.p-colum-page__content_left .tcdce-body {
margin-top: 0;
}
.p-colum-page__content_left .tcdce-body {
line-height: 2.2 !important;
margin: -0.6em 0;
}
.p-colum-page__content_right .tcdce-body {
margin-top: 0;
}
.p-colum-page__content_right .tcdce-body {
line-height: 2.2 !important;
margin: -0.6em 0;
}
.p-colum-page__content_right {
width: 100%;
padding: 0 20px 40px 20px;
position: relative;
top: 40px;
display: grid;
gap: 40px;
}
.p-colum-page__content_right .tcdce-body {
margin-top: 0 !important;
}
.p-colum-page__info {
margin-top: 0 !important;
}
.p-colum-page_share {
margin-top: 0 !important;
}
}
@media (max-width: 767px) {
.p-colum-page__headline {
font-size: var(--tcd-single-title-font-size-sp);
font-family: var(--tcd-archive-title-font-type);
}
}
.p-colum-page__info {
display: grid;
gap: 20px;
}
.p-colum-page__info a {
color: #11869a;
width: fit-content;
}
.p-colum-page_share {
margin-top: 80px;
}
.p-colum-page__content_left .c-share-button {
justify-content: flex-start;
}
.p-colum-page__content_right .c-share-button {
justify-content: flex-start;
} .p-news_ticker__contents {
height: 70px;
padding: 0 60px;
}
.news_ticker_gallery_type2_full {
border-bottom: none;
}
.news-ticker_none_img {
border-bottom: 1px solid #dddddd;
}
.p-news_ticker__contents .c-date--updated {
display: none;
}
.p-news_ticker__contents .splide__track {
height: 70px;
}
.p-news_ticker__contents li {
display: flex;
justify-content: space-between;
align-items: center;
}
.p-news-ticker__item {
display: flex;
align-items: center;
flex-grow: 1;
min-width: 0;
gap: 20px; 
}
.p-news-ticker__date {
white-space: nowrap;
flex-shrink: 0;
}
.p-news-ticker__title {
font-size: 14px;
line-height: 2;
flex-grow: 1;
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 2px;
transition: opacity 0.3s ease;
}
.p-cb-post__arrow--prev {
transition: opacity 0.3s ease;
}
.p-cb-post__arrow--next {
transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
.p-news-ticker__title:hover {
opacity: 0.6;
}
.p-cb-post__arrow--next:hover {
opacity: 0.6;
}
.p-cb-post__arrow--prev:hover {
opacity: 0.6;
}
}
.p-news-ticker-button__contents {
flex-shrink: 0;
margin-left: 50px;
font-size: 14px;
line-height: 2;
transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
.p-news-ticker-button__contents:hover {
opacity: 0.6;
}
}
@media (max-width: 991px) {
.p-news_ticker__contents {
padding: 0 20px;
height: 50px;
}
.p-news_ticker__contents .splide__track {
height: 50px;
}
.p-news-ticker__title {
min-width: 150px; 
font-size: 14px;
margin-top: 0 !important;
}
}
@media (max-width: 767px) {
.p-gallery_top_button {
margin-bottom: 40px !important;
margin-left: auto;
margin-right: auto;
}
.p-news-ticker-button__contents {
display: none;
}
}
.no_main_header {
margin-top: 0 !important;
}
.layout_type1 {
inline-size: min(calc(100% - 120px), 100%);
margin-inline: auto;
}
.p-top_gallery_inner_contents{
margin-top: 60px;
} .p_gallery_free_margin_top {
margin-top: 0 !important;
}
.p-top-gallery_inner .c-gallery-archive-header-terms .active{
color: var(--tcd-accent-color);
}
.p_gallery_type1_category_margin {
margin-top: 0;
}
.category-filter {
font-family: var(--tcd-base-font-type);
display: flex;
justify-content: center;
align-items: center;
background: #ffffff;
padding: 10px 25px;
text-decoration: none;
white-space: nowrap;
box-sizing: border-box;
transition: color 0.3s ease;
}
.p-top-gallery_inner .c-gallery-archive-header-terms {
margin-bottom: 0;
}
.gallery_contanier_top_margin {
margin-top: 60px;
}
.gallery_contanier_top_margin_no_image_free {
margin-top: 0;
}
.p_gallery_free_no_main {
margin-top: 0;
}
.p-gallery_show_category {
margin-top: 0;
}
.p_gallery_top_category_margin {
margin-bottom: 20px !important;
margin-top: 60px;
}
.p_gallery_top_category_margin_free {
margin-bottom: 20px !important;
margin-top: 0;
}
.p_gallery_top_category_margin_type2 {
margin-top: 60px !important;
}
.p_gallery_top_category_margin_type2_free {
margin-top: 0px !important;
}
.p_gallery_top_category_type2_full {
inline-size: 100%;
border: none;
}
.p_gallery_top_category_type2_full_free {
inline-size: 100%;
border: none;
}
.p_gallery_top_contaniner_type2_full {
margin-top: 0;
}
.p_gallery_top_category_type2_no_full {
margin-top: 0px;
}
.p_gallery_top_category_type2_free_no_full {
margin-top: 0px;
}
.p-gallery_top_button {
margin-bottom: 150px;
margin-left: auto;
margin-right: auto;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
} .p-gallery_top_button.visible {
opacity: 1;
transform: translateY(0);
}
@media (any-hover: hover) {
.category-filter:hover {
color: var(--tcd-accent-color);
}
}
.p-top-page_use {
inline-size: min(calc(100% - 120px), 100%);
margin-inline: auto;
margin-top: 60px;
}
.p-top-fix {
display: grid;
align-content: start;
row-gap:80px;
margin-top: 60px;
}
.p_top_fix_no_margin {
margin-top: 0 !important;
}
.p-cb.has-gallery-first {
margin-top: 0;
}
.p_top_fix_no_news_ticker {
margin-top: 0;
}
.p-top-fix-no_header {
margin-top: 60px ;
}
.p-top-fix-no_header:has(.p_top_free_1) {
margin-top: 80px;
}
.p_top_fix_no_header_border {
margin-top: 60px;
}
.l-outer:has(.p-mv1__track) .p-top-fix:has(.p_top_free_1) {
margin-top: 80px;
}
.p_top_fix_free_space_margin_top {
margin-top: 80px;
}
.p-top-fix-item .tcdce-body {
margin-block: var(--tcd-half-read);
}
@media (max-width:767px) {
.p-top-fix-no_header:has(.p_top_free_1) {
margin-top: 40px;
}
.l-outer:has(.p-mv1__track) .p-top-fix:has(.p_top_free_1){
margin-top: 40px;
}
}
.p-top-fix-item-inner {
display: grid;
align-content: start;
row-gap: 60px;
}
.p_top_gallery_no_main_header_image_free {
margin-top: 60px;
}
.p-top-fix-gallery {
padding-top: 0  !important;
}
.p-top-fix-gallery-item-inner {
display: grid;
align-content: start;
row-gap: 80px;
}
.p-top-fix-free-full {
inline-size: 100% !important;
}
.p-cd-gallery-full {
inline-size: 100% ;
margin-inline: auto;
}
.p-top-fix-header {
display: flex;
align-content: start;
justify-content: space-between;
text-align: center;
}
.p-cb-header_center {
display: grid;
gap: 40px;
flex-direction: column;
justify-content: center;
text-align: center;
}
.p-cb-header_left {
display: grid;
gap: 40px;
flex-direction: column;
justify-content: start;
}
.p-cb-header_right {
display: grid;
gap: 40px;
flex-direction: column;
justify-content: end;
text-align: right;
}
.p-top-free-margin {
margin-top: 60px;
}
.p_top_gallery_category_margin_pattern {
border-top: 1px solid #dddddd;
}
.p_top_gallerfy_pattern_top_margin {
margin-top: 60px;
}
.p_gallery_header_no_main .p_gallery_top_category_type2_no_full {
margin-top: 60px !important;
}
.p_gallery_header_no_main .p_gallery_top_category_type2_free_no_full {
margin-top: 0px !important;
}
.p-top_gallery_inner_contents .p_gallery_top_category_type2_free__no_full {
margin-top: 0;
}
.p-top_gallery_inner_contents .p_gallery_top_category_type2_no_full {
margin-top: 0;
}
.p-top_gallery_inner_contents .p_gallery_top_category_type2_free_no_full {
margin-top: 0;
}
.p_gallery_top_category_type2_no_full .splide__track {
border-bottom: none !important;
}
.p_gallery_top_category_type2_free_no_full .splide__track {
border-bottom: none !important;
}
.p_gallery_header_no_main:has(.p_gallery_top_category_type2_full) {
margin-top: 0;
}
.p_gallery_header_no_main:has(.p_gallery_top_category_type2_full_free) {
margin-top: 0;
}
.p_gallery_header_no_main .p_gallery_top_category_type2_full .splide__track {
border: none !important;
}
.p_gallery_header_no_main .p_gallery_top_category_type2_full_free .splide__track {
border-bottom: none !important;
border-left: none !important;
border-right: none  !important;
}
.p-top_gallery_inner_contents:has(.p-gallery-cards_full){
margin-top: 0;
}
.p_gallery_top_category_type2_full .splide__track {
border-bottom: none;
border-right: none;
border-left: none;
}
.p_gallery_top_category_type2_full_free .splide__track {
border-bottom: none;
border-right: none;
border-left: none;
}
@media (max-width:991px) {
.p-top-page_use {
inline-size: min(calc(100% - 40px), 100%);
margin-inline: auto;
margin-top: 40px;
}
.p_top_fix_free_space_margin_top {
margin-top: 40px;
}
.p-top-free-margin {
margin-top: 40px;
}
.p_gallery_free_margin_top {
margin-top: 0 !important;
}
.p_top_gallerfy_pattern_top_margin {
margin-top: 40px;
}
.p_gallery_header_no_main .p_gallery_top_category_type2_no_full {
margin-top: 40px !important;
}
.p_gallery_top_category_margin {
margin-top: 20px;
}
.p_gallery_top_category_margin_free {
margin-top: 0;
}
.p_gallery_top_category_margin_type2 {
margin-top: 0 !important;
}
.p_gallery_top_category_margin_type2_free {
margin-top: 0 !important;
}
.p_top_header_no_img_gallery {
padding-top: 100px;
}
.gallery_contanier_top_margin_no_category {
margin-top: 20px !important;
}
.gallery_contanier_top_margin {
margin-top: 0;
}
.gallery_contanier_top_margin_no_image_free {
margin-top: 0;
}
.category-filter {
font-size: 14px;
}
.p-top-gallery_inner .layout_type1 {
inline-size: min(calc(100% - 40px), 100%);
}
.p-top-gallery_inner .c-gallery-archive-header-terms {
inline-size: min(calc(100% - 40px), 100%);
}
.p_gallery_top_category_type2_full {
inline-size:100% !important;
}
.p_gallery_top_category_type2_full_free {
inline-size:100% !important;
}
}
@media (max-width:767px) {
.p_gallery_no_main_no_category {
margin-top: 20px !important;
}
.p_gallery_category_term_free_type {
border-top: 1px solid #dddddd !important;
}
.layout_type1_no_title {
row-gap: 20px !important;
}
.p_gallery_type1_category_margin {
margin-top: 0 !important;
}
.p_gallery_top_category_margin_sp {
margin-top: 0 !important;
}
.p_top_header_no_img_gallery {
padding-top: 40px !important;
}  
.p_gallery_top_category_type2_full .splide__track {
border-bottom: none !important;
}
.p_gallery_top_category_type2_full_free .splide__track {
border-bottom: none !important;
}
.p-top_gallery_inner_contents {
margin-top: 20px;
}
.p_gallery_top_category_type2_no_full .splide__track {
border-bottom: 1px solid #dddddd !important;
}
.p_gallery_top_category_type2_free_no_full .splide__track {
border-bottom: 1px solid #dddddd !important;
}
.p_gallery_top_category_type2_no_full {
margin-bottom: 20px !important;
}
.p_gallery_top_category_type2_free_no_full {
margin-bottom: 20px !important;
}
.p_gallery_header_no_main .p_gallery_top_category_type2_no_full {
margin-top: 0 !important;
}
.p_gallery_header_no_main .p_gallery_top_category_type2_free_no_full {
margin-top: 0 !important;
}
.p-top-gallery_inner .c-gallery-archive-header-terms {
inline-size: 100% !important;
}
.p_gallery_header_no_main:has(.c-gallery-archive-header-terms) {
margin-top: 0 !important;
}
.p_gallery_category_term_free_type {
border-top: 1px solid #dddddd !important;
}
.p_gallery_header_no_main .c-gallery-archive-header-terms .splide__track {
border-top: none;
}
.p_gallery_header_no_main .p_gallery_top_category_type2_full_free .splide__track {
border-top: 1px solid #dddddd !important;
}
.p-cb-header_center {
gap: 30px;
}
.p-cb-header_left {
gap: 30px;
}
.p-cb-header_right {
gap: 30px;
}
.p_top_fix_no_margin {
margin-top: 0 !important;
}
.p_top_fix_no_news_ticker {
margin-top: 0;
}
.p-top-fix-no_header {
margin-top: 20px ;
}
}
.p-top-fix-header-gallery-full {
inline-size: min(calc(100% - 120px), 100%);
margin-inline: auto;
}
.p-top-fix-gallery-header-title {
font-size: 34px;
line-height: 1.8;
margin-block: var(--tcd-half-read);
}
.p_top_free_2 {
padding-top: 0 !important;
}
.p-top-fix-post + .p_top_free_3 {
margin-top: -20px;
}
.p-top-fix .p_top_free_2:last-child {
padding-bottom: 20px;
}
.p-top-fix .p-top-fix-item:nth-child(n+2) {
padding-top: 60px;
}
.p-top-fix .p_top_free_3:last-child {
padding-bottom: 20px;
padding-top: 80px;
}
.top_gallery_archive_button {
padding-top: 80px !important;
border-top: 1px solid #ddd;
}
.post_list_top_margin {
padding-top: 0 !important;
border-top: none !important;
}
.free_space_3_top_margin {
padding-top: 0 !important;
border-top: none !important;
}
.p-top-fix-post {
border-top: 1px solid #ddd;
}
.p_top_free_3 {
border-top: 1px solid #ddd;
}
.p-top-fix-post-header-title {
font-size: var(--tcd-top-fix-post-header-text-size-pc);
line-height: 1.8;
font-family: var(--tcd-top-fix-post-header-text-type);
margin-block: var(--tcd-half-read);
}
@media (max-width:767px) { 
.p-top-fix-post + .p_top_free_3 {
margin-top: 0px;
}
.p-top-fix .p_top_free_3:last-child{
padding-bottom: 0;
}
.p-top-fix-gallery-header-title {
font-size: var(--tcd-top-fix-gallery-header-text-size-sp) !important;
}
.top_gallery_archive_button {
padding-top: 40px !important;
}
.p-top-fix-post-header-title {
font-size: var(--tcd-top-fix-post-header-text-size-sp) !important;
}
.p-top-fix-header-gallery-full {
inline-size: min(calc(100% - 40px), 100%);
}
}
.p-cd-header-subtitle {
font-size: 16px;
line-height: 2.6;
margin-block: var(--tcd-half-read);
font-family: var(--tcd-top-cd-header-text-type);
}
.p-top-fix-right__contents {
display: flex;
column-gap:30px ;
flex-shrink: 0;
margin-left: 50px;
}
.p-top-fix-button__contents {
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
line-height: 2;
transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
.p-top-fix-button__contents:hover {
opacity: 0.6;
}
}
.p-cd-button__news {
padding-right: 75px;
}
.p-cb-button {
justify-self: center;
}
.p-cb-post__arrows {
display: flex;
justify-content: center;
gap: 30px;
align-items: center;
}
.p-cb-post__arrows svg {
width: 1em;
height: 1em;
}
.p-top-fix .p-top-fix-item.p_top_free_2:nth-child(n+2) {
padding-top: 80px;
}
@media (max-width: 767px) {
.p-top-fix {
row-gap: 40px;
margin-top: 20px;
}
.p-top-fix-item-inner {
row-gap: 40px;
}
.p_top_gallery_no_main_header_image_free {
margin-top: 0;
}
.p-top-fix-gallery-item-inner {
row-gap: 40px;
}
.p-top-fix-post-inner {
width: auto;
}
.p-top-fix-header-title {
font-size: 30px;
}
.p-cb-header-subtitle {
font-size: 16px;
}
.p-top-fix .p-top-fix-item:nth-child(n+2) {
padding-top: 40px;
}
} .p-top-fix-header-title__post {
text-align: start;
flex-grow: 1;
}
.p-cb-p-inner {
inline-size: min(calc(100% - 120px), 100%);
}
.p-cb-post-item {
display: grid;
align-content: start;
row-gap: 30px;
position: relative;
}
.p-cb-post-item-thumbnail {
aspect-ratio: 430 / 300;
height: auto;
width: 100%;
background: #000000;
}
@media (max-width:767px) {
.p-cb-post-item-thumbnail {
aspect-ratio: none;
height: 180px;
width: 260px;
}
}
.p-cb-post-item-category {
position: absolute;
inset: 0 0 auto;
z-index: 1;
}
.p-cb-post-item-title {
--tcd-line-clamp: 2;
font-weight: 600;
line-height: 2;
font-size: 16px;
}
.p-cb-post__pagination {
font-size: 14px;
margin-top: 50px;
gap: 10px;
}
.p-cb-post__pagination button {
display: block;
width: 1em;
height: 1em;
border-radius: 50%;
background: #dddddd;
}
.p-cb-post__pagination button.is-active {
background: #000000;
}
.p-cd-post-item__contents {
display: grid;
gap: 20px;
}
@media (max-width: 991px) {
.p-cb-post-inner {
inline-size: min(calc(100% - 40px), 100%);
}
}
@media (max-width: 767px) {
.p-cb-post-inner {
width: auto;
padding: 0 0;
}
.p-cb-post-list {
display: flex !important;
gap: 20px;
overflow: scroll hidden;
padding-right: 20px !important;
}
.p-cb-post-list .p-post-cards-item__link {
max-width: 260px ;
}
.p-cb-post-item {
flex: 0 0 140px;
}
.p-top-fix-header_post {
padding: 0 20px;
}
.p-cb-post__arrows {
display: none;
}
.p-top-fix-button__contents {
font-size: 14px;
}
.p-cb-post-list:before,
.p-cb-post-list:after {
content: '';
}
.p-cb-post-item {
row-gap: 20px;
}
.p-cb-post-item-title {
font-size: 16px;
line-height: 2;
}
} .gallery-pagination ul {
display: grid;
grid-template-columns: repeat(auto-fit, 50px);
grid-template-rows: 50px;
justify-content: center;
font-size: 14px;
font-family: Arial;
text-align: center;
gap: 15px;
}
.gallery-pagination ul li {
display: grid;
place-items: center;
color: #000000;
border: 1px solid #ddd;
border-radius: 50%;
} @media not all and (max-width: 767px) {
.p-footer-fix {
display: none;
}
}
.p-footer-fix {
--tcd-footer-fix-font-color: #ffffff;
--tcd-footer-fix-bg-color: #000000;
--tcd-footer-cta-text-color: #000000;
position: relative;
z-index: 100;
opacity: 0;
pointer-events: none;
visibility: hidden;
transition-property: opacity, visibility, pointer-events;
transition-duration: 0.3s;
}
body.is-scroll .p-footer-fix {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.p-footer-fix-nav {
position: fixed;
z-index: 15000000000000;
inset: auto 0 0;
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
}
.p-footer-fix-spacer {
height: 50px;
} .p-footer-fix-nav-list {
display: flex;
height: 50px;
color: var(--tcd-footer-fix-font-color);
background: var(--tcd-footer-fix-bg-color);
font-size: 10px;
}
.p-footer-fix-nav-item {
flex: 1;
display: grid;
place-content: center;
place-items: center;
row-gap: 7px;
color: inherit;
text-align: center;
}
.p-footer-fix-nav-item :where(svg, img) {
font-size: 14px;
width: 3em;
height: 1em;
fill: currentColor;
object-fit: contain;
} .p-footer-fix-share {
position: fixed;
inset: auto 0 0;
z-index: calc(infinity);
background: #ffffff;
box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.5);
transition-property: transform, box-shadow;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.p-footer-fix-share:not(.is-open) {
pointer-events: none;
transform: translateY(100%);
box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0);
}
body:has(.p-footer-fix-share.is-open) .p-footer-fix-share-overlay {
position: fixed;
z-index: calc(infinity);
inset: 0;
}
.p-footer-fix-share-content {
display: grid;
align-content: start;
row-gap: 20px;
}
.p-footer-fix-share-label {
font-size: 14px;
font-weight: 600;
text-align: center;
color: #000000;
margin-top: 20px;
}
.p-footer-fix-share-close {
display: grid;
place-items: center;
width: 100%;
height: 50px;
border-top: 1px solid #dddddd;
font-size: 20px;
margin-top: 20px;
} .p-footer-fix-cta-image {
position: fixed;
z-index: 100;
inset: auto 20px 20px;
max-width: calc(100% - 40px);
width: fit-content;
margin: auto;
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
}
.p-footer-fix-cta-close {
position: absolute;
inset: -0.75em -0.75em auto auto;
display: grid;
place-items: center;
width: 1.5em;
height: 1.5em;
font-size: 20px;
color: #fff;
background: rgba(0, 0, 0, .8);
border-radius: 50%;
} .p-footer-fix-cta-text {
position: fixed;
z-index: 100;
inset: auto 0px 0px;
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
display: grid;
grid-template-columns: 1fr auto;
height: 65px;
font-size: 12px;
font-weight: 600;
padding: 15px 20px;
background: var(--tcd-footer-cta-text-color);
}
.p-footer-fix-cta-text-label {
align-self: center;
color: #fff;
line-height: 1.6;
max-height: 3.2em;
margin-block: -0.3em;
overflow: hidden;
}
.p-footer-fix-cta-text-button {
display: grid;
place-items: center;
color: var(--tcd-footer-cta-text-color);
padding-inline: 1.5em;
background: #ffffff;
height: 35px;
border-radius: 5px;
white-space: nowrap;
} .p-404 {
display: grid;
background-color: #fff;
}
.p-404:has(img) {
color: #ffffff;
}
.p-404-bg {
position: absolute;
inset: 0;
}
.p-404-content {
position: relative;
display: grid;
place-content: center;
text-align: center;
justify-content: center;
row-gap: 40px;
padding-inline: 20px;
padding-block: 100px;
}
.p-404-title {
font-size: 42px;
line-height: 1.5;
margin-block: var(--tcd-half-read);
}
.p-404-desc {
line-height: 2.4;
margin-block: var(--tcd-half-read);
}
.p-404-desc.no_bg_image :where(a){
color: var(--tcdce-base-link-color);
text-decoration: none;
transition: txet-decoration 0.3s ease;
}
@media (any-hover: hover) {
.p-404-desc.no_bg_image :where(a):hover {
text-decoration: underline;
color: var(--tcdce-base-link-color);
}
}
.p-404-desc :where(a) {
text-decoration: underline;
transition: color 0.3s ease;
}
.p-404-button {
display: grid;
place-items: center;
justify-self: center;
width: fit-content;
min-width: 280px;
height: 60px;
font-size: 16px;
color: #ffffff;
background: var(--tcd-accent-color);
border-radius: calc(infinity* 1px);
}
.p-404-pattern {
padding-block: 100px;
}
@media (any-hover: hover) {
.p-404-button:hover {
background-color: var(--tcd-accent-color-light);
}
.p-404-desc :where(a):hover {
color: rgba( 255,255,255,.5);
}
}
@media (max-width: 767px) {
.p-404-content {
display: block;
padding-top: 50px;
padding-bottom: 50px;
}
.p-404-title {
font-size: 24px;
}
.p-404-desc {
line-height: 2;
margin-top: 20px;
}
.p-404-button {
min-width: 240px;
height: 50px;
font-size: 14px;
margin-top: 20px;
}
.p-404-pattern {
padding-block: 40px;
}
}
.tag_list {
width: 730px;
margin: 0 auto !important;
}
.tag_list .wp-tag-cloud { display:inline-flex; flex-wrap:wrap; gap:5px; }
.tag_list .wp-tag-cloud li { display:block; }
.tag_list .wp-tag-cloud a { background:#f3f3f3; height:35px; line-height:35px; display:block; border-radius:4px; padding:0 15px; font-size:14px !important; }
.tag_list.bg_image .wp-tag-cloud a { background: none; border: 1px solid #fff; }
@media (any-hover: hover) {
.tag_list.bg_image .wp-tag-cloud a:hover { color: rgba( 255,255,255,.5); background:none !important;}
.tag_list .wp-tag-cloud a:hover {
color: #fff;
background-color: var(--tcd-accent-color);
}
}
.no_page_search_form {
height: 50px;
width: 430px;
position: relative;
margin: 0 auto;
}
.no_page_search_form .input_area input {
position: absolute;
left: 0px;
width: 100%;
height: 50px;
border: none;
color: #000;
background: #f3f3f3;
z-index: 1;
padding: 0 60px 0 25px;
border-radius: 50px;
z-index: 1;
}
.no_page_search_form .search_button label {
position: absolute;
right: 0px;
top: 0px;
z-index: 10;
width: 50px;
height: 50px;
display: block;
pointer-events: none;
}
@media (hover: hover) {
.no_page_search_form .search_button:hover label:before {
background: rgba(0, 0, 0, 0.6);
}
}
.no_page_search_form .search_button label:before {
display: block;
pointer-events: none;
position: absolute;
left: 10px;
top: calc(50% + 2px);
transform: translate(0%, -50%);
transition: background-color 0.5s ease;
background: #000;
font-size: 24px;
width: 1em;
height: 1em;
content: '';
mask: var(--tcd-icon--search) no-repeat center / 1em;
}
.no_page_search_form .search_button input {
position: absolute;
right: 0px;
top: 0px;
border: none;
background: none;
width: 50px;
height: 50px;
z-index: 2;
cursor: pointer;
text-indent: -200px;
overflow: hidden;
}
@media (max-width: 767px) {
.p-drawer .drawer_contents_tab_nav.active:first-child + .drawer_contents_tab_nav {
border-top: none;
border-right: none;
}
.p-drawer:has(.drawer_contents_tab_nav:nth-child(2).active) 
.drawer_contents_tab_nav:first-child {
border-left: none;
border-top: none;
}
.no_page_search_form {
width: auto;
margin-top: 20px;
}
.tag_list {
width: auto;
margin-top: 20px !important;
}
} .p-widget-tab-post {
font-size: 14px;
}
.p-widget-tab-post-nav {
position: relative;
display: flex;
height: 60px;
background: #fff;
}
.p-widget-tab-post-nav-item {
position: relative;
flex: 1;
padding-inline: 1em;
transition-property: color;
background: #f6f6f6;
border: 1px solid #ddd;
}
.p-drawer .p-widget-tab-post-nav-item {
border:none;
}
*+.p-widget-tab-post-nav-item {
margin-left: -1px;
}
.p-widget-tab-post-nav[data-tab="1"]>button:nth-child(1),
.p-widget-tab-post-nav[data-tab="2"]>button:nth-child(2) {
padding-bottom: 1px;
background: #fff;
border-bottom: none;
}
.p-widget-tab-post-nav[data-tab="1"]+*+*,
.p-widget-tab-post-nav[data-tab="2"]+* {
display: none;
}
.p-widget-tab-post-list-item {
display: grid;
grid-template-columns: 100px 1fr;
column-gap: 20px;
padding: 20px;
background: #ffffff;
border: 1px solid #dddddd;
margin-top: -1px;
}
.widget_tcd_widget_tab_post_list:has(.p-widget-headline) .p-widget-tab-post-list-item {
display: grid;
grid-template-columns: 120px 1fr;
background: #ffffff;
margin-top: -1px;
column-gap: unset;
padding: 0;
border: none;
}
.p-drawer .widget_tcd_widget_tab_post_list:has(.p-widget-headline) .p-widget-tab-post-list-item {
background: var(--tcd-accent-color-dark);
}
.widget_tcd_widget_tab_post_list:has(.p-widget-headline) .p-widget-tab-post-list-item-title {
padding-right: 20px;
} .widget_tcd_widget_tab_post_list:has(.p-widget-headline) .p-widget-tab-post-list-item .p-widget-tab-post-list-item-title  {
display:unset;
align-self: unset;
display: flex;
align-items: center;
-webkit-box-orient: unset;
-webkit-line-clamp:unset;
height:unset;
max-height: unset;
overflow: unset;
visibility: unset;
word-break: unset;
margin-block: unset;
padding-left: 20px;
border: 1px solid #ddd;
border-left: none;
}
.p-drawer .widget_tcd_widget_tab_post_list:has(.p-widget-headline) .p-widget-tab-post-list-item .p-widget-tab-post-list-item-title  {
border-color: color-mix(in srgb, var(--tcd-accent-color-dark) 70%, #fff) !important; 
}
.widget_tcd_widget_tab_post_list:has(.p-widget-headline) .p-widget-tab-post-list-item .p-widget-tab-post-list-item-title {
--tcd-line-clamp: unset;
}
.widget_tcd_widget_tab_post_list:has(.p-widget-headline) .p-widget-tab-post-list-item .p-widget-tab-post-list-item-title span{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--tcd-line-clamp);
height: auto;
max-height: calc(1lh* var(--tcd-line-clamp));
overflow: hidden;
visibility: visible;
word-break: break-all;
margin-block: var(--tcd-half-read);
--tcd-line-clamp: 3;
line-height: 1.8;
}
.p-widget-tab-post-list-item-image {
aspect-ratio: 1;
background: #000;
}
.p-widget-tab-post-list-item-title {
--tcd-line-clamp: 2;
align-self: center;
line-height: 1.8;
height: auto;
}
@media (any-hover: hover) {
.p-widget-tab-post-nav-item:hover {
color: rgba(0, 0, 0, .5);
}
}
.widget_tcd_widget_tab_post_list:has(.p-widget-headline) .p-widget-tab-post-list-item:not(:has(img)), .p-widget-tab-post-list-item:not(:has(img)) { grid-template-columns:auto; }
.p-widget-tab-post-list-item:not(:has(img)) .p-widget-tab-post-list-item-content { padding:20px; border-left:1px solid #dddddd; }
.widget_tcd_widget_tab_post_list:has(.p-widget-headline) .p-widget-tab-post-list-item:not(:has(img)){
border: 1px solid #dddddd;
padding: 20px;
}
.widget_tcd_widget_tab_post_list:has(.p-widget-headline) .p-widget-tab-post-list-item:not(:has(img)) .p-widget-tab-post-list-item-title {
--tcd-line-clamp: 2;
align-self: center;
line-height: 1.8;
height: auto;
padding: 0;
border: none;
}
.p-widget-tab-post-list-item-date { margin-bottom:10px; } .p-widget-banner-slider-item {
position: relative;
display: block;
height: 210px;
background: #000;
}
.p-widget-banner-slider-item-title {
position: absolute;
inset: auto 0 0 0;
font-size: 14px;
font-weight: 600;
line-height: 1.7;
color: #ffffff;
background: color-mix(in srgb, #000000 40%, transparent);
padding: calc(20px + var(--tcd-half-read)) 20px;
text-align: center;
}
.p-widget-banner-slider .p-widget-headline {
display: flex;
justify-content: space-between;
}
.p-widget-banner-slider-pagination {
display: flex;
gap: 8px;
line-height: 1;
margin-top: 20px;
}
.p-widget-banner-slider-pagination button {
width: 10px;
aspect-ratio: 1;
border-radius: 50%;
background: #cccccc;
}
.l-sidebar .p-widget-banner-slider-pagination button.is-active {
background-color: #000;
}
.p-drawer .p-widget-banner-slider-pagination button.is-active {
background: #cccccc;
}
.p-drawer .p-widget-banner-slider-pagination button {
background: color-mix(in srgb, var(--tcd-accent-color-dark) 70%, #fff);
}
@media (max-width: 767px) {
.p-widget-banner-slider-item {
height: 230px;
}
.p-single-gallery-content__center .splide__pagination .custom-pagination {
width: 10px !important;
height: 10px !important;
}
}
.p-single-gallery-header__image :where(img) {
width: 100%;
}
.p-single-gallery-header__image {
position: relative;
} .p-single-gallery-content__center .p-single-gallery-center__img_slider {
max-width: 100%;
position: relative;
overflow: hidden;
} .p-single-gallery-content__center .splide__slide img {
width: 100%;
height: auto;
display: block;
}
.p-single-gallery-content__center .p-single-gallery-center__img_slider {
max-width: 100%;
position: relative;
overflow: hidden;
visibility: visible !important; }
.p-single-gallery-content__center .splide__slide img {
width: 100%;
height: auto;
display: block;
}
.p-single-gallery-center__img_slider .splide__slide {
width: 100%;
} .p-single-gallery-content__center .splide__pagination {
display: flex;
justify-content: center;
gap: 10px;
padding-top: 30px;
} .p-single-gallery-content__center .splide__pagination .custom-pagination {
width: 12px;
height: 12px;
background-color: #ddd;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s ease;
} .p-single-gallery-content__center .splide__pagination .custom-pagination.is-active {
background-color: #333;
}
.p-single-post-bottom__cards::before {
content: '';
}   .p-mv1__content { opacity: 1; transform: none; transition: none; } .p-mv1__content .p-mv1__catch_top,
.p-mv1__content .p-mv1__catch_bottom,
.p-mv1__content .p-mv1__btn {
opacity: 0;
transition: opacity 1.2s ease, background-color 0.3s ease; 
} .p-mv1__content .show {
opacity: 1;
} .p-mv1__content.is-fading-out {
transform: translateY(0) !important;          
transition: opacity 0.6s ease !important;       
} .p-mv1__content.is-fading-out.go {
opacity: 0 !important;
} .inview_top {
transform: translate3d(0, 30px, 0);
opacity: 0; transition: opacity 1.4s ease 0.8s,
transform 1.4s cubic-bezier(0.22, 1, 0.36, 1) 0.25s;
}
.inview {  
transform: translate3d(0, 30px, 0);
opacity: 0;
transition: opacity 1.4s ease 0s, transform 1.4s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}
.inview.animate,
body.no_page_animation .inview_top {
transform: translate3d(0, 0, 0);
opacity: 1;
}
.inview_top.animate,
body.no_page_animation .inview_top {
transform: translate3d(0, 0, 0);
opacity: 1;
} .inview_header {
opacity: 1 !important;
transform: none !important;
transition: none !important;
} .p-mv1-content-title,
.p-mv1-content-title_2,
.p-mv1-content-button {
opacity: 0;
} @keyframes inviewFade {
from { opacity: 0; }
to   { opacity: 1; }
} .inview_header.animate .p-mv1-content-title {
animation: inviewFade 1.2s ease forwards;
}
.inview_header.animate .p-mv1-content-title_2 {
animation: inviewFade 1.2s ease forwards 0.3s; }
.inview_header.animate .p-mv1-content-button {
animation: inviewFade 1.2s ease forwards 0.6s; } body.no_page_animation .p-mv1-content-title,
body.no_page_animation .p-mv1-content-title_2,
body.no_page_animation .p-mv1-content-button {
opacity: 1 !important;
animation: none !important;
} body.use_header .gallery-animate {
position: relative;
transform: translateY(40px);
opacity: 0;
transition: opacity 0.35s ease-out 0.8s, transform 0.35s ease-out 0.7s;
}
.gallery-animate {
position: relative;
transform: translateY(40px);
opacity: 0;
transition: opacity 0.35s, transform 0.35s;
}
.gallery-animate.active,
body.use_header .gallery-animate.active,
body.no_page_animation .gallery-animate {
transform: translateY(0);
opacity: 1;
} body.use_header .gallery-animate_fade {
opacity: 0;
transition: opacity 0.4s ease-out 0.8s; } .gallery-animate_fade{
opacity: 0;
transition: opacity 0.4s ease-out;
}
.gallery-animate_fade.active,
body.use_header .gallery-animate.active,
body.no_page_animation .gallery-animate_fade {
opacity: 1 !important;
} .inview_gallery {
opacity: 0;
transition: opacity 0.8s ease-out 0s; margin-top: -1px;
}
.inview_gallery.animate,
body.no_page_animation .inview_gallery {
opacity: 1 !important;
}
#return_top {
border-radius: 100%;
background-color: #fff;
border: 1px solid #ddd;
display: block;
height: 65px;
width: 65px;
text-decoration: none;
position: fixed;
right: 40px;
bottom: 0px;
z-index: 9999;
transform: translate3d(0, 100%, 0);
transition: all 0.35s;
transition: background-color 0.3s ease;
}
#return_top.active { 
transform: translate3d(0, 0, 0); 
bottom: 30px;  
}
@media (max-width: 767px) { 
#return_top {
display: none;
}
#return_top.active { 
display: none;
}
}
#return_top span { 
display: none; 
}
#return_top::before {
content: "";
display: block;
width: 2em;
height: 2em;
background-color: currentColor;
transition: background-color 0.3s ease;
-webkit-mask-image: var(--tcd-icon--arrow-top);
mask-image: var(--tcd-icon--arrow-top);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media (hover: hover) {
#return_top:hover::before { 
background-color: #999; 
}
}
.p-404-content .tcdce-box {
text-align: left;
}
.p-404-content .custom_ul li {
text-align: left;
}
.p-404-content .custom_ol li {
text-align: left;
}
.p-404-content .tcdce-sb-content {
text-align: left;
}
.p-single-gallery__img.only-thumbnail {
top: 0px;
}
body.admin-bar .p-single-gallery__img.only-thumbnail {
top: 32px;
}
.p-mv1__media {
width: 100%;
height: 100%;
}
.p-mv1__media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.p-mv1__overlay {
position: absolute;
inset: 0;
}
.p-mv1__content {
position: absolute;
inset: 0;
z-index: 1;
display: grid;
align-content: center;
row-gap: 50px;
text-align: var(--tcd-index-mv1-slider-text-align);
color: #ffffff;
}
.p-mv1__catch_top {
font-size: var(--tcd-index-mv1-slider-top-catch-font-size-pc);
font-family: var(--tcd-index-mv1-slider-catch-font_type);
margin-block: var(--tcd-half-read);
}
.p-mv1__catch_bottom {
font-size: var(--tcd-index-mv1-slider-bottom-catch-font-size-pc);
font-family: var(--tcd-index-mv1-slider-catch-font_type);
margin-block: var(--tcd-half-read);
}
@media (max-width: 767px) {
.p-mv1__content  {
row-gap: 20px;
}
.p-mv1__catch_top {
font-size: var(--tcd-index-mv1-slider-top-catch-font-size-sp);
}
.p-mv1__catch_bottom {
font-size: var(--tcd-index-mv1-slider-bottom-catch-font-size-sp);
}
.p-mv1__track,
.p-mv1__list {
height: inherit;
aspect-ratio: unset;
}
div.p-mv1__catch_top {
line-height: 2.2 !important;
} 
div.p-mv1__catch_bottom {
line-height: 2.2 !important;
} 
.p-mv1-content-button {
min-width: 240px !important;
height: 50px !important;
}
}
.p-mv2-content-button {
display: inline-grid;
place-items: center;
justify-self: var(--tcd-index-mv1-slider-text-align);
width: fit-content;
min-width: 280px;
height: 60px;
font-size: 16px;
color: #ffffff;
background-color: var(--tcd-index-mv2-button-bg-color);
border-radius: calc(infinity * 1px);
transition: background-color 0.3s ease;
}
div.p-mv1__catch_top {
line-height: 2.6;
} 
h2.p-mv1__catch_top {
line-height: 1.6;
} 
div.p-mv1__catch_bottom {
line-height: 2.6;
} 
h2.p-mv1__catch_bottom {
line-height: 1.6;
} .p-side-button {
position: fixed;
inset: 0 0 0 auto;
z-index: 1000000;
margin-block: auto;
height: fit-content;
display: grid;
grid-template-columns: 70px;
grid-auto-rows: minmax(180px, max-content);
font-size: 16px;
}
.p-side-button-item {
position: relative;
display: grid;
place-items: center;
color: #fff;
writing-mode: vertical-rl;
padding-inline: 25px;
transform: translateX(100%); --tcd-side-button-animation-base-delay: 0.3s;
transition: transform 0.5s cubic-bezier(0.17, 0.84, 0.44, 1) calc(0.4s + var(--tcd-side-button-animation-base-delay, 0s));
}
.p-side-button-item:before {
content: '';
position: absolute;
inset: 0;
background: #ffffff;
opacity: 0;
transition: opacity 0.3s ease;
}
.p-side-button-item-text {
position: relative;
z-index: 1;
}
body.use_page_animation .p-side-button-item {
transform: translateX(0);
}
*+.p-side-button-item {
transition-delay: calc(0.7s + var(--tcd-side-button-animation-base-delay, 0s));
}
*+*+.p-side-button-item {
transition-delay: calc(0.9s + var(--tcd-side-button-animation-base-delay, 0s));
}
@media (max-width: 991px) {
.p-side-button:not(.is-show-sp) {
display: none;
}
.p-side-button {
grid-template-columns: 50px;
grid-auto-rows: minmax(120px, max-content);
font-size: 12px;
}
.p-side-button-item {
padding-inline: 20px;
}
}
@media (any-hover: hover) {
.p-side-button-item:hover:before {
opacity: 0.1;
}
} @media not all and (max-width: 767px) {
.p-single_splid_gallery .tcdce-body { --tcdce-ul-font-size-pc:var(--tcdce-base-font-size-pc);
--tcdce-ul-font-size-sp:var(--tcdce-base-font-size-pc);
--tcdce-ol-font-size-pc:var(--tcdce-base-font-size-pc);
--tcdce-ol-font-size-sp:var(--tcdce-base-font-size-pc);
}
}
.p-single__content {
font-family: var(--tcd-single-content-font-type, inherit);
}
.p-single-content {
font-family: var(--tcd-single-content-font-type, inherit);
}
.p-single-gallery__content .tcdce-body {
font-family: var(--tcd-single-content-font-type, inherit);
}
.l-contents-page_colum .tcdce-body {
font-family: var(--tcd-single-content-font-type, inherit);
}
.p-lp-body {
font-family: var(--tcd-single-content-font-type, inherit);
}