@charset "UTF-8";
/*------------------------------------------------

*component.css

------------------------------------------------*/
nav.utility {
	position: fixed;
	top: 0;
	right: 0;
	text-align: right;
	width: 100px;
	padding: 53px 20px 0 0;
}

nav.utility li {
	margin-bottom: 22px;
	font-size: 110%;
}

nav.utility li a { color: #222; }

nav.utility li a span.indention { display: block; }

nav.utility li.cart { margin-bottom: 35px; }

nav.utility li.cart a:hover { opacity: 0.7; }

nav.utility li.cart div.icon {
	position: relative;
	width: 27px;
	height: 32px;
	display: inline-block;
	margin-right: 6px;
}

nav.utility li.cart span.individual {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #fff;
	display: block;
	font-size: 10px;
	height: 19px;
	width: 19px;
	line-height: 19px;
	overflow: hidden;
	text-align: center;
}

nav.utility li.cart span.price {
	display: block;
	color: #56b42e;
	margin-right: 2px;
	font-size: 110%;
}

nav.utility li.onlineStore { font-size: 130%; }

nav.utility li.onlineStore a { color: #000; }

@media all and (max-width: 909px) {
	nav.utility {
		top: auto;
		bottom: 0;
		padding: 0;
		width: 100%;
		text-align: left;
		display: none;
		background: #e2e2e2;
		box-shadow: 0px 0px 5px #d2d1d1;
	}

	nav.utility ul {
		overflow: hidden;
		padding-bottom: 5px;
	}

	nav.utility li,
	nav.utility li.onlineStore {
		float: left;
		width: 25%;
		font-size: 140%;
		margin-bottom: 8px;
	}

	nav.utility li a,
	nav.utility li.onlineStore a {
		margin: 0 15px;
		display: block;
		color: #3d3935;
	}

	nav.utility li.cart {
		float: none;
		text-align: right;
		width: auto;
		background: #d5d5d5;
		overflow: hidden;
		padding: 7px 15px 6px 20px;
		margin-bottom: 20px;
	}

	nav.utility li.cart a { margin: 0; }

	nav.utility li.cart div.icon { float: right; }

	nav.utility li.cart span.price {
		display: inline;
		font-size: 115%;
	}

	nav.utility li a span.indention { display: inline; }
}

/* --------------------------------------------------
**
** 共通
**
-------------------------------------------------- */
.col3 { width: 640px; }

body { color: #3d3935; }

article {
	position: relative;
	min-width: 320px;
	color: #3d3935;
	word-break: break-all;
}

article p, article h1, article h2, article h3, article h4, article li {
	margin: 0;
	line-height: 1.5;
}

article a { color: #3d3935; }

article a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

article input, article select {
	font-family: Arial, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3";
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
}

article input[type="radio"] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
}

article .image { font-size: 0; }

article .bold { font-weight: bold; }

article .zoomContents {
	position: relative;
	display: inline-block;
}

article .zoomContents .zoom {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}

article .zoomContents .zoom img {
	position: absolute;
	right: 0;
	bottom: 0;
}

article .zoomContents .zoom.forSp { display: none; }

article .arrowLinkContainer {
	position: relative;
	display: inline-block;
	margin-bottom: 0;
}

article .arrowLinkContainer:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

article .arrowLinkContainer .arrow {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

article .arrowLinkContainer .arrow img {
	position: absolute;
	right: 0;
	bottom: 0;
}

article .arrowLink {
	margin-bottom: 0;
	text-align: right;
}

article .arrowLink a {
	display: inline-block;
	padding: 5px 17px 5px 0;
	background: url("/common/images/img-arrow3.png?0b3cb0d94f") right center no-repeat;
}

article .heading.pdf {
	min-height: 24px;
	margin-top: 0;
	padding-left: 27px;
	background: url("/common/images/img-icon-pdf.png?8ea1b2ad63") left 4px no-repeat;
}

article .button { cursor: pointer; }

article .button:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

article .row {
	position: relative;
	overflow: hidden;
	*zoom: 1;
}

header.local .backLinks { margin: 0 15px 25px; }

header.local .backLinks li { font-size: 12px; }

footer.global {
	position: relative;
	z-index: 1;
}

/* --------------------------------------------------
**
** エレメント
**
-------------------------------------------------- */
/* ----- エレメントリスト表示用 ----- */
.elements p.elementHeading1 {
	color: #006341;
	font-size: 18px;
	line-height: 1;
}

.elements p.elementHeading1.space { margin: 80px 0 40px; }

.elements p.elementHeading2 {
	margin: 36px 0 10px;
	color: #64a70b;
	font-size: 14px;
	line-height: 1;
}

.elements p.explanation {
	color: #b1b0ae;
	font-size: 12px;
	margin-bottom: 35px;
}

.elements p.explanation.space { margin: 20px 0 10px; }

.elements p.functionExplanation { font-size: 12px; }

.elements p.functionExplanation span {
	display: block;
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: bold;
}

.elements .components { margin-left: 9px; }

.elements .components.space { margin-top: 35px; }

.elements .reserve.space { padding: 33px 40px; }

.elements .row .container { width: 290px; }

.elements .linkPatternButtons {
	width: 780px;
	overflow: hidden;
	*zoom: 1;
}

.elements .linkPatternButtons li {
	float: left;
	width: 320px;
	margin-right: 70px;
}

.elements .textLinkContainer {
	width: 690px;
	overflow: hidden;
	*zoom: 1;
}

.elements .textLinkContainer li.box {
	float: left;
	width: 230px;
}

.elements .layoutContainer {
	width: 660px;
	overflow: hidden;
	*zoom: 1;
}

.elements .layoutContainer li.box {
	float: left;
	width: 330px;
}

.elements .filterContainer {
	overflow: hidden;
	*zoom: 1;
}

.elements .filterContainer li.box { margin-bottom: 20px; }

.elements .filterContainer li.box.float { float: left; }

/*----- Font -----*/
article h2 {
	font-size: 24px;
	line-height: 1.5;
	font-weight: normal;
}

article h3 {
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
}

article h4 {
	font-size: 13px;
	line-height: 1.5;
	font-weight: normal;
}

article p {
	font-size: 12px;
	margin: 0 0 2em;
	line-height: 1.7;
}

article p.notification {
	color: #b1b0ae;
	font-size: 10px;
	line-height: 1.7;
}

article .newContents h2 {
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
}

article .newContents .lead { margin-bottom: 18px; }

article .newContents h3 {
	font-size: 14px;
	line-height: 1.5;
	font-weight: normal;
}

/*----- Pull Down -----*/
.pullDown .select {
	position: relative;
	padding-left: 10px;
	font-size: 14px;
	line-height: 28px;
	border: solid 1px #989694;
	background: url("/common/images/img-arrow-select-down.png?86d7465a28") right center no-repeat white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
}

.pullDown .select:focus { outline: none; }

.pullDown .options {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	cursor: pointer;
}

.pullDown .options:focus { outline: none; }

/*----- Link Pattern -----*/
/*--- Button ---*/
.cartContainer {
	position: relative;
	width: 290px;
	margin: 5px 0 12px;
	overflow: hidden;
	*zoom: 1;
}

.cartContainer .select {
	float: left;
	width: 56px;
	height: 33px;
	padding-left: 18px;
	font-size: 14px;
	line-height: 33px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	background: url("/common/images/bg-component-select.png?f3b60df7e1") 44px center no-repeat white;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-ms-border-radius: 4px 0 0 4px;
	-o-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

.cartContainer .number {
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
	height: 35px;
	line-height: 35px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
}

.cartContainer .buttonCart {
	width: 213px;
	height: 35px;
	font-size: 15px;
	line-height: 1.4;
	text-align: center;
	color: #fff;
	background: #c6893f;
	border: 1px solid #c6893f;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-ms-border-radius: 0 4px 4px 0;
	-o-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	cursor: pointer;
}
.buttonCart.is-cartform-outstock {
	background-color: #e5e5e5;
	color: #b6b2af;
	border-color: #ccc;
	cursor: default;
}
.buttonCart.is-cartform-outstock:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.storeSearchButtons {
	overflow: hidden;
	*zoom: 1;
}

.storeSearchButtons li {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
}

.storeSearchButtons li a {
	display: block;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
	background-color: #fff;
}

.searchButtonRootCheck {
	display: block;
	width: 130px;
	height: 35px;
	margin-bottom: 5px;
	line-height: 35px;
	text-align: center;
	background-color: #fff;
	border: solid 1px #9e9c9a;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
}

.searchButtonAround {
	display: block;
	width: 280px;
	height: 35px;
	margin-bottom: 5px;
	line-height: 35px;
	text-align: center;
	background-color: #fff;
	border: solid 1px #9e9c9a;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
}

.searchButtonDetail {
	display: block;
	width: 130px;
	height: 35px;
	margin-bottom: 5px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 35px;
	box-sizing: border-box;
}

.searchButtonDetail a {
	display: block;
	width: 130px;
	height: 35px;
	color: #fff;
	font-weight: bold;
	background-color: #c6893f;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.searchButtonDetail.long { width: 280px; }

.searchButtonDetail.long a { width: 280px; }

.searchButtonMap {
	display: block;
	width: 43px;
	height: 21px;
	margin-bottom: 8px;
	line-height: 21px;
	text-align: center;
	border: solid 1px #9e9c9a;
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
}

.searchButtonSubmit {
	display: block;
	width: 290px;
	height: 35px;
	font-size: 14px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background-color: #3d3935;
	border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
}

.searchButtonMore {
	display: block;
	width: 290px;
	height: 35px;
	margin: 0 auto;
	text-align: center;
	line-height: 35px;
	background-color: #fff;
	border: solid 1px #dbdada;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
}

.searchButtonMore.type2 { border: 1px solid #f4f2ef; }

.buttonBgGray {
	padding: 12px 14px;
	background-color: #f4f2ef;
}

.registerButton {
	font-size: 13px;
	margin-bottom: 10px;
}

.registerButton a {
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background-color: #3d3935;
	border: solid 1px #3d3935;
	box-sizing: border-box;
}

/*--- Text Link ---*/
.links {
	width: 100%;
	box-sizing: border-box;
	text-align: right;
}

.links .inlineBlock {
	display: inline-block;
	margin: 0 0 0 25px;
}

.links.alignLeft { text-align: left; }

.links.alignLeft .inlineBlock { margin: 0 25px 0 0; }

.links li {
	display: block;
	margin-bottom: 7px;
	color: #c6893f;
	font-size: 12px;
}

.links li a { color: #c6893f; }

.links li a:hover {
	background: #c6893f;
	color: #fff;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.links.purchase-link {
	max-width: 290px;
	margin-top: 15px;
	margin-bottom: 10px;
}
.links.purchase-link li {
	font-size: 14px;
}

.backLinks { margin: 0 15px; }

.backLinks li { line-height: 1; }

.backLinks li a {
	display: inline-block;
	padding-left: 17px;
	font-weight: bold;
	background: url("/common/images/img-arrow-localnav-backlinks.png?6293fdb682") 1px center no-repeat;
}

.backLinks li a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

.backLinks li a div p {
	font-weight: bold;
	margin: 0;
	line-height: 1;
}

.backLinks.top { display: none; }

.backLinks.type2 li a div p { font-weight: normal; }

.paringImage .pare p { margin-bottom: 0; }

.paringImage .pare a .links { text-align: right; }

.paringImage .pare a .links li {
	display: inline-block;
	margin: 10px 0 0;
	line-height: 1;
}

/*--- Inquiry ---*/
.inquiry.type1 .container {
	width: 290px;
	padding: 18px 17px 8px;
	border: 1px solid #d8d8d8;
	box-sizing: border-box;
}

.inquiry.type1 .container p { margin-bottom: 8px; }

.inquiry.type1 .container p span { color: #a7958e; }

.inquiry.type1 .container .heading { color: #b7a99a; }

.inquiry.type2 {
	width: 640px;
	box-sizing: border-box;
	overflow: hidden;
	*zoom: 1;
}

.inquiry.type2 .container {
	width: 610px;
	padding: 15px 0 43px;
	background-color: #d8d7d7;
}

.inquiry.type2 .online {
	float: left;
	width: 270px;
	padding: 0 15px;
}

.inquiry.type2 .telephone {
	float: left;
	width: 270px;
	padding: 0 17px 0 20px;
}

.inquiry.type2 h4 {
	padding-bottom: 15px;
	color: #000;
	font-weight: bold;
}

.inquiry.type2 .tel a {
	font-size: 16px;
	font-weight: bold;
}

/*--- Filter ---*/
.filter .pullDown .select {
	line-height: 35px;
	border: 1px solid #989694;
	background: url("/common/images/img-arrow-select-down-150714.png") right center no-repeat white;
}

.filter.bgBrown { background-color: #f4f2ef; }

.filter.bgGray { background-color: #f4f2ef; }

.filter.type1 {
	width: 100%;
	background-color: #f4f2ef;
}

.filter.type1 .partsContainer {
	display: table;
	padding: 15px;
	margin-top: 1px;/*-------------------------------------------------- 2017.02.22 UT改善OS対応 追加*/
}

.filter.type1 .select {
	display: table-cell;
	width: 290px;
}

.filter.type1 .selection { display: table-cell; }

.filter.type1 .selection li {
	display: inline;
	margin-left: 30px;
	font-size: 12px;
}

.filter.type1 .selection li:last-child { margin-left: 15px; }

.filter.type2 { width: 595px; }

.filter.type2 .select {
	width: 290px;
	margin: 0 auto;
}

.filter.type3 {
	width: 260px;
	padding: 15px 15px 12px;
	background-color: #f4f2ef;
}

.filter.type3 .pullDown li { margin-bottom: 10px; }

.filter.type3 .pullDown li:last-child { margin-bottom: 0; }

.filter.type3 .select {
	width: 260px;
	margin: 0 auto;
}

.filter.type3 .storeSearch { margin-top: 20px; }

.filter.type3 .storeSearch li.search { margin-bottom: 15px; }

.filter.type3 .storeSearch li.search a {
	width: 260px;
	height: 39px;
	line-height: 39px;
	border: solid 1px #9e9c9a;
}

.filter.type3 .searchButtonSubmit {
	width: 260px;
	margin: 20px 0 15px;
}

.filter.type4 .pullDown .select {
	width: 290px;
	margin: 0 auto;
	font-size: 12px;
	color: #3d3935;
	border: 1px solid #989694;
	background: url("/common/images/img-arrow-select-down-municipal.png?6f6fcdf47a") right center no-repeat white;
}

.selection li label {
	cursor: pointer;
	display: inline-block;
}

.selection li .radio {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("/common/images/bg-input.png?2e7109c346") no-repeat;
	background-position: 0 -16px;
	margin-right: 8px;/*------------------------------------------------2017変更*/
	margin-top: 1px;
	margin-top: -2px;/*------------------------------------------------2017変更*/
}

.selection li .radio.is-checked {
	width: 16px;
	height: 16px;
	background: url("/common/images/bg-input.png?2e7109c346") no-repeat;
	background-position: 0 0;
}

.selection li .radio input {
	width: 18px;
	height: 18px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	vertical-align: top;
	cursor: pointer;
}
/* 2017/3/6 商品絞り込み変更 */
.productListCb .checkbox {
	display: inline-block;
	width: 17px;
	height: 17px;
	background: url("/common/images/bg-input.png?2e7109c346") no-repeat;
	background-position: 0 -49px;
	background-size: 17px;
	margin-right: 4px;
	margin-top: 1px;
	margin-top: -2px;
}

.productListCb .checkbox.is-checked {
	width: 17px;
	height: 17px;
	background: url("/common/images/bg-input.png?2e7109c346") no-repeat;
	background-position: 0 -32px;
	background-size: 17px;
}

.productListCb .checkbox input {
	width: 18px;
	height: 18px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	vertical-align: top;
	cursor: pointer;
}

/*--- Navigation ---*/
.searchTabs {
	display: table;
	width: 610px;
	height: 60px;
}

.searchTabs li {
	display: table-cell;
	color: #c6893f;
	text-align: center;
	background: url("/common/images/bg-search-tab-line.png?e41b3a18c4") left center no-repeat white;
	box-sizing: border-box;
	vertical-align: middle;
	cursor: pointer;
}

.searchTabs li:hover {
	color: #fff;
	background: #c6893f;
}

.searchTabs li.gps { display: inline-block; }

.searchTabs li.gps a {
	display: block;
	padding: 22px 0;
	color: #c6893f;
}

.searchTabs li.gps a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	color: #fff;
}

.searchTabs li p {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 1.17;
}

.searchTabs li p br { display: none; }

.searchTabs li.is-selected {
	background: #f3f1f2;
	cursor: default;
}

.searchTabs li.is-selected:hover {
	color: #3d3935;
	background: #f3f1f2;
}

.searchTabs li.is-selected + li { background-image: none; }

.searchTabs li.is-selected p {
	color: #3d3935;
	font-weight: bold;
	border: none;
}

.searchTabs li:first-child { background-image: none; }

.searchTabs li:first-child:hover { color: #fff; }

.searchTabs li.keyword { width: 158px; }

.searchTabs li.prefecture { width: 123px; }

.searchTabs li.landMarks { width: 195px; }

.searchTabs li.gps { width: 144px; }

.searchTabs li.gps p { border: none; }

.items { margin: 0 15px; }

.items .pdf {
	font-size: 12px;
	background: url("/common/images/img-icon-pdf.png?8ea1b2ad63") no-repeat;
	min-height: 16px;
}

.items .pdf a { padding-left: 26px; }

.items .question { margin-bottom: 10px; }

.items .question p {
	display: inline-block;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
}

.items .question a {
	display: inline-block;
	width: 21px;
	height: 21px;
	margin-left: 5px;
	background: url("/common/images/img-icon-question.png?fef7fb3787") no-repeat;
	vertical-align: middle;
}

.recommendThumb {
	float: left;
	margin: 0 15px 10px 0;
}

.paringImage {
	width: 290px;
	margin: 0 auto;
	padding: 0 0 10px;
	overflow: hidden;
	*zoom: 1;
}

.paringImage .pare {
	position: relative;
	width: 143px;
}

.paringImage .pare.pare1 { float: left; }

.paringImage .pare.pare2 { float: right; }

.paringImage .pare a { display: block; }

.paringImage .pare a:hover .links li {
	background: #c6893f;
	color: #fff;
}

/* ----- リザーブ ----- */
.reserve {
	color: #e4d9c2;
	background-color: #3d3935;
}

.reserve header.local { background-color: #3d3935; }

.reserve h1, .reserve h2, .reserve h3, .reserve p, .reserve a { color: #e4d9c2; }

.reserve p.notification { color: #8c8279; }

.reserve .row .component .specification { background: url("/common/images/bg-reserve-specification.png?a518b5e560") bottom repeat-x; }

.reserve .row .component .specification li { background: url("/common/images/bg-reserve-specification.png?a518b5e560") top repeat-x; }

.reserve .links li a:hover { color: #3d3935; }

.reserve .linkBox a:hover .boxContainer div .links li { color: #3d3935; }

.reserve .paringImage .pare a:hover .links li { color: #3d3935; }

.reserve .productInfo .productInfoDetail .price { color: #e4d9c2; }

.reserve .select span { color: #000; }

.arrow {
	position: absolute;
	right: 0;
	bottom: 0;
}

.equipments li {
	display: table;
	padding-bottom: 20px;
}

.equipments li img {
	display: table-cell;
	vertical-align: top;
}

.equipments li .detail {
	display: table-cell;
	vertical-align: top;
	padding-left: 15px;
}

.equipments li .detail h4 {
	padding: 0;
	font-size: 12px;
	line-height: 1.42;
	color: #a7958e;
	font-weight: bold;
}

.equipments li .detail p {
	margin-top: 5px;
	font-size: 12px;
}

.images { position: relative; }

.instructionOrigami { margin-top: 15px; }

.instructionOrigami li {
	display: table;
	padding-bottom: 20px;
	font-size: 12px;
}

.instructionOrigami li p {
	display: table-cell;
	vertical-align: top;
	width: 100%;
	padding-left: 1em;
	text-indent: -1em;
}

.instructionOrigami li img {
	display: table-cell;
	vertical-align: top;
	width: 80px;
	padding-left: 10px;
}

.instructionVia li {
	padding-bottom: 25px;
	font-size: 12px;
	list-style: none;
}

.instructionVia li p { margin-bottom: 25px; }

.instructionVia li p.image {
	margin-bottom: 0;
	text-align: center;
}

.moreAbout li h4 {
	padding: 0 0 7px;
	font-size: 12px;
	line-height: 1.67;
	color: #b7a99a;
	font-weight: bold;
}

.moreAbout li p {
	margin-bottom: 30px;
	font-size: 12px;
	line-height: 1.67;
}

.photo {
	margin-bottom: 15px;
	text-align: center;
}

.subHeading {
	margin-bottom: 0;
	font-size: 13px;
	font-weight: bold;
}

.productShare {
	position: absolute;
	right: 0;
	top: 305px;
}

.productShare .sumally {
	position: absolute;
	right: 32px;
	top: 0;
}

.productShare .pinterest {
	position: absolute;
	right: 0;
	top: 0;
}

.registerContainer .register { margin: 0 auto 10px; }

.registerContainer .register a {
	display: table-cell;
	width: 248px;
	height: 35px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	border: solid 1px #3d3935;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	vertical-align: middle;
}

.relatedProducts {
	width: 290px;
	margin: 0 auto 16px;
	overflow: hidden;
	*zoom: 1;
}

.relatedProducts a { display: block; }

.relatedProducts .relatedProduct {
	position: relative;
	float: left;
}

.relatedProducts .relatedProduct.relatedProduct1 { margin-right: 4px; }

.relatedProducts .relatedProduct.relatedProduct2 { margin-bottom: 4px; }

.slide {
	width: 208px;
	height: 40px;
	overflow: hidden;
}

.slide li {
	float: left;
	font-size: 0;
}

.slide li.prev { padding: 14px 8px 13px 0; }

.slide li.next { padding: 14px 0 13px 4px; }

.slide li.is-disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
	cursor: default;
}

.slide li.thumbnailList {
	width: 180px;
	overflow: hidden;
}

.slide li.thumbnailList .thumbnails {
	width: 270px;
	overflow: hidden;
	*zoom: 1;
}

.slide li.thumbnailList .thumbnails li {
	position: relative;
	margin-right: 5px;
}

.slide li.thumbnailList .thumbnails li .frame {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

.slide li.thumbnailList .thumbnails li.is-selected { cursor: default; }

.slide li.thumbnailList .thumbnails li.is-selected img {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
}

.slide li.thumbnailList .thumbnails li.is-selected img.frame {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.slide li.thumbnailList .thumbnails li.is-selected:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.slide li.thumbnailList .thumbnails li.is-selected .frame { display: block; }

.specification {
	width: 100%;
	margin-bottom: 10px;
	background: url("/common/images/bg-dotted-b2b2b2.png?ff43d9774d") top repeat-x;
	overflow: hidden;
	*zoom: 1;
}

.specification tr {
	background: url("/common/images/bg-dotted-b2b2b2.png?ff43d9774d") bottom repeat-x;
	vertical-align: top;
}

.specification tr td.item {
	width: 113px;
	padding: 5px 0;
	font-size: 10px;
	line-height: 1.67;
}

.specification tr td.detail {
	width: 177px;
	padding: 8px 0;
	font-size: 10px;
	line-height: 1.7;
}

.specification.coffeeDetail tr td.item {
	width: 142px;
	color: #8c8279;
}

.specification.coffeeDetail tr td.detail {
	width: 148px;
	padding: 5px 0;
	font-size: 12px;
	line-height: 1.67;
}

.specification.ingredients tr td.item {
	width: 150px;
	padding: 8px 0;
	font-size: 10px;
}

.specification.ingredients tr td.detail { width: 140px; }

.toTop {
	display: none;
	position: absolute;
	right: -45px;
	bottom: 40px;
}

.toTop a {
	display: block;
	width: 30px;
	height: 30px;
	background: url("/common/images/img-button.png?cf3effcbe0") no-repeat;
	background-position: 0 -19px;
}

.variety li h4 {
	padding: 0;
	font-size: 12px;
	line-height: 1.67;
	color: #a7958e;
	font-weight: bold;
}

.variety li p {
	margin: 7px 0 30px;
	font-size: 12px;
}

.row .container.gallery {
	width: 290px;
	margin: 0 auto;
}

.visualContainer {
	position: relative;
	margin-bottom: 10px;
}

.visual {
	width: 290px;
	height: 290px;
	overflow: hidden;
}

.visual .images { height: 290px; }

.visual .images li {
	width: 290px;
	height: 290px;
	float: left;
}

.visual .images li .captionContainer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.visual .images li .caption {
	min-height: 28px;
	margin-right: 29px;
	margin-bottom: 0;
	padding: 10px 0 0 10px;
	font-size: 10px;
	line-height: 1;
	color: #fff;
	background-color: rgba(140, 130, 121, 0.2);
	box-sizing: border-box;
}

.visual .visibleArea {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 92px;
	height: 62px;
	margin-bottom: 0;
	/* 	background: url("/_tpl/images/bg-zoom-drag.png?bb1bebee29"); */
	border: 1px solid #8c8279;
	cursor: pointer;
	box-sizing: border-box;
}

.enlargedVisual {
	display: none;
	position: absolute;
	left: 320px;
	top: 0;
	z-index: 100;
	width: 290px;
	height: 290px;
	margin-bottom: 0;
	overflow: hidden;
}

.enlargedVisual img {
	position: absolute;
	left: -150px;
	top: -150px;
}

.enlargedVisual .close {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 32px;
	height: 32px;
	/* 	background: url("/_tpl/images/img-btn-zoom-close-sp.png?58ed64b72f") left top no-repeat; */
	-webkit-background-size: 32px;
	-moz-background-size: 32px;
	-o-background-size: 32px;
	background-size: 32px;
}

.enlargedVisual .close:hover {
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

.filters {
	position: absolute;
	left: 235px;
	top: 25px;
	z-index: 2;
	width: 340px;
	overflow: hidden;
	*zoom: 1;
}

.filters li { float: left; }

.filters .years { margin-right: 10px; }

.filters .years .select, .filters .years .options { width: 138px; }

.filters .category .select, .filters .category .options { width: 168px; }

header.local .rss, header.local .print {
	position: absolute;
	right: 86px;
	top: 0;
}

header.local .rss li, header.local .print li { padding: 11px 10px; }

.newContents { margin: 0 15px; }

.newContents h4 {
	font-size: 14px;
	font-weight: normal;
}

.newContents p .caption {
	display: block;
	margin-top: 13px;
	font-size: 12px;
	text-align: center;
	line-height: 1.75;
	font-weight: bold;
}

.newContents p.smaller {
	font-size: 12px;
	line-height: 1.67;
}

.newContents p.photo { font-size: 0; }

.newContents p.date {
	margin-bottom: 10px;
	line-height: 1.1;
	text-align: right;
	font-weight: bold;
}

.newContents p.lineHeight167 { line-height: 1.67; }

.newContents p.disk {
	margin-top: 34px;
	padding-left: 15px;
	font-size: 14px;
	font-weight: bold;
	background: url("/common/images/img-icon-dot.png?38c17305f9") left center no-repeat;
}

.newContents .image { position: relative; }

.newContents .marginTop8 { margin-top: 8px; }

.newContents .marginTop10 { margin-top: 10px; }

.newContents .marginTop12 { margin-top: 12px; }

.newContents .marginTop15 { margin-top: 15px; }

.newContents .marginTop20 { margin-top: 20px; }

.newContents .marginTop22 { margin-top: 22px; }

.newContents .marginTop30 { margin-top: 30px; }

.newContents .marginTop33 { margin-top: 33px; }

.newContents .marginTop35 { margin-top: 35px; }

.newContents .marginTop40 { margin-top: 40px; }

.newContents .marginTop45 { margin-top: 45px; }

.newContents .floatWrap {
	width: 100%;
	margin-top: 35px;
	overflow: hidden;
	*zoom: 1;
}

.newContents .floatWrap.imageLeftTop .images {
	margin-right: 30px;
	float: left;
}

.newContents .floatWrap.imageLeftBottom .images {
	margin-right: 30px;
	float: left;
}

.newContents .floatWrap.imageLeftBottom .texts { float: right; }

.newContents .floatWrap.imageRightTop .images {
	margin-left: 30px;
	float: right;
}

.newContents .floatWrap.imageRightBottom .images {
	margin-left: 30px;
	float: right;
}

.newContents .floatWrap.imageRightBottom .texts { float: left; }

.newContents .center { text-align: center; }

.newContents .bold { font-weight: bold; }

.newContents .photos {
	width: 630px;
	margin: 35px 0 0 -10px;
	letter-spacing: -1em;
}

.newContents .photos li.photoSmall {
	display: inline-block;
	width: 190px;
	margin: 0 10px;
	letter-spacing: normal;
	vertical-align: top;
}

.newContents .photos li.photoSmall p {
	text-align: left;
	margin-bottom: 10px;
}

.newContents .photos li.photoSmall p.photo { margin: 0; }

.newContents .photos li.photoLarge { width: 610px; }

.newContents .photos li .photo { font-size: 0; }

.newContents .specification {
	margin-bottom: 0;
	box-sizing: border-box;
}

.newContents .specification tr { background: none; }

.newContents .specification td { border-top: 1px dotted #b2b2b2; }

.newContents .specification .item {
	width: 180px;
	font-size: 14px;
	line-height: 1.71;
	font-weight: bold;
	padding: 5px 0 6px 10px;
	background: #f1f1f1;
}

.newContents .specification .item.bottom { background: url("/common/images/bg-dotted-b2b2b2.png?ff43d9774d") repeat-x bottom #f1f1f1; }

.newContents .specification .detail {
	width: 400px;
	padding: 5px 0 6px 20px;
	font-size: 14px;
}

.newContents .detail {
	width: 290px;
	float: left;
}

.sideBar {
	position: relative;
	padding: 38px 0 0;
}

.sideBar .backLinks { margin: 0 0 36px; }

.sideBar h2 {
	margin: 0 0 22px;
	font-size: 15px;
	line-height: 1;
}

.sideBar h3 {
	margin: 0 0 9px;
	font-size: 13px;
}

.sideBar .navList { margin-bottom: 19px; }

.sideBar .navList li {
	font-size: 15px;
	line-height: 1.4;
	background: url("/common/images/img-arrow3.png?0b3cb0d94f") 273px 1em no-repeat white;
	border-bottom: 1px solid #f3f1ef;
}

.sideBar .navList li a { display: block; }

.sideBar .navList li a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

.sideBar .navList li p {
	padding: 9px 30px 11px;
	margin: 0;
}

.sideBar .navList li.is-located { background: #fff; }

.sideBar .navList li.is-located p {
	padding-left: 20px;
	font-weight: bold;
	border-left: 10px solid #3d3935;
}

.sideBar .navList li.lower p {
	padding-left: 50px;
	font-size: 13px;
}

.sideBar .navList li.lower.is-located p { padding-left: 40px; }

.sideBar .navList li.more { background: url("/common/images/img-arrow-localnav-navlist-more.png?02c42d8adb") 269px center no-repeat white; }

.sideBar .navList li.linkParent { background-image: none; }

.sideBar .navListThumbnail li {
	font-size: 12px;
	line-height: 1.67;
	border-bottom: 1px solid #f3f1ef;
	background: #fff;
}

.sideBar .navListThumbnail li a { display: block; }

.sideBar .navListThumbnail li a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

.sideBar .navListThumbnail li div {
	display: table;
	width: 100%;
	padding: 20px 0 20px 20px;
	background: url("/common/images/img-arrow3.png?0b3cb0d94f") 274px 26px no-repeat;
	box-sizing: border-box;
}

.sideBar .navListThumbnail li .thumbnail {
	display: table-cell;
	vertical-align: top;
	width: 74px;
	padding: 0 13px 0 0;
}

.sideBar .navListThumbnail li .textArea {
	display: table-cell;
	width: 100%;
	padding: 0 25px 0 0;
	vertical-align: top;
}

.sideBar .navListThumbnail li .textArea p {
	margin: 0;
	word-break: break-all;
}

.sideBar .navListThumbnail li .textArea p.date {
	margin-bottom: 6px;
	line-height: 1;
	font-size: 14px;
}

.sideBar .navListThumbnail li .textArea p.heading { margin-bottom: 0; }

.modal { display: none; }

/* --------------------------------------------------
**
** 整理済みパーツ
**
** -------------------------------------------------- */
.textBox {
	width: 290px;
	margin-bottom: 20px;
}

.textBox .boxContainer { overflow: hidden; }

.textBox .boxContainer .thumb { float: left; }

.textBox .boxContainer .text {
	padding: 0 5px 0 15px;
	font-size: 12px;
	overflow: hidden;
}

.linkBox { margin-bottom: 11px; }

.linkBox .heading {
	padding: 6px 0 0;
	margin-bottom: 17px;
}

.linkBox .boxContainer { overflow: hidden; }

.linkBox .boxContainer .thumb {
	float: left;
	font-size: 0;
}

.linkBox .boxContainer div {
	padding: 0 20px 0 14px;
	font-size: 12px;
	background: url("/common/images/bg-linkbox.png?e100bd37b2") right 4px no-repeat;
	overflow: hidden;
}

.linkBox .boxContainer div p {
	padding-bottom: 5px;
	margin-bottom: 0;
}

.linkBox .boxContainer div p.linkHeading { font-weight: bold; }

.linkBox a { display: block; }

.linkBox a .boxContainer div .links li {
	display: inline-block;
	margin: 0;
}

.linkBox a:hover .boxContainer div .links li {
	line-height: 1;
	color: #fff;
	background: #c6893f;
}

.linkBox a:hover .boxContainer div .links li.inlineBlock { margin: 0; }

.linkBoxNoThumb {
	width: 290px;
	margin-bottom: 20px;
}

.linkBoxNoThumb a {
	display: block;
	background: url("/common/images/bg-linkbox.png?e100bd37b2") right 5px no-repeat;
}

.linkBoxNoThumb p {
	padding-right: 20px;
	margin-bottom: 10px;
}

.linkBoxNoThumb .heading {
	color: #b7a99a;
	margin-bottom: 5px;
}

.linkBoxNoThumb .text { line-height: 1.67; }

.recommendPoint { width: 290px; }

.recommendPoint .boxContainer {
	margin-top: 37px;
	overflow: hidden;
}

.recommendPoint .boxContainer .icon { float: left; }

.recommendPoint .boxContainer .icon.book {
	margin-left: 8px;
	margin-right: 17px;
}

.recommendPoint .boxContainer div {
	font-size: 12px;
	overflow: hidden;
}

.recommendPoint a { display: block; }

.recommendPoint a:hover .boxContainer div .links li {
	line-height: 1;
	color: #fff;
	background: #c6893f;
}

.recommendPoint a:hover .boxContainer div .links li.inlineBlock { margin: 0; }

.recommendPoint .links li { display: inline-block; }

/*----- List -----*/
.linkList {
	margin: 0 15px;
	border-top: 1px solid #dbdbdb;
}

.linkList li { border-bottom: 1px solid #dbdbdb; }

.linkList li a {
	display: block;
	overflow: hidden;
	padding: 2em 0;
	background: url("/common/images/img-arrow3.png?0b3cb0d94f") 100% 2em no-repeat;
}

.linkList li div {
	padding: 0 12px 0 0;
	overflow: hidden;
}

.linkList li p { font-size: 14px; }

.linkList li .thumbnail {
	float: left;
	padding: 0 13px 0 0;
	margin-bottom: 0;
}

.linkList li .linkDate {
	float: left;
	min-width: 100px;
	padding: 0 10px 0 0;
	margin-bottom: 0;
	font-size: 14px;
}

.linkList li .linkDetailText {
	padding: 0 20px 0 0;
	vertical-align: top;
	background: none;
	overflow: hidden;
}

.linkList li .linkDetailText p {
	margin-bottom: 0;
	word-break: break-all;
}

.linkList li .linkDetailText .heading {
	line-height: 1.67;
	margin-bottom: 0;
}

.linkList li .heading { margin-bottom: 0; }

.linkList li.noThumb div {
	padding: 0 12px 0 0;
	background-position: top right;
}

.linkList li.noThumb div .date { margin-bottom: 5px; }

.linkList li.noThumb .linkDetailText { padding: 0 20px 0 0; }

/*--- panel Link ---*/
.row .col1.panel, .row .col2.panel, .row .col3.panel { min-height: 0; }

article .panel a { display: block; }

article .panel .image { margin: 0; }

article .panel.type1 .textArea, article .panel.type2 .textArea {
	padding: 18px 15px;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	background: url("/common/images/bg-arrow-panel-link.png?7f8ad46170") right 22px no-repeat;
}

article .panel.type1 .textArea .heading, article .panel.type2 .textArea .heading {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
}

article .panel.type1 .textArea .heading span, article .panel.type2 .textArea .heading span {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
}

article .panel.type1 .textArea .lead, article .panel.type2 .textArea .lead {
	margin: 10px 0 0;
	line-height: 1.35;
}

article .panel.type1 .textArea .tagLimited, article .panel.type2 .textArea .tagLimited {
	display: inline-block;
	margin: 10px 0 0;
	padding: 3px 10px;
	text-align: center;
	font-size: 10px;
	line-height: 1;
	color: #fff;
	background-color: #1a1719;
}

article .panel.type1 .textArea .tagSeasonal, article .panel.type2 .textArea .tagSeasonal {
	display: inline-block;
	margin: 13px 0 0;
	padding: 3px 10px;
	text-align: center;
	font-size: 10px;
	line-height: 1;
	color: #fff;
	background-color: #0096b4;
}

article .panel.type3 .container { background-color: #3d3935; }

article .panel.type3 .container a { color: #e4d9c2; }

article .panel.type3 .image { padding: 15px 15px 0; }

article .panel.type3 .textArea {
	padding: 10px 15px;
	background: url("/common/images/bg-arrow-panel-link-type3.png?621075ed56") right 17px no-repeat;
}

article .panel.type3 .textArea .heading {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}

article .panel.type3 .textArea .lead { margin-bottom: 0; }

article .panel.type4 .container { margin-bottom: 20px; }

article .panel.type4 .textArea {
	padding: 10px 15px;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	border-left: 1px solid #ededed;
	background: url("/common/images/bg-panel-type4.png?db9622a93f") right 16px no-repeat;
}

article .panel.type4 .textArea .heading {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0;
}

article .panel.type4 .textArea .lead {
	margin: 2px 0 0;
	font-size: 11px;
}

/* --------------------------------------------------
**
** ページ毎のスタイル
**
-------------------------------------------------- */
/* --------------------------------------------------
**
** 商品系
**
-------------------------------------------------- */
article .dummyTitle {
	font-size: 16px;
	color: #64a70b;
	font-weight: bold;
	margin-bottom: 15px;
}

div.mainContents.notExNav article.productList { width: auto; }

header.local .buttonRefine {
	position: absolute;
	right: 86px;
	top: 0;
	padding: 15px 10px;
	font-size: 12px;
}

.row .col { width: 220px; }

.row .col p, .row .col h3 {
	font-size: 10px;
	line-height: 1.4;
}

.row .col .itemImage {
	position: relative;
	font-size: 0;
	border: 1px solid #dbdbdb;
	margin-bottom: 10px;
}

.row .col .itemImage img { width: 100%; }

.row .col .itemImage span {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.row .col.blonde .itemImage span { border-bottom: 5px solid #ffc600; }

.row .col.medium .itemImage span { border-bottom: 5px solid #744439; }

.row .col.dark .itemImage span { border-bottom: 5px solid #8b2f77; }

.row .col a { display: block; }

.row .col .specialItem { margin-bottom: 5px; }

.row .col .productName { font-weight: normal; }

.row .col .itemDetailText {
	margin: 10px 0 0;
	line-height: 1;
}

.row .col .itemDetailText li {
	display: inline-block;
	margin: 0 15px 0 0;
	font-size: 10px;
	line-height: 1.4;
}

.row.listGrid { margin-left: 15px; }

.row.listGrid .col {
	float: left;
	width: 160px;
	margin: 0 12px 30px 0;
}

.row.listGrid .col .itemDetailText li { margin-right: 3px; }

.row.listRandom .col {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0 15px 50px 0;
}

.row.is-hidden { visibility: hidden; }

.specialItem {
	padding-left: 15px;
	color: #b1b0ae;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.2em;
	background: url("/common/images/img-icon-star.png?8ec223cae3") left top no-repeat;
}

/* ----- 絞り込み ----- */
.refine {
	position: absolute;
	right: 0;
	top: 85px;
	display: none;
	padding: 37px;
	background-color: #f5f5f5;
}

.refine.is-opened { display: block; }

.refine .decoration {
	position: absolute;
	right: 108px;
	top: -5px;
	font-size: 0;
}

.refine .close {
	position: absolute;
	right: 19px;
	top: 20px;
	margin-bottom: 0;
	width: 20px;
	height: 19px;
	background: url("/common/images/img-button.png?cf3effcbe0") no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}

.refine .selections {
	overflow: hidden;
	*zoom: 1;
}

.refine .selections h4 {
	font-size: 18px;
	line-height: 1.17;
	font-weight: bold;
}

.refine .selections .selection { margin-top: 30px; }

.refine .selections .selection li {
	margin-top: 15px;
	font-size: 11px;
}

.refine .selections .category {
	float: left;
	width: 278px;
}

.refine .selections .whereToBuy {
	float: left;
	width: 259px;
}

.refine .buttonContainer {
	margin: 26px auto 0;
	border-top: 1px solid #d9d9d9;
}

.refine .buttonContainer .submit {
	display: block;
	width: 147px;
	height: 35px;
	margin: 21px auto 4px;
	font-size: 13px;/*------------------------------------------ 2017.02.22 UT改善OS対応 14から変更*/
	line-height: 13px;/*------------------------------------------ 2017.02.22 UT改善OS対応 14から変更*/
	font-weight: bold;
	border: solid 1px #3d3935;/*------------------------------------------ 2017.02.22 UT改善OS対応 #000から変更*/
	background-color: #f5f5f5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}

.refine .buttonContainer .submit:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

/* ----- 商品詳細 ----- */
.row {
	overflow: hidden;
	*zoom: 1;
}

.row .container {
	position: relative;
	margin: 0 15px;
	font-size: 12px;
	box-sizing: border-box;
}

.row .col1, .row .col2, .row .col3 { margin-bottom: 40px; }

.row .col1.imageContainer, .row .col2.imageContainer, .row .col3.imageContainer { font-size: 0; }

.row .col1 h3, .row .col2 h3, .row .col3 h3 { margin-bottom: 13px; }

.row .col1 h3.reserve, .row .col2 h3.reserve, .row .col3 h3.reserve { color: #fff; }

.row .col1 h3.via, .row .col2 h3.via, .row .col3 h3.via { color: #4f2c1d; }

.row .col1 h3.blonde, .row .col2 h3.blonde, .row .col3 h3.blonde { color: #C6930A; }

.row .col1 h3.medium, .row .col2 h3.medium, .row .col3 h3.medium { color: #9E5404; }

.row .col1 h3.dark, .row .col2 h3.dark, .row .col3 h3.dark { color: #6D213F; }

.row .col1 h3.origami, .row .col2 h3.origami, .row .col3 h3.origami { color: #382f2d; }

.row .col1 h3.seasonal, .row .col2 h3.seasonal, .row .col3 h3.seasonal { color: #64a70b; }

.row .col1 h3.reserve, .row .col1 h3.via, .row .col1 h3.blonde, .row .col1 h3.medium, .row .col1 h3.dark, .row .col1 h3.origami, .row .col1 h3.seasonal, .row .col2 h3.reserve, .row .col2 h3.via, .row .col2 h3.blonde, .row .col2 h3.medium, .row .col2 h3.dark, .row .col2 h3.origami, .row .col2 h3.seasonal, .row .col3 h3.reserve, .row .col3 h3.via, .row .col3 h3.blonde, .row .col3 h3.medium, .row .col3 h3.dark, .row .col3 h3.origami, .row .col3 h3.seasonal { font-size: 17px; }

.row .col2 .col1 {
	min-height: 0;
	margin-bottom: 0;
}

.row .col3 .col1 { margin-bottom: 0; }

.row .col2 h3, .row .col3 h3 { margin: 0 15px 13px; }

.productDetail .col1, .productDetail .col2, .productDetail .col3 { min-height: 360px; }

.productDetail .withLinks { margin-bottom: 15px; }

.productDetail .withImages, .productDetail .place { margin-bottom: 20px; }

.productDetail .payment {
	color: #b1b0ae;
	font-weight: bold;
	font-size: 12px;
}

.productDetail ul.placeContainer + .payment { margin-top: 10px; }

article.productDetail .productInfo h3 { font-size: 14px; }

article.productDetail h3 { font-size: 15px; }

article.productDetail .relatedLinks h3 {
	margin: 0 15px 11px;
	font-size: 17px;
}

h3.headingCoffeeDetail {
	font-size: 17px;
	color: #eaaa00;
}

h3.headingProductCart {
	padding: 0 0 13px;
	font-size: 14px;
}

.movie { margin-bottom: 15px; }

.movieContainer .movie {
	position: relative;
	padding-bottom: 56.25%;
	margin-bottom: 0;
}

.movieContainer .movie iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.information {
	padding-left: 1em;
	text-indent: -1em;
}

.information li {
	font-size: 12px;
	line-height: 1.67;
}

.entryNotification .heading {
	font-size: 12px;
	color: #b7a99a;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 0;
}

.note p { font-size: 10px; }

.coffeeChoiceHeading {
	padding: 0 0 12px;
	color: #bd9b60;
	font-weight: bold;
}

.coffeeChoice {
	width: 295px;
	margin-bottom: 7px;
	overflow: hidden;
	*zoom: 1;
}

.coffeeChoice li {
	float: left;
	padding-right: 5px;
	margin-bottom: 5px;
	font-size: 0;
	box-sizing: border-box;
}

.productDetailNotification {
	width: 550px;
	margin: 0 0 15px 15px;
	overflow: hidden;
	*zoom: 1;
}

.productDetailNotification li {
	float: left;
	font-size: 10px;
	line-height: 1.7;
	color: #b1b0ae;
}

.productDetailNotification li:nth-of-type(odd) { min-width: 210px; }

.productInfo .explanation {
	margin-bottom: 30px;
	font-size: 13px;
}

.productInfo .explanation.type2 { margin-bottom: 15px; }

.productInfo .explanation.type2 + .links li { margin-bottom: 30px; }

.productInfo .placeContainer li { margin-bottom: 30px; }

.productInfo .placeContainer li:last-child { margin-bottom: 0; }

.productInfo .placeContainer .links li { margin-bottom: 7px; }

.productInfo .productInfoDetail {
	margin-bottom: 0;
	padding: 0 0 7px;
}

.productInfo .productInfoDetail li {
	font-size: 12px;
	margin-bottom: 0;
}

.productInfo .productInfoDetail .name {
	display: inline;
}

.productInfo .productInfoDetail .name span { font-weight: normal; }

.productInfo .productInfoDetail .price {
	display: inline;
	color: #000;
	font-weight: bold;
	margin-left: 0.5em;
}

.productInfo .sizeList { margin-bottom: 7px; }

.productInfo .sizeList + .links { margin-top: 15px; }

.productInfo .sizeList li {
	float: left;
	width: 50%;
	font-size: 12px;
}

.productInfo .sizeList li span { display: inline-block; }

.productInfo .sizeList li span.size {
	min-width: 75px;
	color: #b1b0ae;
}

.productInfo .sizeList .price { font-weight: bold; }

.productInfo .selectList { margin-bottom: 20px; }

.productInfo .selectList li {
	margin-bottom: 0;
	padding: 7px 0;
	border-bottom: 1px dotted #b2b2b2;
}

.productInfo .selectList li:first-child { border-top: 1px dotted #b2b2b2; }

.productInfo .selectList label { display: block; }

.productInfo .selectList .radio {
	display: block;
	width: 16px;
	height: 16px;
	background: url("/common/images/bg-input.png?2e7109c346") no-repeat;
	background-position: 0 -16px;
	margin: 0 15px 0 10px;
}

.productInfo .selectList .radio.is-checked {
	width: 16px;
	height: 16px;
	background: url("/common/images/bg-input.png?2e7109c346") no-repeat;
	background-position: 0 0;
}

.productInfo .selectList .radio input {
	width: 16px;
	height: 16px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	vertical-align: top;
	cursor: pointer;
}

.productInfo .selectList .check {
	display: table-cell;
	font-size: 0;
	vertical-align: middle;
}

.productInfo .selectList .informationContainer {
	display: table-cell;
	vertical-align: middle;
}

.productInfo .selectList .content { font-size: 12px; }

.productInfo .selectList .content .price {
	display: inline-block;
	margin-left: 10px;
	font-weight: bold;
}

.productInfo .selectList .status { margin-bottom: 0; }

.productInfo .status {
	display: block;
	margin: 5px 0 12px;
	font-size: 10px;
}

.productInfo .stock {
	display: inline-block;
	margin-right: 15px;
	color: #a7958e;
}

.productInfo .store {
	display: inline-block;
	margin-right: 8px;
}

.productInfo .notification { margin-bottom: 15px; }

nav.exNav .productsList {
	margin-right: -1px;
	position: relative;
}

nav.exNav .productsList:after {
	content: "";
	display: block;
	clear: both;
}

nav.exNav .productsList .viewport {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

nav.exNav .productsList ul.content {
	width: 100%;
	position: absolute;
	top: 0;
}

nav.exNav .productsList li {
	float: left;
	width: 33.33%;
	height: 139px;
	overflow: hidden;
	font-size: 100%;
	line-height: 15px;
}

nav.exNav .productsList li a {
	display: block;
	margin: 0 1px 20px 0;
}

nav.exNav .productsList li a:hover { opacity: 0.7; }

nav.exNav .productsList li .name {
	display: inline-block;
	margin-top: 5px;
}

nav.exNav .menuList {
	margin-right: -1px;
	position: relative;
}

nav.exNav .menuList:after {
	content: "";
	display: block;
	clear: both;
}

nav.exNav .prev, nav.exNav .next {
	display: none;
	position: absolute;
	left: 114px;
	margin: 0;
	padding: 9px;
	font-size: 0;
}

nav.exNav .prev {
	top: -48px;
	margin-bottom: 11px;
}

nav.exNav .next {
	bottom: -59px;
	margin: 14px 0 8px;
}

nav.exNav .prev:hover, nav.exNav .next:hover, nav.exNav .close:hover {
	cursor: pointer;
	opacity: 0.7;
}

nav.exNav .close {
	display: block;
	width: 13px;
	height: 13px;
	margin: 0;
	padding: 10px;
	position: absolute;
	top: 11px;
	right: -5px;
	font-size: 0;
}

/* --------------------------------------------------
**
** 店舗系
**
-------------------------------------------------- */
div.mainContents.store { margin-right: 0; }

div.mainContents.store article {
	width: 100%;
	padding-bottom: 0;
}

.store .contents {
	position: relative;
	overflow: hidden;
	*zoom: 1;
}

/*----- 検索TOP -----*/
.storeSearchContainer {
	float: left;
	width: 610px;
	padding: 0 15px;
}

.storeSearchContainer .searchDetailContainer .storeStyle { display: none; }

.storeSearchContainer .searchFromPrefecture h3 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
}

.storeSearchContainer .searchFromPrefecture .prefectures {
	margin-bottom: 60px;
	overflow: hidden;
	*zoom: 1;
}

.storeSearchContainer .searchFromPrefecture .prefectures li {
	width: 83px;
	margin-top: 8px;
	float: left;
}

.searchFromPrefecture { margin-top: 40px; }

article.store { margin-left: 0; }

article.store .contentsContainer { width: 320px; }

.searchDetailContainer {
	display: none;
	width: 550px;
	padding: 40px 30px;
	background-color: #f3f1f2;
}

.searchDetailContainer.is-selected { display: block; }

.searchDetailContainer .toggleContainer { margin-bottom: 25px; }

.searchDetailContainer .searchCriteria { margin-top: 30px; }

.searchDetailContainer .searchCriteria .heading {
	margin-bottom: 0;
	font-size: 13px;
	line-height: 1.08;
	font-weight: bold;
}

.searchDetailContainer .searchCriteria .options {
	overflow: hidden;
	*zoom: 1;
}

.searchDetailContainer .searchCriteria .options li {
	margin-top: 20px;
	width: 137px;
	float: left;
}

.searchDetailContainer .searchCriteria .options li.long { width: 274px; }

.searchDetailContainer .searchCriteria .options li label {
	cursor: pointer;
	display: block;
}

.searchDetailContainer .searchCriteria .options li .checkbox {
	display: inline-block;
	width: 17px;
	height: 17px;
	background: url("/common/images/bg-input.png?2e7109c346") no-repeat;
	background-position: 0 -49px;
	margin-right: 10px;
}

.searchDetailContainer .searchCriteria .options li .checkbox.is-checked {
	width: 17px;
	height: 17px;
	background: url("/common/images/bg-input.png?2e7109c346") no-repeat;
	background-position: 0 -32px;
}

.searchDetailContainer .searchCriteria .options li input {
	width: 17px;
	height: 17px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	vertical-align: top;
	cursor: pointer;
}

.searchDetailContainer .searchCriteria .options li.seasonal .choiceText {
	background: url("/common/images/bg-search-seasonal.png?e992aac4b0") top left no-repeat;
	padding-left: 13px;
}

.searchDetailContainer .submitButtonContainer {
	width: 290px;
	margin: 30px auto 0;
}

.wordSearch {
	display: block;
	width: 550px;
	height: 35px;
	padding-left: 48px;
	font-size: 14px;
	line-height: 16px;
	background: url("/common/images/img-icon-search.png?eddff36ec4") 21px center no-repeat white;
	border: 1px solid #dbdbdb;
	box-sizing: border-box;
}

.storeStyle {
	display: inline-block;
	width: 290px;
	min-height: 12px;
	margin-left: 15px;
	margin-bottom: 0;
	padding: 8px 0 7px 20px;
	line-height: 1;
	cursor: pointer;
	background: url("/common/images/img-arrow-closed.png?93a54bd665") 2px 8px no-repeat;
	box-sizing: border-box;
}

.is-opened .storeStyle { background: url("/common/images/img-arrow-opened.png?51a3786a01") 2px 8px no-repeat; }

.searchCriteria {
	display: none;
	margin: 0 auto;
}

.searchCriteria .options li { width: 50%; }

.searchCriteria .options li.long { width: 100%; }

.searchDetailContainer .select {
	width: 550px;
	height: 35px;
	line-height: 35px;
}

/*----- 検索結果ページ -----*/
div.mainContents.store.searchResult .contents { margin-right: 0; }

.searchResult { position: relative; }

.searchResult .mapArea {
	position: fixed;
	left: 120px;
	top: 0;
	width: 100%;
	height: 100%;
}

.searchResult .mapArea .pin {
	position: absolute;
	left: 618px;
	top: 300px;
}

.searchResult .resultContainer {
	float: left;
	padding: 20px 20px 0 20px;
	background-color: rgba(61, 57, 53, 0.1);
	box-sizing: border-box;
}

.searchResult .resultContents {
	float: left;
	width: 320px;
}

.searchResult .resultContents .conceptStore, .searchResult .resultContents .list, .searchResult .resultContents .research, .searchResult .resultContents .backToSearchTop {
	margin-bottom: 20px;
	background-color: #fff;
}

.searchResult .resultContents .conceptStore { padding: 15px 15px 26px; }

.searchResult .resultContents .conceptStore p { margin-bottom: 0; }

.searchResult .resultContents .conceptStore .links { margin: 15px 0 30px; }

.searchResult .resultContents .conceptStore .photo {
	margin-bottom: 15px;
	text-align: center;
}

.searchResult .resultContents .conceptStore .heading {
	margin-bottom: 12px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.6;
}

.searchResult .resultContents .conceptStore .backLinks { margin: 18px 0 0; }

.searchResult .resultContents .list .filter {
	padding: 15px 0;
	background-color: #f4f2ef;
}

.searchResult .resultContents .resultStores li.item {
	padding: 13px 0;
	cursor: pointer;
	background: url("/common/images/bg-store-search-list.png?eb69525b22") left bottom no-repeat;
}

.searchResult .resultContents .resultStores li.item:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

.searchResult .resultContents .resultStores li.item.is-selected { cursor: default; }

.searchResult .resultContents .resultStores li.item.is-selected:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.searchResult .resultContents .resultStores li.item.is-selected .detailContainer {
	margin-left: 0;
	border-left: 10px solid #3d3935;
}

.searchResult .resultContents .resultStores li.item.is-selected .storeSearchButtons { display: block; }

.searchResult .resultContents .resultStores li.item.is-selected .storeName {
	padding: 3px 0 0 15px;
	margin-bottom: 5px;
}

.searchResult .resultContents .resultStores li.item.is-selected .storeAddress {
	margin-bottom: 20px;
	padding-left: 15px;
}

.searchResult .resultContents .resultStores li.item:last-child { background: none; }

.searchResult .resultContents .resultStores .detailContainer { margin: 0 15px; }

.searchResult .resultContents .resultStores .storeName {
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 10px;
}

.searchResult .resultContents .resultStores .storeAddress {
	margin-bottom: 0;
	font-size: 12px;
	line-height: 1.33;
}

.searchResult .resultContents .resultStores .storeSearchButtons {
	display: none;
	text-align: right;
	letter-spacing: -1em;
	padding-left: 15px;
}

.searchResult .resultContents .resultStores .storeSearchButtons .searchButtonRootCheck {
	letter-spacing: normal;
	display: inline-block;
}

.searchResult .resultContents .resultStores .storeSearchButtons .searchButtonAround {
	letter-spacing: normal;
	display: inline-block;
}

.searchResult .resultContents .resultStores .storeSearchButtons .searchButtonDetail {
	letter-spacing: normal;
	display: inline-block;
	margin-left: 20px;
}

.searchResult .resultContents .resultStores .storeSearchButtons .searchButtonDetail.long { margin-left: 0; }

.searchResult .resultContents .research .heading {
	margin-bottom: 0;
	padding: 10px 15px;
	font-size: 11px;
	background-color: #f4f2ef;
}

.searchResult .resultContents .research .searchTabs {
	width: 320px;
	height: 64px;
}

.searchResult .resultContents .research .searchTabs li {
	background: #f4f2ef;
	box-sizing: content-box;
}

.searchResult .resultContents .research .searchTabs li:hover { background-color: #c6893f; }

.searchResult .resultContents .research .searchTabs li.gps a { padding: 18px 0; }

.searchResult .resultContents .research .searchTabs li p { font-size: 12px; }

.searchResult .resultContents .research .searchTabs li.is-selected {
	background: #fff;
	cursor: default;
}

.searchResult .resultContents .research .searchTabs li.is-selected p {
	color: #3d3935;
	font-weight: bold;
}

.searchResult .resultContents .research .searchTabs li.keyword {
	width: 49px;
	padding: 0 20px;
}

.searchResult .resultContents .research .searchTabs li.prefecture { width: 78px; }

.searchResult .resultContents .research .searchTabs li.landMarks {
	width: 69px;
	padding: 0 5px;
}

.searchResult .resultContents .research .searchTabs li.gps { width: 74px; }

.searchResult .resultContents .research .searchTabs li.gps br { display: block; }

.searchResult .resultContents .research .searchDetailContainer {
	display: none;
	width: 320px;
	margin: 0 auto;
	padding: 21px 0;
	background-color: #fff;
}

.searchResult .resultContents .research .searchDetailContainer.is-selected { display: block; }

.searchResult .resultContents .research .searchDetailContainer .searchCriteria { margin: 0 0 0 15px; }

.searchResult .resultContents .research .wordSearch {
	width: 290px;
	padding-left: 34px;
	margin: 0 auto;
	background-position: 11px center;
}

.searchResult .resultContents .research .storeStyle { margin-top: 15px; }

.searchResult .resultContents .research .submitButtonContainer {
	width: 290px;
	margin: 0 auto;
}

.searchResult .resultContents .research .searchSubmit { font-size: 14px; }

.searchResult .resultContents .backToSearchTop ul { margin: 0; }

.searchResult .resultContents .backToSearchTop a {
	padding: 15px 15px 15px 30px;
	display: block;
	background: url("/common/images/img-arrow-localnav-backlinks.png?6293fdb682") 15px center no-repeat;
}

.searchResult .shadowTop {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	background: url("/common/images/bg-search-result-top.png?b09923b705") left top repeat-x;
}

.searchResult .shadowLeft {
	position: absolute;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
	background: url("/common/images/bg-search-result-left.png?d2b19a3112") left top repeat-y;
}

/*----- 店舗詳細ページ -----*/
.storeMap .map {
	width: 290px;
	height: 320px;
	margin-bottom: 0;
	overflow: hidden;
}

.storeMap .shadowTop {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	background: url("/common/images/bg-search-result-top.png?b09923b705") left top repeat-x;
}

.storeMap .shadowLeft {
	position: absolute;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
	background: url("/common/images/bg-search-result-left.png?d2b19a3112") left top repeat-y;
}

.storeInfo {
	width: 100%;
	margin: -6px 0 10px;
	overflow: hidden;
	*zoom: 1;
}

.storeInfo tr {
	background: url("/common/images/bg-dotted-b2b2b2.png?ff43d9774d") bottom repeat-x;
	vertical-align: top;
}

.storeInfo td {
	font-size: 12px;
	line-height: 1.67;
	padding: 6px 0;
}

.storeInfo td.item {
	width: 65px;
	color: #b1b0ae;
}

.storeInfo td.detail { width: 225px; }

.storeInfo td.detail .links li { margin-bottom: 0; }

.storeInfo .lan {
	margin: 3px 0 2px;
	overflow: hidden;
	*zoom: 1;
}

.storeInfo .lan li {
	width: 70px;
	height: 17px;
	float: left;
	margin: 0 2px 4px 3px;
	padding-top: 2px;
	font-size: 10px;
	text-align: center;
	color: #fff;
	background-color: #8c8279;
	box-sizing: border-box;
}

.storeInfo .lan li p {
	margin-bottom: 0;
	letter-spacing: -0.5px;
	line-height: 1;
}

.storeInfo .lan li.smallText {
	padding-top: 4px;
	font-size: 9px;
}

.storeInfo .lan li.smallText p {
	font-size: 9px;
	-webkit-transform: scale(0.9);
}

.checkIn { display: none; }

.buttonCheckIn {
	display: block;
	width: 290px;
	height: 34px;
	margin: 20px auto 0;
	color: #c6893f;
	font-size: 14px;
	line-height: 34px;
	font-weight: bold;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
	border: solid 1px #c6893f;
	box-sizing: border-box;
}

/* --------------------------------------------------
**
** イベント
**
-------------------------------------------------- */
article.event { margin-left: 0; }

.eventTop { overflow: hidden; }

.aboutEvent { font-size: 14px; }

.rowContainer {
	width: 100%;
	float: left;
}

.rightColContainer .row .col1 { margin-bottom: 30px; }

.eventList li {
	position: relative;
	display: table;
	width: 100%;
	padding-bottom: 15px;
	border-top: 1px solid #b3b3b3;
}

.eventList li.buttonMore {
	width: 290px;
	margin: 10px auto 30px;
	padding-bottom: 0;
	border: none;
}

.eventList li .storeInfo {
	display: table-cell;
	vertical-align: top;
	width: auto;
	padding: 16px 0 0 0;
}

.eventList li .storeInfo .storeName {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 14px;
}

.eventList li .storeInfo .storeName span { font-weight: normal; }

.eventList li .eventInfo {
	display: table-cell;
	vertical-align: top;
	width: 48%;
	padding: 15px 0 0 15px;
}

.eventList li .eventInfo p { margin-bottom: 10px; }

.eventList li .eventInfo p.explanation, .eventList li .eventInfo p.notification { margin-bottom: 0; }

.events .filter.type1 .partsContainer { display: block; }

.events .filter.type1 .select {
	display: block;
	margin: 0 auto;
}

/* --------------------------------------------------
**
** セミナー
**
-------------------------------------------------- */
article.seminar { margin-left: 0; }

article.seminar .movieContainer + .col1 { width: 100%; }

article.seminar .row .col1.entryNotification { width: 100%; }

.movieContainer .lead {
	margin: 23px 0 4px;
	font-size: 14px;
}

.movieContainer .notification { margin-bottom: 10px; }

.movieContainer .charge {
	margin-bottom: 3px;
	font-size: 14px;
}

.movieContainer .charge span { font-weight: bold; }

.seminars { width: 100%; }

.seminars .listWrap {
	position: relative;
	margin-top: 27px;
}

.seminars .seminarList li {
	position: relative;
	display: table;
	width: 100%;
	padding-bottom: 8px;
	border-top: 1px solid #b3b3b3;
}

.seminars .seminarList li.buttonMore {
	width: 290px;
	margin: 10px auto 30px;
	padding-bottom: 0;
	border: none;
}

.seminars .seminarList li .storeInfo {
	display: table-cell;
	vertical-align: top;
	width: 56%;
	padding: 16px 25px 0 0;
}

.seminars .seminarList li .storeInfo .storeName {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 14px;
}

.seminars .seminarList li .storeInfo .storeName span { font-weight: normal; }

.seminars .seminarList li .seminarInfo {
	display: table-cell;
	vertical-align: top;
	width: 41%;
	padding: 11px 23px 0 0;
}

.seminars .seminarList li .seminarInfo .details {
	width: 100%;
	overflow: hidden;
	*zoom: 1;
}

.seminars .seminarList li .seminarInfo .details tr {
	border-bottom: 1px dotted #bcbcbc;
	vertical-align: top;
}

.seminars .seminarList li .seminarInfo .details tr:last-child { background: none; }

.seminars .seminarList li .seminarInfo .details tr td {
	padding: 5px 0 7px;
	font-size: 12px;
	line-height: 1.7;
}

.seminars .seminarList li .seminarInfo .details tr td.item {
	width: 35px;
	color: #b7a99a;
}

.seminars .seminarList li .seminarInfo .details tr td.item span { display: none; }

.seminars .seminarList li .seminarInfo .details tr td.detail { width: 83%; }

.seminars .seminarList li .seminarEntry {
	display: table-cell;
	vertical-align: middle;
	width: 120px;
}

.seminars .seminarList li .seminarEntry .entryButton {
	overflow: hidden;
	*zoom: 1;
}

.seminars .seminarList li .seminarEntry .entryButton li {
	float: left;
	width: 120px;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	background: none;
	border: none;
}

.seminars .seminarList li .seminarEntry .entryButton li a {
	display: table-cell;
	vertical-align: middle;
	width: 120px;
	height: 30px;
	text-align: center;
	line-height: 1;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background-color: #c6893f;
}

.seminars .seminarList li .seminarEntry .entryButton li.full {
	height: auto;
	text-align: center;
}

.privilege {
	position: relative;
	width: 100%;
	padding: 7px 170px 8px 14px;
	border: 1px solid #dbdbdb;
	box-sizing: border-box;
}

.privilege p {
	margin-bottom: 0;
	line-height: 2;
}

.privilege .links {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.totalCounts {
	display: inline;
	margin-bottom: 0;
}

.totalCounts span {
	font-size: 14px;
	font-weight: bold;
}

.refreshNotification {
	display: inline;
	float: right;
	margin-bottom: 0;
	text-align: right;
}

.filter.type1 .partsContainer { margin: 0 auto; }

article.seminar .col2.leadContainer { margin-top: -20px; }

article.seminar .col2.leadContainer .lead {
	margin-bottom: 10px;
	font-size: 14px;
}

article.seminar .col2.leadContainer .charge,
article.seminar .col2.leadContainer .charge span {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

.seminars .seminarList li { padding: 0; }

.seminars .seminarList li .seminarInfo .details { margin-bottom: 25px; }

.seminars .seminarList li .seminarInfo .details tr td.detail { width: auto; }

.seminars .seminarList li .seminarEntry .entryButton li {
	height: 35px;
	padding: 0;
}

.seminars .seminarList li .seminarEntry .entryButton li.deadLine {
	font-weight: normal;
	font-size: 10px;
	height: auto;
	margin-bottom: 15px;
}

.seminars .seminarList li .seminarEntry .entryButton li.full { text-align: left; }

.privilege .links .inlineBlock { margin: 0 0 0 15px; }

.refreshNotification { margin-top: 10px; }

.seminars .listWrap .refreshNotification { margin-top: 0; }

p.seminarLead {
	font-size: 13px;
	line-height: 27px;
}

p.course { color: #746d6d; }

p.course span.bold { color: #3d3935; }

article.seminar header.local .backLinks.withPulldown {
	overflow: hidden;
	float: left;
	margin-right: 18px;
}

article.seminar header.local .backLinks.withPulldown + .filters {
	position: static;
	float: left;
	width: auto;
	margin-top: -3px;
}

article.seminar header.local .backLinks.withPulldown + .filters .select,
article.seminar header.local .backLinks.withPulldown + .filters .options {
	width: auto;
	padding-right: 40px;
	font-size: 12px;
	line-height: 23px;
}

article.seminar .col2.leadContainer .container {
	position: static;
	overflow: visible;
}

article.seminar .links li.courseDetail { position: relative; }

.links li.courseDetail .refine {
	text-align: left;
	color: #3d3935;
	width: 500px;
	background: #FFF;
	border: 1px solid #d8d8d8;
	z-index: 100;
	top: 35px;
	padding: 45px 30px 0;
}

.links li.courseDetail .refine h3 { margin: 0 0 10px; }

/* --------------------------------------------------
**
** IR
**
** -------------------------------------------------- */
article.ir .newsArea .col2.irNav { display: none; }

article.ir .col2.irNav ul {
	margin: 0 -1px;
	overflow: hidden;
}

article.ir .col2.irNav ul li {
	float: left;
	width: 25%;
	font-size: 12px;
}

article.ir .col2.irNav ul li a {
	display: block;
	margin: 0 1px 2px;
	height: 40px;
	line-height: 40px;
	background: #f3f1ef;
	padding-left: 10px;
}

article.ir .col1.pr { margin-bottom: 0; }

article.ir p.stockImg { margin-bottom: 10px; }

article.ir p.stockImg img {
	width: 100%;
	height: auto;
}

article.ir p.stockImg + ul.links a { color: #3d3935; }

article.ir p.stockImg + ul.links a:hover {
	color: #FFF;
	background: #3d3935;
}

article.ir { padding-bottom: 20px; }

article.ir .items .question { font-size: 14px; }

article.ir .filters { left: 200px; }

/* --------------------------------------------------
**
** cmsページ
**
-------------------------------------------------- */
article.forCms .newContents p {
	font-size: 14px;
	margin: 0 0 2em;
	line-height: 1.7;
}

article.forCms .linkList li .date { margin-bottom: 10px; }

article.forCms .linkList li.noThumb a {
	padding: 1em 0;
	background: url("/common/images/img-arrow3.png?0b3cb0d94f") 100% 1.5em no-repeat;
}

article.forCms .linkList li.noThumb p { font-size: 14px; }

.linkList.type2 {
	border: none;
	background: url("/common/images/bg-dotted-b2b2b2.png?ff43d9774d") top repeat-x;
}

.linkList.type2 li {
	border: none;
	background: url("/common/images/bg-dotted-b2b2b2.png?ff43d9774d") bottom repeat-x;
}

.history { margin-bottom: 13px; }

.history .year { width: 70px; }

.history td {
	font-size: 12px;
	line-height: 1.67;
}

.relatedLinks { margin-bottom: 30px; }

.row .relatedLinks.container { margin: 0; }

.toOtherPages h3, .relatedLinks h3 {
	margin: 50px 15px 16px;
	font-size: 17px;
	line-height: 1.4;
}

.toOtherPages .row .col1, .toOtherPages .row .col2, .toOtherPages .row .col3, .relatedLinks .row .col1, .relatedLinks .row .col2, .relatedLinks .row .col3 { min-height: 0; }

.linkList.type3 { border-top: 1px dotted #b2b2b2; }

.linkList.type3 li { border-bottom: 1px dotted #b2b2b2; }

.linkList.type3 li a { padding: 1em 0; }

.linkList.type3 li a.pdf { background: url("/common/images/bg-icon-pdf.png?b8121d7ef3") 100% 1em no-repeat; }

.linkList.type3 li.notReport {
	padding: 1.5em 0;
	background: url("/common/images/img-arrow3.png?0b3cb0d94f") 100% center no-repeat;
}

.linkList.type3 li div {
	padding: 12px 0;
	background-position: right 20px;
}

.linkList.type3 li .linkDetailText { padding: 0 15px 0 0; }

.linkList.type3 li .linkDetailText p { font-size: 14px; }

.linkList.type3 li .linkDetailText p .tag {
	position: relative;
	top: -1px;
	display: inline-block;
	min-width: 60px;
	height: 16px;
	margin-left: 10px;
	text-align: center;
	font-size: 10px;
	background-color: #d7d2cb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.linkList.type3 li .linkDetailText .heading.pdf {
	min-height: 24px;
	margin-top: 0;
	padding-left: 27px;
	background: url("/common/images/img-icon-pdf.png?8ea1b2ad63") left 4px no-repeat;
}

.linkList.type5 { border-top: 1px dotted #b2b2b2; }

.linkList.type5 li { border-bottom: 1px dotted #b2b2b2; }

.linkList.type5 li div {
	padding: 14px 0 17px;
	background-position: right 20px;
}

.linkList.type5 li .linkDetailText { padding: 0 15px 0 0; }

.linkList.type5 li .linkDetailText p { font-size: 14px; }

.linkList.type5 li .linkDetailText p .tag {
	position: relative;
	top: -1px;
	display: inline-block;
	min-width: 60px;
	height: 16px;
	margin-left: 10px;
	text-align: center;
	font-size: 10px;
	background-color: #d7d2cb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.container .linkList.type3 { margin: 7px 0 0; }

.irNav .nav {
	width: 612px;
	overflow: hidden;
	*zoom: 1;
}

.irNav .nav li {
	float: left;
	width: 151px;
	margin: 0 2px 2px 0;
}

.irNav .nav li a {
	display: block;
	background-color: #f3f1ef;
}

.irNav .nav li p {
	margin-bottom: 0;
	padding: 14px 0 13px 10px;
	line-height: 1;
}

.stockContainer .heading {
	padding: 7px 15px 9px;
	margin-bottom: 0;
	font-size: 14px;
	background-color: #d7d2cb;
	border-bottom: 1px solid #d7d2cb;
}

.stockContainer .body {
	background-color: #f3f1ef;
	padding: 7px 15px 12px;
	margin-bottom: 10px;
}

.stockContainer .body .statusInfo { margin-bottom: 10px; }

.stockContainer .status li { background: url("/common/images/bg-dotted-b2b2b2.png?ff43d9774d") left bottom repeat-x; }

.stockContainer .status li p {
	margin-bottom: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	font-size: 14px;
	font-weight: bold;
}

.stockContainer .status li p span {
	display: block;
	float: right;
	text-align: right;
	color: #83412c;
}

.poweredBy {
	margin-bottom: 6px;
	text-align: right;
}

.listHeading {
	font-size: 15px;
	padding-top: 35px;
	margin: 0 15px 15px;
}

.listNavWrap { margin: 0 15px; }

.listNav {
	display: table;
	width: 100%;
	height: 50px;
	background-color: #f3f1ef;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.listNav li {
	display: table-cell;
	vertical-align: middle;
	width: 25%;
	height: 50px;
	text-align: center;
	background: url("/common/images/bg-list-nav.png?b4370f9074") left center no-repeat;
}

.listNav li:first-child { background: none; }

.listNav li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 6px 0 0;
	box-sizing: border-box;
	background: url("/common/images/img-arrow-down-2.png?6834e23e4d") center 30px no-repeat;
}

.introText {
	margin: 0 15px 15px;
	font-size: 14px;
}

.irContentContainer { margin: 0 15px; }

.irContentContainer.highlight h3 { font-weight: normal; }

.irContentContainer h3 {
	font-size: 14px;
	margin-bottom: 15px;
}

.irContentContainer.owner h3 {
	margin-bottom: 30px;
	font-size: 17px;
}

.irContentContainer.owner h4 {
	color: #a7958e;
	font-weight: normal;
}

.irContentContainer h4 {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 15px;
}

.irContentContainer p {
	margin-bottom: 30px;
	font-size: 14px;
}

.irContentContainer p.introText { margin: 0 0 15px; }

.irContentContainer p.notification { font-size: 12px; }

.irContentContainer p.unit {
	margin-bottom: 5px;
	font-size: 12px;
	text-align: right;
}

.irContentContainer p.graph { margin-bottom: 20px; }

.irContentContainer p.asterisk { font-size: 10px; }

.irContentContainer .section { margin-bottom: 30px; }

.irContentContainer .txtAR { text-align: right; }

.irContentContainer .txtAC { text-align: center !important; }

.irContentContainer .standard {
	margin-bottom: 30px;
	width: 320px;
}

.irContentContainer .table {
	width: 100%;
	margin-bottom: 20px;
}

.irContentContainer .table.stockholder { border-top: 1px dotted #b2b2b2; }

.irContentContainer .table.stockholder th {
	width: 52.5%;
	padding: 20px 10px;
	background: #f3f1ef;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}

.irContentContainer .table.stockholder td {
	padding: 20px 10px;
	font-size: 12px;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}

.irContentContainer .table.rss tr { border-bottom: 0; }

.irContentContainer .table.rss td { padding: 0; }

.irContentContainer .table.rss td .iconRss {
	padding: 0 10px;
	margin-top: -5px;
}

.irContentContainer .table.highlight { margin-bottom: 15px; }

.irContentContainer .table.highlight th {
	padding: 3px;
	font-size: 12px;
	line-height: 1.7;
	background-color: #e3ded8;
	border: 1px solid #c1bab3;
}

.irContentContainer .table.highlight th.minor { background-color: #F8F6F4; }

.irContentContainer .table.highlight td {
	padding: 3px;
	font-size: 12px;
	line-height: 1.7;
	border: 1px solid #c1bab3;
}

.irContentContainer .table.highlight td.minor { background-color: #F8F6F4; }

.irContentContainer .table th {
	padding: 16px 0;
	font-size: 14px;
	line-height: 1.7;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px dotted #b2b2b2;
	vertical-align: top;
}

.irContentContainer .table th.txtAR { text-align: right; }

.irContentContainer .table tr { border-bottom: 1px dotted #b2b2b2; }

.irContentContainer .table td {
	padding: 16px 0;
	font-size: 14px;
	line-height: 1.7;
	vertical-align: top;
}

.irContentContainer .table td.image {
	width: 320px;
	font-size: 0;
}

.irContentContainer table.standard {
	width: 460px;
	border-top: 1px dotted #b2b2b2;
}

.irContentContainer table.standard th, .irContentContainer table.standard td {
	width: 50%;
	padding: 5px 10px;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}

.irContentContainer table.standard th {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	background: #f3f1ef;
}

.irContentContainer table.standard td { font-size: 14px; }

.irContentContainer .mailRegisterContainer {
	width: 570px;
	margin-left: 19px;
}

.irContentContainer .mailRegisterContainer .buttons {
	margin-bottom: 5px;
	overflow: hidden;
	*zoom: 1;
}

.irContentContainer .mailRegisterContainer .buttons li {
	float: left;
	width: 285px;
}

.irContentContainer .mailRegisterContainer .buttons li a {
	display: block;
	width: 250px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.irContentContainer .mailRegisterContainer .buttons li.new a {
	background-color: #c6893f;
	color: #fff;
}

.irContentContainer .mailRegisterContainer .buttons li.remove a {
	margin-left: 35px;
	border: 1px solid #3d3935;
}

.irContentContainer .rssRegisterContainer { width: 290px; }

.irContentContainer .rssRegisterContainer a { display: block; }

.irContentContainer .rssRegisterContainer .rssButton { margin-bottom: 10px; }

.irContentContainer .rssRegisterContainer .rssButton .addRss {
	display: table;
	height: 100px;
	padding: 0 26px 0 10px;
	border: 2px solid #dbdbdb;
	box-sizing: border-box;
}

.irContentContainer .rssRegisterContainer .rssButton p {
	display: table-cell;
	padding: 0 15px;
	vertical-align: middle;
}

.forCms .imgL + .textArea,
.forCms .imgR + .textArea { overflow: hidden; }

.forCms .imgL + .textArea dl.history,
.forCms .imgR + .textArea dl.history { margin-bottom: 30px; }

.forCms .imgL + .textArea dl.history dt,
.forCms .imgR + .textArea dl.history dt { float: left; }

.forCms .imgL + .textArea dl.history dd,
.forCms .imgR + .textArea dl.history dd { margin-left: 70px; }

.forCms .imgL + .textArea p,
.forCms .imgR + .textArea p,
.forCms .imgL + .textArea dl.history dt,
.forCms .imgL + .textArea dl.history dd,
.forCms .imgR + .textArea dl.history dt,
.forCms .imgR + .textArea dl.history dd { font-size: 12px; }

.forCms .newContents .fontS { font-size: 12px !important; }

.forCms .newContents h2 { margin-bottom: 30px; }

.forCms .newContents h3 { margin-bottom: 20px; }

.forCms .newContents .notes { font-size: 0.8em; }

.forCms .date.fwB { line-height: 1.7em; }

.forCms .specification {
	background: none;
	border-bottom: 1px dotted #b2b2b2;
}

.forCms .newContents .specification td,
.forCms .newContents .specification th {
	font-size: 14px;
	line-height: 1.71;
	padding: 5px 0 6px 10px;
	border-top: 1px dotted #b2b2b2;
}

.forCms .newContents .specification th {
	width: 190px;
	background-color: #f1f1f1;
	font-weight: bold;
	text-align: left;
}

.forCms .newContents .photos li.photoSmall p.photo { margin-bottom: 10px; }

/* --------------------------------------------------
**
** アレンジコーヒーレシピ
**
-------------------------------------------------- */
.arrangeCoffeeRecipe .row .col .itemImage { margin-bottom: 13px; }

.arrangeCoffeeRecipe .row .col .specialItem { margin-bottom: 10px; }

.arrangeCoffeeRecipe .row .col h3 { font-weight: normal; }

.arrangeCoffeeRecipe .refine { padding: 30px 23px 38px; }

.arrangeCoffeeRecipe .refine .selections h4 { font-size: 14px; }

.arrangeCoffeeRecipe .refine .selections li {
	width: 256px;
	margin: 10px auto 0;
}

.arrangeCoffeeRecipe .refine .selections .selection {
	width: 256px;
	overflow: hidden;
	margin: 20px auto 0;
}

.arrangeCoffeeRecipe .refine .selections .selection li {
	float: left;
	width: 82px;
	margin-top: 0;
	margin-bottom: 30px;
}

.arrangeCoffeeRecipe .refine .selections .selection li label { width: 90%; }

.arrangeCoffeeRecipe .refine .buttonContainer {
	margin: 0 auto;
	border: none;
}

.arrangeCoffeeRecipe .refine .buttonContainer .submit {
	width: 290px;
	margin: 0 auto;
}

.arrangeCoffeeRecipe .refine .close {
	top: 16px;
	right: 15px;
	width: 23px;
	height: 23px;
	background: url("/coffee/recipe/images/refine-recipe-close.png?1acb80d0af") no-repeat;
}

.modalContainer .detail {
	position: relative;
	width: 750px;
	min-height: 600px;
	margin: 0 auto;
	padding: 30px;
	background-color: #fff;
	box-sizing: border-box;
}

.modalContainer .detail.aboutRoast, .modalContainer .detail.aboutCoffee {
	width: 610px;
	min-height: 1px;
}

.modalContainer .detail .button {
	margin-bottom: 0;
	font-size: 0;
}

.modalContainer .detail .button a { display: block; }

.modalContainer .detail .button.close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 14px;
	height: 14px;
	padding: 10px;
	background: url("/common/images/img-btn-modal-close.png?06ceb26a84") 10px 10px no-repeat;
}

.modalContainer .detail .button.close.contentBottom { display: none; }

.modalContainer .detail .button.line { display: none; }

.modalContainer .detail .button.print {
	position: absolute;
	right: 95px;
	bottom: 27px;
	width: 28px;
	height: 28px;
}

.modalContainer .detail .button.twitter {
	position: absolute;
	right: 50px;
	bottom: 27px;
	width: 28px;
	height: 28px;
}

.modalContainer .detail .button.facebook {
	position: absolute;
	right: 10px;
	bottom: 27px;
	width: 28px;
	height: 28px;
}

.modalContainer .detail .recipeInfo { overflow: hidden; }

.modalContainer .detail .title { margin: 0; }

.modalContainer .detail .titleEnglish {
	display: block;
	margin-bottom: 3px;
	font-size: 20px;
	line-height: 1.2;
}

.modalContainer .detail .titleJapanese {
	display: block;
	margin-bottom: 0;
	line-height: 1.2;
}

.modalContainer .detail .recipeImage {
	float: left;
	width: 290px;
	margin: 0 30px 0 0;
}

.modalContainer .detail .recipeDetail {
	float: left;
	width: 365px;
	padding-bottom: 35px;
}

.modalContainer .detail .recipeDetail .refineList { margin-top: 17px; }

.modalContainer .detail .recipeDetail .refineList li {
	display: inline-block;
	margin-right: 1em;
}

.modalContainer .detail .recipeDetail .refineList li a { color: #b1b0ae; }

.modalContainer .detail .recipeDetail .refineList li a p {
	display: inline;
	margin: 0;
	font-size: 10px;
	font-weight: bold;
}

.modalContainer .detail .recipeDetail .specialItem { margin: 0; }

.modalContainer .detail .recipeDetail .content { margin-top: 30px; }

.modalContainer .detail .recipeDetail .content .heading {
	margin: 0 0 7px;
	font-size: 16px;
}

.modalContainer .detail .recipeDetail .content .howTo li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 12px;
	line-height: 1.7;
}

.modalContainer .detail .recipeDetail .content .coffeeList {
	width: 390px;
	padding-top: 6px;
	overflow: hidden;
}

.modalContainer .detail .recipeDetail .content .coffeeList li {
	float: left;
	overflow: hidden;
	width: 175px;
	margin: 0 20px 20px 0;
}

.modalContainer .detail .recipeDetail .content .coffeeList li a {
	display: block;
	color: #c6893f;
}

.modalContainer .detail .recipeDetail .content .coffeeList li div { overflow: hidden; }

.modalContainer .detail .recipeDetail .content .coffeeList li .thumbnail {
	float: left;
	margin: 0 10px 0 0;
}

.modalContainer .detail .recipeDetail .content .coffeeList li .name {
	float: left;
	width: 95px;
	margin: 0;
	font-size: 10px;
}

.modalContainer .detail .h1Block {
	border: none;
	padding-top: 0;
}

.modalContainer .detail .heading1 {
	margin: 0 0 20px;
	padding: 0;
	font-size: 20px;
	line-height: 1.2;
}

.modalContainer .detail h2 {
	margin: 20px 0 10px;
	font-size: 15px;
}

.modalContainer .detail h3 {
	margin: 0;
	color: #a7958e;
	font-size: 13px;
}

.modalContainer .detail .imgL {
	float: left;
	margin: 0 15px 0 0;
}

.modalContainer .detail p {
	font-size: 12px;
	margin: 0 0 2em;
}

.modalContainer .detail .withImgCol {
	margin-top: 0;
	overflow: hidden;
}

.modalContainer .detail .withImgCol .series {
	margin: 20px auto 30px;
	text-align: center;
}

.modalContainer .detail .withImgCol .series li {
	display: inline-block;
	width: 168px;
	padding: 0 6px;
}

.modalContainer .detail .withImgCol .series li p {
	margin: 0;
	text-align: left;
}

.modalContainer .detail .tag {
	display: block;
	width: 168px;
	height: 20px;
	margin-bottom: 12px;
	color: #fff;
	font-size: 10px;
	line-height: 20px;
	text-align: center;
}

.modalContainer .detail .tag:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

.modalContainer .detail .tag.tagBlonde { background-color: #C6930A; }

.modalContainer .detail .tag.tagMedium { background-color: #9E5404; }

.modalContainer .detail .tag.tagDark { background-color: #6D213F; }

.modalContainer .detail .tag.tagFavorite { background-color: #64a70b; }

.modalContainer .detail .tag.tagReserve { background-color: #3d3935; }

.modalContainer .detail .limited {
	margin-bottom: 25px;
	font-size: 13px;
	font-weight: bold;
	color: #a7958e;
}

.modalContainer .detail .txtCol {
	padding: 10px 0;
	overflow: hidden;
	border-bottom: 1px solid #dadad9;
}

.modalContainer .detail .txtCol .txtL {
	float: left;
	width: 120px;
	font-size: 9px;
}

.modalContainer .detail .txtCol .txtR {
	float: left;
	width: 430px;
}

.modalContainer .detail .txtCol p { margin-bottom: 0; }

/* --------------------------------------------------
**
** プライバシーに関する方針
**
-------------------------------------------------- */
div.mainContents.notExNav article.rules { width: 640px; }

.rules .contents { margin: 0 15px; }

.rules .contents a { text-decoration: underline; }

.rules .contents a:hover { text-decoration: none; }

.rules .contents .date { margin-bottom: 1em; }

.rules .contents .noSpace { margin-bottom: 0 !important; }

.rules .contents .space { margin-bottom: 12px !important; }

.rules .contents h3 {
	margin-bottom: 10px;
	font-size: 16px;
}

.rules .contents h3#cardYakkan { margin-top: 3em; }

.rules .contents h4 {
	margin-bottom: 5px;
	color: #8c8279;
	font-size: 13px;
	font-weight: bold;
}

.rules .contents dl { padding-bottom: 15px; }

.rules .contents dt {
	margin-bottom: 5px;
	color: #8c8279;
	font-size: 13px;
	font-weight: bold;
}

.rules .contents dd { margin-bottom: 2em; }

.rules .contents ol, .rules .contents ul { margin: 0 0 24px; }

.rules .contents ol li, .rules .contents ul li { line-height: 1.7; }

.rules .contents ul.anchorLink { margin: 0 0 3em 0; }

.rules .contents ul.anchorLink li {
	margin-right: 15px;
	display: inline-block;
}

.rules .contents ul.innerList li {
	padding-left: 2.5em;
	text-indent: -2.5em;
}

.rules .contents ul.disc { margin-bottom: 0; }

.rules .contents ul.disc li {
	padding-left: 0;
	text-indent: 0;
}

.rules .contents .end { text-align: right; }

.rules .sideBar h2 { margin-bottom: 13px; }

/* --------------------------------------------------
**
** 採用
**
-------------------------------------------------- */
article.recruit p.lead, article.recruit p.result { margin: 0 15px; }

article.recruit p.lead {
	font-size: 14px;
	margin-bottom: 30px;
}

article.recruit p.result { margin-bottom: 10px; }

article.recruit p.result span {
	font-size: 14px;
	font-weight: bold;
}

article.recruit ul.backLinks.top {
	margin-bottom: 40px;
	display: block;
}

article.recruit nav.localNav ul.backLinks { margin-bottom: 30px; }

div.tableBox { margin: 0 15px 30px; }

table.recruit {
	width: 100%;
	border-top: 1px solid #dadad9;
}

table.recruit th,
table.recruit td {
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #dadad9;
	padding: 15px 0;
}

table.recruit th {
	color: #8c8279;
	width: 145px;
	padding: 15px 15px 15px 0;
}

ul.btn { text-align: center; }

ul.btn li.recruitForm { margin: 0 15px 45px; }

ul.btn li.recruitForm a {
	background: #3d3935;
	color: #FFF;
	font-size: 16px;
	display: inline-block;
	border-radius: 4px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 290px;
}

article.recruit nav.localNav ul.navList li {
	font-size: 15px;
	margin: 0 15px;
}

article.recruit nav.localNav ul.navList li ul { margin: 5px 0 20px; }

article.recruit nav.localNav ul.navList li li { margin: 0; }

article.recruit nav.localNav ul.navList li a {
	display: block;
	background: #f2f1ef;
	margin-bottom: 1px;
	padding: 8px 10px 7px 30px;
}

article.recruit nav.localNav ul.navList li a span {
	background: url("/common/images/img-arrow3.png?0b3cb0d94f") no-repeat 100% 50%;
	display: block;
}

div.mainContents.withLocalNav nav.localNav .container {
	position: fixed;
	top: auto;
	right: auto;
	width: 320px;
}

article.recruit nav.localNav ul.navList li.current {
	background: #f2f1ef;
	border-left: 10px solid #3d3935;
	padding: 8px 10px 7px 20px;
}

article.recruit nav.localNav ul.navList li.current span { font-weight: bold; }

article.recruit ul.linkList {
	border: none;
	margin-bottom: 45px;
}

article.recruit ul.linkList li {
	border: none;
	border-top: 1px solid #dadad9;
	font-size: 12px;
}

article.recruit ul.linkList li a {
	padding: 15px 0;
	background: url("/common/images/img-arrow3.png?0b3cb0d94f") no-repeat 100% 20px;
}

article.recruit ul.linkList li .row {
	background: none;
	display: table-row;
}

article.recruit ul.linkList li span {
	display: table-cell;
	line-height: 20.5px;
	padding: 3px 15px 3px 3px;
}

article.recruit ul.linkList li span:first-child {
	color: #b7a99a;
	width: 70px;
	padding-right: 0;
}

article.recruit ul.linkList li .row:first-child span { font-weight: bold; }

/* form */
article.recruit ol.step { margin: 0 15px 15px; }

article.recruit ol.step li {
	display: inline-block;
	background: url("/common/images/bg-arrow-recruit-step-pc.png?f62ee83914") no-repeat 0 0.15em;
	padding: 0 7px 0 17px;
}

article.recruit ol.step li.current { color: #b7a99a; }

article.recruit ol.step li:first-child {
	padding-left: 0;
	background: none;
}

article.recruit table.tableForm {
	width: 100%;
	border-top: 1px solid #dadad9;
}

article.recruit table.tableForm th {
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #dadad9;
	padding: 15px 10px 15px 0;
}

article.recruit table.tableForm td {
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #dadad9;
	padding: 15px 10px 15px 0;
	padding-right: 0;
}

article.recruit table.tableForm th {
	color: #8c8279;
	width: 25%;
}

article.recruit table.tableForm th span.attentionMark {
	color: #9d2235;
	margin-left: 10px;
}

article.recruit table.tableForm p { margin: 0; }

article.recruit table.tableForm p + p { margin-top: 1.5em; }

article.recruit table.tableForm ul.listInline li {
	width: 50%;
	float: left;
}

article.recruit table.tableForm input {
	border: 1px solid #e2e2e2;
	margin: 0;
	padding: 5px 10px;
}

article.recruit table.tableForm input[type="file"], article.recruit table.tableForm input::-moz-placeholder, article.recruit table.tableForm input:-ms-input-placeholder, article.recruit table.tableForm input::-webkit-input-placeholder { color: #8e8e93; }

article.recruit table.tableForm input.sizeS { width: 90px; }

article.recruit table.tableForm input.sizeS:first-child { width: 70px; }

article.recruit table.tableForm input.sizeM { width: 140px; }

article.recruit table.tableForm input.sizeL { width: 50%; }

article.recruit table.tableForm input.sizeLL { width: 90%; }

article.recruit table.tableForm input.mL10 { margin-left: 10px; }

article.recruit table.tableForm .select {
	width: 100px;
	position: relative;
	padding-left: 10px;
	font-size: 14px;
	line-height: 28px;
	border: solid 1px #ccc;
	background: url("/common/images/img-arrow-select-down.png?86d7465a28") right center no-repeat white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	display: inline-block;
	margin-right: 5px;
}

article.recruit table.tableForm .select:focus { outline: none; }

article.recruit table.tableForm select {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	cursor: pointer;
}

article.recruit table.tableForm select:focus { outline: none; }

article.recruit table.tableForm label {
	cursor: pointer;
	display: inline-block;
}

article.recruit table.tableForm .radio {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("/common/images/bg-input.png?2e7109c346") no-repeat;
	background-position: 0 -16px;
	vertical-align: middle;
	margin-right: 10px;
}

article.recruit table.tableForm .radio.is-checked {
	width: 16px;
	height: 16px;
	background: url("/common/images/bg-input.png?2e7109c346") no-repeat;
	background-position: 0 0;
}

article.recruit table.tableForm .radio input {
	width: 16px;
	height: 16px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	vertical-align: top;
	cursor: pointer;
}

article.recruit form ul.btn li.recruitForm a { background: #c6893f; }

article.recruit form label { cursor: pointer; }

article.recruit form .checkbox {
	display: inline-block;
	width: 17px;
	height: 17px;
	background: url("/common/images/bg-input.png?2e7109c346") no-repeat;
	background-position: 0 -49px;
	margin-right: 10px;
}

article.recruit form .checkbox.is-checked {
	width: 17px;
	height: 17px;
	background: url("/common/images/bg-input.png?2e7109c346") no-repeat;
	background-position: 0 -32px;
}

article.recruit form input[type="checkbox"] {
	width: 17px;
	height: 17px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	vertical-align: top;
	cursor: pointer;
}

.productInfo ul.sizeList:after,
ul.selectList li:after {
	content: "";
	display: block;
	clear: both;
}

/* --------------------------------------------------
**
** 既存スタイルの上書き
**
-------------------------------------------------- */
article .newContents { color: #3d3935; }

article .newContents h2 { font-size: 16px; }

article .newContents p { font-size: 14px; }

article .newContents p.lead {
	font-size: 16px;
	line-height: 1.5;
}

article .newContents table td { font-size: 12px; }

article .newContents dl dd { font-size: 12px; }

article .newContents ul li { font-size: 12px; }

article .newContents ul.fontS li { font-size: 10px; }

article .newContents a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

article .newContents .arrow { position: relative; }

article .newContents .col { width: auto; }

article .newContents .col.menu { margin-left: -10px; }

article .newContents .col p {
	margin-bottom: 0;
	font-size: 12px;
}

article .newContents .col3 {
	width: 210px !important;
	padding: 0 10px;
	margin: 0;
	vertical-align: top;
	letter-spacing: normal;
}

article .newContents .col3 h3 { margin-bottom: 10px; }

article .newContents .col3 p {
	font-size: 12px;
	text-align: left;
}

article .newContents .col3 img {
	max-height: 160px;
	height: auto;
	width: 100%;
}

article .newContents .withImgCol { margin-bottom: 2em; }

article .newContents .withImgCol p { overflow: hidden; }

article .newContents .withImgCol .imgL span, article .newContents .withImgCol .imgR span {
	display: block;
	text-align: center;
}

article .newContents .h2Block div.h2Nav ul li a { background-position: left center; }

article .newContents ul.listInlineBorder li { font-size: 12px; }

article .oldContents .Link02 a { text-decoration: underline; }

article div#contentsMainIn div.menu div.col3 { margin-right: 0; }

article.forCms .newContents .col { letter-spacing: -1em; }

article .Code {
	width: 570px;
	margin: 0 0 0 15px;
}

article .imageRight { margin-left: 20px; }

article .localNavBottom { margin-bottom: 50px; }

article .localNavBottom h3 { margin-bottom: 13px; }

article .localNavBottom .navList { overflow: hidden; }

article .localNavBottom .navList li {
	float: left;
	width: 290px;
	margin: 0 15px;
	background: url("/common/images/img-arrow3.png?0b3cb0d94f") 275px center no-repeat;
	border-bottom: 1px solid #dadad9;
}

article .localNavBottom .navList li:first-child, article .localNavBottom .navList li:nth-child(2) { border-top: 1px solid #dadad9; }

article .localNavBottom .navList li a:hover { opacity: 0.7; }

article .localNavBottom .navList li p {
	margin: 0;
	padding: 9px 10px 11px;
	font-size: 12px;
	line-height: 1.5;
	color: #3d3935;
}

.migration article .newContents { margin-bottom: 50px; }

.migration article .newContents p { font-size: 12px; }

/* --------------------------------------------------
**
** 静的ページ
**
-------------------------------------------------- */
.screenWide { display: none; }

.screenNarrow { display: none; }

.forRetina { display: none; }

div.mainContents article.oos { max-width: 960px; }

.static article .mainContent { overflow: hidden; }

.static article .mainContent .mainImage {
	margin: 0 15px 30px;
	text-align: center;
}

.static article .mainContent .mainImage a {
	display: block;
}

.static article .mainContent .series.icedCoffee, .static article .mainContent .series.origami, .static article .mainContent .series.via, .static article .mainContent .series.regular { margin-bottom: 20px; }

.static article .mainContent .thumbNailList, .static article .mainContent .productList { overflow: hidden; }

.static article .mainContent .thumbNailList .col1, .static article .mainContent .productList .col1 { margin-bottom: 0; }

.static article .mainContent .row.productList { margin-bottom: 40px; }

.static article .mainContent .row .col {
	float: left;
	width: 160px;
}

.static article .mainContent .row .col .productName { margin: 0 0 17px; }

.static article .mainContent .row .heading { overflow: hidden; }

.static article .mainContent .row .heading h3 {
	padding-bottom: 15px;
	margin: 0;
	font-size: 17px;
}

.static article .mainContent .row .heading p {
	font-size: 13px;
	margin-bottom: 15px;
}

.static article .mainContent .row .heading p.conceptImage { margin-bottom: 30px; }

.static article .mainContent .row .col1 .heading h3 { padding-bottom: 10px; }

.static article .mainContent .row .inquiry { margin-bottom: 20px; }

.static article .relatedLinksContainer .relatedLinks h3 { margin-top: 0; }

.static article .relatedLinksContainer .coffeeGift h3 { font-size: 13px; }

.static article .relatedLinksContainer .coffeeGift .boxContainer {
	margin-bottom: 10px;
	overflow: hidden;
}

.static article .relatedLinksContainer .coffeeGift .boxContainer .image { font-size: 0; }

.static article .relatedLinksContainer .coffeeGift .boxContainer .text {
	font-size: 12px;
	overflow: hidden;
}

.static article .relatedLinksContainer .coffeeGift .boxContainer .text p { margin-bottom: 12px; }

.static article .relatedLinksContainer .coffeeGift .boxContainer .text .links li {
	font-size: 10px;
	text-align: left;
	letter-spacing: -0.5px;
}

.static article .relatedLinksContainer .coffeeGift .boxContainer.imageLeft .image { float: left; }

.static article .relatedLinksContainer .coffeeGift .boxContainer.imageLeft .text { padding: 0 0 0 15px; }

.static article .relatedLinksContainer .coffeeGift .boxContainer.imageRight .image { float: right; }

.static article .relatedLinksContainer .coffeeGift .boxContainer.imageRight .text { padding: 5px 15px 0 0; }

.static article .localNav .sideBar { margin: 0 15px; }

.static article .localNav .sideBar .navList li {
	background-color: #f2f1ef;
	border-bottom: 1px solid #fff;
}

.static article .localNav .sideBar .navList li p {
	font-size: 15px;
	line-height: 1.5;
}

.static article .localNav .sideBar .navList li p span {
	display: block;
	font-size: 12px;
}

.static article .localNav .sideBar .navList li.is-selected span { font-weight: bold; }

.static .contentWrap { margin: 0 15px; }

.mainArea .contents { margin: 0 15px; }

/* --------------------------------------------------
**
** テンプレート media query
**
-------------------------------------------------- */
/* --------------------------------------------------
** 【media query】 共通
-------------------------------------------------- */
@media all and (min-width: 1550px) {
	.col3 { width: 960px; }
}

@media all and (min-width: 1230px) {
	.notExNav .col3 { width: 960px; }

	header.local .backLinks { display: none; }

	div.mainContents.notExNav header.local .backLinks { display: block; }
}

/* --------------------------------------------------
** 【media query】エレメント
-------------------------------------------------- */
@media all and (min-width: 1550px) {
	.enlargedVisual {
		width: 400px;
		height: 400px;
	}
}

@media all and (min-width: 1230px) {
	.notExNav .enlargedVisual {
		width: 400px;
		height: 400px;
	}
}

/* --------------------------------------------------
** 【media query】店舗系
-------------------------------------------------- */
@media all and (min-width: 1230px) {
	.storeSearchContainer .searchFromPrefecture .prefectures { margin-bottom: 0; }
}

@media all and (min-width: 1550px) {
	article.store .contentsContainer { width: 640px; }
}

@media all and (min-width: 1870px) {
	article.store .storeSearchContainer {
		width: 1280px;
		padding: 0;
	}

	article.store .storeSearchContainer .container, article.store .storeSearchContainer .searchFromPrefecture {
		width: 610px;
		float: left;
		margin: 0 15px;
	}

	article.store .contentsContainer { width: 320px; }
}

/* --------------------------------------------------
** 【media query】イベント
-------------------------------------------------- */
@media all and (min-width: 1230px) {
	.events { width: 100%; }

	.rowContainer {
		width: 640px;
		float: left;
	}

	.rightColContainer {
		float: left;
		width: 320px;
	}
}

@media all and (min-width: 1550px) {
	.rowContainer,
	.rightColContainer {
		width: auto;
		float: none;
	}
}

/* --------------------------------------------------
**【media query】 セミナー
-------------------------------------------------- */
@media all and (min-width: 1230px) {
	article.seminar .col2.leadContainer {
		width: 320px;
		margin-top: 0;
	}

	article.seminar .row .col1.entryNotification { width: 320px; }

	article.seminar .movieContainer + .col1 { width: 320px; }
}

/* --------------------------------------------------
** 【media query】IR
-------------------------------------------------- */
@media all and (min-width: 1230px) {
	article.ir .col2.irNav { width: 320px; }

	article.ir .col2.irNav ul li { width: 50%; }

	article.ir .col1.ir,
	article.ir .col1.pr { width: 100%; }

	article.ir .newsArea {
		float: left;
		clear: both;
		width: 640px;
	}
}

@media all and (min-width: 1550px) {
	article.ir .col2.irNav { width: 640px; }

	article.ir .col2.irNav ul li { width: 25%; }

	article.ir .col1.ir,
	article.ir .col1.pr { width: 50%; }

	article.ir .newsArea { width: 1280px; }
}

@media all and (min-width: 1870px) {
	article.ir .col2.irNav { width: 960px; }
}

/* --------------------------------------------------
**【media query】 仕分け前
-------------------------------------------------- */
@media all and (min-width: 1550px) {
	.newContents .photos { width: auto; }

	.newContents .history, .newContents .detail { width: 610px; }
}

@media all and (min-width: 1230px) {
	.contentsContainer {
		float: right;
		width: 320px;
	}
}

/* --------------------------------------------------
** 【media query】 静的
-------------------------------------------------- */
@media all and (min-width: 1550px) {
	.mainContents.static article.company.history .localNavBottom .navList li:first-child, .mainContents.static article.company.history .localNavBottom .navList li:nth-child(2), .mainContents.static article.company.history .localNavBottom .navList li:nth-child(3) { border-top: 1px solid #dadad9; }

	.mainContents.static article.company.summary .localNavBottom .navList li:first-child, .mainContents.static article.company.summary .localNavBottom .navList li:nth-child(2), .mainContents.static article.company.summary .localNavBottom .navList li:nth-child(3), .mainContents.static article.company.summary .localNavBottom .navList li:nth-child(4) { border-top: 1px solid #dadad9; }
}

@media all and (min-width: 1230px) {
	.screenDefault { display: none; }

	.screenWide { display: block; }

	.static article .mainContent .mainImage {
		float: left;
		width: 290px;
	}

	.static article .mainContent .contents {
		float: left;
		width: 640px;
	}

	.static article .relatedLinksContainer { margin-left: 320px; }

	div.mainContents.notExNav.migration article.recruitIndex { width: 930px; }

	div.mainContents.notExNav.migration article.recruitIndex .newContents { margin-bottom: 40px; }

	div.mainContents.notExNav.migration article.recruitIndex .newContents nav.recruitNav { margin-right: -4px; }

	div.mainContents.notExNav.migration article.recruitIndex .newContents nav.recruitNav li {
		width: 198px;
		height: 42px;
		margin-right: 4px;
		padding: 0 12px;
	}

	div.mainContents.notExNav.migration article.recruitIndex .localNavBottom {
		margin-right: -15px;
		margin-bottom: 55px;
	}

	div.mainContents.notExNav.migration article.recruitIndex .localNavBottom h3 { display: none; }

	div.mainContents.notExNav.migration article.recruitIndex .localNavBottom .navList li {
		width: 280px;
		margin: 0 15px;
		background: url("/common/images/img-arrow3.png?0b3cb0d94f") right center no-repeat;
		border-top: 1px solid #dadad9;
	}

	div.mainContents.notExNav.migration article.recruitIndex .localNavBottom .navList li p {
		padding-left: 0;
		padding-right: 0;
	}

	.mainContents.static article.company.summary .localNavBottom .navList li:first-child, .mainContents.static article.company.summary .localNavBottom .navList li:nth-child(2), .mainContents.static article.company.summary .localNavBottom .navList li:nth-child(3) { border-top: 1px solid #dadad9; }

	.mainContents.static article.company .sideBar .navList { margin-bottom: 38px; }

	.mainContents.static article.company .localNav .localNavBottom { margin: 0 15px; }

	.mainContents.static article.company .localNav .localNavBottom h3 { margin-left: 0; }

	.mainContents.static article.company .localNav .localNavBottom .navList { border-bottom: 1px solid #dadad9; }

	.mainContents.static article.company .localNav .localNavBottom .navList li {
		width: 100%;
		margin: 0;
		border-bottom: none;
		border-top: 1px solid #dadad9;
	}

	.mainContents.static article.company .localNav .localNavBottom .navList li:first-child, .mainContents.static article.company .localNav .localNavBottom .navList li:nth-child(2) { border-top: 1px solid #dadad9; }

	.mainContents.static article.companyTop .newContents, .mainContents.static article.summary .newContents { margin-bottom: 50px; }

	.mainContents.static article.companyTop .backLinks, .mainContents.static article.summary .backLinks { display: block; }

	.mainContents.static article.companyTop .localNav .backLinks, .mainContents.static article.summary .localNav .backLinks { display: none; }

	.mainContents.static article.companyTop .localNav .sideBar, .mainContents.static article.summary .localNav .sideBar { padding: 0; }

	.mainContents.static article.companyTop .localNav .sideBar .navList, .mainContents.static article.summary .localNav .sideBar .navList {
		margin-bottom: 38px;
		margin-right: 0;
	}

	.mainContents.static article.companyTop .localNav .sideBar .navList li, .mainContents.static article.summary .localNav .sideBar .navList li { width: 100%; }

	.mainContents.static article.companyTop .localNav .sideBar .navList li.companyLink, .mainContents.static article.summary .localNav .sideBar .navList li.companyLink { font-size: 14px; }

	.mainContents.static article.companyTop .localNav .sideBar .navList li.companyLink p, .mainContents.static article.summary .localNav .sideBar .navList li.companyLink p {
		height: 44px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.mainContents.static article.companyTop .localNav .localNavBottom, .mainContents.static article.summary .localNav .localNavBottom { margin: 0 15px; }

	.mainContents.static article.companyTop .localNav .localNavBottom h3, .mainContents.static article.summary .localNav .localNavBottom h3 { margin-left: 0; }

	.mainContents.static article.companyTop .localNav .localNavBottom .navList, .mainContents.static article.summary .localNav .localNavBottom .navList { border-bottom: 1px solid #dadad9; }

	.mainContents.static article.companyTop .localNav .localNavBottom .navList li, .mainContents.static article.summary .localNav .localNavBottom .navList li {
		width: 100%;
		margin: 0;
		border-bottom: none;
		border-top: 1px solid #dadad9;
	}

	.mainContents.static article.companyTop .localNav .localNavBottom .navList li:first-child, .mainContents.static article.companyTop .localNav .localNavBottom .navList li:nth-child(2), .mainContents.static article.summary .localNav .localNavBottom .navList li:first-child, .mainContents.static article.summary .localNav .localNavBottom .navList li:nth-child(2) { border-top: 1px solid #dadad9; }

	.mainContents.static article.companyTop .relatedLinks, .mainContents.static article.companyTop .backLinks, .mainContents.static article.summary .relatedLinks, .mainContents.static article.summary .backLinks { clear: both; }
}

/* --------------------------------------------------
** 【media query】 utility
-------------------------------------------------- */
@media all and (min-width: 910px) {
	nav.utility ul { display: block !important; }
	nav.utility .recentCheckedItems ul { display: none !important; }
}

/* --------------------------------------------------
** 【media query】 共通
-------------------------------------------------- */
@media all and (max-width: 909px) {
	header.local .backLinks { margin-left: 15px; }

	.row .col2, .row .col3 {
		clear: both;
		overflow: hidden;
	}

	.row .col3 { width: 100%; }
}

@media all and (max-width: 599px) {
	article { padding-bottom: 0; }

	article .zoomContents .zoom.forSp { display: block; }

	article .zoomContents .zoom img { margin-bottom: 0 !important; }

	header.local .backLinks { display: none; }

	header.local .rss {
		top: 3px;
		right: 55px;
		border-left: 1px dotted #A8A8A8;
	}

	header.local .rss li { padding: 0 17px; }

	.row { width: auto; }

	.row .container {
		float: none;
		width: auto;
	}

	.row .specification.ingredients { margin-bottom: 0; }

	.row .specification.ingredients tr td.item {
		width: 150px;
		padding: 8px 0;
		font-size: 10px;
	}

	.row .specification.ingredients tr td.detail { width: 140px; }

	.row .col1, .row .col2, .row .col3 {
		width: 100%;
		float: none;
		min-height: 0;
		margin: 0 auto 20px;
	}

	.row .col2 h3, .row .col3 h3 {
		margin-right: 15px;
		margin-left: 15px;
	}

	.col2 .col1:last-of-type .specification { background-image: none; }

	.row .col1.imageContainer .container, .row .col2.imageContainer .container, .row .col3.imageContainer .container { margin: 0; }

	.totalCounts { line-height: 1.4; }

	.refreshNotification { font-size: 11px; }

	.backLinks.top { margin-bottom: 15px; }

	.toTop { display: none; }
}

/* --------------------------------------------------
** 【media query】エレメント
-------------------------------------------------- */
@media all and (max-width: 909px) {
	/*--- Panel Link ---*/
	.row .col1.panel.type3 { width: 50%; }

	.row .col1.panel.type4 { padding: 0; }

	.row .col1.panel.type4 .image img {
		width: 100%;
		height: auto;
	}

	/*--- Inquiry ---*/
	.row .col1.inquiry.type2, .row .col2.inquiry.type2, .row .col3.inquiry.type2 { width: 100%; }

	.inquiry.type1 .container { width: auto; }

	.inquiry.type1 .container p { margin-bottom: 8px; }

	.inquiry.type1 .container .heading { color: #b7a99a; }

	.inquiry.type2 { width: 320px; }

	.inquiry.type2 .container {
		width: 100%;
		margin: 0;
		padding: 22px 0;
	}

	.inquiry.type2 .online {
		float: none;
		width: auto;
	}

	.inquiry.type2 .telephone {
		float: none;
		width: auto;
		padding: 18px 15px 0;
	}

	.inquiry.type2 .telephone p { margin-bottom: 0; }

	.inquiry.type2 .tel {
		padding-top: 0;
		margin-bottom: 0;
	}

	.inquiry.type2 .tel a { font-size: 18px; }

	.inquiry.type2 h4 { padding-bottom: 8px; }

	/*--- Filter ---*/
	.filters { top: 0; }

	.filter.type3 {
		width: 100%;
		box-sizing: border-box;
	}

	.filter.type3 .select { width: 100%; }

	.filter.type3 .searchButtonSubmit { width: 100%; }

	/*---zoom---*/
	.visual .visibleArea { display: none !important; }

	.zoomContents:hover {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		opacity: 0.7;
		cursor: pointer;
	}

	.enlargedVisual {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.enlargedVisual .close { display: block; }
}

@media all and (max-width: 599px) {
	.elements { /* ----- エレメントリスト表示用 ----- */ }

	.elements p.elementHeading1 {
		padding: 0 15px;
		font-size: 14px;
	}

	.elements p.elementHeading2 { padding: 0 15px; }

	.elements p.explanation { padding: 0 15px; }

	.elements p.functionExplanation { padding: 0 15px; }

	.elements .components { margin-left: 0; }

	.elements .components.space { margin-top: 35px; }

	.elements .reserve.space { padding: 33px 0; }

	.elements .row .container { width: auto; }

	.elements .linkPatternButtons { width: auto; }

	.elements .linkPatternButtons li {
		float: none;
		width: auto;
		margin-right: 0;
	}

	.elements .textLinkContainer { width: auto; }

	.elements .textLinkContainer li.box {
		float: none;
		width: auto;
	}

	.elements .layoutContainer { width: auto; }

	.elements .layoutContainer li.box {
		float: none;
		width: auto;
	}

	.elements .panelLinkContainer { width: auto; }

	.elements .panelLinkContainer li.box {
		float: none;
		width: auto;
	}

	/*----- Font -----*/
	article h4 {
		color: #a7958e;
		font-size: 12px;
	}

	article .newContents h3 {
		margin: 0 15px;
		font-size: 14px;
		font-weight: normal;
	}

	article .newContents h4 {
		margin: 0 15px;
		color: #a7958e;
		font-size: 12px;
	}

	article .newContents p.text {
		margin: 24px 15px;
		font-size: 12px;
		line-height: 1.7;
	}

	/*----- List -----*/
	.linkList {
		margin: 0 15px 20px;
		background: none;
		border-top: none;
	}

	.linkList li {
		border-bottom: 1px solid #dbdbdb;
		background: none;
	}

	.linkList li a {
		padding: 20px 0;
		background: url("/common/images/bg-arrow3-sp.png?90331b6bda") right 20px no-repeat;
		background-size: 6px 11px;
	}

	.linkList li a .date { margin-bottom: 10px; }

	.linkList li.noThumb div {
		padding: 17px 0;
		background: url("/common/images/bg-arrow3-sp.png?90331b6bda") right 20px no-repeat;
		-webkit-background-size: 6px 11px;
		-moz-background-size: 6px 11px;
		-o-background-size: 6px 11px;
		background-size: 6px 11px;
	}

	.linkList li.noThumb .textArea {
		padding: 0;
		background: none;
	}

	.linkList.type2 li.noThumb {
		background: url("/common/images/bg-dotted-b2b2b2-sp.png?006b412876") bottom repeat-x;
		border: none;
	}

	.linkList.type3 li a.pdf {
		background: url("/common/images/bg-icon-pdf-sp.png?a3504ebcd6") no-repeat 100% 1em;
		background-size: 16px 20px;
	}

	/*----- Pull Down -----*/
	.pullDown {
		display: table;
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
		overflow: hidden;
		*zoom: 1;
	}

	.pullDown.forPc { display: none; }

	.pullDown.filters { padding: 10px 5px; }

	.pullDown li {
		display: table-cell;
		width: 46.4%;
		float: none;
	}

	.pullDown li .select {
		font-size: 12px;
		line-height: 30px;
		background: url("/common/images/bg-arrow-select-down-sp.png?0c4c6345df") right center no-repeat white;
		-webkit-background-size: 25px 6px;
		-moz-background-size: 25px 6px;
		-o-background-size: 25px 6px;
		background-size: 25px 6px;
		border: none;
		box-sizing: border-box;
	}

	.pullDown .years .select, .pullDown .category .select {
		width: 95.5%;
		height: 30px;
		margin: 0 auto;
	}

	.pullDown .years .options, .pullDown .category .options {
		width: 100%;
		height: 30px;
	}

	.pullDown.type2 { padding: 10px 5px; }

	/*----- Link Pattern -----*/
	/*--- Button ---*/
	.cartContainer { margin: 0 auto 12px; }

	.searchButtonMore { width: 100%; }

	.storeSearchButtons li.more.type2 { width: 100%; }

	.buttonBgGray { padding: 11px 15px; }

	/*--- Text Link ---*/
	.links { text-align: right; }

	.links li { margin: 0 0 10px; }

	.links.purchase-link {
		margin: 20px auto 15px;
	}
	.links.purchase-link li {
		font-size: 15px;
	}


	.backLinks { margin: 0; }

	.backLinks li {
		background: #f3f1ef;
		border-bottom: 1px solid #d7d2cb;
	}

	.backLinks li a {
		display: block;
		padding-left: 15px;
		font-weight: bold;
		background: none;
	}

	.backLinks li a:hover {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		opacity: 0.7;
	}

	.backLinks li a div {
		background: url("/common/images/img-arrow-backlinks-sp.png?970022fcaa") 1px center no-repeat;
		-webkit-background-size: 6px 12px;
		-moz-background-size: 6px 12px;
		-o-background-size: 6px 12px;
		background-size: 6px 12px;
		padding: 19px 0 19px 17px;
	}

	.backLinks.top { display: block; }

	.backLinks.top li { border-bottom: 0; }

	.backLinks.type2 li {
		background: #fff;
		border-bottom: 0;
	}

	.backLinks.type2 li a {
		display: inline-block;
		padding-left: 0;
	}

	.backLinks.type2 li a div { padding: 0 0 0 17px; }

	.linkBox .boxContainer div {
		padding: 0 10px 0 12px;
		background: url("/common/images/bg-linkbox-sp.png?75adab14eb") right 4px no-repeat;
		-webkit-background-size: 7px 9px;
		-moz-background-size: 7px 9px;
		-o-background-size: 7px 9px;
		background-size: 7px 9px;
	}

	/*--- Panel Link ---*/
	.row .col1.panel {
		width: 50%;
		float: left;
		padding: 0 5px;
		min-height: 0;
		box-sizing: border-box;
	}

	.row .col1.panel .container { margin: 0; }

	.row .col1.panel .image img {
		width: 100%;
		height: auto;
	}

	.row .col1.panel.type1:nth-of-type(odd), .row .col1.panel.type2:nth-of-type(odd) { padding-left: 15px; }

	.row .col1.panel.type1:nth-of-type(even), .row .col1.panel.type2:nth-of-type(even) { padding-right: 15px; }

	.row .col1.panel.type3 {
		float: none;
		width: 100%;
		padding: 0;
	}

	.row .col1.panel.type4 {
		float: none;
		width: 100%;
	}

	.row .col1.panel.type4 .container { margin: 0 15px 30px; }

	.row .col1.panel.type4 .textArea {
		background: url("/common/images/bg-panel-type4-sp.png?0172842727") right 13px no-repeat;
		-webkit-background-size: 15px 9px;
		-moz-background-size: 15px 9px;
		-o-background-size: 15px 9px;
		background-size: 15px 9px;
	}

	.row .col1.panel.type4 .textArea .lead { font-size: 12px; }

	article .panel.type1 .textArea {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 9px 20px 6px 9px;
		border: none;
		background: url("/common/images/bg-arrow-panel-link-type1-sp.png?eecba9606b") right bottom no-repeat rgba(61, 57, 53, 0.4);
		-webkit-background-size: 12px 21px;
		-moz-background-size: 12px 21px;
		-o-background-size: 12px 21px;
		background-size: 12px 21px;
		box-sizing: border-box;
	}

	article .panel.type1 .textArea .heading, article .panel.type1 .textArea .heading span {
		margin-bottom: 0;
		color: #fff;
		font-size: 12px;
		line-height: 1.25;
		font-weight: normal;
	}

	article .panel.type1 .textArea .lead { display: none; }

	article .panel.type2 .textArea {
		padding: 5px 7px;
		font-size: 10px;
		line-height: 1.3;
		background: url("/common/images/bg-arrow-panel-link-sp.png?188ed78e53") right 8px no-repeat;
		-webkit-background-size: 15px 11px;
		-moz-background-size: 15px 11px;
		-o-background-size: 15px 11px;
		background-size: 15px 11px;
	}

	article .panel.type2 .textArea .heading {
		font-size: 12px;
		margin-bottom: 3px;
		padding-right: 12px;
	}

	article .panel.type2 .textArea .lead { margin-top: 0; }

	article .panel.type1 .textArea .tagLimited, article .panel.type2 .textArea .tagLimited {
		padding: 3px 5px;
		font-weight: normal;
	}

	article .panel.type3 {
		display: table;
		background-color: #e4d9c2;
	}

	article .panel.type3 .image {
		display: table-cell;
		width: 46%;
		vertical-align: top;
		padding: 17px 12px 22px 15px;
		box-sizing: border-box;
	}

	article .panel.type3 .textArea {
		display: table-cell;
		vertical-align: top;
		padding: 17px 15px 17px 0;
		background: url("/common/images/bg-arrow-panel-link-type3-sp.png?f42b412efd") right 18px no-repeat;
		-webkit-background-size: 21px 9px;
		-moz-background-size: 21px 9px;
		-o-background-size: 21px 9px;
		background-size: 21px 9px;
	}

	article .panel.type3 .textArea .heading {
		margin-bottom: 4px;
		padding-right: 20px;
	}

	article .note { clear: both; }

	article .note p { color: #b1b0ae; }

	/*--- Inquiry ---*/
	.row .col1.inquiry.type2, .row .col2.inquiry.type2, .row .col3.inquiry.type2 { width: 100%; }

	.inquiry.type2 { width: 320px; }

	.inquiry.type2 .container {
		width: 100%;
		margin: 0;
		padding: 22px 0;
	}

	.inquiry.type2 .online {
		float: none;
		width: auto;
	}

	.inquiry.type2 .telephone {
		float: none;
		width: auto;
		padding: 18px 15px 0;
	}

	.inquiry.type2 .telephone p { margin-bottom: 0; }

	.inquiry.type2 .tel {
		padding-top: 0;
		margin-bottom: 0;
	}

	.inquiry.type2 .tel a { font-size: 18px; }

	.inquiry.type2 h4 { padding-bottom: 8px; }

	.entryNotification li { color: #b1b0ae; }

	/*--- Filter ---*/
	.filters {
		left: 0;
		padding: 10px 5px;
		background-color: #f4f2ef;
	}

	.filter .container { margin: 0; }

	.filter.type1 .partsContainer { display: block; }

	.filter.type1 .select {
		display: block;
		width: 100%;
		height: 29px;
		line-height: 29px;
		border: 1px solid #f4f2ef;
		background: url("/common/images/img-arrow-select-type1-sp.png?5060ada9e3") right center no-repeat white;
		-webkit-background-size: 21px 6px;
		-moz-background-size: 21px 6px;
		-o-background-size: 21px 6px;
		background-size: 21px 6px;
	}

	.filter.type1 .selection {
		display: table;
		width: 100%;
		margin-top: 13px;
	}

	.filter.type1 .selection li {
		display: table-cell;
		width: 50%;
	}

	.filter.type3 .select {
		height: 29px;
		line-height: 29px;
		background: url("/common/images/img-arrow-select-type3-sp.png?09fe82c45d") right center no-repeat white;
		-webkit-background-size: 20px 6px;
		-moz-background-size: 20px 6px;
		-o-background-size: 20px 6px;
		background-size: 20px 6px;
		border: 1px solid #f4f2ef;
	}

	.filter.type4 .pullDown .select {
		width: 100%;
		background: url("/common/images/img-arrow-select-down-municipal-sp.png?1564d83e38") right center no-repeat white;
		-webkit-background-size: 25px 7px;
		-moz-background-size: 25px 7px;
		-o-background-size: 25px 7px;
		background-size: 25px 7px;
	}

	/*--- Navigation ---*/
	.searchTabs {
		width: 100%;
		height: 65px;
		padding-top: 7px;
		background-color: #f4f2ef;
	}

	.searchTabs li {
		background: url("/common/images/bg-search-tab-line-sp.png?f30a2b943d") left center no-repeat #f4f2ef;
		-webkit-background-size: 1px 15px;
		-moz-background-size: 1px 15px;
		-o-background-size: 1px 15px;
		background-size: 1px 15px;
	}

	.searchTabs li.is-selected { background: #fff; }

	.searchTabs li.is-selected:hover { background: #fff; }

	.searchTabs li p { font-size: 12px; }

	.searchTabs li p br { display: block; }

	.searchTabs li.keyword { width: 24%; }

	.searchTabs li.prefecture { width: 25%; }

	.searchTabs li.landMarks { width: 30%; }

	.searchTabs li.gps { width: 100%; }

	.searchTabs li.is-selected { background-color: #fff; }

	.items .question a {
		width: 15px;
		height: 15px;
		background: url("/common/images/img-icon-question-sp.png?94bf8be69c") no-repeat;
		-webkit-background-size: 15px;
		-moz-background-size: 15px;
		-o-background-size: 15px;
		background-size: 15px;
	}

	header.local .print { display: none; }
}

/* --------------------------------------------------
** 【media query】商品系
-------------------------------------------------- */
@media all and (max-width: 909px) {
	div.mainContents.notExNav article.productListRandom { margin-right: 0; }

	div.mainContents.notExNav article.productListGrid { margin-right: 0; }

	.row .col .productName { margin: 5px 0 0; }

	.row .col .itemDetailText { margin: 5px 0 0; }

	.row .col .itemDetailText li {
		display: block;
		margin-right: 0;
	}

	.row.listGrid {
		width: auto;
		margin: 0 8px;
	}

	.row.listGrid .col {
		width: 25%;
		margin: 0 0 32px;
	}

	.row.listGrid .col a { margin: 0 7px; }

	.row.listGrid .col .specialItem {
		margin: 6px 0 0;
		padding-right: 10px;
	}

	.row.listGrid .col .productName { padding-right: 10px; }

	.row.listGrid .col .itemDetailText { padding-right: 10px; }

	.row.listRandom {
		width: auto;
		margin: 0 15px;
	}

	.row.listRandom .col {
		width: 32.5%;
		margin-bottom: 28px;
	}

	.row.listRandom .col .specialItem { margin: 8px 0 0; }

	.specialItem {
		background: url("/common/images/img-icon-star-sp.png?4c43e602f4") left top no-repeat;
		-webkit-background-size: 11px;
		-moz-background-size: 11px;
		-o-background-size: 11px;
		background-size: 11px;
	}

	.refine {
		top: 52px;
		width: 100%;
		padding: 0;
	}

	.refine .close {
		position: absolute;
		right: 10px;
		top: 10px;
		width: 14px;
		height: 14px;
		background: url("/common/images/img-button-sp.png?7e66359281") no-repeat;
		background-position: 0 0;
		-webkit-background-size: 155px 77px;
		-moz-background-size: 155px 77px;
		-o-background-size: 155px 77px;
		background-size: 155px 77px;
	}

	.refine .decoration {
		display: block;
		right: 0;
		top: -5px;
		margin: 0 15px;
		padding: 0 110px 28px;
		text-align: right;
	}

	.refine .selections {
		width: 290px;
		margin: 18px auto 0;
		padding: 0;
	}

	.refine .selections .category,
	.refine .selections .whereToBuy,
	.refine .selections .sort {
		width: 100%;
		float: none;
	}

	.refine .selections .category .selection,
	.refine .selections .whereToBuy .selection,
	.refine .selections .sort .selection { margin: 25px 0; }

	.refine .selections .category .selection li,
	.refine .selections .whereToBuy .selection li,
	.refine .selections .sort .selection li {
		margin-top: 10px;
		padding: 0;
		font-size: 12px;
		line-height: 18px;
	}

	.refine .selections .category .selection li .radio,
	.refine .selections .whereToBuy .selection li .radio,
	.refine .selections .sort .selection li .radio {
		display: inline-block;
		width: 18px;
		height: 18px;
		background: url("/common/images/bg-input-sp.png?63acba348c") no-repeat;
		background-position: 0 -52px;
		-webkit-background-size: 18px 70px;
		-moz-background-size: 18px 70px;
		-o-background-size: 18px 70px;
		background-size: 18px 70px;
		margin-right: 5px;/*-----------------------------------------2017変更*/
	}

	.refine .selections .category .selection li .radio.is-checked,
	.refine .selections .whereToBuy .selection li .radio.is-checked,
	.refine .selections .sort .selection li .radio.is-checked {
		width: 18px;
		height: 18px;
		background: url("/common/images/bg-input-sp.png?63acba348c") no-repeat;
		background-position: 0 -34px;
		-webkit-background-size: 18px 70px;
		-moz-background-size: 18px 70px;
		-o-background-size: 18px 70px;
		background-size: 18px 70px;
	}

	.refine .selections .category .selection li .radio input,
	.refine .selections .whereToBuy .selection li .radio input,
	.refine .selections .sort .selection li .radio input {
		width: 18px;
		height: 18px;
	}

	.refine .selections .category .selection { margin-bottom: 40px; }

	.refine .buttonContainer {
		width: 100%;
		margin-top: 0;
	}

	.refine .buttonContainer .submit { margin: 30px auto; }/*-------------------------------------------- 2017.02.22 UT改善OS対応 追加*/

	.coffeeChoice { width: 100%; }

	.coffeeChoice li { width: 20%; }

	.coffeeChoice li img {
		width: 100%;
		height: auto;
	}
}

@media all and (max-width: 599px) {
	header.local .buttonRefine {
		position: absolute;
		right: 50px;
		top: -3px;
		padding: 7px 10px;
		font-size: 8px;
	}

	.row.listRandom .col { width: 49%; }

	.row.listGrid { margin: 0 14px 0 15px; }

	.row.listGrid .col {
		width: 33.33%;
		margin: 0 0 32px;
	}

	.row.listGrid .col a { margin: 0 1px 0 0; }

	.refine { top: 40px; }

	.refine .decoration { padding: 0 65px 0 0; }

	.refine .forSp { display: inline-block; }

	.productListRandom .row { width: auto; }

	.productListGrid .row { width: auto; }

	.productDetailNotification { width: auto; }

	.productDetailNotification li { float: none; }
}

/* --------------------------------------------------
** 【media query】店舗系
-------------------------------------------------- */
@media all and (min-width: 600px) {
	.storeSearchContainer .searchCriteria { display: block !important; }
}

@media all and (max-width: 909px) {
	div.mainContents.store header.local {
		margin: 0;
		padding: 28px 15px;
	}

	.store .contents { margin-right: 0; }

	.storeSearchContainer {
		float: none;
		margin: 0 auto;
	}

	.storeSearchContainer .searchFromPrefecture .prefectures { margin-bottom: 100px; }

	.searchResult .mapArea { left: 0; }

	/*店舗詳細*/
	.storeMap .map { width: 100%; }

	.checkIn {
		display: block;
		text-align: center;
	}

	.checkIn .items {
		margin: 0;
		text-align: left;
	}
}

@media all and (max-width: 599px) {
	article.store .contentsContainer { width: auto; }

	div.mainContents.store header.local {
		margin: 0 15px 20px;
		padding: 0;
	}

	div.mainContents.store header.local ul.sns { top: 0; }

	.storeSearchContainer {
		float: none;
		width: auto;
		margin: 0;
		padding: 0;
	}

	.storeSearchContainer .searchDetailContainer .storeStyle { display: block; }

	.storeSearchContainer .searchFromPrefecture { display: none; }

	.searchDetailContainer {
		width: auto;
		padding: 30px 15px 53px;
		background-color: #fff;
	}

	.searchDetailContainer .wordSearch { margin-bottom: 20px; }

	.searchDetailContainer .pullDown .select {
		width: 290px;
		height: 35px;
		margin: 0 auto 20px;
		line-height: 35px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #b2b0af;
	}

	.searchDetailContainer .storeStyle { display: block; }

	.searchDetailContainer .toggleContainer { margin-bottom: 25px; }

	.searchDetailContainer .toggleContainer .searchCriteria .heading { display: none; }

	.searchDetailContainer .searchCriteria {
		width: 290px;
		height: auto;
		display: none;
		margin: 0 auto;
	}

	.searchDetailContainer .searchCriteria .options li { width: 50%; }

	.searchDetailContainer .searchCriteria .options li.long { width: 100%; }

	.searchDetailContainer .searchCriteria .options li .checkbox {
		width: 17px;
		height: 17px;
		background: url("/common/images/bg-input-sp.png?63acba348c") no-repeat;
		background-position: 0 -17px;
		-webkit-background-size: 18px 70px;
		-moz-background-size: 18px 70px;
		-o-background-size: 18px 70px;
		background-size: 18px 70px;
	}

	.searchDetailContainer .searchCriteria .options li .checkbox.is-checked {
		width: 17px;
		height: 17px;
		background: url("/common/images/bg-input-sp.png?63acba348c") no-repeat;
		background-position: 0 0;
		-webkit-background-size: 18px 70px;
		-moz-background-size: 18px 70px;
		-o-background-size: 18px 70px;
		background-size: 18px 70px;
	}

	.searchDetailContainer .submitButtonContainer { margin-top: 0; }

	.wordSearch {
		width: 290px;
		height: 35px;
		margin: 0 auto;
		padding-left: 35px;
		background: url("/common/images/img-icon-search-sp.png?9b325108ce") 11px center no-repeat;
		-webkit-background-size: 16px;
		-moz-background-size: 16px;
		-o-background-size: 16px;
		background-size: 16px;
		border: 1px solid #d2cecb;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
	}

	.storeStyle {
		width: 290px;
		margin-bottom: 0;
		padding: 8px 0 7px 20px;
		background: url("/common/images/img-arrow-closed-sp.png?15e8ce4b05") 2px 8px no-repeat;
		-webkit-background-size: 12px;
		-moz-background-size: 12px;
		-o-background-size: 12px;
		background-size: 12px;
		cursor: pointer;
		box-sizing: border-box;
	}

	.is-opened .storeStyle {
		background: url("/common/images/img-arrow-opened-sp.png?422fd3f02b") 2px 8px no-repeat;
		-webkit-background-size: 12px;
		-moz-background-size: 12px;
		-o-background-size: 12px;
		background-size: 12px;
	}

	/*検索結果*/
	.mapArea { display: none; }

	.shadowTop, .shadowLeft { display: none; }

	.searchResult .resultContainer {
		float: none;
		padding: 0;
		background-color: #fff;
	}

	.searchResult .resultContents {
		float: none;
		width: 100%;
	}

	.searchResult .resultContents .resultStores { margin: 0; }

	.searchResult .resultContents .resultStores li.item {
		position: relative;
		background: url("/common/images/bg-arrow-store-search-sp.png?702d9e1cfb") right 20px no-repeat;
		-webkit-background-size: 6px 11px;
		-moz-background-size: 6px 11px;
		-o-background-size: 6px 11px;
		background-size: 6px 11px;
		border-bottom: 1px solid #dbdbdb;
	}

	.searchResult .resultContents .resultStores li.item:last-child {
		background: url("/common/images/bg-arrow-store-search-sp.png?702d9e1cfb") right 20px no-repeat;
		-webkit-background-size: 6px 11px;
		-moz-background-size: 6px 11px;
		-o-background-size: 6px 11px;
		background-size: 6px 11px;
		border-bottom: 0;
	}

	.searchResult .resultContents .resultStores li.item.is-selected { cursor: pointer; }

	.searchResult .resultContents .resultStores li.item.is-selected:hover {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		opacity: 0.7;
	}

	.searchResult .resultContents .resultStores li.item.is-selected .detailContainer { border-left: none; }

	.searchResult .resultContents .resultStores li.item.is-selected .storeSearchButtons { display: none; }

	.searchResult .resultContents .resultStores li.item.is-selected .storeName {
		padding: 0;
		margin-bottom: 10px;
	}

	.searchResult .resultContents .resultStores li.item.is-selected .storeAddress {
		margin-bottom: 0;
		padding-left: 0;
	}

	.searchResult .resultContents .resultStores li.item .detailContainer { margin: 0; }

	.searchResult .resultContents .resultStores li.item a {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.searchResult .resultContents .conceptStore { margin-bottom: 7px; }

	.searchResult .resultContents .list { margin-bottom: 0; }

	.searchResult .resultContents .research .heading {
		padding: 13px 0 11px 15px;
		font-size: 12px;
	}

	.searchResult .resultContents .research .searchTabs {
		width: 100%;
		padding-top: 0;
	}

	.searchResult .resultContents .research .searchTabs li {
		background: url("/common/images/bg-search-tab-line-sp.png?f30a2b943d") left center no-repeat #f4f2ef;
		-webkit-background-size: 1px 15px;
		-moz-background-size: 1px 15px;
		-o-background-size: 1px 15px;
		background-size: 1px 15px;
	}

	.searchResult .resultContents .research .searchTabs li.is-selected + li { background-image: none; }

	.searchResult .resultContents .research .searchTabs li.keyword {
		width: 24%;
		padding: 0;
	}

	.searchResult .resultContents .research .searchTabs li.prefecture {
		width: 25%;
		padding: 0;
	}

	.searchResult .resultContents .research .searchTabs li.landMarks {
		width: 30%;
		padding: 0;
	}

	.searchResult .resultContents .research .searchTabs li.gps {
		width: 100%;
		padding: 0;
	}

	.searchResult .resultContents .research .searchTabs li p { font-size: 12px; }

	.searchResult .resultContents .backToSearchTop {
		padding: 0;
		margin-bottom: 0;
	}

	.searchResult .resultContents .backToSearchTop a {
		padding: 0 0 0 15px;
		background: none;
	}

	/*店舗詳細*/
	.row .col1.storeMap {
		width: 100%;
		margin: 0 0 16px;
	}

	.row .col1.storeMap .container { margin: 0; }

	.storeInfo {
		margin: 0 0 10px;
		overflow: hidden;
		*zoom: 1;
	}

	.storeInfo tr {
		background: none;
		border-bottom: 1px solid #bababa;
	}

	.storeInfo td { padding: 6px 0; }

	.storeInfo .lan li { margin: 0 5px 4px 0; }

	.recommendPoint { display: none; }
}

/* --------------------------------------------------
** 【media query】イベント
-------------------------------------------------- */
@media all and (max-width: 909px) {
	.row .col1.panel .image img, .row .col2.panel .image img, .row .col3.panel .image img {
		width: 100%;
		height: auto;
	}

	.forSpIndention { display: block; }

	article.event .rightColContainer .col1,
	article.event .rightColContainer .container { margin: 0; }

	article.event .panel.type3 .textArea {
		background: url("/common/images/bg-arrow-panel-link-type3-sp.png?f42b412efd") no-repeat 100% 22px;
		background-size: 21px 9px;
	}

	.events { width: 100%; }

	.events .container { margin: 0; }

	.events .container .listWrap { margin: 27px 15px 0; }

	.rowContainer { float: none; }

	.rowContainer .row { margin-right: 0; }

	.eventSearchContainer {
		float: none;
		width: 100%;
		margin-left: 0;
	}

	.eventSearchContainer .row .col1 { width: 50%; }
}

@media all and (max-width: 599px) {
	.aboutEvent {
		margin-bottom: 0;
		font-size: 12px;
	}

	.events .container { margin: 0; }

	.events .container .listWrap { margin-top: 0; }

	.events .eventList li {
		display: block;
		padding-bottom: 0;
		border-top: 1px solid #dbdbdb;
	}

	.events .eventList li.buttonMore { border: none; }

	.events .eventList li .storeInfo {
		display: block;
		width: 100%;
		margin-bottom: 0;
		padding: 13px 0 0;
	}

	.events .eventList li .storeInfo .storeName {
		margin-bottom: 8px;
		padding-right: 50px;
	}

	.events .eventList li .eventInfo {
		display: block;
		width: 100%;
		padding: 0 0 17px;
	}

	.events .eventList li .eventInfo p { margin-bottom: 5px; }

	.events .eventList li .eventInfo p.notification {
		padding-left: 1em;
		text-indent: -1em;
	}

	.events .searchButtonMap {
		position: absolute;
		right: 0;
		top: 15px;
	}

	.eventSearchContainer .row .col1 { width: 100%; }

	.eventSearchContainer .row .col1 .container { margin: 0; }

	.eventSearchContainer .row .filter.type3 { margin-bottom: 0; }

	article.event .pullDown { padding: 0; }
}

/* --------------------------------------------------
**【media query】 セミナー
-------------------------------------------------- */
@media all and (max-width: 909px) {
	.seminars .container { margin: 0; }

	.seminars .container .listWrap { margin: 27px 15px 0; }
}

@media all and (max-width: 599px) {
	article.seminar header.local .backLinks.withPulldown + .filters { display: none; }

	article.seminar .movieContainer + .col1 { margin: 0 auto 50px; }

	article.seminar div.col2.seminars {
		margin-bottom: 30px;
		overflow: hidden;
	}

	.links li.courseDetail .refine {
		width: 260px;
		padding: 20px 25px 0 15px;
	}

	.links li.courseDetail .refine h3 { margin: 0 0 5px; }

	.movieContainer .lead, .movieContainer .notification, .movieContainer .charge {
		margin-right: 15px;
		margin-left: 15px;
	}

	.movieContainer .links {
		padding-right: 15px;
		padding-left: 15px;
	}

	.seminars .container { margin: 0; }

	.seminars .seminarList li {
		display: block;
		padding-bottom: 0;
		border-top: 1px solid #dbdbdb;
	}

	.seminars .seminarList li.buttonMore { border: none; }

	.seminars .seminarList li .storeInfo {
		display: block;
		width: 100%;
		margin-bottom: 0;
		padding: 18px 0 0;
	}

	.seminars .seminarList li .storeInfo .storeName {
		margin-bottom: 15px;
		padding-right: 60px;
	}

	.seminars .seminarList li .seminarInfo {
		display: block;
		width: 100%;
		padding: 0 0 20px;
	}

	.seminars .seminarList li .seminarInfo .details { margin-bottom: 10px; }

	.seminars .seminarList li .seminarInfo .details tr { border: none; }

	.seminars .seminarList li .seminarInfo .details tr.forSp { display: table-row; }

	.seminars .seminarList li .seminarInfo .details tr td { padding: 0; }

	.seminars .seminarList li .seminarInfo .details tr td.item { width: 35px; }

	.seminars .seminarList li .seminarInfo .details tr td.item span { display: inline-block; }

	.seminars .seminarList li .seminarInfo .details tr td.detail { width: auto; }

	.seminars .seminarList li .seminarEntry { display: block; }

	.seminars .seminarList li .seminarEntry .entryButton li {
		float: none;
		position: absolute;
		right: 0;
		bottom: 10px;
		padding-bottom: 0;
	}

	.seminars .seminarList li .seminarEntry .entryButton li.full { text-align: right; }

	.seminars .seminarList li .seminarEntry .entryButton li.deadLine { display: none; }

	.seminars .searchButtonMap {
		position: absolute;
		right: 0;
		top: 20px;
	}

	.seminars .pullDown { padding: 0; }

	.seminars .filter.type1 .select { width: auto; }

	.seminars .seminarList li .seminarInfo .details tr td.item { color: #b7a99a; }

	.privilege { padding: 15px; }

	.privilege p {
		margin-bottom: 10px;
		line-height: 1.67;
	}

	.privilege .links {
		position: relative;
		right: 0;
		bottom: 0;
	}

	.privilege .links li { font-size: 11px; }

	article.seminar .col2.leadContainer .notification { margin-bottom: 10px; }
}

/* --------------------------------------------------
** 【media query】IR
-------------------------------------------------- */
@media all and (max-width: 909px) {
	article.ir .col2.kv img {
		width: 100%;
		height: auto;
	}

	article.ir .newsArea { clear: both; }
}

@media all and (max-width: 599px) {
	article.ir { padding-bottom: 0; }

	article.ir .filters { left: 0; }

	article.ir .filters + .linkList { border-top: none; }

	article.ir .col2.kv .container { margin: 0; }

	article.ir .col1.ir { margin-bottom: 40px; }

	article.ir .col2.irNav, article.ir .col1.pr { display: none; }

	article.ir .newsArea .col2.irNav { display: block; }

	article.ir .col2.irNav ul { margin-bottom: 15px; }

	article.ir .col2.irNav ul li { width: 50%; }

	article.ir .col2.irNav .links { margin: 0; }

	article.ir .col2.irNav .links li {
		float: none;
		width: auto;
	}

	article.ir .col2.irNav .links li a {
		background: none;
		display: inline;
		height: auto;
		line-height: inherit;
		padding: 0;
	}

	article.ir .col2.irNav .links li a:hover { background: #c6893f; }

	article.ir .col1.pr { margin: 0 auto 20px; }

	article.ir p.stockImg img { width: 100%; }

	.irContentContainer table.standard { width: 100%; }
}

/* --------------------------------------------------
**【media query】 cms
-------------------------------------------------- */
@media all and (max-width: 909px) {
	.col2nav { display: none; }
}

@media all and (max-width: 599px) {
	.article.forCms { padding-bottom: 0; }

	.forCms .newContents h3 { margin: 0 0 20px; }

	.toOtherPages .row .col1, .toOtherPages .row .col2, .toOtherPages .row .col3,
	.relatedLinks .row .col1, .relatedLinks .row .col2, .relatedLinks .row .col3 {
		width: auto;
		margin: 0 0 10px;
	}

	.listHeading { padding-top: 25px; }

	.listNavWrap { margin: 0 14px; }

	.listNav {
		display: block;
		width: auto;
		overflow: hidden;
		height: auto;
		border-radius: 0;
		background: none;
	}

	.listNav li {
		width: 50%;
		display: block;
		float: left;
		height: auto;
		text-align: left;
		background: none;
	}

	.listNav li a {
		background: #efefef;
		padding: 10px;
		margin: 0 1px 2px;
		width: auto;
	}

	.pullDown.filters + .listNavWrap { margin-top: 15px; }

	.forCms .zoomContents { display: block; }
}

/* --------------------------------------------------
**【media query】 既存スタイルの上書き
-------------------------------------------------- */
@media all and (max-width: 909px) {
	article .newContents p.lead {
		margin: 24px 0;
		font-size: 14px;
		font-weight: normal;
	}

	article .newContents .withImgCol { width: auto; }

	article .newContents .withImgCol p img {
		height: auto;
		max-width: 100%;
	}

	article .newContents .col { margin-right: 0; }

	article .newContents .col3 { padding-bottom: 15px; }
}

@media all and (max-width: 599px) {
	article .newContents h2 { font-weight: normal; }

	article .newContents strong { font-weight: normal; }

	article .newContents p img {
		float: none !important;
		display: block;
		margin: 0 auto 2em !important;
		max-width: 100%;
		height: auto;
	}

	article .newContents .withImgCol .imgL, article .newContents .withImgCol .imgR {
		float: none;
		margin: 0 auto 10px;
		text-align: center;
	}

	article .newContents .withImgCol .imgL span, article .newContents .withImgCol .imgR span { margin-top: 10px; }

	article .newContents .withImgCol .imgL br, article .newContents .withImgCol .imgR br { display: none; }

	article .newContents .withImgCol p img { margin-bottom: 0 !important; }

	article .newContents .col { margin-right: 0; }

	article .newContents .col3 {
		display: block;
		float: none;
		margin: 0 auto !important;
	}

	article .newContents .col3 img { margin-bottom: 0 !important; }
}

/* --------------------------------------------------
**【media query】 仕分け前
-------------------------------------------------- */
@media all and (max-width: 909px) {
	.newContents .forSp { display: block; }

	.newContents h3 { margin-top: 15px; }

	.newContents p.date {
		font-size: 10px;
		font-weight: normal;
	}

	.newContents p.disk {
		padding-left: 13px;
		background: url("/common/images/img-icon-dot-sp.png?fc25148f9f") left center no-repeat;
		-webkit-background-size: 11px 11px;
		-moz-background-size: 11px 11px;
		-o-background-size: 11px 11px;
		background-size: 11px 11px;
	}

	.newContents .images { text-align: center; }

	.newContents .floatWrap.imageLeftTop .images, .newContents .floatWrap.imageRightTop .images {
		float: none;
		margin: 0 0 10px;
	}

	.newContents .floatWrap.imageLeftTop .texts, .newContents .floatWrap.imageRightTop .texts { float: none; }

	.newContents .floatWrap.imageLeftBottom .images, .newContents .floatWrap.imageRightBottom .images {
		float: none;
		margin: 10px 0 0;
	}

	.newContents .floatWrap.imageLeftBottom .texts, .newContents .floatWrap.imageRightBottom .texts { float: none; }

	.newContents .history, .newContents .detail {
		float: none;
		width: auto;
	}

	.newContents .image { margin: 15px 15px 0; }

	.newContents .image img { max-width: 100%; }

	.newContents .image span {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
	}

	.newContents .image span img {
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.newContents .photos {
		width: auto;
		margin: 35px auto 0;
		text-align: center;
	}

	.toOtherPages h3 { margin: 54px 15px 16px; }

	.linkBoxNoThumb { width: 100%; }
}

@media all and (max-width: 599px) {
	.modal {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #2c2a29;
	}

	.modal.is-opened { display: block; }

	.modal .close {
		position: absolute;
		right: 10px;
		top: 10px;
		padding: 5px;
		margin: 0;
		font-size: 0;
	}

	.modal p {
		margin: 14px 15px 0;
		color: #fff;
		font-size: 12px;
		line-height: 1.67;
	}

	.modal p.heading {
		margin-top: 75px;
		font-size: 15px;
	}

	.newContents .photos {
		width: auto;
		margin-top: 18px;
	}

	.newContents .photos li.photoSmall {
		float: none;
		margin: 17px 9px 0;
	}

	.newContents .photos li.photoLarge {
		width: 100%;
		margin: 0 auto;
		max-width: 610px;
	}

	.textBox { width: auto; }

	.textBox .boxContainer .text { margin: 0; }

	.linkBoxNoThumb p.text { margin: 0; }

	.linkBoxNoThumb a {
		background: url("/common/images/bg-linkbox-sp.png?75adab14eb") right 5px no-repeat;
		-webkit-background-size: 7px 9px;
		-moz-background-size: 7px 9px;
		-o-background-size: 7px 9px;
		background-size: 7px 9px;
	}

	.movieContainer .container { margin: 0; }
}

/* --------------------------------------------------
**【media query】 アレンジコーヒーレシピ
-------------------------------------------------- */
@media all and (max-width: 909px) {
	.arrangeCoffeeRecipe .row .col .itemImage { margin-bottom: 10px; }

	.arrangeCoffeeRecipe .row .col .specialItem { margin: 0 0 5px; }

	.arrangeCoffeeRecipe .row .col h3 { font-weight: normal; }

	.arrangeCoffeeRecipe .refine {
		box-sizing: border-box;
		padding: 45px 15px 30px;
	}

	.arrangeCoffeeRecipe .refine .selections { margin: 0 auto; }

	.arrangeCoffeeRecipe .refine .selections li {
		width: 280px;
		margin: 0 0 0 10px;
	}

	.arrangeCoffeeRecipe .refine .selections .selection {
		width: 280px;
		margin: 20px 0 0;
	}

	.arrangeCoffeeRecipe .refine .selections .selection li {
		margin-left: 0;
		margin-bottom: 28px;
	}

	.arrangeCoffeeRecipe .refine .selections h4 { color: #3d3935; }

	.arrangeCoffeeRecipe .refine .close {
		width: 24px;
		height: 24px;
		background: url("/coffee/recipe/images/refine-recipe-close-sp.png?8d95a04259") left top no-repeat;
		-webkit-background-size: 24px;
		-moz-background-size: 24px;
		-o-background-size: 24px;
		background-size: 24px;
	}

	.modalContainer .detail {
		width: 100%;
		padding: 18px 43px 30px;
	}

	.modalContainer .detail.aboutRoast, .modalContainer .detail.aboutCoffee { width: 100%; }

	.modalContainer .detail .button { cursor: pointer; }

	.modalContainer .detail .button.close {
		position: absolute;
		right: 7px;
		top: -40px;
		width: 15px;
		height: 15px;
		padding: 8px;
		background: url("/common/images/img-btn-modal-close-sp.png?afc46db68d") 8px 8px no-repeat;
		-webkit-background-size: 15px;
		-moz-background-size: 15px;
		-o-background-size: 15px;
		background-size: 15px;
	}

	.modalContainer .detail .button.close.contentBottom {
		display: block;
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		height: 35px;
		margin-left: 0;
		padding: 0;
		font-size: 15px;
		font-weight: bold;
		line-height: 35px;
		text-align: center;
		background: #fff;
		border: 1px solid #3d3935;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
		box-sizing: border-box;
	}

	.modalContainer .detail .button.print { display: none; }

	.modalContainer .detail .button.line {
		display: block;
		position: absolute;
		right: 112px;
		bottom: 0;
	}

	.modalContainer .detail .button.twitter {
		position: absolute;
		right: 55px;
		bottom: 0;
	}

	.modalContainer .detail .button.facebook {
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.modalContainer .detail .share {
		position: relative;
		height: 29px;
		margin-bottom: 20px;
	}

	.modalContainer .detail .recipeImage, .modalContainer .detail .recipeDetail {
		float: none;
		width: 100%;
	}

	.modalContainer .detail .recipeDetail { padding-bottom: 15px; }

	.modalContainer .detail .recipeDetail .titleEnglish { font-size: 16px; }

	.modalContainer .detail .recipeDetail .titleJapanese { font-size: 10px; }

	.modalContainer .detail .recipeDetail .recipeImage { margin-top: 20px; }

	.modalContainer .detail .recipeDetail .recipeImage img { width: 100%; }

	.modalContainer .detail .recipeDetail .specialItem { margin: 30px 0 15px; }

	.modalContainer .detail .recipeDetail .content { margin-top: 15px; }

	.modalContainer .detail .recipeDetail .content .heading { font-size: 14px; }

	.modalContainer .detail .recipeDetail .content .coffeeList {
		width: 100%;
		padding-top: 0;
	}

	.modalContainer .detail .recipeDetail .content .coffeeList li {
		float: none;
		width: 100%;
		margin: 0 0 20px;
	}

	.modalContainer .detail .recipeDetail .content .coffeeList li .name {
		float: none;
		width: auto;
		overflow: auto;
	}

	.modalContainer .detail .txtCol:last-of-type, .modalContainer .detail .withImgCol:last-of-type { margin-bottom: 30px; }

	.modalContainer .detail .withImgCol .series { margin-bottom: 15px; }

	.modalContainer .detail .withImgCol .series li { margin-bottom: 15px; }
}

@media all and (max-width: 599px) {
	.modalContainer .detail .imgL {
		float: none;
		margin: 0 0 1em;
		text-align: center;
	}

	.modalContainer .detail .imgL img {
		width: 100%;
		height: auto;
	}

	.modalContainer .detail .heading1 { font-size: 16px; }

	.modalContainer .detail p { margin: 0 0 1em; }

	.modalContainer .detail .txtCol .txtL, .modalContainer .detail .txtCol .txtR {
		float: none;
		width: 100%;
	}

	.modalContainer .detail .withImgCol .series { margin-bottom: 0; }

	.modalContainer .detail .withImgCol .series li {
		width: 100%;
		padding: 0;
	}

	.modalContainer .detail .withImgCol .series li p { margin-bottom: 15px; }

	.modalContainer .detail .tag {
		width: 100%;
		margin-bottom: 7px;
	}

	.modalContainer .detail .limited { margin: 15px 0; }
}

/* --------------------------------------------------
**【media query】 採用
-------------------------------------------------- */
@media all and (max-width: 599px) {
	article.recruit p.lead { display: none; }

	article.recruit p.result { margin-bottom: 5px; }

	article.recruit ul.backLinks.top { display: none; }

	article.recruit .tableBox { margin-bottom: 0; }

	table.recruit { border: none; }

	table.recruit th { width: 75px; }

	table.recruit tr:last-child th, table.recruit tr:last-child td { border: none; }

	/* form */
	article.recruit ol.step { margin: 0 15px 10px; }

	article.recruit ol.step li {
		background: url("/common/images/bg-arrow-recruit-step-sp.png?95758bf3b1") no-repeat 0 0.15em;
		background-size: 7px 13px;
	}

	article.recruit table.tableForm tr:last-child th, article.recruit table.tableForm tr:last-child td { border-bottom: none; }

	article.recruit table.tableForm th { width: 90px; }

	article.recruit table.tableForm th span.attentionMark {
		margin: 0;
		display: block;
	}

	article.recruit table.tableForm td { vertical-align: middle; }

	article.recruit table.tableForm ul.listInline li {
		float: none;
		width: auto;
	}

	article.recruit table.tableForm ul.listInline li + li { margin-top: 10px; }

	article.recruit table.tableForm .select, article.recruit table.tableForm select { width: 65px; }

	article.recruit table.tableForm .select:first-child {
		width: 95px;
		margin-bottom: 10px;
	}

	article.recruit table.tableForm .select:first-child select { width: 95px; }

	article.recruit table.tableForm input.sizeS { width: 70px; }

	article.recruit table.tableForm input.sizeS:first-child { width: 55px; }

	article.recruit table.tableForm input.sizeM { width: 140px; }

	article.recruit table.tableForm input.sizeL { width: 50%; }

	article.recruit table.tableForm input.sizeLL { width: 90%; }

	ul.btn li.recruitForm { margin-bottom: 15px; }
}

/* --------------------------------------------------
** 【media query】 静的
-------------------------------------------------- */
@media all and (max-width: 909px) {
	.forDefault { display: none; }

	.forRetina {
		display: block;
		width: 100%;
	}

	div.mainContents.notExNav article.rules { width: auto; }

	.static article .mainContent .mainImage { margin: 0 0 15px; }

	.static article .mainContent .mainImage img {
		width: auto;
		max-width: 100%;
		height: auto;
	}

	.static article .mainContent .row .col { width: 25%; }

	.static article .mainContent .row .col .itemImage img { height: auto; }

	.static article .mainContent .row .col1 .row { margin: 0; }

	.static article .mainContent .row .col1 .col { width: 50%; }

	.static article .mainContent .row .inquiry {
		width: 100%;
		clear: both;
	}

	.mainContents article.company .localNavBottom, .mainContents article.recruitIndex .localNavBottom { margin-right: 0; }

	.mainContents article.company .localNavBottom ul li, .mainContents article.recruitIndex .localNavBottom ul li {
		width: 46%;
		margin: 0 2%;
		background: url("/common/images/img-arrow3.png?0b3cb0d94f") 96% center no-repeat;
		border-top: none;
	}

	.mainContents article.company .localNavBottom ul li:first-child, .mainContents article.company .localNavBottom ul li:nth-child(2), .mainContents article.recruitIndex .localNavBottom ul li:first-child, .mainContents article.recruitIndex .localNavBottom ul li:nth-child(2) { border-top: 1px solid #dadad9; }

	.mainContents article.companyTop .newContents { width: auto; }

	.mainContents article.companyTop .newContents .keyVisual { text-align: center; }

	.mainContents article.companyTop .localNav ul { margin-left: -5px; }

	.mainContents article.companyTop .localNav ul li.companyLink {
		margin: 0 0 1px 1px;
		width: 19.8%;
	}

	div.mainContents.notExNav.migration article.recruitIndex { width: auto; }

	div.mainContents.notExNav.migration article.recruitIndex .keyVisual .forPc { display: block; }

	div.mainContents.notExNav.migration article.recruitIndex .newContents { width: auto; }

	div.mainContents.notExNav.migration article.recruitIndex .newContents nav.recruitNav { margin-right: -2%; }

	div.mainContents.notExNav.migration article.recruitIndex .newContents nav.recruitNav li {
		width: 47%;
		padding: 0 0 0 2%;
		margin: 0 2px 2px 0;
	}

	div.mainContents.notExNav.migration article.recruitIndex .localNavBottom { margin-right: 0; }

	div.mainContents.notExNav.migration article.recruitIndex .localNavBottom .navList li {
		border-bottom: 1px solid #dadad9;
		width: 46%;
		margin: 0 2%;
		background: url("/common/images/img-arrow3.png?0b3cb0d94f") 96% center no-repeat;
	}
}

@media all and (max-width: 599px) {
	.screenDefault { display: none; }

	.screenNarrow { display: block; }

	.static article .mainContent .row .col { width: 50%; }

	.static article .mainContent .row .col .productName { margin: 0 0 32px; }

	.static article .mainContent .series.icedCoffee { margin-bottom: 5px; }

	.static article .mainContent .thumbNailList { margin: 0 8px; }

	.static article .mainContent .thumbNailList .container { margin: 0 7px; }

	.static article .mainContent .thumbNailList .col { width: 50%; }

	.static article .mainContent .thumbNailList .col .itemImage img { height: auto; }

	.static article .mainContent .heading .container { margin: 0; }

	.static article .mainContent .heading .container h3, .static article .mainContent .heading .container p { margin: 0 15px; }

	.static article .mainContent .heading .container p { margin-bottom: 15px; }

	.static article .mainContent .heading .container p.conceptImage { margin: 0 0 15px; }

	.static article .mainContent .relatedLinks .col1 { margin-bottom: 10px; }

	.static .contentWrap { margin: 0; }

	.mainContents article.company { width: auto; }

	.mainContents article.company .contents p.date { margin-bottom: 6px; }

	.mainContents article.company .contents .table th, .mainContents article.company .contents .table td {
		padding: 5px 10px;
		font-size: 12px;
		vertical-align: top;
		border: 1px solid #dbdbdb;
	}

	.mainContents article.company .contents .table th { width: 25%; }

	.mainContents article.company .contents .table td a { font-size: 12px; }

	.mainContents article.company .contents .table td.w18 { width: 24%; }

	.mainContents article.company .localNavBottom { margin: 0 15px 60px; }

	.mainContents article.company .localNavBottom .navList { border-bottom: 1px solid #dadad9; }

	.mainContents article.company .localNavBottom .navList li {
		margin: 0;
		width: 100%;
		background: url("/common/images/img-arrow3.png?0b3cb0d94f") right center no-repeat;
		border-bottom: none;
		border-top: 1px solid #dadad9;
	}

	.mainContents article.company .localNavBottom .navList li:first-child, .mainContents article.company .localNavBottom .navList li:nth-child(2) { border-top: 1px solid #dadad9; }

	.mainContents article.company .localNavBottom .navList li p { padding: 16px 0; }

	.mainContents article.company .filters {
		margin-bottom: 20px;
		left: 0;
	}

	.mainContents article.companyTop { width: auto; }

	.mainContents article.companyTop .newContents { width: auto; }

	.mainContents article.companyTop .newContents .keyVisual { margin: 0 -15px; }

	.mainContents article.companyTop .newContents .keyVisual p { margin-bottom: 20px; }

	.mainContents article.companyTop .textBlock { display: none; }

	.mainContents article.companyTop .backLinks { display: none; }

	.mainContents article.companyTop .localNav .backLinks { display: none; }

	.mainContents article.companyTop .localNav ul.navList {
		margin-right: 0;
		margin-bottom: 36px;
	}

	.mainContents article.companyTop .localNav ul.navList li.companyLink { width: 49%; }

	.mainContents article.companyTop .localNav ul.navList li.companyLink p {
		height: 50px;
		font-size: 12px;
	}

	.mainContents article.companyTop .localNav .localNavBottom { margin: 0 15px 60px; }

	.mainContents article.companyTop .localNav .localNavBottom h3 { margin-left: 0; }

	.mainContents article.companyTop .localNav .localNavBottom ul.navList { border-bottom: 1px solid #dadad9; }

	.mainContents article.companyTop .localNav .localNavBottom ul.navList li {
		margin: 0;
		width: 100%;
		background: url("/common/images/img-arrow3.png?0b3cb0d94f") right center no-repeat;
		border-bottom: none;
		border-top: 1px solid #dadad9;
	}

	.mainContents article.companyTop .localNav .localNavBottom ul.navList li:first-child, .mainContents article.companyTop .localNav .localNavBottom ul.navList li:nth-child(2) { border-top: 1px solid #dadad9; }

	.mainContents article.companyTop .localNav .localNavBottom ul.navList li p { padding: 16px 0; }

	div.mainContents.notExNav.migration article.recruitIndex { width: auto; }

	div.mainContents.notExNav.migration article.recruitIndex .newContents { margin-bottom: 30px; }

	div.mainContents.notExNav.migration article.recruitIndex .newContents .keyVisual .forPc { display: none; }

	div.mainContents.notExNav.migration article.recruitIndex .newContents .keyVisual .forSp {
		display: block;
		margin: 0 -15px;
	}

	div.mainContents.notExNav.migration article.recruitIndex .newContents .spCopy {
		display: block;
		color: #B1B0AE;
		font-size: 10px;
	}

	div.mainContents.notExNav.migration article.recruitIndex .newContents nav.recruitNav { margin: 0; }

	div.mainContents.notExNav.migration article.recruitIndex .newContents nav.recruitNav li {
		width: 100%;
		height: 40px;
		margin: 0 0 2px 0;
		padding: 0 11px;
	}

	div.mainContents.notExNav.migration article.recruitIndex .newContents nav.recruitNav li p {
		font-size: 12px;
		line-height: 40px;
	}

	div.mainContents.notExNav.migration article.recruitIndex .newContents nav.recruitNav li p span { font-size: 12px; }

	div.mainContents.notExNav.migration article.recruitIndex .localNavBottom { margin: 0 15px 60px; }

	div.mainContents.notExNav.migration article.recruitIndex .localNavBottom h3 { display: block; }

	div.mainContents.notExNav.migration article.recruitIndex .localNavBottom ul.navList { border-bottom: 1px solid #dadad9; }

	div.mainContents.notExNav.migration article.recruitIndex .localNavBottom ul.navList li {
		margin: 0;
		width: 100%;
		background: url("/common/images/img-arrow3.png?0b3cb0d94f") right center no-repeat;
		border-bottom: none;
		border-top: 1px solid #dadad9;
	}

	div.mainContents.notExNav.migration article.recruitIndex .localNavBottom ul.navList li p { padding: 16px 0; }
}

/* --------------------------------------------------
**【media query】 スライド
-------------------------------------------------- */
@media all and (max-width: 599px) {
	.slide { width: 100%; }

	.slide li.prev,
	.slide li.next { display: none !important; }

	.slide li.thumbnailList {
		width: 100%;
		float: none;
	}

	.slide li.thumbnailList .thumbnails {
		width: 100% !important;
		margin-top: 15px;
		text-align: center;
	}

	.slide li.thumbnailList .thumbnails li {
		display: inline-block;
		width: 8px;
		height: 8px;
		background-color: #d7d2cb;
		border-radius: 4px;
		margin-right: 0;
		float: none;
	}

	.slide li.thumbnailList .thumbnails li ~ li { margin-left: 8px; }

	.slide li.thumbnailList .thumbnails li.is-selected { background-color: #c6893f; }

	.slide li.thumbnailList .thumbnails li img { display: none; }
}

/*  2017.02.22 UT改善 絞り込みUI --------------------------------------------------------------------- */

.productListUtil{
	background-color:#f4f2ef;
}
.productListUtil > ul{
	overflow: hidden;
	padding: 15px 30px 5px 30px;
}
.productListUtil li{
	float:left;
	margin-right:15px;
	margin-bottom: 10px;
}
.productListUtil li a{
	display: block;
	min-width: calc(200px - 32px);
	padding: 6px 15px 4px;
	text-align: center;
	border: 1px solid #9e9c9a;
	border-radius: 15px;
}
.productListUtil li.is-active a{
	color: #fff;
	background: #2d2a29;
}

.productListUtilPanel{
	margin-top: -15px;
	padding: 30px 0 20px;
	position:static;
	background-color:#fff !important;
	border-bottom: 1px solid #f4f2ef;
}
.productListUtilPanel .selections h4{
	margin-bottom: 25px;
}
.refine.productListUtilPanel .selections .selection{
	margin-top: 0;
}
.productListUtilPanel .selections li{
	margin: 0 0 30px;
}
.productListUtilPanel .selections li.sort{
	margin: 0;
}
.refine.productListUtilPanel .selections .selection li{
	margin: 0 0 10px;
	font-size: 13px;
}
.productListUtilPanel .selections .selection li:first-child{
	margin-bottom: 20px;
}

.productListUtilPanel .selections .category{
	padding: 0 0 0 15px;
	border-right:1px solid #f4f2ef;
	box-sizing: border-box;
	width:55%;
	min-width:550px;
}
.productListUtilPanel .selections .whereToBuy{
	padding: 0 0 0 15px;
	box-sizing: border-box;
	width:45%;
}
.productListUtilPanel .selections .sort{
	padding: 0 0 0 15px;
	box-sizing: border-box;
}
.productListUtilPanel .selections .category .selection :nth-child(n+2){
	float: left;
	width: 50%;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.productListUtilPanel .selections .category .selection .beans_seasonal{
	padding: 20px 0 0 40px;
	color: #64a70b;
	background: url(/common/images/bg-label-2017-01.png) no-repeat;
}
.productListUtilPanel .selections .category .selection .beans_blonde{
	padding: 20px 0 0;
	color: #d5a102;
}
.productListUtilPanel .selections .category .selection .beans_medium{
	padding: 0 0 0 40px;
	color: #935134;
}
.productListUtilPanel .selections .category .selection .beans_dark{
	color:#720849;
}
.productListUtilPanel .selections .category .selection .beans_reserve{
	width: 100%;
	padding: 0 0 0 40px;
}
.productListUtilPanel .selections .category .selection .beans_origami{
	background: url(/common/images/bg-label-2017-02.png) no-repeat;
	padding:45px 40px 6px;
	margin: 20px 0 0;
}
.productListUtilPanel .selections .category .selection .beans_via{
	background:url(/common/images/bg-label-2017-03.png) no-repeat;
	padding:45px 40px 5px;
	margin: 20px 0 0;
}

.refine.productListUtilPanel .buttonContainer {
	margin-top: 0;
	margin-bottom: 20px;
}
.refine.productListUtilPanel .buttonContainer .submit {
	width: 120px;
	margin: 0 auto;
	border: solid 1px #73716f;
	background: #fff;
}

.row.listGrid .col .itemPrice {
	display: inline-block;
	margin-top: 3px;
	font-size: 13px;
}
.row.listGrid .col.soldout {
	display: none;
}
/* OS在庫有り商品のみ表示用のCSS */
.productList .no-items {
	display: none;
	margin: 0 15px 2em;
}
.productList .no-items + p{ margin: 0 15px 2em; }
.productList .no-items.show { display: block; }
.productList .no-items.show + p { display: none; }

@media all and (max-width: 909px) {
.productListUtil {
	width: 100%;
	overflow-x: auto;
}
.productListUtil > ul {
	display: table;
	padding: 15px 0;
}
.productListUtil li{
	display: table-cell;
	float: none;
	padding: 0 15px;
}
}

@media all and (max-width: 599px) {
.productListUtil {
	margin-bottom: 10px;
}
.productListUtil > ul {
	padding: 7px 10px;
}
.productListUtil li{
	padding: 0 10px;
}
.productListUtil li a {
	min-width: auto;
	padding: 2px 12px;
	white-space: nowrap;
}

.productListUtilPanel{
	margin-top: -8px;
}
.refine.productListUtilPanel .close{
	top: 55px;
}
article.productList .refine.productListUtilPanel .selections{
	margin: 0;
}
article.productList .refine.productListUtilPanel .selections .category{
	border-right: none;
	border-bottom: 1px solid #f4f2ef;
	margin: 0 15px 20px;
	padding: 0 0 20px;
	width: auto;
	min-width: 0;
}
article.productList .refine.productListUtilPanel .selections .whereToBuy{
	width: auto;
}
.productListUtilPanel .selections .category .selection :nth-child(n+2){
	float: none;
	width: auto;
}
.productListUtilPanel .selections .category .selection .beans_seasonal{
	background: url(/common/images/bg-label-2017-01-sp.png) no-repeat;
	background-size: 95px;
	padding-left: 32px;
}
.productListUtilPanel .selections .category .selection .beans_blonde,
.productListUtilPanel .selections .category .selection .beans_medium,
.productListUtilPanel .selections .category .selection .beans_dark,
.productListUtilPanel .selections .category .selection .beans_reserve{
	padding: 0 0 0 32px;
	width: auto;
}
.productListUtilPanel .selections .category .selection .beans_origami{
	background: url(/common/images/bg-label-2017-02-sp.png) no-repeat;
	background-size: 245px;
	padding:25px 0 5px 32px;
}
.productListUtilPanel .selections .category .selection .beans_via{
	background:url(/common/images/bg-label-2017-03-sp.png) no-repeat;
	background-size: 270px;
	padding:25px 0 5px 32px;
}
.refine.productListUtilPanel .buttonContainer {
	margin: 0 15px 10px;
	width: auto;
	padding: 0;
}
.refine.productListUtilPanel .buttonContainer .submit {
	width: 100%;
	font-weight: normal;
}

}

/*---------------------------------------------------------------------------- 2017.02.22 UT改善 絞り込みUI END*/


/*  2017.02.22 UT改善details対応 --------------------------------------------------------------------- */

.placeContainer .dealing {
	margin: 30px 0 15px;
}
.placeContainer .dealing:after {
	content: "";
	display: block;
	clear: both;
}
.placeContainer .dealing .label {
    float: left;
    font-size: 10px;
    margin-bottom: 0;
    margin-right: 6px;
}
.placeContainer .dealing-list li {
    float: left;
    width: 100px;
    padding: 0;
    margin-bottom: 0;
    margin-right: 6px;
    font-size: 10px;
    border: 1px solid #e2e1e1;
    border-radius: 15px;
    text-align: center;
}
.reserve .placeContainer .dealing-list li {
    color: #e4d9c2;
}
.placeContainer .isSoldout .online span,
.placeContainer .online span.soldoutGlyph {
    color:#c6893f;
    font-weight: bold;
}

.placeContainer .purchase-link+.notificationArea {
    margin-top: -2em;
}
.placeContainer .notificationArea .wrapping {
    padding: 0 0 0 17px;
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: bold;
    background: url(/common/images/bg-icon-2017.png) no-repeat left;
    background-size: 12px 14px;
}

.recommendGiftItem {
	margin-bottom: 30px;
}
.recommendGiftItem ul:after {
	content: "";
	display: block;
	clear: both;
}
.recommendGiftItem li {
	float: left;
	width: 33.33%;
}
.recommendGiftItem li a:hover img {
	opacity: 0.7;
}
.recommendGiftItem li p {
	font-size: 10px;
	margin: 0 1px 5px;
	line-height: 1.4;
}
.recommendGiftItem li .img {
	border: solid 1px #dadada;
}
.recommendGiftItem li .img img {
	width: 100%;
}
.recommendGiftItem li .name {
	margin-right: 5px;
}
.recommendGiftItem li .price {
	font-weight: bold;
}
.notificaton-productList {
	margin: 0 15px 30px;
}
/*---------------------------------------------------------------------------- 2017.02.22 UT改善details対応 END*/

/*  2017.09.20 FAQ改修 --------------------------------------------------------------------- */
.busyMessage {
	border: 1px solid rgb(191, 0, 32);
	margin-top: 30px;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 4px;
}
.busyMessage h3 {
	background-color: rgb(191, 0, 32);
	margin: 9px 9px 15px;
	padding: 5px;
	color: #fff;
	font-weight: normal;
	text-align: center;
}
.busyMessage p {
	margin: 0 14px 30px;
	font-size: 13px;
}
.busyMessage h4 {
	font-size: 13px;
	margin: 0 14px 10px;
}
.busyMessage ul {
	margin-left: 12px;
	margin-right: 12px;
	text-align: left;
}
.busyMessage li {
	font-size: 13px;
	margin: 0 0 10px;
}
.busyMessage a{
	color: #ab7918 !important;
	text-decoration: none !important;
}
/*---------------------------------------------------------------------------- 2017.09.20 FAQ改修 END*/