@charset "utf-8";
/* モーダルウィンドウ css */
.remodal-close {
	background: url(../img/common/i-close.png) no-repeat;
	width: 36px;
	height: 36px;
	display: inline-block;
	z-index: 99999;
	top: 0.5rem;
	right: 0;
	left: inherit;
	background-size: contain;
}
.remodal-close:before { display: none; }
.remodal_wrap {
	border-radius: 5px;
	padding: 2rem 2rem 4rem 2rem;
	top: 52%;
    transform: translate(-50% , -50%);
    position: fixed;
    left: 50%;
    width: calc(100% - 20px);
    height: calc(100% - 10rem);
	margin: 0;
	overflow-y: scroll;
}	

/* カートに追加関連 */
/*.modal-addcart .img_wrap { width: 100%; }
.modal-add .img_wrap {
	background: #FCF6E8;
	position: relative;
	width: 100%;
	height: 21rem;
	margin: 0 auto;
}	
.modal-add img {
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	display: block;
}	*/
.modal-add h3 { margin-bottom: 1.5rem; }

/* 数量選択 */
.modal-addcart .kosuu {
	width: 100%;
	border: 2px solid #FFDC40;
	margin: 2rem 0;
	padding: 1rem 0;
}
.modal-addcart .kosuu li {
	padding: 1rem 2rem;
	vertical-align: middle;
}
.modal-addcart .kosuu li:nth-of-type(2) {
	width: 50%;
	margin: 0 auto;
}
.modal-addcart .kosuu li .selectmenu select { 
	padding: 13px 25px 13px 25px;
	font-size: 16px;
	font-size: 1.6rem;
}
.modal-addcart .kosuu li:last-of-type { 
	padding: 1rem;
	width: 100%;
}
.modal-addcart .kosuu li .btn_wrap.col-1 { width: 100%; }
.modal-addcart .notes {
	color: #FF8417;
	text-align: left;
	display: inline-block;
	margin: 0 auto;
}

/* 注意事項 */
.remodal_wrap .fix .note {
	display: inline-block;
    text-align: left;
    font-weight: bold;
	margin: 1rem auto 2rem;
	border-top: 1px solid #bf1919;
	border-bottom: 1px solid #bf1919;
	padding: 1rem 0 1rem 1em;
	font-size: 14px;
	font-size: 1.4rem;
}

.remodal_wrap .caption { margin-bottom: 2rem; }

@media only screen and (min-width: 720px) {
	.remodal { 
		min-width: 700px;
		max-width: 1000px;
	}
}

@media screen and (min-width: 1000px) {
	/* カートへ追加完了 */
	.remodal_wrap {
		transform: none;
		position: static;
		width: auto;
		margin-top: 5rem;
		height: auto;
		overflow-y: scroll;
		max-height: calc(100vh - 20rem);
	}	
}

@media screen and (max-width: 999px) and (min-width: 481px) {
	.remodal-is-initialized {
		width: 100%;
		height: 100%;
	}
}

@media only screen and (min-width: 481px) {
	/*.remodal-is-initialized {
		width: auto;
		height: auto;
	}*/
	.remodal-close { top: 0; }
	
	/* 数量選択 */
	.modal-addcart .kosuu { padding: 0; }
	.modal-addcart .kosuu li {
		padding: 2.2rem 2rem;
	}
	.modal-addcart .kosuu li:nth-of-type(2) {
		width: 12rem;
		margin: 0 auto;
	}
	.modal-addcart .kosuu li:last-of-type { 
		padding: 2.2rem 2rem 2.2rem 0;
		width: 202px;
	}
}

@media screen and (max-width: 999px) {
	.remodal_wrap { 
		height: calc(100% - 18rem);
		padding: 2rem 1rem 4rem 1rem;
	}
	.remodal-close { top: 4rem; }
}

@media screen and (max-width: 480px) {
	.remodal_wrap .cancel .btn a { 
		padding: 1rem 0.5rem;
		font-size: 14px;
		font-size: 1.4rem;
	}
	
	.remodal-is-initialized {
		width: 100%;
		height: 100%;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.remodal_wrap table th, .remodal_wrap table td { border-bottom: 1px solid #c9c0b9; }
}