@charset "utf-8";

/*============================
#header
============================*/
#header {}

/*============================
#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: 26px; left: 180px; font-size: 1em; font-weight: bold; }
#headerPC .pad .first .logo { padding: 10px 0; }
#headerPC .pad .first .logo a {}
#headerPC .pad .first .logo a img {}
#headerPC .pad .first .language { display: block; position: absolute; right: 0; top: 0; width: 225px; }
#headerPC .pad .first .language ul {}
#headerPC .pad .first .language ul li { float: left; width: 95px; text-align: center; font-size: 0.875em; }
#headerPC .pad .first .language ul li a { display: block; background: #ede8e7; color: #555; width: 95px; height: 33px; line-height: 33px; border-radius: 0 0 3px 3px; }
#headerPC .pad .first .language ul li.on { width: 115px; }
#headerPC .pad .first .language ul li.on a { background: #a04e4a; color: #fff; width: 115px; height: 37px; line-height: 37px; border-radius: 0 0 4px 4px; }
#headerPC .pad .first .language ul li:first-child { margin-right: 15px; }

/*============================
#navArea
============================*/
#navArea { background: url(../../imageFile/global/bg_navi.png) repeat-x left center; min-width: 1000px; }
#navArea .pad { width: 1000px; margin: 0 auto; }
#navArea .pad ul { width: 960px; margin: 0 20px; }
#navArea .pad ul li { float: left; height: 85px; width: 157px; }
#navArea .pad ul li a { display: block; height: 85px; text-indent: -9999px; }
#navArea .pad ul li span { display: block; height: 85px; text-indent: -9999px; }
#navArea .pad ul li.top {}
#navArea .pad ul li.top a { width: 157px; background: url(../../imageFile/global/button_navi_middle.png) no-repeat left top; background-position: 0 0; }
#navArea .pad ul li.top a:hover { width: 157px; background: url(../../imageFile/global/button_navi_middle.png) no-repeat left top; background-position: 0 -85px; }
#navArea .pad ul li.top.on a { width: 157px; background: url(../../imageFile/global/button_navi_middle.png) no-repeat left top; background-position: 0 -85px; }
#navArea .pad ul li.committed {}
#navArea .pad ul li.committed a { width: 157px; background: url(../../imageFile/global/button_navi_middle.png) no-repeat left top; background-position: -157px 0; }
#navArea .pad ul li.committed a:hover { width: 157px; background: url(../../imageFile/global/button_navi_middle.png) no-repeat left top; background-position: -157px -85px; }
#navArea .pad ul li.committed.on a { width: 157px; background: url(../../imageFile/global/button_navi_middle.png) no-repeat left top; background-position: -157px -85px; }
#navArea .pad ul li.news { position: relative; }
#navArea .pad ul li.news span { width: 157px; background: url(../../imageFile/global/button_navi_middle.png) no-repeat left top; background-position: -314px 0; }
#navArea .pad ul li.news span:hover { width: 157px; background: url(../../imageFile/global/button_navi_middle.png) no-repeat left top; background-position: -314px -85px; }
#navArea .pad ul li.news.on span { width: 157px; background: url(../../imageFile/global/button_navi_middle.png) no-repeat left top; background-position: -314px -85px; }
#navArea .pad ul li.news span ul.subMenu { position: absolute; left: -20px; top: 85px; display: none; z-index: 1000; }
#navArea .pad ul li.news span ul.subMenu li { float: inherit; text-align: left; width: 240px; height: 50px; line-height: 52px; background: #ede8e7; border-top: solid 1px #cdc8c7; }
#navArea .pad ul li.news span ul.subMenu li a { font-size: 1em; color: #222; display: block; width: 240px; padding: 0 20px; height: 50px; line-height: 52px; text-indent: 0; box-sizing: border-box; }
#navArea .pad ul li.news span ul.subMenu li:last-child { border-radius: 0 0 5px 5px; overflow: hidden; }
#navArea .pad ul li.shop {}
#navArea .pad ul li.shop a { width: 157px; background: url(../../imageFile/global/button_navi_middle.png) no-repeat left top; background-position: -471px 0; }
#navArea .pad ul li.shop a:hover { width: 157px; background: url(../../imageFile/global/button_navi_middle.png) no-repeat left top; background-position: -471px -85px; }
#navArea .pad ul li.shop.on a { width: 157px; background: url(../../imageFile/global/button_navi_middle.png) no-repeat left top; background-position: -471px -85px; }
#navArea .pad ul li.recruit {}
#navArea .pad ul li.recruit a { width: 157px; background: url(../../imageFile/global/button_navi_middle.png) no-repeat left top; background-position: -628px 0; }
#navArea .pad ul li.recruit a:hover { width: 157px; background: url(../../imageFile/global/button_navi_middle.png) no-repeat left top; background-position: -628px -85px; }
#navArea .pad ul li.recruit.on a { width: 157px; background: url(../../imageFile/global/button_navi_middle.png) no-repeat left top; background-position: -628px -85px; }
#navArea .pad ul li.shuten {}
#navArea .pad ul li.shuten a { width: 157px; background: url(../../imageFile/global/button_navi_middle.png) no-repeat left top; background-position: -785px 0; }
#navArea .pad ul li.shuten a:hover { width: 157px; background: url(../../imageFile/global/button_navi_middle.png) no-repeat left top; background-position: -785px -85px; }
#navArea .pad ul li.shuten.on a { width: 157px; background: url(../../imageFile/global/button_navi_middle.png) no-repeat left top; background-position: -785px -85px; }
#navArea .pad ul li.store { width: 158px; }
#navArea .pad ul li.store a { width: 158px; width: 157px; background: url(../../imageFile/global/button_navi_middle.png) no-repeat left top; background-position: -942px 0; }
#navArea .pad ul li.store a:hover { width: 158px; width: 157px; background: url(../../imageFile/global/button_navi_middle.png) no-repeat left top; background-position: -942px -85px; }
#navArea .pad ul li.store.on a { width: 158px; width: 157px; background: url(../../imageFile/global/button_navi_middle.png) no-repeat left top; background-position: -942px -85px; }

