/*  Top
=============================================== */

/* next
-------------------------------- */

#next.box .subttl { background-image:url(../img/top/subttl_next.png), url(../img/common/subttl_bg.jpg); }

.next-ttl { margin-bottom:0.5em; font-size:200%; line-height:130%; color:#4d71c5; }
.next-txt { width:600px; margin:auto; line-height:160%; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

.next-ttl { font-size:110%; }
.next-txt { width:auto; font-size:90%; }

}

/* premiermovie
-------------------------------- */

#premiermovie.box .subttl { background-image:url(../img/top/subttl_premiermovie.png), url(../img/common/subttl_bg.jpg); }

.prmv-ttl { margin-bottom:0.5em; font-size:200%; line-height:130%; color:#4d71c5; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

.prmv-ttl { font-size:110%; }

}


/* minogashi
-------------------------------- */

#minogashi.box .subttl { background-image:url(../img/top/subttl_minogashi.png), url(../img/common/subttl_bg.jpg); }

#minogashi-tver { width:600px; margin:auto; text-align:left; }
#minogashi-tver a { display:flex; padding:20px; background-color:#efefef; text-decoration:none; }
#minogashi-tver a:after {content:"";clear:both;display:block;}
#minogashi-tver a .mg-pic { display:flex; justify-content:center; align-items:center; width:119px; margin-right:20px; }
#minogashi-tver a .mg-pic i { display:block; width:119px; height:62px; background:url(../img/top/tver.png) center center no-repeat; background-size:cover; text-indent:-9999px; }
#minogashi-tver a .mg-txt { display:flex; align-items:center; flex: 1; font-size:120%; line-height:120%; font-weight:bold; color:#333; }
#minogashi-tver a .mg-txts { font-size:80%; font-weight:normal; color:#999; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#minogashi-tver { width:auto; }
#minogashi-tver a { padding:15px; }
#minogashi-tver a .mg-pic { width:80px; margin-right:10px; }
#minogashi-tver a .mg-pic i { width:80px; height:42px; }
#minogashi-tver a .mg-txt { font-size:100%; }

}


/* top-archive
-------------------------------- */

#top-archive.box .subttl { background-image:url(../img/archive/subttl_archive.png), url(../img/common/subttl_bg.jpg); }


/* caster
-------------------------------- */

#caster.box .subttl { background-image:url(../img/top/subttl_caster.png), url(../img/common/subttl_bg.jpg); }

