@charset "UTF-8";

/* 基本フォントサイズ */
@media (max-width: 899px) {
	:root {
		font-size: 3vw;
	}
}

@media (min-width: 900px) and (max-width: 1599px) {
	:root {
		font-size: 2vw;
	}
}

@media (min-width: 1600px) {
	:root {
		font-size: 1vw;
	}
}

@page {
  size: 297mm 210mm;
  margin: 0;
}

@media print {
    html, body {
        -webkit-print-color-adjust: exact;
        overflow-x: visible;
    }
    
    .corp-sign-wrap {
        page-break-before: always;
    }
}


/**************************/
/***  小さい画面用の設定   ***/
/**************************/

@media (max-width: 899px) {
	
/* 共通メニュー　*/
	ul li {
    	padding: 0px 5px;
    	font-size:10px;
	}
	
	.ic-icon {
		font-size: 16px;
		margin-top: 10px;
    	margin-bottom: 5px;
	}

	.corp-sign {
		font-size: 9px;
	}

	.corp-sign-sub {
		font-size: 9px;
	}
	
	
/* ヘッダー：ナビメニュー　*/
	header .wrapper-inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		
	}


	
/* トップページ　*/
	.home {
		/*2022-12 display:flex;
		flex-direction:column;*/
	}
	
	.shop-logo img{
		width:80%;

	}

	.wrap-pht-box {
		display: block;
	}
	.pht-box {
		flex: 1;
		max-width: auto;
	}
}



/***************************/
/*** 大きい画面用の設定　***/
/***************************/

@media (min-width: 1600px) {

/* 共通　*/
	.shop h1,
	.paysys h1,
	.menu h1,
	.tel h1	{
		font-size: 36px;
	}

	.shop h2, .shop th, .shop td,
	.paysys h2, .paysys th, .paysys td,
	.menu h2, .menu th, .menu td,
	.tel h2, .tel th, .tel td{
		font-size: 30px;
	}
	
	.shop h3,
	.paysys h3,
	.menu h3,
	.tel h3 {
		font-size: 24px;
	{
	
	th, td {
		font-size: 30px;	
	}

	.wrap-pht-box {
		display: flex;
	}
	
	.pht-box {
		flex: 2;
	
	}
		
		
/* 共通メニュー　*/
	ul li {
    	padding: 0px 20px;
    	font-size: 14px;
	}
	
	.ic-icon {
		font-size: 28px;
		margin-top: 0px;
    	margin-bottom: 0px;
	}
	
/* ヘッダー　*/
	header .wrapper {

	}

	

/* トップページ　*/	


		
/* フッター */
	footer .wrapper-inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		
	}

}