@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; }

/* --------------------------------------------------
**
** 共通
**
-------------------------------------------------- */
.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 .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 #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;
}

.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;
}

.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;
}

.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 #b2b2b2;
	background: url("/common/images/img-arrow-select-down-150714.png?d88710e536") 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;
}

.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: 10px;
}

.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: 16px;
	height: 16px;
	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: 14px;
	line-height: 14px;
	font-weight: bold;
	border: solid 1px #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;
	color: #b1b0ae;
	font-weight: bold;
}

.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 .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; }
}

/*# sourceMappingURL=component-pc.css.map */