@charset "UTF-8";

/*-----------------------*----*----*----*----*----*----*----* LightBoxモーダル(box) */
/* popup --*/
.popupbox{
	display: none;
}
/*
.modal-close {
	margin-top: 1em;
	text-align: center;
}
*/
#modal-win {
	width: 100%;
	position: absolute;
}

#modal-win a:link,#modal-win a:visited {
	color:#333;
	text-decoration:none;
}
#modal-win a:hover,#modal-win a:active {
	color:#333;
	text-decoration: underline;
}

#modal-win-inner {
	box-shadow: 0 0 5px rgba(0, 0,0, 0.25);
	box-shadow: 0 0 5px rgba(0, 0,0, 0.5);

	margin: 0 auto;
	position: relative;
	z-index: 101;
	width: 500px;
	background-color:rgba(255, 255, 255, 1);

	color:#333;	
	font-size:1em;
	padding:30px;
	text-align:left;
/*
	height: 100%;
*/
	min-height:470px;
}

.popupbox{
/*
	height:90%;
*/
}
#modal-win{
/*
	height:90%;
*/
}

#modal-win .ft:after,
.popupbox:after,
#modal-win:after,
#modal-win-inner:after{
	content:"";
	clear:both;
	display:block;
}

#modal-win-inner .ttl{
	font-weight:bold;
	padding-top:1em;
	padding-bottom:0.5em;
}
#modal-win-inner .honbun{
	font-size:94%;
	width:100%;
	height:130px;
	padding-right:10px;
	overflow-y: scroll;	
}

#modal-win-inner .img{
	width:100%;
	height:180px;
	object-fit: cover;
	overflow: hidden;
}
#modal-win-inner .img img{
	width:100%;
}

#modal-win-inner .datem{
	padding-top:1em;
	font-size:94%;
	color:#333;
	float:left;
}
#modal-win-inner .cate{
	float:right;
	font-size:94%;
	margin-top:10px;
	margin-right:20px;	
	background-color:#073a56;
	color:#fff;
	padding:0px 10px;
}
#modal-win-inner span,
#modal-win-inner a{
	display:block;
	background-color:#fff;
}
#modal-win-inner a:hover{
	text-decoration:none;
	color:#073a56;
}

@media screen and (min-width: 361px) and (max-width:500px){
	#modal-win-inner {
	width: 90%;
	}
}



.modal-close{
	text-align:right;	
	font-size:2em;
	padding:0;
	margin:0px 0 0 0 ;
	width:100%;
	display:block;
	color:#333;
}
.modal-close a{
	color:#333;

}
/*
#modal-win-inner > * {
	border-radius: 10px;
}
*/

#modal-bg{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: fixed;
	z-index: 100;
	transition: 0.4s;
	background: rgba(0, 0, 0, 0.5);
	@include opacity(0);
	cursor: pointer;


}