.popup_1{position: fixed; bottom: 20px; z-index: 9999;}
.popup_1.left{ left: 0;}
.popup_1.right{ right: 0;}
.popup_1.close{display: none;}
.popup_1.left .popup_btn{background: #333; border-radius: 50%; color: #fff; cursor: pointer; display: block; height: 27px;  width: 27px; position: absolute; right: -10px; top: -10px; text-align: center;}
.popup_1.right .popup_btn{background: #333; border-radius: 50%; color: #fff; cursor: pointer; display: block; height: 27px;  width: 27px; position: absolute; left: -10px; top: -10px; text-align: center;}

.popup_2{position: fixed; bottom: 120px; z-index: 9999;}
.popup_2.left{ left: 0;}
.popup_2.right{ right: 0;}
.popup_2.close{display: none;}
.popup_2.left .popup_btn{background: #333; border-radius: 50%; color: #fff; cursor: pointer; display: block; height: 27px;  width: 27px; position: absolute; right: -10px; top: -10px; text-align: center;}
.popup_2.right .popup_btn{background: #333; border-radius: 50%; color: #fff; cursor: pointer; display: block; height: 27px;  width: 27px; position: absolute; left: -10px; top: -10px; text-align: center;}

.popup_3{position: fixed; bottom: 20px; z-index: 9999;}
.popup_3 a{color:#7d0022; font-weight:bold; font-size:16px; transition: opacity 0.5s ease-out;}
.popup_3 a:hover{opacity: .5;}
.popup_3.close{display: none;}
.popup_3.left .popup_btn{background: #333; border-radius: 50%; color: #fff; cursor: pointer; display: block; height: 27px;  width: 27px; position: absolute; right: -10px; top: -10px; text-align: center;}
.popup_3.right .popup_btn{background: #333; border-radius: 50%; color: #fff; cursor: pointer; display: block; height: 27px;  width: 27px; position: absolute; left: -10px; top: -10px; text-align: center;}

.popup_contents{width:250px; position: relative;}
.popup_contents a img{width:100%; height:auto; }
.popup_contents a{color:#7d0022; font-weight:bold; font-size:16px; transition: opacity 0.5s ease-out;}
.popup_contents a:hover{opacity: .5;}



.remodal{padding: 55px 40px 40px; max-width:800px;}
.remodal .section_box{margin:0 0 20px 0;}
.remodal .message{padding:0 0 20px 0; font-size:14px;}
#kansenshou .message{padding:0 70px 20px 70px; font-size:15px;}
#kansenshou .message p{padding-bottom:5px; font-size:15px;text-align:center;line-height: 1.6em;margin:0;}
#kansenshou .message p.list{padding-bottom:3px; padding-left:1em;text-indent: -1em;text-align:left;}
#goto .message p{padding-bottom:5px; font-size:14px;padding-left:1em;text-indent: -1em;text-align:left;line-height: 1.6em;margin:0;}
#thanks .message p{padding-bottom:5px; font-size:16px;padding-left:1em;text-indent: -1em;text-align:left;line-height: 1.6em;margin:0;}
#thanks .message {padding-bottom:5px; font-size:16px;padding-left:1em;text-indent: -1em;text-align:left;line-height: 1.6em;margin:0;}
.remodal h2{font-size:20px; color:#7d0022;margin-bottom: 15px;}
.remodal h3{margin:10px 0 7px 0; color:#7d0022; font-size:21px;}
.remodal h4{margin:0 0 10px 0; color:#59493f; font-size:16px;}

.first{display: none;}
.info{margin:0 0 20px 0;}

.sp_on{display: none;}
.pc_on{display: block;}

@media only screen and (max-width: 767px){
.remodal{padding:20px 15px 20px;}
.remodal h2{font-size:19px; color:#7d0022;margin-bottom: 15px;}
.remodal h3{font-size:18px; margin:10px 0 7px 0; color:#7d0022;}
.remodal h4{font-size:16px; margin:0 0 10px 0; color:#59493f;}
#kansenshou .message{padding:0px; font-size:14px;}
#kansenshou .message p{padding-bottom:3px; font-size:14px;text-align:left;line-height: 1.6em;margin:0;}
.popup_contents{width:80%;}
.popup_contents a{width:100%}
.popup_contents a img{width:100%; height:auto; }
.sp_on{display: block;}	
.pc_on{display: none;}
}
@media (orientation: landscape) and (max-width: 767px){
.remodal{padding:40px 60px 20px 70px;}
}
.remodal #thanks h3{margin:10px 0 10px 0; color:#7d0022; font-size:20px;}
.remodal #thanks h3 + p{font-size:13px;text-align: right;margin-bottom:-25px;margin-right:40px;}
.thanks_list {
	display:flex;
	width:98%;
	/*max-width:830px;*/
	padding:10px 0px;
	box-sizing: border-box;
	margin:0 auto 10px;
	flex-wrap:wrap;
}
.name_list_title {
	display:block;
	cursor: pointer;
	text-align: center;
	width:80%;
	max-width:300px;
	margin:0 auto;
	padding:5px 10px;
	background:rgba(255,216,186,0.70);
	box-shadow:2px 2px 0px rgba(0,0,0,0.3);
	margin-bottom:20px;
}
.name_list_title h3{
	margin-top:5px;
	margin-bottom:0px;
}
.ac_contents {
	display:none;
	width:98%;
	max-width:933px;
	padding:10px 5px;
	/*border:#FF8D52 solid 1px;*/
	border-radius: 10px;
	background:rgba(255,255,255,0.6);
	box-shadow:2px 2px 5px rgba(0,0,0,0.2);
	margin:0 auto;
	box-sizing: border-box;
}
.ac_contents > p{
	text-align: right;
	padding-right: 30px;
}
.thanks_list ul{
	display:block;
	width:299px;
	padding:15px 10px 5px 10px;
	box-sizing:border-box;
	margin:0;
	text-align:center;
	border-bottom:dotted 2px rgba(249,226,193,0.8);
}
/*.thanks_list ul:nth-child(3n){
	width:230px;
}*/
.thanks_list ul li{
	/*display:block;*/
	text-align: center;
	font-size:13px;
	margin-top:2px;
	margin-bottom:2px;
	padding-top:3px;
	padding-left:0px;
	padding-bottom:3px;
	background:#eee;
}
@media screen and (max-width: 767px) {
	/*.thanks_list {
	max-width:330px;
}*/
	.ac_contents{
		max-width:623px;
		margin:0 auto;
	}
}
@media screen and (max-width: 360px) {
	/*.thanks_list {
	max-width:330px;
}*/
	.ac_contents{
		max-width:330px;
	}
	.thanks_list ul{
	padding:15px 5px 5px 15px;
}
}

.thanks_message {
	width:95%;
	max-width:1140px;
	display:block;
	margin:30px auto 30px;
	
}

.thanks_inner {
	display:block;
	width:100%;
	height:525px;
	margin:0 auto 30px;
	padding:35px 50px 45px 60px;
	background: rgba(255,208,191,0.30);
	/*background: rgba(255,255,255,0.5);*/
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	box-sizing: border-box;
}
.thanks_inner:after {
	clear:both;
}
.thanks_inner p{
	display:block;
	text-align: left;
	font-size:16px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:600;
	line-height: 1.9em;
	box-sizing: border-box;
	padding-right:0px;
	text-decoration-line: underline;
	text-decoration-color:rgba(255,255,255,0.7);
	text-underline-position:under;
}
.thanks_inner p span{
	font-size:14px;
	margin-left:63%;
}
@media only screen and (min-width: 567px){
.thanks_inner p span{
	margin-left:78%;
}
}
.thanks_inner p:nth-of-type(1){
	width:100%;
	
}
.thanks_inner p:nth-of-type(2){
	display:inline;
	float:left;
	width:60%;
	padding-right:5px;
	margin-bottom:10px;
}
.thanks_inner p:nth-of-type(2):after{
	clear:both;
}
.thanks_img{
	display:block;
	width: 40%;
	float:right;
	box-sizing: border-box;
	padding-top:5px;
	padding-left:5px;
	padding-right:10px;
}
.thanks_img img{
	width:100%;
}
.thanks_img p{
	text-align: center;
	text-decoration: none;
}
.popup_4 {
	display:inline-block;
	/*width:400px;*/
	margin-top:20px;
	margin-left:104px;
	padding:0px 20px;
	background: #FFE0C9;
	box-shadow: 3px 3px 0px rgba(0,0,0,0.2);
	text-decoration: none;
}

.popup_4 p{
	text-decoration-color:#FFE0C9;	
}

.popup_4 p:hover{
	text-decoration-color:#FFE0C9;	
}
.popup_4:hover{
	/*opacity: 0.5;*/
	box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
	margin-left:105px;
	margin-top:21px;
	margin-bottom:-1px;
}
.longname {
	letter-spacing: -1px;

}
@media only screen and (max-width: 800px){

.thanks_message {
	width:98%;
	max-width:600px;
	display:block;
	margin:10px auto;
	
}
.thanks_inner {
	display:block;
	width:95%;
	height:auto;
	margin:0 auto 30px;
	padding:20px 10px 10px 10px;
}

.thanks_inner p{
	display:block;
	text-align: left;
	font-size:14px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:600;
	line-height: 1.9em;
	box-sizing: border-box;
	padding-right:0px;
	text-decoration-line: underline;
	text-decoration-color:rgba(255,255,255,0.7);
	text-underline-position:under;
	float:none;
}

.thanks_img{
	display:block;
	width: 95%;
	max-width:450px;
	height: auto;
	box-sizing: border-box;
	margin: 0 auto;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	float:none;
}
.thanks_img p{
	text-align: center;
	margin: -5px auto 0px;
}

.popup_4 {
	display:block;
	text-align: center;
	width:85%;
	max-width:400px;
	float:none;
	margin:10px auto 10px;
	padding:5px 20px;
	background: #FFE0C9;
	box-shadow: 3px 3px 0px rgba(0,0,0,0.2);
	text-decoration: none;
	box-sizing: border-box;
}

.popup_4 p{
	text-decoration-color:#FFE0C9;	
}

.popup_4 p:hover{
	text-decoration-color:#FFE0C9;	
}
.popup_4:hover{
	/*opacity: 0.5;*/
	box-shadow: 3px 3px 0px rgba(0,0,0,0.2);
	margin:10px auto;
}

}

@media only screen and (min-width: 801px){
.thanks_img{
	margin: -68px auto;
	float:right;
}	
}


.popup_contents_umekomi {
	width:100%;
}