@charset "utf-8";

/* CSS Document */
/*****************
店舗一覧
******************/
.tabmenu{width: 100%;
  margin: 4em 0 0;
}
.tab{overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.tab li{background: rgba(229, 226, 226, 0.8);
cursor: pointer;
display: inline-block;
width: 49%;
padding:6px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
 box-sizing:border-box;
font-size: 140%;
font-weight: bold;
 opacity:0.6;
}
.tab li.select{background: rgba(255, 255, 255, 0.9);
 color:#333;
 opacity:1;
}
.tab li.active{background: rgba(255, 255, 255, 0.9);
 color:#333;
 opacity:1;
}
.hide{display:none;
}
.panel {display:none;}
.show {display:block;}
.tabmenu .pagetop { text-align: right;
margin: 15px;
}
.tabmenu .pagetop a {  display: inline-block;
  padding: 10px 5px;
  border:1px solid #333;
  border-radius: 4px;
  background: rgba(0,0,0,0);
  text-decoration:none;
  opacity:0.5;
}
.tabmenu .pagetop a:hover {	opacity:0.7;
	text-decoration:underline;
}
.tab li a:hover ,.content td a:hover { opacity:0.8;
}

/*店舗ロゴ*/
.tabmenu #brand-list .brand_block_5 {
  border-right:none;
  padding-right: 1em;
  width: 169px;
  float: left;
}
.tabmenu .brand_border {
  width: 90%;
  border: 1px solid #EFEFEF;
  margin: 1em auto;
}
.tabmenu .OneBox3{  margin: 30px auto 30px auto;
  text-align: left;
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  clear:both;
}
.employ-table {width: 100%;
}
.insta-top {
    width: 184px;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 0px;
margin-right: auto;
  margin-left: auto;
  text-indent: -12px;  }
@media screen and (min-width: 641px){
.tabmenu #brand-list {
  width: 980px;
  padding:10px;
}
.tabmenu #brand-list {
  width: 980px;
  padding:10px;
}
table.employ-table,table.employ-table tr ,table.employ-table th ,table.employ-table td { border:1px solid #CCC;
border-collapse: collapse;
  padding:5px;
}
.tabmenu #brand-list .brand_block_1 dl, .tabmenu #brand-list .brand_block_2 dl, .tabmenu #brand-list .brand_block_3 dl, .tabmenu #brand-list .brand_block_4 dl, .tabmenu #brand-list .brand_block_5 dl {
  width: 169px;
  text-align: center;
}
.tabmenu #brand-list .brand_block_2,.tabmenu #brand-list .brand_block_3,.tabmenu #brand-list .brand_block_4,.tabmenu #brand-list .brand_block_1 {
  border-right: 2px solid #EFEFEF;
  padding: 0 1em;
  width: 169px;
  float: left;
}
.tabmenu #brand-list .brand_block_5 {
  border-right:none;
  padding-right: 1em;
  width: 169px;
  float: left;
}
table.employ-table th {text-align:center;
 font-weight:bold;
}
table.employ-table td p { margin-bottom:1em;
}
table.employ-table td { clear:both;}
table.employ-table th { background-color:#000;
 color:#FFF;
}
.tabmenu h5 {line-height: 34px;
font-size: 130%;
font-weight: bold;
border-bottom: 2px solid #333;
margin: 30px 0 20px;
padding-bottom: 5px;
text-align: center;
}

