@charset "UTF-8";


.border-line{
margin:50px 0 60px 0;
border-bottom:1px solid #646460;
}



h6 {
	overflow: hidden;
	text-align: center;
	font-size:14px;
font-weight: normal;
font-family: 'Barlow Semi Condensed', sans-serif!important;
  }
  h6 span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
  }

  h6 span::before,
  h6 span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 1px;
	background-color: #646460;
  }
  h6 span::before {
	right: 100%;
  }
  h6 span::after {
	left: 100%;
  }



  



dl.re-att{
	clear:left;
	margin:20px 0 0 0!important;
	padding:0;
	font-size:12px;
letter-spacing:0.1em;
text-align:left!important;
}

dl.re-att dt{
margin:0 0 2px 0;
padding:0;
text-align:left!important;
}

dl.re-att dd{
	margin:2px 0;
	padding:0;
	text-align:left!important;
	}
	


ul.shop-list{
width:auto;
height:auto;
margin:2% 0 0 0;
padding:0;	
font-size:12px;
overflow:hidden;
display: flex;
flex-wrap: wrap;
text-align:left;	
}

ul.shop-list li{
	width:33.3%;
	height:auto;
	margin:0 0 5px 0;
}

ul.news-list{
width:auto;
height:auto;
margin:3% 0 0 0;
padding:0;	
font-size:12px;
overflow:hidden;
float:left;
text-align:left;	
}

ul.news-list li{
	width:auto;
	height:auto;
	list-style-type: disc;/* リストの左側に黒丸 */
	margin:0 0 5px 17px;

}

ul.news-list li a{
	color:#b21818!important;
}

.news-box-ttl{
	font-size:16px;
	font-weight: bold;
	margin:0 0 -10px 0;
}

.news-box{
	width:auto;
	height:auto;
	margin:25px 0;
	padding:20px;	
	font-size:16px;
	overflow:hidden;
	text-align:left;	
	font-family: "kozuka-gothic-pr6n",sans-serif;
	border:double 4px #000000;
	letter-spacing: 0.1em;
	}
	
dl.topics-list{
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	text-align:left;
}

dl.topics-list dt{
	width:auto;
	height:auto;
	margin:30px 0 5px 0;
	padding:0;
	text-align:left;
	font-weight:bold;
}

dl.topics-list dd{
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	text-align:left;
	font-size:12px;
	line-height:170%;
}




@media screen and (max-width: 480px) {
	
	ul.shop-list{
		width:auto;
		height:auto;
		margin:20px 0 0 0;
		padding:0;	
		font-size:11px;
		overflow:hidden;
		display: flex;
		flex-wrap: wrap;
		text-align:left;	
		}
		
		ul.shop-list li{
			width:50%;
			height:auto;
			margin:0 0 5px 0;
		}
		
	
	ul.news-list{
width:100%;
height:auto;
margin:20px 0 2% 0px;
padding:0;	
font-size:11px;
overflow:hidden;
float:none;
text-align:none;	
}

ul.news-list li{
	width:auto;
	height:auto;
	list-style-type: disc;/* リストの左側に黒丸 */
	margin-left: 17px;/* リストの左側に余白 */
	padding:0 0 3px 0;
	line-height:160%;
}
	
	
}


@media screen and (max-width: 320px) {
	
	ul.shop-list{
width:50%;
height:auto;
margin:2% 0 0 0;
padding:0;	
font-size:10px;
overflow:hidden;
float:left;
text-align:none;	
}

ul.shop-list li{
	width:auto;
	height:auto;
	margin:0 0 2px 0;
}
	
}



	

/* BOX
================================================== */


.center-element {
	display:table; /* 要素をテーブルのようにする */
	 table-layout:fixed;
	width:100%;
	max-width:595px;
	height:740px;
	margin:0 auto;
}

@media screen and (max-width: 1280px) {
	
	.center-element {
	display:table; /* 要素をテーブルのようにする */
	 table-layout:fixed;
	width:100%;
	max-width:595px;
	height:670px;
	margin:0 auto;
}
}

