html{
	background-color:#e3e2d7; /*フッターの色を指定*/
	font-size: 15px;
	line-height: 1.8;
}

body {
	text-align: center;
	color: #645a42;
	background-color:#f8f5ee;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

}



#container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/**************** ボディ、フッター ****************/

@media print, screen and (min-width: 1000px) {
	.contents {
		margin-left:auto;
		margin-right:auto;
		width: 960px;
		text-align: left;
	}
}

@media screen and (min-width: 0px) and (max-width: 1000px) {
	.contents {
		margin-left:auto;
		margin-right:auto;
		width: 86%;
		text-align: left;
	}
}


#footer {
	clear: both;
	width: 100%;
	background-color: #e3e2d7;
	text-align: center;
	color: #827a62;
	padding: 20px;
	line-height: 2;
	margin-top:0px;
}
@media print, screen and (min-width: 800px) {
	#footer_a {
		width: 24%;
		float: left;
		vertical-align: middle;
		display: block;
		text-align: center;
	}
	#footer_b {
		width: 22%;
		float: left;
		vertical-align: top;
		display: block;
		text-align: left;
	}
	#footer_c {
		width: 24%;
		float: left;
		vertical-align: top;
		display: block;
		text-align: left;
	}
	#footer_d {
		width: 30%;
		float: left;
		vertical-align: top;
		display: block;
		text-align: center;
		font-size: 0.8em;
		line-height: 1.5;
	}
}

@media screen and (min-width: 0px) and (max-width: 800px) {
	#footer_a {
		text-align: center;
		padding-bottom: 15px;
	}

	#footer_b {
		text-align: center;
		padding-bottom: 15px;
	}

	#footer_c {
		text-align: center;
		padding-bottom: 15px;
		display: block;
	}

	#footer_d {
		text-align: center;
		margin: 0 0 50px 0;
	}
}





/**************** 最下部資料請求リンク ****************/
#portfolio {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 40px;
	display:block;
	color: #645a42;
	background: #bfd948;
	line-height: 40px;
	font-size: 0.8em;
	text-align: center;
	z-index: 1001;
}
#portfolio a { font-size: 1.6em; font-weight: bold; text-decoration: none;  }

#portfolio a:link { color: #328728; }
#portfolio a:visited { color: #328728; }
#portfolio a:active { color: #ffffff; }
#portfolio a:hover { color: #ffffff; }





/**************** トップページ ****************/

/* COPY */
@media print, screen and (min-width: 800px) {
	.copy_pc {
		position: absolute;
		top: 430px;
		left: 50%;
		margin-left: -250px;
	}
	.copy_pc_space {
		margin-top:130px;
	}
}
@media screen and (min-width: 0px) and (max-width: 800px) {
	.copy_smp {
		width: 80%;
		max-width: 482px;
		margin-top: 10px;
		margin-bottom: 20px;
	}
}

/* 新しいCOPY */
@media print, screen and (min-width: 1000px) {
	.copy img {
		width: 960px;
	}
}
@media screen and (min-width: 0px) and (max-width: 1000px) {
	.copy img {
		width: 100%;
	}
}



/* NEWS&バナー 2カラム */
@media print, screen and (min-width: 800px) {
	#left {
		width: 80%;
		float: left;
		vertical-align: top;
		display: block;
		padding-right: 15px;
		margin-bottom: 10px;
	}
	#right {
		width: 20%;
		float: left;
		vertical-align: top;
		display: block;

	}
	#right img {
		width: 100%;
	}
}

@media screen and (min-width: 500px) and (max-width: 800px) {
	#left {
		width: 100%;
	}

	#right {
		width: 100%;
		text-align: center;
		padding-top: 15px;
	}
	#right img {
		max-width: 240px;
		width: 40%;
		padding: 5px;
	}
}


@media screen and (min-width: 0px) and (max-width: 500px) {
	#left {
		width: 100%;
	}
	#right {
		width: 100%;
		text-align: center;
		padding-top: 15px;
	}
	#right img {
		max-width: 240px;
		width: 80%;
		padding: 3px;
	}
}


/* NEWS */


#news_main ul {
	border-top: dotted #c5bb9a 1px;
}

