@charset "utf-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
	width: 100%;
	}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img { width:100%; }

/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/

/* clearfix */
/* for modern browser */
.clearfix { display: inline-block; }
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.sp{ display:none; }
a.none:hover{ opacity: 1; cursor: default; }


@media screen and (max-width:750px){
.pc{ display:none; }
.sp{ display:inline-block; }
}

.trs{
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	}

@-webkit-keyframes fdAnm {
  0%   { opacity: 0; }
  20%   { opacity: 0; }
  100%  { opacity: 1; }
}
@keyframes fdAnm {
  0%   { opacity: 0; }
  20%   { opacity: 0; }
  100%  { opacity: 1; }
}
.fdAnm {
	-webkit-animation: fdAnm 1s linear forwards;
  animation: fdAnm 1s linear forwards;
	}

/*  1:共通
==================================*/
html,body{ height:100%; }
div#container{
	position:relative;
	width:100%;
	height:100%; 
	height:auto; 
	margin:0 auto;
	}
* html div#container{ height:100%; }
/*div#container { padding-bottom: 40px; }*/

@media screen and (max-width:750px){
/*	div#container{ padding: 18.667% 0 12.899%; }*/
}

#head{
	position: fixed;
	top: 0;
	left: 0; right: 0;
	background-color: #fff;
	width:100%;
	min-width:1200px;
	margin: 0;
	z-index: 9999;
	}
	#head a:hover{ opacity: 1; }
	#head h1{
		float: left;
		width: 329px;
		margin: 20px 30px 0;
		}
	#hNav{
		float: right;
		margin: 25px 30px 0;
		margin-left: 0;
		font-size: 0;
		overflow: hidden;
		}
		#hNav .tel{
			position: relative;
			display: inline-block;
			border-right: solid 1px #ccc;
			width: 425px;
			margin-right: 25px;
			padding: 0 25px 5px;
			font-size: 13px;
			line-height: 1.8;
			vertical-align: middle;
			}
		#hNav .tel img{
			display: inline-block;
			width: 220px;
			margin-right: 8px;
			vertical-align: middle;
			}
			#hNav .tel span{
				display: inline-block;
				font-size: 10px;
				line-height: 1.3;
				vertical-align: middle;
				letter-spacing: -0.05em;
				}
		#hNav ul{
			display: inline-block;
			vertical-align: middle;
			}
		#hNav ul li{
			position: relative;
			display: inline-block;
			margin-right: 20px;
			vertical-align: middle;
			
/*			line-height: 60px;*/
			line-height: 1.6;
			}
		#hNav ul li.btn{
			width: 174px;
			height: 60px;
			margin-right: 5px;
			font-size: 17px;
			text-align: center;
			}
		#hNav ul li.btn.res{ margin-right: 0; }

		#hNav ul li.navi{
			width: 0;
			margin-right: 0;
			line-height: 60px;
			text-align: center;
			cursor: pointer;
			overflow: hidden;
			display: none;
			}
