@charset "utf-8";

/*.lock {
    overflow:hidden;
}*/

.modal-content {
    position:relative;
    display:none;
	color:#222;
}

.modal-overlay {
    z-index:9990;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.6);
}

.modal-wrap {
    z-index:9999;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}

#m04 .entry .w1024 ul.information li dl dd p.modal_inner_title{
	color:#006bb3;
	text-align: center;
}
	
#m04 .entry .w1024 ul.information li dl dd p.mi{
	color:#222;
	padding:0;
}

.modal-open {
    color:#00f;
    text-decoration:underline;
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

.modal_inner a{
	color:#006bb3;
	font-weight:700;
	text-decoration: underline;
}

.modal_inner p.close02{
	margin-top:10px;
	text-align: center;
}

.modal-close {
    color:#00f;
    text-decoration:underline;
}

.modal-close:hover {
    cursor:pointer;
    color:#f00;
}

/*PC*/
@media print, screen and (min-width: 769px)
{
	
	.modal-content{
		width:1024px;
		padding:100px 0 250px;
	}
	
	.modal_inner {
		width:1024px;
		background: url(../img/180212/entry/modal_bg.png) top center repeat;
		margin:0 auto;
		padding:60px 90px;
		box-sizing:border-box;
		position: relative;
		font-size:14px;
	}
	
	.modal_inner_title{
		font-size:24px;
		border-bottom: 8px solid #006bb3;
		margin-bottom:45px;
	}
	
	#m04 .entry .w1024 ul.information li dl dd p.mi{
		font-size:20px;
	}
	
	img.pvp{
		vertical-align: middle;
		width:12px;
		margin-left: 5px;
	}
	
	.modal_inner p.close01{
		position:absolute;
		top:-87px;
		right:0;
	}
	
	.modal_inner p.close02{
		position:absolute;
		bottom:-97px;
		left:0;
		width:100%;
	}
	
	#m04 .entry .w1024 ul.information li dl dd .modal-close img{width:67px;}
	
	#m04 .entry .w1024 ul.information li dl dd .modal-close img:hover{filter: brightness(80%)}
	
}
/*SP*/
@media screen and (max-width: 768px)
{
	
	.modal-content{
		width:100%;
		padding:180px 0;
		box-sizing: border-box;
		top:0 !important;
	}
	
	.modal_inner {
		background: url(../img/180212/entry/modal_bg.png) top center repeat;
		background-size:6%;
		margin:0 auto;
		padding:45px 5%;
		position: relative;
		font-size:12px;
	}
	
	.modal_inner_title{
		font-size:18px;
		border-bottom: 5px solid #006bb3;
		margin-bottom:15px;
	}
	
	#m04 .entry .w1024 ul.information li dl dd p.mi{
		font-size:14px;
		padding-bottom:5px;
	}
	
	img.pvp{
		vertical-align: middle;
		width:10px;
		margin-left: 5px;
	}
	
	.modal_inner p.close01{
		position:absolute;
		top:-60px;
		right:5%;
	}
	
	.modal_inner p.close02{
		position:absolute;
		bottom:-75px;
		left:0;
		width:100%;
	}
	
	#m04 .entry .w1024 ul.information li dl dd .modal-close img{width:50px;}
	
	
}