@charset "utf-8";

.tb {
	display: none !important;
}

.pc {
	display: none !important;
}

.cont_p {
	display: none !important;
}

.pctb {
	display: none !important;
}


.fv_slide img {
	width: 100% !important;
	height: auto !important;
}

.inner {
	width: 100%;
	margin: 0 auto;
}

.shopInner {
	width: 100%;
	margin: 0 auto;
}

.inner90 {
	width: 90% !important;
	margin: 0 auto;
}

/* 90%sp only*/

.inner90sp {
	width: 90% !important;
	margin: 0 auto;
}

/* パンくず */
#breadcrumbs {
	width: 90%;
	margin: 0 auto;
	text-align: left;
}

/* もっと見る */
.disnosp {
	display: none;
}

.disnosp p {
	margin-bottom: 20px;
}

.seemore {
	cursor: pointer;
	color: #e60012;
	font-size: 1.4rem;
}

.visi {
	/*display:inline;*/
}

.visi p:last-child {
	/*display:inline;*/
}

.disnosp p:first-child {
	/*display:inline;*/
}

img {
	max-width: 100%;
	height: auto;
	width
	/***/
	: auto;
}

.news_detail_txt img {
	max-width: 100%;
	height: auto;
}


.sp_gnav01 li a:hover {
	background: #333;
}

.shop_txt {
	font-size: 1.0rem;
}

.shop_name {
	font-size: 1.5rem;
}

.recruitTtl {
	margin: 0 auto 20px;
	padding: 0 0 10px;
	background: url(../images/line01.png) no-repeat center bottom;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.05em;
	text-indent: 0.05em;
}

.ttl01 {
	margin: 0 auto 20px;
	padding: 30px 0 10px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.05em;
	text-indent: 0.05em;
}

.about_ttl01 {
	margin: 0 auto 20px;
	padding: 30px 0 10px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.05em;
	text-indent: 0.05em;
}

.ttl01 img {
	width: 30%;
	height: auto;
}

.about_ttl01 img {
	width: 80%;
	height: auto;
}

.ttl02 {
	font-size: 1.8rem;
	line-height: 1.4;
}

#fvArea2 {
	width: 100%;
	margin: 69px 0 50px;
	position: relative;
	z-index: 1;
}

.top_shopbox {
	width: 100%;
	margin: 0 auto 10px;
	padding: 2%;
	background: #000;
}

.top_moviebox {
	width: 100%;
	max-width: 100%;
	margin: 0 auto 10px;
	padding: 2%;
}

