/* CSS Document */


/*------------------------------------------------
*merge.css

	-共通系
	-商品系
	-店舗系
	-IR
	-プレスリリース
	-CSR
	-セミナー
	-イベント
	-ユーティリティナビ
	-採用
------------------------------------------------*/

/*---------------------------------------------------------------------------- element.css移植 START*/
@media all and (max-width: 909px){
.col1 { width: 50%; }
.col2,
.col3,
.row .col4 { width: auto; float: none; }
}

@media all and (max-width: 599px){
.col1 { width: auto; float: none; }
}
@media all and (max-width: 909px) and (min-width: 600px){
.forNotTab,
.forPc,
.forSp { display: none; }
}
@media all and (max-width: 599px){
.forNotSp,
.forPc,
.forTab { display: none; }
.forSp { display: block; }
}


@media all and (max-width: 909px){
header.local h2 { margin: 0 100px 18px 15px; }
}
@media all and (max-width: 599px){
h2 { margin: 15px 0; }
header.local h2 {
	margin: 0 70px 20px 15px;
	line-height: 1.5;
}
}

/*---------------------------------------------------------------------------- element.css移植 END*/

/*---------------------------------------------------------------------------- 共通系 START*/
div.titleArea { z-index: 1000; }
@media all and (max-width: 909px) {
header.local .rss {
	top: 6px;
	right: 77px;
}
header.local .rss li { padding: 0; }
header.local .print {
	top: 5px;
	right: 84px;
}
header.local .print li { padding: 0; }
header.local .print + .rss { right: 117px; }
.filters { top: 5px; }
}

@media all and (max-width: 599px) {
header.local .rss,
header.local .print,
header.local .print + .rss {
	top: 4px;
	right: 51px;
}
header.local .rss li a{ color: #777471; }
}
@media all and (max-width: 599px) {
article { padding-bottom: 0; }
}
@media all and (max-width: 909px) {
header.local .buttonRefine {
	top: -3px;
	right: 100px;
}

.productInfo .selectList .radio,
.productInfo .selectList .radio.is-checked {
	width: 18px;
	margin-right: 13px;
}

.productInfo .selectList .radio,
.refine .selections .category .selection li .radio,
.refine .selections .whereToBuy .selection li .radio,
.refine .selections .sort .selection li .radio {
	background: url(/common/images/bg-input-sp.png) no-repeat 0 -53px;
	background-size: 18px 72px;
	height: 19px;
}
.productInfo .selectList .radio.is-checked,
.refine .selections .category .selection li .radio.is-checked,
.refine .selections .whereToBuy .selection li .radio.is-checked,
.refine .selections .sort .selection li .radio.is-checked {
	background: url(/common/images/bg-input-sp.png) no-repeat 0 -34px;
	background-size: 18px 72px;
	height: 19px;
}

.productInfo .selectList .isSoldout .informationContainer {
	background: url(/common/images/bg-input-soldout-sp.png) no-repeat 10px 50%;
	background-size: 18px 19px;
}

article.productList.arrangeCoffeeRecipe .refine .selections {
	margin: 0 auto;
	width: 290px;
}

.mainContents article.company .localNavBottom ul li,
.mainContents article.recruitIndex .localNavBottom ul li { margin: 0 2%; }
}

@media all and (max-width: 599px) {
header.local .buttonRefine {
	top: -2px;
	right: 54px;
}
.refine .decoration { padding: 0 60px 0 0; }

.mainContents article.company .localNavBottom .navList li,
.mainContents article.company .localNavBottom ul li:nth-child(2),
.mainContents article.recruitIndex .localNavBottom ul li:nth-child(2) {
	border-top: none;
	border-bottom: 1px solid #dadad9;
}
.mainContents article.company .localNavBottom ul li:first-child,
.mainContents article.recruitIndex .localNavBottom ul li:first-child { border-bottom: 1px solid #dadad9; }
.mainContents article.company .localNavBottom .navList { border-bottom: none; }
.mainContents article.history .filters { top: 0; }
}

@media all and (max-width: 599px) {
.pullDown.filters { z-index: 0; }
header.local .rss { border-left: none; }

.row.listGrid .col span.status span.online,
.row.listRandom .col span.status span.online { 	display: block; }

.row .col4 { margin: 0 auto 20px; }
}


/* 矢印バレット統一 */
article .panel.type1 .textArea {
	background: url("/common/images/bg-arrow-panel-link-type1-sp.png?eecba9606b") right bottom no-repeat rgba(61, 57, 53, 0.4);
	-webkit-background-size: 12px 21px;
	-moz-background-size: 12px 21px;
	-o-background-size: 12px 21px;
	background-size: 12px 21px;
}

article .panel.type4 .textArea,
.row .col1.panel.type4 .textArea {
	background: url(/common/images/bg-arrow-panel-sp.png) right 16px no-repeat;
	background-size: 13px 10px;
	background: url(/common/images/bg-arrow-panel-sp-ie8.png) right 16px no-repeat\9;
}
article .panel.type4 .textArea:not(:target),
.row .col1.panel.type4 .textArea:not(:target) {
	background: url(/common/images/bg-arrow-panel-sp.png) right 16px no-repeat\9;
	background-size: 13px 10px\9;
}

article .panel.type1 .textArea,
article .panel.type2 .textArea {
	background: url(/common/images/bg-arrow-panel-sp.png) right 25px no-repeat;
	background-size: 13px 10px;
	background: url(/common/images/bg-arrow-panel-sp-ie8.png) right 25px no-repeat\9;
}
article .panel.type1 .textArea:not(:target),
article .panel.type2 .textArea:not(:target) {
	background: url(/common/images/bg-arrow-panel-sp.png) right 25px no-repeat\9;
	background-size: 13px 10px\9;
}

article.event .panel.type3 .textArea {
	background: url(/common/images/bg-arrow-panel-black-pc.png) right 17px no-repeat;
	background-size: 18px 10px;
	background: url(/common/images/bg-arrow-panel-black-pc-ie8.png) right 17px no-repeat\9;
}
article.event .panel.type3 .textArea:not(:target) {
	background: url(/common/images/bg-arrow-panel-black-pc.png) right 17px no-repeat\9;
	background-size: 18px 10px\9;
}

@media all and (max-width: 599px) {
article .panel.type1 .textArea {
	background: url("/common/images/bg-arrow-panel-link-type1-sp.png?eecba9606b") right bottom no-repeat rgba(61, 57, 53, 0.4);
	-webkit-background-size: 12px 21px;
	-moz-background-size: 12px 21px;
	-o-background-size: 12px 21px;
	background-size: 12px 21px;
}
article .panel.type2 .textArea {
	background: url(/common/images/bg-arrow-panel-sp.png) right 11px no-repeat;
	background-size: 13px 10px;
}
article.howTo .panel.type2 .textArea {
	background: url(/common/images/bg-arrow-panel-sp.png) right 7px no-repeat;
	background-size: 13px 10px;
}
article.event .panel.type3 .textArea {
	background: url(/common/images/bg-arrow-panel-black-pc.png) right 23px no-repeat;
	background-size: 18px 10px;
}
}
.linkList li a {
	background: url(/common/images/bg-arrow.png) right 25px no-repeat;
	background-size: 6px 10px;
}
.backLinks li a {
	background: none;
	padding-left: 0;
}
@media all and (max-width: 599px) {
.backLinks li a { padding-left: 15px; }
}
#mainCanvas .backLinks li a div,
.backLinks li a div,
.backLinks.top li a div {
	background: url(/common/images/bg-arrow-back.png) 1px center no-repeat;
	background-size: 6px 10px;
	padding-left: 17px;
}

div.titleArea p.title { max-width: 200px; }
@media all and (min-width: 350px) {
div.titleArea p.title { max-width: 230px; }
}
@media all and (min-width: 380px) {
div.titleArea p.title { max-width: 260px; }
}
@media all and (min-width: 410px) {
div.titleArea p.title { max-width: 290px; }
}
@media all and (min-width: 440px) {
div.titleArea p.title { max-width: 320px; }
}
@media all and (min-width: 470px) {
div.titleArea p.title { max-width: 350px; }
}
@media all and (min-width: 500px) {
div.titleArea p.title { max-width: 380px; }
}
@media all and (min-width: 530px) {
div.titleArea p.title { max-width: 410px; }
}
@media all and (min-width: 560px) {
div.titleArea p.title { max-width: 440px; }
}
@media all and (min-width: 590px) {
div.titleArea p.title { max-width: 470px; }
}
@media all and (min-width: 599px) {
div.titleArea p.title { max-width: 420px; }
}
@media all and (min-width: 620px) {
div.titleArea p.title { max-width: 450px; }
}
@media all and (min-width: 650px) {
div.titleArea p.title { max-width: 480px; }
}
@media all and (min-width: 680px) {
div.titleArea p.title { max-width: 510px; }
}
@media all and (min-width: 710px) {
div.titleArea p.title { max-width: 540px; }
}
@media all and (min-width: 740px) {
div.titleArea p.title { max-width: 570px; }
}
@media all and (min-width: 770px) {
div.titleArea p.title { max-width: 600px; }
}
@media all and (min-width: 800px) {
div.titleArea p.title { max-width: 630px; }
}
@media all and (min-width: 830px) {
div.titleArea p.title { max-width: 660px; }
}
@media all and (min-width: 860px) {
div.titleArea p.title { max-width: 690px; }
}
@media all and (min-width: 890px) {
div.titleArea p.title { max-width: 720px; }
}

/*---------------------------------------------------------------------------- 共通系 END*/



/*---------------------------------------------------------------------------- 商品系 START*/
@media all and (max-width: 909px) {
.reserve .mainContents { padding-left: 0; }
.refine { top: 70px; }
.refine .decoration {
	right: 0;
	padding: 0 75px 28px;
}
header.local .buttonRefine {
	right: 65px;
	background: none;
	padding: 9px 10px;
}
div#sbjCustomizeArea .arrow { margin-bottom: 0; }
div#sbjCustomizeArea .arrow.active03 {
	margin: 10px 0;
	clear: both;
	overflow: hidden;
}
div#sbjCustomizeArea .arrow.active03 + div.txtAR.mT10 {
	clear: both;
	overflow: hidden;
}
.enlargedVisual .close {
	background: url(/common/images/img-btn-zoom-close-sp.png) no-repeat 0 0;
	background-size: 32px 32px;
}

article.productList .refine .selections {
	width: auto;
	margin: 37px 37px 0;
}
article.productList .refine .selections .category .selection { margin-bottom: 0; }
article.productList .refine .selections .category,
article.productList .refine .selections .whereToBuy {
	width: 50%;
	float: left;
}

article.productDetail .relatedLinks .col1 {
	width: 100%;
	float: none;
}

.mainContents article.productList header.local h2 { margin-right: 180px; }
.enlargedVisual {
	z-index: 1020;
	background-color: rgba(255, 255, 255, 0.9);
}
.enlargedVisual img { height: auto; }
article.productDetail .coffeeChoice {
	width: 290px;
	margin: 0 auto;
}
article.productDetail .coffeeChoice li img { width: 54px; }
/* DYF */
div#sbjCustomizeArea h2 {
	margin-bottom: 13px;
	font-size: 15px;
	font-weight: bold;
}
div#sbjCustomizeArea .arrow {
	background: none;
	display: inline-block;
	position: static;
	color: #c6893f;
	margin-bottom: 10px;
	clear: both;
}
div#sbjCustomizeArea .arrow.fwB { float: none; }
div#sbjCustomizeArea .arrow:hover {
	color: #fff;
	background: #c6893f;
	opacity: 1;
}
div#sbjCustomizeArea p { margin-bottom: 14px; }
div#sbjCustomizeArea a { float: right; }
div#sbjCustomizeArea .imgL img { vertical-align: bottom; }
div#sbjCustomizeArea .txtAR.mT10 {
	overflow: hidden;
	clear: both;
}