.tabmenu .OneBox2{margin: 0 auto;
padding: 20px 20px 30px 20px;
text-align: left;
 line-height:2em;
}
.tabmenu .insta{ margin-bottom:20px; text-align:right;}
}
article.OneBox3 h5 a:link, article.OneBox3 h5 a:visited{color:#333!important;text-decoration:none;}
@media screen and (max-width: 640px){
.tab li {  padding: 6px 0;  font-size: 100%;}
.tab li img { width:15%; height:auto;vertical-align: middle;}
.tabmenu .OneBox2{margin: 0 auto;
padding: 20px 0 30px 0;
text-align: left;
 line-height:2em;
}
.tabmenu #brand-list {
  width: 100%;
}
.tabmenu .OneBox3 {
  margin: 30px auto 30px auto;
  text-align: left;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
}
.tabmenu h5 {
  line-height: 34px;
  font-size: 80%;
  font-weight: bold;
  border-bottom: 2px solid #333;
  padding-bottom: 5px;
  text-align: center;
  padding-top:60px;
  margin-bottom: 10px;
  }
dl.accordion {
width: 100%;
margin: 1em auto 30px;
border: 1px solid #CCC;
}
dl.accordion dt.open {
    background:url(/img/new/common/close.png) 97% center no-repeat;
color: #3C76BC;
}
dl.accordion dt {
  border-bottom: 2px solid #EEE;
  background: url(/img/new/common/open.png) 97% center no-repeat;
  height: 40px;
  text-indent: 10px;
  line-height: 40px;
  color: #333;
  font-weight: bold;
  cursor: pointer;
  padding-right: 2em;
border-bottom: 3px solid #CCC;
/*font-size: 110%;*/
overflow:hidden;
}
dl.accordion dt.none-aicon {
  border-bottom: 2px solid #EEE;
  background: none;
  height: 40px;
  text-indent: 10px;
  line-height: 40px;
  color: #333;
  font-weight: bold;
  cursor: pointer;
  padding-right: 2em;
border-bottom: 3px solid #CCC;
font-size: 110%;
overflow:hidden;
}
dl.accordion dt.none-aicon a {
	display:block}
dl.accordion dd {
/*font-size: 130%;*/
  background: #FFF;
  padding: 10px;
  line-height: 2em;
  display: none;
}
dl.accordion dd td { padding:0.5em 0; vertical-align:text-top;}
dl.accordion dd td.title-block {
  width: 15%;
  padding: 0 1% 0 0;
}
dl.accordion dd td.detail-block {
  width: 84%;
}
dl.accordion dd li {
	display:inline-block;
	width:31%;
	list-style:none;
	border:none;
	box-sizing:border-box;
}
dl.accordion dd li.line_link {
	 vertical-align: middle;
background-color: #39D52D;
  padding:0.75em 0.5em;
  margin-right: 0.1em;
  text-align: center;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 1px solid #39D52D;
}

dl.accordion dd li.googlemap_link,dl.accordion dd li.hp_link,dl.accordion dd li.book_link  { 
    vertical-align: middle;
background-color: #000;
  padding:0.1em;
  margin-right: 0.1em;
  text-align: center;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 1px solid #000;
  }
#base dl.accordion dd li.googlemap_link a,#base dl.accordion dd li.hp_link a,#base dl.accordion dd li.book_link a,#base dl.accordion dd li.line_link a { color:#FFF; text-decoration:none;}

.tabmenu #brand-list .brand_block_1 dl, .tabmenu #brand-list .brand_block_2 dl, .tabmenu #brand-list .brand_block_3 dl, .tabmenu #brand-list .brand_block_4 dl, .tabmenu #brand-list .brand_block_5 dl, .tabmenu #brand-list .brand_block_6 dl {
/*  width: 45%;*/
  text-align: center;
}
.tabmenu #brand-list .brand_block_2, .tabmenu #brand-list .brand_block_3, .tabmenu #brand-list .brand_block_4, .tabmenu #brand-list .brand_block_1,.tabmenu #brand-list .brand_block_5,.tabmenu #brand-list .brand_block_6 {
  border-right: 2px solid #EFEFEF;
  padding: 0 0.2em;
  width: 47%;
  float: left;
}
.tabmenu .insta{ margin-bottom:10px; text-align:right;}
}


