@charset "utf-8";

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

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

	.spiceMainTitle {
		width: 500px;
	}
	.spiceLayout .imgCol {
		margin-top: 60px;
	}
	
	/* spiceTypeLayout */
	.spiceTypeLayout {
		margin-top: 12px;
		background: url("/cheeseclub/tips/set/spice/img/index_bg01.png") repeat-x left 0 bottom 0;
		background-size: 8px 1px;
	}
	.spiceTypeLayout .spiceTypeItem {
		background: url("/cheeseclub/tips/set/spice/img/index_bg01.png") repeat-x left 0 top 0;
		background-size: 8px 1px;
	}
	.spiceTypeLayout .spiceTypeBlock {
		display: table;
		width: 100%;
	}
	.spiceTypeLayout .spiceTypeBlock > .spiceTypeTitle {
		display: table-cell;
		width: 11.62%;
		vertical-align: middle;
	}
	.spiceTypeLayout .spiceTypeBlock > .spiceTypeTitle > .titleLabel {
		width: 74px;
		padding: 3px 5px 1px;
		border-radius: 13.5px;
		text-align: center;
	}
	.spiceTypeLayout .spiceTypeBlock > .spiceTypeTitle > .titleLabel > span {
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		line-height: 1.25;
		color: #fff;
	}
	.spiceTypeLayout .spiceTypeBlock > .spiceTypeDetail .spiceTypeList {
		display: table;
		width: 100%;
		margin-top: 0;
	}
	.spiceTypeLayout .spiceTypeBlock > .spiceTypeDetail .spiceTypeList + .spiceTypeList {
		background: url("/cheeseclub/tips/set/spice/img/index_bg01.png") repeat-x left 0 top 0;
		background-size: 8px 1px;
	}
	.spiceTypeLayout .spiceTypeBlock > .spiceTypeDetail .spiceTypeList > dt {
		display: table-cell;
		width: 32.18%;
		padding: 16px 9px 12px 140px;
		vertical-align: middle;
		font-size: 20px;
		font-weight: bold;
	}
	.spiceTypeLayout .spiceTypeBlock > .spiceTypeDetail .spiceTypeList > dd {
		display: table-cell;
		width: 67.82%;
		padding: 16px 18px 12px 9px;
		vertical-align: middle;
	}
	.spiceTypeLayout .spiceTypeBlock > .spiceTypeDetail .spiceTypeList > dd > p {
		margin-top: 0;
	}
	
	/* spiceTypeLayout */
	.spiceTypeLayout {
		margin-top: 12px;
		background: url("/cheeseclub/tips/set/spice/img/index_bg01.png") repeat-x left 0 bottom 0;
		background-size: 8px 1px;
	}
	.spiceTypeLayout .spiceTypeItem {
		background: url("/cheeseclub/tips/set/spice/img/index_bg01.png") repeat-x left 0 top 0;
		background-size: 8px 1px;
	}
	.spiceTypeLayout .spiceTypeList {
		display: table;
		width: 100%;
		margin-top: 0;
	}
	.spiceTypeLayout .spiceTypeList > dt {
		display: table-cell;
		width: 28.1%;
		padding: 17px 15px 17px 0;
		vertical-align: top;
	}
	.spiceTypeLayout .spiceTypeList > dt > .spiceTypeListTitle {
		position: relative;
		display: inline-block;
		padding-left: 18px;
		font-size: 20px;
		font-weight: bold;
	}
	.spiceTypeLayout .spiceTypeList > dt > .spiceTypeListTitle:before {
		position: absolute;
		top: 10px;
		left: 0;
		width: 8px;
		height: 8px;
		background-color: #c71e19;
		vertical-align: middle;
		content: "";
	}
	.spiceTypeLayout .spiceTypeList > dd {
		display: table-cell;
		width: 71.9%;
		padding: 17px 0 17px 15px;
		vertical-align: top;
	}
	.spiceTypeLayout .spiceTypeList > dd > p {
		margin-top: 0;
	}
		/*スパイスについてちょっぴり詳しくなれる情報*/
	.spiceTypeLayout .spiceTypeList > .spice_anise {
		background: url("/cheeseclub/tips/set/spice/img/index_ic01.png") no-repeat left 12% top 50% ;
		background-size: 60px 60px;
	}
	.spiceTypeLayout .spiceTypeList > .spice_cardamom {
		background: url("/cheeseclub/tips/set/spice/img/index_ic02.png") no-repeat left 12% top 50% ;
		background-size: 60px 60px;
	}
	.spiceTypeLayout .spiceTypeList > .spice_caraway {
		background: url("/cheeseclub/tips/set/spice/img/index_ic03.png") no-repeat left 12% top 50% ;
		background-size: 60px 60px;
	}
	.spiceTypeLayout .spiceTypeList > .spice_cumin {
		background: url("/cheeseclub/tips/set/spice/img/index_ic04.png") no-repeat left 12% top 50% ;
		background-size: 60px 60px;
	}
	.spiceTypeLayout .spiceTypeList > .spice_clove {
		background: url("/cheeseclub/tips/set/spice/img/index_ic05.png") no-repeat left 12% top 50% ;
		background-size: 60px 60px;
	}
	.spiceTypeLayout .spiceTypeList > .spice_pepper {
		background: url("/cheeseclub/tips/set/spice/img/index_ic06.png") no-repeat left 12% top 50% ;
		background-size: 60px 60px;
	}
	.spiceTypeLayout .spiceTypeList > .spice_coriander {
		background: url("/cheeseclub/tips/set/spice/img/index_ic07.png") no-repeat left 12% top 50% ;
		background-size: 60px 60px;
	}
	.spiceTypeLayout .spiceTypeList > .spice_cinnamon {
		background: url("/cheeseclub/tips/set/spice/img/index_ic08.png") no-repeat left 12% top 50% ;
		background-size: 60px 60px;
	}
	.spiceTypeLayout .spiceTypeList > .spice_fennel {
		background: url("/cheeseclub/tips/set/spice/img/index_ic09.png") no-repeat left 12% top 50% ;
		background-size: 60px 60px;
	}
/*=================================

	clearfix

=================================*/
.spiceTypeLayout .spiceTypeBlock:after {
	content: "";
	display: block;
	clear: both;
}

}