/* CSS Document */

/*  スキン変更
--------------------------------------------------------------------- */
header.global { background: url(/common/images/bg-global-header-pc-160215.jpg) no-repeat left bottom #fff; }
/* header.global nav.megaNav li a { color: #3d3935; } */
/* header.global nav.megaNav li.serviceAndLogin a { color: #ffffff; } */
header.global .overlay { background: url(/common/images/bg-meganav-160215-pc.jpg) no-repeat left top; }
header.global .overlay a,
header.global .overlay li.parent .topics { color: #3d3935; }
header.global .overlay.serviceAndLogin li.parent ul li.btn a {
/* background-color: #3d3935; */
/* border-color: #897b7d; */
}
header.global .overlay.serviceAndLogin li.parent ul li.btn.card a,
header.global .overlay.serviceAndLogin li.parent ul li.btn.os a,
header.global .overlay.serviceAndLogin li.parent ul li.btn.msc a,
header.global .overlay.serviceAndLogin li.parent ul li.btn.eGift a,
header.global .overlay.serviceAndLogin li.parent ul li.btn span.bgArea {
background-color: transparent;
border-color: #897b7d;
}
/* header.global .overlay.serviceAndLogin li.parent ul li.btn:hover a { background-color: rgba(255, 255, 255, 0.3); } */
header.global .overlay.serviceAndLogin li.parent ul li.btn a:hover { color: #897b7d; }
header.global .overlay div.news div.newsView ul li a:hover,
header.global .overlay li.parent ul li a:hover,
header.global .overlay li.parent .topics a:hover,
header.global .overlay.serviceAndLogin li.parent .topics a:hover,
header.global .overlay ul.footer li span a:hover {
background-color: #ee86ba;
color: #fff;
}
header.global .overlay.serviceAndLogin li.parent .name { color: #3d3935; }
header.global .overlay.serviceAndLogin li.parent ul li.btn.login a { color: #fff; }
header.global .overlay.serviceAndLogin li.parent ul li.btn.login a:hover {
color: #fff;
border: 1px solid #98ca79;
background: #98ca79;
}
header.global .overlay.serviceAndLogin li.parent ul li.btn.logout a span {
color: #fff;
}
header.global .overlay.serviceAndLogin li.parent ul li.btn.myPage a { background-color: transparent; }
header.global .overlay.serviceAndLogin li.parent ul li.btn.myPage:hover a { background-color: rgba(255, 255, 255, 0.3); }
header.global .overlay li.parent .topics a { background-image: url(/common/images/bg-arrow-topics-meganavi-160215.png); }
header.global .overlay li.parent .topics a:hover { background-image: url(/common/images/bg-arrow-topics-meganav-160215-on.png); }
header.global .overlay div.news ul.controls li i { background-color: #e22e8b; }
header.global .overlay div.news ul.controls li.active i { background-color: #ee86ba; }
header.global nav.megaNav li.active { background-image: url(/common/images/bg-arrow-meganavi-160215.png); }
/* header.local h1, .mainContents header.local h2 { color: #e1002a; } */
/*div.titleArea .row {
border-bottom: 1px solid #bf0024 !important;
background-color: #e1002a;
color: #fff;
}*/
/* div.titleArea ul.sns li a { color: #fff; } */
/* footer.global { background: #a61d2e; }
footer.global li a { color: #ffffff; }
footer.global li {
border-left: 1px solid #fff;
opacity: 0.5;
}
footer.global p.copyright {
color: #ffffff;
opacity: 0.5;
} */

/*  min
--------------------------------------------------------------------- */
/* header.global nav.megaNav.min li.name,
header.global nav.megaNav.min li.name span.indention,
header.global nav.megaNav.min li.return a { color: #fff; } */

@media screen and (max-width: 909px) {
	header.global {
		background: url(/common/images/bg-meganav-160215-sp.jpg) no-repeat right top #fff;
		background-size: auto 130px;
	}
	header.global nav.megaNav li.active {
		background: url(/common/images/bg-arrow-meganavi-sp-160215.png) no-repeat scroll 50% 100% transparent;
		background-size: 12px 7px;
	}
	header.global nav.megaNav li.serviceAndLogin.active {
		background: url(/common/images/bg-arrow-meganavi-service-sp-160215.png) no-repeat scroll 50% 100% transparent;
		background-size: 12px 7px;
	}
	header.global .overlay {
		background: url(/common/images/bg-meganav-160215-sp.png) no-repeat right top #fff;
	}
/*
	header.global .overlay .bgInner {
		background: url(/common/images/bg-meganav-spring143-right-tab.gif) no-repeat right bottom;
	}
	div.titleArea .pageTop {
		background: url(/common/images/bg-arrow-titlearea-nm.png) no-repeat 100% 50%;
	}
	nav.utility,
	nav.utility.os {
		border-top: 1px solid #e1cf94;
	}
	nav.utility p.btn,
	nav.utility.os p.btn {
		background: url(/common/images/bg-utility-cart-active-ttl-holiday161.png) no-repeat right top #f6edd5;
		background-size: auto 100%;
	}
	nav.utility p.btn span,
	nav.utility.os p.btn span {
		color: #e1002a;
		background-image: url(/common/images/bg-arrow-utility-up-holiday161.png);
	}
	nav.utility.is-opened p.btn span,
	nav.utility.os.is-opened p.btn span {
		background-image: url(/common/images/bg-arrow-utility-down-holiday161.png);
	}
	nav.utility ul,
	nav.utility.os ul {
		background: url(/common/images/bg-utility-cart-active-menu-holiday161.png) no-repeat right top #f9f2e2;
		background-size: 684px;
	}
	nav.utility li a,
	nav.utility li.onlineStore a,
	nav.utility.os li a,
	nav.utility.os li.onlineStore a {
		color: #e1002a
	}
*/

	/*  ユーティリティナビ スキン変更除外
	--------------------------------------------------------------------- */
/*
	nav.utility.navgift-oos,
	nav.utility.recruit {
		border-top: 1px solid #ccc;
	}
	nav.utility.navgift-oos p.btn,
	nav.utility.recruit p.btn {
		background: none;
	}
	nav.utility.navgift-oos p.btn span,
	nav.utility.recruit p.btn span {
		color: #3d3935;
		background: url(/common/images/bg-arrow-utility-up.png) no-repeat scroll 0 50% / 12px 11px;
	}
	nav.utility.navgift-oos.is-opened p.btn span,
	nav.utility.recruit.is-opened p.btn span {
		background: url(/common/images/bg-arrow-utility-down.png) no-repeat scroll 0 50% / 12px 11px
	}
	nav.utility.navgift-oos ul,
	nav.utility.recruit ul {
		background: none;
	}
	nav.utility.navgift-oos li a,
	nav.utility.navgift-oos li.onlineStore a,
	nav.utility.recruit li a,
	nav.utility.recruit li.onlineStore a {
		color: #2c2a29;
	}
*/
}

@media screen and (max-width: 599px) {
	header.global {
		background: url(/common/images/bg-meganav-160215-sp.jpg) no-repeat right top #fff;
		background-size: auto 65px;
	}
/* header.global .overlay .bgInner {
		background: url(/common/images/bg-meganav-spring143-top-sp.gif) no-repeat center 100px #cd062a;
		background-size: 100% auto;
	}

	/*  header.global .overlay.serviceAndLogin li.parent ul li.btn.card a {
		background-image: url(/common/images/bg-icon-card-meganavi-sp-nm.png);
	}
	header.global .overlay.serviceAndLogin li.parent ul li.btn.os a {
		background-image: url(/common/images/bg-icon-os-meganavi-sp-nm.png);
	}
	header.global .overlay.serviceAndLogin li.parent ul li.btn.msc a {
		background-image: url(/common/images/bg-icon-msc-meganavi-sp-nm.png);
	}
	header.global .overlay.serviceAndLogin li.parent ul li.btn.eGift a {
		background-image: url(/common/images/bg-icon-gift-meganavi-sp-nm.png);
	}
	div.titleArea .pageTop {
		background: url(/common/images/bg-arrow-titlearea-sp-nm.png) no-repeat 100% 50%;
		background-size: 19px 6px;
	}
	footer.global {
		background: url(/common/images/bg-global-footer-sp.png) repeat left top transparent;
		background-size: 100% auto;
	}
	div.globalFooterIn {
		padding: 15px 15px 10px;
		background: none;
	}
	footer.global li.sitemap {
		border: none;
	} */

}

/*  top スキン変更
--------------------------------------------------------------------- */
/*
.wrapper div.mainContents.siteTop,
.wrapper .siteTop .is-tablet .contentArea,
.wrapper .siteTop .is-sp .contentArea,
.wrapper .siteTop .is-tablet .navArea,
.wrapper .siteTop .is-sp .navArea { background-color: #fdebee; }
.wrapper .siteTop .contentArea .heading,
.wrapper .siteTop .is-tablet .contentArea .brewingArea .topLinks li,
.wrapper .siteTop .is-sp .contentArea .brewingArea .topLinks li,
.wrapper .siteTop .is-tablet .contentArea .othersArea .news .contentContainer .topLinks li,
.wrapper .siteTop .is-sp .contentArea .othersArea .news .contentContainer .topLinks li { color: #e1002a; }
*/

/*  画像差し替え
--------------------------------------------------------------------- */
header.global .overlay p.js-close {
width: 14px;
background: url(/common/images/img-icon-close-maganavi-160215.png) no-repeat left top;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
}
header.global .overlay div.news ul.controls li.prev,
header.global .overlay div.news ul.controls li.disable {
background: url(/common/images/bg-arrow-news-prev-meganavi-160215.png) no-repeat left top;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
}
header.global .overlay div.news ul.controls li.next {
background: url(/common/images/bg-arrow-news-next-meganavi-160215.png) no-repeat right top;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
}
header.global .overlay.serviceAndLogin li.parent .topics span.question a {
width: 13px;
background: url(/common/images/img-icon-question-maganavi-pc-160215.png) no-repeat right center;
text-indent: -9999px;
white-space: nowrap;
overflow: inherit;
cursor: pointer;
display: inline-block;
}
/*
header.global h1 a {
background: url(/common/images/img-logo-holiday161.png) no-repeat center top;
background-image: url(/common/images/img-logo-holiday161-pc.png)\9;
background-size: 100%;
width: 70px;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
}
*/

@media screen and (max-width: 909px) {
/*
	header.global h1 a {
		background: url(/common/images/img-logo-holiday161.png) no-repeat center top;
		background-size: 100%;
		display: block;
		width: 70px;
		margin: auto;
	}
*/
	header.global .overlay.serviceAndLogin li.parent .topics span.question a {
		width: 13px;
		background: url(/common/images/img-icon-question-maganavi-sp-160215.png) no-repeat right center;
		background-size: 100%;
	}
}

@media screen and (max-width: 599px) {
	header.global .overlay p.js-close {
		width: 37px;
		margin-left: auto;
		margin-right: auto;
		background: url(/common/images/img-icon-close-maganavi-sp-160215.png) no-repeat left top;
		background-size: 37px;
		text-indent: -9999px;
		white-space:nowrap;
		overflow: hidden;
	}
}


/*  h2
--------------------------------------------------------------------- */
/*
.error header.local h1, .mainContents.error header.local h2,
.attention header.local h1, .mainContents.attention header.local h2,
.companyTop header.local h1, .mainContents .companyTop header.local h2,
.company header.local h1, .mainContents .company header.local h2,
.forCms header.local h1, .mainContents .forCms header.local h2,
.ir header.local h1, .mainContents .ir header.local h2,
.recruitIndex header.local h1, .mainContents .recruitIndex header.local h2,
.recruit header.local h1, .mainContents .recruit header.local h2,
.faqindex header.local h1, .mainContents.faqindex header.local h2,
.rules header.local h1, .mainContents.rules header.local h2,
.notFullSkin header.local h1, .notFullSkin .mainContents header.local h2,
.siteMap.policy header.local h1, .mainContents.siteMap.policy header.local h2 { color: #e1002a; }
*/

/*
#popupA.popupMap #contents #footer {
background: url(/common/images/bg-global-footer-repeat-pc.png) repeat 910px top transparent;
}
*/