.top_moviebox a.movieLinkBox {
	display: block;
	margin: 0 auto 2%;
	padding: 3.2% 0;
	border: 1px solid #e60012;
	background: #e60012;
	font-size: 1.4rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

.top_moviebox img {
	width: 22px;
	margin-right: 3%;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 100px;
	margin-top: 0%;
	outline: 0;
	width: 25px;
	height: 38px;
	text-indent: -9999px;
	z-index: 100;
}

.lists__item a {
	display: block;
	width: 100%;
	padding: 15px 5% 5px 0px;
	border-bottom: 1px solid #707070;
	background: url(../images/arr_blk.png) no-repeat 99% center;
	font-size: 1.5rem;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.topNews {
	width: 90%;
	margin: 0 auto;
}

.cat {
	display: inline-block;
	margin-bottom: 5px;
	margin-right: 5px;
	padding: 2px 4px 0;
	background: #e60012;
	font-size: 1.4rem;
	color: #ffffff;
	text-align: center;
}

/*Subpage
======================================*/
#newsSingle {
	width: 100%;
	height: 70px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.snsBox {
	text-align: right;
	/*	margin-bottom: 30px;*/
}

.news_detail_area {
	margin-bottom: 25px;
}

/* shop */
.shopCol {
	width: 100%;
	margin: 0 auto 30px;
	padding: 0 0 30px;
	border-bottom: 1px solid #707070;
}

.shopname {
	margin: 0 0 5px;
	font-size: 2.5rem;
	font-weight: bold;
}

.shop_tab {
	width: 100%;
	margin-bottom: 10px;
}

.shop_box {
	width: 100%;
	margin: 0 auto;
}

.shop_box p {
	text-align: center
}

.shop_box h3 {
	text-align: center
}

.note {
	width: 90%;
	margin: 20px auto 40px;
	display: flex;
	flex-direction: column;
	gap: 1em 0;
}

.noteTit {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}

.noteName {
	margin-top: 1em;
	font-size: 1.6rem;
	text-align: right;
}

.link {
	margin: 10px 0 15px;
	text-align: center;
}

.link a {
	display: inline-block;
	padding: 5px 8px;
	background: #000000;
	border: 1px solid #000000;
	color: #ffffff;
	font-size: 1.2rem;
	font-weight: bold;
}

.recruitArea {
	width: 100%;
	height: 43vh;
	margin: 70px 0 0px;
	background: url(../images/movie_back.png) repeat;
	/* position: relative; */
	overflow: hidden;
}

/*
.recruitArea {
	width: 100%;
	height: 70vh;
	margin: 70px 0 0px;
	background: url(../images/movie_back.png) repeat;
	position: relative;
	overflow: hidden;
}*/



.recSec01 {
	width: 100%;
	margin: 0 auto 60px;
}

.rec_shop {
	width: 90%;
	margin: 0 auto;
}

.rec_shop_box {
	width: 100%;
	display: table;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #000;
}

.rs_img {
	display: table-cell;
	width: 35%;
}

.rs_col {
	display: table-cell;
	padding: 0 0 0 10px;
	font-size: 1.3rem;
}

.rs_name {
	margin-bottom: 10px;
	font-size: 1.1rem;
	font-weight: bold;
}

.rs_name span {
	font-size: 1.8rem;
}

.rec_txt {
	width: 100%;
	position: absolute;
	top: 0;
	padding-top: 25%;
	font-size: 2.2rem;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

.rec_txt span {
	display: inline-block;
	margin-bottom: 15px;
	padding-bottom: 5px;
	position: relative;
	font-size: 1.6rem;
	border-bottom: 2px solid #fff;
}

.rec_massage {
	width: 90%;
	margin: 10% auto;
}

.rec_massage p,
.rec_sec01_r p {
	margin-bottom: 20px;
	font-size: 1.4rem;
	text-indent: 1em;
	line-height: 1.8;
}

.rec_sec01_r {
	width: 100%;
	padding: 10% 5% 7%;
	background: #f6f6f6;
}

.interviewArea1 {
	width: 90%;
	height: 920px;
	margin: 0 auto 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #000;
}

.interviewArea2 {
	width: 90%;
	height: 1080px;
	margin: 0 auto 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #000;
}

.content {
	padding: 10px 0 40px;
}

.recflow_box {
	width: 100%;
	padding: 10px 15px 20px;
	border: 1px solid #000000;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #ffffff;
}

#area_auth {
	width: 100% !important;
	margin: 0 auto;
}

#userInfo {
	width: 90%;
	margin: 0 auto 30px;
}

#box3 li a {
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 5px 0 12px;
	background: url(../images/arr03.png) no-repeat 95% center #e60012;
	font-size: 2.6rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

li#confirmBtn1 a {
	display: block;
	width: 90%;
	margin: 0 auto 20px;
	padding: 15px 0 12px;
	background: url(../images/arr03-2.png) no-repeat 5% center #000;
	font-size: 2.0rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

li#confirmBtn2 a {
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 15px 0 12px;
	background: url(../images/arr03.png) no-repeat 95% center #e60012;
	font-size: 2.0rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

.err {
	padding-bottom: 10px;
	color: #E60012;
}

#homeBtn a {
	display: block;
	width: 90%;
	margin: 50px auto 0;
	padding: 15px 0 14px;
	background: url(../images/arr03-2.png) no-repeat 5% center #000;
	font-size: 2.0rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

.dropmenu li ul li a {
	padding: 13px 20px;
	border-top: 1px solid #eeeeee;
	background: url(../images/arr_red.png) no-repeat 5px center #f5f5f5;
	text-align: left;
	font-size: 1.2rem;
}


/*　会社案内　*/
.greeingArea {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px 5%;
	/*background: url(../images/oner_bg.jpg) no-repeat center 940px ;
	background-size: 75% ;*/
}

.grt {
	width: 100%;
	margin: 0 auto;
	padding: 5px;
	background-color: transparent;
}

.grt02 {
	width: 100%;
	padding: 0;
	font-size: 1.6rem;
	border: 1px solid #615f5d;
}

.grt p.rightName {
	display: block;
	margin-bottom: 20px;
	text-align: right !important;
	font-size: 1.4rem;
}

.underImg {
	width: 89%;
	margin: 0 auto 30px;
}

.recruitBnr {
	width: 88%;
	margin: 50px auto;
	padding: 30px 10px;
	background: url(../images/recruit_bg02.jpg) no-repeat center;
	background-size: cover;
	color: #ffffff;
	text-align: center;
}

/*　店舗一覧　*/
.shop_tab th {
	width: 60px;
}


#area_experience select,
#area_age select {
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(../images/arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%, #efebe1 100%);
	background: url(../images/arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%, #efebe1 100%);
	background-size: 20px, 100%;
}

.siteList {
	width: 100%;
	margin: 0 auto 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.siteList02 {
	width: 100%;
	margin: 0 auto 50px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.siteList a,
.siteList02 a {
	display: block;
	width: 48%;
	margin: 0 1% 5px;
	padding: 15px 20px 15px 10px;
	font-size: 1.1rem;
	border: 1px solid #000000;
	background: url(../images/arr_wht.png) no-repeat 97% center #000000;
	color: #ffffff;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.siteList a:hover,
.siteList02 a:hover {
	color: #000000;
	background: #fff;
}

.ucn_tl span {
	width: 55px;
}

.ucn_tl span img {
	width: 100%;
}

#contactCaution {
	padding: 0 5% 30px;
	text-align: center;
	color: #e60012;
	font-weight: bold;
}

div#trace {
	display: none;
}

.pankuzuArea {
	width: 100%;
	margin: 0 auto 10px;
}

.pankuzu {
	font-size: 1.3rem;
}

.cont_tl {
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
	text-align: center;
}

.cont_tl img {
	max-width: 100%;
}

.telbox_r {
	float: right;
	margin-bottom: 30px;
}

.topRecruit {
	width: 100%;
	margin-bottom: 50px;
	background: url(../images/toprec_bg.jpg) repeat center 0;
	overflow: hidden;
}

.recruitBox2 {
	width: 100% !important;
	*/ margin: 0 auto 50px !important;
}

.shopManager {
	width: 20%;
	height: auto !important;
	float: left;
}

.rs02_in2 {
	width: 100%;
	margin: 0 6px 15px 6px;
	padding: 20px 10px 20px 65px;
	border: 1px solid #e60012;
	float: left;
	background: url(../images/check_img.png) no-repeat 15px center;
	font-size: 1.5rem;
	-webkit-align-items: center;
	align-items: center;
}

.rec_shop_box2 {
	width: 50%;
	float: left;
}

.rec_shop_box2:nth-child(3n) {
	width: 50%;
	float: left;
}

.rs_col2,
.rs_col3 {
	min-height: 200px;
	padding: 3%;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	font-size: 1.6rem;
}

.interview_box {
	padding: 0;
}

#simple .sp-mask {
	height: 840px !important;
}

#simple2 .sp-mask {
	height: 1000px !important;
}


/*170524採用情報*/

/*採用 共通*/
.recContnerL {
	width: 100%;
	margin: 0 auto 10%;
}

.recContnerLL {
	width: 100%;
	padding: 10% 0;
	background: url(../images/recruit_bg.jpg) repeat 0 0;
}

.recContnerM {
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
	padding: 0 5%;
}

/*採用 メインビジュアル*/
.recArea {
	width: 100%;
	padding-top: 70px;
	position: relative;
	overflow: hidden;
}

.recMvTxt {}

.recMvTxt span#recMvTxtTop {
	padding-bottom: 1%;
	border-bottom: 5px solid #fff;
}