#caster-list ul { padding:0 2%; /* for space */ font-size:0; }
#caster-list ul li { display:inline-block; width:28%; margin:2% 2.66% 2% 2.66%; vertical-align:top; /* for space */ font-size:1rem; }
#caster-list ul li.caster-list-2col-l { margin:2% 2.66% 2% 16.66%; }
#caster-list ul li.caster-list-2col-r { margin:2% 16.66% 2% 2.66%; }
#caster-list ul li.caster-list-1col { margin:2% 16.66% 2% 16.66%; }
#caster-list ul li .pic { position:relative; width:100%; height:0; margin-bottom:5.0%; padding-top:100%; }
#caster-list ul li .pic a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; border-radius:10px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; transition: opacity 0.2s ease-out; }
@media (hover: hover) { #caster-list ul li .pic a:hover { opacity:0.5; } }
#caster-list-zenba .pic a { background-image:url(../img/top/caster_p_zenba2.jpg); }
#caster-list-murase .pic a { background-image:url(../img/top/caster_p_murase.jpg); }
#caster-list-kamimura .pic a { background-image:url(../img/top/caster_p_kamimura3.jpg); }
#caster-list-kusakabe .pic a { background-image:url(../img/top/caster_p_kusakabe.jpg); }
#caster-list-chou .pic a { background-image:url(../img/top/caster_p_chou.jpg); }
#caster-list-kanehira .pic a { background-image:url(../img/top/caster_p_kanehira.jpg); }
#caster-list ul li .name { margin-bottom:0.3em; font-size:180%; color:#7f4ebc; font-weight:bold; }
#caster-list ul li .btn { width:40%; margin:auto; }
#caster-list ul li .btn a { display:inline-block; padding:0.4em 0.5em 0.4em 0; box-sizing:border-box; border-radius:1.0em; font-size:90%; font-family:'Lato', sans-serif; font-weight:bold; color:#fff; background: rgb(161,162,238); background:linear-gradient(90deg, rgba(161,162,238,1) 0%, rgba(81,123,202,1) 100%); transition: opacity 0.2s ease-out; }
@media (hover: hover) { #caster-list ul li .btn a:hover { opacity:0.5; } }
/*#caster-list ul li .btn a::before { display:inline-block; vertical-align:bottom; content:""; width:1.0em; height:1.0em; background:url(../img/common/arrow_w.png) center center no-repeat; background-size:50%; }*/

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#caster-list ul { padding:0; margin:0 -2%; }
#caster-list ul li { width:44%; margin:2% 3% 2% 3%!important; }
#caster-list ul li .name { font-size:5.0vw; }
#caster-list ul li .btn { width:55%; }
#caster-list ul li .btn a { font-size:2.8vw; }

}

/* modal */

.modal-content { position:fixed; display:none; z-index:201; width:500px; margin:0; padding:30px; box-sizing:border-box; border-radius:30px; background-color:#fff; color:#333; }
.caster-dtl-window .pic { width:50%; margin:0 25% 5.0% 25%; }
.caster-dtl-window .pic p { position:relative; width:100%; height:0; padding-top:100%; }
.caster-dtl-window .pic p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; border-radius:10px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#caster-dtl-zenba .pic p span { background-image:url(../img/top/caster_p_zenba2.jpg); }
#caster-dtl-murase .pic p span { background-image:url(../img/top/caster_p_murase.jpg); }
#caster-dtl-kamimura .pic p span { background-image:url(../img/top/caster_p_kamimura3.jpg); }
#caster-dtl-kusakabe .pic p span { background-image:url(../img/top/caster_p_kusakabe.jpg); }
#caster-dtl-chou .pic p span { background-image:url(../img/top/caster_p_chou.jpg); }
#caster-dtl-kanehira .pic p span { background-image:url(../img/top/caster_p_kanehira.jpg); }
.modal-content h3 { font-size:160%; color:#7f4ebc; margin-bottom:0.5em; padding-bottom:0.5em; border-bottom:#ddd 1px solid; text-align:center; }
.caster-dtl-txt > p { margin-bottom:0.7em; font-size:90%; line-height:150%; text-align:left; }
.modal-overlay { z-index:200; display:none; position:fixed; top:0; left:0; width:100%; height:120%; background-color:rgba(0,0,0,0.75); }
.modal-open:hover { cursor:pointer; }
.modal-close:hover { cursor:pointer; }
.modal-wrap { z-index:201; display:none; position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto; }
.caster-dtl-close { text-align:center; }
.caster-dtl-close .modal-close { display:inline-block; padding:0.5em 1.0em; border-radius:1.0em; font-size:90%; font-family:'Lato', sans-serif; font-weight:bold; color:#fff; background: rgb(161,162,238); background:linear-gradient(90deg, rgba(161,162,238,1) 0%, rgba(81,123,202,1) 100%); transition: opacity 0.2s ease-out; }


/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

.modal-content { width:90%; }
.caster-dtl-window .pic { width:70%; margin:0 15% 5.0% 15%; }

}

@media all and (max-width: 374px) {

.modal-content { padding:15px; border-radius:15px; }
.modal-content h3 { font-size:140%; }
.caster-dtl-txt > p { font-size:85%; }

}


/* about
-------------------------------- */

#about.box .subttl { background-image:url(../img/top/subttl_about.png), url(../img/common/subttl_bg.jpg); }

.ab-box { margin-bottom:60px; }
.ab-box:last-child { margin-bottom:30px; }

.ab-p,
.ab-p2 { width:560px; margin:0 auto 20px auto; background-color:#efefef; }
.ab-p p,
.ab-p2 p { position:relative; width:100%; height:0; padding-top:56.25%; }
.ab-p p { padding-top:56.25%; }
.ab-p2 p { padding-top:66.4%; }
.ab-p p span,
.ab-p2 p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#ab-p1 p span { background-image:url(../img/top/about_202210_p1.jpg); }
#ab-p2 p span { background-image:url(../img/top/about_202210_p2.jpg); }
#ab-p3 p span { background-image:url(../img/top/about_202210_p3.jpg); }
#ab-p4 p span { background-image:url(../img/top/about_202210_p4.jpg); }
#ab-p5 p span { background-image:url(../img/top/about_202210_p5.jpg); }
#ab-p6 p span { background-image:url(../img/top/about_202210_p6.jpg); }
#ab-p7 p span { background-image:url(../img/top/about_202305_p7.jpg); }

.ab-txt { margin-bottom:20px; font-size:160%; line-height:160%; color:#4d71c5; letter-spacing:0.1em; }
#about .wbr { display:inline-block; }

.ab-txt2 { font-size:120%; line-height:180%; color:#4d71c5; letter-spacing:0.1em; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

.ab-box { margin-bottom:30px; }
.ab-box:last-child { margin-bottom:0; }

.ab-p,
.ab-p2 { width:auto; margin:0 auto 10px auto; }

.ab-txt { margin-bottom:10px; font-size:100%; }

.ab-txt2 { font-size:90%; }

}