@charset "Shift_JIS";

/******************************

　オンラインショップ ポップアップ用CSS

*******************************/

html,
body {
	background: #E3E3E3;
	width: 100%;
	height: 100%;
}

img {
	width: 100%;
}

body {
	display: table;
}

.popWrap {
	padding: 15px 6%;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.popWrap h1 {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.6;
	color: #4d4d4d;
	padding: 0 0 15px;
	margin: 0;
	border-bottom: 1px solid #c9c9c9;
}

.popWrap .selectBox {
	padding: 15px 0 0;
	margin: 0;
	border-top: 1px solid #fff;
}

.popWrap h2 {
	margin: 0;
	padding: 0 0 15px;
	color: #4d4d4d;
	font-weight: normal;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
}

.popWrap .selectBtn {
	width: 91px;
	padding: 0 10px 20px;
	display: inline-block;
	*display: inline;  
    *zoom: 1;
	position: relative;
}

.popWrap .selectBtn input {
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
}

.popWrap .selectBtn label {
	display: block;
	padding: 25px 0 0;
	background: url(../images/button_off.png) no-repeat center top;
	background-size: 20px 20px;
	cursor: pointer;
}

.popWrap .selectBtn label.checked {
	background: url(../images/button_on.png) no-repeat center top;
	background-size: 20px 20px;
}

.popWrap .submitBtn {
	width: 141px;
	margin: 0 auto;
}