.recMvTxt span#recMvTxtbottom {
	display: block;
	padding-top: 1%;
}

/* 応援 */
#recContnerAera {}

#recSupportLeft {
	max-width: 580px;
	width: 100%;
}

#recSupportRight {
	max-width: 580px;
	width: 100%;
}

.recSupportImg {
	width: 100%;
}

.recSupportImg img {
	width: 100%;
	height: auto;
}

span.recSupportRed {
	display: block;
	padding: 10px 15px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #fff;
	background: #d8050e;
}

.recSupportTxt {
	margin: 0 auto 15%;
	padding: 8%;
	border: 1px dotted #ccc;
	background: #fff;
}

.hatarakikataArea {}

.hatarakikataImg {
	position: relative;
	width: 100%;
}

.hatarakikataImg img {
	width: 100%;
	height: auto;
}

span.hatarakikataTxt {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 80px;
	height: 80px;
}

span.hatarakikataTxt img {
	width: 100%;
	height: auto;
}

/* 店舗・店長紹介 */
#recShopArea {
	margin-bottom: 3%;
}

/*.recShopTop {
	width: 100%;
}*/
/*.recShopBox {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.recShopBox a {
	display: block;
}*/
span.recShopAdd {
	position: absolute;
	top: 0;
	left: 0;
	padding: 7px 10px;
	color: #fff;
	background: #d8050e;
}

