@charset "utf-8";

/*============================
#header
============================*/
#header { height: 80px; box-sizing: border-box; }

/*============================
#headerPC
============================*/
#headerPC { display: block; width: 1000px; margin: 0 auto; }
#headerPC .pad { width: 960px; margin: 0 20px; }
#headerPC .pad .first { position: relative; }
#headerPC .pad .first .tagline { position: absolute; top: 31px; left: 180px; font-size: 1em; }
#headerPC .pad .first .logo {}
#headerPC .pad .first .logo a { padding: 19px 0; display: inline-block; }
#headerPC .pad .first .logo a img {}
#headerPC .pad .first .language { display: inline-block; position: absolute; right: 0; top: 0; width: 72px; }
#headerPC .pad .first .language ul {}
#headerPC .pad .first .language ul li { float: left; text-align: center; font-size: 0.75em; }
#headerPC .pad .first .language ul .en a {background-color: #4e4e4e; color: #fff; }
#headerPC .pad .first .language ul .jp a {background-color: #e8e8e8; color: #000; }
#headerPC .pad .first .language ul li a { display: block; width: 36px; height: 36px; line-height: 37px; }

/*============================
#navArea
============================*/
#navArea { position: relative; display: block; width: 1000px; margin: -43px auto 0; }
#navArea .pad { width: 960px; margin: 0 20px; text-align: right; }
#navArea .pad ul { position: absolute; top:0; right: 35px;  display: inline-block; }
#navArea .pad ul li{ float: left; margin-right: 36px; }
#navArea .pad ul li:last-child{ margin-right: 130px; }
#navArea .pad ul li a{ color: #777; display: block; padding: 10px; }
#navArea .pad ul .on {}
#navArea .pad ul .on a { color: #a04e4a; }

/*============================
#headerSP
============================*/
#headerSP { display: none; }

/*============================
#pageSet
============================*/
#pageSet { width: 1000px; margin: 0 auto; }
#pageSet .pageSetContent { width: 960px; margin: 0 20px; }

/*============================
#footer
============================*/
#footer { min-width: 1000px; margin-top: 100px; }
#footer .pad { width: 1000px; margin: 0 auto; }
#footer .pad .footerMenu { width: 960px; margin: 0 20px; }
#footer .pad .footerMenu .mainMenu { float: left; display: inline-block; width: 121px; padding-right: 40px; padding-bottom: 15px; box-sizing: border-box; }
#footer .pad .footerMenu .mainMenu .title { font-size: 1.225em; }
#footer .pad .footerMenu .mainMenu .content { margin-top: 15px; }
#footer .pad .footerMenu .mainMenu .content ul { display: inline-block; }
#footer .pad .footerMenu .mainMenu .content ul li { margin-top: 5px; }
#footer .pad .footerMenu .mainMenu .content ul li a { color: #555555; font-size: 0.875em; line-height: 1.5; display: block; padding-left: 15px; background: url(../../imageFile/global/icon_arrow_textLink.png) no-repeat left center; background-size: 5px auto; }
#footer .pad .footerMenu .shopMenu { float: left; display: inline-block; width: 485px; border-left: solid #dedede 1px; padding: 0 40px 15px; box-sizing: border-box; }
#footer .pad .footerMenu .shopMenu .title { font-size: 1.225em; }
#footer .pad .footerMenu .shopMenu .content { margin-top: 15px; }
#footer .pad .footerMenu .shopMenu .content ul { float: left; display: inline-block; }
#footer .pad .footerMenu .shopMenu .content ul:first-child{ margin-right: 35px; }
#footer .pad .footerMenu .shopMenu .content ul li { margin-top: 5px; }
#footer .pad .footerMenu .shopMenu .content ul li a { color: #555555; font-size: 0.875em; line-height: 1.5; display: block; padding-left: 15px; background: url(../../imageFile/global/icon_arrow_textLink.png) no-repeat left center; background-size: 5px auto; }
#footer .pad .footerMenu .infoMenu { float: left; display: inline-block; width: 354px; padding: 0 0 15px 40px; border-left: solid #dedede 1px; box-sizing: border-box; }
#footer .pad .footerMenu .infoMenu .cardsTitle { font-size: 1.225em; }
#footer .pad .footerMenu .infoMenu .creditImg { margin-top: 15px; }
#footer .pad .footerMenu .infoMenu .infoText { margin-top: 10px; font-size: 0.75em; color: #555; }
#footer .pad .footerMenu .infoMenu .allergyTitle { margin-top: 20px; font-size: 1.225em; }
#footer .pad .footerMenu .infoMenu .text { margin-top: 15px; line-height: 1.5; font-size: 0.875em; color: #555; }

#footer .pad .copyright { text-align: center; padding: 25px 0 40px; margin: 40px 20px 0; border-top: solid #dedede 1px; font-size: 0.875em; }