@charset "UTF-8";



/** Thumb Style
-----------------------------------------------------
-----------------------------------------------------
*/

.mod-interactiveBanner {}
.mod-interactiveBanner.banner {}
.mod-interactiveBanner.banner.banner__interactive-banner {
width: 495px;
height: 245px;
}
#mod-movieBlockScreen.movieBlockScreen {
display: none;
z-index: 103;
position: fixed;
top: 0;
left: 0;
background: #999;
opacity: 0.9;
}

.mod-overlaymovie {
z-index: 104;
position: fixed;
top: 50%;
left: 50%;
}

.mod-overlaymovie .btnmovieclose {
position: absolute;
top: 0;
right: -30px;
text-indent: -9999px;
}
.mod-overlaymovie .btnmovieclose a {
display: block;
width: 20px;
height: 20px;
background: url(/image/jp/index/interactive_banner/icon_close.png) 0 0 no-repeat;
}
.mod-overlaymovie .movie {
background: #000;
}
.mod-overlaymovie .movieInfo {
display: table;
width: 100%;
height: 50px;
}

.mod-overlaymovie .movieInfo .linktitleCell {
display: table-cell;
box-sizing: border-box;
vertical-align: middle;
font-size: 0.7m;
line-height: 1.5em;
}

.mod-overlaymovie .movieInfo .linktitleCell.linktitle {
width: 65%;
padding: 10px 10px;
background: #fff;
}

.mod-overlaymovie .movieInfo .linktitleCell.linktitle a {
padding-right: 20px;
background: url(/image/common/jp/r1/icon/icon_link_right.gif) 100% 50% no-repeat;
color: #333;
text-decoration: none;
}
.mod-overlaymovie .movieInfo .linktitleCell.linktitle a:hover {
text-decoration: underline;
}
.mod-overlaymovie .movieInfo .linktitleCell.contentowner {
width: 35%;
padding: 10px;
background: #e60027;
text-align: right;
}
.mod-overlaymovie .movieInfo .linktitleCell.contentowner a {
padding-right: 20px;
background: url(/image/common/jp/r1/icon/icon_link_right_white.gif) 100% 50% no-repeat;
color: #fff;
text-decoration: none;
}
.mod-overlaymovie .movieInfo .linktitleCell.contentowner a:hover {}