@charset "UTF-8";
/* CSS Document */
/* snsボタン*/

.snsblock_pc{
	float:right;
	clear:none;
	margin:10px 0 0 0;
	height:40px;
}

.snsblock_pc .yt a{color:#797979;
	font-weight:500;
	background:url(/library/hosp/common/img/icon_yt.png) 0 1px no-repeat;
	background-size:contain;
	padding-left:30px;
}
.snsblock_pc .yt a.iconNone{
	background:none;
	margin-right: 45px;
	vertical-align: middle;
    padding-left: 10px;
    margin-right: 15px;
}

.snsblock_pc .yt a.iconNone.ico_yoyaku{
    padding-left: 10px;
     margin-right: 0px;
}

.snsblock_pc .yt p{
	line-height:30px;
	margin:0;
}

#hnav{
	margin:15px 0 0 0;
}


/* ### /header ### */

/* ### globalnav ### */


/* ### /globalnav ### */



#movieWrap{
    background-color: #F8F9FF;
    padding:10px 0;
    overflow: hidden;
}

.movieList{
    width: 960px;
    margin: 0 auto;
}

#movieWrap .movieCnt{
	margin-right: 30px;
	float: left;
}
#movieWrap .movieCnt:last-child{
    margin-right: 0;
}

#movieWrap .movie {
    overflow: hidden;
	height: 169px;
	width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#movieWrap .movieCnt p{
    font-size: 13px;
    display: block;
    width:300px;
    margin-bottom: 0;
}

#movieWrap .movie.coming{
    background-color: #7E8B92;
}


#movieWrap .movie img{
  	width: 300px;
}

#movieWrap .movie .youtube{
    position: relative;
    display: inherit;

}

#movieWrap .movie .youtube::before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	width:40px;
	height:40px;
    border: #fff 2px solid;
	border-radius:50%;
	margin-left:-20px;
	margin-top:-20px;
	transition:all 0.3s ease;
}
#movieWrap .movie .youtube::after {
	content:'';
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 17.3px;
	border-color: transparent transparent transparent #ffffff;
	left:50%;
	top:50%;
	margin-top:-8px;
	margin-left:-5px;
	transition:all 0.3s ease;
}
#movieList li .movModal:hover:before,
#movieList li .movModal:hover:after {
	transform:scale(1.1);
}

#movieWrap #movieTitle a{
  padding: 0 0 0 2em;
  background: url(/library/hosp/common/img/icon_yt.png) 0% 20%;
  background-repeat: no-repeat;
  color: #666666;
}
