/* CSS Document */

h2
{
	margin-top:20px;
	margin-bottom:20px;
	padding:10px  0 10px 10px;
	font-weight:bold;
	line-height:1.4;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
}

.modal {
	display: none;
}

.monthzone .mv:hover {
	opacity: 0.6;
}

.modalBody {
	position: fixed;
	z-index: 1000;
	background: #000;
	left: 50%;
	top: 50%;
	width: 640px;
	height: 360px;
}
.modalBody video {
	width: 640px;
	height: 360px;
}
.modalBK {
	position: fixed;
	z-index: 999;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.9;
	top: 0;
	left: 0;
}


@media only screen
    and (min-device-width:769px) {
/*===================================================================================================
¡ñstyle.css »­Ãæ¤Îºá·ù¤¬769pxÒÔÉÏ
===================================================================================================*/

.lead span {
    display: block;
}

}



@media only screen
    and (min-device-width:375px)
    and (max-device-width:768px) {
/*===================================================================================================
¡ñiphone 6 etc
===================================================================================================*/

.contents #main .maincontents
{
	width:98%;
	margin:0 auto;
}
.leadmeta span
{
	display:block;
}

.monthzone img {
	width: 100%;
}
.modalBody {
    width: 320px;
    height: 180px;
}
.modalBody video {
    width: 100%;
    height: 100%;
}


}



@media only screen
    and (max-device-width:374px) {
/*===================================================================================================
¡ñiphone5 etc
===================================================================================================*/

.contents #main .maincontents
{
	width:98%;
	margin:0 auto;
}

.leadmeta span
{
	display:block;
}

.monthzone img {
	width: 100%;
}
.modalBody {
    width: 320px;
    height: 180px;
}
.modalBody video {
    width: 100%;
    height: 100%;
}


}