@charset "UTF-8";


/* ヘッダー処理 */
/*
.header { display: none; }
#catch { display: none; }
#breadcrumb { display: none; }
*/

/* M reset */
article ul { margin: 0;padding: 0; }
article h2, article h3 { margin: 0; }
section,
article p {
	margin: 0;
	padding: 0;
}
article .bx-wrapper {
	box-shadow: 0 0 0px #ccc;
	border: 0px solid #fff;
}

body {
	font-size: 14px;
	background-color: #ffffff;
	background-image: none;
	color: #47432c;
}

article {
	padding-bottom: 20px;
	font-family: "はんなり明朝", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
article > section {
	padding-left: 0px;
	padding-right: 0px;
}


/* タイトル */

#plan-header-box {
	background: url(images/back-header.jpg) center top repeat-x;
	margin-bottom: 20px;
  overflow: hidden;
}
#plan-header {
	position: relative;
	max-width: 1120px;
	margin: 0px auto;
	padding: 90px 0px 0px 0px;
	text-align: center;
}
#plan-header #h-logo {
	position: absolute;
	top: 32px;
	left: 10px;
}
#plan-header h2 {
	margin-bottom: 40px;
}

/* タイトル ここまで */


#plan-info {
	margin-bottom: 50px;
	text-align: center;
  overflow: hidden;
}
#plan-info #image-info {
	width: 1120px;
	margin: 0px auto 45px auto;
}
#plan-info #image-info ul {
	text-align: left;
	font-size: 0px;
}
#plan-info #image-info li {
	display: inline-block;
	margin-right: 3px;
}
#plan-info #logo-info {
	margin-bottom: 15px;
}
#plan-info h3 {
	font-size: 21px;
	line-height: 120%;
	font-weight: bold;
	letter-spacing: 0px;
	color: #827804;
}


#plan-kodawari {
	background: #f9f7eb;
	margin-bottom: 35px;
}
#kodawari-inner {
	position: relative;
	width: 1090px;
	margin: 0px auto;
	padding: 35px 0px 0px 0px;
}
#plan-kodawari h3 {
	margin-bottom: 23px;
}
#plan-kodawari p {
	padding-bottom: 40px;
	font-size: 21px;
	line-height: 130%;
	font-weight: bold;
	letter-spacing: 0px;
}
#plan-kodawari #image-chef {
	position: absolute;
	bottom: 0px;
	left: 811px;
}


article .plan-inner {
	width: 1120px;
	margin: 0px auto;
}


#info-joban {
	margin-bottom: 78px;
}
#info-joban .plan-inner {
	margin-bottom: 35px;
}
#info-joban #image-joban {
	float: left;
	margin-right: 40px;
}
#info-joban #text-joban {
	float: right;
	width: 505px;
	padding-top: 125px;
	text-align: center;
}
#info-joban h3 {
	margin-bottom: 23px;
}
#info-joban p {
	font-size: 21px;
	line-height: 130%;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: left;
}


#plan-detail {
	background: #f9f7eb url(images/back-detail.jpg) center top repeat-x;
	margin-bottom: 68px;
	padding: 58px 0px 32px 0px;
}
#detail-inner {
	position: relative;
	width: 1120px;
	margin: 0px auto;
}
#plan-detail #title-detail {
	position: relative;
	margin-bottom: 30px;
}
#plan-detail #title-detail h3 {
	position: absolute;
	top: 0px;
	right: 15px;
}
#plan-detail p {
	margin-bottom: 30px;
	font-size: 21px;
	line-height: 130%;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: left;
}
#plan-detail #dish-example-box {
	margin-bottom: 32px;
}
#plan-detail #dish-example {
	float: left;
	width: 670px;
}
#plan-detail #dish-example-inner {
	background: #ffffff;
	border-radius: 15px;
	padding: 15px;
}
#plan-detail #logo-example {
	margin-bottom: 5px;
}
#plan-detail #dish-example li {
	margin-left: 0.7em;
	text-indent: -1em;
	font-size: 20px;
	line-height: 130%;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: left;
}
#plan-detail #image-detail2 {
	float: right;
}


article .link-plan {
	text-align: center;
}
article .link-plan a:hover {
	opacity: 0.8;
}


#plan-thoughts {
	width: 1090px;
	margin: 0px auto 68px auto;
}
#plan-thoughts h3 {
	margin-bottom: 23px;
}
#plan-thoughts p {
	font-size: 20px;
	line-height: 130%;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: left;
}


