/* INDEX RENEWAL 2018.12 ========== */
/* index ------------------------ */
body {
	min-width: 980px;
}

.movie_wrape {
	overflow: hidden;
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

body.pc .movie_wrape {
	display: block;
}

#movieBackground {
	display: block;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	background-color: #888;
}

/* #promotionArea */
#promotionArea {
	padding-bottom: 40px;
}

#promotionArea a {
	display: inline-block;
}

#promotionArea a {
	box-shadow: 0px 0px 3px rgba(56, 34, 22, 0.3);
}

#promotionArea .mainVisual a {
	box-shadow: none;
}

.flexslider {
	height: 435px;
}

.flex-direction-nav a.flex-prev,
.flex-direction-nav a.flex-next {
	text-align: center;
}

.flex-direction-nav a:hover {
	background-color: rgba(255, 255, 255, 0.7);
}

#promotionArea .newLineup {
	margin-bottom: 14px;
}

/* #pickupMenu */
#pickupMenu {
	padding: 40px 0;
	background: #fff url(../images/common/check-bg2.gif);
}

#pickupMenu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#pickupMenu li {
	width: 30%;
	margin-left: 30px;
}
/*#pickupMenu li {
	width: 176px;
	float: left;
	margin-left: 20px;
}*/
#pickupMenu li:nth-child(4),
#pickupMenu li:nth-child(5),
#pickupMenu li:nth-child(6) {
	margin-top: 16px;
}

#pickupMenu li:nth-child(1),
#pickupMenu li:nth-child(4) {
	margin-left: 0;
}

#pickupMenu li > a {
	display: block;
	padding: 3px;
	background-color: #fff;
	border-radius: 3px;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	position: relative;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

#pickupMenu li > a:after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: #6a3906 url(../images/index/icon_arrow_menu.png) 0 0 no-repeat;
	position: absolute;
	bottom: 3px;
	right: 3px;
	-webkit-transition: background-color 0.4s;
	transition: background-color 0.4s;
}

#pickupMenu li > a:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

#pickupMenu li > a:hover:after {
	background-color: #442e1b;
}

#pickupMenu li > a .wrapImg {
	width: 100%;
	height: 100px;
	overflow: hidden;
}

#pickupMenu li > a .wrapImg img {
	-webkit-transition: 1.2s ease;
	transition: 1.2s ease;
}

#pickupMenu li > a:hover .wrapImg img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

#pickupMenu li p {
	margin: 10px 0 8px;
	color: #6a3906;
	font-family: "Zen Old Mincho", 游明朝, "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", メイリオ, Meiryo, serif;
	font-size: 128.57%;
	font-weight: 900;
	text-align: center;
	line-height: 1.333em;
	-webkit-transition: color 0.4s;
	transition: color 0.4s;
}

#pickupMenu li p > small {
	display: block;
	color: #777;
	font-size: 72.22%;
	line-height: 1.333em;
}

#pickupMenu li > a:hover p {
	color: #442e1b;
}

/* #news */
#news {
	/* float: right;
	width: 400px; */
	/* position: relative; */

	/* 20220331追記 */
	margin: auto;
	margin-bottom: 30px;
	max-width: 700px;
}

#news h2 {
	padding: 10px 15px;
	border-left: 5px solid #442e1b;
	background: #fff url(../images/common/check-bg2.gif);
}

#news ul {
	font-size: 93%;
}

#news ul li {
	padding: 10px;
	border-bottom: 1px dotted #c7b299;
	line-height: 1.6;
}

#news ul li .data {
	display: block;
	padding-left: 13px;
	font-size: 93%;
	font-weight: bold;
	color: #442e1b;
	background: url(../images/common/icon-arrow.png) no-repeat left center;
}

#news ul li .postTitle {
	display: block;
	margin-left: 13px;
}

#recruitNavi {
	margin-top: 30px;
	padding: 4px;
	border-radius: 5px;
	background: #fff url(../images/common/check-bg2.gif);
}

#recruitNavi p {
	margin: 0 10px 10px;
	padding: 15px 15px 10px;
	border-radius: 5px;
	background-color: #fff;
}

#recruitNavi p a {
	display: block;
	margin-bottom: 5px;
	padding: 10px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	background-color: #6a3906;
}

#recruitNavi h2 {
	background: none;
	border: none;
}

