@charset "UTF-8";
/* CSS Document */

*{
	margin:0;padding:0;
	font-feature-settings: "palt";
	box-sizing: border-box;
}




.body1 {
	width: calc(100% - 30px);
	max-width: 700px; /** デザインの最大幅 **/
	margin: 0 auto;
	/*font-family: 'M PLUS 1p', sans-serif;*/
	font-family: "Helvetica Neue",Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

/*グループヘッダー*/
.groupHead img{
	display: block;
	max-width: 80%;
	margin: 0 auto;
}

/*グループ店舗ラッパー*/
.tenpoWrapper {
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: solid 0.5px #b3b3b3;
}
/*店舗単体設定*/
.tenpo{
	border: solid 0.5px #b3b3b3;
	border-radius: 3px;
	width: calc(100%/2 - 0.3em);
	margin-top: 0.6em;
}
.tenpo:hover{opacity: 0.8;transition: 0.5s;}
.tenpo a{color: #595757;}
.tenpoContent{
	display: flex;
	align-items: center;
	/*justify-content: space-between;*/
	font-size: 0.5em;
	font-weight: 900;
	line-height: 1.5em;
	overflow:hidden; 
	}
.tenpoContent img{
	width: 30%;
	aspect-ratio: 16 / 12;
	object-fit: cover;
	margin-right: 0.7em;
	}
.tenpoContent:hover img{
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .3);
	transition: 0.5s;
	transform:scale(1.2,1.2);
	margin-right: 1.3em;
	
}
	

.chushaku{
	font-size: 0.5em;
	margin-bottom: 1em;
}



img {border:0;}
address {font-style:normal;}
a{text-decoration:none;}

.red {color: red;}
.yelllow {color: yellow;}
.white{color:white;}
.blue{color:blue;}
.green{color:green;}
.DechauOrange{color:#FF4200;}

.clear {clear:both;}
.copyright {font-size: 0.5em;margin: 20px 0;text-align: center;}


/*
 フェイドインクラス
----------------------------------------------------------- */
.fadeInUp {
  opacity : 0;
  transform: translateY(20px);
  transition: 1.5s;
}

/*
 メディアクエリ 
----------------------------------------------------------- */
@media (max-width:600px){
	
}

@media (min-width:600px){
	.body1{font-size: 2em}
}
@media (min-width:1000px){
	.body1 {max-width: 1000px; /** デザインの最大幅 **/}
	.tenpo{
		width: calc(100%/3 - 1em);
		margin: 0.3em;
	
	}
	.tenpoWrapper {
		justify-content: center;
	}
	.groupHead img{
		max-width: 60%;
		margin-bottom: 1em;
	}
	.tenpoContent img{
	width: 30%;
	aspect-ratio: 16 / 16;
	object-fit: cover;
	margin-right: 0.7em;
	}
	
}