/*		#hNav ul li:nth-child(4){ margin-right: 0; }*/
			#hNav ul li a{
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				color: #000;
				text-decoration: none;
				}
			#hNav ul li.lnk a{ padding-left: 15px; text-align: right;}
			#hNav ul li.lnk a::before,
			#hNav ul li.lnk a::after{
				position: absolute;
				top: 0; bottom: 0;
				right: 62px;
				content: "";
				display: inline-block;
				background: url("../img/common/ico_arrow.png") no-repeat center/contain;
				width: 10px;
				height: 10px;
				margin: auto;
				vertical-align: middle;
				-webkit-transition: all 0.3s;
				transition: all 0.3s;
				}
			#hNav ul li.lnk a.popMap::before,
			#hNav ul li.lnk a.popMap::after{
				left: -113px!important;
				}
			#hNav ul li.lnk a::after{
				background-image: url("../img/common/ico_arrow_on.png");
				opacity: 0;
				}
			#hNav ul li.lnk a.popMap::after{
				background-image: url("../img/common/ico_arrow_on.png");
				opacity: 0;
				}
			#hNav ul li.lnk a:hover{ color: #a0975a; }
			#hNav ul li.lnk a:hover::before,
			#hNav ul li.lnk a:hover::after{
				opacity: 0;
				-webkit-transition: all 0.3s;
				transition: all 0.3s;
				}
			#hNav ul li.lnk a:hover::after{ opacity: 1; }
			#hNav ul li.btn a{
				background-color: #a0975a;
				color: #fff;
				line-height: 60px;
				}
			#hNav ul li.btn a:hover,
			#hNav ul li.navi span:hover{ opacity: .7; }
	#gNav{
		clear: both;
		width: 100%;
		margin: 0 auto;
		font-size: 0;
		overflow: hidden;
		}
		#gNav ul{
			width: 1200px;
			margin: 0 auto;
			padding-top: 25px;
			font-size: 0;
			overflow: hidden;
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items: center;
			-webkit-justify-content: center;
			justify-content: center;
			-ms-flex-wrap: nowrap;
			flex-wrap: nowrap;
			}
			#gNav li{
				position: relative;
				display: inline-block;
				margin-left: 74px;
				text-align: center;
				}
				#gNav li:first-child{ margin-left: 0; }
			#gNav li.new{
				text-align: center;
				}
			#gNav li.new::before{
				position: absolute;
				top: -20px;
				left: 0;
				right: 0;
				content: "NEW";
				font-size: 9px;
				color: #d20000;
				display: inline-block;
				pointer-events: none;
				}
				#gNav li a{
					display: inline-block;
					border-bottom: solid 3px #fff;
					color: #000;
					text-decoration: none;
					}

				#gNav li a:hover,
				#gNav li.active a{
					border-bottom-color: #a0975a;
					color: #fff;
					}
				#gNav li.active a{ pointer-events: none; }
				#gNav li a.none:hover{ border-bottom-color: #fff; }
		/*#gNav li.none a{
			opacity: .4;
			pointer-events: none;
			}*/

@media screen and (max-width:750px){
	#head{ min-width:0; }
		#head h1{
			float: left;
			width: 52%;
			margin: 4% 4% 0;
			}
		#hNav{
			width: 20.267%;
			margin: 0;
			}
			#hNav .tel{ display: none; }
			#hNav ul{ display: block; }
			#hNav ul li{ display: none; }
			#hNav ul li.navi{
				display: block;
				width: 100%;
				line-height: inherit;
				}
				#hNav ul li.navi span{
					display: block;
					width: 100%;
					}
					#hNav ul li.navi img{
						width: 40.789%;
						margin: 30.263% auto;
						}
		#gNav{ display: none; }
}

/*
#contents{
	position:relative;
	width:100%;
	min-width: 1200px;
	padding: 0;
	box-sizing: border-box;
	}
*/
@media screen and (max-width:750px){
	#contents{ min-width: 0; }
}

.anf {
	position: relative;
	opacity: 0;
	transition: .5s;
	}
.anm {
	position: relative;
	opacity: 0;
	-webkit-transform: translate(0, 10px);
	transform: translate(0, 10px);
	transition: all .8s .2s;
	}
.anm.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	}

.secWrap { overflow: hidden; }
.mainImgWrap {
	position: relative;
	width: 100%;
	height: 550px;
	min-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	}
	.mainImgWrap h2 {
		position: absolute;
		top: 0; bottom: 0;
		left: 0; right: 0;
		margin: auto;
		opacity: 0;
		z-index: 2;
		}
	.mainImgWrap .img {
		width: 100%;
		margin: auto;
		opacity: 0;
		}
		.mainImgWrap .img img {
			width: 100%;
			height: 550px;
			visibility: hidden;
			}
	.mainImgWrap .cap {
		position: absolute;
		bottom: 4px;
		right: 4px;
		margin: auto;
		font-size: 12px;
		text-align: right;
		color: #fff;
		text-shadow: 0 0 1px #000, 0 0 3px #000, 0 0 7px #000;
		opacity: 0;
		z-index: 2;
		}

@media screen and (min-width:1366px){
	.mainImgWrap { height: auto; }
		.mainImgWrap .img img { height: auto; }
}

@media screen and (max-width:750px){
	.mainImgWrap {
		height: auto;
		min-width: 0;
		}
			.mainImgWrap .img img {
				height: auto;
				visibility: visible;
				}
		.mainImgWrap .cap { font-size: 2.667vw; }
}

.toTop{
	display: none;
	position: fixed;
	bottom: 0;
	right: 20px;
	width: 60px;
	margin-bottom: 20px;
	z-index: 9999;
	}