@media screen and (max-width: 768px) {
	
	.center-element {
	display:table; /* 要素をテーブルのようにする */
	 table-layout:fixed;
	width:100%;
	max-width:768px;
	height:470px;
	margin:0 auto;
}
}


.center-element .center-element-contents{
	display:table-cell; /* 要素をテーブルのようにする */
	text-align:center; /* インライン要素の中央揃え */
	vertical-align:middle; /* 天地中央に揃える */
}






.center-element-tate {
	display:table; /* 要素をテーブルのようにする */
	 table-layout:fixed;
	width:100%;
	max-width:595px;
	height:785px;
	margin:0 auto;
}

@media screen and (max-width: 1280px) {
	
	.center-element-tate {
	display:table; /* 要素をテーブルのようにする */
	 table-layout:fixed;
	width:100%;
	max-width:595px;
	height:670px;
	margin:0 auto;
}
}

@media screen and (max-width: 768px) {
	
	.center-element-tate {
	display:table; /* 要素をテーブルのようにする */
	 table-layout:fixed;
	width:100%;
	max-width:640px;
	height:470px;
	margin:0 auto;
}

.imagesbox-last{
	width:auto;
	height:auto;
	margin:0 auto!important;
	padding:0;
	text-align:center!important;
	overfliw:hidden;
}

}


.center-element-tate .center-element-tate-contents{
	display:table-cell; /* 要素をテーブルのようにする */
	text-align:center; /* インライン要素の中央揃え */
	vertical-align:middle; /* 天地中央に揃える */
}



.imagesbox{
	width:100%;
	height:auto;
	margin:0 0 40px 0;
	padding:0;
	text-align:left;
	overflow:hidden;
}

@media screen and (max-width: 480px) {
	
	.imagesbox{
	width:auto;
	height:auto;
	margin:0 0 6% 0;
	padding:0;
	text-align:left;
	overflow:hidden;
}
	
}

.imagesbox-last{
	width:auto;
	height:auto;
	margin:0 0 0px 0;
	padding:0;
	text-align:left;
	overfliw:hidden;
}


.shop-logo-box{
width:auto;
height:auto;
margin:0 auto;
text-align:center;
overflow:hidden;	
}

.shop-concept-box-w-info{
	width:auto;
	height:auto;
	margin:10% 0 4% 0;
	padding:4% 0;
	text-align:left;
	overflow:hidden;	
	color:#f9f9ef!important;
	font-size:12px;
	letter-spacing:0.1em;
	}


.shop-concept-box-w{
width:auto;
height:auto;
margin:10% 0 4% 0;
padding:4% 0;
text-align:left;
overflow:hidden;	
border-top:1px dashed #f9f9ef;
border-bottom:1px dashed #f9f9ef;
color:#f9f9ef!important;
font-size:12px;
letter-spacing:0.1em;
}

.shop-concept-box-b{
width:auto;
height:auto;
margin:10% 0 4% 0;
padding:4% 0;
text-align:left;
overflow:hidden;	
border-top:1px dashed #646460;
border-bottom:1px dashed #646460;
color:#646460!important;
font-size:12px;
letter-spacing:0.1em;
}

.shop-concept-box-b a{
	text-decoration: underline!important;
}

.shop-concept-box-b a:hover{
	text-decoration: none!important;
}


@media screen and (max-width: 1024px) {
	
	.shop-concept-box-w{
width:auto;
height:auto;
margin:10% 0 4% 0;
padding:3% 0;
text-align:left;
overflow:hidden;	
border-top:1px dashed #f9f9ef;
border-bottom:1px dashed #f9f9ef;
color:#f9f9ef!important;
font-size:9px;
line-height:160%;
letter-spacing:0.1em;
}

.shop-concept-box-b{
width:auto;
height:auto;
margin:10% 0 4% 0;
padding:3% 0;
text-align:left;
overflow:hidden;	
border-top:1px dashed #646460;
border-bottom:1px dashed #646460;
color:#646460!important;
font-size:9px;
line-height:160%;
letter-spacing:0.1em;
}
	
}


