@charset "UTF-8";




/** ---------------------------------------
basecolor
--------------------------------------- */



body{
	background: #a32138;
}


.base_color_text{
	color:#333;
}


/** ---------------------------------------
html
--------------------------------------- */
html{font-size:16px;}
	@media screen and ( max-width:600px ){
		html{font-size:14px;}
	}

	
/** ---------------------------------------
body
--------------------------------------- */
body{
	margin: 0; 
	padding: 0; 
	line-height: 1.8; 
	letter-spacing: 0.1rem; 
	color: #444;
	font-family: Noto Sans JP, "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
}


/** ---------------------------------------
wapper
--------------------------------------- */
.wrapper{
	max-width: 400px;
	margin: 0 auto;
	padding: 0 1rem;
}
	@media screen and ( max-width:479px ){
		.wrapper{
			display: block;
			margin: 0 auto;
			padding: 0 3vw;
			width: auto;}
	}

/** ---------------------------------------
header
--------------------------------------- */
header{
	margin: 0;
	padding: 0.4rem;
	background:#333;
}
header h1{
	display: inline-block;
	font-size: 14px;
	color:#fff;
	font-weight: bold;
}
header h2{
	display: inline-block;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}





/** ---------------------------------------
footer
--------------------------------------- */
footer{
	margin-top: 3rem;
	padding: 0;
	text-align: center;
}

footer section.grandopen{
	padding: 0.6rem;
	font-size: 12px;
	color: #ddd;
	vertical-align: middle;
	background: #565656;
}


footer section.add{
	padding-top: 0.6rem;
	font-size: 12px;
	color: #ddd;
	vertical-align: middle;
	background: #333;
}

footer section.add p.add{
	padding: 0.3rem;
	font-size: 12px;
	color: #ddd;
	vertical-align: middle;
}

footer section.copy{
	padding-bottom: 0.6rem;
	font-size: 12px;
	color: #ddd;
	vertical-align: middle;
	background: #333;
}

footer section.copy p.copy{
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	vertical-align: middle;
}
footer section.copy mat-icon{
	vertical-align: middle;
}
footer section.copy a{
	color: #fff;
	text-decoration: none;
}


/** ---------------------------------------
index_user
--------------------------------------- */
article.index_user{
	margin: 0;
	padding: 3rem 0 1rem 0;
}

article.index_user .image{
	margin: 0;
	padding-bottom: 1rem;
	text-align: center;
}

article.index_user .image img{
	width: 128px;
	height: auto;
}

article.index_user h1.name{
	text-align: center;
	font-weight: bold;
}

article.index_user h2.name_sub{
	text-align: center;
	font-size: 12px;
}

/** ---------------------------------------
index_other-icon
--------------------------------------- */
article.index_icon-list{
	margin: 0;
	padding: 0;
}

article.index_icon-list section{
	display: block;
	margin: 0;
	padding-bottom: 0.8rem;
}

article.index_icon-list a{
	display: flex;
	flex-wrap: nowrap;
	justify-content: start;
	align-items: center;
	margin: 0 auto;
	padding: 0.3rem;
	letter-spacing: 0.05rem; 
	font-size: 13px;
	text-decoration: none;
	color: #333;
	background-color: #fff;
}



article.index_icon-list a span img{
	margin-right: 1rem;
	padding: 0.5rem;
	width: 30px;
	height: auto;
	border: 1px solid #ddd;

}


article.index_icon-list a span{
	display: block;
	margin: 0;
	padding: 0.3rem;
	line-height: 1.2;
}



/** ---------------------------------------
index_sns-list
--------------------------------------- */

article.index_sns-list{
	margin: 0;
	padding-bottom: 1rem;
}


article.index_sns-list ul{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
}

article.index_sns-list li{
	margin: 0;
	padding: 0 0.5rem;
}

article.index_sns-list img{
	width: 32px;
	height: auto;
	margin: 0;
	padding: 0;
}




article.index_sns-list a{
	margin: 0;
	padding: 0;
	text-decoration: none;
}





/** ---------------------------------------
shop_openclose
--------------------------------------- */
article.shop_openclose{
	margin: 0;
	padding-bottom: 1rem;
	
}

article.shop_openclose section{
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	margin: 0;
	padding: 0;
	
}


article.shop_openclose section p.text{
	padding: 0.6rem;
	width: 40%;
	text-align: center;
	color: #fff;
	background: #333;
	font-size: 13px;
	letter-spacing: 1;
	font-weight: bold;
}

article.shop_openclose section p.date{
	padding: 0.6rem;
	width: 60%;
	text-align: center;
	font-size: 13px;
	background: #fff;
	font-weight: bold;
}



/** ---------------------------------------
shop_event
--------------------------------------- */
article.shop_event{
	margin: 0;
	padding-bottom: 1rem;
	
}

article.shop_event h2{
	padding-bottom: 0.6rem;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	
}

article.shop_event section{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin: 0;
	padding: 0;
	
}


article.shop_event section p.date{
	padding: 0 0.6rem;
	width: 40%;
	font-size: 13px;
	letter-spacing: 1;
}

article.shop_event section p.text{
	padding: 0 0.6rem;
	width: 60%;
	font-size: 13px;
}






/** ---------------------------------------
index_image-list
--------------------------------------- */
article.index_image-list{
	margin: 0;
	padding: 1rem 0;
}

article.index_image-list ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	padding: 0;
}

article.index_image-list li{
	width: 33%;
	margin: 0;
	padding: 0 0.5rem;
}

article.index_image-list img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

article.index_image-list a{
	margin: 0;
	padding: 0;
	text-decoration: none;
}


/** ---------------------------------------
group_link
--------------------------------------- */
article.group_link{
	display: block;
	margin: 0;
	padding: 1rem;
}

article.group_link ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	padding: 0;
}

article.group_link li{
	padding: 0.5rem;
	width: 20%;
	line-height: 0;
}


/** ---------------------------------------
banner
--------------------------------------- */


article.banner{
	display: block;
	margin: 0;
	padding: 0;
	
	
}

article section{
	display: block;
	margin: 0;
	padding: 0.5rem 0;
}