@charset "UTF-8";
/*! =========================================================
*
* str
* style.css
*
========================================================= */
article,aside,details,figcaption,figure,footer,header,hgroup,hr,main,menu,nav,section,summary{display:block}
a,ins{text-decoration:none}
body,html{-webkit-text-size-adjust:100%}
.globalFooter a img,.globalSubNav__listItem img{pointer-events:none}
.footerLang__listItem,.footerLang__title,.footerSNS__listItem,.lc,.leftColumn,.leftSection,.ls{float:left}
.cf:after,.clear:after,.clearfix:after,.clr:after,.footerLang:after,.footerLang__list:after,.footerSNS__list:after,.globalHeader__inner:after,.globalSubNav__list:after{content:"";clear:both;display:block}
.globalHeader__siteName a span,.globalMenu__closeBtn span,.globalNav__listItem a span{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
abbr[title],dfn[title]{border-bottom:1px dotted}
body,sub,sup{position:relative}
/*! =========================================================
 _normalize
========================================================= */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a:active,a:hover{outline:0}
b,optgroup,strong{font-weight:700}
dfn{font-style:italic}
sup{top:-.5em}
sub{bottom:-.25em}
svg:not(:root){overflow:hidden}
hr{box-sizing:content-box;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
pre,textarea{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
/*! =========================================================
 _reset
========================================================= */
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
ins,mark{background-color:#ff9;color:#000}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0;color:#0278cc}
mark{font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{cursor:help}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:middle}
/*! =========================================================
 _base
========================================================= */
/*! base layout
--------------------------------------------------------- */
html{-ms-text-size-adjust:100%;font-family:sans-serif;font-size:10px}
body{font-size:13px;font-size:1.3rem;line-height:1.9;color:#000;max-width:640px;margin:0 auto;word-wrap:break-word;overflow-wrap:break-word;background:#e5e5e5}
body *{box-sizing:border-box}
h1,h2,h3,h4,h5,h6{font-weight:400}
img{vertical-align:bottom}
.footerSNS,.footerSNS__listItem img{vertical-align:top}
li{list-style-type:none}
sub,sup{font-size:12px;font-size:1.2rem;line-height:1}
.wrapper{width:100%;background:#fff}
/*! =========================================================
 _main ( & sub )
========================================================= */
/*! mainarea
--------------------------------------------------------- */
.mainContent{padding-top:104px}
/*! =========================================================
_header
========================================================= */
/*! globalHeader
--------------------------------------------------------- */
.globalHeader{width:640px;position:fixed;top:0;z-index:1}
.globalHeader__inner{background:url(/sp/common/img/bg_line_dot.png) 0 100% repeat-x #fff;padding:42px 34px 28px;transform:translate3d(0,0,0);transition:transform .3s,height .2s linear;position:relative;z-index:2}
.globalHeader__inner.isOut{transform:translate3d(0,-104px,0)}
.globalHeader__siteName{display:inline-block;vertical-align:top}
.globalHeader__siteName a{display:block;background:url(/sp/common/img/logo_stripe.png) no-repeat;width:180px;height:34px}
.globalHeader__trigger{display:inline-block;position:absolute;top:0;right:0;height:104px}
.globalHeader__triggerBtn{position:relative;width:104px;height:104px;display:inline-block}
.globalHeader__triggerBtn span{position:absolute;left:0;right:0;margin:auto;width:36px;height:7px;display:inline-block;transition:all .3s}
.globalHeader__triggerBtn span:nth-of-type(1){top:41px;background:#dcdcd6}
.globalHeader__triggerBtn span:nth-of-type(2){top:55px;background:#7d7d7d}
.globalHeader__triggerBtn span:nth-of-type(3){top:69px;background:#000}
.globalHeader.isOpen{height:100%;overflow:scroll}
.globalHeader.isOpen .globalHeader__inner{background:#fff}
.globalHeader.isOpen .globalHeader__triggerBtn span:nth-of-type(1){-ms-transform:translateY(14px) rotate(-45deg);transform:translateY(14px) rotate(-45deg);background:#999}
.globalHeader.isOpen .globalHeader__triggerBtn span:nth-of-type(2){opacity:0}
.globalHeader.isOpen .globalHeader__triggerBtn span:nth-of-type(3){-ms-transform:translateY(-14px) rotate(45deg);transform:translateY(-14px) rotate(45deg);background:#999}
.globalHeader.isOpen .globalMenu.isVisible .globalMenu__close,.globalHeader.isOpen .globalMenu.isVisible .globalNav__listItem,.globalHeader.isOpen .globalMenu.isVisible .globalSubNav{opacity:1}
.globalMenu__close,.globalNav__listItem,.globalSubNav{transition:opacity .2s linear;opacity:0}
.globalMenu{display:none;padding:81px 34px 52px;background:#fff;margin-top:-2px;position:relative;z-index:1}
.globalMenu__close{cursor:pointer}
.globalNav__listItem{background:url(/sp/common/img/bg_line_dot.png) repeat-x}
.globalNav__listItem a{display:block;height:186px;width:100%;position:relative}
.globalNav__listItem a:after{content:"";position:absolute;top:0;bottom:0;right:0;margin:auto;width:31px;height:17px;background:url(/sp/common/img/icon_globalNav_arrow.png) no-repeat}
.footerSNS__listItem:first-child,.marginLeft--x0{margin-left:0}
.globalNav__listItem--about a{background:url(/sp/common/img/label_globalNav_about.png) -1px 50% no-repeat}
.globalNav__listItem--brands a{background:url(/sp/common/img/label_globalNav_brands.png) -1px 50% no-repeat}
.globalNav__listItem--news a{background:url(/sp/common/img/label_globalNav_news.png) -1px 50% no-repeat}

.globalNav__listItem--company a{background:url(/sp/common/img/label_globalNav_company.png) -1px 50% no-repeat}
.globalNav__listItem--recruit a{background:url(/sp/common/img/label_globalNav_recruit.png) -1px 50% no-repeat}

.globalSubNav{background:url(/sp/common/img/bg_line_dot.png) repeat-x}
.globalSubNav__list{padding-top:28px;margin-bottom:45px}
.globalSubNav__listItem{float:left;width:50%}
.globalSubNav__listItem a{padding:24px 0;display:block;width:100%}
.globalSubNav__listItem--stripeClub{width:100%;margin-top:28px;padding-top:20px;background:url(/sp/common/img/bg_line_dot.png) no-repeat}
.globalMenu__closeBtn{background:url(/sp/common/img/btn_globalmenu_close.png) no-repeat;width:573px;height:84px}
/*! =========================================================
 _footer
========================================================= */
/*! globalfooter
--------------------------------------------------------- */
.globalFooter{z-index:0;background:#f2f2f2;padding:30px 0 0}
.globalFooter__sub{position:relative;z-index:0}
.footerSubNav{padding-left:18px}
.footerSubNav__list{width:50%}
.footerSubNav__listItem{display:inline-block;width:100%;line-height:20px}
.footerSubNav__list a{display:block;padding:20px}
.footerSNS{padding-right:18px;position:absolute;right:0;top:0}
.footerSNS__list{padding-top:8px}
.footerSNS__listItem a{display:block;padding:12px}
.footerLang{padding:66px 28px 28px 38px}
.footerLang__title{padding:20px 22px 20px 0}
.footerLang__listItem a{display:block;padding:20px 16px}
.footerLang__listItem a.active{opacity:.4}
.footerCopyright{background:#e6e6e6;padding:20px 33px}
.footerCopyright>img{display:block}
/*! clearfix
--------------------------------------------------------- */
.rc,.rightColumn,.rightSection,.rs{float:right}
.hAlign--left{text-align:left}
.hAlign--right{text-align:right}
.hAlign--center{text-align:center}
.width--5per{width:5%}
.width--10per{width:10%}
.width--15per{width:15%}
.width--20per{width:20%}
.width--25per{width:25%}
.width--30per{width:30%}
.width--35per{width:35%}
.width--40per{width:40%}
.width--45per{width:45%}
.width--50per{width:50%}
.width--55per{width:55%}
.width--60per{width:60%}
.width--65per{width:65%}
.width--70per{width:70%}
.width--75per{width:75%}
.width--80per{width:80%}
.width--85per{width:85%}
.width--90per{width:90%}
.width--95per{width:95%}
.width--100per{width:100%}
.marginTop--x0{margin-top:0}
.marginBottom--x0{margin-bottom:0}
.marginVertical--x0{margin-top:0;margin-bottom:0}
.marginRight--x0{margin-right:0}
.marginHorizontal--x0{margin-left:0;margin-right:0}
.marginTop--x1{margin-top:8px}
.marginBottom--x1{margin-bottom:8px}
.marginVertical--x1{margin-top:8px;margin-bottom:8px}
.marginLeft--x1{margin-left:8px}
.marginRight--x1{margin-right:8px}
.marginHorizontal--x1{margin-left:8px;margin-right:8px}
.marginTop--x2{margin-top:16px}
.marginBottom--x2{margin-bottom:16px}
.marginVertical--x2{margin-top:16px;margin-bottom:16px}
.marginLeft--x2{margin-left:16px}
.marginRight--x2{margin-right:16px}
.marginHorizontal--x2{margin-left:16px;margin-right:16px}
.marginTop--x3{margin-top:24px}
.marginBottom--x3{margin-bottom:24px}
.marginVertical--x3{margin-top:24px;margin-bottom:24px}
.marginLeft--x3{margin-left:24px}
.marginRight--x3{margin-right:24px}
.marginHorizontal--x3{margin-left:24px;margin-right:24px}
.marginTop--x4{margin-top:32px}
.marginBottom--x4{margin-bottom:32px}
.marginVertical--x4{margin-top:32px;margin-bottom:32px}
.marginLeft--x4{margin-left:32px}
.marginRight--x4{margin-right:32px}
.marginHorizontal--x4{margin-left:32px;margin-right:32px}
.marginTop--x5{margin-top:40px}
.marginBottom--x5{margin-bottom:40px}
.marginVertical--x5{margin-top:40px;margin-bottom:40px}
.marginLeft--x5{margin-left:40px}
.marginRight--x5{margin-right:40px}
.marginHorizontal--x5{margin-left:40px;margin-right:40px}
.marginTop--x6{margin-top:48px}
.marginBottom--x6{margin-bottom:48px}
.marginVertical--x6{margin-top:48px;margin-bottom:48px}
.marginLeft--x6{margin-left:48px}
.marginRight--x6{margin-right:48px}
.marginHorizontal--x6{margin-left:48px;margin-right:48px}
.marginTop--x7{margin-top:56px}
.marginBottom--x7{margin-bottom:56px}
.marginVertical--x7{margin-top:56px;margin-bottom:56px}
.marginLeft--x7{margin-left:56px}
.marginRight--x7{margin-right:56px}
.marginHorizontal--x7{margin-left:56px;margin-right:56px}
.marginTop--x8{margin-top:64px}
.marginBottom--x8{margin-bottom:64px}
.marginVertical--x8{margin-top:64px;margin-bottom:64px}
.marginLeft--x8{margin-left:64px}
.marginRight--x8{margin-right:64px}
.marginHorizontal--x8{margin-left:64px;margin-right:64px}
.marginTop--x9{margin-top:72px}
.marginBottom--x9{margin-bottom:72px}
.marginVertical--x9{margin-top:72px;margin-bottom:72px}
.marginLeft--x9{margin-left:72px}
.marginRight--x9{margin-right:72px}
.marginHorizontal--x9{margin-left:72px;margin-right:72px}
.marginTop--x10{margin-top:80px}
.marginBottom--x10{margin-bottom:80px}
.marginVertical--x10{margin-top:80px;margin-bottom:80px}
.marginLeft--x10{margin-left:80px}
.marginRight--x10{margin-right:80px}
.marginHorizontal--x10{margin-left:80px;margin-right:80px}