@media screen and (max-width:750px){
	.toTop{
		right: 2.667%;
		width: 13.333%;
		margin-bottom: 16.667%;
		}
}

.footBlk{
	background-color: #fff;
	min-width: 1200px;
	}

.footCap,
.caption{
	width:1200px;
	margin: 30px auto;
	font-size: 12px;
	line-height: 1.54;
	}
	.caption.notice::before {
		display: inline-block;
		float: left;
		content: "予告広告";
		border:  solid 1px #333;
		margin-right: 10px;
		padding: 5px 15px;
		font-size: 15px;
		box-sizing: border-box;
		}

#foot{
	background-color: #fff;
	min-width: 1200px;
	padding-bottom: 10px;
	font-size: 0;
	text-align: center;
	}
	#fNav {
		background-color: #000;
		margin-bottom: 20px;
		font-size: 0;
		text-align: center;
		}
		#fNav li {
			position: relative;
			display: inline-block;
			margin: 0 25px;
			font-size: 13px;
			}
			#fNav li a {
				display: block;
				padding: 10px 0;
				color: #fff;
				text-decoration: none;
				}
			#fNav li.none a{
				opacity: .4;
				pointer-events: none;
				}
	#foot .fWrap{
		width: 1200px;
		margin: 0 auto;
		}
		#foot .fWrap .tel{
			float: left;
			display: inline-block;
			font-size: 15px;
			text-align: left;
			letter-spacing: -0.04em;
			}
			#foot .fWrap .tel a{
				display: inline-block;
				width: 295px;
				margin: 5px 0 10px;
				margin-right: 10px;
				vertical-align: middle;
				pointer-events: none;
				}
			#foot .fWrap .tel span{
				display: inline-block;
				font-size: 12px;
				line-height: 1.33;
				vertical-align: middle;
				letter-spacing: 0.02rem;
				}
			#foot .fWrap .tel span .red{
				color: #e10000;
				}
#foot .fWrap .tel span .redBox{ color: #e70d0d; }
		#foot .fWrap .logo{
			float: right;
			font-size: 0;
			}
		#foot .fWrap .logo li{
			display: inline-block;
			width: 172px;
			margin-left: 30px;
			}
		#foot .fWrap .logo li:first-child{
			width: 156px;
			margin-left: 0;
			}
			#foot .fWrap .logo li span{
				display: inline-block;
				margin-bottom: 10px;
				font-size: 13px;
				}
	#foot .copyright{
		clear: both;
		font-size: 11px;
		color: #aaa;
		text-align: left;
		}


@media screen and (max-width:750px){
.footBlk{ min-width: 0; }

	.footCap,
	.caption{
		width:89.333%;
		margin-bottom: 5.970%;
		font-size: 2.667vw;
		line-height: 1.4;
		}
		.caption.notice::before {
			display: block;
			float: none;
			width: 100%;
			margin: 0 0 2.239%;
			padding: 2.239% 0;
			font-size: 2.667vw;
			text-align: center;
			}

	#foot{
		min-width: 0;
		padding-bottom: 7.333%;
		}
		#fNav { margin-bottom: 9.333%; }
			#fNav ul { margin-left: -1px; }
			#fNav li {
				border-bottom: solid 1px #fff;
				border-left: solid 1px #fff;
				width: 50%;
				margin: 0;
				font-size: 3.2vw;
				box-sizing: border-box;
				}
				#fNav li a { padding: 8% 0; }
/*			#fNav li:last-child {
				border-left: none;
				width: 100%;
				}
				#fNav li:last-child a { padding: 4% 0; }*/
			#fNav li:first-child{ width: 100%; }
			#fNav li:first-child a{ padding: 4% 0; }
			#fNav li.new::after {
				position: absolute;
				top: 0;
				right: 0;
				content: "";
				display: inline-block;
				background: url("../img/common/ico_new.png") no-repeat center/100% auto;
				width: 12.267%;
				height: 0;
				margin-left: 0;
				padding-bottom: 5.867%;
				pointer-events: none;
				}
		#foot .fWrap{ width: 100%; }
			#foot .fWrap .tel{
				float: none;
				margin-bottom: 9.333%;
				font-size: 3.733vw;
				text-align: center;
				}
				#foot .fWrap .tel a{
					width: 65.333%;
					margin: 3.333% auto 2.667%;
					pointer-events: auto;
					}
				#foot .fWrap .tel span{
					font-size: 2.667vw;
					line-height: 1.4;
					}
			#foot .fWrap .logo{
				float: none;
				margin-bottom: 12%;
				}
			#foot .fWrap .logo li{
				display: inline-block;
				width: 39.2%;
				margin: 0 3.333%;
				}
			#foot .fWrap .logo li:first-child{ width: 33.333%; }
				#foot .fWrap .logo li span{
					margin-bottom: 4%;
					font-size: 2.933vw;
					}
		#foot .copyright{
			font-size: 2.4vw;
			text-align: center;
			}
}

