@charset "UTF-8";

header {
	background: #eafbce;
}

/* --- ヒーローエリア --- */
section.hero {
	min-height: 240px;
	background-position: center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
body.page-id-18 section.hero,
body.error404 section.hero {
	display: none;
}

/* 画像 */
body.home section.hero,
body.page-id-8 section.hero {
	background-image: url(../img/hero.jpg);
}
body.page-id-10 section.hero {
	background-image: url(../img/hero_business.jpg);
}
body.page-id-12 section.hero {
	background-image: url(../img/hero_about.jpg);
}
body.page-id-14 section.hero {
	background-image: url(../img/hero_foods.jpg);
}
body.page-id-16 section.hero {
	background-image: url(../img/hero_system.jpg);
}
body.page-id-23 section.hero {
	background-image: url(../img/hero_special.jpg);
}
body.page-id-20 section.hero {
	background-image: url(../img/hero_works.jpg);
}
/* 見出し */
section.hero h1 {
	text-align: center;
	font-size: 36px;
	color: #FFF;
	line-height: 1.6em;
	text-shadow: 1px 2px 5px #000;
}
/* 見出し（フロントページ専用設定） */
body.home section.hero h1 {
	font-size: 16px;
}
body.home section.hero h1 img {
	width: 240px;
	height: auto;
}

/* --- デスクトップ用グローバルメニュー --- */
/* インフォメーション */
section.menuArea div.information {
	background: #eafbce;
	padding: 25px 20px 10px;
}
section.menuArea div.information div.sub img.tel-img {
	margin-bottom: 10px;
}
/* メニュー本体 */
section.menuArea nav.globalMenu_pc {
	background: #eafbce;
}
/* メニューボタン */
section.menuArea nav.globalMenu_pc li a {
	display: block;
	text-align: center;
	font-weight: bold;
	color: #000;
	padding: 6px 0px;
	border-bottom: 5px solid #129f30;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	transition: 0.2s ease;
}
body.page-id-10 section.menuArea nav.globalMenu_pc li.btn2 a,
body.page-id-12 section.menuArea nav.globalMenu_pc li.btn3 a,
body.page-id-14 section.menuArea nav.globalMenu_pc li.btn4 a,
body.page-id-16 section.menuArea nav.globalMenu_pc li.btn5 a,
body.page-id-8 section.menuArea nav.globalMenu_pc li.btn6 a,
section.menuArea nav.globalMenu_pc li a:hover {
	border-bottom: 5px solid #97c32e;
	color: #97c32e;
	width: 80%;
}
/* 横並び */
section.menuArea nav.globalMenu_pc ul {
	display: flex;
	justify-content: center;
}
section.menuArea nav.globalMenu_pc li {
	flex: 1;
}

/* --- デスクトップ用グローバルメニュー（フロントページ専用設定） --- */
/* インフォメーション */
body.home section.menuArea div.information {
	display: none; /* 非表示にする */
}
/* ボタン「HOME」 */
body.home section.menuArea nav.globalMenu_pc li.btn1 {
	display: none; /* 非表示にする */
}
/* メニュー本体 */
body.home section.menuArea nav.globalMenu_pc {
	padding: 15px 0;
}
body.home section.menuArea nav.globalMenu_pc ul {
	max-width: 1110px;
	margin-left: auto;
	margin-right: auto;
}
/* メニューボタン */
body.home section.menuArea nav.globalMenu_pc li:last-child {
	border-left: 2px solid #707070;
	border-right: 2px solid #707070;
}
body.home section.menuArea nav.globalMenu_pc li {
	border-left: 2px solid #707070;
}
body.home section.menuArea nav.globalMenu_pc li a {
	border-bottom: none;
	padding: 10px 0px;
	width: 100%;
	transition: none;
}
body.home section.menuArea nav.globalMenu_pc li a:hover {
	background: #FFF;
	color: #97c32e;
}

/* --- モバイル用ヘッダー --- */
section.menuArea .container-small {
	background: #FFF;
}
section.menuArea .container-small div.logo img {
	width: 85px;
	height: auto;
	padding: 10px 15px;
}

/* --- モバイル用グローバルメニュー --- */
/* メニュー本体 */
section.menuArea nav.globalMenu_sp {
	width: 375px;
	height: 100%;
	background: #eafbce;
	text-align: center;
	padding-top: 60px;
	overflow-y: scroll;
	transition: 0.35s ease-in-out;
	position: fixed;
	top: 0px;
	right : -100%;
	z-index: 100;
}
/* メニュー開閉設定 */
header.open section.menuArea nav.globalMenu_sp {
    right : 0px;
}
/* メニューボタン */
section.menuArea nav.globalMenu_sp li a {
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	padding-top: 20px;
	padding-bottom: 20px;
}
/* メニュー内ロゴ画像 */
section.menuArea nav.globalMenu_sp li.logo img {
	width: 176px;
	height: auto;
}

/* --- トグルボタン --- */
#nav_toggle {
	display: block;
	position: relative;
	right: 15px;
	width: 52px;
	height: 41px;
	cursor: pointer;
	text-align: center;
}
#nav_toggle span {
	display: block;
	position: absolute;
	left: 2px;
	width: 48px;
	border-bottom: 5px solid #707070;
	transition: 0.45s ease-in-out;
}
#nav_toggle span:nth-child(1) { top: 3px; }
#nav_toggle span:nth-child(2) { top: 18px; }
#nav_toggle span:nth-child(3) { top: 33px; }
.open #nav_toggle {
	position: fixed;
	top: 15px;
	right: 25px;
	z-index: 200;
}
.open #nav_toggle span:nth-child(1) {
	top: 18px;
	transform: rotate(-45deg);
}
.open #nav_toggle span:nth-child(2),
.open #nav_toggle span:nth-child(3) {
	top: 18px;
	transform: rotate(45deg);
}

