@charset "utf-8";


/***************************************************
 * Generated by SVG Artista on 6/20/2022, 11:11:30 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .svg-elem-1 {
  stroke-dashoffset: 223.43190002441406px;
  stroke-dasharray: 223.43190002441406px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-1 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-2 {
  stroke-dashoffset: 223.43190002441406px;
  stroke-dasharray: 223.43190002441406px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.1s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.1s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-2 {
  stroke-dashoffset: 0;
}

svg .svg-elem-3 {
  stroke-dashoffset: 216.12664794921875px;
  stroke-dasharray: 216.12664794921875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-3 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-4 {
  stroke-dashoffset: 216.12664794921875px;
  stroke-dasharray: 216.12664794921875px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.30000000000000004s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.30000000000000004s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-4 {
  stroke-dashoffset: 0;
}

svg .svg-elem-5 {
  stroke-dashoffset: 201.68141174316406px;
  stroke-dasharray: 201.68141174316406px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.4s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.4s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-5 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-6 {
  stroke-dashoffset: 201.68141174316406px;
  stroke-dasharray: 201.68141174316406px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.5s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.5s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-6 {
  stroke-dashoffset: 0;
}

svg .svg-elem-7 {
  stroke-dashoffset: 112.760009765625px;
  stroke-dasharray: 112.760009765625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.6000000000000001s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.6000000000000001s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-7 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-8 {
  stroke-dashoffset: 112.760009765625px;
  stroke-dasharray: 112.760009765625px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.7000000000000001s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.7000000000000001s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-8 {
  stroke-dashoffset: 0;
}

svg .svg-elem-9 {
  stroke-dashoffset: 213.72848510742188px;
  stroke-dasharray: 213.72848510742188px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.8s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.8s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-9 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-10 {
  stroke-dashoffset: 213.72848510742188px;
  stroke-dasharray: 213.72848510742188px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.9s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.9s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-10 {
  stroke-dashoffset: 0;
}

svg .svg-elem-11 {
  stroke-dashoffset: 208.44976806640625px;
  stroke-dasharray: 208.44976806640625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-11 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-12 {
  stroke-dashoffset: 208.44976806640625px;
  stroke-dasharray: 208.44976806640625px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.1s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.1s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-12 {
  stroke-dashoffset: 0;
}

svg .svg-elem-13 {
  stroke-dashoffset: 201.68795776367188px;
  stroke-dasharray: 201.68795776367188px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.2000000000000002s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.2000000000000002s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-13 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-14 {
  stroke-dashoffset: 201.68795776367188px;
  stroke-dasharray: 201.68795776367188px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.3s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.3s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-14 {
  stroke-dashoffset: 0;
}

svg .svg-elem-15 {
  stroke-dashoffset: 201.68792724609375px;
  stroke-dasharray: 201.68792724609375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.4000000000000001s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.4000000000000001s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-15 {
  stroke-dashoffset: 0;
  fill: rgb(35, 24, 21);
}

svg .svg-elem-16 {
  stroke-dashoffset: 201.68792724609375px;
  stroke-dasharray: 201.68792724609375px;
  -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.5s,
                        fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.5s,
                fill 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-16 {
  stroke-dashoffset: 0;
}



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




.sub-menu{
	display: flex;
	justify-content: center;
	text-align: center;
	padding: 0px 0 0 0;
	margin: 0px 0 21px 0;
	flex-wrap: wrap;
}

.sub-menu a{
	display: block;
	width: 45%;
	height: 36px;
	border: 1px solid #000;
	background: #fff;
	text-align: center;
	margin: 0 7px 21px 7px;
	padding: 7px 18px 0 18px;
	font-size: 13px;
	font-weight: 500;
	transition: 0.5s ;
}
.sub-menu a span{
	line-height: 1;
	margin: 0 0 0 0;
	display: block;
	font-size: 12px;
	color: #c9bcaa;
	font-family: serif;
}

.sub-menu a:hover{
	display: block;
	width: 45%;
	height: 36px;
	border: 1px solid #000;
	background: #000;
	color: #fff;
	text-align: center;
	padding: 7px 18px 0 18px;
	font-size: 13px;
	font-weight: 500;
	transition: 0.5s ;
}
.sub-menu a:hover:before{

}



.sub-menu span.now{
	display: block;
	position: relative;
	width: 45%;
	height: 36px;
	border: 1px solid #000;
	background: #000;
	color:#fff;
	text-align: center;
	margin: 0 7px 21px 7px;
	padding: 7px 18px 0 18px;
	font-size: 13px;
	font-weight: 500;
	transition: 0.5s ;
}

.sub-menu span.now:before {
  content: "";
  /* borderで三角形を作る */
  border: 10px solid transparent;
  border-top: 10px solid #000;
  /* 配置する */
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}




