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

/*
 * テンプレートのタブレット用 CSS
 */


/* 変数 */
:root {
	--logoHeight: 50px; /* ロゴの高さ */
	--contentsPaddingSide: 30px;
	--sectionContentPadding: 25px;
	--drawerWidth: 20rem;
	--headerHeight: 78px;
}


/* バーガーボタン */
body.drawer--normal .drawer-hamburger {
  /* バーガーアイコン線の太さ */
  --hamburgerIconThin: 2px;
  /* バーガーアイコン線の間隔 */
  --hamburgerIconGap: 6px;
  /* バーガーアイコン線の色 */
  color: #444444;
  /* ボタンの幅 */
  --hamburgerWidth: 2.5em;
  /* ボタンの高さ（ 右側の値を変更する ） */
  height: 100vh;
  /* ボタンのパディング左右 */
  --hamburgerPaddingH: 15px;
  /* ボタンの角丸 */
  border-radius: 0;
  /* ボタンの背景色 */
  --hamburgerBgColor: rgba(255,255,255,0.7);
  /* バーガーアイコンと文字の間隔 */
  gap: 7px;
	/* 上下パディング調整 */
	padding-top: 5px;
}
.drawer--right.drawer-open .drawer-hamburger {
	right: 0;
	border-left: 1px solid #dfdfdf;
}

/* ドロワーメニュー */
.drawer-nav {
	padding-right: calc(var(--hamburgerWidth) + ( var(--hamburgerPaddingH) * 2));
}


/* 最大幅設定 */
.maxWidth01{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}


/* ヘッダー */
#HEADERSET {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}


/* グローバルナビ */
#GNAVICONTENTS01 .gnaviContents {
	font-size: 0.9em;
}


/* ページトップへ帰るボタン */
#backtopPosiBox {
	z-index: 1010;
	right: 8px;
}



/* ロゴ付きスライド */
.slideLogoBox {
	right: 20vw;
	padding: 10px;
	width: 140px;
	height: 110px;
}



/* トップページ */
@media (max-width: 1023.9px){
	#TOP_GREETING .sectionContent {
		padding-right: 60px;
	}
}
#topChef .articleBox {
	grid-template-columns: repeat(5, 1fr);
	height: auto;
}
#topChef .articleBox .txtBox {
	grid-column: 1 / 4;
}
#topChef .articleBox .txtBox .signature {
	text-align: right;
}
#topChef .articleBox .imgBox {
	grid-column: 4 / -1;
}
#topChef .articleBox .imgBox.sd-enterd {
	opacity: 1;
}
#topMap {
	width: 85vw;
	margin-left: auto;
	margin-right: auto;
}


.top-oshirase-box {
	width: 30%;
}