span.recShopAddSp {
	position: absolute;
	top: 0;
	right: 0;
	padding: 7px 10px;
	color: #fff;
	background: #d8050e;
}

/*span.recShopName {
	position: absolute;
	left: 5%;
	bottom: 5%;
	width: 90%;
	padding: 10px 0;
	font-weight: bold;
	text-align: center;
	color: #000;
	background-color: rgba(255,255,255, 0.7);
}*/

.recShopDetailBox_sp {
	width: 100%;
	margin-bottom: 5%;
	padding: 5% 5% 2%;
	border: 1px dotted #c9c9c9;
}

.recShopDetailImg {
	position: relative;
	width: 100%;
	margin-bottom: 5%;
	overflow: hidden;
}

.recShopDetailImg img {
	width: 100%;
	height: auto;
}

.recShopDetail {
	width: 100%;
}

h3.recShopDetailTtl {
	width: 96%;
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
	font-weight: bold;
	font-size: 30px;
	font-weight: bold;
	line-height: 0.7;
	text-align: left !important;
	font-size: 2.0rem;
}

h3.recShopDetailTtl span {
	display: inline-block;
	padding-bottom: 5%;
	font-size: 12px;
}

span.recShopDetailRed {
	padding: 5px 8px;
	color: #fff;
	background: #d8050e;
}

.recShopDetailTxt {
	margin: 5px 0 10px;
}

.recShopDetailTxt a {
	color: #000 !important;
}

/* メッセージ */
#recMessageArea {
	margin-bottom: 3%;
}

.recMessage {
	margin-bottom: 16px;
	text-align: left;
}

.recMessageImgArea {
	width: 100%;
	margin-bottom: 10%;
}

.recMessageImgArea img {
	width: 33.3%;
	float: left;
}

h3.recMessageTtl {
	width: 100%;
	font-size: 20px;
	margin: 0 auto 10px;
	padding-bottom: 10px;
	border-bottom: 1px #666666 solid;
	font-weight: bold;
	text-align: left;
}

/*ファクトリュウはこんな人材を待っています*/
.rs02_in2 {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 65px;
	border: 1px dotted #e60012;
	float: left;
	background: url(../images/check_img.png) no-repeat 15px center;
	font-size: 1.5rem;
	-webkit-align-items: center;
	align-items: center;
}

.rs02_in2:nth-child(3n) {
	margin: 0 0 15px 0;
}

/* インタビュー */
#interviewArea {}

.interviewBox {
	position: relative;
	width: 100%;
}

.interviewBox a {
	display: block;
}

