/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 30 2025 | 07:20:47 */
/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */ 



@media screen and (max-width: 450px) {
	/* 450px以下に適用されるCSS（スマホ用） */
/* loop */
.news-loop{
	flex-direction:column;
}
	
.loop{
	width:80% !important;
}

	
/* menu */
#main {
    background-size: 200%;
}
	
/* 画像反転 */
.clm_rev {
	display: flex;
   flex-direction: column-reverse;
}

/* おしながき */
.menu-clm{
	margin:20px auto !important;
}

.tea-clm{
	width:100% !important;
}

.select-tea{
	margin:0 auto !important;
}
	
.menu{
	width:100% !important;
}
	
/* スイーツ */
.drink-name{
	width:65% !important;
}

.drink-price{
	width:35% !important;
}
	
/* ドリンク */
.alchol h3{
	margin-left:30% !important;
}
	
	.alchol-menu p:nth-child(1){
		width:65% !important;
	}
	
	.alchol-menu p:nth-child(2){
		width:35% !important;
	}
	
}