@charset utf-8;
/*************************************************
CSS
/cmn_jp_v1/css/ex_component.css

16.08.25
update:16.10.20
*************************************************/


/* ============================================================*
youtubeモーダル再生アイコン/ホバーアクション
*============================================================ */
.jp_movie_box {
	display: inline-block;
	position: relative;
	background: #000;
	vertical-align: bottom;
}

.jp_movie_box:after {
	content: url("/-/Media/Ricoh/Sites/jp_ricoh/about/request/img/ex_component/icon_movie_02.png");
	width: 64px;
	height: 64px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	position:absolute;
}

.jp_movie_box .jp_mov_img {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.jp_movie_box:hover > .jp_mov_img {
	opacity: 0.6 !important;
}