/**/
.pop #head{
	position: absolute;
	min-width: 0;
	}
	.pop #head .hWrap{ width: auto; }
	.pop #head h1{ margin-bottom: 20px; }
	.pop #hNav{ display: none; }
	.pop #gNav{ display: none; }

.pop #contents{ min-width: 0; }
.pop .popBtnBox{
	margin-bottom: 100px;
	font-size: 0;
	text-align: center;
	}
	.pop .popBtnBox li{
		display: inline-block;
		margin: 0 auto;
		}
	.pop .popBtnBox li a{
		display: inline-block;
		background-color: #000;
		padding: 25px 95px;
		font-size: 18px;
		color: #fff;
		text-decoration: none;
		line-height: 1;
		white-space: nowrap;
		box-sizing: border-box;
		}
	.pop .popBtnBox li a:hover{ opacity: .7; }
	.pop .caption{ width:100%; }

.pop .footBlk{ display: none; }
.pop #foot{ display: none; }

@media screen and (max-width:750px){
.pop div#container{ padding:15.6% 0 14.933%; }
	.pop #head{ position: fixed; }
		.pop #head .hWrap{
			width: 94.667%;
			}
		.pop #head h1{
			width: 47.733%;
			margin: 2.667% 2.667% 0;
			}
		.pop .min #head h1{
			width: 32.533%;
			margin: 2.667% 2.667% 0;
			}
		.pop #hNav{
			display: block;
			width: 15.6%;
			margin: 0;
			}
		.pop #hNav .spNav{
			position: relative;
			display: block;
			margin-top: 10.429%;
			}
	
	.pop .popBtnBox{ margin-bottom: 13.333%; }
		.pop .popBtnBox li{
			width: 52.267%;
			margin: 0 auto;
			}
		.pop .popBtnBox li a{
			width: 100%;
			padding: 11.480% 0;
			font-size: 3.84vw;
			}
}


#bNav{
	position: fixed;
	bottom: 0;
	right: -447px;
	background-color: #333;
	border-top: solid 1px #fff; 
	width: 447px;
	height: calc(100vh - 69px);
	text-align: center;
	z-index: 9999;
	}
	#bNav ul {
		position: absolute;
		top: 0; bottom: 0;
		width: 100%;
		height: 353px;
		margin: auto;
		}
		#bNav li {
			position: relative;
			margin-bottom: 20px;
			}
			#bNav li.new::after {
				content: "";
				display: inline-block;
				background: url("../img/common/ico_new.png") no-repeat center/100% auto;
				width: 29px;
				height: 13px;
				margin-left: 7px;
				pointer-events: none;
				}
			#bNav li a {
				font-size: 18px;
				color: #000;
				letter-spacing: -0.04em;
				text-decoration: none;
				}
		#bNav li.none a{
			opacity: .4;
			pointer-events: none;
			}


.overlay{ display: none; }
.spNav{ display: none; }

