/*ルミナスイエロ #ffff00*/
/*ベースカラー #333*/
/*薄ピンク #ffeff7*/
.txt-white{color: #fff;}

.pcOnly{ display:none !important; }

.pict{ text-align:center; }


.block-ali-c{ text-align:center; }
.block-ali-l{ text-align:left; }
.block-ali-r{ text-align:right; }
.block-ali-c-sp{ text-align:center; }
.block-ali-l-sp{ text-align:left; }
.block-ali-r-sp{ text-align:right; }



.flexBox{ display:flex; }
.flexBox.center{ justify-content:center; }
.flexBox.btw{ justify-content:space-between; }
.flexBox.aro{ justify-content:space-around; }
.flexBox.right{ justify-content:flex-end; }
.flexBox.wrap{ flex-wrap:wrap; }
.flexBox.verCenter{ align-items:center; }



.emphasis{ font-size:5.5vw; font-weight:bold; line-height:1.5;}
.cap{ font-size:2.8vw; line-height:1.75 }
.lead{ line-height:2.25; margin:0 4% ; }
.pinkTxt{ color:#ff64a5; }
.text{ font-size:3.5vw; }
.border-bottom-none-sp{border-bottom: none !important;}


body{ color:#333; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; }
a{ color:#333; } 
img{max-width:100%; height: auto;}

.innerBlock{ width:100%; padding:0 4vw }
.contBox{ padding:3vw 0; }
.cornerHeader{ margin-bottom:2vw; }

a{ text-decoration:none; }


a.gotop-sp{ width: 50px; height: 51px; padding-top: 5px;
	position:fixed; bottom:50px; right:0; z-index: 999;
    display: block;  
    background: #000; color: #fff; text-align: center; line-height: 1;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}
a.gotop-sp .ohbun{font-size: 14px; display: block;}
a.gotop-sp::before{ content:'▲'; font-size:.5rem; }
/*sp-area-nav*/
.sp-area-nav ul { width: 100%; position: fixed; bottom: 0; left: 0;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.sp-area-nav ul li {
	border-right:1px solid #fff;
	width:25%;
	
	display: table;
}
.sp-area-nav ul li:last-of-type { border:none;}
.sp-area-nav ul li a {
	display:table-cell;
	vertical-align: middle;
	width:100%;
	height:100%;
	padding:0.6em 0.3em;
	color: #fff;
	font-weight:bold;
	line-height: 1.15;
	font-size:3.75vw;
	text-align: center;
	background: #ec5d1e;
}
.sp-area-nav ul li:nth-child(3) a { background:#ff51b1;}
.sp-area-nav ul li:nth-child(4) a { background:#00a99d;}


/*Footer*/
footer{ padding:25px 0 94px;}
footer .innerBlock{ margin-bottom:60px; }
footer .contBox{ width:100%; padding:0;}
footer .footer-t-l-in p {
	font-size:12px;
	text-align:left;
	padding-left:1.5em;
}
.footer-t-l-in {
	width:145px; margin:0 auto;
}
.footer-logo{display: block; width: 100%; margin: 0 auto 5px; }
footer .phoneNum{ margin-top: 20px; align-items:center; justify-content:space-between; }
footer .phoneNum > a{ width:92%; max-width: 350px; margin:5px auto;  }
footer .phoneNum + p{width:92%; max-width: 350px; margin-left: auto; margin-right: auto; text-align: center;}
.footer-m{margin-top: 20px;}
footer .copyright{ text-align:center; font-size:12px; margin-bottom:10px; }
footer .copyright{ text-align:center; font-size:12px; margin-bottom:10px; }
/*Footer*/




/*mv-------------------------------------------*/
#mv{width: 100%; background-color: #ffffbc;}
#mv .mv-bg {max-width:391px; width: 100%; margin:0 auto; padding: 0 0 15px; }
.mv-takusan{margin-top: 15px; padding-bottom: 10px;}
#mv .mv--sp--bg {
	padding:15px 15px 30%;
	text-align: center;
	background:url("../../images/bg_kv_sp.jpg") center center no-repeat;
	background-size:cover;
}

#mv .mv--btn {
	margin:12px 10% 3px;
}

#mv p {
	padding:1em 6%;
	text-align: center;
	font-size:0.825em;
	color: #fff;
}
/*benefit-------------------------------------------*/
#benefit{width: 100%; margin:0 auto; background: #ffffbc url("../../images/benefit-bg-sp.png"); background-position: center top;
background-size: 100% auto;}
.benefit-ttl-sp{padding-top: 15px;}
#benefit .bukken{margin: 1.2em auto;}
.sarani {
	width:48%;
	margin: 0 auto;
	padding:1.4em 0;
}

/*search-------------------------------------------*/
#search{width: 100%; padding:0;}
#search--inner {
	padding-top: 70px ;
	background: rgb(22,89,208);
background: -moz-linear-gradient(180deg, rgba(22,89,208,1) 0%, rgba(133,218,254,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(22,89,208,1) 0%, rgba(133,218,254,1) 100%);
background: linear-gradient(180deg, rgba(22,89,208,1) 0%, rgba(133,218,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1659d0",endColorstr="#85dafe",GradientType=1);
}
.search-area-list li {
	transition:.3s;
}
.search-area-list li:hover img {
	opacity: 0;
}
.search-area-list li:nth-child(1) {
	background:url("../../images/search-nagoya_on.png") center center no-repeat;
	background-size:100% auto;
}
.search-area-list li:nth-child(2) {
	background:url("../../images/search-owari_on.png") center center no-repeat;
	background-size:100% auto;
}
.search-area-list li:nth-child(3) {
	background:url("../../images/search-tokuten_on.png") center center no-repeat;
	background-size:100% auto;
}
.search-area-list li:nth-child(4) {
	background:url("../../images/search-compact_on.png") center center no-repeat;
	background-size:100% auto;
}


#search h2 {
	width:92%;
	margin:0 auto;
}
.search-area-list{max-width: 352px; margin: 25px auto 35px; display: flex; justify-content: center;  flex-wrap: wrap;}
.search-area-list li {width: 42%; margin:0 4% 4%;}
.area-box{ padding-bottom: 40px;}
.area-otoiawawse{padding: 0 4vw; margin-bottom: 15px;}
.area-window{width: 95%; max-width: 400px; margin: 0 auto; }
.area-window-omote{/*width: calc(100% - 4px);*/ width: 96%;
	margin:0 auto;
	background-color: #fff; /*background-image: url("../../images/area-ami.svg"); */
	overflow: hidden; /*box-shadow: 4px 4px 0 #aa5ed1;*/
}

.area-window-circles {
	position: relative;
	width: 100%; height: 22px; padding-left: 12px;
	
	display:none;
}
#owari-nishi .area-window-circles { background:#47d2db;}
#owari-higashi .area-window-circles { background:#a1d341;}
#mikawa .area-window-circles { background:#ffa360;}
#gifu .area-window-circles { background:#e994cf;}

#compact {
	padding:22px 0 60px;
	background:#def6ec;
}
#compact .area-window-omote {
	border:none;
}

.area-window-circles img { width:11.3px;}
.area-window-circles::after {
	content:'';
	width:11.8px;
	height:11.8px;
	position:absolute;
	right:12px;
	top:4px;
	background:url("../../images/area-window-circles.svg") center center no-repeat;
	bakcground-size:100% auto;
}
.area-ttl{
	margin:10px 10px 15px;
	padding:12px 0 8px ;
	font-weight: bold;
	text-align:center;
	color:#fff;
	font-size:22px;
	background: #f15a24;
}

#compact .area-ttl {
	margin:0 6% 16px;
	padding:0;
	max-width:895px;
	background:transparent;
}
#compact .area-ttl img {}

ul.bukken-list{}
ul.bukken-list > li{}
ul.bukken-list > li a{display: block; width: 100%;}
dl.bukken-box{width: 94%; max-width: 300px; padding: 30px 0; margin: 0 auto; border-bottom: 1px solid #f15a24;}
ul.bukken-list > li:last-child dl.bukken-box{border-bottom: none;}
#search .chiku{margin-bottom: 10px; font-size:1.6em; font-weight: bold;}
#search ul.access{margin: 10px 0;}
#search ul.access li{font-size:3.5vw;}
.bukken-box dd .memo{display: block; font-size: 3.5vw; line-height: 1; margin-top: 5px; text-align: right;}



/*blands-------------------------------------------*/
#blands{padding: 25px 0 15px; background-color:#60caa5; position: relative;}
.blands-ttl{text-align: center; margin-bottom:15px; padding: 0 4vw;}
.blands-list{margin: 20px auto 0; width: 98%; max-width: 355px;}
.blands-list li{margin-bottom: 20px;}



.marB0{ margin-bottom: 0 !important;}






@media (min-width: 414px) {    
    section .innerBlock{ max-width:600px; margin:0 auto; }
    .text{ font-size:14px; }
    .cap{ font-size:12px; }
	#search ul.access li{font-size:13px;}
	.bukken-box dd .memo{font-size: 12px;}
}


/* tokuten
-------------------------------------------------- */
#tokuten {
	background: #ffffdc;
}
.ttl--tokuten {
	width:266px;
	margin:0 auto;
	padding:3.6em 0 0;
	text-align: center;
}
#tokuten .area-window { margin-top:40px;}
#tokuten .area-ttl {
	background:#ff51b1;
}
#tokuten dl.bukken-box,
#tokuten ul.bukken-list > li {
	border-color:#ff51b1;
}

