@charset "utf-8";
/* CSS Document */

.charaWrap{display: flex; justify-content: flex-start; align-items:stretch; background: rgba(255,255,255,0.70); border-bottom: 2px solid #ed1e79;flex-wrap: wrap;}
.chara-img{width: 50%;}
.chara-about{width: 50%; background: #ffe4f0; color: #343434;}

.chara-name{padding: 2% 3%; background:url("../image/chara/nameBg.png") bottom right no-repeat #fff; background-size: 10%;}
.chara-name .name{width: 100%; max-width: 567px;}

.chara-cv{display: flex; align-items: center; justify-content: flex-start; margin-top: 5px;}
.chara-cv .cvImg{width: 54px;}
.chara-cv .cv{font-family:sans-serif;font-weight:500; font-size: clamp(12px, 1.4vw, 16px); margin: 0 7px;}
.chara-cv button{background: unset; border: unset; cursor: pointer; width: 31px;}

.cahra-date{ padding: 30px 55px 30px 30px;}
.cahra-date .txt001{font-family:sans-serif;font-weight:500;font-size: clamp(14px, 1.4vw, 18px); line-height: 160%; margin-bottom: 30px;}

.date{ display: flex; flex-wrap: wrap; gap:3%;font-family:sans-serif;font-weight:500;}
.date li{text-align: center;margin-bottom: 5%;width: 31.3%;}
.date li .txt002{background: #ed1e79;font-weight: bold; font-size: clamp(10px, 1.2vw, 14px); color: #fff; padding: 5px 3px; margin-bottom: 7px; border-radius: 40px;}
.date li .txt003{ font-size: clamp(10px, 1.2vw, 14px); color: #5d5d5d;}

.h4midashi{box-sizing: border-box; color: #343434; border: 2px solid #ed1e79; background: #fff; border-radius: 10px; text-align: center; font-weight: bold; font-size: 20px; margin-bottom: 10px;}
.h4midashi span{color: #ed1e79;}

.card{ display: flex; gap:2%;}
.card li{overflow: hidden; border-radius: 12px; margin-bottom: 30px;}

.chara-SliderS{overflow: hidden;}

.charaSlide01 {
    margin: 0 auto;
}
.charaSlide01 .slick-slide {
    opacity: 0.4;
}
.charaSlide01 .slick-current.slick-active {
    opacity: 1;
}
.charaSlide01 .slick-prev:before,
.charaSlide01 .slick-next:before {
	content: none !important;
}
.charaSlide01 .slick-next{
	width: 34px !important;
    height: 384px !important;
	background:url("../image/chara/arrow_right.png") center center no-repeat;
	background-size:100%;
    right: 0;
}
.charaSlide01 .slick-prev{
	width: 34px !important;
    height: 384px !important;
	background:url("../image/chara/arrow_left.png") center center no-repeat;
	background-size:100%;
	z-index:10 !important;
    left: 0;
}
.charaSlide01 .slick-dots li button:before{
	width:25px !important;
	height:5px !important;
	background:#fff;
}
.charaSlide01{display: flex; justify-content: center;}
.charathum01 .slick-track{display: flex;}
.charathum01{border-top: 3px solid #ed1e79; border-bottom: 3px solid #ed1e79;}
.charathum01 .thumbnail-img.slick-slide{ background: #fff; cursor: pointer;border-right: 3px solid #ed1e79; box-sizing: border-box;width: 20% !important;}
.charathum01 .thumbnail-img.slick-slide:last-child{border-right:unset;}
.charathum01 .thumbnail-img.slick-slide img{opacity: 0.4;}
.charathum01 .thumbnail-img.slick-slide.slick-current{ background: #ed1e79;}
.charathum01 .thumbnail-img.slick-slide.slick-current img{opacity: 1;}

.charaSlide02 {
    margin: 0 auto;
}
.charaSlide02 .slick-slide {
    opacity: 0.4;
}
.charaSlide02 .slick-current.slick-active {
    opacity: 1;
}
.charaSlide02 .slick-prev:before,
.charaSlide02 .slick-next:before {
	content: none !important;
}
.charaSlide02 .slick-next{
	width: 34px !important;
    height: 384px !important;
	background:url("../image/chara/arrow_right.png") center center no-repeat;
	background-size:100%;
    right: 0;
}
.charaSlide02 .slick-prev{
	width: 34px !important;
    height: 384px !important;
	background:url("../image/chara/arrow_left.png") center center no-repeat;
	background-size:100%;
	z-index:10 !important;
    left: 0;
}
.charaSlide02 .slick-dots li button:before{
	width:25px !important;
	height:5px !important;
	background:#fff;
}
.charaSlide02{display: flex; justify-content: center;}
.charathum02 .slick-track{display: flex;}
.charathum02{border-top: 3px solid #ed1e79; border-bottom: 3px solid #ed1e79;}
.charathum02 .thumbnail-img.slick-slide{ background: #fff; cursor: pointer;border-right: 3px solid #ed1e79; box-sizing: border-box;width: 20% !important;}
.charathum02 .thumbnail-img.slick-slide:last-child{border-right:unset;}
.charathum02 .thumbnail-img.slick-slide img{opacity: 0.4;}
.charathum02 .thumbnail-img.slick-slide.slick-current{ background: #ed1e79;}
.charathum02 .thumbnail-img.slick-slide.slick-current img{opacity: 1;}

.charaSlide03 {
    margin: 0 auto;
}
.charaSlide03 .slick-slide {
    opacity: 0.4;
}
.charaSlide03 .slick-current.slick-active {
    opacity: 1;
}
.charaSlide03 .slick-prev:before,
.charaSlide03 .slick-next:before {
	content: none !important;
}
.charaSlide03 .slick-next{
	width: 34px !important;
    height: 384px !important;
	background:url("../image/chara/arrow_right.png") center center no-repeat;
	background-size:100%;
    right: 0;
}
.charaSlide03 .slick-prev{
	width: 34px !important;
    height: 384px !important;
	background:url("../image/chara/arrow_left.png") center center no-repeat;
	background-size:100%;
	z-index:10 !important;
    left: 0;
}
.charaSlide03 .slick-dots li button:before{
	width:25px !important;
	height:5px !important;
	background:#fff;
}
.charaSlide03{display: flex; justify-content: center;}
.charathum03 .slick-track{display: flex;}
.charathum03{border-top: 3px solid #ed1e79; border-bottom: 3px solid #ed1e79;}
.charathum03 .thumbnail-img.slick-slide{ background: #fff; cursor: pointer;border-right: 3px solid #ed1e79; box-sizing: border-box;width: 20% !important;}
.charathum03 .thumbnail-img.slick-slide:last-child{border-right:unset;}
.charathum03 .thumbnail-img.slick-slide img{opacity: 0.4;}
.charathum03 .thumbnail-img.slick-slide.slick-current{ background: #ed1e79;}
.charathum03 .thumbnail-img.slick-slide.slick-current img{opacity: 1;}

.charaSlide04 {
    margin: 0 auto;
}
.charaSlide04 .slick-slide {
    opacity: 0.4;
}
.charaSlide04 .slick-current.slick-active {
    opacity: 1;
}
.charaSlide04 .slick-prev:before,
.charaSlide04 .slick-next:before {
	content: none !important;
}
.charaSlide04 .slick-next{
	width: 34px !important;
    height: 384px !important;
	background:url("../image/chara/arrow_right.png") center center no-repeat;
	background-size:100%;
    right: 0;
}
.charaSlide04 .slick-prev{
	width: 34px !important;
    height: 384px !important;
	background:url("../image/chara/arrow_left.png") center center no-repeat;
	background-size:100%;
	z-index:10 !important;
    left: 0;
}
.charaSlide04 .slick-dots li button:before{
	width:25px !important;
	height:5px !important;
	background:#fff;
}
.charaSlide04{display: flex; justify-content: center;}
.charathum04 .slick-track{display: flex;}
.charathum04{border-top: 3px solid #ed1e79; border-bottom: 3px solid #ed1e79;background: #fff;}
.charathum04 .thumbnail-img.slick-slide{ background: #fff; cursor: pointer;border-right: 3px solid #ed1e79; box-sizing: border-box;width: 20% !important;}
.charathum04 .thumbnail-img.slick-slide:last-child{border-right:unset;}
.charathum04 .thumbnail-img.slick-slide img{opacity: 0.4;}
.charathum04 .thumbnail-img.slick-slide.slick-current{ background: #ed1e79;}
.charathum04 .thumbnail-img.slick-slide.slick-current img{opacity: 1;}

.content {
    visibility:hidden;
    height: 0;
}
.content.show {
    visibility: visible;
    height: unset;
}

.tab-container{display: flex; width: 100%; max-width: 800px; margin: 0 auto;}

.tab-container-wrap{background: #fff;margin: 3% 0 1% 0;}

.tab{box-sizing:border-box;width: 25%; padding: 0 10px;cursor: pointer;display: flex;justify-content: center;}
.tab img{width: 90%;}
.tab.active{border: 2px solid #ed1e79;}

 [data-ruby]::before {
    top: -2.6em;
    font-size: 0.4em;
}

[data-ruby] {
		position: relative;
	}
	[data-ruby]::before {
		content: attr(data-ruby);
    position: absolute;
    top: -2em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0.4em;
    text-align: center;
    letter-spacing: normal;
	}

.charathum01 .slick-track,.charathum02 .slick-track,.charathum03 .slick-track,.charathum04 .slick-track{width: 100%!important;}


@media screen and (max-width: 1250px){
    .date li {width: 48.3%;}
}

@media screen and (max-width: 768px) {
    
    .tab-container-wrap {
    margin: 5% 0 3% 0;}
    .tab img{width: 100%;}
    
    .charaSlide01 .slick-next{
        top: 58vw;
        width: 28px !important;
        height: 325px !important;
    }

    .charaSlide01 .slick-prev{
        top:58vw;
        width: 28px !important;
        height: 325px !important;
    }
    
    .charaSlide02 .slick-next{
        top: 58vw;
        width: 28px !important;
        height: 325px !important;
    }

    .charaSlide02 .slick-prev{
        top:58vw;
        width: 28px !important;
        height: 325px !important;
    }
    
    .charaSlide03 .slick-next{
        top: 58vw;
        width: 28px !important;
        height: 325px !important;
    }

    .charaSlide03 .slick-prev{
        top:58vw;
        width: 28px !important;
        height: 325px !important;
    }
    
    .charaSlide04 .slick-next{
        top: 58vw;
        width: 28px !important;
        height: 325px !important;
    }

    .charaSlide04 .slick-prev{
        top:58vw;
        width: 28px !important;
        height: 325px !important;
    }
    
    .charaSlide05 .slick-next{
        top: 58vw;
        width: 28px !important;
        height: 325px !important;
    }

    .charaSlide05 .slick-prev{
        top:58vw;
        width: 28px !important;
        height: 325px !important;
    }
    
    .date li {width: 48.3%;}
    .chara-img{width: 100%;}
    .chara-about{width: 100%;}
    .cahra-date {padding: 6%;}
    
    .h4midashi{font-size: 18px;}

}