/*======================================

	h3
		
========================================*/

.company-h3{
	font-size:18px;
	line-height: 1;
	padding: 15px 0 16px 3px;
	border-top:1px solid #231815;
	border-bottom:1px solid #231815;
	text-align: left;
}





/*======================================

	outline (index)
	
========================================*/


section#top-lead{
	margin: 0px 0 45px 0;
	padding: 0 0 0px 0;
}

section#top-menu{
	margin: 0px 0 60px 0;
	padding: 0 0 0px 0;
	text-align: center;
}


.top-banner-box{
	width: 350px;
	height: auto;
	border: 0px solid #231815;
	margin: 0px auto 24px auto;
	padding: 0 0 0px 0;
	text-align: center;
}

.top-banner{
	width: 350px;
	height: auto;
	display: block;
	position: relative;
}

.top-banner-color{
	width: 350px;
	height: auto;
	display: none;
	position: absolute;
	top:0;
	left:0;
	z-index: 20;
	transition: 0.7s;
}

.top-banner-bw{
	width: 350px;
	height: auto;
	display: block;
	position: relative;
	top:0;
	left:0;
	z-index: 10;
}


ul.pref-menu{
	width:100%;
	border-bottom: 1px solid;
	display: flex;
	justify-content: center;
	padding: 0 0px 0 0px;
	margin: 21px 0 0 0;
}

.pref-menu li{
	display: block;
	width: 80px;
	border-top: 1px solid #231815;
	border-left: 0px solid #231815;
	border-right: 1px solid #231815;
}

.pref-menu li:first-child{
	border-top: 1px solid #231815;
	border-left: 1px solid #231815;
	border-right: 1px solid #231815;
	
}

.pref-menu li a{
	display: block;
	width: 100%;
	height: 40px;
	color:#231815;
	background: transparent;
	padding: 11px 0 0 0;
	font-size:11px;
	transition: 0.5s ;
}

.pref-menu li span{
	display: block;
	width: 100%;
	height: 40px;
	color:#fff;
	background: #231815;
	padding: 11px 0 0 0;
	font-size:11px;
}

.pref-menu li a:hover{
	display: block;
	width: 100%;
	height: 45px;
	color:#fff;
	background: #231815;
	padding: 11px 0 0 0;
	font-size:15px;
}


.store-banner{
	width: 100%;
	text-align: center;
	margin: 0 auto 0px auto;
}
.store-banner img{
	width: 100%;
	text-align: center;
	margin: 0 0 0px 0;
}

section.shop-list{
	margin: 0 0 0px 0;
	padding: 0 0 90px 0;
	
}

.shop-col{
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #231815;
	padding: 15px 0 15px 0;
}

.shop-col-left{
	width:90%;
	text-align: left;
	padding: 0 0 0 12px;
}

.shop-col-right{
	width:10%;
	text-align: right;
	padding: 6px 12px 0 0;
}

.shop-name{
	font-size:15px;
}
.shop-zip{
	display: inline-block;
	font-size:13px;
	color:#898989;
	margin: 0 6px 0 0;
}
.shop-address{
	display: inline-block;
	font-size:13px;
	color:#898989;
	margin: 0 18px 0 0;
}
.shop-tel{
	display: inline-block;
	font-size:13px;
	color:#898989;
	margin: 0 6px 0 0;
}

.shop-link{
	margin: 0px 0 0 0;
}

.shop-link img:hover{
	opacity: 0,8;
}



}/*//end  max-width: 480px ///////////////////////*/







