/*ルミナスイエロ #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; }
.pinkTxt{ color:#ff64a5; }
.text{ font-size:3.5vw; }
.border-bottom-none-sp{border-bottom: none !important;}


body{ color:#333; }
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; background-color: #fff;}
.sp-area-nav ul li:nth-child(1){width: calc((100% - 50px)/2); border-bottom: 1px solid #fff; border-right: 1px solid #fff; float: left;}
.sp-area-nav ul li:nth-child(2){width: calc((100% - 50px)/2); border-bottom: 1px solid #fff; float: left;}
.sp-area-nav ul li:nth-child(3){width: 33.3%; border-right: 1px solid #fff; float: left;}
.sp-area-nav ul li:nth-child(4){width: 33.4%; border-right: 1px solid #fff; float: left;}
.sp-area-nav ul li:nth-child(5){width: 33.3%; float: right;}
.sp-area-nav ul li a{width: 100%; padding: 0 8px; height: 50px; display: flex; justify-content: center; align-items: center; background: #ccc;}
.sp-area-nav ul li:nth-child(1) a{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cfe8f5+0,e9a2b5+100 */
background: #cfe8f5; /* Old browsers */
background: -moz-linear-gradient(left,  #cfe8f5 0%, #e9a2b5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #cfe8f5 0%,#e9a2b5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #cfe8f5 0%,#e9a2b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe8f5', endColorstr='#e9a2b5',GradientType=1 ); /* IE6-9 */

}
.sp-area-nav ul li:nth-child(2) a{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#faf5c3+0,8bc9da+100 */
background: #faf5c3; /* Old browsers */
background: -moz-linear-gradient(left,  #faf5c3 0%, #8bc9da 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #faf5c3 0%,#8bc9da 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #faf5c3 0%,#8bc9da 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf5c3', endColorstr='#8bc9da',GradientType=1 ); /* IE6-9 */

}
.sp-area-nav ul li:nth-child(3) a{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0c7dd+0,a0caec+100 */
background: #f0c7dd; /* Old browsers */
background: -moz-linear-gradient(left,  #f0c7dd 0%, #a0caec 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f0c7dd 0%,#a0caec 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f0c7dd 0%,#a0caec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0c7dd', endColorstr='#a0caec',GradientType=1 ); /* IE6-9 */

}
.sp-area-nav ul li:nth-child(4) a{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0c4d9+0,f4d45f+100 */
background: #f0c4d9; /* Old browsers */
background: -moz-linear-gradient(left,  #f0c4d9 0%, #f4d45f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f0c4d9 0%,#f4d45f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f0c4d9 0%,#f4d45f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0c4d9', endColorstr='#f4d45f',GradientType=1 ); /* IE6-9 */

}
.sp-area-nav ul li:nth-child(5) a{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0c7dd+0,94a1d1+100 */
background: #f0c7dd; /* Old browsers */
background: -moz-linear-gradient(left,  #f0c7dd 0%, #94a1d1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f0c7dd 0%,#94a1d1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f0c7dd 0%,#94a1d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0c7dd', endColorstr='#94a1d1',GradientType=1 ); /* IE6-9 */

}





/*Footer*/
footer{ padding:50px 0 100px;}
footer .innerBlock{ margin-bottom:60px; }
footer .contBox{ width:100%; padding:0;}
.footer-logo{display: block; width: 200px; margin: 5px auto; }
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: #ffeff7;}
#mv .mv-bg {max-width:391px; width: 100%; margin:0 auto; padding: 0 0 15px; }
.mv-takusan{margin-top: 15px; padding-bottom: 10px;}

#mv .txtGw {
	padding:1em 6%;
	text-align: center;
	font-size:0.825em;	
}
/*present-------------------------------------------*/
#present{width: 100%; margin:0 auto; padding-bottom: 25px; background-image: url("../../images/present-bg-sp.png"); background-position: center top;}
.present-ttl-sp{padding-top: 15px;}
#present .bukken{margin-top: 10px;}

/*search-------------------------------------------*/
#search{width: 100%; padding: 15px 0 25px; background-color: #ffeff7;}
.search-area-list{max-width: 352px; margin: 25px auto 15px; display: flex; justify-content: center;  flex-wrap: wrap;}
.search-area-list li{width: 29%; margin:2px 2%;}
.area-box{margin-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); background-color: #fff; background-image: url("../../images/area-ami.svg"); border:2px solid #6e5ed1; border-radius: 10px; overflow: hidden; box-shadow: 4px 4px 0 #aa5ed1;}

.area-window-circles{width: 100%; height: 22px; padding-left: 12px; border-bottom:2px solid #6e5ed1; display: flex; align-items: center; background:#fff;  }
.area-ttl{margin-top: 25px; padding: 0 4vw;}
ul.bukken-list{}
ul.bukken-list > li{}
ul.bukken-list > li a{display: block; width: 100%;}
dl.bukken-box{width: 92%; max-width: 300px; padding: 30px 0; margin: 0 auto; border-bottom: 2px solid #6e5ed1;}
ul.bukken-list > li:last-child dl.bukken-box{border-bottom: none;}
#search .chiku{margin-bottom: 10px; 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:#7cafff; 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;}
}