div#sbjCustomizeArea .arrow.fwB,
div#sbjCustomizeArea h3 a {
	color: #c6893f;
	font-size: 14px;
	float: none;
}
div#sbjCustomizeArea .arrow.fwB:hover,
div#sbjCustomizeArea h3 a:hover {
	background: #c6893f;
	color: #fff;
	opacity: 1;
}
div.components .col1 > .col1 { width: 100%; }
}
@media all and (max-width: 599px) {
.refine { top: 58px; }
.refine .decoration {
	padding: 0 65px 0 0;
	top: -7px;
}
header.local .buttonRefine {
	background: none;
	right: 63px;
	padding: 7px 10px;
}
article.productList .refine .selections h4 { color: #3d3935; }

article.productList .refine .selections .category,
article.productList .refine .selections .whereToBuy {
	width: 100%;
	float: none;
}

article.productList .refine .selections .category { margin-bottom: 30px; }
article.productList .refine .selections .category .selection, .refine .selections .whereToBuy .selection { margin: 20px 0 0; }
article.productList .refine .selections { margin: 37px 30px 0; }

.mainContents article.productList header.local h2 { margin-right: 110px; }

article.productDetail .col1 { height: auto !important; }
div#sbjCustomizeArea:after {
	content: "";
	display: block;
	clear: both;
}
div#sbjCustomizeArea { display: inline-table; }
* div#sbjCustomizeArea { height: 1%; }
div#sbjCustomizeArea {
	zoom: 1;
	display: block;
}

}
@media all and (max-width: 599px) {
div.mainContents.searchResult header.local .buttonRefine{ display: none; }
.searchResult .resultContents .conceptStore .photo { margin: 0 -15px 15px; }
.searchResult .resultContents .conceptStore .photo img {
	width: 100%;
	height: auto;
}

.productDetail .container.gallery .visualContainer .zoomContents:hover { opacity: 1; }

article.productDetail .slide li.prev:not(:target),
article.productDetail .slide li.next:not(:target) { display: none\9 !important; }
article.productDetail .slide li.thumbnailList .thumbnails { left: 0\9 !important; }
.photoOver {
	margin: 0 -15px 15px;
	text-align: center;
}
.photoOver img {
	width: 100%;
	height: auto;
}

}
/*---------------------------------------------------------------------------- 商品系 END*/






