@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; }
article section,
article p {
	margin: 0;
	padding: 0;
}

article .bx-wrapper { border: none; }


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

#layout_area {
	width: 100%;
}
#footer_page {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
main {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


/* タイトル */

#plan-header-box {
	background: url(images/back-header.jpg) center top repeat-x;
	margin-bottom: 50px;
}
#plan-header {
	position: relative;
	width: 1120px;
	height: 575px;
	margin: 0px auto;
}
#plan-header #h-logo {
	position: absolute;
	top: 17px;
	left: 30px;
}

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


#plan-info {
	margin-bottom: 70px;
}
#plan-info h3 {
	font-size: 21px;
	line-height: 140%;
	font-weight: bold;
	text-align: center;
}
.plan-inner {
	width: 1120px;
	margin: 0px auto;
}

#anchor-link {
	margin-bottom: 30px;
	text-align: center;
}
#anchor-link li {
	display: inline-block;
	margin: 0px 20px 10px 20px;
}
#anchor-link li a {
	text-decoration: none;
	display: block;
	background: url(images/line-anchor.png) center bottom no-repeat;
	padding-bottom: 23px;
	font-size: 18px;
	font-weight: bold;
	color: #8f9573;
	letter-spacing: 2px;
}
#anchor-link li a:hover {
	opacity: 0.7;
}


/* 福とら */

#plan-fukutora {
	margin-bottom: 85px;
}
#plan-fukutora h3 {
	background: url(images/back-fukutora.jpg) left top;
	padding: 7px 0px;
	text-align: left;
}
#plan-fukutora h3 div {
	width: 710px;
	margin: 0px auto;
}
#plan-fukutora h3 img {
	display: block;
	margin: 0px auto 0px 0px;
}

#chef-box {
	background: url(images/back-chef.jpg) center top no-repeat;
	padding-top: 35px;
}
#chef-box #chef-inner {
	position: relative;
	width: 910px;
	height: 300px;
	margin: 0px auto 20px auto;
}
#chef-box #chef-imagelist li:nth-of-type(1) {
	position: absolute;
	top: 30px;
	left: 46px;
}
#chef-box #chef-imagelist li:nth-of-type(2) {
	position: absolute;
	top: 36px;
	left: 566px;
}
#chef-box #image-chef {
	position: absolute;
	top: 4px;
	left: 287px;
}

#meister-box {
	height: 365px;
	background: url(images/back-meister.png) left top no-repeat;
	margin: 0px auto 70px auto;
}
#meister-box p {
	padding: 110px 0px 0px 370px;
	font-size: 18px;
	line-height: 130%;
	font-weight: bold;
	letter-spacing: 2.5px;
}

#joban-set {
	margin-bottom: 30px;
}
#title-joban {
	float: right;
	width: 391px;
	padding-top: 20px;
}
#joban-box {
	position: relative;
	float: left;
	width: 723px;
	margin: 0px auto;
}
#joban-box #text-joban {
	position: absolute;
	top: 140px;
	left: 342px;
	width: 380px;
	background: #333937;
	border-radius: 22px;
	font-size: 18px;
	line-height: 130%;
	letter-spacing: 2px;
}
#joban-box #text-joban div {
	padding: 18px;
}
#joban-box #text-joban img {
	margin-bottom: 8px;
}

#fukutora-box {
	width: 880px;
	margin: 0px auto 30px auto;
}
#fukutora-box #image-fukutora {
	float: left;
}
#fukutora-box #text-fukutora {
	float: right;
	width: 400px;
	background: #333937;
	border-radius: 22px;
	font-size: 18px;
	line-height: 135%;
	letter-spacing: 2px;
}
#fukutora-box #text-fukutora div {
	padding: 18px 18px 70px 18px;
}
#fukutora-box #text-fukutora div span {
	letter-spacing: 0px;
}
#fukutora-box #text-fukutora img {
	margin-bottom: 8px;
}