.interviewBox a:hover {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.interviewBoxDetail {
	width: 100%;
	padding: 5%;
}

.rec_sec02_l {
	width: 100%;
	margin-bottom: 20px
}

.rec_sec02_r {
	width: 100%;
}

.interviewImg {
	width: 100%;
	overflow: hidden;
}

.interviewImg img {
	width: 100%;
	height: auto;
}

.interviewDetail {
	margin-bottom: 20px;
	padding: 20px 10px;
	border: 1px dotted #dcdcdc;
	background: #fff;
}

.interviewTtl {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.interviewTxt {
	text-align: center;
}

h3.recApplyTtl {
	width: 90% !important;
	padding: 10px !important;
	margin: 0 auto 20px !important;
	font-size: 21px !important;
	text-align: center !important;
	color: #333333 !important;
	border-bottom: 1px #666666 solid !important;
}

.off_logo {
	width: 95%;
	margin: 0 auto 40px;
	text-align: left;
	float: none;
}

.off_logo a {
	display: inline-block;
}

.off_logo span {
	display: block;
	text-align: left;
}

.off_name {
	margin: 15px 0 20px;
	font-size: 1.3rem;
}

.off_name a {
	text-decoration: underline !important;
}

.off_name a:hover {
	text-decoration: none !important;
}

span.tel-link {
	display: inline;
}

.logoArea {
	width: 100%;
	margin: 0 auto 50px;
	float: none;
}

.logo_box {
	width: 100%;
	margin: 0 0 1px;
	background: #000000;
}

.logo_box a {
	display: block;
	width: 100%;
	color: #ffffff;
}

.logo_box a {
	display: block;
	width: 100%;
}

.logo_img {
	width: 55px;
	height: 55px;
	float: left;
	margin-right: 5px;
	border: 2px solid #000000;
}

.logo_img img {
	width: 100%;
	height: auto;
}

.shop_txt {
	display: block;
	padding: 7px 0 0;
	font-size: 1.3rem;
}

.shop_name {
	font-size: 1.5rem;
	font-weight: bold;
}

.snsArea {
	width: 100%;
	margin-bottom: 12px;
	padding: 15px 0 10px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align: center;
}

.fb-share-button iframe {
	/*margin: -6px 0 0;*/
}

.twitter-share-button {
	display: inline-block;
	/*	margin: 0 10px; */
}

/* 
hamburger(ハンバーガーアイコン)
=================================== */
.hamburger {
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	height: 70px;
	padding: 15px 0 0;
	background: #e71e22;
	z-index: 1500;
}

.hamburger__line {
	position: absolute;
	left: 15px;
	width: 60%;
	height: 4px;
	background-color: #ffffff;
	border-radius: 4px;
	transition: all 0.5s;
}

.hamburger__line--1 {
	top: 14px;
}

.hamburger__line--2 {
	top: 26px;
}

.hamburger__line--3 {
	top: 38px;
}

.hamburger span:nth-of-type(4) {
	position: absolute;
	top: 46px;
	width: 100%;
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	color: #ffffff;
	background: none;
}

/*ハンバーガーがクリックされたら*/
.open .hamburger__line--1 {
	transform: rotate(-45deg);
	top: 25px;
}

.open .hamburger__line--2 {
	opacity: 0;
}

.open .hamburger__line--3 {
	transform: rotate(45deg);
	top: 25px;
}

/* 
sp-nav(ナビ)
=================================== */
.sp-nav {
	position: fixed;
	right: -100%;
	/*ハンバーガーがクリックされる前はWindow右側に隠す*/
	top: 0;
	width: 100%;
	/* 出てくるスライドメニューの幅 */
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.95);
	overflow: scroll;
	transition: all 0.5s;
	z-index: 200;
	overflow-y: auto;
	/* メニューが多くなったらスクロールできるように */

	ul {
		width: 70%;
		margin: 80px auto 20px;

		li {

			a {
				display: block;
				width: 100%;
				padding: 10px 0 10px 15px;
				background: url(images/arr_red.png) no-repeat 0 center;
				border-bottom: 1px solid #333333;
				color: #ffffff;
				font-size: 1.5rem;
			}
		}
	}
}

.menu_btn {
	display: block;
	width: 70%;
	margin: 0 auto;
	padding: 15px 0;
	background: #e60012;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	line-height: 2;
}

/*ハンバーガーがクリックされたら右からスライド*/
.open .sp-nav {
	right: 0;
}


/* 
black-bg(ハンバーガーメニュー解除用bg)
=================================== */
.black-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 5;
	background-color: #000;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
	cursor: pointer;
	z-index: 100;
}

/*ハンバーガーメニューが開いたら表示*/
.open .black-bg {
	opacity: 0.3;
	visibility: visible;
}