/*---------------------------------------------------------------------------- 店舗系 START*/
@media all and (max-width: 599px) {
div.mainContents.searchResult header.local .buttonRefine {
	display: none;
}
.searchResult .resultContents .conceptStore .photo {
	margin: 0 -15px 15px;
}
.searchResult .resultContents .conceptStore .photo img {
	width: 100%;
	height: auto;
}
}
@media all and (max-width: 909px) {
body.storeSearch header.global { position: relative; }
body.storeSearch div.mainContents.store header.local {
	padding: 0;
	margin: 0;
}
body.storeSearch header.local h2 {
	margin: 0 145px 0 15px;
	padding: 18px 0;
}
body.storeSearch div.mainContents.searchResult .refine {
	position: absolute;
	top: 63px;
}
body.storeSearch .refine .decoration {
	position: absolute;
	margin: 0;
	padding: 0;
}
body.storeSearch div.mainContents.searchResult header.local .buttonRefine {
	top: 23px;
	right: 55px;
}
body.storeSearch header.local ul.sns { top: 18px; }
body.storeSearch .refine .decoration { right: 58px; }
body.storeSearch div.mainContents.searchResult .refine { width: auto; }
body.storeSearch div.mainContents.searchResult header.local ul.sns li.forSp ul {
	padding: 15px;
	width: 205px;
	top: 36px;
	right: -25px;
}
body.storeSearch div.mainContents.searchResult header.local ul.sns li.forSp ul.is-opened { display: block; }
article.store .contentsContainer .relatedLinks .col1 {
	float: left;
	width: 50%;
	margin-bottom: 15px;
}
}
@media all and (max-width: 599px) {
body.storeSearch div.mainContents.store header.local {
	margin: 18px 0;
}
body.storeSearch header.local h2 {
	padding: 0;
	margin-right: 70px;
}
.storeSearch .searchResult .resultContainer,
.searchResult .resultContents .conceptStore { padding-top: 0; }

article.store .contentsContainer .relatedLinks .col1 {
	width: 100%;
	float: none;
}
body.storeSearch div.mainContents.searchResult .refine { display: none; }
}
@media all and (max-width: 909px) {
.storeSearch header.local,
.storeSearch footer{
	position: relative;
	width: auto;
}
.storeSearch header.local h2 { padding-left: 0; }
.storeSearch footer{ bottom: 0; }
.storeSearch .searchResult .resultContainer { padding: 20px 20px 0; }
article.store .contentsContainer { width: auto; }
article.store .contentsContainer .col1 {
	margin: 0 auto;
	width: 320px;
	float: none;
}
body.storeSearch aside.welcome { position: relative !important; }
body.storeSearch aside.welcome .container { margin-left: 0 !important; }
body.storeSearch div.mainContents.store {
	padding-top: 0 !important;
	margin-top: 0 !important;
}
.searchResult .mapArea { left: 360px; }
body.storeSearch .searchResult .mapArea { top: 0; }
body.storeSearch .resultContainer .backLinks li a div {
	background: none;
	padding-left: 0;
}
.storeSearch .searchResult .resultContainer .arrowUp,
.storeSearch .searchResult .resultContainer .arrowDown { display: none !important; }

div.mainContents article.productListGrid,
div.mainContents article.productListRandom { min-height: 600px; }
}
@media all and (max-width: 599px) {
.searchDetailContainer { width: auto; }
.wordSearch,
.searchDetailContainer .submitButtonContainer,
.searchButtonSubmit { width: 100%; }
.storeSearchContainer .searchDetailContainer .storeStyle {
	width: 100%;
	margin-left: 0;
}
.storeSearch .searchResult .resultContainer { padding: 0; }
.searchResult .resultContents .resultStores { margin: 0 15px; }
.searchResult .resultContents .list { margin-bottom: 20px; }
body.storeSearch .searchResult .mapArea {
	top: auto;
	bottom: 25px;
}
}
@media all and (max-width: 599px) {
.searchResult .resultContents .resultStores .close,
.searchResult .resultContents .resultStores li.item.is-selected .close {
	margin: 5px 0 0;
	padding: 0;
}
.searchDetailContainer .pullDown { padding: 0; }
.wordSearch::-webkit-input-placeholder { font-size: 10px; }
.searchDetailContainer .searchCriteria .options li .checkbox { background-position: 0 -16px;}

.searchResult .resultContents .resultStores li.item.is-selected.isNotFound { background: none; }
.searchResult .resultContents .resultStores li.item.is-selected.isNotFound .detailContainer { margin: 0; }

.buttonBgGray { padding: 0 15px; }
.searchButtonMore { margin: 11px 0; }

div.mainContents.store.searchResult .contents { display: block; }

div.mainContents.store.searchResult { min-height: 0 !important; }

.searchResult .resultContents .resultStores li.item .storeSearchButtons { display: none !important; }

article.store .contentsContainer .lan.col1 { width: 100%; }

article.store .components .row.js-component.is-hidden { visibility: visible; }

}
/*---------------------------------------------------------------------------- 店舗検索 END*/







/*---------------------------------------------------------------------------- IR START*/
@media all and (max-width: 599px) {
.listNav li { width: 50%; }
}
@media all and (max-width: 599px) {
div#adobeReader { padding: 10px; }
div#adobeReader .img img {
	width: 79px;
	height: 19px;
}
div#adobeReader .txt { padding-left: 10px; }
}
@media all and (max-width: 599px) {
header.local .rss li { padding: 0 17px; }
header.local .rss li a {
	display: inline;
	padding: 0;
}
}