#news_main li {
	width: 100%;
	display: block;
	border-bottom: dotted #c5bb9a 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	min-height: 30px;
}

#news_main a:link { color: #645a42; text-decoration: none; }
#news_main a:visited { color: #645a42; text-decoration: none; }
#news_main a:active { color: #b1a68b; text-decoration: none; }
#news_main a:hover { color: #b1a68b; text-decoration: none; }


/* 左にアイコン */
/* 更新 */
.icon_info {
	background: url(../img/icon_info.png) no-repeat center left;
	padding-left: 75px;
}
/* お知らせ */
.icon_news {
	background: url(../img/icon_news.png) no-repeat center left;
	padding-left: 75px;
}
/* イベント */
.icon_event {
	background: url(../img/icon_event.png) no-repeat center left;
	padding-left: 75px;
}
/* 販売会 */
.icon_sell {
	background: url(../img/icon_sell.png) no-repeat center left;
	padding-left: 75px;
}
/* 見学会 */
.icon_tour {
	background: url(../img/icon_tour.png) no-repeat center left;
	padding-left: 75px;
}


/* ITEMS */
.top_item {
	background: #fff;
	text-align: left;
	padding: 10px;
	margin-top: 15px;
	box-shadow: 0px 0px 7px #c6bcac;
}
.top_item img {
	width: 100%;
	margin-bottom: 10px;
}



.video_play {
	border: 1px solid #C0C0C0;
}

@media print, screen and (min-width: 600px) {
	.video_play {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
}

@media screen and (min-width: 0px) and (max-width: 600px) {
	.video_play {
		width: 86%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
}

/**************** 私たちについて ****************/
@media print, screen and (min-width: 700px) {
	.about_copy {
		width: 32em;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size: 120%;
		color: #736748;
	}
}
@media screen and (min-width: 0px) and (max-width: 700px) {
	.about_copy {
		margin-left:auto;
		margin-right:auto;
		width: 86%;
		text-align: left;
		font-size: 120%;
		color: #736748;
	}
}



@media print, screen and (min-width: 700px) {
	.about_green {
		width: 400px;
	}
}
@media screen and (min-width: 0px) and (max-width: 700px) {
	.about_green {
		width: 50%;
	}
}



.about_img {
	background: #fff;
	padding: 4px;
}

.about_img img {
	width:100%;
	height: auto;
	margin: 0 ;
}

.about_point {
	background: #fff;
	text-align: left;
	padding: 15px;
	margin-top: 10px;
	text-align: center;
}
.about_point img {
	width: 100%;
	max-width: 400px;
}
.about_point div {
	text-align: left;
}

/**************** 商品・サービス ****************/
@media print, screen and (min-width: 700px) {
	.item_copy {
		width: 26em;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size: 120%;
		color: #736748;
	}
	.telfax {
		width: 380px;
		text-align: center;
		font-size: 120%;
		background: #ffffff;
		border: solid #e3e2d7 1px;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		padding: 15px;
	}
}
@media screen and (min-width: 0px) and (max-width: 700px) {
	.item_copy {
		margin-left:auto;
		margin-right:auto;
		width: 86%;
		text-align: left;
		font-size: 120%;
		color: #736748;
	}
	.telfax {
		width: 80%;
		text-align: center;
		font-size: 120%;
		background: #ffffff;
		border: solid #e3e2d7 1px;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		padding: 15px;
	}
}


/*　施設・サービス　*/
/*PC3分割、SMP2分割、SMP1分割*/
@media print, screen and (min-width: 760px) {
	.shisetsu {
		width:32%;
		margin: 0 2% 30px 0;
	}
	.shisetsu:nth-child(3n) {
		margin:0 0 30px 0;
	}
}
@media screen and (min-width: 520px) and (max-width: 760px) {
	.shisetsu {
		width:49%;
		margin: 0 2% 20px 0;
	}
	.shisetsu:nth-child(2n) {
		margin:0 0 20px 0;
	}
}
@media screen and (min-width: 0px) and (max-width: 520px) {
	.shisetsu {
		width:100%;
		margin: 0 0 20px 0;
	}
}

.shisetsu p {
	padding: 0 0 7px 0;
	margin: 0;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}

.shisetsu span {
	padding: 0;
	margin: 0;
	line-height: 1.4rem;
	display: block;
}



/* 焼き菓子の種類一覧 */
.flex-list .cockie {
	background: #ffffff;
	margin-bottom: 15px;
}
.flex-list .cockie img {
	width: 100%;
}
.flex-list .cockie div {
	padding: 0 8px 15px 8px;
	font-size: 0.9em;
	text-align: center;
}
.flex-list .cockie span {
	font-size: 0.9em;
	color: #008080;
}
.flex-list .cockie p {
	margin-top: 0px;
	text-align: left;
	font-size: 11px;
	color: #008080;
}
/* PCは4等分 */
@media print, screen and (min-width: 700px) {
	.flex-list .cockie {
		width:18%;
	}
}

/* SMPは2等分 */
@media screen and (min-width: 0px) and (max-width: 700px) {
	.flex-list .cockie {
		width:49%;
	}
}

/* 焼き菓子イメージ */
.cockie_img {
	text-align: center;
	font-size: 0.7em;
	margin: 10px;
	color: #867E5E;
	width:35%;
}
.cockie_img img {
	max-width:100%;
	height: auto;
	margin: 0 0 5px 0 ;
}



/* 価格表テーブル */
.table_kakaku { 
	border: solid #e1d8bf 1px;

}
.table_kakaku th { 
	background: #f5f1e9;
	padding: 3px 3px 3px 3px;
	border: solid #e1d8bf 1px;
}
.table_kakaku td { 
	background: #fdfcf9;
	padding: 3px 3px 3px 3px;
	border: solid #e1d8bf 1px;
	text-align: center;
}



/**************** 日々のこと****************/
#report_title {
	width: 100%;
	display: block;
	border-bottom: dotted #c5bb9a 1px;
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	padding: 5px 0 5px 0;
	margin: 0 0 20px 0 ;
}
#report_title span {
	font-size: 13px;
	line-height: 26px;
	color: #5ea054;
	margin-right: 12px ;
}

