@charset "utf-8" ; 
.content-shoplist-name,.recruit-content-recruitmentlist dt,.entrylist-offline dt,.company-content-detaillist dt,
.entry-content-head-01,.company-content-head-01,.recruit-content-head-03 { font-weight: normal;} 
.icon-close:after,.icon-menu:after,.global-navigation-btn,.icon-location:after,.icon-deff:after,.icon-hours:after,.modal-closer,
.content-shoplist-address:after,.content-shoplist-web:after,.pagetop-btn:before,.content-btn-01:before,.content-btn-03:before,.content-btn-02:before { display:inline-block ; background-image:url(../../images/sprite_icon.png) ; background-repeat:no-repeat } 
.global-navigation-menu { display:none ; position:fixed ; top:0 ; right:0 ; width:88px ; height:58px ; text-indent:-9999px ; cursor:pointer ; -ms-transform:scale(.7) ; -webkit-transform:scale(.7) ; transform:scale(.7) ; -ms-transform-origin:top right ; -webkit-transform-origin:top right ; transform-origin:top right } 
.icon-menu:after,.icon-close:after { content:"" ; position:absolute ; top:50% ; left:50% } 
.icon-menu:after { width:38px ; height:31px ; margin-top:-10px ; margin-left:-19px ; background-position:-0px -197px } 
.icon-close:after { width:32px ; height:33px ; margin-top:-10px ; margin-left:-16px ; background-position:-0 -97px } 
.shadow-01 { box-shadow:0 4px 4px -4px rgba(0,0,0,.3) ; -moz-box-shadow:0 4px 4px -4px rgba(0,0,0,.3) ; -webkit-box-shadow:0 4px 4px -4px rgba(0,0,0,.3) } 
.shadow-02 { box-shadow:0 0 4px 0 rgba(0,0,0,.3) ; -moz-box-shadow:0 0 4px 0 rgba(0,0,0,.3) ; -webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.3) } 
.content-header { max-width:1000px ; margin:80px auto 0 auto ; text-align:left } 
.content-header>h2 { display:inline-block ; position:relative ; padding-top:2px ; font-size:2.5rem ; letter-spacing:-0.05em } 
.content-header>h2:before { content:"" ; position:absolute ; top:0 ; width:100% ; border-top:6px solid #b42f22 } 
.content-header>h2:first-letter  { font-size:3.6rem ; color:#b42f22 } 
.content-wrap-sr-01 { background-image:url(../../images/bg_line.png) ; background-size:auto 100% ; background-repeat:no-repeat ; background-position:center top 0 } 
.content-wrap-sr-02 { background-image:url(../../images/bg_line_long.png) ; background-size:auto 100% ; background-repeat:no-repeat ; background-position:center top } 
.content-wrap-hr-01 { margin-bottom:38px ; border-bottom:1px solid #9a9793 } 
.content-btn-01 { display:table ; position:relative ; margin:0 auto ; background-color:rgba(255,255,255,0.6) ; box-shadow:0 0 10px 0 rgba(0,0,0,.2) ; -moz-box-shadow:0 0 10px 0 rgba(0,0,0,.2) ; -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2) } 
.content-btn-01:before { content:"" ; position:absolute ; height:26px ; width:26px ; top:50% ; right:34px ; margin-top:-13px ; background-position:-0px -0px } 
.content-btn-01>a { display:table-cell ; position:relative ; box-sizing:border-box ; width:500px ; height:94px ; vertical-align:middle ; text-align:center ; font-size:3.0rem ; text-decoration:none ; color:#000 } 
.content-btn-01>a.hover { border:2px solid #e8a6a0 } 
.content-btn-01>button { display:table-cell ; position:relative ; box-sizing:border-box ; width:500px ; height:94px ; vertical-align:middle ; text-align:center ; font-size:3.0rem ; text-decoration:none ; background:0 ; border:0 ; cursor:pointer ; color:#000 } 
.content-btn-01>button.hover { border:2px solid #e8a6a0 } 
.pagetop-btn { position:fixed ; z-index:9999 ; box-sizing:border-box ; right:10px ; bottom:10px ; width:70px ; height:70px ; box-shadow:0 0 10px 0 rgba(0,0,0,.2) ; -moz-box-shadow:0 0 10px 0 rgba(0,0,0,.2) ; -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2) } 
.pagetop-btn:before { pointer-events:none ; position:absolute ; content:"" ; height:22px ; width:32px ; top:22px ; left:19px ; background-position:-0px -72px ; cursor:pointer } 
.pagetop-btn a { box-sizing:border-box ; display:block ; width:100% ; height:100% ; text-indent:-9999px ; background-color:rgba(255,255,255,.8) } 
.pagetop-btn a.hover { border:2px solid #e8a6a0 } 
.brand .content-btn-01 { position:absolute ; bottom:20px ; left:50% ; margin-left:-250px } 
.brand .content-header { display:none } 
.brand .content-body { width:100% ; max-width:none ; padding-bottom:0 } 
.company { background-image:url(../../images/bg_company.jpg) ; background-repeat:no-repeat ; background-size:cover ; background-position:center ; background-attachment:fixed } 
.company .content-head-01 { position:relative ; margin-bottom:50px ; padding-top:50px ; font-size:2.5rem ; color:#464646 ; overflow:hidden } 
.company .content-head-01:first-letter  { font-size:5.0rem } 
.company .content-head-01:after { content:"" ; position:absolute ; bottom:15% ; width:100% ; margin-left:5px ; border-top:1px solid #898275 } 
.company .content-head-02,.company .content-head-03 { margin-bottom:20px } 
.company .content-2col-01-firstchild { float:left ; width:60% } 
.company .content-2col-01 { float:right ; width:auto } 
.company .content-2col-02-firstchild { float:left ; width:46% } 
.company .content-2col-02 { float:right ; width:46% } 
.company .content-pic-01 { margin-bottom:20px ; text-align:right } 
.company .content-pic-01>img { box-shadow:0 0 5px 1px #a6a6a6 ; -moz-box-shadow:0 0 5px 1px #a6a6a6 ; -webkit-box-shadow:0 0 5px 1px #a6a6a6 } 
.company .content-text-01 { margin:0 0 30px 0 ; font-size:1.4rem ; line-height:1rem ; color:#464646 } 
.recruit { background-image:url(../../images/bg_recruit.jpg) ; background-repeat:no-repeat ; background-size:cover ; background-position:center ; background-attachment:fixed } 
.recruit .content-text-01 { margin-bottom:52px ; padding-top:333px ; text-align:center ; font-size:3rem ; letter-spacing:.2em ; color:#56493f } 
.shoplist { background-image:url(../../images/bg_shoplist.jpg) ; background-repeat:no-repeat ; background-size:100% auto ; background-attachment:fixed } 
.shoplist .content-head-01 { margin:33px 0 ; padding-bottom:10px ; border-bottom:1px solid #b0a49c } 
.shoplist .content-2col-01-firstchild { float:left ; width:47% } 
.shoplist .content-2col-01 { float:right ; width:47% } 
.content-shoplist { font-size:1.4rem } 
.content-shoplist a { color:#c15349 ; text-decoration:underline } 
.content-shoplist-name { clear:both } 
.content-shoplist-address { position:relative ; float:left ; width:50% ; margin-bottom:20px ; padding:7px 0 7px 15px ; line-height:1.8rem } 
.content-shoplist-tel { float:right ; box-sizing:content-box ; width:40% ; padding:7px 0 7px 15px ; text-align:right } 
.content-shoplist-tel a { color:#333 } 
.content-shoplist-address:after { content:"" ; position:absolute ; height:19px ; width:13px ; top:18% ; left:0 ; background-position:-0px -30px } 
.content-shoplist-web { position:relative ; float:left ; margin-bottom:20px ; padding:7px 0 7px 20px } 
.content-shoplist-web:after { content:"" ; position:absolute ; height:17px ; width:17px ; top:18% ; left:0 ; background-position:-0px -52px } 
.map { height:200px ; background-color:#ccc } 
.company-content { width:auto ; height:auto ; padding:50px 40px 25px ; background-color:#faf6f2 } 
.company-content-head-01 { position:relative ; overflow:hidden ; margin-bottom:36px ; font-size:2.4rem ; color:#b42f22 } 
.company-content-head-01:after { content:"" ; position:absolute ; bottom:2px ; width:100% ; margin-left:5px ; border-top:1px solid #e8bcb8 } 
.company-content-wrap-sr-01 { margin-bottom:30px ; background-image:url(../../images/bg_line.png) ; background-size:auto 100% ; background-repeat:no-repeat ; background-position:50% top } 
.company-content-2col-01-firstchild { width:50% ; float:left } 
.company-content-2col-01 { width:46% ; float:right } 
.company-content-detaillist { font-size:1.4rem ; color:#757575 } 
.company-content-detaillist dt { position:relative ; margin-bottom:5px ; padding:3px 0 3px 22px } 
.company-content-detaillist dd { margin:0 0 30px 22px ; line-height:2rem } 
.company-content-historylist { font-size:1.4rem ; line-height:2rem ; color:#757575 } 
.company-content-historylist dt { float:left ; width:30% ; padding-right:10px ; clear:both } 
.company-content-historylist dd { float:left ; width:60% ; margin-bottom:10px } 
.recruit-content { width:auto ; height:auto ; padding:50px 40px 25px ; background-color:#faf6f2 } 
.recruit-content-head-01 { margin:-40px 0 0 -40px ; position:absolute } 
.recruit-content-head-03 { position:relative ; overflow:hidden ; margin:50px 0 17px 0 ; font-size:2.4rem ; color:#b42f22 } 
.recruit-content-head-04 { position:relative ; overflow:hidden ; margin:0 0 10px 0 ; font-size:3rem ; color:#b42f22 ; text-align:center ; font-weight:bold } 
.recruit-content-wrap-sr-01 { background-image:url(../../images/bg_line_long.png) ; background-size:auto 100% ; background-repeat:no-repeat ; background-position:50% top } 
.recruit-content-2col-01-firstchild { width:50% ; float:left } 
.recruit-content-2col-01 { width:46% ; float:right } 
.recruit-content-recruitmentlist { font-size:1.4rem ; color:#757575 ; margin-bottom:70px } 
.recruit-content-recruitmentlist dt { position:relative ; margin-top:36px ; padding:3px 0 3px 22px } 
.recruit-content-recruitmentlist dt.firstchild { margin-top:0 } 
.recruit-content-recruitmentlist dd { padding:2px 0 2px 22px } 
.recruitmenttypelist li { display:inline-block ; margin-bottom:3px } 
.recruitmenttimelist li { margin-bottom:3px } 
.regular-staff,.part-time-employee,.part-time-job { display:inline-block ; font-size:1.1rem ; line-height:1.1rem ; padding:3px 4px ; text-align:center ; color:#fff ; border-radius:4px ; -moz-border-radius:4px ; -webkit-border-radius:4px } 
.regular-staff { width:4.5rem ; background-color:#78bae3 } 
.part-time-employee { width:4.5rem ; background-color:#f0ab3f } 
.part-time-job { width:6.5rem ; background-color:#ff9a82 } 
.president-name { display:inline-block ; margin-left:50px } 
.icon-deff:after { position:absolute ; content:"" ; background-position:-0px -157px ; height:17px ; width:17px ; top:0 ; left:0 } 
.icon-location:after { position:absolute ; content:"" ; background-position:-0px -133px ; height:21px ; width:17px ; top:0 ; left:0 } 
.icon-hours:after { position:absolute ; content:"" ; background-position:-0px -177px ; height:17px ; width:17px ; top:0 ; left:0 } 
.entry-content { width:auto ; height:auto ; padding:50px 40px 25px ; background-color:#faf6f2 } 
.entry-content-head-01 { font-size:2.4rem ; color:#b42f22 ; margin-bottom:15px } 
.entry-content-body { margin-bottom:25px } 
.entrylist-offline { padding:25px 25px 5px 25px ; font-size:1.4rem ; color:#747474 ; background-color:#f6f0ea } 
.entrylist-offline dt { margin-bottom:5px } 
.entrylist-offline dd { margin-bottom:15px } 
.entrylist-blinklist li { margin-bottom:5px } 
.entrylist-blinklist .annot-txt { display:inline-block ; margin-left:1rem ; padding-top:5px } 
.entrylist-table { width:100% ; font-size:1.4rem ; color:#747474 ; border-collapse:separate ; border-spacing:1px } 
.entrylist-table tr { background-color:#f6f0ea } 
.entrylist-table tr:nth-child(odd) { background-color:#f4ece5 } 
.entrylist-table th { text-align:left ; vertical-align:middle ; padding:10px } 
.entrylist-table td { text-align:left ; vertical-align:middle ; padding:10px } 
.entrylist-table td label { display:inline-block ; padding:5px } input[type=textarea],input[type=mail] { border:1px solid #d4c0af ; width:20rem } 
.content-annot { font-size:1.4rem ; line-height:1.6em ; margin-bottom:25px ; padding:20px 25px ; border:2px #b7372b solid ; color:#747474 } 
.entrylist-online { font-size:1.4rem ; color:#747474 } 
.entrylist-online dt { clear:both ; float:left ; padding:5px 15px 5px 15px ; width:150px ; height:25px ; background-color:#f4ece5 } 
.entrylist-online dd { float:left ; padding:0 15px 0 15px } 

@media only screen and (max-width:860px) { 
.content-wrap-sr-01,.content-wrap-sr-02 { background-image:none } 
.company .content-wrap-hr-01 { border-bottom:0 } 
.company .content-2col-01,.company .content-2col-01-firstchild,.company .content-2col-02,.company .content-2col-02-firstchild { float:none ; width:100% } 
.company .content-pic-01 { text-align:center } 
.shoplist .content-2col-01-firstchild { width:100% } 
.shoplist .content-2col-01 { float:left ; width:100% }  
} 

@media only screen and (max-width:600px) { 
.loading-bar { height:3px } 
.content-shoplist-address { padding-left:10px } 
.global-navigation-menu { display:block } 
.menu-bg { display:none ; position:fixed ; top:0 ; left:0 ; width:100% ; height:100% } 
.content-body { padding:10px 0 10px 0 } 
.content-wrap-sr-02 { background-image:none } 
.content-header { width:100% ; margin-top:45px } 
.content-header>h2 { font-size:2rem ; line-height:1.1em ; letter-spacing:-0.05em } 
.content-header>h2:before { border-top:3px solid #b42f22 ; content:"" ; position:absolute ; top:0 ; width:100% } 
.content-header>h2:first-letter  { font-size:2.8rem ; font-weight:bold } 
.is-block1 { margin-top:237px } 
.content-btn-01 { margin-bottom:20px } 
.content-btn-01>a,.content-btn-01>button { width:250px ; height:46px ; font-size:1.5rem } 
.content-btn-01:before { -ms-transform:scale(.5) ; -webkit-transform:scale(.5) ; transform:scale(.5) ; -ms-transform-origin:center center ; -webkit-transform-origin:center center ; transform-origin:center center ; content:"" ; position:absolute ; height:26px ; width:26px ; top:50% ; right:16px ; margin-top:-13px ; background-position:-0 -0 } 
.content-btn-02 { position:absolute ; right:0 ; bottom:0 ; background-color:rgba(180,47,34,.5) ; cursor:pointer } 
.content-btn-02>a { display:block ; padding:5px 20px 5px 10px ; font-size:1.5rem ; text-decoration:none ; color:#fff } 
.content-btn-02:before { -ms-transform:scale(.5) ; -webkit-transform:scale(.5) ; transform:scale(.5) ; -ms-transform-origin:top right ; -webkit-transform-origin:top right ; transform-origin:top right ; content:"" ; position:absolute ; background-position:-0px -231px ; height:34px ; width:19px ; right:5px ; top:50% ; margin-top:-7px ; pointer-events:none } 
.content-btn-03 { margin-bottom:20px } 
.content-btn-03>a,.content-btn-03>button { width:250px ; height:46px ; font-size:1.5rem } 
.content-btn-03:before { -ms-transform:scale(.5) ; -webkit-transform:scale(.5) ; transform:scale(.5) ; -ms-transform-origin:center center ; -webkit-transform-origin:center center ; transform-origin:center center ; content:"" ; position:absolute ; height:26px ; width:26px ; top:50% ; right:16px ; margin-top:-13px ; background-position:-0 -0 } 
.pagetop-btn { -ms-transform:scale(.7) ; -webkit-transform:scale(.7) ; transform:scale(.7) ; -ms-transform-origin:bottom right ; -webkit-transform-origin:bottom right ; transform-origin:bottom right ; right:10px } 
.content-shoplist-address:after { -ms-transform:scale(.5) ; -webkit-transform:scale(.5) ; transform:scale(.5) ; -ms-transform-origin:top left ; -webkit-transform-origin:top left ; transform-origin:top left ; top:12px ; left:0 } 
.content-shoplist-web { padding-left:10px } 
.content-shoplist-web:after { -ms-transform:scale(.5) ; -webkit-transform:scale(.5) ; transform:scale(.5) ; -ms-transform-origin:top left ; -webkit-transform-origin:top left ; transform-origin:top left ; top:9px ; left:0 } 
.company { background-size:auto 100% ; background-position:center ; background-attachment:scroll } 
.company .content-head-01 { position:relative ; margin-bottom:20px ; padding-top:20px ; font-size:1.25rem ; color:#464646 ; overflow:hidden } 
.company .content-head-01:first-letter  { font-size:2.5rem } 
.company .content-head-01:after { border-top:0 } 
.company .content-2col-01-firstchild,.company .content-2col-01 { float:none ; width:100% } 
.company .content-head-02>img,.company .content-head-03>img { width:196px } 
.recruit { height:auto ; background-size:100% ; background-position:top center ; background-attachment:scroll } 
.shoplist { background-size:auto 100% ; background-position:center ; background-attachment:scroll } 
.shoplist .content-2col-01,.shoplist .content-2col-01-firstchild { float:none ; width:100% } 
.shoplist .content-head-01>img { width:196px } 
.content-shoplist { font-size:1.2rem } 
.content-shoplist-address { width:50% } 
.content-shoplist-tel { padding-top:11px ; width:40% } 
.brand .content-body { display:none } 
.brand .content-body-m { display:block } 
.brand .content-header { position:absolute ; display:block ; top:0 ; left:0 ; z-index:1 ; margin-top:0 ; border-top:4px solid #b42f22 } 
.brand .content-header>h2 { position:relative ; display:inline-block ; padding-top:0 ; font-size:2rem ; letter-spacing:-0.05em } 
.brand .content-header>h2:before { border:0 } 
.brand .content-header>h2:first-letter  { font-size:2.8rem } 
.company-content { padding:25px 20px 15px } 
.company-content-head-01 { position:relative ; overflow:visible ; margin-bottom:18px ; font-size:1.2rem ; color:#b42f22 } 
.company-content-head-01:after { border-top:0 } 
.company-content-wrap-sr-01 { margin-bottom:30px ; background-image:none ; background-size:auto 100% ; background-repeat:no-repeat ; background-position:50% top } 
.company-content-2col-01-firstchild { width:100% ; float:none } 
.company-content-2col-01 { width:100% ; float:none } 
.company-content-2col-02-firstchild { width:100% ; float:none } 
.company-content-2col-02 { width:100% ; float:none } 
.company-content-detaillist { font-size:1rem ; color:#757575 } 
.company-content-detaillist dt { position:relative ; margin-bottom:5px ; padding-left:11px } 
.company-content-detaillist dd { margin-left:11px ; margin-bottom:15px ; line-height:1.5rem } 
.company-content-historylist { box-sizing:border-box ; font-size:1rem ; line-height:1.5rem ; color:#757575 } 
.company-content-historylist dt { width:25% } 
.company-content-historylist dd { width:70% } 
.company .content-text-01 { margin:20px 0 ; line-height:2rem ; font-size:1rem } 
.recruit-content { padding:0 20px 15px } 
.recruit-content-head-01 { position:relative ; margin:0 0 0 -10px ; padding-top:10px } 
.recruit-content-head-01 img { -ms-transform:scale(.5) ; -webkit-transform:scale(.5) ; transform:scale(.5) ; -ms-transform-origin:top left ; -webkit-transform-origin:top left ; transform-origin:top left } 
.recruit-content-head-03 { position:relative ; overflow:auto ; margin:0 0 17px 0 ; font-size:1.2rem ; color:#b42f22 ; overflow:visible } 
.recruit-content-head-04 { position:relative ; overflow:auto ; margin:15px 0 17px 0 ; font-size:1.6rem ; color:#b42f22 ; overflow:visible } 
.recruit-content-wrap-sr-01 { background-image:none } 
.recruit-content-2col-01-firstchild,.recruit-content-2col-01,.recruit-content-2col-02-firstchild,.recruit-content-2col-02 { width:100% ; float:none } 
.recruit-content-recruitmentlist { font-size:1rem ; color:#757575 ; margin-bottom:30px } 
.recruit-content-recruitmentlist dt { position:relative ; margin-top:15px ; padding-left:11px } 
.recruit-content-recruitmentlist dt.firstchild { margin-top:0 } 
.recruit-content-recruitmentlist dd { padding-left:11px } 
.recruitmenttypelist li { margin-bottom:3px } 
.recruitmenttimelist li { margin-bottom:3px } 
.regular-staff,.part-time-employee,.part-time-job { font-size:1rem ; padding:2px } 
.recruit .content-text-01 { padding-top:50px ; margin-bottom:40px ; text-align:center ; font-size:1.3rem ; letter-spacing:.3rem ; color:#56493f } 
.icon-deff:after { -ms-transform:scale(.5) ; -webkit-transform:scale(.5) ; transform:scale(.5) ; -ms-transform-origin:center left ; -webkit-transform-origin:center left ; transform-origin:center left ; top:50% ; left:0 ; margin-top:-9px } 
.icon-location:after { -ms-transform:scale(.5) ; -webkit-transform:scale(.5) ; transform:scale(.5) ; -ms-transform-origin:center left ; -webkit-transform-origin:center left ; transform-origin:center left ; top:50% ; left:0 ; margin-top:-11px } 
.icon-hours:after { -ms-transform:scale(.5) ; -webkit-transform:scale(.5) ; transform:scale(.5) ; -ms-transform-origin:top left ; -webkit-transform-origin:top left ; transform-origin:top left ; height:17px ; width:17px ; top:4px ; left:0 } 
.entrylist-table th,.entrylist-table td { display:block ; border-top:0 } 
.entry-content { width:auto ; height:auto ; padding:20px 20px 25px ; background-color:#faf6f2 } 
.entry-content-head-01 { font-size:1.2rem ; color:#b42f22 ; margin-bottom:15px } 
.entry-content-body { margin-bottom:15px } 
.entrylist-offline { padding:15px 15px 5px 15px ; font-size:1rem ; color:#747474 ; background-color:#f6f0ea } 
.entrylist-offline dt { margin-bottom:5px } 
.entrylist-offline dd { margin-bottom:15px } 
.entrylist-blinklist li { margin-bottom:5px } 
.entrylist-blinklist .annot-txt { display:inline-block ; margin-left:1rem ; padding-top:5px } 
.entrylist-table { width:100% ; font-size:1rem ; color:#747474 ; border-collapse:separate ; border-spacing:1px } 
.entrylist-table tr { background-color:#f6f0ea } 
.entrylist-table tr:nth-child(odd) { background-color:#f4ece5 } 
.entrylist-table th { padding:10px 15px 0 15px } 
.entrylist-table td { padding:5px 10px 5px 15px } 
.entrylist-table td label { display:block ; padding:5px } input[type=textarea],input[type=mail] { border:1px solid #d4c0af } 
.entrylist-online { font-size:1.4rem ; color:#747474 } 
.content-annot { padding:10px ; font-size:1rem }  } 

@media only screen and (max-width:1000px) { 
.global-navigation { max-width:none } 
.content-body { width:90% }  } 

@media only screen and (min-width:400px) and (max-width:500px) { 
.is-block1 { margin-top:280px }  
}