@charset "utf-8";

/*fv*/
body.home{ padding-top: 0 !important;}
#fv{ position: relative; z-index: 99; overflow: hidden;}
#fv #fv_bg{ width: 100%; height: 100%; /*background: url("../images/fv_bg.jpg") center bottom no-repeat;*/ color: #fff; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: -1;}
#fv #fv_bg img{ width: 100%; height: 100%; object-fit: cover;}
#fv #fv_bg:after{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.25); position: absolute; left: 0; top: 0; z-index: 1;}
/*
#fv #fv_bg{ animation: fv_bg ease-in-out 1.0s infinite;}
@keyframes fv_bg{
0%{ transform: translateX(-50%) translateY(-50%) scale(1.0);}
80%{ transform: translateX(-50%) translateY(-50%) scale(1.0);}
90%{ transform: translateX(-50%) translateY(-50%) scale(1.1);}
100%{ transform: translateX(-50%) translateY(-50%) scale(1.0);}
}
*/
#fv #fv_bg:after{ animation: fv_bg2 ease-in-out 3.0s infinite;}
@keyframes fv_bg2{
0%{ opacity: 1.0;}
50%{ opacity: 0.33;}
100%{ opacity: 1.0;}
}

#fv #fv_in{ width: 1080px; min-height: 720px; height: 100vh; margin: auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; color: #fff; position: relative; padding-top: 80px;}
#fv #fv_in .fv_artists ul{ display: flex; margin-left: 20px;}
#fv #fv_in .fv_artists ul li{ margin: 0;}
#fv #fv_in .fv_artists ul li img{ width: auto; height: 480px;}
#fv #fv_in .fv_artists ul li a{ display: block; transform: scale(1.0); transition: 0.3s; position: relative; z-index: 99;}
#fv #fv_in .fv_artists ul li a:hover{ transform: scale(1.2);}
#fv #fv_in .fv_artists ul li.negative a{ filter: blur(4px);}

#fv #fv_in h2{ margin-top: 64px;}
#fv #fv_in h2 img{ width: 640px;}

#fv #fv_in .fv_tit{ writing-mode: vertical-rl; font-size: 5rem; font-weight: bold; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: calc(50% + 40px); transform: translateY(-50%) translate3d(0, 0, 0); mix-blend-mode: overlay; isolation: isolate;}
#fv #fv_in .fv_tit h3{ display: flex; align-items: center; justify-content: center; width: 200px; height: 100%;}
#fv #fv_in .fv_tit h3 strong{ font-size: 8rem; font-weight: 900; line-height: 1em; letter-spacing: 0.1em; height: 360px;}
#fv #fv_in .fv_tit h3 span{ font-size: 4rem; font-weight: 900; line-height: 1em; letter-spacing: 0.1em;}

#fv #fv_in .fv_tit2{ writing-mode: vertical-rl; font-size: 4rem; font-weight: bold; display: flex; align-items: center; justify-content: center; position: absolute; left: -20px; top: calc(50% + 40px); transform: translateY(-50%); mix-blend-mode: overlay;}
#fv #fv_in .fv_tit2 h3{ display: flex; align-items: center; justify-content: center; width: 225px; height: 435px; position: absolute; left: 50%; top: calc(50% - 110px); transform: translateX(-50%) translateY(-50%);}
#fv #fv_in .fv_tit2 h3 strong{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
/*
#fv #fv_in .fv_tit2 h3 strong.fv_h4_01{ font-size: 10rem; font-weight: 900; line-height: 1em; letter-spacing: 0.1em;}
#fv #fv_in .fv_tit2 h3 strong.fv_h4_02{ font-size: 7.5rem; font-weight: 900; line-height: 1em; padding-right: 0.2em;}
*/
#fv #fv_in .fv_tit2 h3{ width: 190px; height: 360px;}
#fv #fv_in .fv_tit2 h3 strong.fv_h4_01 img{ width: 190px; height: auto;}
#fv #fv_in .fv_tit2 h3 strong.fv_h4_02 img{ width: 190px; height: auto;}
#fv #fv_in .fv_tit2 h4{ display: flex; align-items: center; justify-content: center; width: 190px; height: 180px; margin-top: 380px;}
#fv #fv_in .fv_tit2 h4 strong{ font-weight: 900;}
#fv #fv_in .fv_tit2 h3 strong.fv_h4_02 span{ opacity: 0;}
@media screen and (max-width:767px){
#fv #fv_in{ width: 100%; min-height: 90vw; height: auto; padding: 15% 0 0;}
#fv #fv_in .fv_artists{ margin-top: 3.75%;}
#fv #fv_in .fv_artists ul li{ margin: 0 0;}
#fv #fv_in .fv_artists ul li img{ height: 50vw;}
#fv #fv_in .fv_artists ul li a:hover{ transform: scale(1.1);}

#fv #fv_in h2{ margin: 12.5% 15% 0;}
#fv #fv_in .fv_tit{ font-size: 1rem; right: 1.875vw; top: 57.5%;}
#fv #fv_in .fv_tit h3{ width: auto; height: auto;}
#fv #fv_in .fv_tit h3 strong{ font-size: 4rem; letter-spacing: 0.1em; height: 2.3em;}
#fv #fv_in .fv_tit h3 span{ font-size: 2rem; letter-spacing: 0.1em;}

#fv #fv_in .fv_tit2{ font-size: 2rem; left: 1.875vw; top: 57.5%;}
#fv #fv_in .fv_tit2 h3{ width: 17vw; height: 32vw; top: calc(50% - 11vw);}
#fv #fv_in .fv_tit2 h3{ width: 17vw; height: 32vw;}
#fv #fv_in .fv_tit2 h3 strong.fv_h4_01 img{ width: 17vw;}
#fv #fv_in .fv_tit2 h3 strong.fv_h4_02 img{ width: 17vw;}
#fv #fv_in .fv_tit2 h4{ width: 17vw; height: 18vw; margin-top: 35vw;}
}