@media screen and (max-width: 768px) {
	
	.shop-concept-box-w{
width:auto;
height:auto;
margin:5% 0 4% 0;
padding:3% 0;
text-align:left;
overflow:hidden;	
border-top:1px dashed #f9f9ef;
border-bottom:1px dashed #f9f9ef;
color:#f9f9ef!important;
font-size:9px;
line-height:160%;
letter-spacing:0.1em;
}

.shop-concept-box-b{
width:auto;
height:auto;
margin:5% 0 4% 0;
padding:3% 0;
text-align:left;
overflow:hidden;	
border-top:1px dashed #646460;
border-bottom:1px dashed #646460;
color:#646460!important;
font-size:9px;
line-height:160%;
letter-spacing:0.1em;
}
	
}

@media screen and (max-width: 480px) {
	
	.shop-concept-box-w{
width:auto;
height:auto;
margin:10% 0 4% 0;
padding:3% 0;
text-align:left;
overflow:hidden;	
border-top:1px dashed #f9f9ef;
border-bottom:1px dashed #f9f9ef;
color:#f9f9ef!important;
font-size:12px;
line-height:180%;
letter-spacing:0.1em;
}

.shop-concept-box-b{
width:auto;
height:auto;
margin:10% 0 4% 0;
padding:3% 0;
text-align:left;
overflow:hidden;	
border-top:1px dashed #646460;
border-bottom:1px dashed #646460;
color:#646460!important;
font-size:12px;
line-height:180%;
letter-spacing:0.1em;
}
	
}


.hours-contents{
width:48%;
height:auto;
margin:3% 0 0 0;
padding:0;
text-align:left;
overflow:hidden;
float:left;	
font-size:10px;
letter-spacing:0.1em;
}


.address-contents{
width:48%;
height:auto;
margin:3% 0 0 0;
padding:0;
text-align:left;
overflow:hidden;
float:right;	
font-size:10px;
letter-spacing:0.1em;
}

.bottom-contents{
width:auto;
height:120px;
position:relative;
}

.bottom-contents2{
width:auto;
height:100px;
position:relative;
}

@media screen and (max-width: 1280px) {
	
.hours-contents{
width:48%;
height:auto;
margin:3% 0 0 0;
padding:0;
text-align:left;
overflow:hidden;
float:left;	
font-size:9px;
line-height:160%;
letter-spacing:0.1em;
}


.address-contents{
width:48%;
height:auto;
margin:3% 0 0 0;
padding:0;
text-align:left;
overflow:hidden;
float:right;	
font-size:9px;
line-height:160%;
letter-spacing:0.1em;
}	
	
	.bottom-contents{
width:auto;
height:80px;
position:relative;
}

.bottom-contents2{
width:auto;
height:120px;
position:relative;
}
}

@media screen and (max-width: 768px) {
	
	.hours-contents{
width:48%;
height:auto;
margin:3% 0 0 0;
padding:0;
text-align:left;
overflow:hidden;
float:left;	
font-size:8px;
line-height:170%;
letter-spacing:0.1em;
}


.address-contents{
width:48%;
height:auto;
margin:3% 0 0 0;
padding:0;
text-align:left;
overflow:hidden;
float:right;	
font-size:8px;
line-height:170%;
letter-spacing:0.1em;
}	
	
	.bottom-contents{
width:auto;
height:70px;
position:relative;
margin:30px 0 0 0;
}

.bottom-contents2{
width:auto;
height:70px;
position:relative;
margin:30px 0 0 0;
}
	
}


@media screen and (max-width: 480px) {
	
	.hours-contents{
width:auto;
height:auto;
margin:3% 0 0 0;
padding:0 0 3% 0;
text-align:left;
overflow:hidden;
float:none;	
font-size:12px;
letter-spacing:0.1em;
}


.address-contents{
width:auto;
height:auto;
margin:3% 0 0 0;
padding:0;
text-align:left;
overflow:hidden;
float:none;	
font-size:12px;
letter-spacing:0.1em;
}	
	
.bottom-contents{
width:auto;
height:auto;
position:inherit;
}

.bottom-contents2{
width:auto;
height:auto;
position:inherit;
}	
	
}

