@charset "UTF-8";


/* メインスライダー */

#slider-box-set {
	background: #C7D781;
	margin-bottom: 100px;
}
#slider-box {
	width: 960px;
	margin: 0px auto;
}
#slider-box .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: -35px;
}
#slider-box .bx-wrapper .bx-pager.bx-default-pager a {
	background: #C5D37B;
	width: 20px;
	height: 20px;
	margin: 0px 12px;
	border-radius: 10px;
}
#slider-box .bx-wrapper .bx-pager.bx-default-pager a:hover,
#slider-box .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #2F7243;
}
#slider-box .bx-wrapper img {
	border-radius: 10px;
}

#slider-box #slider-link-box {
	position: relative;
}
#slider-box #bunseki-link {
	position: absolute;
	top: 372px;
	left: 45px;
}
#slider-box #recipe-link {
	position: absolute;
	top: 372px;
	left: 304px;
}
#slider-box #bunseki-link img,
#slider-box #recipe-link img {
	border-radius: 0px;
}

#bunseki-link a:hover,
#recipe-link a:hover {
	opacity: 0.7;
}

/* メインスライダー ここまで */


h1 {
	width: 600px;
	border-bottom: 3px dotted #999999;
	margin: 0px auto 50px auto;
	padding-bottom: 10px;
	font-size: 30px;
	font-weight: bold;
	color: #EF4F36;
	line-height: 130%;
}
h1 span {
	display: block;
}


#item-box {
	width: 950px;
	border: 3px double #C7D781;
	margin: 0px auto 60px auto;
	border-radius: 10px;
	font-family: "sans-serif";
}
#item-box #item-title {
	background: #C7D781;
	border-radius: 6px 6px 0px 0px;
	margin-bottom: 25px;
	padding: 8px 0px;
	font-size: 18px;
	line-height: 150%;
	letter-spacing: 1px;
	font-weight: bold;
	color: #2F7243;
}
#item-box ul {
	margin: 0px 18px 18px 18px;
}
#item-box li {
	width: 360px;
	display: inline-block;
	vertical-align: top;
	margin: 0px 15px;
}
#item-box li:nth-of-type(1) {
	width: 95px;
}
#item-box dl {
	text-align: left;
}
#item-box dt,
#item-box dd {
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	line-height: 150%;
}
#item-box dt {
	width: 80px;
	background: #cccccc;
	border-radius: 5px;
	padding: 3px 0px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#item-box dd {
	margin: -24px 0px 15px 0px;
	padding: 0px 0px 15px 95px;
	border-bottom: 1px dotted #999999;
}
#item-box dd span {
	font-size: 13px;
}
#item-box dd b {
	color: #cc0000;
}


.contents-box {
	width: 960px;
	margin: 0px auto 40px auto;
	font-family: "sans-serif";
	text-align: left;
}

h2 {
	width: 310px;
	background: #2F7243;
	border-radius: 5px;
	margin: 0px auto 15px 0px;
	padding: 3px 0px;
	font-size: 17px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 160%;
	text-align: center;
}
h3 {
	padding: 0px 0px 0px 15px;
	line-height: 160%;
}

.contents-box2 {
	background: #C5D37B;
	margin: 0px auto 40px auto;
	padding: 40px 0px;
	font-family: "sans-serif";
	text-align: left;
}
.contents-box2-inner {
	width: 860px;
	margin: 0px auto;
}
.contents-box2 h2 {
	width: 960px;
	background: none;
	background: url(../images/title-line.gif) center center repeat-x;
	border-radius: 0px;
	margin: 0px auto 30px auto;
	padding: 3px 0px;
	font-size: 20px;
	color: #ffffff;
}
.contents-box2 h2 span {
	background: #C5D37B;
	padding: 0px 15px;
}

#torikumi-list li {
	border-bottom: 2px dotted #ffffff;
	margin-bottom: 25px;
	padding-bottom: 25px;
}
#torikumi-list li:last-child {
	border-bottom: 0px dotted #ffffff;
}
#torikumi-list .torikumi-number {
	float: left;
	width: 30px;
	background: #2F7243;
	border-radius: 20px;
	margin: 0px 10px 0px 0px;
	padding: 8px 0px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
}
#torikumi-list .torikumi-image {
	float: left;
	width: 300px;
	margin: 0px 10px 0px 0px;
}
#torikumi-list .torikumi-text {
	float: left;
	width: 490px;
	background: url(../images/text-mark.png) left 4px no-repeat;
	padding: 0px 0px 0px 20px;
	font-size: 16px;
	line-height: 160%;
}
#torikumi-list .torikumi-text li {
	background: url(../images/link-mark.png) left 7px no-repeat;
	border-bottom: 0px dotted #ffffff;
	margin-bottom: 8px;
	padding: 0px 0px 0px 15px;
	line-height: 150%;
	font-size: 15px;
}
#torikumi-list .torikumi-text li a:hover {
	color: #ffffff;
}