#recruitNavi div {
	border: 1px solid rgba(255, 255, 255, 0.7);
}

#recruitNavi div p img {
	display: block;
	margin: 4px auto;
}

#rakutenBn {
	/* float: left;
	margin-bottom: 15px; */
	text-align: center;
	margin: auto;
	max-width: 456px;
}

#fbLikeBox {
	float: left;
	width: 500px;
	padding: 8px;
	border: 2px solid #442e1b;
	border-radius: 5px;
	background-color: #fff;
}

/* #youtube */
#youtube {
	background: #fff url(../images/common/check-bg2.gif);
}

#youtube h2 {
	margin-bottom: 20px;
	text-align: center;
}

#youtube h2 > span {
	display: inline-block;
	padding-left: 40px;
	font-family: "Zen Old Mincho", 游明朝, "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", メイリオ, Meiryo, serif;
	font-size: 180%;
	line-height: 32px;
	text-align: center;
	position: relative;
}

#youtube h2 > span:before {
	content: "";
	display: inline-block;
	margin-top: -16px;
	width: 32px;
	height: 32px;
	background: url(../images/common/logo_youtube_48x48.png) 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 0;
}

#youtube ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#youtube ul + ul {
	margin-top: 20px;
}

#youtube li {
	width: 32%;
	padding: 0 0 16.5%;
	background-color: rgb(255, 255, 255);
	position: relative;
	height: 0;
	overflow: hidden;
	box-sizing: border-box;
}

#youtube li + li {
	margin-left: 2%;
}

#youtube li iframe {
	width: 90%;
	height: 90%;
	position: absolute;
	top: 5%;
	left: 5%;
}

/* #instagram */
#instagram h2 {
	margin-bottom: 15px;
	text-align: center;
	margin-top: 50px; /*20240319追加*/
}

#instagram h2 > span {
	display: inline-block;
	padding-left: 40px;
	font-family: "Zen Old Mincho", 游明朝, "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", メイリオ, Meiryo, serif;
	font-size: 180%;
	line-height: 32px;
	text-align: center;
	position: relative;
	font-weight: bold;
}

#instagram h2 > span:before {
	content: "";
	display: inline-block;
	margin-top: -16px;
	width: 32px;
	height: 32px;
	background: url(../images/common/logo_instagram_48x48.png) 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 0;
}

#instagram .description {
	font-family: "Zen Maru Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	text-align: center;
	font-size: 108%;
	font-weight: 500;
}

#instagram .instagram_feed {
	width: 100%;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
	justify-content: center;
	-ms-align-items: flex-start;
	align-items: flex-start;
	gap: 10px; /*20240221追加*/
}

#instagram .instagram_feed li {
	display: -webkit-inline-flex;
	display: -ms-inline-flex;
	display: inline-flex;
	width: 17.9%;
	margin-top: 20px;
	text-align: center;
	font-size: 86%;
}

#instagram .instagram_feed a {
	display: block;
	width: 100%;
}

#instagram .instagram_feed .photo {
	display: block;
	margin-bottom: 4px;
	position: relative;
	width: 100%;
}

#instagram .instagram_feed .photo:before {
	content: "";
	display: block;
	padding-top: 100%;
}

#instagram .instagram_feed .type_video .photo::after {
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	vertical-align: middle;
	text-align: center;
	background: url("../images/common/bx-play_fff.svg") no-repeat center center;
	background-size: 72px 72px;
}

#instagram .instagram_feed .photo > img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit: cover;
}

#instagram .instagram_feed li .photo_mate img {
	padding: 0 5px;
}

#instagram .dstudio_insta {
	margin-top: 50px;
}
#instagram .dstudio_insta a {
	max-width: 320px;
}
#instagram .dstudio_insta h2 {
	margin-top: 20px;
}

/* 食材セットリンク */
#foodsetList {
	margin-top: 15px;
}

/* #group */
#group h2 {
	margin-bottom: 20px;
}

#group ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px 12px;
}

#group li {
	width: calc((100% - 80px) / 4);
	border: solid 1px #dcdcdc;
}

#group h2 > span {
	display: inline-block;
	font-family: "Zen Old Mincho", 游明朝, "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", メイリオ, Meiryo, serif;
	font-size: 180%;
	line-height: 32px;
	text-align: center;
}

#group {
	text-align: center;
}

#group img {
	max-width: 70%;
}