@charset "utf-8";
/* CSS Document */
/*------------------------------
main-visual
------------------------------*/
.main-visual-pc {
display: none;
}
.main-visual {
position: relative;
margin: 0 auto;
margin-bottom: 10%;
text-align: center;
}
.main-visual img {
width: 100%;
max-width: inherit;
}
.swiper-container {
overflow: inherit;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: -14%;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #e10012;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 8px;
}
.swiper-pagination {
position:initial;
}
.site-title {
position: absolute;
left: 50%;
bottom: 39%;
transform: translate(-50%, 0);
z-index: 99;
color: #fff;
text-shadow:
2px 2px 15px rgba(0, 0, 0, 0.15),
-2px 2px 15px rgba(0, 0, 0, 0.15),
2px -2px 15px rgba(0, 0, 0, 0.15),
-2px -2px 15px rgba(0, 0, 0, 0.15);
font-size: 2rem;
font-weight: 900;
letter-spacing: 0.05em;
white-space: pre;
}
.btn-main-visual {
display: block;
position: absolute;
left: 50%;
bottom: 22%;
transform: translate(-50%, 0);
z-index: 99;
padding: 0.25em 1em;
border: 1px solid #fff;
color: #fff;
background: rgba(0, 0, 0, 0.5);
font-size: 1.6rem;
transition: all 0.3s ease;
}
.btn-main-visual:hover {
color: #000;
background: rgba(255, 255, 255, 0.5);
}
/*------------------------------
main-visual max-width: 320px
------------------------------*/
@media screen and (max-width: 320px) {
.site-title {
font-size: 1.8rem;
}
}
/*------------------------------
main-visual min-width: (min-width: 420px) and (max-width: 768px)
------------------------------*/
@media screen and (min-width: 420px) and (max-width: 768px) {
.main-visual {
margin-bottom: 5%;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: -5%;
}
.site-title {
font-size: 5vw;
bottom: 35%;
}
.btn-main-visual {
bottom: 17%;
}
}
/*@media screen and (max-width: 768px) {*/ /* TMP */
/*.theme-KF .main-visual-sp {
overflow: hidden;
}
.theme-KF .main-visual .main-slide img {
width: 172%;
margin: 0 -36%;
}
}*/
/*------------------------------
main-visual min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
.main-visual-pc {
display: block;
}
.main-visual-sp {
display: none;
}
.main-visual {
margin-bottom: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: -5%;
}
.site-title {
font-size: 4rem;
bottom: 31%;
}
.btn-main-visual {
padding: 0.25em 1.5em;
font-size: 2rem;
bottom: 17%;
}
}
/*------------------------------
main-visual min-width: 900px
------------------------------*/
@media screen and (min-width: 900px) {
.swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 10px;
}
.site-title {
bottom: 29%;
}
.btn-main-visual {
bottom: 15%;
}
}
/*------------------------------
home-section
------------------------------*/
.box {
margin-bottom: 30px;
}
.interview-box:after,
.interview-box:hover:after {
background-color: transparent;
}
.interview-box {
min-height: 280px;
}
.interview-box-text {
position: absolute;
bottom: 10px;
padding: 0.25rem 1rem 0.5em;
background: rgba(255, 255, 255, 0.5);
color: #333;
text-shadow:
1px 1px 1px rgba(255, 255, 255, 0.3),
-1px 1px 1px rgba(255, 255, 255, 0.3),
1px -1px 1px rgba(255, 255, 255, 0.3),
-1px -1px 1px rgba(255, 255, 255, 0.3);
}
.interview-box-text01 {
left: 10px;
}
.interview-box-text02 {
right: 10px;
text-align: right;
}
.interview-box-en {
display: inline-block;
border-bottom: 2px solid #e10012;
margin-bottom: 0.5em;
font-style: italic;
font-weight: 900;
line-height: 1.1;
}
.interview-box-cn {
padding-bottom: 0.25em;
font-size: 1.8rem;
line-height: 1.5;
}
.interview-box-description {
font-size: 1.2rem;
line-height: 1.5;
}
.videobox {
position: static;
width: 100%;
background: #000;
}
/*------------------------------
home-section min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
.box {
margin-bottom: 0;
}
.box:nth-of-type(odd) {
float: left;
}
.box:nth-of-type(even) {
float: right;
}
.shortbox {
width: 37.5%;
}
.longbox {
width: 62.5%;
}
.halfbox {
width: 50%;
}
.interview-box {
min-height: auto;
}
.interview-box-text {
background: none;
}
.interview-box-text01 {
top: 10%;
left: 5%;
}
.interview-box-text02 {
top: 10%;
right: 5%;
text-align: right;
}
.interview-box-en {
margin-bottom: 0.5em;
font-size: 1.8rem;
}
.interview-box-cn {
font-size: 2.4rem;
}
.interview-box-description {
font-size: 1.6rem;
}
.video-wrap {
width: 79.3%;
margin: 0 auto;
}
}
/*------------------------------
home-section (min-width: 769px) and (max-width: 900px)
------------------------------*/
@media screen and (min-width: 769px) and (max-width: 900px) {
.interview-box-text01 {
top: 5%;
left: 5%;
}
.interview-box-text02 {
top: 5%;
right: 5%;
text-align: right;
}
.interview-box-cn {
font-size: 2rem;
}
}
/*------------------------------
main-visual
theme KT KA KMX KD KID
------------------------------*/
.theme-KT .main-visual,
.theme-KA .main-visual,
.theme-KU .main-visual,
.theme-KIB .main-visual,
.theme-KD .main-visual,
.theme-KF .main-visual,
.theme-KMX .main-visual,
.theme-KID .main-visual {
margin-bottom: 12%;
}
/*------------------------------
main-visual min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
.theme-KT .main-visual,
.theme-KA .main-visual,
.theme-KU .main-visual,
.theme-KIB .main-visual,
.theme-KD .main-visual,
.theme-KF .main-visual,
.theme-KMX .main-visual,
.theme-KID .main-visual {
margin-bottom: 0;
}
}
/*------------------------------
site-title
------------------------------*/
.theme-KT .site-title,
.theme-KA .site-title,
.theme-KU .site-title,
.theme-KIB .site-title,
.theme-KD .site-title,
.theme-KF .site-title,
.theme-KMX .site-title,
.theme-KID .site-title {
bottom: 10%;
transform: translate(-50%, -50%);
text-shadow: unset;
white-space: normal;
font-size: 2rem;
max-width: 100%;
width: 100%;
}
.theme-KT .site-title .main-title,
.theme-KA .site-title .main-title,
.theme-KU .site-title .main-title,
.theme-KIB .site-title .main-title,
.theme-KD .site-title .main-title,
.theme-KF .site-title .main-title,
.theme-KMX .site-title .main-title,
.theme-KID .site-title .main-title {
font-size: 1.8rem;
font-weight: bold;
line-height: 1.2;
/* font-family: Tahoma; */
}
.theme-KT .site-title .sub-title,
.theme-KA .site-title .sub-title,
.theme-KU .site-title .sub-title,
.theme-KIB .site-title .sub-title,
.theme-KD .site-title .sub-title,
.theme-KF .site-title .sub-title,
.theme-KMX .site-title .sub-title,
.theme-KID .site-title .sub-title {
font-size: 1.6rem;
font-weight: normal;
display: block;
line-height: 1;
opacity: .7;
}
/*------------------------------
site-title min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
.theme-KT .site-title,
.theme-KA .site-title,
.theme-KU .site-title,
.theme-KIB .site-title,
.theme-KD .site-title,
.theme-KF .site-title,
.theme-KMX .site-title,
.theme-KID .site-title {
bottom: 21%;
width: 33.33%;
}
.theme-KT .site-title .main-title,
.theme-KA .site-title .main-title,
.theme-KU .site-title .main-title,
.theme-KIB .site-title .main-title,
.theme-KD .site-title .main-title,
.theme-KF .site-title .main-title,
.theme-KMX .site-title .main-title,
.theme-KID .site-title .main-title {
font-size: 2.2vw;
}
.theme-KT .site-title .sub-title,
.theme-KA .site-title .sub-title,
.theme-KU .site-title .sub-title,
.theme-KIB .site-title .sub-title,
.theme-KD .site-title .sub-title,
.theme-KF .site-title .sub-title,
.theme-KMX .site-title .sub-title,
.theme-KID .site-title .sub-title {
font-size: 1.6vw;
}
}
/*------------------------------
home-section
------------------------------*/
.theme-KT #home-section .section-title,
.theme-KA #home-section .section-title ,
.theme-KU #home-section .section-title ,
.theme-KIB #home-section .section-title ,
.theme-KF #home-section .section-title ,
.theme-KD #home-section .section-title {
margin-top: 0;
}
.theme-KT #home-section .box,
.theme-KA #home-section .box ,
.theme-KU #home-section .box ,
.theme-KIB #home-section .box ,
.theme-KF #home-section .box ,
.theme-KD #home-section .box {
margin-bottom: 0;
}
.theme-KT #home-section .interview-box,
.theme-KA #home-section .interview-box ,
.theme-KU #home-section .interview-box ,
.theme-KIB #home-section .interview-box ,
.theme-KF #home-section .interview-box ,
.theme-KD #home-section .interview-box {
min-height: auto;
}
.theme-KT #home-section .menubox::after,
.theme-KA #home-section .menubox::after ,
.theme-KU #home-section .menubox::after ,
.theme-KIB #home-section .menubox::after ,
.theme-KF #home-section .menubox::after ,
.theme-KD #home-section .menubox::after {
background-color: transparent;
}
.theme-KT #home-section .menubox .menu-box,
.theme-KA #home-section .menubox .menu-box ,
.theme-KU #home-section .menubox .menu-box ,
.theme-KIB #home-section .menubox .menu-box ,
.theme-KF #home-section .menubox .menu-box ,
.theme-KD #home-section .menubox .menu-box {
background-color: rgba(0, 0, 0, 0.7);
transition: background-color 0.3s ease;
max-width: 100%;
width: 100%;
padding: 4px 10px 6px;
line-height: 1.5;
}
.theme-KT #home-section .menubox .menu-box .menu-box-titile,
.theme-KA #home-section .menubox .menu-box .menu-box-titile ,
.theme-KU #home-section .menubox .menu-box .menu-box-titile ,
.theme-KIB #home-section .menubox .menu-box .menu-box-titile ,
.theme-KF #home-section .menubox .menu-box .menu-box-titile ,
.theme-KD #home-section .menubox .menu-box .menu-box-titile {
font-size: 2rem;
font-weight: bold;
color: #fff;
text-shadow: 1px 1px 6px #000;
}
.theme-KT #home-section .menubox .menu-box .menu-box-description,
.theme-KA #home-section .menubox .menu-box .menu-box-description ,
.theme-KU #home-section .menubox .menu-box .menu-box-description ,
.theme-KIB #home-section .menubox .menu-box .menu-box-description ,
.theme-KF #home-section .menubox .menu-box .menu-box-description ,
.theme-KD #home-section .menubox .menu-box .menu-box-description {
color: #fff;
text-shadow: 1px 1px 6px #000;
font-size: 1.4rem;
}
/*------------------------------
home-section min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
.theme-KT #home-section .section-title,
.theme-KA #home-section .section-title ,
.theme-KU #home-section .section-title ,
.theme-KIB #home-section .section-title ,
.theme-KF #home-section .section-title ,
.theme-KD #home-section .section-title {
margin-top: 50px;
}
.theme-KT #home-section .box,
.theme-KA #home-section .box,
.theme-KU #home-section .box,
.theme-KIB #home-section .box,
.theme-KF #home-section .box,
.theme-KD #home-section .box {
display: block;
}
.theme-KT #home-section .menubox:hover::after,
.theme-KA #home-section .menubox:hover::after ,
.theme-KU #home-section .menubox:hover::after ,
.theme-KIB #home-section .menubox:hover::after ,
.theme-KF #home-section .menubox:hover::after ,
.theme-KD #home-section .menubox:hover::after {
background-color: rgba(255, 255, 255, 0.3);
}
.theme-KT #home-section .menubox,
.theme-KA #home-section .menubox ,
.theme-KU #home-section .menubox ,
.theme-KIB #home-section .menubox ,
.theme-KF #home-section .menubox ,
.theme-KD #home-section .menubox {
max-width: 100%;
}
.theme-KT #home-section .menubox .menu-box,
.theme-KA #home-section .menubox .menu-box ,
.theme-KU #home-section .menubox .menu-box ,
.theme-KIB #home-section .menubox .menu-box ,
.theme-KF #home-section .menubox .menu-box ,
.theme-KD #home-section .menubox .menu-box {
z-index: 100;
position: absolute;
bottom: 50%;
left: 0;
transform: translateY(50%);
width: 50%;
padding: 25px 30px 30px;
}
.theme-KT #home-section .menubox:hover .menu-box,
.theme-KA #home-section .menubox:hover .menu-box ,
.theme-KU #home-section .menubox:hover .menu-box ,
.theme-KIB #home-section .menubox:hover .menu-box ,
.theme-KF #home-section .menubox:hover .menu-box ,
.theme-KD #home-section .menubox:hover .menu-box {
background-color: transparent;
}
.theme-KT #home-section .menubox .menu-box .menu-box-titile,
.theme-KA #home-section .menubox .menu-box .menu-box-titile ,
.theme-KU #home-section .menubox .menu-box .menu-box-titile ,
.theme-KIB #home-section .menubox .menu-box .menu-box-titile ,
.theme-KF #home-section .menubox .menu-box .menu-box-titile ,
.theme-KD #home-section .menubox .menu-box .menu-box-titile {
font-size: 3rem;
line-height: 1.5;
}
.theme-KT #home-section .menubox .menu-box .menu-box-description,
.theme-KA #home-section .menubox .menu-box .menu-box-description ,
.theme-KU #home-section .menubox .menu-box .menu-box-description ,
.theme-KIB #home-section .menubox .menu-box .menu-box-description ,
.theme-KF #home-section .menubox .menu-box .menu-box-description ,
.theme-KD #home-section .menubox .menu-box .menu-box-description {
font-size: 1.6rem;
}
}
/*------------------------------
theme KT
------------------------------*/
/*------------------------------
home-section
------------------------------*/
.theme-KT #home-section {
margin-top: -28px;
}
/*------------------------------
site-title
------------------------------*/
.theme-KT .site-title {
bottom: 19%;
}
/*------------------------------
main-visual
------------------------------*/
.theme-KT .main-visual .swiper-pagination {
position:initial;
}
/*------------------------------
site-title min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
.theme-KT .site-title {
bottom: 24%;
}
}
/*------------------------------
site-title min-width: (min-width: 420px) and (max-width: 768px)
------------------------------*/
@media screen and (min-width: 420px) and (max-width: 768px) {
.theme-KT .site-title {
bottom: 15%;
}
}
/*------------------------------
staff-voise-section
------------------------------*/
.theme-KT #staff-voice-section .box {
width: 100%;
max-width: 100%;
margin-bottom: 2px;
min-width: 288px;
}
.theme-KT #staff-voice-section .linkbox::after {
background-color: transparent;
}
.theme-KT #staff-voice-section .box-staff-voice {
position: absolute;
top: 0;
height: 100%;
width: 100%;
padding: 25px 10px 20px;
display: flex;
flex-direction: column;
}
.theme-KT #staff-voice-section .box-staff-voice .box-staff-title {
color: #333;
flex: 1 1 100%;
font-style: italic;
font-size: 1.3rem;
line-height: 1.3;
}
.theme-KT #staff-voice-section .box-staff-voice .box-staff-description {
flex: 1 1 auto;
padding: 10px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.5);
max-width: 60%;
}
.theme-KT #staff-voice-section .box-staff-voice .box-staff-name {
margin-bottom: 2px;
font-weight: bold;
color: #e00012;
font-size: 1.3rem;
line-height: 1.3;
}
.theme-KT #staff-voice-section .box-staff-voice .box-staff-text {
font-size: 1.3rem;
color: #333;
line-height: 1.29;
}
/*------------------------------
staff-voise-section min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
.theme-KT #staff-voice-section .halfbox {
width: 50%;
max-width: 100%;
margin-bottom: 0;
}
.theme-KT #staff-voice-section .linkbox:hover::after {
background-color: rgba(255, 255, 255, 0.3);
}
.theme-KT #staff-voice-section .box-staff-voice {
padding: 40px 30px 30px;
}
.theme-KT #staff-voice-section .box-staff-voice .box-staff-title {
font-size: 1.7rem;
line-height: 1.25;
}
.theme-KT #staff-voice-section .box-staff-voice .box-staff-description {
bottom: 12%;
}
.theme-KT #staff-voice-section .box-staff-voice .box-staff-name {
margin-bottom: 5px;
line-height: 1.25;
font-size: 1.6rem;
}
.theme-KT #staff-voice-section .box-staff-voice .box-staff-text {
line-height: 1.25;
font-size: 1.6rem;
}
}
/*------------------------------
theme KA KD
------------------------------*/
/*------------------------------
site-title
------------------------------*/
.theme-KA .site-title ,
.theme-KU .site-title ,
.theme-KIB .site-title ,
.theme-KD .site-title ,
.theme-KID .site-title {
/*bottom: 60%;*/
text-shadow: 0px 0px 30px rgba(0,0,0,0.45), 0px 0px 15px rgba(0,0,0,0.65), 0px 0px 5px rgba(0,0,0,1);
}
.theme-KA .site-title {
bottom: 45%;
}
@media screen and (max-width: 768px) {
.theme-KA .site-title {
bottom: 60%;
}
}
/*------------------------------
home-section
------------------------------*/
.theme-KA #home-section ,
.theme-KU #home-section ,
.theme-KIB #home-section ,
.theme-KD #home-section {
margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
.theme-KA #home-section ,
.theme-KU #home-section ,
.theme-KIB #home-section ,
.theme-KD #home-section {
margin-bottom: 20px;
}
}
/*------------------------------
theme KMX KID
------------------------------*/
/*------------------------------
site-title
------------------------------*/
.theme-KMX .site-title,
.theme-KID .site-title {
bottom: 21%;
}
/*------------------------------
site-title min-width: 769px
------------------------------*/
@media screen and (min-width: 769px) {
.theme-KMX .site-title,
.theme-KID .site-title {
bottom: 26%;
width: 33.33%;
}
}
/*------------------------------
main-visual
------------------------------*/
.theme-KMX .main-visual,
.theme-KID .main-visual {
margin-bottom: 4%;
}
.theme-KMX .main-visual .swiper-pagination,
.theme-KID .main-visual .swiper-pagination {
position:initial;
}
/*------------------------------
lineup-section
------------------------------*/
.theme-KMX #lineup-section,
.theme-KID #lineup-section {
margin: 67px 0;
}
.theme-KMX #lineup-section .thumbs-setbox,
.theme-KID #lineup-section .thumbs-setbox {
display: flex;
border-bottom: 2px solid #fff;
}
.theme-KMX #lineup-section .thumbs-setbox .thumbs-box:nth-child(1),
.theme-KID #lineup-section .thumbs-setbox .thumbs-box:nth-child(1) {
border-right: 2px solid #fff;
}
.theme-KMX #lineup-section .thumbs-setbox.col3 .thumbs-box:nth-child(2),
.theme-KID #lineup-section .thumbs-setbox.col3 .thumbs-box:nth-child(2) {
border-right: 2px solid #fff;
}
.theme-KMX #lineup-section .thumbs-setbox .thumbs-box,
.theme-KID #lineup-section .thumbs-setbox .thumbs-box {
position: relative;
}
.theme-KMX #lineup-section .thumbs-setbox .img img,
.theme-KID #lineup-section .thumbs-setbox .img img {
vertical-align: top;
transition: all .3s;
}
.theme-KMX #lineup-section .thumbs-setbox a,
.theme-KID #lineup-section .thumbs-setbox a {
display: block;
overflow: hidden;
font-size: 27px;
color: #fff;
font-weight: bold;
}
.theme-KMX #lineup-section .thumbs-setbox a:hover .img img,
.theme-KID #lineup-section .thumbs-setbox a:hover .img img {
transform: scale(1.1);
opacity: .7;
color: #fff;
}
.theme-KMX #lineup-section .thumbs-setbox.col3 .thumbs-box.video-outer,
.theme-KID #lineup-section .thumbs-setbox.col3 .thumbs-box.video-outer {
width: 100%;
max-height: 179px;
}
.theme-KMX #lineup-section .thumbs-setbox.col3 .thumbs-box.video-outer .video-wrap,
.theme-KID #lineup-section .thumbs-setbox.col3 .thumbs-box.video-outer .video-wrap {
position: static;
width: 100%;
}
.theme-KMX #lineup-section .thumbs-setbox.col3 a,
.theme-KID #lineup-section .thumbs-setbox.col3 a {
font-size: 27px;
color: #494949;
}
.theme-KMX #lineup-section .thumbs-setbox.col3 a:hover .img img,
.theme-KID #lineup-section .thumbs-setbox.col3 a:hover .img img {
color: #494949;
}
.theme-KMX #lineup-section .thumbs-setbox .thumbs-box .copy,
.theme-KID #lineup-section .thumbs-setbox .thumbs-box .copy {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding-left: 40px;
padding-bottom: 35px;
line-height: 1.2;
}
.theme-KID #lineup-section .thumbs-setbox .thumbs-box .copy {
text-shadow: 0px 0px 30px rgba(0,0,0,0.45), 0px 0px 15px rgba(0,0,0,0.65), 0px 0px 5px rgba(0,0,0,1);
}
.theme-KMX #lineup-section .thumbs-setbox.col3 .thumbs-box .copy,
.theme-KID #lineup-section .thumbs-setbox.col3 .thumbs-box .copy {
display: flex;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-left: 20px;
padding-bottom: 0;
}
.theme-KID #lineup-section .thumbs-setbox.col3 .thumbs-box .copy {
align-items: flex-end;
padding-right: 40px;
padding-bottom: 35px;
justify-content: end;
color: #fff;
}
.theme-KMX #lineup-section .thumbs-setbox.col3 .thumbs-box.mv .btn,
.theme-KID #lineup-section .thumbs-setbox.col3 .thumbs-box.mv .btn {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.theme-KMX .video-wrapper,
.theme-KID .video-wrapper {
display: none;
}
.theme-KMX .video-wrap:before,
.theme-KID .video-wrap:before {
padding-top: 56.22%;
}
.theme-KMX .thumbs-box.video-outer.type-01 img,
.theme-KMX .thumbs-box.video-outer.type-01 a,
.theme-KID .thumbs-box.video-outer.type-01 img,
.theme-KID .thumbs-box.video-outer.type-01 a {
width: 317px;
height: 179px;
}
.theme-KMX .swiper-wrapper,
.theme-KID .swiper-wrapper {
margin-bottom: 5px;
}
@media screen and (max-width: 969px) {
.theme-KMX .thumbs-box.video-outer.type-01 img,
.theme-KMX .thumbs-box.video-outer.type-01 a,
.theme-KID .thumbs-box.video-outer.type-01 img,
.theme-KID .thumbs-box.video-outer.type-01 a {
width: calc((317 * 100vw) /970);
height: calc((179 * 100vw) /970);
}
}
@media screen and (max-width: 768px) {
.theme-KMX #lineup-section,
.theme-KID #lineup-section {
margin: 17px 0 50px;
}
.theme-KMX #lineup-section .thumbs-setbox,
.theme-KID #lineup-section .thumbs-setbox {
display: block;
border-bottom: 0;
}
.theme-KMX #lineup-section .thumbs-box,
.theme-KID #lineup-section .thumbs-box {
margin-bottom: 10px;
}
.theme-KMX #lineup-section .thumbs-setbox .thumbs-box:nth-child(1),
.theme-KID #lineup-section .thumbs-setbox .thumbs-box:nth-child(1) {
border-right: 0;
}
.theme-KMX #lineup-section .thumbs-setbox.col3 .thumbs-box:nth-child(2),
.theme-KID #lineup-section .thumbs-setbox.col3 .thumbs-box:nth-child(2) {
border-right: 0;
}
.theme-KMX #lineup-section .thumbs-setbox a,
.theme-KID #lineup-section .thumbs-setbox a {
font-size: 24px;
}
.theme-KMX #lineup-section .thumbs-setbox .thumbs-box .copy,
.theme-KID #lineup-section .thumbs-setbox .thumbs-box .copy {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding-left: 20px;
padding-bottom: 25px;
line-height: 1.2;
}
.theme-KMX #lineup-section .thumbs-setbox.col3 .thumbs-box .copy {
display: flex;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-left: 20px;
padding-bottom: 0;
}
.theme-KMX #lineup-section .thumbs-setbox.col3 .thumbs-box.mv .btn,
.theme-KID #lineup-section .thumbs-setbox.col3 .thumbs-box.mv .btn {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.theme-KMX #lineup-section .thumbs-setbox.col3 .thumbs-box.mv .btn img,
.theme-KID #lineup-section .thumbs-setbox.col3 .thumbs-box.mv .btn img {
width: 58px;
height: auto;
}
.theme-KMX #lineup-section .thumbs-setbox.col3 .thumbs-box.video-outer,
.theme-KID #lineup-section .thumbs-setbox.col3 .thumbs-box.video-outer {
max-height: 100%;
max-width: 690px;
}
.theme-KMX .thumbs-box.video-outer.type-01 img,
.theme-KMX .thumbs-box.video-outer.type-01 a,
.theme-KID .thumbs-box.video-outer.type-01 img,
.theme-KID .thumbs-box.video-outer.type-01 a {
width: 100%;
height: 100%;
}
}
.theme-KMX #lineup-section .jstream-eqPlayer .water_mark_small,
.theme-KID #lineup-section .jstream-eqPlayer .water_mark_small {
width: 60px;
height: 60px;
}
/*------------------------------
theme KF
------------------------------*/
.theme-KF .ss-listButton {
margin-top: 40px;
text-align: right;
}
.theme-KF .ss-buttonConversion {
display: inline-flex;
align-items: center;
min-width: 260px;
padding: 15px 15px;
background: #dd0b28;
line-height: 1.2;
transition: opacity 0.3s;
}
.theme-KF .ss-buttonConversion:hover {
opacity: .7;
}
.theme-KF .ss-buttonConversion-text {
color: #ffffff;
font-size: 20px;
font-weight: bold;
}
@media screen and (max-width: 768px){
.theme-KF .ss-listButton {
margin-top: -10px;
text-align: left;
}
.theme-KF .ss-buttonConversion {
min-width: 250px;
padding: 10px 13px;
}
.theme-KF .ss-buttonConversion-text {
color: #ffffff;
font-size: 20px;
font-weight: bold;
}
}
/*KV movie layout*/
.main.disPC.movie {
position: absolute;
bottom: 0;
width: 100%;
}
.main.disPC.movie .modalImg {
display: inline-flex;
justify-content: center;
margin: 50px auto 40px;
padding: 0 10px;
box-sizing: border-box;
}
.main.disPC.movie .modalImg li {
width: 20.6vw;
}
.theme-KA .main.disPC.movie .modalImg {
gap: 20px;
}
@media screen and (max-width: 768px){
.main.disSP.movie .modalImg {
width: fit-content;
margin: auto;
}
.main.disSP.movie .modalImg li {
width: 70vw;
}
}