@media only screen and (min-width: 481px) {





.sub-menu{
	display: flex;
	justify-content: center;
	text-align: center;
	padding: 0px 0 0 0;
	margin: 0px 0 60px 0;
}

.sub-menu a{
	display: block;
	width: 180px;
	height: 45px;
	border: 1px solid #000;
	background: #fff;
	text-align: center;
	margin: 0 7px 0 7px;
	padding: 10px 18px 0 18px;
	font-size: 15px;
	font-weight: 500;
	transition: 0.5s ;
}
.sub-menu a span{
	line-height: 1;
	margin: 0 0 0 0;
	display: block;
	font-size: 12px;
	color: #c9bcaa;
	font-family: serif;
}

.sub-menu a:hover{
	display: block;
	width: 180px;
	height: 45px;
	border: 1px solid #000;
	background: #000;
	color: #fff;
	text-align: center;
	padding: 10px 18px 0 18px;
	font-size: 15px;
	font-weight: 500;
	transition: 0.5s ;
}
.sub-menu a:hover:before{

}



.sub-menu span.now{
	display: block;
	position: relative;
	width: 180px;
	height: 45px;
	border: 1px solid #000;
	background: #000;
	color:#fff;
	text-align: center;
	margin: 0 7px 0 7px;
	padding: 10px 18px 0 18px;
	font-size: 15px;
	font-weight: 500;
	transition: 0.5s ;
}

.sub-menu span.now:before {
  content: "";
  /* borderで三角形を作る */
  border: 10px solid transparent;
  border-top: 10px solid #000;
  /* 配置する */
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}





/*======================================

	h3
		
========================================*/

.company-h3{
	font-size:22px;
	line-height: 1;
	padding: 15px 0 16px 3px;
	border-top:1px solid #231815;
	border-bottom:1px solid #231815;
	text-align: left;
}





/*======================================

	outline (index)
	
========================================*/


section#top-lead{
	margin: 0px 0 45px 0;
	padding: 0 0 0px 0;
}

section#top-menu{
	margin: 0px 0 60px 0;
	padding: 0 0 0px 0;
	text-align: center;
}

.top-banner-box{
	width: 800px;
	height: 150px;
	border: 0px solid #231815;
	margin: 0px auto 45px auto;
	padding: 0 0 0px 0;
	text-align: center;
}

.top-banner{
	width: 800px;
	height: 150px;
	display: block;
	position: relative;
}

.top-banner-color{
	width: 800px;
	height: 150px;
	display: block;
	position: absolute;
	top:0;
	left:0;
	z-index: 20;
	transition: 0.7s;
}

.top-banner-bw{
	width: 800px;
	height: 150px;
	display: block;
	position: absolute;
	top:0;
	left:0;
	z-index: 10;
}

.top-banner-color:hover{
	opacity: 0;
	transition: 0.7s;
}

ul.pref-menu{
	width:100%;
	border-bottom: 1px solid;
	display: flex;
	padding: 0 90px 0 90px;
	margin: 45px 0 0 0;
}

.pref-menu li{
	display: block;
	width: 100px;
	border-top: 1px solid #231815;
	border-left: 0px solid #231815;
	border-right: 1px solid #231815;
}

.pref-menu li:first-child{
	border-top: 1px solid #231815;
	border-left: 1px solid #231815;
	border-right: 1px solid #231815;
	
}

.pref-menu li a{
	display: block;
	width: 100%;
	height: 45px;
	color:#231815;
	background: transparent;
	padding: 11px 0 0 0;
	font-size:15px;
	transition: 0.5s ;
}

.pref-menu li span{
	display: block;
	width: 100%;
	height: 45px;
	color:#fff;
	background: #231815;
	padding: 11px 0 0 0;
	font-size:15px;
}

.pref-menu li a:hover{
	display: block;
	width: 100%;
	height: 45px;
	color:#fff;
	background: #231815;
	padding: 11px 0 0 0;
	font-size:15px;
}


.store-banner{
	width: 100%;
	text-align: center;
	margin: 0 0 60px 0;
}

section.shop-list{
	margin: 0 0 0px 0;
	padding: 0 0 90px 0;
	
}

.shop-col{
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #231815;
	padding: 15px 0 15px 0;
}

.shop-col-left{
	width:880px;
	text-align: left;
	padding: 0 0 0 50px;
}

.shop-col-right{
	width:80px;
	text-align: right;
	padding: 6px 50px 0 0;
}

.shop-name{
	font-size:15px;
}
.shop-zip{
	display: inline-block;
	font-size:13px;
	color:#898989;
	margin: 0 6px 0 0;
}
.shop-address{
	display: inline-block;
	font-size:13px;
	color:#898989;
	margin: 0 18px 0 0;
}
.shop-tel{
	display: inline-block;
	font-size:13px;
	color:#898989;
	margin: 0 6px 0 0;
}

.shop-link{
	margin: 0px 0 0 0;
}

.shop-link img:hover{
	opacity: 0,8;
}

}/*//end  min-width: 481px ///////////////////////*/