/* ベース
----------------------------------------*/

.mkrnw-wrapper .modalWindow[data-modaltype*="pc-modal"] {
	display:none;
	position:absolute;
	left:0;
	right:0;
	width:860px;
	/* margin:0 auto; */
	padding:40px 0 40px;
	font-size: 12px;
	background:#fff;
	box-sizing:border-box;
	z-index:12000;
}

.mkrnw-wrapper .modalWindow[data-modaltype*="pc-modal"] .inner {
	position:relative;
	width:780px;
	margin:0 auto;
}

.mkrnw-wrapper .modalWindow[data-modaltype*="pc-modal"] .close {
	position:absolute;
	top:40px;
	right:40px;
	transition:0.2s opacity ease-out;
}

.mkrnw-wrapper .modalWindow[data-modaltype*="pc-modal"] .close:hover {
	cursor:pointer;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	transition:0.2s opacity ease-in-out;
}

.mkrnw-wrapper .modalWindow[data-modaltype*="pc-modal"] h3 {
	padding:0 0 10px;
	margin:0 0 10px;
	color:#121212;
	font-size:18px;
	border-bottom:1px solid #cecece;
}

.mkrnw-wrapper .modalWindow div.title {
	font-size: 18px;
	text-align: center;
	margin-bottom: 20px;
}


/* 内部セクション
----------------------------------------*/

.mkrnw-wrapper .modalWindow[data-modaltype*="pc-modal"] .ctBox .ttl {
	margin:0 0 19px;
	font-size:10px;
	font-weight:500;
	letter-spacing:0.1em;
}

.mkrnw-wrapper .modalWindow[data-modaltype*="pc-modal"] .ctBox h4 {
	margin:0 0 20px;
	padding:0 0 4px;
	font-size:10px;
	font-weight:500;
	letter-spacing:0.1em;
	border-bottom:1px solid #000;
}

.mkrnw-wrapper .modalWindow .ctBox .boxGray {
	background-color: #f4f4f4;
	padding: 20px;
	min-height: 100px;
}

.mkrnw-wrapper .modalWindow .btnBox {
	padding-top: 20px;
	text-align: center;
}

.mkrnw-wrapper .modalWindow .btnBox .button {
	display: inline-block;
}

.mkrnw-wrapper .modalWindow .button.wide {
	width: 376px;
}

.mkrnw-wrapper .modalWindow .button.row {
	width: 265px;
}

.mkrnw-wrapper .modalWindow .button.row + .button {
    margin-left: 20px;
}

/* SP版フルスクリーンタイプ
----------------------------------------*/
@media only screen and (max-width: 750px) {

	/* ベース
	----------------------------------------*/

	.mkrnw-wrapper .modalWindow[data-modaltype*="sp-full"] {
		top:0;
		right:0;
		width:100%;
		height:100%;
		padding:0;
		overflow-y:auto;
	}

	.mkrnw-wrapper .modalWindow[data-modaltype*="sp-full"] .inner {
		position:relative;
		width:100%;
		padding:8.2% 4% 8.6%;
		box-sizing:border-box;
	}

	.mkrnw-wrapper .modalWindow[data-modaltype*="sp-full"] h3 {
		padding:0 0 5.8%;
		color:#121212;
		font-size:18px;
		border-bottom:1px solid #cecece;
	}

	.mkrnw-wrapper .modalWindow[data-modaltype*="sp-full"] .close {
		position:absolute;
		top:0;
		right:4%;
		margin:8.2% 0 0;
		transition:none;
	}

	.mkrnw-wrapper .modalWindow[data-modaltype*="sp-full"] .close:hover {
		filter:alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
		transition:none;
	}


	/* 内部セクション
	----------------------------------------*/


	.mkrnw-wrapper .modalWindow[data-modaltype*="sp-full"] .ctBox {
		padding:10.15% 0 0;
		letter-spacing:-0.5em;
	}

	.mkrnw-wrapper .modalWindow[data-modaltype*="sp-full"] .ctBox .ttl {
		margin:0 0 5.8%;
		font-size:10px;
		font-weight:500;
		letter-spacing:0.1em;
	}

	.mkrnw-wrapper .modalWindow[data-modaltype*="sp-full"] .ctBox h4 {
		margin:0 0 5.8%;
		font-size:10px;
		font-weight:500;
		letter-spacing:0.1em;
	}

}



/* SP版モーダルタイプ
----------------------------------------*/
@media only screen and (max-width: 750px) {

	/* ベース
	----------------------------------------*/

	.mkrnw-wrapper .modalWindow[data-modaltype*="sp-modal"] {
		display:none;
		position:absolute;
		left:0;
		right:0;
		bottom:inherit;
		width:92%;
		height:auto;
		padding: 20px 4% 20px;
		background:#fff;
		box-sizing:border-box;
		z-index:12000;
	}

	.mkrnw-wrapper .modalWindow[data-modaltype*="sp-modal"] .inner {
		position:relative;
		width:100%;
		margin:0 auto;
		box-sizing:border-box;
	}

	.mkrnw-wrapper .modalWindow[data-modaltype*="sp-modal"] .close {
		position:absolute;
		top: 20px;
		right: 4%;
		transition:0.2s opacity ease-out;
	}

	.mkrnw-wrapper .modalWindow[data-modaltype*="sp-modal"] .close:hover {
		filter:alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
	}

	.mkrnw-wrapper .modalWindow[data-modaltype*="sp-modal"] h3 {
		margin:0 0 8%;
		padding:0 0 2%;
		font-size:14px;
		line-height:2;
		border-bottom:1px solid #cecece;
	}

	.mkrnw-wrapper .modalWindow[data-modaltype*="sp-modal"] .header {
		padding-right: 30px;
	}


	/* 内部セクション
	----------------------------------------*/

	.mkrnw-wrapper .modalWindow .button.wide {
		width: 100%;
	}

	.mkrnw-wrapper .modalWindow .button.row {
		width: 100%;
		margin: 0;
	}

	.mkrnw-wrapper .modalWindow .button.row + .button {
	    margin-top: 20px;
	    margin-left: 0px;
	}

}