#sorting-set {
	position: relative;
	margin-bottom: 13px;
}
#title-sorting {
	position: absolute;
	top: 0px;
	left: 0px;
}
#sorting-box {
	float: right;
	width: 790px;
	margin: 0px auto;
}
#sorting-box p {
	padding: 0px 0px 30px 25px;
	font-size: 17px;
	line-height: 140%;
	font-weight: bold;
	letter-spacing: 2.5px;
}
#sorting-box ul {
	text-align: left;
}
#sorting-box li {
	display: inline-block;
}

#fukutora-slider-box {
	margin-bottom: 80px;
}

#fukutora-menu {
	position: relative;
	margin-bottom: 30px;
}
#fukutora-menu #fukutora-menutext {
	position: absolute;
	top: 90px;
	left: 31px;
	font-size: 20px;
	line-height: 150%;
	font-weight: bold;
	letter-spacing: 2.5px;
}

#link-fukutora {
	text-align: center;
}
#link-fukutora a:hover {
	opacity: 0.8;
}

/* 福とら ここまで */


#plan-other {
	width: 911px;
	margin: 0px auto 90px auto;
}
#plan-other .other-set {
	border: 1px solid #e3dac9;
}
#plan-other h3 {
	background: url(images/back-otherplan.jpg) left top;
	border-bottom: 1px solid #e3dac9;
	padding: 15px 0px;
	text-align: center;
	line-height: 100%;
	font-size: 0;
}
#plan-other .other-inner {
	background: #ffffff;
	padding: 20px 20px 30px 20px;
	color: #444040;
}
#plan-other .other-image {
	margin-bottom: 20px;
}
#plan-other h4 {
	margin-bottom: 20px;
	font-size: 19px;
	line-height: 130%;
	color: #696e52;
	font-weight: bold;
	letter-spacing: 2px;
}
#plan-other .other-text {
	margin-bottom: 20px;
	font-size: 15px;
	line-height: 140%;
}
#plan-other .other-link {
	text-align: center;
}
#plan-other .other-link a:hover {
	opacity: 0.8;
}


/* すっぽん */

#plan-suppon {
	float: left;
	width: 450px;
}

/* すっぽん ここまで */

/* ズワイガニ */

#plan-zuwaigani {
	float: right;
	width: 450px;
}
#plan-other #plan-zuwaigani h4 {
	margin-bottom: 63px;
}

/* ズワイガニ ここまで */


.sp {
	display: none;
}


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

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

/* 非表示 */

	#header_page {
		display: block;
	}

/* 非表示 ここまで */

	#footer_page {
		width: 100%;
	}


/* タイトル */

	#plan-header {
		position: static;
		width: 100%;
		height: auto;
	}
	#plan-header #h-logo {
		display: none;
	}
	#plan-header h2 {
		padding-top: 18px;
	}
	#plan-header h2 img {
		width: 100%;
		height: auto;
	}

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


	#plan-info {
		padding: 0px 10px;
	}
	#plan-info h3 {
		font-size: 18px;
		text-align: left;
	}
	.plan-inner {
		width: 95%;
	}


	#anchor-link {
		margin-bottom: 0px;
	}
	#anchor-link li {
		display: block;
		margin: 0px 0px 30px 0px;
	}
	#anchor-link li a {
		width: 330px;
		margin: 0px auto;
	}
	#anchor-link li:nth-of-type(2) a {
		width: 250px;
	}
	#anchor-link li:nth-of-type(3) a {
		width: 210px;
	}


