@media screen and (min-width:768px) {
  body#cat-home  {
    animation: fadeIn 0.8s ease-in 0s 1 normal;
    -webkit-animation: fadeIn 0.8s ease-in 0s 1 normal;
  }

  @keyframes fadeIn {
    0% {opacity: 0.2}
    100% {opacity: 1}
  }

  @-webkit-keyframes fadeIn {
    0% {opacity: 0.2}
    100% {opacity: 1}
  }
}


/*=======================================================================
  Frontend Editing
=======================================================================*/
label {
	display:inline-block!important;
}
#jform_images_float_intro_chzn {
	width:200px!important;
}
#jform_images_float_fulltext_chzn {
	width:200px!important;
}
.chzn-container-single .chzn-single {
	height:30px!important;
}

#jform_params_count_clicks_chzn .chzn-single {
  width:150px;
}

#main-box .edit {
	font-family: Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #333;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	font-weight:500;

}

/* no list-ico li */
#main-box ul.pager.pagenav > li,
#main-box ul.article-info > li,
#main-box ul.pagination > li,
#main-box ul.dropdown-menu > li,
#main-box ul.chzn-results > li,
#main-box ul.chzn-choices > li,
#main-box ul.nav-tabs > li {
  margin:0 0 1px;
  padding:0;
  background-image:none;
  line-heigt:inherit;
  min-height:auto;
}

#main-box .article-body ul {
  margin-bottom:1em;
}


#main-box  li.active-result.highlighted,
#main-box  li.active-result:hover {
  color:#333!important;
  background-color:#eee;
}


#adminForm,
.alert,
.editmenu {
	font-family: Helvetica, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #333;
	-webkit-text-size-adjust: 100%;
	font-weight:500;
}

.editmenu .moduletable {
  margin-bottom:0;
  padding:0;
}

/* misc */

.alert-message,
.alert-error {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-message h4 {
  background-color:transparent;
  padding:0;
}


/* cat-news */

#cat-news h1.top-header {
  margin-top:0;
  padding-top:30px;
  padding-bottom:20px;
}
#cat-news #main-box {
  min-height:300px;
}

#cat-news #main-box p {
  margin-bottom:1em;
  line-height:1.6;
  text-align:justify;
}

#main-box ul.article-info {
  margin-bottom:1em;
}

#cat-news #main-box a {
  color:#333;
}
#cat-news #main-box table.category th,
#cat-news #main-box table.category td {
  font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", "MS PMincho", serif;
  font-size: 20px;
  line-height: 1.5;
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
  text-size-adjust: 100%;
  padding-top:20px;
  padding-bottom:20px;
}



@media (max-width: 767px) {

#cat-news h1.top-header {
	font-size:20px;
}

#cat-news #main-box table.category th,
#cat-news #main-box table.category td {
  font-size: 16px;
}

}


/* cat-use */

#cat-use .btn.btn-info {
  color: #fff;
  background-color:#a28622;
  border-color:#a28622;
}

#cat-use .btn.btn-info:active,
#cat-use .btn.btn-info:hover {
  background-color:#c4a844;
}


/* cck */

.cck_page {
	font-size:14px;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", sans-serif;
  font-feature-settings : "palt" 1;
}

/* post(recipe) */
.recipe-page {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", sans-serif;
	font-size:16px;
}

#cat-post #main {
	padding-bottom:20px;
}
#main h1.recipe-tit {
	background-color:#fbb03b;
}
#main .recipe-lead {
	margin:30px 0 60px;
	text-align:center;
	font-weight:bold;
	font-size:28px;
}

/* bottom-top */
#bottom-top {
	box-sizing:border-box;
	padding:30px 0 20px;
	background-color:#e6e6e6;
}
#bottom-top .moduletable {
	margin-bottom:0;
}
#bottom-top .moduletable a {
	color:#000;
}
#bottom-top .moduletable a.hover,
#bottom-top .moduletable a:hover,
#bottom-top .moduletable a:active {
	color:#000;
}


#bottom-top p,
#bottom-top h2 {
	text-align:center;
}


/* order */
#cat-shop h1.top-header {
	margin-top: 0;
  padding-top: 30px;
  padding-bottom: 20px;
	background-color:#fff484;
}

#cat-shop table.price tbody th {
	display:none;
}

@media (min-width:768px) {
	#cat-shop table.price {
		font-size:17px;
		border-top:none;
		border-bottom:none;
		border-collapse:separate;
		border-spacing:18px 10px;
		margin-left:-18px;
	}
	#cat-shop table.price th {
		background-color:#b2b2b2;
		font-weight:bold;
		text-align:center;

		border:1px solid #b2b2b2;
		padding:6px 10px;

		color:#000;
	}

	#cat-shop table.price td {
		border:1px solid #b9a575;
		padding:6px 10px;
	}
}


#cat-shop ul,
#cat-shop #main p {
	font-size:17px;
}

#cat-shop .caution {
	display:inline-block;
	box-sizing:border-box;
	border:1px solid #000;
	padding:5px 10px;
	margin-bottom:10px;
}
#main h2.order_form {
	background-color:#000;
	margin-top:0;
	margin-bottom:0;
	padding:20px 0;
}

#cat-shop #main h3 {
	font-size:17px;
	background-color:transparent;
	margin:20px 0 10px;
	padding:0;
	border-bottom:0;
}

@media (max-width: 767px) {

#cat-shop h1.top-header {
font-size:20px;
}


}


#cat-home .home-btn a {
	display:inline-block;
	height:100%;
}