/* popup_1　バナー 通常は感染症対策 */
.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　バナー 通常はGoto */
.popup_2{position: absolute; top: 80px; z-index: 10;}
.popup_2.fixed{position: fixed; top: 80px; z-index: 10;}
.popup_2.left{ left: 0;}
.popup_2.right{ right: 20px;}.popup_2.fixed.right{ right: 15px;}
.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　バナー 通常はstaynavi */
.popup_3{position: fixed; bottom: 230px; z-index: 9999;}
.popup_3.left{ left: 0;}
.popup_3.right{ right: 0;}
.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_4　その他popupバナー */
.popup_4{position: fixed; bottom: 120px; z-index: 100;}
.popup_4.left{ left: 0;}
.popup_4.right{ right: 0;}
.popup_4 a{color:#7d0022; font-weight:bold; font-size:16px; transition: opacity 0.5s ease-out;}
.popup_4 a:hover{opacity: .5;}
.popup_4.close{display: none;}
.popup_4.left .popup_btn{background: #333; border-radius: 50%; color: #fff; cursor: pointer; display: block; height: 27px;  width: 27px; position: absolute; right: 0px; top: 10px; text-align: center;}
.popup_4.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 .popup_contents{width:238px; position: relative;}
.popup_2.fixed .popup_contents{width:173.9px; position: relative;}
.popup_contents{width:250px; position: relative;}
.popup_contents a img{width:100%; height:auto;vertical-align: inherit; }
.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: 40px 35px 30px; max-width:800px;}
.remodal#popup_news{width:95%;max-width:600px;}
.remodal .section_box{margin:0 0 20px 0;}

.remodal h2{font-size:21px; color:#7d0022;margin-bottom: 25px;margin-top:0px;background: none;padding-bottom:0px;}
.remodal h3{margin:10px 0 7px 0; color:#7d0022; font-size:20px;}
.remodal h4{margin:0 0 10px 0; color:#59493f; font-size:16px;}

.remodal .futoji{font-weight:600;}
.remodal .red{color:red;}

.remodal .message{padding:0 0 20px 0; font-size:15px;}
.remodal .message p{letter-spacing: 0px;}
#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:0px; font-size:15px;text-align:left;line-height: 1.6em;margin:0;}
#goto .message p.list{padding-left:1em;text-indent: -1em;}
#popup_news .message p{padding-bottom:0px; font-size:16px;text-align:left;line-height: 1.6em;margin:0;}
#popup_news .message p.list{padding-left:1em;text-indent: -1em;}
#popup_news .message p.p2{font-size:14px;text-align:right;padding-right:10px;}


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

.sp_on{display: none;}
.pc_on{display: block;}
@media screen and (max-width:1087px){
	.popup_4{bottom: 60px;}
}
@media only screen and (max-width: 767px){
.remodal{padding:30px 10px 20px;}
.remodal h2{font-size:19px; color:#7d0022;}
.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:10px 0px 10px; font-size:14px;}
#kansenshou .message p{padding-bottom:3px; font-size:14px;text-align:left;line-height: 1.6em;margin:0;}
#goto .message p{font-size:14px;}
#popup_news .message p{padding-left:0px;}
.popup_contents{width:250px;}
.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;}
}


#tokuten,#tokuten *,#tokuten *:before,#tokuten *:after{
	box-sizing: border-box;
}
#tokuten.remodal{
	max-width: 700px;
	padding: 30px 40px 30px;
}
#tokuten.remodal .message{
	text-align: left;
}
#tokuten.remodal .message h2,
#tokuten.remodal .message h3,
#tokuten.remodal .message h4{
	font-family: YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "メイリオ", sans-serif;
	font-weight: 600;
}

#tokuten.remodal .message .tokuten_title{
	display: grid;
	grid-template-columns: 1fr 3.5fr 1fr;
	align-items: end;
}
#tokuten.remodal .message .tokuten_title h2{
	font-size: clamp(22px, 1.6vw, 26px);
	color: #EB033D;
	margin: 0;
}
#tokuten.remodal .message .tokuten_title h2 span{
	font-size: calc(100% * 1.2);
	margin: 0;
	letter-spacing: 0.1em;
    display: inline-block;
    padding: 0.3em 0em 0;
    border-bottom: solid 1px;
}
#tokuten.remodal .message h3{
	font-size: clamp(20px, 1.6vw, 24px);
}
#tokuten.remodal .message h2,#tokuten.remodal h3{
	text-align: center;
	line-height: 1.3em;
}
#tokuten.remodal .message ul {
	padding: 0;
	margin: 0;
}
#tokuten.remodal .message ul li{
	width: 100%;
	height: auto;
	display: grid;
	grid-template-columns: 6% 4em auto 6%;
	grid-template-rows: 3em auto;
	grid-template-areas: 
		"... no ... ..."
		"cont cont cont cont";
	gap: 0px 1.5%;
	text-align: left;
	list-style: none;
	line-height: 1.7em;
	color: #7d0022;
	margin-block: -30px 20px;
	align-items: center;
}
#tokuten.remodal .message ul li:first-of-type{
	margin-block: 0px 20px;
}
#tokuten.remodal .message ul li:last-of-type{
	margin-block: -30px 25px;
}