/* 福とら */

	#plan-fukutora h3 div {
		width: 100%;
	}
	#plan-fukutora h3 img {
		width: 95%;
		height: auto;
		margin: 0px auto;
	}


	#chef-box {
		background: url(images/back-chef-sp.png) center top repeat-y;
		padding-top: 0px;
	}
	#chef-box #chef-inner {
		position: static;
		width: 95%;
		height: auto;
	}
	#chef-box #chef-imagelist {
		text-align: center;
	}
	#chef-box #chef-imagelist li {
		display: inline-block;
		width: 40%;
		text-align: center;
		margin: 20px 10px;
		vertical-align: middle;
	}
	#chef-box #chef-imagelist li:nth-of-type(1) {
		position: static;
	}
	#chef-box #chef-imagelist li:nth-of-type(2) {
		position: static;
	}
	#chef-box #chef-imagelist li:nth-of-type(1) img,
	#chef-box #chef-imagelist li:nth-of-type(2) img {
		width: 100%;
		height: auto;
	}
	#chef-box #image-chef {
		position: static;
		text-align: center;
	}
	#chef-box #image-chef img {
		display: block;
		width: 60%;
		height: auto;
		margin: 0px auto;
	}
	#chef-box #chef-info {
		padding: 16px;
		font-size: 18px;
		text-align: left;
	}

	#meister-box {
		height: auto;
		background-size: 100% auto;
	}
	#meister-box p {
		padding: 340px 0px 0px 0px;
	}

	#joban-set {
		width: 100%;
	}
	#title-joban {
		float: none;
		width: 100%;
		margin-bottom: 30px;
		padding-top: 0px;
		text-align: center;
	}
	#title-joban img {
		width: 70%;
		height: auto;
	}
	#joban-box {
		position: static;
		float: none;
		width: 100%;
	}
	#joban-box #image-joban {
		margin-bottom: 30px;
	}
	#joban-box #image-joban img {
		width: 100%;
		height: auto;
	}
	#joban-box #text-joban {
		position: static;
		width: 100%;
		margin-bottom: 30px;
		font-size: 17px;
	}

	#fukutora-box {
		width: 100%;
	}
	#fukutora-box #image-fukutora {
		float: none;
	}
	#fukutora-box #image-fukutora img {
		width: 100%;
		height: auto;
	}
	#fukutora-box #text-fukutora {
		float: none;
		width: 100%;
		margin-bottom: 30px;
		font-size: 17px;
	}
	#fukutora-box #text-fukutora div {
		padding: 18px;
	}

	#sorting-set {
		position: static;
	}
	#title-sorting {
		position: static;
		width: 100%;
		margin-bottom: 30px;
		padding-top: 0px;
		text-align: right;
	}
	#title-sorting img {
		width: 70%;
		height: auto;
		margin-right: 40px;
	}

	#sorting-box {
		float: none;
		width: 100%;
	}
	#sorting-box p {
		padding: 0px 0px 20px 0px;
	}
	#sorting-box ul {
		text-align: center;
	}
	#sorting-box li {
		display: block;
		margin-bottom: 20px;
	}
	#sorting-box li img {
		max-width: 391px;
		height: auto;
	}

	#fukutora-menu {
		position: static;
		margin-bottom: 30px
	}
	#fukutora-menu img {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	#fukutora-menu #fukutora-menutext {
		position: static;
		font-size: 16px;
	}

	#link-fukutora {
		width: 95%;
		margin: 0px auto;
	}
	#link-fukutora img {
		width: 100%;
		height: auto;
	}

/* 福とら ここまで */


	#plan-other {
		width: 100%;
	}
	#plan-other h3 img {
		width: 90%;
		height: auto;
	}
	#plan-other .other-inner {
		padding: 10px 10px 20px 10px;
	}
	#plan-other .other-image img {
		width: 100%;
		height: auto;
	}
	#plan-other .other-link img {
		width: 100%;
		height: auto;
	}

/* すっぽん */

	#plan-suppon {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}

/* すっぽん ここまで */

/* ズワイガニ */

	#plan-zuwaigani {
		float: none;
		width: 100%;
	}
	#plan-other #plan-zuwaigani h4 {
		margin-bottom: 20px;
	}

/* ズワイガニ ここまで */

	#plan-fukutora,
	#plan-suppon,
	#plan-zuwaigani {
		margin-top: -50px;
		padding-top: 50px;
	}

}