#plan-unveiling {
	background: #f9f7eb url(images/back-unveiling.jpg) center top repeat-x;
	margin-bottom: 34px;
	padding-bottom: 50px;
  padding-top: 0;
}
#plan-unveiling h3 {
	margin-bottom: 35px;
	padding-top: 5px;
	text-align: center;
}
#plan-unveiling #info-unveiling {
	width: 1120px;
	margin: 0px auto 25px auto;
}
#plan-unveiling #text-unveiling {
	float: left;
	width: 670px;
}
#plan-unveiling p {
	margin-left: 15px;
	padding-top: 45px;
	font-size: 20px;
	line-height: 130%;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: left;
}
#plan-unveiling #image-unveiling {
	float: right;
}


.sp {
	display: none;
}


@media screen and (max-width: 480px) {

	.pc {
		display: none;
	}
	.sp {
		display: block;
	}

/* 非表示 */

	#header_page {
		display: block;
	}

/* 非表示 ここまで */

	#footer_page {
		width: 100%;
		background-size: auto 70%;
	}


/* タイトル */

	#plan-header {
		background: url(images/back-header.jpg) center top repeat-x;
		width: 100%;
		padding: 55px 0px 0px 0px;
	}
	#plan-header #h-logo {
		display: none;
	}
	#plan-header h2 {
		margin-bottom: 30px;
	}
	#plan-header h2 img {
		width: 90%;
		height: auto;
	}
	#plan-header #h-musubi img {
		width: 90%;
		height: auto;
	}

/* タイトル ここまで */


	#plan-info {
		width: 95%;
		margin-right: auto;
		margin-left: auto;
	}
	#plan-info #image-info {
		width: 100%;
		margin: 0px auto 45px auto;
	}
	#plan-info #image-info ul {
		text-align: center;
	}
	#plan-info #image-info li {
		display: block;
		margin-right: 0px;
		margin-bottom: 3px;
	}
	#plan-info #image-info li img {
		max-width: 370px;
		height: auto;
	}
	#plan-info #logo-info img {
		width: 100%;
		height: auto;
	}
	#plan-info h3 {
		font-size: 18px;
		text-align: left;
	}

	#kodawari-inner {
		position: static;
		width: 95%;
		margin: 0px auto;
	}
	#plan-kodawari h3 {
		text-align: center;
	}
	#plan-kodawari h3 img {
		max-width: 365px;
		height: auto;
	}
	#plan-kodawari p {
		font-size: 18px;
	}
	#plan-kodawari #image-chef {
		position: static;
		text-align: center;
	}


	article .plan-inner {
		width: 95%;
	}

	#info-joban #image-joban {
		float: none;
		margin-right: 0px;
	}
	#info-joban #image-joban img {
		width: 100%;
		height: auto;
	}
	#info-joban #text-joban {
		float: none;
		width: 100%;
		margin-bottom: 30px;
		padding-top: 0px;
	}
	#info-joban h3 {
		text-align: center;
	}
	#info-joban h3 img {
		max-width: 365px;
		height: auto;
	}
	#info-joban p {
		font-size: 18px;
	}


	#detail-inner {
		position: static;
		width: 95%;
	}
	#plan-detail #title-detail {
		position: static;
		margin-bottom: 30px;
	}
	#plan-detail #title-detail h3 {
		position: static;
		margin-bottom: 20px;
		text-align: center;
	}
	#plan-detail #title-detail h3 img {
		width: 75%;
		height: auto;
	}
	#plan-detail #image-detail img {
		width: 100%;
		height: auto;
	}

	#plan-detail p {
		font-size: 18px;
	}
	#plan-detail #dish-example {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#plan-detail #dish-example-inner {
		padding: 10px 10px 1px 10px;
	}
	#plan-detail #dish-example li {
		margin-bottom: 10px;
		font-size: 18px;
	}
	#plan-detail #image-detail2 {
		float: none;
	}
	#plan-detail #image-detail2 img {
		width: 100%;
		height: auto;
	}


	article .link-plan img {
		width: 100%;
		height: auto;
	}


	#plan-thoughts {
		width: 95%;
	}
	#plan-thoughts h3 {
		text-align: center;
	}
	#plan-thoughts h3 img {
		max-width: 365px;
		height: auto;
	}
	#plan-thoughts p {
		font-size: 18px;
	}


	#plan-unveiling h3 {
		margin-bottom: 45px;
	}
	#plan-unveiling h3 img {
		width: 90%;
		height: auto;
	}
	#plan-unveiling #info-unveiling {
		width: 95%;
	}
	#plan-unveiling #text-unveiling {
		float: none;
		width: 100%;
	}
	#plan-unveiling p {
		margin-left: 0px;
		padding-top: 0px;
		font-size: 18px;
	}
	#plan-unveiling #image-unveiling {
		float: none;
		margin-bottom: 20px;
	}
	#plan-unveiling #image-unveiling img {
		width: 100%;
		height: auto;
	}
}