@media all and (max-width: 599px) {
.irContentContainer p.graph { display: block; }
.irContentContainer p.graph img {
	max-width: 100%;
	height: auto;
}
.irContentContainer .tableWrap {
	overflow: auto;
}
.irContentContainer .tableWrap table { width: 640px; }

.irContentContainer .tableWrap::-webkit-scrollbar{
	width: 5px;
	background: #DADADA;
	border-radius: 6px;
}
.irContentContainer .tableWrap::-webkit-scrollbar:horizontal{
	height: 8px;
	background: #DADADA;
	border-radius: 6px;
}
.irContentContainer .tableWrap::-webkit-scrollbar-thumb{
	background: #C58940;
	border-radius: 6px;
}
.irContentContainer .tableWrap::-webkit-scrollbar-thumb:horizontal{
	background: #C58940;
	border-radius: 6px;
}
}
@media all and (max-width: 909px) {
.irContentContainer .stockChart .forNotSp { text-align: center; }
.irContentContainer .stockChart h3 { margin: 0 auto 15px; }
article.ir .listNavWrap { margin: 0; }

.arrangeCoffeeRecipe ul.sns .refine { box-sizing: content-box; }
}
@media all and (max-width: 599px) {
.irContentContainer .stockChart img {
	max-width: 100%;
	height: auto;
}
article.ir .listNavWrap .listNav { margin: 0 15px; }
.irContentContainer .stockChart .stockChartContainer { display: none; }
.irContentContainer .stockChart .stockChartContainer.is-selected { display: block; }
.irContentContainer .stockChart p { margin-bottom: 15px; }
.irContentContainer .stockChart .stockChartTabs {
	margin: 10px 0 -5px;
	overflow: hidden;
}
.irContentContainer .stockChart .stockChartTabs li {
	float: left;
	width: 33.33%;
	text-align: center;
	margin-top: 10px;
}
.irContentContainer .stockChart .stockChartTabs li.is-selected { margin: 0; }
.irContentContainer .stockChart .stockChartTabs li span {
	cursor: pointer;
	display: block;
	background: #f3f1ef;
	border: 1px solid #f3f1ef;
	margin: 0 5px;
}
.irContentContainer .stockChart .stockChartTabs li span a {
	display: block;
	padding: 10px;
}
.irContentContainer .stockChart .stockChartTabs li.is-selected span {
	background: url(/common/images/bg-arrow-tab-ir.png) no-repeat 50% 0;
	background-size: 200px 10px;
	border: none;
	padding-top: 10px;
}
.irContentContainer .stockChart .stockChartTabs li.is-selected span a {
	border: 1px solid #b3a599;
	border-top: none;
	padding: 11px 10px 10px;
}
.irContentContainer .stockChart .enclose {
	padding: 15px 15px 0;
	border: 1px solid #dadad9;
	margin: 20px 0 30px;
}

.irContentContainer .stockChart .enclose p { font-size: 11px; }

article.ir p.stockImg { margin-top: 0; }

.irContentContainer .mailRegisterContainer {
	width: auto;
	margin: -15px 0 0;
}
.irContentContainer .mailRegisterContainer .buttons { text-align: center; }
.irContentContainer .mailRegisterContainer .buttons li {
	float: none;
	margin-bottom: 10px;
	display: inline-block;
	width: auto;
}
.irContentContainer .mailRegisterContainer .buttons li.remove a { margin: 0; }
.irContentContainer .mailRegisterContainer .buttons + p.notification {
	width: 250px;
	margin: 0 auto 30px;
}
.irContentContainer .rssRegisterContainer {
	width: 270px;
	margin: 0 auto;
}
.irContentContainer .rssRegisterContainer .rssButton p { padding: 0 10px; }
.irContentContainer .rssExample span { font-weight: bold; }
.irContentContainer .rssExample ul { margin-bottom: 10px; }
}
@media all and (max-width: 599px) {
.irContentContainer.highlight .zoomContents { overflow: auto; }
.irContentContainer.highlight .zoomContents img {
	width: 640px;
	max-width: 640px;
}
.irContentContainer.highlight .zoomContents::-webkit-scrollbar{
	width: 5px;
	background: #DADADA;
	border-radius: 6px;
}
.irContentContainer.highlight .zoomContents::-webkit-scrollbar:horizontal{
	height: 8px;
	background: #DADADA;
	border-radius: 6px;
}
.irContentContainer.highlight .zoomContents::-webkit-scrollbar-thumb{
	background: #C58940;
	border-radius: 6px;
}
.irContentContainer.highlight .zoomContents::-webkit-scrollbar-thumb:horizontal{
	background: #C58940;
	border-radius: 6px;
}
div.mainContents article.ir .pullDown.forSp { display: table; }

.irContentContainer .stockChart h3 {
	width: auto;
	margin-bottom: 10px;
}
.irContentContainer .stockChart h3 span,
.irContentContainer .stockChart h3 span:first-child {
	width: 48%;
	font-size: 14px;
	margin-right: 2%;
}
}
/*---------------------------------------------------------------------------- IR END*/






/*---------------------------------------------------------------------------- プレスリリース START*/
@media all and (max-width: 599px) {
.modal { z-index: 10; }
div.mainContents article.forCms .backLinks { margin-top: 0; }

div.mainContents article.forCms .pullDown.forSp { display: table; }
div.mainContents, div.mainContents article.forCms .filters { width: 100%; }

article.forCms .imgWrap { overflow: auto; }
article.forCms .irContentConainer .imgWrap { overflow: hidden; }

article.forCms .imgWrap img { max-width: none !important; }
article.forCms .imgWrap::-webkit-scrollbar{
	width: 5px;
	background: #DADADA;
	border-radius: 6px;
}
article.forCms .imgWrap::-webkit-scrollbar:horizontal{
	height: 8px;
	background: #DADADA;
	border-radius: 6px;
}
article.forCms .imgWrap::-webkit-scrollbar-thumb{
	background: #C58940;
	border-radius: 6px;
}
article.forCms .imgWrap::-webkit-scrollbar-thumb:horizontal{
	background: #C58940;
	border-radius: 6px;
}
.forCms .linkList { margin: 0 15px 20px; }
}
/*---------------------------------------------------------------------------- プレスリリース END*/





/*---------------------------------------------------------------------------- CSR START*/
@media all and (max-width: 599px) {
.newContents .image span.forSp.button img { margin-bottom: 0 !important; }
}
/*---------------------------------------------------------------------------- CSR END*/






/*---------------------------------------------------------------------------- セミナー START*/
@media all and (max-width: 599px) {
article.seminar .col2.leadContainer { margin: 0 auto 30px; }
article.seminar .col2.leadContainer .lead { margin: 20px 0 10px; }
p.seminarLead { margin-bottom: 10px; }
.seminars .filter.type1 .partsContainer .pullDown,
.seminars .filter.type1 .partsContainer .pullDown li { display: block; }
.seminars .filter.type1 .partsContainer .pullDown li { width: auto; }

article.seminar .panel.type2 .textArea .lead { display: none; }
}
@media all and (max-width: 599px) {
.events .filter.type1 .partsContainer,
.events .filter.type1 .partsContainer .pullDown,
.events .filter.type1 .partsContainer .pullDown li {
	display: block;
	width: auto;
}
.events .filter.type1 .partsContainer .pullDown { padding: 0; }

}

article.seminar div.seminars p.error { margin: 20px 15px; }
/*---------------------------------------------------------------------------- セミナー END*/





/*---------------------------------------------------------------------------- イベント START*/
@media all and (max-width: 599px) {
header.local .backLinks.withPulldown + .filters { display: none; }

.row .col1.imageContainer .image img {
	max-width: 100%;
	height: auto;
}
}
/*---------------------------------------------------------------------------- イベント END*/






/*---------------------------------------------------------------------------- ユーティリティナビ START*/
nav.utility {
	display: block;
	z-index: 1001;
	padding: 0;
	box-shadow: 0 0 0;
	border-top: 1px solid #ccc;
}
nav.utility.os {
	border-top: none;
}

nav.utility p.btn {
	display: block;
	margin: 0;
	background: #ebebea;
	font-size: 140%;
	text-align: left;
	opacity: 1.0;
	border-radius: 0;
}
nav.utility.os p.btn {
	background: #333;
}

nav.utility p.btn a {
	display: block;
	padding: 10px 15px;
}
nav.utility.os p.btn a {
	line-height: 1.75;
	-webkit-tap-highlight-color: rgba(51, 3, 0, 0);
}