/* タブレット用 */
@media(min-width:768px) {
	/* --- ヒーローエリア --- */
	section.hero {
	min-height: 380px;
	}
	/* ボタン（フロントページ専用設定） */
	body.home section.hero {
	position: relative;
	}
	body.home section.hero img.btn {
	width: 185px;
	height: 55px;
	position: absolute;
	right: 35px;
	bottom: 45px;
	}
	/* 見出し */
	section.hero h1 {
	font-size: 38px;
	}
	/* 見出し（フロントページ専用設定） */
	body.home section.hero h1 {
	font-size: 20px;
	}
	body.home section.hero h1 img {
	width: 330px;
	height: auto;
	}
	/* 見出し（「受注検品システム」専用設定） */
	body.page-id-16 section.hero h1 span.sp {
	display: none; /* 非表示 */
	}
	/* 見出し（「中村総料理長 監修　メニュー」専用設定） */
	body.page-id-23 section.hero h1 span.sp {
	display: none; /* 非表示 */
	}
	/* --- デスクトップ用グローバルメニュー --- */
	/* インフォメーション */
	section.menuArea div.information {
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
	section.menuArea div.information div.sub ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
	section.menuArea div.information img {
	height: auto;
	}
	section.menuArea div.information img.logo-img {
	width: 330px;
	}
	section.menuArea div.information img.tel-img {
	width: 293px;
	}
	section.menuArea div.information img.contact-img {
	width: 123px;
	}
	section.menuArea div.information img.shop-img {
	width: 156px;
	}
	/* メニューボタン */
	section.menuArea nav.globalMenu_pc li a {
	font-size: 13px;
	}
	section.menuArea nav.globalMenu_pc li.btn5 a {
	letter-spacing: -1px;
	}
	/* --- モバイル用ヘッダー --- */
	section.menuArea .container-small {
	display: none; /* 非表示にする */
	}
	/* --- ※フロントページのみ（ヒーローエリアとメニューを逆順に表示） --- */
	body.home header div.container {
	display: flex;
	flex-direction: column-reverse;
	}
}

/* デスクトップ用 */
@media(min-width:1024px) {
	/* --- ヒーローエリア --- */
	section.hero {
	min-height: 520px
	}
	/* ボタン（フロントページ専用設定） */
	body.home section.hero img.btn {
	width: 370px;
	height: 110px;
	position: absolute;
	right: 35px;
	bottom: 45px;
	}
	/* 見出し */
	section.hero h1 {
	font-size: 40px;
	}
	/* 見出し（フロントページ専用設定） */
	body.home section.hero h1 {
	font-size: 24px;
	}
	body.home section.hero h1 img {
	width: 421px;
	height: auto;
	}
	/* --- デスクトップ用グローバルメニュー --- */
	/* インフォメーション */
	section.menuArea div.information img.logo-img {
	width: 495px;
	}
	section.menuArea div.information img.tel-img {
	width: 440px;
	}
	section.menuArea div.information img.contact-img {
	width: 184px;
	}
	section.menuArea div.information img.shop-img {
	width: 234px;
	}
	/* メニューボタン */
	section.menuArea nav.globalMenu_pc li a {
	font-size: 17px;
	}
}

/* モバイル用 */
@media(max-width:767px) {
	/* --- ヒーローエリア --- */
	/* ボタン（フロントページ専用設定） */
	body.home section.hero img.btn {
	display: none; /* 非表示にする */
	}
	/* 見出し（「受注検品システム」専用設定） */
	body.page-id-16 section.hero h1 span.pc {
	display: none; /* 非表示にする */
	}
	/* 見出し（「中村総料理長 監修　メニュー」専用設定） */
	body.page-id-23 section.hero h1 span.pc {
	display: none; /* 非表示にする */
	}
	/* --- モバイル用ヘッダー --- */
	section.menuArea .container-small {
	display: flex;
	align-items: center;
	justify-content: space-between;
	}
	/* --- デスクトップ用グローバルメニュー --- */
	section.menuArea nav.globalMenu_pc {
	display: none; /* 非表示にする */
	}
	/* インフォメーション */
	section.menuArea div.information {
	display: none; /* 非表示にする */
	}
}