/*============================
#headerSP
============================*/
#headerSP { display: none; }

/*============================
#pankuzu
============================*/
#pankuzu { padding: 18px 0 16px; border-bottom: solid 1px #e7e7e7; min-width: 1000px; box-shadow: 0 5px 30px rgba(0,0,0,0.04); background-color: white;}
#pankuzu ul { width: 960px; margin: 0 auto; padding-left: 20px; box-sizing: border-box; }
#pankuzu ul li { float: left; display: inline-block; margin-right: 40px; }
#pankuzu ul li a { display: inline-block; font-size: 0.75em; position: relative; white-space: nowrap; color: #999; }
#pankuzu ul li a:after { position: absolute; right: -25px; top: 2px; content:">"; font-size: 0.675em; color: #999; }
#pankuzu ul li span { font-size: 0.75em; }
#pankuzu ul li span h1 { display: inline; }

/*============================
#pageSet
============================*/
#pageSet { width: 1000px; margin: 0 auto; }
#pageSet .pageSetContent { width: 960px; margin: 0 20px; }

/*============================
#footer
============================*/
#footer { background: #faf9f6; min-width: 1000px; margin-top: 70px; }
#footer .pad { width: 1000px; margin: 0 auto; }
#footer .pad .footerMenu { width: 960px; margin: 0 20px; padding-top: 30px; }
#footer .pad .footerMenu .mainMenu { float: left; display: inline-block; padding: 20px 0; }
#footer .pad .footerMenu .mainMenu .title { font-weight: bold; font-size: 1.25em; color: #321; }
#footer .pad .footerMenu .mainMenu .content { margin-top: 20px; }
#footer .pad .footerMenu .mainMenu .content ul { float: left; display: inline-block; margin-right: 20px; }
#footer .pad .footerMenu .mainMenu .content ul li { margin-top: 5px; }
#footer .pad .footerMenu .mainMenu .content ul li a { color: #321; font-size: 1em; 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; border-left: solid #efece5 1px;  padding: 20px 0 20px 20px; }
#footer .pad .footerMenu .shopMenu .title { font-weight: bold; font-size: 1.25em; color: #321; }
#footer .pad .footerMenu .shopMenu .content { margin-top: 20px; }
#footer .pad .footerMenu .shopMenu .content ul { float: left; display: inline-block; margin-right: 20px; }
#footer .pad .footerMenu .shopMenu .content ul li { margin-top: 5px; }
#footer .pad .footerMenu .shopMenu .content ul li a { color: #321; font-size: 1em; 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 .formMenu { float: left; display: block; width: 180px; border-left: solid #efece5 1px; padding: 20px 0 0 20px; box-sizing: border-box; }
#footer .pad .footerMenu .formMenu .title { font-weight: bold; font-size: 1.25em; line-height: 1.25; }
#footer .pad .footerMenu .formMenu .text { margin-top: 20px; line-height: 1.5; font-size: 0.875em; }
#footer .pad .footerMenu .formMenu .content { margin-top: 20px; }
#footer .pad .footerMenu .formMenu .content a.contact { display: block; background: #ede8e7; text-align: center; padding: 12px 0 9px; font-size: 0.875em; color: #555; border-radius: 2px; }
#footer .pad .copyright { text-align: center; padding: 25px 0 40px; margin: 30px 20px 0; border-top: solid #efece5 1px; font-size: 0.875em; }

/*============================
#recaptcha
============================*/
.grecaptcha-badge { visibility: hidden; }