@charset "shift_jis";

.modal-side-content{border-radius:10px;text-align:center;width:470px;height:380px;}
.modal-side-content div.h3-outer{width:100%;}
#qr-code-disp div.h3-outer h3{margin:40px 0 0 0;font-weight:bold;font-size:1.3em;}
.modal-side-content .model-side-area-outer{height:280px;}
.modal-side-content #qrcode-large {margin:30px auto 0;width:140px;}
.modal-side-content .qr-text{margin:30px 0 0 0;font-size:0.9em;}
#qr-code-disp .qr-link{margin:10px auto 0;width:80%;word-break:break-all;font-size:0.9em;line-height:1.3;}
.modal-side-content .btnClose{margin:25px 0 0 0;}.modal-side-content .btnClose a{margin:0;padding:5px 25px;font-size:0.9em;color:#FFFFFF;background-color:#727272;border-radius:20px;}
.modal-side-content .btnClose2{position:absolute;top:5px;right:5px;}

.lock {
		overflow:hidden;
}

.modal-side-content div.h3-outer {
	position: none;
	width: 470px;
	background-color: #FFFFFF;
}
#qr-code-disp,
#request-disp {
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, Meiryo, "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}
#request-disp.modal-side-content div.h3-outer {
	width: 710px;
	height:auto;
}

.modal-side-content div.close-outer {
	background-color: #ffffff;
	padding: 15px 0;
	position: fixed;
	width: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.close-outer {
		background-color: #ffffff;
		padding: 15px 0;
		position: static;
		width: 100%;
	}
}

.modal-side-content div.modal-side-area-outer {
	height: 380px;
	margin-top: 10px;
	overflow: auto;
}
#request-disp.modal-side-content div.modal-side-area-outer {
	height: 450px;
}
#complete-disp.modal-side-content div.modal-side-area-outer {
	height: 80px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.modal-side-area-outer {
		height: 420px;
		margin-top: 0px;
		overflow: auto;
	}
}

.modal-side-content div.modal-side-inner {
	position: relative;
	overflow: hidden;
}

.modal-overlay {
		z-index:150;
		display:none;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:120%;
		background-color:#000000;
		opacity:0.38;
}

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

a.modal-open:hover {
		cursor:pointer;
		opacity:0.6;
}
a.modal-close:hover {
		cursor:pointer;
		opacity:0.6;
}

.modal-side-content {
		z-index:200;
		position:relative;
		display:none;
		width:470px;
		height:500px;
		margin:0;
		border:1px solid #ccc;
		background:#fff;
		overflow:auto;
		box-shadow: 2.5px 2.5px 4px #666666;
		text-align:center;
		border-radius:10px;
}
#request-disp.modal-side-content {
		width:710px;
		height:640px;
}
#complete-disp.modal-side-content {
		width:710px;
		height:220px;
}
.modal-side-content h3 {
		margin:40px 0 0 0;
		font-weight:bold;
		font-size:1.3em;
}
.modal-side-content .attention {
		margin: 10px 0 0 0;
		color: #F00;
		text-align: center;
		font-size: 0.9em;
		font-weight: bold;
}
#complete-disp .modal-side-content h3 {
		width:100%;
}

#request-disp .request-logo {
		margin:45px 0 0 0;
}
#complete-disp .request-logo img {
		width:100px;
}
#request-disp .request-comment {
		margin: 10px auto 0;
		width: 460px;
		text-align: left;
		font-size: 0.9em;
		line-height: 1.6;
}
#complete-area .request-comment {
		margin: 10px auto 0;
		width: 100%;
		text-align: center;
		font-size: 0.9em;
		line-height: 1.4;
}
#request-disp .request-input {
		margin:12px 0 0 0;
}
#request-disp .request-input .input_area {
		width:530px;
		height:165px;
}
#request-disp .notice-area {
		margin:12px 0 0 0;
}
#request-disp .notice-area .notice-comment {
		margin:0 0 0 105px;
		float:left;
		width:330px;
		font-size:0.85em;
		color:#043891;
		line-height:1.4;
		text-align:left;
		text-indent:-1em;
}
#request-disp .notice-area .request-otoiawase {
		margin:10px 0 0 0;
		float:left;
		width:190px;
}
#request-disp .notice-area .request-otoiawase a {
	margin:0;
	padding:7px 25px;
	font-size:0.9em;
	color:#FFFFFF;
	background-color:#727272;
	border-radius:20px;
}
#request-disp .notice-area .request-otoiawase a img {
	margin: 0 0 0 7px;
	vertical-align: -1px;
}
#request-disp .request-send {
	margin:15px 0 0 0;
}
#request-disp .request-send a {
	margin:0;
	padding:10px 30px;
	font-size:1.1em;
	font-weight:bold;
	color:#043891;
	background-color:#DEEEFF;
	border:1px solid #2379D3;
	border-radius:20px;
	display:inline-block;
}
#request-disp .notice-comment {
	margin: 40px 0 0 0;
	color: #F00;
	font-weight: bold;
	line-height: 1.2;
	font-size: 0.8em;
}
#request-disp .request-otoiawase {
	margin:10px 0 0 0;
}
#request-disp .request-otoiawase a {
	margin:0;
	padding:10px 30px;
	font-size:1.1em;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#174EAF;
	border:1px solid #2379D3;
	border-radius:20px;
	display:inline-block;
}
#request-disp .request-otoiawase a img {
	vertical-align:middle;
	margin-left:10px;
}
#complete-area {
	display:none;
}