@charset "utf-8";

@media only screen and (min-width: 768px), print {

	#pageContainer {
		overflow-x: hidden;
	}
  .herbLayout .herbMainTitle {
		font-size: 20px;
		font-weight: 700;
	}
  .herbLayout .herbMainTitle > span {
		color: #c71e19;
	}
/* herbLayout */
	.herbLayout {
		margin-top: 55px;
	}
	[class*="title"] + .herbLayout {
		margin-top: 0;
	}

	.herbMainTitle {
		width: 500px;
	}
	.herbLayout .imgCol {
		margin-top: 60px;
	}
	
	/* herbTypeLayout */
	.herbTypeLayout {
		margin-top: 12px;
		background: url("/cheeseclub/tips/set/herb/img/index_bg01.png") repeat-x left 0 bottom 0;
		background-size: 8px 1px;
	}
	.herbTypeLayout .herbTypeItem {
		background: url("/cheeseclub/tips/set/herb/img/index_bg01.png") repeat-x left 0 top 0;
		background-size: 8px 1px;
	}
	.herbTypeLayout .herbTypeBlock {
		display: table;
		width: 100%;
	}
	.herbTypeLayout .herbTypeBlock > .herbTypeTitle {
		display: table-cell;
		width: 11.62%;
		vertical-align: middle;
	}
	.herbTypeLayout .herbTypeBlock > .herbTypeTitle > .titleLabel {
		width: 74px;
		padding: 3px 5px 1px;
		border-radius: 13.5px;
		text-align: center;
	}
	.herbTypeLayout .herbTypeBlock > .herbTypeTitle > .titleLabel > span {
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		line-height: 1.25;
		color: #fff;
	}
	.herbTypeLayout .herbTypeBlock > .herbTypeDetail .herbTypeList {
		display: table;
		width: 100%;
		margin-top: 0;
	}
	.herbTypeLayout .herbTypeBlock > .herbTypeDetail .herbTypeList + .herbTypeList {
		background: url("/cheeseclub/tips/set/herb/img/index_bg01.png") repeat-x left 0 top 0;
		background-size: 8px 1px;
	}
	.herbTypeLayout .herbTypeBlock > .herbTypeDetail .herbTypeList > dt {
		display: table-cell;
		width: 39.18%;
		padding: 16px 9px 12px 140px;
		vertical-align: middle;
		font-size: 20px;
		font-weight: bold;
	}
	.herbTypeLayout .herbTypeBlock > .herbTypeDetail .herbTypeList > dd {
		display: table-cell;
		width: 60.82%;
		padding: 16px 18px 12px 9px;
		vertical-align: middle;
	}
	.herbTypeLayout .herbTypeBlock > .herbTypeDetail .herbTypeList > dd > p {
		margin-top: 0;
	}
	
	/* herbTypeLayout */
	.herbTypeLayout {
		margin-top: 12px;
		background: url("/cheeseclub/tips/set/herb/img/index_bg01.png") repeat-x left 0 bottom 0;
		background-size: 8px 1px;
	}
	.herbTypeLayout .herbTypeItem {
		background: url("/cheeseclub/tips/set/herb/img/index_bg01.png") repeat-x left 0 top 0;
		background-size: 8px 1px;
	}
	.herbTypeLayout .herbTypeList {
		display: table;
		width: 100%;
		margin-top: 0;
	}
	.herbTypeLayout .herbTypeList > dt {
		display: table-cell;
		width: 28.1%;
		padding: 17px 15px 17px 0;
		vertical-align: top;
	}
	.herbTypeLayout .herbTypeList > dt > .herbTypeListTitle {
		position: relative;
		display: inline-block;
		padding-left: 18px;
		font-size: 20px;
		font-weight: bold;
	}
	.herbTypeLayout .herbTypeList > dt > .herbTypeListTitle:before {
		position: absolute;
		top: 10px;
		left: 0;
		width: 8px;
		height: 8px;
		background-color: #c71e19;
		vertical-align: middle;
		content: "";
	}
	.herbTypeLayout .herbTypeList > dd {
		display: table-cell;
		width: 71.9%;
		padding: 17px 0 17px 15px;
		vertical-align: top;
	}
	.herbTypeLayout .herbTypeList > dd > p {
		margin-top: 0;
	}
		/*スパイスについてちょっぴり詳しくなれる情報*/
	.herbTypeLayout .herbTypeList > .herb_anise {
		background: url("/cheeseclub/tips/set/herb/img/index_ic01.png") no-repeat left 12% top 50% ;
		background-size: 60px 60px;
	}
	.herbTypeLayout .herbTypeList > .herb_cardamom {
		background: url("/cheeseclub/tips/set/herb/img/index_ic02.png") no-repeat left 12% top 50% ;
		background-size: 60px 60px;
	}
	.herbTypeLayout .herbTypeList > .herb_thyme {
		background: url("/cheeseclub/tips/set/herb/img/index_ic03.png") no-repeat left 12% top 50% ;
		background-size: 60px 60px;
	}
	.herbTypeLayout .herbTypeList > .herb_chervil {
		background: url("/cheeseclub/tips/set/herb/img/index_ic04.png") no-repeat left 12% top 50% ;
		background-size: 60px 60px;
	}
	.herbTypeLayout .herbTypeList > .herb_dill {
		background: url("/cheeseclub/tips/set/herb/img/index_ic05.png") no-repeat left 12% top 50% ;
		background-size: 60px 60px;
	}
	.herbTypeLayout .herbTypeList > .herb_basil {
		background: url("/cheeseclub/tips/set/herb/img/index_ic06.png") no-repeat left 12% top 50% ;
		background-size: 60px 60px;
	}
	.herbTypeLayout .herbTypeList > .herb_mint {
		background: url("/cheeseclub/tips/set/herb/img/index_ic07.png") no-repeat left 12% top 50% ;
		background-size: 60px 60px;
	}
	.herbTypeLayout .herbTypeList > .herb_rocket {
		background: url("/cheeseclub/tips/set/herb/img/index_ic08.png") no-repeat left 12% top 50% ;
		background-size: 60px 60px;
	}
	.herbTypeLayout .herbTypeList > .herb_fennel {
		background: url("/cheeseclub/tips/set/herb/img/index_ic09.png") no-repeat left 12% top 50% ;
		background-size: 60px 60px;
	}
/*=================================

	clearfix

=================================*/
.herbTypeLayout .herbTypeBlock:after {
	content: "";
	display: block;
	clear: both;
}

}