#bunseki-info,
#recipe-info {
	margin: 10px 0px 30px 0px;
}
#bunseki-info h3 span,
#recipe-info h3 span {
	display: block;
	width: 160px;
	background: url(../images/hear-styling-toggle-open.png) 6px 6px no-repeat;
	border: 1px solid #666666;
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 3px 0px 3px 28px;
	font-size: 16px;
	font-weight: bold;
}
#bunseki-info li,
#recipe-info li {
	margin-bottom: 2px;
	padding: 0px 0px 0px 0px;
	line-height: 150%;
	font-size: 15px;
}
.restriction-box-inner {
	display: none;
	margin: -10px 0px 0px 15px;
	padding: 12px;
	background: #eeeeee;
}

.contents-box3 {
	background: #eeffee;
	margin: 0px auto;
	padding: 40px 0px;
	font-family: "sans-serif";
	text-align: left;
}
.contents-box3-inner {
	width: 960px;
	margin: 0px auto;
}
#contents-box3-title {
	margin: 0px auto 5px 0px;
	font-size: 17px;
	color: #2F7243;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 160%;
}
#contents-box3-text {
	padding: 0px 0px 0px 15px;
	font-size: 15px;
	line-height: 160%;
}
#contents-box3-text .sign {
	padding: 10px 0px 0px 0px;
	text-align: right;
}


#bunseki-title {
	border-bottom: 1px solid #666666;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	font-size: 15px;
	line-height: 130%;
}
#bunseki-title span {
	font-size: 13px;
}

.restriction-box-inner dt,
.restriction-box-inner dd {
	margin: 0px;
	padding: 0px;
	line-height: 130%;
	font-size: 14px;
	letter-spacing: 1px;
}
.restriction-box-inner dd {
	margin: -18px 0px 12px 110px;
}

#recipe-title {
	border-bottom: 1px solid #666666;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	font-size: 15px;
	line-height: 130%;
	font-weight: bold;
}
#recipe-list {
	margin: 0px 0px 12px 18px;
}
#recipe-list li {
	list-style-type: disc;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 1px;
}

#recipe-banner a:hover {
	opacity: 0.7;
}

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

/* メインスライダー */

	#slider-box {
		width: 100%;
	}
	#slider-box .bx-wrapper img {
		width: 100%;
		height: auto;
	}

	#slider-box #bunseki-link {
		top: 160px;
		left: 20px;
	}
	#slider-box #recipe-link {
		top: 160px;
		left: 130px;
	}
	#slider-box #bunseki-link img,
	#slider-box #recipe-link img {
		width: 80px;
		height: auto;
	}

/* メインスライダー ここまで */


	h1 {
		width: 90%;
		text-align: left;
		line-height: 130%;
		font-size: 24px;
	}
	h1 span {
		display: block;
	}


	#item-box {
		width: 88%;
	}
	#item-box #item-title {
		margin-bottom: 15px;
	}
	#item-box ul {
		margin: 0px 15px 5px 15px;
	}
	#item-box li {
		width: 100%;
		margin: 0px 0px;
	}
	#item-box li:nth-of-type(1) {
		width: 100%;
		margin-bottom: 20px;
	}
	#item-box li:nth-of-type(1) img {
		width: 130px;
		height: auto;
	}


	.contents-box {
		width: 90%;
	}

	h2 {
		width: 90%;
		padding-left: 15px;
		text-align: left;
	}

	.contents-box2-inner {
		width: 90%;
	}
	.contents-box2 h2 {
		width: 90%;
		text-align: center;
	}

	#torikumi-list li {
		margin-bottom: 40px;
	}

	#torikumi-list .torikumi-number {
		float: none;
		margin: 0px 0px 15px 0px;
	}
	#torikumi-list .torikumi-image {
		float: none;
		width: 100%;
		margin: 0px 0px 15px 0px;
	}
	#torikumi-list .torikumi-image img {
		width: 100%;
		height: auto;
	}

	#torikumi-list .torikumi-text {
		float: none;
		width: 95%;
	}

	.contents-box3-inner {
		width: 90%;
	}

	#bunseki-title span {
		display: block;
	}

	#recipe-banner img {
		width: 100%;
		height: auto;
	}

}