.report_img {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.report_img img {
	width: 100%;
	max-width: 450px;
	padding: 15px 0 0 0;
}

/**************** 法人概要 ****************/
@media print, screen and (min-width: 700px) {
	.prof_copy {
		width: 33em;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size: 120%;

	}
}
@media screen and (min-width: 0px) and (max-width: 700px) {
	.prof_copy {
		margin-left:auto;
		margin-right:auto;
		width: 86%;
		text-align: left;
		font-size: 120%;
	}
}

/**************** お知らせ ****************/
#news_title {
	width: 100%;
	display: block;
	border-bottom: dotted #c5bb9a 1px;
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	padding-top: 5px ;
	padding-bottom: 5px ;
}

.info_img {
	text-align: center;
	font-size: 0.7em;
	margin: 5px;
	color: #867E5E;
}
.info_img img {
	max-width:100%;
	height: auto;
	margin: 0 0 5px 0 ;
}

/* 2行目以降の行頭をインデント（日付分） */
.tsukihi {
	padding-left: 6em;
	text-indent: -6em;
}

/**************** お問い合わせ ****************/

.otoiawase th {
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	white-space: nowrap;
	padding: 5px 5px 5px 0 ;
	background: #ffffff;
	border-width: 0 0 0 0;
}

.otoiawase td {
	text-align: left;
	vertical-align: top;
	padding: 5px;
	border-width: 0 0 0 0;
}


/**************** スタッフ募集 ****************/

.kakumaru_txt {
	text-align: left;
	background: #f3f1ed;
	font-size: 1em;
	line-height: 1.6;
	padding: 12px;
	border-radius:10px;
	border: 5px solid #c4ddbf;
}


@media print, screen and (min-width: 800px) {
	.staff_txt img {
		width: 30%;
		float: left;
		margin-right: 10px;
	}
	.staff_txt div {
		margin: 0;
	}
}

@media screen and (min-width: 0px) and (max-width: 800px) {
	.staff_txt img {
		width: 100%;
		display: block;
	}
	.staff_txt div {
		margin-top: 10px;
	}
}