@media screen and (max-width:750px){
	.overlay{
		position: fixed;
		top: 0;
		left: 0;
		background-color: rgba(0,0,0,.8);
		width: 100%;
		height: 100%;
		z-index: 99999;
		}
	.spNav{
		position: fixed;
		top: 0;
		right: -86.667%;
		display: block;
		background-color: #fff;
		width: 86.667%;
		height: 100vh;
		overflow: hidden;
		z-index: 100000;
		-webkit-transition: right .5s;
		transition: right .5s;
		}
	.spNav.view{
		right: 0;
		-webkit-transition: right .5s;
		transition: right .5s;
		}
	.spNav .btnClose{
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 7.385%;
		margin: 6.923% 7.692%;
		}
	.spNav .wrap{
		clear: both;
		display: block;
		width: 100%;
		height: calc(100vh - 10.667vw);
		height: 100vh;
		margin-top: 21.538%;
		overflow: auto;
		/*box-sizing: border-box;*/
		}
	.spNav .wrap ul{ margin-bottom: 9.231%; }
	.spNav .wrap li{ border-bottom: solid 1px #ccc; }
	.spNav .wrap li.new{ position: relative;}
	.spNav .wrap li.new::before{ position: absolute;  content: "NEW";font-size: 2.667vw; left: 35.867%; top: 40%; color: #d20000;}
	.spNav .wrap li:first-child{ border-top: solid 1px #ccc; }
	.spNav .wrap li a{
		position: relative;
		display: block;
		width: 100%;
		padding: 4.154% 9.231%;
		font-size: 4.267vw;
		color: #000;
		text-decoration: none;
		letter-spacing: 0.08em;
		box-sizing: border-box;
		}
	.spNav .wrap .btn{
		background-color: #a0975a;
		width: 81.538%;
		margin: 0 auto 1.538%;
		}
	.spNav .wrap .btn.res{ margin-bottom: 30.538%; }
	.spNav .wrap .btn.loan{
		background: rgb(127,1,1);
		background: -moz-linear-gradient(left,  rgba(127,1,1,1) 0%, rgba(227,0,0,1) 50%, rgba(127,1,1,1) 100%);
		background: -webkit-linear-gradient(left,  rgba(127,1,1,1) 0%,rgba(227,0,0,1) 50%,rgba(127,1,1,1) 100%);
		background: linear-gradient(to right,  rgba(127,1,1,1) 0%,rgba(227,0,0,1) 50%,rgba(127,1,1,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f0101', endColorstr='#7f0101',GradientType=1 );
		}
	.spNav .wrap .btn a{
		display: block;
		padding: 5.385% 0;
		font-size: 4.267vw;
		color: #fff;
		text-decoration: none;
		text-align: center;
		}
	.spNav .wrap .btn.loan a{
		padding: 2.687% 0;
		font-size: 3.467vw;
		}
	
}

.fixBtn{ display: none; }
/*
@media screen and (max-width:750px){
	.fixBtn{
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		background-color: #fff;
		width: 100%;
		font-size: 0;
		z-index: 9998;
		}
	.fixBtn p{
		display: inline-block;
		background-color: #b3babd;
		border-right: solid 1px #fff;
		width: calc(25% - 1px);
		}
	.fixBtn p.req{
		background-color: #a0975a;
		}
	.fixBtn p.res{
		background-color: #a0975a;
		border-right: none;
		}
}
*/
@media screen and (max-width:750px){
	.fixBtn{
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		background-color: #fff;
		width: 100%;
		font-size: 0;
		z-index: 9998;
		}
	.fixBtn p{
		display: inline-block;
		background-color: #b3babd;
    margin-right: 0.19%;
		width: 49.867%;
		}
	.fixBtn p.req{
		background-color: #a0975a;
		}
	.fixBtn p.res{
		background-color: #a0975a;
    margin-right: 0;
		}
}


.toTop{ margin-bottom: 60px; }

@media screen and (max-width:750px){
	.toTop{ margin-bottom: 16.667%; }
}

.fix.loan{
	display: block;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	}
.fix.loan a{
	display: block;
	background: rgb(127,1,1);
	background: -moz-linear-gradient(left,  rgba(127,1,1,1) 0%, rgba(227,0,0,1) 50%, rgba(127,1,1,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(127,1,1,1) 0%,rgba(227,0,0,1) 50%,rgba(127,1,1,1) 100%);
	background: linear-gradient(to right,  rgba(127,1,1,1) 0%,rgba(227,0,0,1) 50%,rgba(127,1,1,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f0101', endColorstr='#7f0101',GradientType=1 );
	padding: 8px 0;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	}

@media screen and (max-width:750px){
	.fix.loan{ display: none; }
	.fix.loan a{
		padding: 2% 0;
		font-size: 4vw;
		}
}

.covid {width:100%; min-width:1200px; background-color: #fff; padding: 8px 0; display: inline-block; position: fixed; top: 0; left: 0; z-index: 10000;}
.covid a.linkText{width: 100%; font-size: 16px; color: #000; display: inline-block; text-align: center; position: relative; letter-spacing: 0.02em; 
						text-decoration: none;}
.covid a.linkText:hover{opacity: 0.7;}
.covid a.linkText span{ width: 110px; font-size: 14px; color: #000; border: solid 1px #000; padding: 5px 16px 4px 8px; margin-left: 12px;}
.covid a.linkText span::after{
				position: absolute;
				top: 0; bottom: 0;
				padding-left: 7px;
				content: "";
				display: inline-block;
				background: url("../img/common/covid_arrow.png") no-repeat center/contain;
				width: 5px;
				height: 9px;
				margin: auto;
				vertical-align: middle;
				}
.covid .close{width: 34px; height: 35px; position: absolute; top: 0; right: 0;}
.covid .close img{width: 12px; height: auto; margin: 12px 11px 11px 11px;}
.covid .close img:hover{opacity: 0.7;}


@media screen and (max-width:750px){
.covid {width:100%; min-width:100%; background-color: #fff; padding:0; display: inline-block;}
.covid a.linkText{width: 100%; font-size: 3.2vw; color: #000; display: inline-block; position: relative; text-align: center; padding: 1.85% 0;}
.covid a.linkText span{ width: 20.533%; font-size: 2.667vw; color: #000; border: solid 1px #000; padding: 1% 3.2% 0.8% 2%; margin-left: 2%;}
.covid a.linkText span::after{
				position: absolute;
				top: 0; bottom: 0;
				padding-left: 0;
				content: "";
				display: inline-block;
				background: url("../img/common/covid_arrow.png") no-repeat center/contain;
				width: 2%;
				height: 22%;
				margin: auto;
				vertical-align: middle;
				}
.covid .close{width: 5.467%; height: 100%; position: absolute; top: 0; right: 0;}
.covid .close img{width: 48.148%; height: auto; margin: 37.926% 37.037% 33% 14.815%;}
}


.fltBnr{width: 200px; position: fixed; bottom: 140px; right: 0; z-index: 999; display: none;}
.fltBnr .close{position: absolute; right: 0; top: 0; width: 14px; font-size: 0; margin: 5px; cursor: pointer;}
.fltBnr a:hover{cursor: pointer; opacity: .8; transition: all .3s;}

.modal{ display: none; height: 100vh; position: fixed; top: 0; width: 100%; z-index: 10000;}
.modal__bg{ background: rgba(255,255,255,.9); height: 100vh; position: absolute; width: 100%;}
.modal__content{ left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%);}
.modal__content .movWrap{width: 820px; height: 460px; margin: 0 auto; position: relative; padding-top: 0;}
.modal__content .movWrap .thumb01,.modal__content .movWrap iframe{ position: absolute; top: 0; left: 0; width: 100%!important; height: 100%;}
.modal__content .movWrap .thumb01{ background: #000; cursor: pointer; z-index: 999;}
.modal__content .movWrap iframe{ z-index: 998;}
.modal__content .movWrap .thumb01:hover img{ opacity: .7; transition: all .3s;}
.modal__content .clsBtn{position: relative;}
.modal__content .clsBtn a{position: absolute; width: 58px; top: -110px; right: 0;}
.modal__content .clsBtn a:hover{opacity: .5;}
.modal__content .txt{margin: 50px auto 30px;  font-size: 25px; line-height: 1; text-align: center;}
.modal__content .btn a{width: 245px; margin: 0 auto; padding: 25px 0; font-size: 20px; line-height: 1; text-align: center; background: #9a0404; text-decoration: none; color: #fff; display: block;}
.modal__content .btn a:hover{opacity: .7;}


@media screen and (max-width:750px){
.fltBnr{width: 37.333%; bottom: 0; padding-bottom: 32%;}
.fltBnr .close{width: 6.786%; margin: 2.5%;}

.modal__content{width: 89.333%;}
.modal__content .movWrap{width: 100%; height: 0; padding-bottom: 55.951%;}
.modal__content .clsBtn a{width: 9.333%; top: -65px; right: 0;}
.modal__content .txt{margin: 5.333% auto;  font-size: 4vw;}
.modal__content .btn a{width: 55.009%; margin: 0 auto; padding: 5.333% 0; font-size: 3.608vw; line-height: 1;}
}




#foot .fWrap .tel span.holiday{
  display: block;
  margin-bottom: 15px;
  font-size: 13px;
  color: #e00006;
  }
@media screen and (max-width:750px){
  #foot .fWrap .tel span.holiday{
    margin: 0.667% auto 0;
    font-size: 2.667vw;
    }
}