h4{
margin:0;
padding:0;	
color:#646461!important;
font-style:normal!important;
font-size:18px;
letter-spacing:0.1em;
}

h5{
width:auto;
height:auto;
margin:0 0 -10px 0;
padding:0;
text-align:left;
font-family: 'Barlow Semi Condensed', sans-serif!important;

 font-weight:normal;
 font-size:16px;
}

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

h5{
width:auto;
height:auto;
margin:20px 0 -20px 0;
padding:0;
text-align:left;
font-family: 'Barlow Semi Condensed', sans-serif!important;
 font-weight:normal!important;
 font-size:14px;
}


}

table.about-list01{
width:100%;
height:auto;
padding:0px;
margin:0;
text-align:left;
border:none;
line-height:180%;
position:absolute;
bottom:0;
}


table.about-list01 th{
width:90px;
margin:0;
padding:0px;
vertical-align:top;
text-align:left;
}

table.about-list01 td{
padding:0;
margin:0;
vertical-align:top;
text-align:left;
}

ul.txt-info02{
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	position:absolute;
bottom:0;
}

ul.txt-info02 li{
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}

@media screen and (max-width: 1024px) {
	
	
table.about-list01{
width:100%;
height:auto;
padding:0px;
margin:0;
text-align:left;
border:none;
line-height:180%;
position:absolute;
bottom:0;
}


table.about-list01 th{
width:60px;
margin:0;
padding:0px;
vertical-align:top;
text-align:left;
}

table.about-list01 td{
padding:0;
margin:0;
vertical-align:top;
text-align:left;
}

ul.txt-info02{
	widrh:auto;
	height:auto;
	margin:0;
	padding:0;
	position:absolute;
bottom:0;
}

ul.txt-info02 li{
	widrh:auto;
	height:auto;
	margin:0;
	padding:0;
	line-height:150%;

}
	
}



@media screen and (max-width: 768px) {
	
	
table.about-list01{
width:100%;
height:auto;
padding:0px;
margin:0;
text-align:left;
border:none;
line-height:180%;
position:absolute;
top:0;
}


table.about-list01 th{
width:70px;
margin:0;
padding:0px;
vertical-align:top;
text-align:left;
}

table.about-list01 td{
padding:0;
margin:0;
vertical-align:top;
text-align:left;
}

ul.txt-info02{
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	position:absolute;
top:0;
}

ul.txt-info02 li{
	width:auto;
	height:auto;
	margin:0;
	padding:0;
		padding-left: 1.5em;
  text-indent: -1.5em;
	line-height:150%;
}
	
}



@media screen and (max-width: 480px) {
	
	
table.about-list01{
width:100%;
height:auto;
padding:0px;
margin:0 0 0px 0;
text-align:left;
border:none;
line-height:180%;
position:inherit;
bottom:0;
}


table.about-list01 th{
width:110px;
margin:0;
padding:0px;
vertical-align:top;
text-align:left;
}

table.about-list01 td{
padding:0;
margin:0;
vertical-align:top;
text-align:left;
}

ul.txt-info02{
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	position:inherit;
bottom:0;
}

ul.txt-info02 li{
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	 text-indent:0;
	line-height:150%;
}
	
}



/* 調整マージン
================================================== */

.font-color01{
	color:#f9f9ef!important;
}

.font-color02{
	color:#646460!important;
}

.font-color03{
	font-size:12px;
	color:#b21818!important;
	margin:10px 0 10px 0;
}



.font-color03 a{
	color:#b21818!important;
}


.font-color04{
	font-size:12px;
	margin:10px 0 10px 0;
	color:#b21818!important;
}

.font-color04 a{
	color:#b21818!important;
}


.font-color06{
	font-size:18px;
	margin:10px 0 10px 13px;
	color:#b21818!important;
}

.font-color06 a{
	color:#b21818!important;
}