nav.utility p.btn span {
	color: #3d3935;
	background: url(/common/images/bg-arrow-utility-up.png) no-repeat 0 50%;
	background-size: 12px 11px;
	padding-left: 22px;
	vertical-align: top;
}
nav.utility.os p.btn span {
	background-image: url(/common/images/bg-arrow-utility-os-up.png);
}
nav.utility.os p.btn span {
	color: #d7d2cb;
}

nav.utility.is-opened p.btn span {
	background: url(/common/images/bg-arrow-utility-down.png) no-repeat 0 50%;
	background-size: 12px 11px;
}
nav.utility.os.is-opened p.btn span {
	background-image: url(/common/images/bg-arrow-utility-os-down.png);
}

nav.utility.os ul {
	background: #333;
	padding: 20px 0 5px;
}
nav.utility.os li a, nav.utility.os li.onlineStore a {
	color: #d7d2cb;
}
nav.utility ul.cart {
	display: block;
	padding: 0;
}
nav.utility ul li ul{ display: block; }
nav.utility li,
nav.utility li.onlineStore,
nav.utility.dyf li.logo {
	font-size: 120%;
	margin-bottom: 15px;
}

nav.utility.dyf {
	padding: 0;
	position: relative;
}

nav.utility li .forSp { display: inline; }

nav.utility.dyf li .forSp { display: block; }

nav.utility.dyf p.enjoy {
	display: block;
	position: absolute;
	top: 12px;
	right: 0;
	margin: 0;
}

nav.utility.dyf p.enjoy a { display: block; }

nav.utility.dyf p.enjoy a span {
	border-left: 1px dotted #8c8279;
	color: #777471;
	padding: 0 10px;
}

nav.utility.os li.cartLink,
nav.utility.cart li.cartLink {
	float: right;
	display: block;
	margin: 5px 35px 12px 0;
	text-align: right;
}