/*animation*/
#fv #fv_in .fv_tit2 h3{ animation: fv_glitch 1.5s infinite;}
#fv #fv_in .fv_tit2 h3 strong.fv_h4_01 span{ animation: fv_fade 3.0s infinite; animation-delay: 0s;}
#fv #fv_in .fv_tit2 h3 strong.fv_h4_02 span{ animation: fv_fade 3.0s infinite; animation-delay: 1.5s;}
@keyframes fv_glitch{
0% { 
opacity: 0;
transform: translate3d(calc(-1 * 10px),-50%,-50%) scale3d(-1,-1,1);
clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
}
4% {
opacity: 1.0;
clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
}
8% {
clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
}
10% {
clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
}
12% {
clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
}
14% {
clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
}
16% {
clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
}
18% {
clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
}
20% {
transform: translate3d(calc(-1 * 10px),-50%,-50%) scale3d(-1,-1,1);
}
21%, 100% {
opacity: 1.0;
transform: translate3d(0,-50%,-50%) scale3d(1,1,1);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
}
@keyframes fv_fade{
0%{ opacity: 1.0;}
5%{ filter: blur(8px); transform: translateX(0.1em) translateY(0.1em);}
10%{ filter: blur(2px); transform: translateX(-0.05em) translateY(-0.05em);}
15%{ filter: blur(0px); transform: translateX(0em) translateY(0em);}
50%{ opacity: 1.0;}
51%{ opacity: 0;}
100%{ opacity: 0;}
}



/*camp*/
#camp{ padding-bottom: 0;}
/*bxslide設定*/
#camp .bx-wrapper .bx-viewport{ box-shadow:rgba(0, 0, 0, 0.5) 0 0 10px 5px;}
#camp .bx-wrapper .bx-pager{ position: static; margin-top: 16px;}
#camp .bx-wrapper .bx-controls-direction a{ display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: #0a141e; color: #fff; position: absolute; top: calc(50% - 16px); transform: translateY(-50%); font-size:1.2rem; z-index: 3; transition: 0.3s;}
#camp .bx-wrapper .bx-controls-direction a:hover{ background: #d19564; transform: translateY(-50%) scale(1.33);}
#camp .bx-wrapper .bx-controls-direction a.bx-prev{ left: -24px;}
#camp .bx-wrapper .bx-controls-direction a.bx-next{ right: -24px;}
#camp .bx-wrapper .bx-pager.bx-default-pager a{ background: #fff; width: 16px; height: 16px; margin: 0 8px;}
#camp .bx-wrapper .bx-pager.bx-default-pager a:hover,
#camp .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #d19564;}
@media screen and (max-width:767px){
#camp .bx-wrapper .bx-pager{ margin-top: 2.5vw;}
#camp .bx-wrapper .bx-controls-direction a{ width: 7.5vw; height: 7.5vw; top: calc(50% - 2.5vw); font-size: 1rem;}
#camp .bx-wrapper .bx-controls-direction a:hover{ transform: translateY(-50%) scale(1.0);}
#camp .bx-wrapper .bx-controls-direction a.bx-prev{ left: -3.75vw;}
#camp .bx-wrapper .bx-controls-direction a.bx-next{ right: -3.75vw;}
#camp .bx-wrapper .bx-pager.bx-default-pager a{ width: 2.5vw; height: 2.5vw; margin: 0 1.25vw;}
}



/*news*/
#news_list ul{ display: flex; flex-wrap: wrap;}
#news_list ul li{ /*width: calc(33.33% - 20px); margin: 10px;*/ padding: 10px;}
#news_list ul li a{ display: block; border: 1px solid #fff; padding: 10px; transition: 0.3s;}
#news_list ul li a:hover{ transform: rotate(2.5deg)}
#news_list ul li a dl{ background: #0a141e; padding: 10px;}
#news_list ul li dl dt{ margin-bottom: 10px;}
#news_list ul li dl dt img{ width: 280px; aspect-ratio: 280 / 160; object-fit: cover;}
#news_list ul li .date_cat{ margin: 10px auto; display: flex; justify-content: space-between; position: relative;}
#news_list ul li .date_cat .date{ background: #fff; color: #0a141e; font-size: 0.8rem; line-height: 1em; font-weight: bold; padding: 0.25em 0.5em 0;}
#news_list ul li .date_cat .cat{ font-size: 0.8rem; line-height: 1em; font-weight: bold; padding: 0.25em 0 0;}
#news_list ul li p.txt{ font-size: 0.8rem; line-height: 1.5em; margin: 0; height: 3em; overflow: hidden;}
#news_list figure.view_all{ display: flex; align-items: center; justify-content: center; height: 48px;}
#news_list figure.view_all a{ display: inline-block; font-size: 1rem; font-weight: bold; position: relative;}
#news_list figure.view_all a i{ margin-left: 0.5em;}
#news_list figure.view_all a:after{ content: ""; width: 0; height: 1px; background: #fff; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; transition: 0.3s;}
#news_list figure.view_all a:hover:after{ width: 100%;}
@media screen and (max-width:767px){
#news_list ul{ display: flex; flex-wrap: wrap;}
#news_list ul li{ padding: 1.875vw;}
#news_list ul li a{ padding: 2.5%;}
#news_list ul li a dl{ padding: 2.5%;}
#news_list ul li dl dt{ margin-bottom: 2.5%;}
#news_list ul li dl dt img{ width: 100%;}
#news_list ul li .date_cat{ margin: 2.5% auto;}
#news_list ul li .date_cat .date{ font-size: 0.8rem;}
#news_list ul li .date_cat .cat{ font-size: 0.8rem;}
#news_list ul li p.txt{ font-size: 0.8rem;}
#news_list figure.view_all{ height: 7.5vw;}
#news_list figure.view_all a{ font-size: 1rem;}
}

/*bxslide設定*/
#news_list .bx-wrapper .bx-pager{ position: static; margin-top: 16px;}
#news_list .bx-wrapper .bx-controls-direction a{ display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: #0a141e; color: #fff; position: absolute; top: auto; bottom: -48px; transform: none; font-size:1.2rem; z-index: 3; transition: 0.3s;}
#news_list .bx-wrapper .bx-controls-direction a:hover{ background: #d19564; transform: scale(1.1);}
#news_list .bx-wrapper .bx-controls-direction a.bx-prev{ left: 0;}
#news_list .bx-wrapper .bx-controls-direction a.bx-next{ right: 0;}
#news_list .bx-wrapper .bx-pager.bx-default-pager{ display: none;}
@media screen and (max-width:767px){
#news_list .bx-wrapper .bx-pager{ margin-top: 2.5vw;}
#news_list .bx-wrapper .bx-controls-direction a{ width: 7.5vw; height: 7.5vw; bottom: -7.5vw; font-size: 1rem;}
#news_list .bx-wrapper .bx-controls-direction a:hover{ transform: scale(1.0);}
#news_list .bx-wrapper .bx-controls-direction a.bx-prev{ left: 0;}
#news_list .bx-wrapper .bx-controls-direction a.bx-next{ right: 0;}
#news_list .bx-wrapper .bx-pager.bx-default-pager a{ width: 2.5vw; height: 2.5vw; margin: 0 1.25vw;}
}

/*news2*/
#news_list2 ul{ display: flex; flex-wrap: wrap;}
#news_list2 ul li{ width: 33.33%; margin: 0; padding: 10px;}
#news_list2 ul li a{ display: block; border: 1px solid #fff; padding: 10px; transition: 0.3s;}
#news_list2 ul li a:hover{ transform: rotate(2.5deg)}
#news_list2 ul li a dl{ background: #0a141e; padding: 10px;}
#news_list2 ul li dl dt{ margin-bottom: 10px;}
#news_list2 ul li dl dt img{ width: 280px; aspect-ratio: 280 / 160; object-fit: cover;}
#news_list2 ul li .date_cat{ margin: 10px auto; display: flex; justify-content: space-between; position: relative;}
#news_list2 ul li .date_cat .date{ background: #fff; color: #0a141e; font-size: 0.8rem; line-height: 1em; font-weight: bold; padding: 0.25em 0.5em 0;}
#news_list2 ul li .date_cat .cat{ font-size: 0.8rem; line-height: 1em; font-weight: bold; padding: 0.25em 0 0;}
#news_list2 ul li p.txt{ font-size: 0.8rem; line-height: 1.5em; margin: 0; height: 3em; overflow: hidden;}
@media screen and (max-width:767px){
#news_list2 ul li{ width: 50%; margin: 0; padding: 1.25vw;}
#news_list2 ul li a{ padding: 2.5%;}
#news_list2 ul li a dl{ padding: 2.5%;}
#news_list2 ul li dl dt{ margin-bottom: 2.5%;}
#news_list2 ul li dl dt img{ width: 100%;}
#news_list2 ul li .date_cat{ margin: 5% auto;}
#news_list2 ul li .date_cat .date{ font-size: 0.7rem;}
#news_list2 ul li .date_cat .cat{ font-size: 0.7rem;}
#news_list2 ul li p.txt{ font-size: 0.7rem; height: 4.5em;}
}



/*artist*/
#artist_list{ margin-bottom: 100px;}
#artist_list .bx-wrapper .bx-viewport{ box-shadow:rgba(0, 0, 0, 0.5) 0 0 10px 5px;}
#artist_list .artist_box:before{ content: ""; width: 0; height: 0; border-style: solid; border-width: 40px 40px 0px 0px; border-color: #0a141e transparent transparent transparent; position: absolute; left: 0; top: 0; z-index: 3;}
#artist_list .artist_box:after{ content: ""; width: 0; height: 0; border-style: solid; border-width: 0px 0px 40px 40px; border-color: transparent transparent #0a141e transparent; position: absolute; right: 0; bottom: 0; z-index: 3;}

#artist_list .artist_box{ background: #fff; color: #0a141e; padding: 20px 40px;}
#artist_list .artist_box .artist_box_in{ display: flex; align-items: center; position: relative;}
#artist_list .artist_box .artist_box_in .artist_img{ width: 320px; text-align: center;}
#artist_list .artist_box .artist_box_in .artist_img video{ width: 100%;}
#artist_list .artist_box .artist_box_in .artist_info{ width: 580px; margin-left: 20px;}
#artist_list .artist_box .artist_box_in .artist_info h4{ display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 20px;}
#artist_list .artist_box .artist_box_in .artist_info h4 strong{ font-size: 4rem; line-height: 1em; font-weight: 900;}
#artist_list .artist_box .artist_box_in .artist_info h4 span{ font-size: 1.6rem; line-height: 1em;}
#artist_list .artist_box .artist_box_in .artist_info .sns{ display: flex; align-items: center; justify-content: center;}
#artist_list .artist_box .artist_box_in .artist_info .sns a{ font-size: 1rem; line-height: 1em; font-weight: bold; margin: 0 0.5em; transition: 0.3s;}
#artist_list .artist_box .artist_box_in .artist_info .sns a i{ margin-right: 0.25em;}
#artist_list .artist_box .artist_box_in .artist_info .sns a:hover{ color: #d19564;}
#artist_list .artist_box .artist_box_in .artist_info .txt{ margin-top: 40px; padding: 0; position: relative;}
#artist_list .artist_box .artist_box_in .artist_info .txt h5{ display: flex; align-items: center; justify-content: center; background: #000; color: #fff; padding: 5px; margin-bottom: 10px;}
#artist_list .artist_box .artist_box_in .artist_info .txt h5 strong{ font-size: 1.2rem;}
#artist_list .artist_box .artist_box_in .artist_info .txt h5 span{ font-size: 1rem; margin-left: 1em;}
#artist_list .artist_box .artist_box_in .artist_info .txt p{ text-align: center; font-size: 1rem; margin: 0;}
#artist_list .artist_box .artist_box_in .artist_info .txt hr{ width: 100%; height: 0; border: none; border-top: 1px solid #000; margin: 20px auto;}
#artist_list .artist_box .artist_box_in .artist_info .txt ul{ display: flex; justify-content: center; text-align: center; font-size: 0.8rem;}
#artist_list .artist_box .artist_box_in .artist_info .txt ul li{ display: flex; flex-direction: column; margin: 0 1em;}
#artist_list .artist_box .artist_box_in .artist_info .txt ul li strong{ border-bottom: 1px solid #000;}
/*
#artist_list .artist_box .artist_box_in .artist_info .txt:before{ content: ""; width: 30px; height: 60px; border-left: 4px solid #0a141e; border-top: 4px solid #0a141e; position: absolute; left: 0; top: 0;}
#artist_list .artist_box .artist_box_in .artist_info .txt:after{ content: ""; width: 30px; height: 60px; border-right: 4px solid #0a141e; border-bottom: 4px solid #0a141e; position: absolute; right: 0; bottom: 0;}
*/
/*bxslide設定*/
#artist_list .bx-wrapper .bx-viewport{ box-shadow:rgba(0, 0, 0, 0.5) 0 0 10px 5px;}
#artist_list .bx-wrapper .bx-pager{ position: static; margin-top: 16px;}
#artist_list .bx-wrapper .bx-controls-direction a{ display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: #0a141e; color: #fff; position: absolute; top: auto; bottom: -26px; transform: none; font-size:1.2rem; z-index: 3; transition: 0.3s;}
#artist_list .bx-wrapper .bx-controls-direction a:hover{ background: #d19564; transform: scale(1.1);}
#artist_list .bx-wrapper .bx-controls-direction a.bx-prev{ left: 0;}
#artist_list .bx-wrapper .bx-controls-direction a.bx-next{ right: 0;}
#artist_list .bx-wrapper .bx-pager.bx-default-pager a{ background: #fff; width: 16px; height: 16px; margin: 0 8px;}
#artist_list .bx-wrapper .bx-pager.bx-default-pager a:hover,
#artist_list .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #d19564;}
@media screen and (max-width:767px){
#artist_list{ margin-bottom: 15%;}
#artist_list .artist_box:before{ border-width: 5vw 5vw 0px 0px;}
#artist_list .artist_box:after{ border-width: 0px 0px 5vw 5vw;}

#artist_list .artist_box{ padding: 5%;}
#artist_list .artist_box .artist_box_in{ display: block;}
#artist_list .artist_box .artist_box_in .artist_img{ width: 100%; margin: auto;}
#artist_list .artist_box .artist_box_in .artist_img img{ height: 75vw}
#artist_list .artist_box .artist_box_in .artist_img video{ width: auto; height: 75vw;}
#artist_list .artist_box .artist_box_in .artist_info{ width: 100%; margin:0 auto;}
#artist_list .artist_box .artist_box_in .artist_info h4{ margin-bottom: 5%;}
#artist_list .artist_box .artist_box_in .artist_info h4 strong{ font-size: 2.8rem;}
#artist_list .artist_box .artist_box_in .artist_info h4 span{ font-size: 1.4rem;}
#artist_list .artist_box .artist_box_in .artist_info .sns{ justify-content: space-between;}
#artist_list .artist_box .artist_box_in .artist_info .sns a{ font-size: 0.9rem; margin: 0;}
#artist_list .artist_box .artist_box_in .artist_info .txt{ margin-top: 5%; padding: 0;}
#artist_list .artist_box .artist_box_in .artist_info .txt h5{ padding: 1.25vw; margin-bottom: 2.5%;}
#artist_list .artist_box .artist_box_in .artist_info .txt h5 strong{ font-size: 1rem;}
#artist_list .artist_box .artist_box_in .artist_info .txt h5 span{ font-size: 0.8rem; margin-left: 1em;}
#artist_list .artist_box .artist_box_in .artist_info .txt p{ font-size: 0.9rem; line-height: 1.75em;}
#artist_list .artist_box .artist_box_in .artist_info .txt hr{ margin: 3.75% auto;}
#artist_list .artist_box .artist_box_in .artist_info .txt ul{ justify-content: space-between; font-size: 0.8rem;}
#artist_list .artist_box .artist_box_in .artist_info .txt ul li{ margin: 0;}
/*
#artist_list .artist_box .artist_box_in .artist_info .txt:before{ width: 3.75vw; height: 7.5vw;}
#artist_list .artist_box .artist_box_in .artist_info .txt:after{ width: 3.75vw; height: 7.5vw;}
*/
/*bxslide設定*/
#artist_list .bx-wrapper .bx-pager{ margin-top: 3.75vw;}
#artist_list .bx-wrapper .bx-controls-direction a{ width: 7.5vw; height: 7.5vw; bottom: -2.5vw; font-size:1.2rem;}
#artist_list .bx-wrapper .bx-controls-direction a:hover{ transform: scale(1.0);}
#artist_list .bx-wrapper .bx-pager.bx-default-pager a{ width: 2.5vw; height: 2.5vw; margin: 0 1.25vw;}
}


/*creator*/
#creator_list ul{ display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin: -10px 0 -10px -10px;}
#creator_list ul li{ width: calc(20% - 20px); margin: 10px;}
#creator_list ul li figure img{ border: 4px solid #fff; margin-bottom: 10px;}
#creator_list ul li h4{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: #fff; color: #0a141e; font-size: 0.7rem; line-height: 1.5em; letter-spacing: 0; padding: 0.25em 0.25em 0;}
#creator_list ul li h4 span{ width: 100%;}
#creator_list ul li h4 strong{ width: 100%; border-top: 1px solid #0a141e;}
#creator_list ul li .sns{ display: flex; align-items: center; justify-content: center; margin-top: 5px;}
#creator_list ul li .sns i{ margin: 0 0.5em; font-size: 1rem; line-height: 1em;}
#creator_list ul li .sns a{ transition: 0.3s;}
#creator_list ul li .sns a:hover{ transform: scale(1.2);}
@media screen and (max-width:767px){
#creator_list ul{ width: calc(100% + 1.875vw); margin: -0.9375vw 0 -0.9375vw -0.9375vw;}
#creator_list ul li{ width: calc(33.33% - 1.875vw); margin: 0.9375vw;}
#creator_list ul li figure img{ margin-bottom: 2.5%;}
#creator_list ul li h4{ display: flex; flex-direction: column; font-size: 0.6rem;}
#creator_list ul li .sns{ margin-top: 2.5%;}
#creator_list ul li .sns i{ font-size: 1rem;}
#creator_list ul li .sns a:hover{ transform: scale(1.0);}
}

/*corporate*/
#corporate_list ul{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: calc(100% + 20px); margin: -10px 0 -10px -10px;}
#corporate_list ul li{ margin: 10px;}
#corporate_list ul li a{ display: block; transition: 0.3s;}
#corporate_list ul li a:hover{ opacity: 0.7;}
@media screen and (max-width:767px){
#corporate_list ul{ width: calc(100% + 1.875vw); margin: -0.9375vw 0 -0.9375vw -0.9375vw;}
#corporate_list ul li{ width: calc(50% - 1.875vw); margin: 0.9375vw;}
#corporate_list ul li img{ width: 100%;}
}





/*pages*/
/*about*/
/*message*/
#about .message p{ text-align: center; font-size: 1.2rem; font-weight: 700; line-height: 2em; letter-spacing: 0.1em; font-style: italic; margin: 40px auto;}
#about .message p.sign{ line-height: 1.5em; border-top: 1px solid #fff; padding-top: 40px; margin-top: 40px;}
@media screen and (max-width:767px){
#about .message p{ text-align: justify; font-size: 1.0rem; line-height: 2em; letter-spacing: 0; margin: 7.5% auto;}
#about .message p.sign{ text-align: right;line-height: 1.5em; padding-top: 7.5%; margin-top: 7.5%;}
}

/*ins_img*/
#about .ins_img{ margin: 60px auto 100px; height: 210px; position: relative;}
#about .ins_img .ins_img01{ position: absolute; left: calc(420px * -6); top: 0;}
#about .ins_img .ins_img02{ position: absolute; left: 0; top: 0;}
#about .ins_img .ins_img03{ position: absolute; left: calc(420px * 6); top: 0;}
#about .ins_img ul{ display: flex; width: calc(420px * 6);}
#about .ins_img ul li{ width: 400px; margin: 0 10px;}
#about .ins_img ul li img{ height: 210px; width: 100%; transform: rotate(5deg);}
@media screen and (max-width:767px){
#about .ins_img{ margin: 10% auto 15%; height: 25vw;}
#about .ins_img .ins_img01{ left: calc(50vw * -6);}
#about .ins_img .ins_img03{ left: calc(50vw * 6);}
#about .ins_img ul{ width: calc(50vw * 6);}
#about .ins_img ul li{ width: 47.5vw; margin: 0 1.25vw;}
#about .ins_img ul li img{ height: 25vw;}
}
/*loop*/
#about .ins_img{ animation: loop-img 18s linear infinite;}
@media screen and (max-width:767px){
#about .ins_img{ animation: loop-img_smp 12s linear infinite;}
}
@keyframes loop-img{
from{ transform: translateX(0);}
to{ transform: translateX(calc(420px * -6));}
}
@keyframes loop-img_smp{
from{ transform: translateX(0);}
to{ transform: translateX(calc(50vw * -6));}
}

/*vission*/
#about .vission{ position: relative;}
#about .vission figure.ill01{ width: 240px; position: absolute; right: 40px; top: 140px; opacity: 0.1;}
#about .vission figure.ill02{ width: 320px; position: absolute; right: 40px; bottom: 0;}
#about .vission p{ font-size: 1rem; font-weight: 700; letter-spacing: 0.1em;}
@media screen and (max-width:767px){
#about .vission figure.ill01{ width: 33.33vw; right: 0; top: 15vw;}
#about .vission figure.ill02{ width: 22.5vw; right: 2.5vw; bottom: -10vw;}
#about .vission p{ text-align: justify; font-size: 0.9rem; letter-spacing: 0;}
}
#about .vission figure.ill01 img{ position: relative; animation: vission-ill01 2.0s ease-in-out infinite;}
@keyframes vission-ill01{
0%{ top: 0; filter: blur(2px);}
50%{ top: 20px; filter: blur(4px);}
100%{ top: 0; filter: blur(2px);}
}

/*mola_list*/
#about .mola_list{ border: 1px solid #fff; padding: 40px; margin: 40px auto;}
#about .mola_list h4{ text-align: center; background: #fff; color: #0a141e; font-size: 1.5rem; font-weight: 900; padding: 0.5em 0.5em 0.33em; margin-bottom: 40px;}
#about .mola_list ul{ display: flex; width: calc(100% + 40px); margin-left: -20px;}
#about .mola_list ul li{ width: calc(33.33% - 40px); margin: 0 20px;}
#about .mola_list ul li figure{ margin-bottom: 20px;}
#about .mola_list ul li h5{ text-align: center; font-size: 0.9rem; line-height: 1.5em; font-weight: 700;}
#about .mola_list ul li strong{ display: block; font-size: 1.33em; line-height: 1.5em; font-weight: 900; margin-bottom: 0.33em;}
#about .mola_list ul li strong span{ display: inline-block; background: #fff; color: #0a141e; padding: 0.125em 0.25em 0; margin-right: 0.25em;}
@media screen and (max-width:767px){
#about .mola_list{ padding: 3.75%; margin: 7.5% auto;}
#about .mola_list h4{ font-size: 1.25rem; letter-spacing: 0; padding: 0.5em 0 0.33em; margin-bottom: 5%;}
#about .mola_list ul{ display: block; width: 100%; margin: 0 auto;}
#about .mola_list ul li{ width: 100%; margin: 7.5% auto 0; display: flex;}
#about .mola_list ul li:nth-child(2n){ flex-direction: row-reverse;}
#about .mola_list ul li figure{ width: 33.33%; margin: 0 auto;}
#about .mola_list ul li h5{ width: 66.66%; font-size: 0.9rem;}
#about .mola_list ul li strong{ font-size: 1.2rem;}
#about .mola_list ul li strong span{ display: inline-block; background: #fff; color: #0a141e; padding: 0.125em 0.25em 0; margin-right: 0.25em;}
}



/*guideline*/
#guideline p.lead{ text-align: center; font-size: 1rem;}
#guideline h4{ margin: 2em auto 1em; border-bottom: 1px solid #fff; font-size: 1rem;}
#guideline .list p{ font-size: 0.9rem;}
#guideline .list ul li{ font-size: 0.9rem; line-height: 1.5em; padding-left: 1.25em; margin-bottom: 0.5em; position: relative;}
#guideline .list ul li:before{ content: "・"; line-height: 1.5em; position: absolute; left: 0; top: 0;}
#guideline .list ol li{ font-size: 0.9rem; line-height: 1.5em; padding-left: 1.25em; margin-bottom: 0.5em; position: relative;}
#guideline .list ol li span{ line-height: 1.5em; position: absolute; left: 0; top: 0;}
@media screen and (max-width:767px){
#guideline p.lead{ text-align: justify; font-size: 0.9rem;}
#guideline h4{ font-size: 0.9rem;}
#guideline .list p{ font-size: 0.8rem;}
#guideline .list ul li{ font-size: 0.8rem;}
}



/*audition*/
#audition figure.img{ margin: 40px auto;}
#audition p.comingsoon{ font-size: 2rem; font-weight: bold; letter-spacing: 0.1em; text-align: center; text-decoration: underline;}
#audition p{ font-size: 1rem;}
#audition .list ul li{ font-size: 1rem; line-height: 1.5em; padding: 0.5em 0.5em 0.5em 2em; position: relative; border-bottom: 1px solid #fff;}
#audition .list ul li:first-child{ border-top: 1px solid #fff;}
#audition .list ul li i{ line-height: 1.5em; position: absolute; left: 0.5em; top: 0.5em;}
#audition .qa_list{ margin: 40px;}
#audition .qa_list dl{ margin: 20px auto;}
#audition .qa_list dl dt{ background: #fff; color: #0a141e; font-size: 1.2rem; line-height: 1.25em; font-weight: 700; padding: 0.5em 2.5em 0.33em 2.5em; position: relative; cursor: pointer;}
#audition .qa_list dl dt:before{ content: "Q."; position: absolute; left: 1em; top: 0.5em;}
#audition .qa_list dl dt span{ width: 1em; height: 1em; position: absolute; right: 1em; top: 50%; transform: translateY(-50%);}
#audition .qa_list dl dt span:before{ content: ""; width: 100%; height: 2px; background: #0a141e; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
#audition .qa_list dl dt span:after{ content: ""; width: 100%; height: 2px; background: #0a141e; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(90deg); transition: 0.3s;}
#audition .qa_list dl dt.active span:after{ transform: translateX(-50%) translateY(-50%) rotate(0deg); opacity: 0;}
#audition .qa_list dl dd{ display: none; padding: 20px; border-bottom: 1px solid #fff;}
#audition .qa_list dl dd.active{ display: block;}
#audition .qa_list dl dd p{ font-size: 0.9rem; line-height: 1.5em;}
@media screen and (max-width:767px){
#audition figure.img{ margin: 7.5% auto;}
#audition p.comingsoon{ font-size: 1.6rem;}
#audition p{ font-size: 0.9rem;}
#audition .list ul li{ font-size: 0.9rem;}
#audition .qa_list{ margin: 7.5% auto;}
#audition .qa_list dl{ margin: 5% auto;}
#audition .qa_list dl dt{ font-size: 0.9rem;}
#audition .qa_list dl dd{ padding: 3.75%;}
#audition .qa_list dl dd p{ font-size: 0.8rem;}
}



/*contact*/
/*form-parts*/
.wpcf7-not-valid-tip{ font-size: 0.6em; display: block; text-align: right;}
.wpcf7-character-count{ font-size: 0.6em; display: block; text-align: right;}
.wpcf7 form .wpcf7-response-output{ font-size: 0.6rem;}
.wpcf7-not-valid-tip{ color: #ffb900 !important;}
::placeholder{ color: #aaa; line-height: 1.25em;}
::-ms-input-placeholder{ color: #aaa; line-height: 1.25em;}
input[type=submit], button{ -webkit-appearance: none;}
input, textarea, select, button{ width:100%; padding: 0.5em; font-size: 1rem; line-height: 1.25em; box-sizing: border-box; outline: none; border: none;  color:#0a141e; font-family: YakuHanJP, "Montserrat", "Noto Sans JP", sans-serif; vertical-align: bottom;}
textarea{ text-align: left; height: 10em; font-weight: normal;}
input[type=radio],
input[type=checkbox]{ width: auto; padding: 0;}

/*form*/
p.form_txt{ text-align: center; margin: 40px auto;}

form table{ width: 100%; font-size: 1rem; border-collapse: separate; border-spacing: 8px;}
form table th{ width: 300px; padding: 10px; color: #fff; vertical-align: middle;}
form table th span{ float: right; font-size: 0.6rem; background: #d19564; color: #fff; padding: 0.125em 0.25em 0; margin-top: 0.4em;}
form table td{ padding: 0; vertical-align: middle;}
form table td input,
form table td textarea{ background: #fff;}

form .pv_check{ text-align: center; margin: 40px 0 40px 240px;}
form .pv_check p{ font-size: 0.8rem !important;}
form .pv_check p a{ text-decoration: underline;}
form .pv_check p a:hover{ text-decoration: none;}

.submit_btn{ text-align: center; margin-left: 240px;}
.submit_btn input{ display: flex; align-items: center; justify-content: center; width: 100%; height: 80px; margin: auto; border: 2px solid #fff; background: none; color: #fff; padding: 0.25em 1em 0; font-size: 1.6rem; letter-spacing: 0.1em; font-weight: bold; cursor: pointer; transition: 0.3s;}
.submit_btn input:hover{ background: #fff; color: #0a141e;}
.submit_btn p{ font-size: 0.8rem; margin-top: 1em;}
.submit_btn p a{ text-decoration: underline;}
@media screen and (max-width:767px){
p.form_txt{ text-align: justify; font-size: 0.9rem; margin: 5% auto;}

form table{ border-collapse: collapse; border-spacing: 0; font-size: 0.9rem;}
form table th{ display: block; width: 100%; padding: 2.5% 2.5% 1.25%;}
form table td{ display: block; width: 100%; padding: 0 2.5% 7.5%;}
form table tr:last-child td{ padding-bottom: 0;}

form .pv_check{ text-align: justify; margin: 7.5% 0;}
form .pv_check p{ font-size: 0.7rem !important;}

.submit_btn{ margin: 7.5% auto 0;}
.submit_btn input{ width: 100%; height: 12.5vw; font-size: 1.2rem;}
}



/*pv*/
#pv h3{ margin: 3em auto 0.5em; border-bottom: 1px solid #fff;}
#pv p{ font-size: 0.9rem;}
@media screen and (max-width:767px){
#pv p{ font-size: 0.8rem;}
}





/*post*/
/*news*/
#news_post .tit span.date{ display: flex; align-items: center; justify-content: center; padding: 0.25em 0.5em 0.125em; background: #fff; color: #0a141e; font-size: 1rem; line-height: 1em; letter-spacing: 0.1em; font-weight: bold; margin-bottom: 0.5em;}
#news_post .tit h3{ font-size: 1.5rem; border-bottom: 2px solid #fff; padding: 0.5em 0 0.5em; margin-bottom: 40px;}
#news_post p{ font-size: 1rem;}
#news_post figure{ margin: 40px auto;}
#news_post figure img{ border: 8px solid #fff;}
@media screen and (max-width:767px){
#news_post .tit span.date{ font-size: 0.9rem;}
#news_post .tit h3{ font-size: 1.2rem; margin-bottom: 5%;}
#news_post p{ font-size: 0.9rem;}
#news_post figure{ margin: 5% auto;}
#news_post figure img{ border: 1.25vw solid #fff;}
}

/*creator_post*/
#creator_post .tit span.date{ display: flex; align-items: center; justify-content: center; padding: 0.25em 0.5em 0.125em; background: #fff; color: #0a141e; font-size: 1rem; line-height: 1em; letter-spacing: 0.1em; font-weight: bold; margin-bottom: 0.5em;}
#creator_post .tit h3{ text-align: center; font-size: 1.5rem; border-bottom: 2px solid #fff; padding: 0.5em 0 0.5em; margin-bottom: 40px;}
#creator_post p{ font-size: 1rem;}
#creator_post figure{ margin: 40px auto;}
#creator_post figure img{ border: 8px solid #fff;}
#creator_post h4{ display: flex; align-items: center; justify-content: center; background: #fff; color: #0a141e; font-size: 0.8rem; letter-spacing: 0; padding: 0.25em 0.25em 0;}
#creator_post h4 strong:before{ content: "|"; margin: 0 0.5em;}
#creator_post .sns{ display: flex; align-items: center; justify-content: center; margin-top: 5px;}
#creator_post .sns i{ margin: 0 0.5em; font-size: 1rem; line-height: 1em;}
#creator_post .sns a{ transition: 0.3s;}
#creator_post .sns a:hover{ transform: scale(1.2);}
@media screen and (max-width:767px){
#creator_post .tit span.date{ font-size: 0.9rem;}
#creator_post .tit h3{ font-size: 1.2rem; margin-bottom: 5%;}
#creator_post p{ font-size: 0.9rem;}
#creator_post figure{ margin: 5% auto;}
#creator_post figure img{ border: 1.25vw solid #fff;}
#creator_post h4{ display: flex; flex-direction: column; font-size: 0.66rem;}
#creator_post h4 span{ border-bottom: 1px solid #0a141e;}
#creator_post h4 strong:before{ display: none;}
#creator_post .sns{ margin-top: 2.5%;}
#creator_post .sns i{ font-size: 1rem;}
#creator_post .sns a:hover{ transform: scale(1.0);}
}

/*artist_post*/
#artist_post .tit span.date{ display: flex; align-items: center; justify-content: center; padding: 0.25em 0.5em 0.125em; background: #fff; color: #0a141e; font-size: 1rem; line-height: 1em; letter-spacing: 0.1em; font-weight: bold; margin-bottom: 0.5em;}
#artist_post .tit h3{ text-align: center; font-size: 1.5rem; border-bottom: 2px solid #fff; padding: 0.5em 0 0.5em; margin-bottom: 40px;}

#artist_post .artist_box:before{ content: ""; width: 0; height: 0; border-style: solid; border-width: 40px 40px 0px 0px; border-color: #0a141e transparent transparent transparent; position: absolute; left: 0; top: 0; z-index: 3;}
#artist_post .artist_box:after{ content: ""; width: 0; height: 0; border-style: solid; border-width: 0px 0px 40px 40px; border-color: transparent transparent #0a141e transparent; position: absolute; right: 0; bottom: 0; z-index: 3;}

#artist_post .artist_box{ background: #fff; color: #0a141e; padding: 20px 40px;}
#artist_post .artist_box .artist_box_in{ display: flex; align-items: center; position: relative;}
#artist_post .artist_box .artist_box_in .artist_img{ width: 320px; text-align: center;}
#artist_post .artist_box .artist_box_in .artist_img video{ width: 100%;}
#artist_post .artist_box .artist_box_in .artist_info{ width: 580px; margin-left: 20px;}
#artist_post .artist_box .artist_box_in .artist_info h4{ display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 20px;}
#artist_post .artist_box .artist_box_in .artist_info h4 strong{ font-size: 4rem; line-height: 1em; font-weight: 900;}
#artist_post .artist_box .artist_box_in .artist_info h4 span{ font-size: 1.6rem; line-height: 1em;}
#artist_post .artist_box .artist_box_in .artist_info .sns{ display: flex; align-items: center; justify-content: center;}
#artist_post .artist_box .artist_box_in .artist_info .sns a{ font-size: 1rem; line-height: 1em; font-weight: bold; margin: 0 0.5em; transition: 0.3s;}
#artist_post .artist_box .artist_box_in .artist_info .sns a i{ margin-right: 0.25em;}
#artist_post .artist_box .artist_box_in .artist_info .sns a:hover{ color: #d19564;}
#artist_post .artist_box .artist_box_in .artist_info .txt{ margin-top: 40px; padding: 0; position: relative;}
#artist_post .artist_box .artist_box_in .artist_info .txt h5{ display: flex; align-items: center; justify-content: center; background: #000; color: #fff; padding: 5px; margin-bottom: 10px;}
#artist_post .artist_box .artist_box_in .artist_info .txt h5 strong{ font-size: 1.2rem;}
#artist_post .artist_box .artist_box_in .artist_info .txt h5 span{ font-size: 1rem; margin-left: 1em;}
#artist_post .artist_box .artist_box_in .artist_info .txt p{ text-align: center; font-size: 1rem; margin: 0;}
#artist_post .artist_box .artist_box_in .artist_info .txt hr{ width: 100%; height: 0; border: none; border-top: 1px solid #000; margin: 20px auto;}
#artist_post .artist_box .artist_box_in .artist_info .txt ul{ display: flex; justify-content: center; text-align: center; font-size: 0.8rem;}
#artist_post .artist_box .artist_box_in .artist_info .txt ul li{ display: flex; flex-direction: column; margin: 0 1em;}
#artist_post .artist_box .artist_box_in .artist_info .txt ul li strong{ border-bottom: 1px solid #000;}
@media screen and (max-width:767px){
#artist_post .tit span.date{ font-size: 0.9rem;}
#artist_post .tit h3{ font-size: 1.2rem; margin-bottom: 5%;}

#artist_post .artist_box:before{ border-width: 5vw 5vw 0px 0px;}
#artist_post .artist_box:after{ border-width: 0px 0px 5vw 5vw;}
#artist_post .artist_box{ padding: 5%;}
#artist_post .artist_box .artist_box_in{ display: block;}
#artist_post .artist_box .artist_box_in .artist_img{ width: 100%; margin: auto;}
#artist_post .artist_box .artist_box_in .artist_img img{ height: 75vw}
#artist_post .artist_box .artist_box_in .artist_img video{ width: auto; height: 75vw;}
#artist_post .artist_box .artist_box_in .artist_info{ width: 100%; margin:0 auto;}
#artist_post .artist_box .artist_box_in .artist_info h4{ margin-bottom: 5%;}
#artist_post .artist_box .artist_box_in .artist_info h4 strong{ font-size: 2.8rem;}
#artist_post .artist_box .artist_box_in .artist_info h4 span{ font-size: 1.4rem;}
#artist_post .artist_box .artist_box_in .artist_info .sns{ justify-content: space-between;}
#artist_post .artist_box .artist_box_in .artist_info .sns a{ font-size: 0.9rem; margin: 0;}
#artist_post .artist_box .artist_box_in .artist_info .txt{ margin-top: 5%; padding: 0;}
#artist_post .artist_box .artist_box_in .artist_info .txt h5{ padding: 1.25vw; margin-bottom: 2.5%;}
#artist_post .artist_box .artist_box_in .artist_info .txt h5 strong{ font-size: 1rem;}
#artist_post .artist_box .artist_box_in .artist_info .txt h5 span{ font-size: 0.8rem; margin-left: 1em;}
#artist_post .artist_box .artist_box_in .artist_info .txt p{ font-size: 0.9rem; line-height: 1.75em;}
#artist_post .artist_box .artist_box_in .artist_info .txt hr{ margin: 3.75% auto;}
#artist_post .artist_box .artist_box_in .artist_info .txt ul{ justify-content: space-between; font-size: 0.8rem;}
#artist_post .artist_box .artist_box_in .artist_info .txt ul li{ margin: 0;}
}

/*campaign_post*/
#campaign_post .tit span.date{ display: flex; align-items: center; justify-content: center; padding: 0.25em 0.5em 0.125em; background: #fff; color: #0a141e; font-size: 1rem; line-height: 1em; letter-spacing: 0.1em; font-weight: bold; margin-bottom: 0.5em;}
#campaign_post .tit h3{ text-align: center; font-size: 1.5rem; border-bottom: 2px solid #fff; padding: 0.5em 0 0.5em; margin-bottom: 40px;}
@media screen and (max-width:767px){
#campaign_post .tit span.date{ font-size: 0.9rem;}
#campaign_post .tit h3{ font-size: 1.2rem; margin-bottom: 5%;}
}

/*release*/
#release_detail dl{ text-align:center; display:flex; align-items:center; justify-content:center;}
#release_detail dl dt{ width:50%;}
#release_detail dl dt img,
#release_detail dl dt iframe{ padding:8px; background:#fff; box-shadow:rgba(0,0,0,.2) 0 0 5px 2px;}
#release_detail dl dd{ width:50%; padding:20px; font-size:1rem; font-weight: bold;}
#release_detail dl dd span.date{ background:#fff; color:#000; padding:0.25em 0.5em; margin-left:0.5em; width:100%;}
#release_detail dl dd h4{ margin-top:0.5em; font-size:1.5rem; word-break: normal;}
#release_detail figure.linkcore_link{ text-align:center; margin:40px auto 0;}
#release_detail figure.linkcore_link a{ text-decoration:underline; font-size:1.2rem; font-weight:700; position:relative;}
#release_detail figure.linkcore_link a i{ margin-right:.5em;}
#release_detail figure.linkcore_link a:hover{ text-decoration:none;}
@media screen and (max-width:768px) {
#release_detail dl{ display:block;}
#release_detail dl dt{ width:100%;}
#release_detail dl dt img{ width:66.66%; padding:1.25vw;}
#release_detail dl dt iframe{ width:100%; padding:1.25vw;}
#release_detail dl dd{ width:100%; padding:0; margin-top:5%;}
#release_detail dl dd h4{ font-size:1.25rem;}
#release_detail figure{ margin:7.5% auto;}
#release_detail figure img{ padding:1.25vw;}
#release_detail figure.youtube_link{ margin:7.5% auto;}
}

/*movie*/
#movie_detail dl{ text-align:center; display:flex; flex-direction: column; align-items:center; justify-content:center;}
#movie_detail dl dt{ width:100%;}
#movie_detail dl dt img,
#movie_detail dl dt iframe{ padding:8px; background:#fff; box-shadow:rgba(0,0,0,.2) 0 0 5px 2px;}
#movie_detail dl dd{ width:100%; padding:20px; font-size:1rem; font-weight: bold;}
#movie_detail dl dd span.date{ background:#fff; color:#000; padding:0.25em 0.5em; margin-left:0.5em; width:100%;}
#movie_detail dl dd h4{ margin-top:0.5em; font-size:1.5rem; word-break: normal;}
#movie_detail figure.linkcore_link{ text-align:center; margin:40px auto 0;}
#movie_detail figure.linkcore_link a{ text-decoration:underline; font-size:1.2rem; font-weight:700; position:relative;}
#movie_detail figure.linkcore_link a i{ margin-right:.5em;}
#movie_detail figure.linkcore_link a:hover{ text-decoration:none;}
@media screen and (max-width:768px) {
#movie_detail dl{ display:block;}
#movie_detail dl dt{ width:100%;}
#movie_detail dl dt img{ width:66.66%; padding:1.25vw;}
#movie_detail dl dt iframe{ width:100%; padding:1.25vw;}
#movie_detail dl dd{ width:100%; padding:0; margin-top:5%;}
#movie_detail dl dd h4{ font-size:1.25rem;}
#movie_detail figure{ margin:7.5% auto;}
#movie_detail figure img{ padding:1.25vw;}
#movie_detail figure.youtube_link{ margin:7.5% auto;}
}




/*アーカイブ*/
/*release*/
.release_list ul{ display: flex; flex-wrap: wrap; gap: 20px;}
.release_list ul li{ width: calc(25% - 15px);}
.release_list ul li a{ display: block; border: none; box-shadow: rgba(0,0,0,.2) 0 0 5px 2px;}
.release_list ul li dl{ position:relative;}
.release_list ul li dl dd{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:rgba(0,0,0,.9); color:#fff; padding:20px; font-size:0.8rem; font-weight: bold; opacity:0; transition:.3s;}
.release_list ul li a:hover dd{ opacity:1.0;}
.release_list ul li dl dd span.date{ background:#fff; color:#1e2022; padding:0.25em; margin:0.25em auto; width:100%;}
.release_list ul li dl dd h4{ word-break: normal;}
@media screen and (max-width:767px){
.release_list ul{ gap: 4vw;}
.release_list ul li{ width: calc(50% - 2vw);}
.release_list ul li dl dd{ display: none;}
}

.release_list figure.view_all{ display: flex; align-items: center; justify-content: center; margin-top: 20px;}
.release_list figure.view_all a{ display: inline-block; font-size: 1rem; font-weight: bold; position: relative;}
.release_list figure.view_all a i{ margin-left: 0.5em;}
.release_list figure.view_all a:after{ content: ""; width: 0; height: 1px; background: #fff; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; transition: 0.3s;}
.release_list figure.view_all a:hover:after{ width: 100%;}
@media screen and (max-width:767px){
.release_list figure.view_all{ height: 7.5vw;}
.release_list figure.view_all a{ font-size: 1rem;}
}

/*movie*/
.movie_list ul{ display: flex; flex-wrap: wrap; gap: 18px;}
.movie_list ul li{ width: calc(33.33% - 12px);}
.movie_list ul li iframe{ display: block; border: none; box-shadow: rgba(0,0,0,.2) 0 0 5px 2px;}
@media screen and (max-width:767px){
.movie_list ul{ flex-direction: column; gap: 4vw;}
.movie_list ul li{ width: 100%;}
}

.movie_list figure.view_all{ display: flex; align-items: center; justify-content: center; margin-top: 20px;}
.movie_list figure.view_all a{ display: inline-block; font-size: 1rem; font-weight: bold; position: relative;}
.movie_list figure.view_all a i{ margin-left: 0.5em;}
.movie_list figure.view_all a:after{ content: ""; width: 0; height: 1px; background: #fff; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; transition: 0.3s;}
.movie_list figure.view_all a:hover:after{ width: 100%;}
@media screen and (max-width:767px){
.movie_list figure.view_all{ height: 7.5vw;}
.movie_list figure.view_all a{ font-size: 1rem;}
}





/*オプション的なモノ*/
/*前後の記事*/
.prev_next{ margin: 80px auto 0; border-top: 2px dotted #fff; border-bottom: 2px dotted #fff; padding: 20px 20px;}
.prev_next ul{ display: flex; justify-content: space-between; width: 100%; gap: 40px; position: relative;}
.prev_next ul:after{ content: ""; width: 1px; height: 100%; background: #fff; position: absolute; left: 0; right: 0; top: 0; margin: auto;}
.prev_next ul li{ width: calc(50% - 40px);}
.prev_next ul li:last-child{ text-align: right;}
.prev_next ul li span.date{ display: inline-block; padding: 0.25em 0.5em 0.125em; background: #fff; color: #0a141e; font-size: 0.8rem; line-height: 1em; letter-spacing: 0.1em; font-weight: bold; margin-bottom: 0.5em;}
.prev_next ul li p{ font-size: 0.9rem; line-height: 1.5em; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prev_next ul li a:hover{ text-decoration: underline;}
@media screen and (max-width:768px){
.prev_next{ margin: 10% auto 0; padding: 2.5vw;}
.prev_next ul{ display: block;}
.prev_next ul:after{ display: none;}
.prev_next ul li{ width: 100%; margin: 0 auto 2.5%;}
.prev_next ul li:last-child{ text-align: left; margin-bottom: 0;}
.prev_next ul li span.date{ display:block; text-align: center;}
.prev_next ul li p{ font-size: 0.8rem;}
.prev_next ul li p a{ text-decoration: underline;}
}


/*back_to_list*/
.back_to_list{ margin: 40px auto 0;}
.back_to_list a{ display: flex; align-items: center; justify-content: center; width: 100%; height: 80px; margin: auto; border: 2px solid #fff; background: none; color: #fff; padding: 0.25em 1em 0; font-size: 1.6rem; letter-spacing: 0.1em; font-weight: bold; cursor: pointer; transition: 0.3s;}
.back_to_list a:hover{ background: #fff; color: #0a141e;}
@media screen and (max-width:768px){
.back_to_list{ margin: 7.5% auto 0;}
.back_to_list a{ width: 100%; height: 12.5vw; font-size: 1.2rem;}
}


/*pagenav*/
.wp-pagenavi{ clear: both;}
.wp-pagenavi a, .wp-pagenavi span{ text-decoration: none; border: 1px solid #fff; padding: 0; margin: 0;}
.wp-pagenavi span.current{ font-weight: bold;}
/*pagenav_custom*/
.wp-pagenavi{ clear: both; text-align: center; margin: 40px auto 0;}
.wp-pagenavi a, .wp-pagenavi span{ text-decoration: none; border: 2px solid #fff; font-size: 1rem; line-height: 1em; padding: 0.5em 0.75em 0.25em; margin: 0 0.5em; transition: 0.3s;}
.wp-pagenavi a:hover, .wp-pagenavi span.current { background: #fff; color: #0a141e;}
@media screen and (max-width:767px){
.wp-pagenavi{ margin: 7.5% auto 0;}
.wp-pagenavi a, .wp-pagenavi span{ padding: 0.25em 0.33em; margin: 0 0.25em;}
}