.page--movie.page--radio .wrap{
    background:#f0f0f0;
}


/* .page--movie.page--radio .section-tit{
    opacity:1;
    top:0;
    margin-top:2em !important;
}

.page--movie.page--radio .section--list{
	width:90%;
	margin:0 auto;
    padding:0;
}

@media screen and (min-width:961px){
    .page--movie.page--radio .section-tit{
        margin-top:1em !important;
    }

    .page--movie.page--radio .section--list{
        padding:0 5%;   
    }
} */

@media screen and (max-width:961px){
    .page--movie.page--radio .section--list{
        padding:45px 0 !important;   
    }
}

.page--movie.page--radio  .block--pager{
    padding:0;
    margin-top:2em;
}

.page--movie.page--radio .list--contents.clearfix:after{
    display:none;
}

.page--movie.page--radio .list--contents li{
    padding:0;
}

.page--movie.page--radio .list--contents li a{
	display:flex;
    text-decoration:none;
    font-size:13px;
    align-items:center;
    color:#444;
    padding:1em;
    border-bottom:solid 1px #00000020;
    background:#fff;
}

.page--movie.page--radio .list--contents li:last-child a{
    border-bottom:none;
}

.page--movie.page--radio .list--contents li a figure{
	position:relative;
	width:30%;
	padding-top:30%;
	margin-right:1em;
}

.page--movie.page--radio .list--contents li a .list__txt{
    width: calc(70% - 1em);
}

.page--movie.page--radio .list--contents li a figure img{
	position:absolute;
	transform:translate(-50%, -50%);
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	object-fit:cover;
}

.page--movie.page--radio .list--contents li a .list__txt .date{
    margin-top:0;
    font-family: YakuHanJP, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size:.8em;
}

@media screen and (min-width:961px){
    .page--movie.page--radio .list--contents{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
    }
    
    .page--movie.page--radio .list--contents li{
        width:49.5%;
        margin-bottom:1%;
    }

    .page--movie.page--radio .list--contents li a{
        border-bottom:none;
    }
}

.page--movie.page--radio .block--pager{
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    bottom:auto;
}

.page--movie.page--radio .block--pager li{
    width:auto;
    margin:0 0.5em;
}

.page--movie.page--radio .block--pager li:first-child{
    position: absolute;
    transform: translate(0, -50%);
    top: 50%;
    left: 0;
}

.page--movie.page--radio .block--pager li:last-child{
    position: absolute;
    transform: translate(0, -50%);
    top: 50%;
    right: 0;
}


.page--movie.page--radio .block--pager .pager__item--older a:before,
.page--movie.page--radio .block--pager .pager__item--newer a:after {
    content:'';
}

.block--pager li.pager__item--current,
.block--pager li a:hover,
.block--pager li.pager__item--current,
.block--pager li.pager__item--other a{
    border:none;
}

.page--movie.page--radio .list--contents li a{
    padding-right:5em;
    position:relative;
}

.page--movie.page--radio .list--contents li a:after {
    content: '';
/*     background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxOS41ODkgMTEiPjxwYXRoIGZpbGw9IiNhMmEyYTIiIGQ9Ik0xMCw2LjVINi41VjEwYzAsMC41NTMtMC40NDcsMS0xLDFzLTEtMC40NDctMS0xVjYuNUgxYy0wLjU1MywwLTEtMC40NDctMS0xczAuNDQ3LTEsMS0xaDMuNVYxYzAtMC41NTMsMC40NDctMSwxLTFzMSwwLjQ0NywxLDF2My41SDEwYzAuNTUzLDAsMSwwLjQ0NywxLDFTMTAuNTUzLDYuNSwxMCw2LjV6IE0xMS41ODksMi41aDdjMC41NTMsMCwxLTAuNDQ3LDEtMXMtMC40NDctMS0xLTFoLTdjLTAuNTUzLDAtMSwwLjQ0Ny0xLDFTMTEuMDM2LDIuNSwxMS41ODksMi41eiBNMTguNTg5LDguNWgtN2MtMC41NTMsMC0xLDAuNDQ3LTEsMXMwLjQ0NywxLDEsMWg3YzAuNTUzLDAsMS0wLjQ0NywxLTFTMTkuMTQyLDguNSwxOC41ODksOC41eiBNMTguNTg5LDQuNWgtNWMtMC41NTMsMC0xLDAuNDQ3LTEsMXMwLjQ0NywxLDEsMWg1YzAuNTUzLDAsMS0wLjQ0NywxLTFTMTkuMTQyLDQuNSwxOC41ODksNC41eiIvPjwvc3ZnPg==) no-repeat;*/
    /* background:url(/static/theyellowmonkey/contents/radio/icon_list.svg) no-repeat right center; */
    width: 2em;
    height: 1.5em;
    background-size: contain;
    position: absolute;
    transform: translate(0, -50%);
    top: 50%;
    right: 1.5em;
}




@media screen and (min-width:961px){
  .page--movie.page--radio .wrap{
    /* padding-top:calc(129px + 3em); */
  }
  
}

