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

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


body{
	background-size: contain;
	background-color: white;
	scroll-margin-top: 0!important;
}
.body1 {
	width: calc(100% - 2em);
	max-width: 750px; /** デザインの最大幅 **/
	min-width: 345px;
	margin: 0 auto;
	/*font-family: 'M PLUS 1p', sans-serif;*/
	font-family: "Helvetica Neue",Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
	padding-top: 190px;
}
img {border:0;}
address {font-style:normal;}
a{text-decoration:none;}

.m0auto{margin: 0 auto;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px!important;}
.mb30{margin-bottom: 30px!important;}
.mb50{margin-bottom: 50px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt30{margin-top: 30px!important;}
.mt50{margin-top: 50px!important;}

.mb1em{margin-bottom: 1em!important;}
.mb2em{margin-bottom: 2em!important;}
.mb3em{margin-bottom: 3em!important;}
.mt1em{margin-top: 1em!important;}
.mt2em{margin-top: 2em!important;}
.mt3em{margin-top: 3em!important;}


.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;}

.title img{
	display: block;
	width: 100%;
	margin-bottom:0.5em;
}
.read1 p{
	font-size: 1em;
	color:white;
	margin-bottom: 1em;
	text-align: center;
}
.catsch1 h2{
	text-align: center;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color: red;
	margin: 0.3em;
}
/*
FlexBoxの設定
----------------------------------------------------------- */
/*コンテナ*/
.flexContainer{
	display:flex;
	justify-content: center;

}
/*アイテム*/
.flexItem{
	margin: 0 4%;
}


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

/*
 メディアクエリ 
----------------------------------------------------------- */
@media (max-width:813px){
	.body1 {
		width: calc(100% - 2em);
		max-width: 900px; /** デザインの最大幅 **/
		margin: 0 auto;
		/*font-family: 'M PLUS 1p', sans-serif;*/
		font-family: "Helvetica Neue",Arial,
		"Hiragino Kaku Gothic ProN",
		"Hiragino Sans",
		Meiryo,
		sans-serif;
		padding-top: 120px;
	}
}

img {
max-width: 100%;
height: auto;
}

/*
店舗リスト（グリッドレイアウト）
---------------------------------------------------------- */

        .hall_list {
			width:100%;
            display: grid;
            grid-template-columns:repeat(3, 1fr); /* 横に3つ並べる */
            gap:clamp(10px, 3vw, 20px); /* アイテム同士の間隔 */
			margin:0 0 3em 0;
        }

        /* 個別の店舗アイテム */
        .hall_item {
			width:100%;
            border-radius: 12px;
			/*カードぼかし↓*/
            box-shadow: 0 5px 5px rgba(0,0,0,0.2);
            text-decoration: none;
            color: #333;
            transition: transform 0.2s;
            display: flex;
            flex-direction: column;
}

		.hall_inner {
			width:100%;
			aspect-ratio:22/26;
			background: white;
			border-radius: 12px;
			overflow: hidden;
			display: flex;
			flex-direction: column;
			font-size:16px;
}


        /* 店舗画像 */
        .hall_image {
            width: 100%;
            box-sizing: border-box; 
            display: block;
			flex: 4;
        }

		/*店舗名*/
		.text_area {
			display: flex;
			justify-content: center;
			text-align: center;
			width:100%;
			flex: 6;
			color: black;
			font-size:14px;
			font-size: clamp(8px, 2.2vw, 18px);
			font-weight: bold;
			margin:0.5em 0 1em 0;
			padding:0 0.5em;
		}

/*
長体をかける
---------------------------------------------------------- */

		.chotai_95{
			display: inline-block;   /* これ大事（transform効かせる） */
			white-space: nowrap;     
			transform: scaleX(0.95);  /* 0.95 = 横幅95% */
			transform-origin: center;  /* 左基準で縮める */
			}



		.chotai_80{
			display: inline-block;   /* これ大事（transform効かせる） */
			white-space: nowrap;     
			transform: scaleX(0.8);  /* 0.8 = 横幅80% */
			transform-origin: center;  /* 左基準で縮める */
			}