nav.utility.os li.cartLink a,
nav.utility.cart li.cartLink a { color: #c6893f; }
nav.utility li.osIcon {
	position: absolute;
	right: 15px;
	bottom: 10px;
	height: auto;
	width: auto;
}
nav.utility li.osIcon:first-child {
	right: -44px;
	bottom: -45px;
}

nav.utility.os.is-cartActive li.osIcon a,
nav.utility.onlyCart.is-cartActive li.osIcon a {
	margin: 0;
  background: #333;
  width: 100px;
  height: 100px;
  line-height: 80px;
  border-radius: 100px;
  text-align: center;
  position: relative;
  right: -28px;
  bottom: -34px;
}
nav.utility.os.is-cartActive li.osIcon:first-child a,
nav.utility.onlyCart.is-cartActive li.osIcon:first-child a {
  right: auto;
  left: -30px;
  bottom: auto;
  top: -22px;
}

nav.utility.os.is-cartActive.is-opened li.osIcon a {
	background: none;
}
nav.utility.os.is-cartActive li.osIcon a img,
nav.utility.onlyCart.is-cartActive li.osIcon a img {
	position: absolute;
	top: 18px;
	left: 30px;
}
nav.utility.os.is-cartActive li.osIcon .quantityArea,
nav.utility.onlyCart.is-cartActive li.osIcon .quantityArea {
  right: -2px;
  top: 7px;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 80px;
  font-size: 19px;
}

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

nav.utility li.osIcon a:hover { opacity: 1; /* PCのhover上書き */}

nav.utility li.osIcon span.price { display: none; }

nav.utility.dyf li.osIcon,
nav.utility.recruit li.osIcon{
	position: absolute;
	bottom: auto;
	top: -46px;
	right: 10px;
	height: auto;
	padding: 0;
}
nav.utility.dyf li.osIcon a,
nav.utility.recruit li.osIcon a {
	padding: 5px 5px 5px 7px;
	border: 1px solid #ededec;
}
nav.utility.dyf li.osIcon .quantityArea,
nav.utility.recruit li.osIcon .quantityArea {
	right: 4px;
	top: 10px;
}
nav.utility li.osIcon .quantityArea {
	font-size: 10px;
	right: -2px;
	top: 5px;
}

body.reserve nav.utility li a,
body.reserve aside.welcome ul.info li,
body.reserve nav.utility li.onlineStore a {
color: #d7d2cb;
}
@media all and (max-width: 599px) {
nav.utility li,
nav.utility li.onlineStore { width: 50%; }
nav.utility div.show ul a {
    margin: 0 2px 0 0;
}
nav.utility.os li.cartLink,
nav.utility.cart li.cartLink { margin: 0 35px 12px 0; }
}
nav.utility.os.is-cartActive li.cartLink {
	margin-right: 55px;
}

nav.utility.dyf,
.utility.recruit { display: block; }
.utility.recruit > ul{ padding: 10px 15px 5px; }
.utility.recruit li {
	width: 50%;
	padding-top: 10px;
}
.utility.recruit li li { padding-top: 0; }
.utility.recruit .parent{
	float: none;
	width: auto;
	clear: both;
	padding-top: 10px;
	margin-bottom: 0;
	color: #c7c7c7;
}
.utility.recruit li a{ margin-left: 0; }
.utility.recruit .parent ul {
	padding: 15px 0 0;
	margin-bottom: 0;
}
.utility.recruit .parent li {
	line-height: 1.2;
	font-size: 10px;
	margin-bottom: 15px;
}
.utility.recruit .parent li a { margin-left: 15px; }
@media all and (max-width: 599px) {
.utility.recruit .indention { display: block; }
}

/*---------------------------------------------------------------------------- ユーティリティナビ END*/

@media all and (max-width: 909px) {
.modalContainer .forDefault { display: block; }

.modalContainer .forRetina { display: none; }

.modalContainer .detail {
	position: relative;
	width: 100%;
	min-height: 600px;
	margin: 0 auto;
	padding: 45px;
	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: 35%;
	margin: 0 5% 0 0;
}

.modalContainer .detail .recipeImage img {
	max-width: 100%;
	height: auto;
}

.modalContainer .detail .recipeDetail {
	float: left;
	width: 60%;
	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; }
}


@media all and (max-width: 599px) {
	.modalContainer .forDefault { display: none; }

	.modalContainer .forRetina { display: block; }

	.modalContainer .detail {
		width: 100%;
		padding: 18px 43px 30px;
	}

	.modalContainer .detail.aboutRoast, .modalContainer .detail.aboutCoffee { width: 100%; }

	.modalContainer .detail .button { cursor: pointer; }

	.modalContainer .detail .button.close {
		position: absolute;
		right: 7px;
		top: -40px;
		width: 15px;
		height: 15px;
		padding: 8px;
		background: url("/common/images/img-btn-modal-close-sp.png?afc46db68d") 8px 8px no-repeat;
		-webkit-background-size: 15px;
		-moz-background-size: 15px;
		-o-background-size: 15px;
		background-size: 15px;
	}

	.modalContainer .detail .button.close.contentBottom {
		display: block;
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		height: 35px;
		margin-left: 0;
		padding: 0;
		font-size: 15px;
		font-weight: bold;
		line-height: 35px;
		text-align: center;
		background: #fff;
		border: 1px solid #3d3935;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
		box-sizing: border-box;
	}

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

	.modalContainer .detail .button.line {
		display: block;
		position: absolute;
		right: 112px;
		bottom: 0;
	}

	.modalContainer .detail .button.twitter {
		position: absolute;
		right: 55px;
		bottom: 0;
	}

	.modalContainer .detail .button.facebook {
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.modalContainer .detail .share {
		position: relative;
		height: 29px;
		margin-bottom: 20px;
	}

	.modalContainer .detail .recipeImage, .modalContainer .detail .recipeDetail {
		float: none;
		width: 100%;
	}

	.modalContainer .detail .recipeDetail { padding-bottom: 15px; }

	.modalContainer .detail .recipeDetail .titleEnglish { font-size: 16px; }

	.modalContainer .detail .recipeDetail .titleJapanese { font-size: 10px; }

	.modalContainer .detail .recipeDetail .recipeImage { margin-top: 20px; }

	.modalContainer .detail .recipeDetail .recipeImage img { width: 100%; }

	.modalContainer .detail .recipeDetail .specialItem { margin: 30px 0 15px; }

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

	.modalContainer .detail .recipeDetail .content .heading { font-size: 14px; }

	.modalContainer .detail .recipeDetail .content .coffeeList {
		width: 100%;
		padding-top: 0;
	}

	.modalContainer .detail .recipeDetail .content .coffeeList li {
		float: none;
		width: 100%;
		margin: 0 0 20px;
	}

	.modalContainer .detail .recipeDetail .content .coffeeList li .name {
		float: none;
		width: auto;
		overflow: auto;
	}

	.modalContainer .detail .txtCol:last-of-type, .modalContainer .detail .withImgCol:last-of-type { margin-bottom: 30px; }

	.modalContainer .detail .withImgCol .series { margin-bottom: 15px; }

	.modalContainer .detail .withImgCol .series li { margin-bottom: 15px; }

	.modalContainer .detail .imgL {
		float: none;
		margin: 0 0 1em;
		text-align: center;
	}

	.modalContainer .detail .imgL img {
		width: 100%;
		height: auto;
	}

	.modalContainer .detail .heading1 { font-size: 16px; }

	.modalContainer .detail p { margin: 0 0 1em; }

	.modalContainer .detail .txtCol .txtL, .modalContainer .detail .txtCol .txtR {
		float: none;
		width: 100%;
	}

	.modalContainer .detail .withImgCol .series { margin-bottom: 0; }

	.modalContainer .detail .withImgCol .series li {
		width: 100%;
		padding: 0;
	}

	.modalContainer .detail .withImgCol .series li p { margin-bottom: 15px; }

	.modalContainer .detail .tag {
		width: 100%;
		margin-bottom: 7px;
	}

	.modalContainer .detail .limited { margin: 15px 0; }
}

/*---------------------------------------------------------------------------- Reserve スキン START*/
.reserve header.global { background: none #fff; }
.reserve header.global nav.megaNav li a { color: #2c2a29; }
.reserve header.global nav.megaNav li.serviceAndLogin a { color: #006341; }
.reserve header.global .overlay { background: none #2c2a29; }
.reserve header.global .overlay a,
.reserve header.global .overlay li.parent .topics { color: #fff; }
.reserve header.global .overlay.serviceAndLogin li.parent ul li.btn a {
background-color: #2c2a29;
border-color: #8c8279;
}
.reserve header.global .overlay.serviceAndLogin li.parent ul li.btn a:hover { color: #fff; }
.reserve header.global .overlay.serviceAndLogin li.parent ul li.btn.card a,
.reserve header.global .overlay.serviceAndLogin li.parent ul li.btn.os a,
.reserve header.global .overlay.serviceAndLogin li.parent ul li.btn.msc a,
.reserve header.global .overlay.serviceAndLogin li.parent ul li.btn.eGift a,
.reserve header.global .overlay.serviceAndLogin li.parent ul li.btn span.bgArea { background-color: transparent; }
.reserve header.global .overlay div.news div.newsView ul li a:hover,
.reserve header.global .overlay li.parent ul li a:hover,
.reserve header.global .overlay li.parent .topics a:hover,
.reserve header.global .overlay.serviceAndLogin li.parent .topics a:hover,
.reserve header.global .overlay ul.footer li span a:hover {
background-color: #fff;
color: #2c2a29;
}
.reserve header.global .overlay.serviceAndLogin li.parent .name { color: #fff; }
.reserve header.global .overlay.serviceAndLogin li.parent ul li.btn.login a {
border: 1px solid #6cb33f;
background: #6cb33f;
padding: 3px 0;
}
.reserve header.global .overlay.serviceAndLogin li.parent ul li.btn.logout a {
border: 1px solid #8c8279;
border-top: none;
background: #8c8279;
padding: 3px 0;
}
.reserve header.global .overlay li.parent .topics a {
background: url(/common/images/bg-arrow-topics-meganavi.png) no-repeat 100% 50%;
padding: 0 20px 0 0;
}
.reserve header.global .overlay li.parent .topics a:hover { background: url(/common/images/bg-arrow-topics-meganavi-on.png) no-repeat 100% 50% #fff; }
.reserve header.global .overlay div.news ul.controls li i { background-color: #777; }
.reserve header.global .overlay div.news ul.controls li.active i { background-color: #c6893f; }
.reserve header.global nav.megaNav li.active { background: url(/common/images/bg-arrow-meganavi-tab.png) no-repeat scroll 50% 100% transparent; }
.reserve div.titleArea .row {
background-color: #fff;
color: #3d3935;
}
.reserve div.titleArea ul.sns li a { color: #3d3935; }
.reserve div.titleArea .pageTop { background: url(/common/images/bg-arrow-titlearea.png) no-repeat 100% 50%; }
.reserve nav.utility p.btn {
background: none #333;
background-size: auto 100%;
}
.reserve nav.utility p.btn span {
background-image: url(/common/images/bg-arrow-utility-os-up.png);
color: #d7d2cb;
}
.reserve nav.utility.is-opened p.btn span { background-image: url(/common/images/bg-arrow-utility-os-down.png); }
.reserve nav.utility ul {
background: none #333;
background-size: auto 100%;
}
.reserve header.local h1, .reserve .mainContents header.local h2 { color: #fff; }

@media screen and (max-width: 599px) {
	.reserve header.global {
		background: none #fff;
	}
	.reserve header.global .overlay {
		background: none #2c2s29;
	}
	.reserve header.global .overlay.serviceAndLogin li.parent ul li.btn.card a {
		background-image: url(/common/images/bg-icon-card-meganavi-sp.png);
	}
	.reserve header.global .overlay.serviceAndLogin li.parent ul li.btn.os a {
		background-image: url(/common/images/bg-icon-os-meganavi-sp.png);
	}
	.reserve header.global .overlay.serviceAndLogin li.parent ul li.btn.msc a {
		background-image: url(/common/images/bg-icon-msc-meganavi-sp.png);
	}
	.reserve header.global .overlay.serviceAndLogin li.parent ul li.btn.eGift a {
		background-image: url(/common/images/bg-icon-gift-meganavi-sp.png);
	}
	.reserve div.titleArea .pageTop {
		background: url(/common/images/bg-arrow-titlearea-sp.png) no-repeat 100% 50%;
		background-size: 19px 6px;
	}
	.reserve div.globalFooterIn {
		padding: 15px 15px 10px;
	}
}

/*  Reserve 14HolidayP1 画像差し替え
--------------------------------------------------------------------- */
.reserve header.global .overlay p.js-close {
width: auto;
background: none;
text-indent: 0;
white-space: normal;
overflow: visible;
}
.reserve header.global .overlay div.news ul.controls li.prev,
.reserve header.global .overlay div.news ul.controls li.disable {
background: none;
text-indent: 0;
white-space: normal;
overflow: visible;
}
.reserve header.global .overlay div.news ul.controls li.next {
background: none;
text-indent: 0;
white-space:nowrap;
overflow: visible;
}
.reserve header.global .overlay.serviceAndLogin li.parent .topics span.question a {
width: auto;
background: none;
text-indent: 0;
white-space: normal;
overflow: visible;
display: inline;
}

@media screen and (max-width: 599px) {
	.reserve header.global .overlay p.js-close {
		width: auto;
		margin-left: auto;
		margin-right: auto;
		background: none;
		background-size: auto;
		text-indent: 0;
		white-space: normal;
		overflow: visible;
	}
	.reserve header.global .overlay.serviceAndLogin li.parent .topics span.question a {
		width: auto;
		background: none;
		background-size: auto;
		text-indent: 0;
		white-space: normal;
		overflow: visible;
		display: inline;
	}
}
/*  2014.11.12 reserve調整
--------------------------------------------------------------------- */
.reserve header.global {
background: none #2C2A29;
}
.reserve header.global nav.megaNav li a {
color: #e4d9c2;
}
.reserve header.global nav.megaNav li.serviceAndLogin a {
color: #64b72f;
}
.reserve header.global .overlay {
background: none #3d3b3a;
}
.reserve header.global nav.megaNav li.active {
background: url(/common/images/bg-arrow-meganavi-reserve-tab.png) no-repeat scroll 50% 100% transparent;
}
.reserve header.global .overlay.serviceAndLogin li.parent ul li.btn a {
background-color: #3d3b3a;
}
.reserve header.global .overlay p.js-close {
background: url("/common/images/img-icon-close-maganavi-sp-reserve.png") no-repeat scroll left top / 37px auto transparent;
cursor: pointer;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
width: 37px;
}
.reserve header.global .overlay div.news ul.controls li.prev,
.reserve header.global .overlay div.news ul.controls li.prev.disable {
background: url("/common/images/bg-arrow-news-prev-meganavi-reserve.png") no-repeat scroll left top transparent;
cursor: pointer;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
}
.reserve header.global .overlay div.news ul.controls li.next,
.reserve header.global .overlay div.news ul.controls li.next.disable {
background: url("/common/images/bg-arrow-news-next-meganavi-reserve.png") no-repeat scroll right top transparent;
cursor: pointer;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
}
.reserve header.global .overlay li.parent .topics a {
background-image: url("/common/images/bg-arrow-topics-meganavi-reserve.png");
}
.reserve header.global .overlay.serviceAndLogin li.parent .topics span.question a {
background: url("/common/images/img-icon-question-maganavi-reserve.png") no-repeat scroll right center transparent;
background-size: 100%;
cursor: pointer;
display: inline-block;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
width: 13px;
}
.reserve header.global .overlay.serviceAndLogin li.parent .topics a {
background: none repeat scroll 0 0 transparent;
padding: 0;
}
.reserve header.global .overlay.serviceAndLogin li.parent .topics a:hover {
background: none repeat scroll 0 0 #fff;
}
.reserve footer.global  { background: #373534; }
.reserve div.globalFooterIn { background: #373534; }
.reserve footer.global li { border-left: 1px solid #878685; }
.reserve footer.global li:first-child { border: medium none; }
.reserve footer.global li a { color: #878685; }
.reserve footer.global p.copyright { color: #878685; }
.reserve footer.global li.sitemap { border: medium none; }

@media screen and (max-width: 599px) {
	.reserve header.global .overlay.serviceAndLogin li.parent ul li.btn.os a {
		background-image: url(/common/images/bg-icon-os-meganavi-sp-reserve.png);
	}
	.reserve header.global .overlay.serviceAndLogin li.parent ul li.btn.msc a {
		background-image: url(/common/images/bg-icon-msc-meganavi-sp-reserve.png);
	}
	.reserve header.global .overlay.serviceAndLogin li.parent ul li.btn.eGift a {
		background-image: url(/common/images/bg-icon-gift-meganavi-sp-reserve.png);
	}
}

/*----------------------------------------------------------------------------
Reserve スキン END*/


/*  2015.01.14 共通タグ埋め込み
--------------------------------------------------------------------- */
body #mainCanvas > iframe, body #mainCanvas > img {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px;
  float: left;
}
/*----------------------------------------------------------------------------
共通タグ埋め込み END*/


/*  2015.02.24 店舗検索ページ　店舗検索h2周りの背景の色変更リセット
--------------------------------------------------------------------- */
div.mainContents.notExNav.store.searchResult article { background-color: #FFF; }
/*----------------------------------------------------------------------------
店舗検索ページ　店舗検索h2周りの背景の色変更リセット END*/


/*  2015.06.24 オーバーレイ改修
--------------------------------------------------------------------- */
#pos.col1 { width: 100%; }

@media all and (max-width: 909px) {
	.modalContainer .detail.aboutOsguide,
	.modalContainer .detail.aboutRoast,
	.modalContainer .detail.aboutCoffee {
		width: 540px;
	}
	.modalContainer .detail.aboutOsguide .row.priceArea li span img {
		width: 100%;
		height: auto;
	}
	.modalContainer .detail.aboutRoast .withImgCol .series {
		margin: 20px -6px 0;
		overflow: hidden;
	}
	.modalContainer .detail.aboutRoast .withImgCol .series li {
		display: block;
		width: 33.333%;
		float: left;
		padding: 0;
	}
	.modalContainer .detail.aboutRoast .withImgCol .series li span {
		margin: 0 6px;
		display: block;
	}
	.modalContainer .detail.aboutRoast .withImgCol .series li a,
	.modalContainer .detail.aboutRoast .withImgCol .series li p { width: 100%; }
}
@media all and (max-width: 599px) {
	.modalContainer .detail { padding-top: 43px; }
	.modalContainer .detail.aboutOsguide,
	.modalContainer .detail.aboutRoast,
	.modalContainer .detail.aboutCoffee { width: 100%; }
	.modalContainer .detail.aboutRoast .withImgCol .series li {
		display: block;
		width: 100%;
		float: none;
	}
	.modalContainer .detail.aboutOsguide .row.priceArea ul.btnArea li span img.forRetina {
		height: 61px;
		width: 96px;
	}
}
/*----------------------------------------------------------------------------
オーバーレイ改修 END*/

/*  2015.07.21 DYFコンポーネント改修 --------------------------------------------------------------------- */
#sbjCustomizeArea.repair .arrow:hover { background: none; }
/*---------------------------------------------------------------------------- DYFコンポーネント改修 END*/

/*  2016.04.13 OS総合テストFB対応 --------------------------------------------------------------------- */
@media all and (max-width: 599px) {
	header.local .buttonRefine {
		line-height: 1;
		height: 10px;
		margin: auto;
		top: 0;
		bottom: 0;
	}
	article.productDetail .slide li.thumbnailList .thumbnails {
		-webkit-transform: translate3d(0px, 0px, 0px)!important;
		transform: translate3d(0px, 0px, 0px)!important;
	}
}
/*---------------------------------------------------------------------------- OS総合テストFB対応 END*/

/*  2017.02.22 UT改善OS対応 --------------------------------------------------------------------- */
@media (max-width: 909px){
nav.utility div.recentCheckedItems {
	padding:0 12px ;
	background-color:#3f3e3d;
}
nav.utility div.recentCheckedItems p{
	display: block;
	margin:0;
	border:none;
	padding:8px 3px;
	background-color:#3f3e3d;
	font-size:10px;
	line-height:10px;
	color:#e2e2e2;
}
nav.utility div.recentCheckedItems ul{
	display: block;
	padding-top:0;
	background-color:#3f3e3d;
}
nav.utility div.recentCheckedItems ul a{
	margin:0;
}
nav.utility div.recentCheckedItems ul li {
	width:12.5%;
	margin:0 0 7px;
	padding: 0 3px;
	box-sizing: border-box;
}
nav.utility div.recentCheckedItems img {
	width: 100%;
	height:100%;
}

}
@media all and (max-width: 599px) {
	nav.utility div.recentCheckedItems {
	display: none;
}
	nav.utility div.recentCheckedItems ul li {
	width:25%;
}
	nav.utility div.recentCheckedItems ul li:nth-child(n+5){
	display:none;
}
}

/*---------------------------------------------------------------------------- 2017.02.22 UT改善OS対応 END*/

/*  2018.01.18 -------------------------------------------------------------------- */
@media all and (max-width: 909px) {
div.mainContents.beverageProductList { margin-right: 0; }
}
@media all and (max-width: 599px) {
div.mainContents.notExNav.beverageProductList article.productList { padding-bottom: 0; }
.mainContents.beverageProductList article.productList header.local h2 {
	margin-left: 0;
	padding-left: 15px;
}
.beverageProductList header.local ul.sns { right: 25px; }
.beverageProductList h3,
.beverageProductList .reserveBar h4 {
	margin: 0 15px;
	padding: 15px 0;
	font-size: 13px;
	line-height: 1.85;
}
.beverageProductList .row.listGrid {
	margin: 0 15px 0 12px;
}
.beverageProductList .row.listGrid .col { margin: 0; }
.beverageProductList .row.listGrid .col a { margin: 0 3px 23px 0; }
.beverageProductList .row .col .itemImage .icon {
	width: 30px;
	height: 30px;
	right: 5px;
	bottom: 5px;
}
.beverageProductList .row .col .productName {
	font-size: 10px;
}
.beverageProductList .row .col .productPrice {
	font-size: 10px;
}

/* 季節のおすすめ */
.beverageProductList .seasonalRecommendations h3 {
	padding: 15px 0 7px;
	font-size: 14px;
	line-height: 2.14;
}
.beverageProductList .seasonalRecommendations .row.listGrid {
	width: calc(100% + 3px);
	margin: 0;
}
.beverageProductList .seasonalRecommendations .row.listGrid .col { width: 50%; }
.beverageProductList .seasonalRecommendations .row .col a > :not(.itemImage) { padding: 0 15px; }

/* 通常商品 */
.beverageProductList .standardItems::before {
	margin: 0 15px 15px;
}

/* Reserve Bar */
.beverageProductList .reserveBar { margin-bottom: 0; }
.beverageProductList .reserveBar .heading {
	padding: 20px 15px;
	margin-bottom: 0;
}
.beverageProductList .reserveBar h3 {
	float: none;
	width: 136px;
	height: auto;
	margin: 0
}
.beverageProductList .reserveBar .lead {
	float: none;
	min-width: 100%;
	padding: 0;
}
.beverageProductList .reserveBar .lead .text {
	padding: 10px 0 5px;
	font-size: 11px;
	line-height: 1.36;
}
.beverageProductList .reserveBar h4:nth-of-type(1) {
	margin-top: 0;
	padding-top: 15px;
	border-top: 1px solid #4b453d;
}

}

/*---------------------------------------------------------------------------- 2018.01.18 END*/
/* 2018.10.10 --------------------------------------------------------------------- */
/* new Reserve */
@media all and (max-width: 909px) {
	@media all and (max-width: 599px) {
	.beverageProductList .newReserve h4 {
		margin: 0 15px;
		padding: 15px 0;
		font-size: 13px;
		line-height: 1.85;
	}
	/* Reserve Bar */
	.beverageProductList .newReserve { margin-bottom: 0; }
	.beverageProductList .newReserve + .newReserve { margin-top: 2px; }
	.beverageProductList .newReserve .heading {
		padding: 20px 15px 13px;
		margin-bottom: 0;
	}
	.beverageProductList .newReserve .lead .link{
		margin: 7px 0 0 0;
	}
	.beverageProductList .newReserve h3 {
		float: none;
		width: 136px;
		height: auto;
		margin: 0
	}
	.beverageProductList .newReserve h3.two_images {
		float: none;
		width: 226px;
		height: auto;
		margin: 0;
		overflow: hidden;
		min-height: 30px;
		margin-top: 8px;
	}
	.beverageProductList .newReserve h3.roastery_tokyo {
		margin: 0;
		margin-top: 8px;
	}

	.beverageProductList .newReserve h3.two_images img:nth-child(2) {
		margin-left: 15px;
		margin-right: 10px;
	}

	.beverageProductList .newReserve h3.two_images img {
		width: 100px;
		float: left;
	}

	.beverageProductList .newReserve h3.roastery_tokyo img {
		width: 100px;
	}

	.beverageProductList .newReserve .lead.two_images .text, .beverageProductList .newReserve .lead.roastery_tokyo .text {
		padding: 18px 0 5px 0;
	}
	.beverageProductList .newReserve .lead {
		float: none;
		min-width: 100%;
		padding: 0;
	}

	.beverageProductList .newReserve .lead .text {
		padding: 10px 0 5px;
		font-size: 11px;
		line-height: 1.36;
	}
	.beverageProductList .newReserve h4:nth-of-type(1) {
		margin-top: 0;
		padding-top: 15px;
		border-top: 1px solid #d7d2cb;
	}
	.beverageProductList .newReserve .seasonalRecommendations + h4:nth-of-type(1) {
		border-top: 1px solid #d7d2cb;
	}
	.beverageProductList .newReserve + h3 {
		padding-top: 15px;
	}
	.beverageProductList .newReserve .bnr_reserve {
		padding: 0 15px 25px;
	}
	.beverageProductList .newReserve .bnr_reserve img {
		display: none;
	}
	.beverageProductList .newReserve .bnr_reserve img.forSp {
		display: inline-block;
	}
	}
}
/*---------------------------------------------------------------------------- 2018.10.10 END*/