.page--movie.page--radio .area--movie {
  padding: 5em 2em;
  border-radius: 2em;
  background: linear-gradient(135deg, #637f8a, #a8a6a7);
}

.page--movie.page--radio .block--tit{
  text-align:center;
  margin: 2.5em auto;
  color:#fff;
}

.page--movie.page--radio .video-js{
    background-color:transparent;
}

.page--movie.page--radio .video-js .vjs-control-bar{
  display:flex;
  font-size:1.5em;
  justify-content:center;
  padding-top:1.5em;
  background:none;
}

.page--movie.page--radio .vjs-poster{
    background-image:none !important;
    background:none !important;
}

.page--movie.page--radio .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{
  opacity:1;
}

.page--movie.page--radio .block--player{
  padding-top:5em;
  width:min(500px, 100%);
  margin:1em auto 2em;
}

.page--movie.page--radio .vjs-big-play-centered .vjs-big-play-button{
  display:none;
}

.page--movie.page--radio .video-js .vjs-progress-control{
  max-height:0.5em;
  position:absolute;
  width:100%;
  top:0;
}

.page--movie.page--radio .video-js .vjs-progress-control .vjs-progress-holder{
  margin:0;
}

.page--movie.page--radio .vjs-volume-tooltip{
  opacity:0;
}

.page--movie.page--radio .vjs-picture-in-picture-control,
.page--movie.page--radio .vjs-control-bar > .vjs-http-source-selector,
.page--movie.page--radio .vjs-fullscreen-control{
  display:none;
}

.page--movie.page--radio video-js,
.page--movie.page--radio video-js .vjs-control-bar{
  background-color:inherit;
}

.page--movie.page--radio video-js .vjs-control-bar{
  top:0;
}

.page--movie.page--radio .block--player video{
  opacity:0;
}

/* .page--movie.page--radio .area--movie{
  position:relative;
}
 */
.page--movie.page--radio .sound_thumb{
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  position: relative;
}

.page--movie.page--radio .sound_thumb:has(.sonly){
  max-width:200px;
  mix-blend-mode:difference;
}

@media screen and(max-width:961px){
  .page--movie.page--radio .sound_thumb{
    max-width:none;
  }
}

.page--movie.page--radio .sound_thumb img{
  width:100%;
/*   transform:translate(-50%, -50%);
  top:50%;
  left:50%; */
  pointer-events:none;
}

.page--movie.page--radio .sound_thumb img.sonly{
  opacity:.5;
}

.page--movie.page--radio .video-js .vjs-time-control{
  font-size: .8em;
  position: absolute;
  top: 0.3em;
  right: 0;
  opacity:.5;
  padding:0;
}

.page--movie.page--radio .video-js .vjs-volume-panel{
  position: absolute;
  /* transform: translate(0, -50%); */
  top: 3em;
  right: 0;
  flex-direction: row-reverse;
}

.page--movie.page--radio .video-js .vjs-play-control{
  font-size:2em;
}

.page--movie.page--radio .detail__btn{
  margin-top:10em;
}

.page--movie.page--radio .video-js .vjs-volume-control{
  margin-right:0;
}

.page--movie.page--radio .section--detail .txt--sub.sp{
  display:none;
}

.page--movie.page--radio .vjs-subs-caps-button,
.page--movie.page--radio .vjs-mouse-display{
  display:none !important;
}


.page--movie.page--radio .area--more-info{
    display:none;
}

.page--movie.page--radio .section--detail .tit{
    font-size:inherit;
    margin-bottom:0;
}

.page--movie.page--radio .section--detail .block--tit{
    margin:2em 0 !important;
}

.page--movie.page--radio .section--detail .date:not(.date--event) {
    padding: 0;
    margin: 0;
    border-bottom: none;
    font-family: YakuHanJP, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size:.8em;
    font-weight:normal;
}

.page--movie.page--radio .section--detail .area--movie .video-js .vjs-play-control {
    left: 0 !important;
    transform: inherit !important;
    top: 0 !important;
}

/* .page--movie.page--radio.page-movie-detail #new_movie.section--detail{
    padding-top:0;
} */


@media screen and (max-width:961px){
  .page--movie.page--radio .video-js .vjs-mute-control{
    width:2em;
  }
}

.block--search_music {
  background: -moz-linear-gradient(135deg, #4c5055 0%, #565554 100%);
  background: -webkit-linear-gradient(135deg, #4c5055 0%, #565554 100%);
  background: linear-gradient(135deg, #4c5055 0%, #565554 100%);
  padding: 10px 3% 10px 3%;
  margin-bottom: 10px;
}
.block--search_music input[type="text"] {
  background: #fff;
  width: 80%;
  border: none;
}
.block--search_music .btn {
  position: absolute;
  top: 5px;
  margin: 0;
  right: 0;
}
.block--search_music .btn--main {
  border-color: #fff;
  color: #fff;
  font-size: 12px;
  line-height: 2.8;
}
.block--search_music {
  display: none;
  margin: 10px 0 0;
}

.page--movie.page--search .block--search_music{
  display:block;
  margin-top:0;
  padding: 10px 3% 10px 3%;
}

.page--movie.page--search .form--post{
  position:relative;
}

.page--movie.page--search .btn--main {
  color: inherit;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.8;
  -webkit-appearance: none;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 3.6;
  border-radius: 1.8em;
  padding: 0 1.5em;
  cursor: pointer;
  border: 0.5px solid #262626;
  background: none;
  background: #222;
  border-color: #222;
  color: #efeeea;
  font-size: 12px;
  line-height: 2.8;
}

/* .page--movie.page--radio .vjs-button > .vjs-icon-placeholder:before{
  line-height:1em;
} */

.totop.btn a {
  font-family: 'Cormorant Garamond', sans-serif;
  color:#222;
  text-decoration:none;
  font-weight: 600;
  position: relative;
  padding-left:1.5em;
}

.totop.btn a:before{
  content:'';
  width:.4em;
  height: 0.4em;em;
  border-top:solid 1px;
  border-left:solid 1px;
  position:absolute;
  transform:translate(0, -50%) rotate(-45deg);
  top:50%;
  left:.5em;
}