.people-matoi-title-en {
text-align: center;
font-family: "ARBONNIE";
font-size: var(--fs24px);
color: #E57893;
margin-top: 60px;
}
.people-matoi-title {
text-align: center;
font-size: var(--fs24px);
margin-bottom: 60px;
}
.people-matoi-profile-block {
display: flex;
gap: 100px;
margin-bottom: 100px;
}
.people-matoi-photo {
width: calc(50% - 100px);
}
.people-matoi-profile {
width: 50%;
}
.profile-meta {
background: #F1F1F1;
padding: 15px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 15px;
margin-bottom:35px;
}
.profile-icon a,.profile-icon span{
display:block;
width: 80px;
height: 80px;
overflow: hidden;
border-radius: 80px;
}
.profile-icon a:before,.profile-icon span:before {
content: "";
display: block;
padding-top: 100%;
}
.profile-icon a img ,.profile-icon span img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.profile-kind, .profile-sns {
width: calc(50% - 40px - 15px);
}
.profile-kind {
font-size: var(--fs16px);
}
span.performer-name {
font-weight: 500;
}
.profile-sns {
display: flex;
flex-wrap: wrap;
gap: 10px 15px;
}
.sns-links {
width: 35px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
background: #000;
border-radius: 35px;
}
.sns-links a {
color: #FFF;
text-decoration: none;
font-size: var(--fs21px);
}
.appearance-program-list ,.used-items{
margin-bottom: 50px;
}
.appearance-program-list .slick-slide ,.used-items .slick-slide {
margin: 0 5px;
}
.appearance-program-list .slick-list ,.used-items .slick-list {
margin:0 -5px;
}
.program_tumb img {
width: 100%;
height: auto;
object-fit: cover;
}
h2.people-section-title {
text-align: center;
border: none;
margin-top:90px;
margin-bottom: 70px;
font-size:var(--fs24px);
}
[class*="-list-block"] {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin-bottom: 30px;
}
[class*="-list-item"] {
width: calc(25% - (30px / 4 * 3));
}
.short_video iframe ,.short_video video,.short_video blockquote{
width: 100%;
height: auto;
object-fit: cover;
aspect-ratio: 9 / 16;
}
.short_video blockquote.tiktok-embed {
width: 100%;
max-width: 100% !important;
min-width: unset !important;
margin: 0!important;
}
.short_video blockquote.tiktok-embed>section{
display:none;
}
a.archive-links-btn {
display: block;
color: #E57893;
text-align: right;
padding-right: 30px;
}
a.archive-links-btn:after {
content: "";
display: block;
width: 8px;
height: 8px;
border-top: 1px solid;
border-right: 1px solid;
transform: rotate(45deg);
position: absolute;
top: 0;
bottom: 0;
right: 15px;
margin: auto;
}
@media only screen and (max-width:950px){
.people-matoi-profile-block {
gap: 30px;
}
.people-matoi-photo {
width: calc(50% - 30px);
}
[class*="-list-block"]{
gap:15px;
}
[class*="-list-item"] {
width: calc(25% - (15px / 4 * 3));
}
}
@media only screen and (max-width:810px){
.profile-meta {
justify-content: center;
}
.profile-kind {
width: calc(80% - 95px);
}
.profile-sns {
width: 100%;
justify-content: center;
}
}
@media only screen and (max-width:740px){
.people-matoi-profile-block {
gap: 15px;
}
.people-matoi-photo {
width: calc(50% - 15px);
}
.profile-kind {
width: calc(95% - 95px);
}
.profile-sns {
gap: 10px;
}
.sns-links {
width: 30px;
height: 30px;
}
.sns-links a {
font-size: var(--fs18px);
}
}
@media only screen and (max-width:540px){
.people-matoi-profile-block {
flex-wrap: wrap;
}
.people-matoi-photo ,.people-matoi-profile {
width: 100%;
}
[class*="-list-item"] {
width: calc(33.3% - (15px / 3 * 2));
}
}
@media only screen and (max-width:320px){
[class*="-list-item"] {
width: calc(50% - (15px / 2 * 1));
}
}
.people-tag-area {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
gap: 7px;
}
a.people-tags {
color: #E57893;
border: 1px solid #E57893;
padding: 2px 10px;
}
p.people-profile-title {
margin-top: 60px;
font-size: var(--fs24px);
font-weight: 500;
}
.main_gallery {
margin-bottom: 30px;
}
button.gallery-arrow {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 30px;
font-family: 'FontAwesome';
z-index: 9;
border: none;
border-radius: 30px;
background-color: #eeeeeeb0;
font-size: 18px;
cursor: pointer;
}
button.gallery-prev{
left:0;
}
button.gallery-prev:before {
content: "\f104";
}
button.gallery-next{
right:0;
}
button.gallery-next:before {
content: "\f105";
}
.gallery_thumb {
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-bottom: 30px;
}
.gallery_thumb .thumbnail {
width: calc(25% - (5px / 4 * 3));
overflow: hidden;
}
.gallery_thumb .thumbnail.active {
border: 2px solid #E57893;
}
.gallery_thumb .thumbnail:before {
content: "";
display: block;
padding-top: 100%;
}
.gallery_thumb .thumbnail img{
width:100%;
height:100%;
object-fit:cover;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}