@charset "UTF-8";

#colorbox *{
	box-sizing:border-box;
}

#colorbox{
	border:3px solid #a9c0e1;
}

.modal{
	position:relative;
}

.modal .closeBtn{
	position:absolute;
	top:10px;
	right:10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ etc */

.top.modal{width:540px;height:auto}

/*
.melma.modal{width:885px;}
.news.modal{width:885px;}
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ modalHeader */

.normal .modalHeader{
	padding:50px 0 30px;
	text-align: left;
}

.normal .modalHeader h2{
	font-size:24px;
	font-weight:normal;
	display:inline-block;
	padding:20px 0 20px 20px;
	border-bottom:1px solid #bdbdbd;
}

.top .modalHeader{
	padding:15px 0;
}

.top .modalHeader h2{
	font-size:20px;
	color:#003b8f;
	text-align:center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ modalContents */

.normal .modalContents{
	padding:0 30px;
}

.top .modalContents{
	padding:0 20px 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ modalFooter */

.modalFooter{
	text-align:center;
	padding:30px;
}
.modalFooter p{
	text-align: center;
}
.btn.close a{
	text-align:center;
	width:150px;
	display:inline-block;
	text-decoration:none;
	border:1px solid #525c5d;
	color:#525c5d;
	border-radius:3px;
	padding:10px 30px;
	background:url(../modal/img/icon_close11x11.png) #fff no-repeat center right 12px;
}

.btn.close a:hover{
	background-color:#e7e7e7;
}

/* PC
-------------------------------------------------- */
@media print, screen and (min-width: 960px) {
}