@charset "UTF-8";

@font-face {
	font-family: 'calendarFont';
	src: url(Chapaza.ttf);
}
body{line-height:none;}
#modal_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.6);
}
#modal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    width: 90%;
    transform: translate(-50%, -50%);
    background: #92003d;
    padding: 0.1em 0 6em;
		transition:background 2s,color 5s;
}
.modal__photo {
	text-align: center;
  width: 90%;
	margin: 1em auto 0;
	opacity: 0;
}

.modal__thank-txt {
	position: absolute;
	top: 1em;
	opacity: 0;
	width: 100%;
}

.modal__thank-logo {
	position: absolute;
	top: 0.5em;
	text-align: center;
	opacity: 0;
	width: 100%;
}

/* モーダルクローズ ====================*/
.modal__close {
	position: absolute;
	bottom: 0.5em;
	width: 100%;
}
.modal__close__c-box {
	text-align: center;
	margin:.5em 0;
}
.modal__close__c-box label {
	position: relative;
	margin: 0.5em;
	cursor: pointer;
	color: #d5d0b1;
	font-size: .8em;
	line-height: 2em;
}
/* .modal__close__c-box label span {
	vertical-align: bottom;
} */

.modal__close__c-box .option-input {
	position: relative;
	margin: 1em 1em 0 0;
	cursor: pointer;
}
.modal__close__c-box .option-input:before {
	position: absolute;
	z-index: 1;
	top: 0.1em;
	left: 0.1em;
	width: 0.75em;
	height: 0.375em;
	content: '';
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	        transition:         transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform: rotate(-45deg) scale(0, 0);
	        transform: rotate(-45deg) scale(0, 0);
	border: 2px solid #95771d;
	border-top-style: none;
	border-right-style: none;
}
.modal__close__c-box .option-input:checked:before {
	-webkit-transform: rotate(-45deg) scale(1, 1);
	        transform: rotate(-45deg) scale(1, 1);
}
.modal__close__c-box .option-input:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	content: '';
	cursor: pointer;
	border: 1px solid #d5d0b1;
	background: #e2dfcd;
}

#modal__close__btn {
	width: 100%;
	margin: auto;
	text-align: center;
	padding: 0.5em 0;
	background-color: #b3a678;
  color: #474231;
	font-weight: bold;;
	font-size: .8em;
  transition: .4s;
	line-height: 2em;
}