@charset "utf-8";

#breadcrumb.sp_b{display:none!important;}

/*
 font-family: "Shippori Mincho", serif;
 font-family: "Libre Baskerville", serif;
*/

main{font-family: "Shippori Mincho", serif;font-weight: 400;color:#262626;}
main a{transition:opacity 0.2s;}
main a:hover{opacity:0.8;}
.w950{max-width:980px;padding:0 15px;margin:0 auto;}
.pcview{display:block;}
.spview{display:none;}

@media screen and (max-width: 750px) {
.wfull{min-width: unset;}
.w950{width:100%;padding:0 5vw;}
.pcview{display:none;}
.spview{display:block;}
}

.kv{}
.kv h1{width:500px;padding:50px 0 45px;}
.kv h1 img{width:100%;}
.kv h1 span{display: none;}
.kv .photo{position: relative;}
.kv .photo p{margin:0!important;padding:0!important;}
.kv .photo img{width: 100%;vertical-align: bottom;}
.kv .photo .msg{position: absolute;top:50%;left:235px;width: 255px;transform: translateY(-46.8%);}
.kv .photo .msg img{width: 100%;}
.kv .photo:nth-of-type(2) .msg{top:50%;left:50%;width: 480px;transform: translate(-50%,-50%);filter: brightness(0) invert(1);}
@media screen and (max-width: 750px) {
.kv h1{width:65vw;padding:6vw 0 6vw;}
.kv .photo .msg{left:3.5vw;width: 54vw;}
.kv .photo:nth-of-type(2) .msg{width: 80vw;}
}

h2{font-family: "Libre Baskerville", serif;font-size: 54px;letter-spacing: 0.04em;font-weight:400;line-height: 1;margin-bottom: 40px;}
@media screen and (max-width: 750px) {
h2{font-size: 7vw;margin-bottom: 4vw;}
}

#movie{padding-top:130px;}
#movie .movie_inner{}
#movie .movie_title{font-size: 23px;letter-spacing: 0.04em;font-weight:400;line-height: 1;margin-bottom: 15px;margin-left:-0.5em;}
#movie .movie_title span{margin:0 0.15em;}
#movie .movie_item{position: relative;padding-top:56.25%;}
#movie .movie_item iframe{width: 100%;height: 100%;position: absolute;top:0;left:0;}
#movie .movie_item:nth-of-type(2){margin-top:10px;margin-bottom: 40px;}

@media screen and (max-width: 750px) {
#movie{padding-top:16vw;}
#movie .movie_title{font-size: 3.8vw;margin-bottom: 0.6em;}
#movie .movie_item:nth-of-type(2){margin-top:2vw;margin-bottom: 3vw;}
}

#music{padding-top:130px;}
#music .music_inner{}
#music .music_inner h3{font-weight: 400;font-size: 43px;margin-left:-0.5em;}
#music .music_inner .music_info{display: flex;align-items: flex-end;padding:30px 0 50px;flex-wrap: wrap;}
#music .music_inner .music_info dl{font-size: 30px;line-height: 1.8;margin-right: 80px;letter-spacing: 0.05em;}
#music .music_inner .music_info dl div{display: flex;flex-wrap: wrap;}
#music .music_inner .music_info dl dt::after{content: "：";}
#music .music_inner .music_info p{font-size: 20px;line-height: 1.7;letter-spacing: 0.05em;margin-bottom: 0.2em;}
#music .music_inner .artist{}
#music .music_inner .artist_info{letter-spacing: 0.05em;}
#music .music_inner .artist_info .person:nth-of-type(2){margin-top:40px;}
#music .music_inner .artist_info .name{font-size: 21px;margin-bottom: 0.5em;}
#music .music_inner .artist_txt .txt{font-size: 17px;line-height: 1.7;text-align: justify;}
.overlay{position: fixed;top:0;left:0;width: 100%;height: 100%;background:rgba(0,0,0,0.4);z-index: 999;display: none;}
#music .music_inner .artist_txt .close{display: none;}
#music .music_inner .artist_txt .artist_txt_wrap{display: flex;flex-direction: row-reverse;}
#music .music_inner .artist_txt .ph{width: 116px;flex-shrink: 0;margin-left: 30px;}
#music .music_inner .artist_txt .ph img{width: 100%;}
@media screen and (max-width: 750px) {
#music{padding-top:16vw;}
#music .music_inner h3{font-size: 6.4vw}
#music .music_inner .music_info{display: block;padding:3vw 0 3vw;}
#music .music_inner .music_info dl{font-size: 5vw;line-height: 1;margin-right: 0;display: flex;justify-content: space-between;letter-spacing: 0.1em;}
#music .music_inner .music_info dl dt::after{margin:0 0 0 -0.15em;}
#music .music_inner .music_info dl dd{margin:0 0 0 -0.15em;}
#music .music_inner .music_info p{font-size: 4.2vw;line-height: 1.5;margin-top: 1.5em;text-align: justify;margin-bottom: 0;}
#music .music_inner .artist{align-items: flex-end;}
#music .music_inner .artist_info{margin-top:0vw;display: flex;justify-content: space-between;padding: 0 2vw;}
#music .music_inner .artist_info .person:nth-of-type(2){margin-top:0;}
#music .music_inner .artist_info .name{font-size: 5vw;margin-bottom: 0.5em;letter-spacing: 0.08em;line-height: 1.35;}
#music .music_inner .artist_info .name span{font-size: 3vw;}
#music .music_inner .artist_txt{display: none;position: fixed;z-index: 9999;top:50%;left:4vw;width: 92vw;height:unset;max-height:75vh;background:#fff;box-shadow: 0 0 8px rgba(0,0,0,0.2);border-radius: 4px;transform: translateY(-55%);}
#music .music_inner .artist_txt .artist_txt_wrap{overflow-y: auto;height: 100%;padding:2vw 4vw 4vw;display: block;max-height:75vh;}
#music .music_inner .btn{font-size: 4vw;width: max-content;padding:0.35em 1.7em;border:1px solid #595757;border-radius: 8px;letter-spacing: 0;cursor: pointer;}
#music .music_inner .artist_txt .txt{font-size: 3.8vw;line-height: 1.5;}
#music .music_inner .artist_txt .ph{width: 38vw;margin-bottom: 2vw;margin-left: 0;margin-top: 2vw;}
#music .music_inner .artist_txt .name{font-size: 5.5vw;margin-bottom: 0.3em;}
#music .music_inner .artist_txt .close{display: block;position: absolute;top:4vw;right: 4vw;width: 5.2vw;}
#music .music_inner .artist_txt .close img{width: 100%;opacity: 0.6;}
}

#artwork{padding-top:130px;}
#artwork .artwork_inner{}
#artwork .artwork_item{border:1px solid #D9D9D9;}
#artwork .artwork_item:nth-of-type(2){margin-top:10px;}
#artwork .artwork_inner img{width: 100%;}
@media screen and (max-width: 750px) {
#artwork{padding-top:16vw;}
#artwork .artwork_item:nth-of-type(2){margin-top:2vw;}
}

.suica_link{padding:130px 0;}
.suica_link p{text-align: center;}
.suica_link p img{width: 105px;}
.suica_link p a{border:1px solid #251E1C;border-radius: 10px;display: inline-block;padding:15px 60px 20px;position: relative;}
.suica_link p a::after{content:"";display: block;position: absolute;bottom:7px;right:10px;width: 35px;height:10px;background-image: url(../images/arrow.svg);background-repeat: no-repeat;background-size: contain;}
@media screen and (max-width: 750px) {
.suica_link{padding:16vw 0;}
.suica_link p img{width: 17vw;}
.suica_link p a{padding:1.5vw 9vw 2.5vw;}
.suica_link p a::after{bottom:1vw;right:1.5vw;width:6vw;height:2vw;}
}

