@charset "utf-8";

.com-mediaPhoto {
	position: absolute;
	width: 100%;
	height:100%;
	z-index:1;
	display: table;
}

.com-media-thumb {
	position: absolute;
	width: 100%;
	z-index:2;
}

.com-media-thumbpos {
	position: absolute;
    top:0;
    width: 100%;
	z-index:2;
}
.com-media-thumbpos img {
	position: absolute;
	width: 100%;
	z-index:2;
    left:0;
}

.com-media-thumb.com-media-imglnk {
	position: relative;
}

.com-media-play {
	position: absolute;
	left:50%;
	top:50%;
	width:50px;
	height:50px;
	z-index:3;
	margin-top:-25px;
	margin-left:-25px;
}

.com-media-play img{
	width: 100%;
}

.com-media-thumb img{
	width: 100%;
}

.com-media-wrap {
	position: relative;
	width: 100%;
	min-height:100px;
	overflow: hidden;

}

.js-media-frame {
	position: relative;
	padding-bottom: 56.25%;
	z-index:1;
}


.com-media-wrap iframe {
	position: absolute;
	left:0;
	width: 100%;
	height: 100%;
}

.com-media-text {
	background-color: #f7f7f7;
	padding:15px;
	text-align: justify;
}

.com-media-text p{
	height:74px;
	overflow: auto;
}

.opt-btm { font-size: 12px;}




.tablet .com-media-play {
    width:80px;
    height:80px;
    margin-top:-40px;
    margin-left:-40px;
}

.tablet .com-media-text {
    padding:20px;
}



.web .subpage .com-media-play {
    width:100px;
    height:100px;
    margin-top:-50px;
    margin-left:-50px;
}

.web .subpage .com-media-play > a {display:block;}

.web .com-media-text p{
    height:84px;
    overflow: auto;
}
.web .opt-btm { font-size: 14px;}

.webM .com-media-play {
    width:100px;
    height:100px;
    margin-top:-50px;
    margin-left:-50px;
}

.com-mediatxt-subtitle {background-color:#f7f7f7; padding:15px; text-align: justify;}
.com-mediatxt-subtitle .com-mediatxt-scroll {max-height:90px; overflow:auto;}
.com-mediatxt-subtitle .custom-open {max-height:none;}
.com-mediatxt-scroll-morebtn {display:none; background:#cfcfcf; width:100%; height:32px; line-height:32px; text-align:center;}

.tablet .com-mediatxt-subtitle {padding:20px;}

.web .com-mediatxt-subtitle .com-mediatxt-scroll {max-height:100px; overflow:auto;}
.web .com-mediatxt-subtitle .custom-open {max-height:100px;}
.web .com-mediatxt-scroll-morebtn {display:none;}