#tokuten.remodal .message ul li > *{
	align-self: center;
	margin: 0;
}
#tokuten.remodal .message ul li > div{
	grid-area: cont;
	padding: 20px 15px 20px;
	border-radius: 5px;
	box-shadow: 0px 2px 7px rgba(0,0,0,0.3);
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 5px 2%;
	margin-block: -10px 0;
	background: #fff;
	border: 1px solid #888;
}

#tokuten.remodal .message ul li h4{
	grid-area: no;
	text-align: center;
	padding: 7px 3px 10px;
	background: #DD336D;
	font-size: clamp(13px, 0.8vw, 16px);
	color: #fff;
	border-radius: 10px;
	border: 1px solid #333;
}
#tokuten.remodal .message ul li div h3{
	font-size: clamp(18px, 1.5vw, 22px);
	color: #7d0022;
	line-height: 1.5em;
	text-align: left;
	margin: 0;
	width: 100%;
}

#tokuten.remodal .message ul li div h3 span{
	font-size: calc(100% * 0.85);
}
#tokuten.remodal .message ul li div h3 span.emphasis{
	font-size: calc(100% * 1.1);
    color:#E02750;
    background: linear-gradient(transparent 70%, #FFF69E 70%);
}
#tokuten.remodal .message ul li div p{
	color:#d35;
	font-size: clamp(17px, 1.2em, 20px);
	margin: 0;
	width: 100%;
	background: #ddd;
	padding: 10px;
	height: auto;
    font-weight: 600;
    font-family: YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "メイリオ", sans-serif;
    letter-spacing: 0.1rem;
    text-shadow:0 0 3px rgba(255,255,255,0.8),0 0 3px rgba(255,255,255,0.8),0 0 3px rgba(255,255,255,0.8),0 0 3px rgba(255,255,255,0.8),0 0 3px rgba(255,255,255,0.8),0 0 3px rgba(255,255,255,1),0 0 3px rgba(255,255,255,1),0 0 3px rgba(255,255,255,1);
}

.footer_under,.footer_under *{
	box-sizing: border-box;
}

.footer_under{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: auto;
	flex-wrap: wrap;
	position: fixed;
	bottom: 0;
	left: 0;
	margin:0;
	background: rgba(255,255,255,0.5);
	z-index: 10000;
}

.footer_under a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50%;
	height: auto;
	font-size: 17px;
	line-height: 1.2em;
	padding: 15px;
	gap:10px;
	background: #fff;
	text-decoration: none;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 800;
	text-align: center;
	color: #313131;
	border-top: 1px solid #ddd;
}
.footer_under a:nth-of-type(odd){
	border-right: 1px solid #ddd;
}
.footer_under a:only-child{
	width: 100%;
}
.footer_under:nth-of-type(n+2) a{
	width: 50%;
}
.footer_under a img{
	width: auto;
	height: 46px;
}
.footer_under a span{
	font-size: calc(100% * 0.8);
	padding-right: 0.5em;
}
.footer_under:after{
	content: "";
	display: block;
	width: 50%;
	height: 0px;
}

.yoyaku_btn{
	width: 10em;
	display: block;
	text-align: center;
	padding: 5px;
	background: #67592F;
	color: #fff;
	border-radius: 3px;
	margin: 0 auto;
	text-decoration: none;
}
a.yoyaku_btn:link, a.yoyaku_btn:visited{
	color: #fff;
	text-decoration: none;
}
.yoyaku_btn:hover{
	opacity: 0.5;
}
.first{display: none;}
.info{margin:0 0 20px 0;}

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


@media only screen and (max-width: 767px){
footer {
	padding-bottom: 95px!important;
}
	#page_top {
		bottom: 95px!important;
}
.remodal{padding:20px;}
#tokuten.remodal{
	padding: 40px 20px 30px;
}
	#tokuten.remodal .message ul li > div{
	flex-direction: column;
	gap: 10px;
}
	#tokuten.remodal .message ul li div p{
	margin: 0;	
}
    #tokuten.remodal .message ul li div h3,
    #tokuten.remodal .message ul li div p{
        text-align: center;
    }
    
	.footer{
		padding-bottom: 50px!important;
	}
.popup_contents a{width:100%}
.popup_contents a img{width:100%; height:auto; }
.sp_on{display: block;}	
.pc_on{display: none;}
}
@media screen and (max-width:500px){
	#tokuten.remodal .message .tokuten_title{
	grid-template-columns: 1fr 2.5fr 1fr;
	grid-template-rows: auto auto;
	grid-template-areas:
			"tokutentitle tokutentitle tokutentitle"
			"kazari1 ... kazari2";
}
	#tokuten.remodal .message .tokuten_title h2{
		grid-area: tokutentitle;
	}
	#tokuten.remodal .message .tokuten_title .kazari1{
		grid-area: kazari1;
		margin-top: -40px;
	}
	#tokuten.remodal .message .tokuten_title .kazari2{
		grid-area: kazari2;
		margin-top: -40px;
	}
	.footer_under a{
		color:#111;
	font-size: 14px;
}
	.footer_under a img{
	width: auto;
	height: 35px;
}
}