.tabmenu h5 a:hover { color:#333;
 text-decoration:none;
}
table.employ-table td a{ color:#333!important; text-decoration:none;}

table.employ-table td span.googlemap_link { 
 display: table-cell;
    vertical-align: middle;
background-color: #666;
  padding: 0.1em 1em;
  float: right;
  margin-right: 1em;
  text-align: center;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 1px solid #666;
  }
#base table.employ-table td span.googlemap_link a { color:#FFF!important; text-decoration:none;}
.tabmenu .OneBox2 dl { font-size:120%;}
.tabmenu .OneBox2 dt { margin-left:2em; }
.tabmenu .OneBox2 dd { display:inline-block;}
.tabmenu .OneBox2 dd a { color:#333; padding:1em 0; display:block;}

.tabmenu .OneBox2 h4 {
	  font-weight: bold;
  font-size: 16px;
  letter-spacing: 3px;
  margin-top:1.5em;
  }
.paddingLR10 { padding:0 10px;} 
.lineheight35 { line-height:35px;}
.paddingLR35 { padding:0 15px 0 34px;}

.relative { position:relative; width:100%; height:auto; min-height:50px;}
.relative:after { position:static;margin-bottom:20px;}
.desc { position:absolute; width:60%; top:0; left:0; right:0; margin:auto; text-align:center;}
.relative .insta { position:absolute;top:0;right:0;}

/*****************
採用アルバイト
******************/
#parttime-page .tabmenu{width: 100%; margin-top:40px;}
#parttime-page .tab{overflow: hidden;margin: 0;padding: 0;list-style: none;}
#parttime-page .tab li{background: rgba(229, 226, 226, 0.8); cursor: pointer;display: inline-block;/*width: 320px;*/width: 49.6%;padding:6px 0;border-top: 1px solid #ccc; box-sizing:border-box;font-size: 140%;font-weight: bold; opacity:0.6;}
#parttime-page .tab li.select{background: rgba(255, 255, 255, 0.9); color:#333;opacity:1;}
/*#parttime-page .content div{border: 1px solid #ccc; box-sizing:border-box;}*/
#parttime-page .hide{display:none;}
a.TextLink {color:rgb(51, 51, 51); text-decoration:none;}
a.TextLink:hover {color: #F00; text-decoration: underline;}
#parttime-page .tabmenu .pagetop {
  text-align: right;
  margin: 15px;
  display: block;
  width: 100%;
overflow: visible;
}

#parttime-page .tabmenu .pagetop a {
  display: inline-block;
  border: 1px solid #333;
  border-radius: 4px;
  background: rgba(0,0,0,0);
  text-decoration: none;
  opacity: 0.5;
background-image:none;
text-indent:0;
overflow: visible;width: 65px;
  height: 8px;
}
#parttime-page .pagetop a:hover {	opacity:0.7;	text-decoration:underline;}
#parttime-page .tab li a:hover ,#parttime-page .content td a:hover { opacity:0.8;}
#parttime-page h5 a:hover { color:#333; text-decoration:none;}
#parttime-page .OneBox2{margin: 0 auto;padding: 20px 20px 30px 20px;text-align: left; line-height:2em; font-size:110%;}
#parttime-page h4 {font-size:125%; font-weight:bold;}
#parttime-page dl { font-size:120%;}
#parttime-page dt { margin-left:2em; }
#parttime-page dd { display:inline-block; margin-left:3em;}
#parttime-page .OneBox3{margin: 0 auto 30px auto;text-align: left;width:100%;padding: 15px;box-sizing: border-box;background-color: rgba(255, 255, 255, 0.8); border-top:1px solid #333;}
#parttime-page h5 {line-height: 34px;font-size: 130%;font-weight: bold;border-bottom: 1px solid #ccc;margin: 30px 0;padding-bottom: 5px;}
#parttime-page .employ-table {width: 100%;}
#parttime-page table.employ-table,#parttime-page table.employ-table tr ,#parttime-page table.employ-table th ,#parttime-page table.employ-table td { border:1px solid #CCC;border-collapse: collapse;  padding:5px;}
#parttime-page table.employ-table th {text-align:center; font-weight:bold;}
#parttime-page table.employ-table td p { margin-bottom:1em;}
#parttime-page table.employ-table th { background-color:#000; color:#FFF;}
#parttime-page .OneBox4{margin: 0 auto;padding: 20px 0 30px;text-align: left; line-height:2em;}
#parttime-page table#logo{ margin:0 auto 0;}
#parttime-page table#logo td th,#parttime-page table#logo td td{ width:102px;}
#parttime-page table#logo td th{ font-size:85%; line-height:1.5em; padding:1em 5px; box-sizing:border-box;text-align:center; vertical-align:top;}
#parttime-page table#logo td td{ text-align:center;}
#parttime-page table#logo td td a{ display:block;}
#parttime-page table#logo td td a:hover{ opacity:1;}
#parttime-page table#logo td table {margin-top:15px;}

/*****************
採用トップ
******************/
/*POP UP STYLE*/
#SmokeCheck ul li {
  margin-right: 14px!important;
}
#SmokeCheck ul {
  margin: 0px auto 0 auto!important;
}
#SmokeChecker {
	z-index:9999;
}
#SmokeChecker h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 25px;
}
#SmokeChecker p {
  font-size: 18px;
  margin-bottom: 25px;
}
#SmokeChecker ul { display:table; width:80%; margin:20px auto;}
#SmokeChecker li { display:table-cell; width:50%; margin:0 10px;}
#SmokeChecker li a { display:block; text-align:center;text-decoration:none;}
#SmokeChecker li { display:inline-block\9;/*IE9以下*/ float:left\9;/*IE9以下*/}
#SmokeChecker li a:hover {text-decoration: underline;}
a.YES,a.NO { color:#000000!important; display:inline-block; font-size:1.5em;}
a.NO { cursor:pointer;}

/*CONTENTS STYLE*/
	#base #ContentsInner #recruitTop{width:100%;}
	#base #ContentsInner #recruitTop #title{border-bottom:1px solid; margin-top: 40px; margin-bottom:40px; padding-bottom:24px;}
	#base #ContentsInner #main-box{margin-bottom:24px; width: 100%;}
	#base #ContentsInner #content-box{clear:both; border-top:1px solid;padding-top: 24px; margin-bottom:40px; width:100%\9;/*IE9以下*/}
	#base #ContentsInner #content-box .recruitBox .boxIn{width:100%;}
	#base #ContentsInner #content-box .recruitBox .boxIn:nth-child(1){margin-bottom:24px;}
	#base #ContentsInner #content-box .recruitBox .boxIn:nth-child(2){padding-top:24px; border-top:1px solid;}

/*IE8以下へのCSS*/
	#base #ContentsInner #content-box .recruitBox > *:first-child{margin-bottom:24px\9;/*IE9以下*/}
	#base #ContentsInner #content-box .recruitBox > *:first-child + *{padding-top:24px\9;/*IE9以下*/ border-top:1px solid #000000\9;/*IE9以下*/}
	#base #ContentsInner #content-box > *:first-child{padding-right:24px\9;/*IE9以下*/}
	#base #ContentsInner #content-box > *:first-child + *{border-left:1px solid #000000\9;/*IE9以下*/ border-right:1px solid #000000\9;/*IE9以下*/ padding-right:24px\9;/*IE9以下*/ padding-left:24px\9;/*IE9以下*/}
	#base #ContentsInner #content-box > *:first-child + * + *{padding-left:24px\9;/*IE9以下*/}

	#base #ContentsInner #main-box > *:first-child{float:left\9;/*IE9以下*/ border-right:1px solid #000000\9;/*IE9以下*/ padding-right:24px\9;/*IE9以下*/}
	#base #ContentsInner #main-box > *:first-child + *{float:right\9;/*IE9以下*/ padding-left:24px\9;/*IE9以下*/}



@media screen and (min-width: 641px) {
	#base #ContentsInner #main-box a:nth-child(1){float:left; border-right:1px solid; padding-right:24px;}
	#base #ContentsInner #main-box a:nth-child(2){float:right; padding-left:24px;}
	#base #ContentsInner #content-box .recruitBox{width:300px; float:left;}
	#base #ContentsInner #content-box .recruitBox:nth-child(1){padding-right:24px;}
	#base #ContentsInner #content-box .recruitBox:nth-child(2){border-left:1px solid; border-right:1px solid; padding-right:24px; padding-left:24px;}
	#base #ContentsInner #content-box .recruitBox:nth-child(3){padding-left:24px;}
}
@media screen and (max-width: 640px) {
	#SmokeCheck {width: 80%!important;height: auto!important;top: 5%!important;left: 0!important;right: 0!important;margin: auto; padding:2%; z-index:9999;}
	#SmokeCheck h2 { font-size: 1.5em;margin-bottom: 1em;}
	#SmokeCheck p { font-size: 1em;}
	#SmokeCheck ul{width:70%;}
	#SmokeCheck ul li{width: 70px;height: 79px;margin-right:0!important;}
	#SmokeCheck ul li:last-child{margin-right:0!important; float:right!important;}
	#SmokeCheck ul li a {width: 70px;height: 79px;background-position: left top;}
	#SmokeCheck ul li a.YES,#SmokeCheck ul li a.NO {background-size: cover!important;}
	#SmokeCheck ul li a:hover{ background-position:left -79px;}
	#base #ContentsInner #recruitTop img{width:100%; height:auto;}
	#base #ContentsInner #title img{width:50%;max-width:322px; height:auto;}
	#base #ContentsInner #main-box a{width:45%;}
	#base #ContentsInner #main-box a:nth-child(1){float:left; border-right:1px solid; padding-right:5%;}
	#base #ContentsInner #main-box a:nth-child(2){float:right; padding-left:4%;}
	#base #ContentsInner #content-box .recruitBox{width:28%; float:left;}
	#base #ContentsInner #content-box .recruitBox:nth-child(1){padding-right:4%;}
	#base #ContentsInner #content-box .recruitBox:nth-child(2){border-left:1px solid; border-right:1px solid; padding-right:3%; padding-left:3%;}
	#base #ContentsInner #content-box .recruitBox:nth-child(3){padding-left:4%;}
}
/*********************
IR情報　右ナビ
*********************/
#Contents #ContentsR {
	min-height:1090px;
}
/*********************
トップページ
*********************/
/*********************
フッターーリンク
*********************/
@media screen and (min-width: 641px){	
}