@charset "utf-8";
/*
Theme Name: factoryu2610
Theme URI:
Author: tiltilmitil
*/

/* 1.マージン・インデント
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.m0b { margin-bottom: 0 !important; }
.m1b { margin-bottom: 1px !important; }
.m2b { margin-bottom: 2px !important; }
.m3b { margin-bottom: 3px !important; }
.m4b { margin-bottom: 4px !important; }
.m5b { margin-bottom: 5px !important; }
.m6b { margin-bottom: 6px !important; }
.m7b { margin-bottom: 7px !important; }
.m8b { margin-bottom: 8px !important; }
.m9b { margin-bottom: 9px !important; }
.m10b { margin-bottom: 10px !important; }
.m13b { margin-bottom: 13px !important; }
.m15b { margin-bottom: 15px !important; }
.m20b { margin-bottom: 20px !important; }
.m25b { margin-bottom: 25px !important; }
.m30b { margin-bottom: 30px !important; }
.m35b { margin-bottom: 35px !important; }
.m40b { margin-bottom: 40px !important; }
.m45b { margin-bottom: 45px !important; }
.m50b { margin-bottom: 50px !important; }
.m60b { margin-bottom: 50px !important; }
.m70b { margin-bottom: 70px !important; }
.m80b { margin-bottom: 80px !important; }
.m90b { margin-bottom: 90px !important; }
.m100b { margin-bottom: 100px !important; }

.m20t { margin-top: 20px !important; }


.m5l { margin-left: 5px !important; }
.m9l { margin-left: 9px !important; }
.m10l { margin-left: 10px !important; }
.m12l { margin-left: 12px !important; }
.m15l { margin-left: 15px !important; }
.m20l { margin-left: 20px !important; }
.m25l { margin-left: 25px !important; }
.m30l { margin-left: 30px !important; }
.m40l { margin-left: 40px !important; }
.m150l { margin-left: 150px !important; }
.m570l { margin-left: 570px !important; }

.m5r { margin-right: 5px !important; }
.m10r { margin-right: 10px !important; }
.m15r { margin-right: 15px !important; }
.m20r { margin-right: 20px !important; }
.m25r { margin-right: 25px !important; }
.m30r { margin-right: 30px !important; }
.m40r { margin-right: 40px !important; }
.m50r { margin-right: 50px !important; }

.p5b { padding-bottom: 5px !important; }
.p10b { padding-bottom: 10px !important; }
.p15b { padding-bottom: 15px !important; }
.p20b { padding-bottom: 20px !important; }
.p25b { padding-bottom: 25px !important; }
.p30b { padding-bottom: 30px !important; }
.p40b { padding-bottom: 40px !important; }
.p50b { padding-bottom: 50px !important; }
.p60b { padding-bottom: 60px !important; }
.p70b { padding-bottom: 70px !important; }
.p80b { padding-bottom: 80px !important; }
.p34b { padding-bottom: 34px !important; }

.p5t { padding-top: 5px !important; }
.p8t { padding-top: 8px !important; }
.p10t { padding-top: 10px !important; }
.p15t { padding-top: 15px !important; }
.p17t { padding-top: 17px !important; }
.p20t { padding-top: 20px !important; }
.p25t { padding-top: 25px !important; }
.p30t { padding-top: 30px !important; }
.p40t { padding-top: 40px !important; }
.p50t { padding-top: 50px !important; }
.p60t { padding-top: 60px !important; }
.p70t { padding-top: 70px !important; }
.p80t { padding-top: 80px !important; }
.p90t { padding-top: 90px !important; }
.p100t { padding-top: 100px !important; }
.p120t { padding-top: 120px !important; }

.p10a { padding: 10px !important; }
.p20a { padding: 20px !important; }

.p0r { padding-right: 0px !important; }
.p5r { padding-right: 5px !important; }
.p10r { padding-right: 10px !important; }
.p20r { padding-right: 20px !important; }
.p15r { padding-right: 15px !important; }
.p25r { padding-right: 25px !important; }
.p30r { padding-right: 30px !important; }
.p40r { padding-right: 40px !important; }
.p50r { padding-right: 50px !important; }
.p55r { padding-right: 55px !important; }
.p60r { padding-right: 60px !important; }
.p70r { padding-right: 70px !important; }
.p75r { padding-right: 75px !important; }
.p90r { padding-right: 90px !important; }
.p100r { padding-right: 100px !important; }
.p110r { padding-right: 110px !important; }
.p120r { padding-right: 120px !important; }


.p10l { padding-left: 10px !important; }
.p15l { padding-left: 15px !important; }
.p20l { padding-left: 20px !important; }

.p25l { padding-left: 25px !important; }
.p30l { padding-left: 30px !important; }
.p200l { padding-left: 200px !important; }

.box60 { width: 60px !important; }
.box85 { width: 85px !important; }
.box100 { width: 100px !important; }

.box110 { width: 110px !important; }
.box120 { width: 120px !important; }
.box130 { width: 130px !important; }
.box140 { width: 140px !important; }
.box160 { width: 160px !important; }
.box180 { width: 180px !important; }
.box200 { width: 200px !important; }
.box230 { width: 230px !important; }
.box250 { width: 250px !important; }
.box260 { width: 260px !important; }
.box280 { width: 280px !important; }
.box285 { width: 285px !important; }
.box290 { width: 290px !important; }
.box330 { width: 330px !important; }
.box340 { width: 340px !important; }
.box300 { width: 300px !important; }
.box310 { width: 310px !important; }
.box320 { width: 320px !important; }
.box350 { width: 350px !important; }
.box355 { width: 355px !important; }
.box365 { width: 365px !important; }
.box370 { width: 370px !important; }
.box400 { width: 400px !important; }
.box420 { width: 420px !important; }
.box450 { width: 450px !important; }
.box440 { width: 440px !important; }
.box460 { width: 460px !important; }
.box480 { width: 480px !important; }
.box500 { width: 500px !important; }
.box510 { width: 510px !important; }
.box530 { width: 530px !important; }
.box600 { width: 600px !important; }
.box640 { width: 640px !important; }

/* 2.位置クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.clear { clear: both !important; }
.cen { text-align: center !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }

/* 3.テキスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.en { font-family: Helvetica, " sans-serif"; }

.txt11 { font-size: 1.1rem !important; }
.txt12 { font-size: 1.2rem !important; }
.txt13 { font-size: 1.3rem !important; }
.txt14 { font-size: 1.4rem !important; }
.txt15 { font-size: 1.5rem !important; }
.txt16 { font-size: 1.6rem !important; }
.txt17 { font-size: 1.7rem !important; }
.txt18 { font-size: 1.8rem !important; }
.txt20 { font-size: 2.0rem !important; }
.txt25 { font-size: 2.5rem !important; }
.txt34 { font-size: 3.4rem !important; }

.bold { font-weight: bold !important; }
.txtRed { color: #e60012 !important; }
.txtRed2 { color: #CC0000 !important; }
.txtBlue { color: #00c1f1 !important; }
.txtPink { color: #F246A4 !important; }
.txtGold { color: #c37c00 !important; }
.txtGray { color: #666666 !important; }
.txtWhite { color: #FFFFFF !important; }
.txtGreen { color: #3b7309 !important; }
.txtYellow { color: #f19b2b !important; }

.lh130 { line-height: 130% !important; }
.lh150 { line-height: 150% !important; }
.lh190 { line-height: 190% !important; }
.lh240 { line-height: 240% !important; }
.bNone { border: none !important; }
.vaMid { vertical-align: middle !important; }

/* 投稿の画像配置 */
.alignright { display: inline-block; margin: 0 0 10px auto; }/* 配置位置 左 */
.alignleft { display: inline-block; margin: 0 auto 10px 0; }/* 配置位置 右 */
.aligncenter { display: inline-block; margin: 0 auto 10px; }/* 配置位置 中央 */
/* .alignright { float: right; padding: 0px 0 10px 10px; } *//* 後続のテキスト左回り込み */
/*.alignleft { float: left; padding: 0px 10px 10px 0; }*//* 後続テキスト右回り込み */


html{
	font-size: 62.5%;
}

body {
	margin: 0;
	padding: 0;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #ffffff;
	color: #000000;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: 'pwid';
}

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

/* FadeIn */
.sec {
	opacity: 0;
	transition: 1.0s;
}
.secIn{
	opacity: 1.0;
}

@media screen and (max-width:1024px) {
	video {
		display: none !important;
	}
}
@media screen and (min-width:1025px) {
	.fv_slide {
		display: none !important;
	}
}

/*Clear
----------------------*/
/*--clearfix--*/
.cf, #wrapper, #main, .contbox, .entry {
	*zoom: 1;
	}
.cf:before, .cf:after, #wrapper:before, #wrapper:after, #main:before, #main:after, .contbox:before, .contbox:after, .entry:before, .entry:after {
	content: " ";
	display: table;
	}
.cf:after, #wrapper:after, #main:after, .contbox:after, .entry:after {
	clear: both;
	}

/*Layout
======================================*/
/* wrapper */
#wrapper {
	width: 100%;
	height: 100%;
	position: relative;
}

#minWrap {
	border-bottom: 1px solid #000;
}

.maincontainer {
	width: 90%;
	margin: 0 auto 50px;
}

.mainbox {
	width: 90%;
}

/* パンくず */
#breadcrumbs ol {
	width: 100%;
	margin: 20px 0;
}

#breadcrumbs ol li {
	display: inline;
    margin-right: 0px;
    padding: 0px 20px 0px 10px;
    background: url(images/bc.png) no-repeat center right;
    line-height: 1;
}

#breadcrumbs ol li:first-child {
    padding: 0px 20px 0px 0;
}

#breadcrumbs ol li:last-child {
    background: none;
}

.snsBox {
	text-align: right;
}

/* link */
a {
    color: #000000;
    outline: none;
}
a:link, a:visited {
    text-decoration: none;
}

/* image */
img {
    border: none;
    vertical-align: top;
}

/* header */
#headerArea {
	display: none;
}

#header {
	width: 100%;
	margin:0 auto;
	text-align: center;
}
.in_hd {
	display: inline-block;
	vertical-align: top;
}
.hd_logo a {
	display: block;
}
.hd_logo a img {
	display: block;
}
.hd_col h1 {
	position: absolute;
	top: 20px;
	right: 0;
	font-size: 11px;
	font-weight: bold;
}
.h_nav {
	position: absolute;
	top: 12px;
}
.h_link a {
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 0 0 0 8px;
	background: url(images/arr_red.png) no-repeat 0 0;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.0;
}
.h_link a:hover {
	text-decoration: underline;
}
@media screen and (max-width:1024px) {
		.fb_link {
			display: inline-block;
			margin: 0 10px 0 0;
			padding: 0 0 0 15px;
			border-left: 1px solid #000000;
		}
}
@media screen and (min-width:1025px) {
	.fb_link {
		display: inline-block;
		margin: 0 15px 0 0;
		padding: 0 0 0 12px;
		border-left: 1px solid #000000;
	}
}

.fb_link a img,
.tw_link a img {
	vertical-align: middle;
}
.fb_link a:hover,
.tw_link a:hover {
	opacity: 0.4;
}
.gNav01 {
	position: absolute;
	top: 59px;
	right: 0;
}
.gNav02 {
	position: absolute;
	top: 59px;
	left: 0;
}

#sp_header {
	width: 100%;
	height: 70px;
	background: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 500;
	border-bottom: 1px solid #dcdcdc;
}
#sp_header h1 {
	position: absolute;
	top: 10px;
	left: 5px;
	width: 187px;
	height: 58px;
}
#sp_header h1 img {
	width: 70%;
    padding: 3% 0 0 0;
}

/*--プルダウンメニュー--*/
p#telBtn {
    position: absolute;
    top: 0;
    right: 39%;
    height: 45px;
    padding: 10px 0 0;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 2;
    z-index: 1500;
	}
p#telBtn img {
	width: auto;
	height: 100%;
	}
@media screen and (max-width:767px) {
	p#applyBtn {
	    position: absolute;
	    top: 0;
	    right: 24%;
	    height: 45px;
	    padding: 10px 0 0;
	    font-size: 10px;
	    font-weight: bold;
	    text-align: center;
	    line-height: 2;
	    z-index: 1500;
		}
}
@media screen and (min-width:768px) {
	p#applyBtn {
	    position: absolute;
	    top: 0;
	    right: 12%;
	    height: 45px;
	    padding: 10px 0 0;
	    font-size: 10px;
	    font-weight: bold;
	    text-align: center;
	    line-height: 2;
	    z-index: 1500;
		}
}
p#applyBtn a {
	color: #e71e22;
	}
p#applyBtn img {
	width: auto;
	height: 100%;
	}
p.menu {
	width:70px;
	height: 70px;
	padding: 15px 0 0;
	background: #e71e22;
	right:0;
	top:0;
	position:absolute;
	z-index:1500;
	}
p.menu .menu-trigger,
p.menu .menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	}
p.menu .menu-trigger {
	position: relative;
	width: 40px;
	height: 24px;
	}
p.menu .menu-trigger span {
	position: absolute;
	left: 15px;
	width: 100%;
	height: 4px;
	background-color: #ffffff;
	border-radius: 4px;
	}
p.menu .menu-trigger span:nth-of-type(1) {
	top: 0;
	}
p.menu .menu-trigger span:nth-of-type(2) {
	top: 10px;
	}
p.menu .menu-trigger span:nth-of-type(3) {
	bottom: 0;
	}
p.menu .menu-trigger span:nth-of-type(4) {
	bottom: -7px;
	font-size:0.9rem;
	font-weight: bold;
	color: #ffffff;
	background:none;
}

p.menu .menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
	background-color: #ffffff;
}
p.menu .menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
p.menu .menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
	background-color: #ffffff;
}
.closebtn {
	display: block;
	width: 90%;
	margin: 20px auto 50px;
	padding: 15px 0;
	background: #000000;
	border: 1px solid #ffffff;
	text-align: center;
	color: #ffffff;
	font-size: 1.8rem;
}
.dl-menu {
	display:none;
	width:100%;
	height: 100vh;
	padding: 50px 0;
	position:absolute;
	top:0;
	right:0;
	z-index:999;
	background-color: rgba( 0, 0, 0, 0.95 );
	overflow: scroll;
}
.sp_gnav01 {
	width: 70%;
	margin: 0 auto 20px;
}
.sp_gnav01 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;
	/*text-align: center;*/
}

.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;
}
.menu_btn img {
	display: inline-block;
	margin-right: 5px;
}
.sp_gnav02 {
	width: 90%;
	margin: 20px auto;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.sp_gnav02 li {
	width: 49%;
	margin: 0.5%;
	float: left;
}
.sp_gnav02 li a {
	display: block;
	width: 100%;
	padding: 10px;
	background: #333333;
	color: #f5f5f5;
	font-size: 1.4rem;
}
.sp_gnav02 li.redBtn a {
	background: #e60012;
	color: #f5f5f5;
}
#menuTel {
	text-align: center;
	margin-bottom: 20px;
	color: #fff;
	font-size: 1.5rem;
}
#menuTel a {
	color: #fff;
	font-size: 1.5rem;
}

/* footer */
#footer {
	width: 100%;
	margin-top: 50px;
	padding-bottom: 12px;
}
.toplogoArea {
	width: 90%;
	margin: 0 auto;
}
/*.off_logo {
	width: 95%;
	margin: 0 auto 40px;
	text-align: left;
}*/
.off_logo {
    float: left;
    width: 380px;
    margin: 0 auto 40px;
    text-align: left;
}

.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;
}*/
.logoArea {
    float: right;
    width: 520px;
    margin: 0 auto 50px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.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: 60px;
	height: 60px;
	float: left;
	margin-right: 10px;
	border: 2px solid #000000;
}
.logo_img img {
	width: 100%;
	height: auto;
}
.shop_txt {
	display: block;
	padding: 7px 0 0;
	font-size: 1.4rem;
}
.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; */
}


#copy {
	width: 100%;
	font-size: 1.2rem;
	color: #000000;
	text-align: center;
}

.ttl02 {
	margin: 0 auto 30px;
	font-size: 2.2rem;
	font-weight: bold;
	color: #e60012;
	font-weight: bold;
}

.sendTtl01 {
	width: 90%;
    font-weight: bold;
    margin: 0 auto 20px;
    padding: 100px 0 5px;
    border-bottom: 1px solid #000;
    text-align: center;
}

.checkboxLeft span {
	display: block;
}

.subttl01 {
	width: 100%;
	margin-bottom: 40px;
	background: url(images/subtl_bg.jpg) repeat-x 0 center;
	text-align: center;
}
.subttl01 span {
	display: inline-block;
	padding: 0 20px;
	background: #000000;
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-indent: -0.1em;
}

#mv .sp-slides {
	height: 70vmin !important;
}
.mainTxt {
	position: absolute;
	top: 35%;
    left: 15%;
    width: 70%;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.maintxtimg {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.maintxtimg img {
	max-width: 70%;
}
.scrollbtn {
	display: none;
}

.scl {
	display: block;
	color: #ffffff;
	font-size: 1.2rem;
}


#sec01 {
	width: 100%;
	display: table;
	margin-bottom: 100px;
}
.sec01_in_l {
	width: 80%;
	margin: 0 auto 50px;
	padding: 0;
	text-align: center;
	line-height: 2.0;
}

.logobox {
	width: 160px;
	height: 176px;
	margin: 0 auto 60px;
	text-align: center;
	position: relative;
}

.logo_red {
	display: block;
	position: absolute;
	top: 0;
	left: 80px;
	width: 160px;
	height: 176px;
	transition: all 0.3s ease-in-out 0s;
}
.logo_blk {
	display: block;
	position: absolute;
	top: 56px;
	left: -62px;
	width: 85px;
	height: 104px;
	transition: all 0.3s ease-in-out 0s;
}
.sec01_in_r {
	width: 100%;
	background: transparent;
}

.topshopList {
	width: 95%;
	max-width: 1200px;
	margin: 0 auto 40px;
}

.top_moviebox {
    width: 33.333%;
    max-width: 400px;
    margin: 0;
	padding: 40px 24px 0;
    float: left;
}
.top_moviebox a.movieLinkBox {
	display: block;
	margin: 0 auto 16px;
	padding: 14px 0;
	border: 1px solid #e60012;
	background: #e60012;
	font-size: 1.4rem;
	font-weight: bold;
	color:  #ffffff;
	text-align: center;
}
.top_moviebox img {
	width: 7%;
	margin-right: 3%;
}

.top_shopbox figure {
	background: #000000;
}

.topshop_img {
	display: table-cell;
	/*vertical-align: middle;*/
}
.topshop_img img {
	width: 100%;
}
.tsp_logo {
	display: none;
}
.top_shopbox figcaption {
	display: table-cell;
	vertical-align: middle;
}
.top_shopbox figcaption {
	padding: 0 1.5% 0 3%;
	position: relative;
	width: 55%;
}
.tsp_inner .place {
	display: none;
}
.top_shopbox figcaption span {
	color: #ffffff;
}
.tsp_txt01 {
	display: block;
	font-size: 0.9rem;
}
.tsp_add {
	display: block;
	font-size: 0.9rem;
}
.tsp_name {
	display: block;
	margin-bottom: 2px;
	font-size: 1.4rem;
	font-weight: bold;
}
.tsp_inner a.linkBox {
	display: inline-block;
	margin-top: 2px;
	padding: 1px 20px 1px 10px;
	border: 1px solid #e60012;
	background: url(images/arr_wht02.png) no-repeat 98% center #e60012;
	font-size: 1.0rem;
	color:  #ffffff;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.tsp_inner a {
	color:  #ffffff;
}

#map_canvas {
	width: 100%;
	height: 400px;
	margin: 0 auto;
}

.topPol {
	width: 100%;
	/*height: 70vh;*/
	background: url(images/top_bg01.jpg) no-repeat center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.top_in_pol {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	padding: 10% 0;
}
.top_inn01 {
	width: 90%;
	margin: 0 auto;
	padding: 5px;
	background: rgba(255,255,255,.85);
}
.top_inn02 {
	width: 100%;
	padding: 2px;
	border: 2px solid #343434;
}
.top_inn03 {
	width: 100%;
	padding: 20px 20px 30px;
	border: 1px solid #615f5d;
	font-size: 1.4rem;
	text-align: center;
}
.top_icon {
	margin-bottom: 20px;
	text-align: center;
}

.top_rectl {
	position: absolute;
	top: 50px;
	color: #ffffff;
	width: 100%;
	text-align: center;
	z-index: 10000;
}
.toprecArea {
	width: 90%;
	margin: 0 auto 30px;
}
.toprec_box {
	width: 100%;
	height: auto;
	position: relative;
}
.toprec_col {
	width: 80%;
	margin: 0 auto;
	color: #ffffff;
	font-size: 1.2rem;
}

.toprec_col p {
	color: #ffffff;
    margin-bottom: 10px;
}

.rec_img {
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
}
.toprec_tl {
	margin-bottom: 15px;
	font-size: 2.0rem;
}
.toprec_tl span {
	display: inline-block;
	margin-right: 5px;
	padding: 2px 5px;
	border: 1px solid #aaaaaa;
	font-size: 1.3rem;
	color: #aaaaaa;
	vertical-align: text-bottom;
}

.bx-wrapper {
  position: relative;
  margin-bottom: 40px;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: inline-block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 0;
  width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #fff;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 3%;
  background: url('images/prev.png') no-repeat 0 0;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 3%;
  background: url('images/next.png') no-repeat 0 0;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  /*background-position: -43px 0;*/
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: block;
}

.toprecBtn {
	width: 100%;
	margin: 0 0 50px;
}
.toprecBtn a {
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 10px 15px;
	border: 1px solid #e60012;
	background: #e60012;
	font-size: 1.4rem;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
.toprecBtn a:hover {
	background: none;
	color: #e60012;
}

.ouboBtn a {
	background: #e60012 !important;
	color: #fff !important;
}
.ouboBtn a:hover {
	background: none;
	color: #e60012;
}

.lists {
	width: 100%;
	margin-bottom: 30px;
}
.lists__item {
	width: 100%;
}

.lists__item a:hover {
	background: url(images/arr_blk.png) no-repeat 100% center #ededed;
}
.js-load { display:none; }
.js-load.active { display:block; }

.date {
    display: inline-block;
    width: 90px;
    font-size: 1.5rem;
}
.tn_txt {
	display: block;
}

.btn-wrap {
	width: 90%;
	margin: 0 auto;
}

.btn-wrap a {
	display: block;
	width: 100%;
	padding: 10px 15px 5px;
	background: #ededed;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.6;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.btn-wrap a:hover {
	background: #f9f9f9;
}

.topContact {
	width: 100%;
	padding: 5%;
	background: url(images/topcotact_bg.jpg) no-repeat center;
	background-size: cover;
}
.top_contact {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	background-color: rgba( 0, 0, 0, 0.7 );
}
.top_contact p {
	width: 100%;
	margin-bottom: 30px;
	font-size: 1.5rem;
	color: #ffffff;
	letter-spacing: 0.08em;
}
.telnum {
	width: 100%;
	padding: 0 0 0 25px;
	background: url(images/tel_icon_wht.png) no-repeat 0 5px;
	background-size: 20px auto;
	font-size: 3.2rem;
	color: #ffffff;
	line-height: 1.2;
}
.telnum .tel-link a {
	font-size: 3.0rem;
	color: #ffffff !important;
}
.topcontact_box {
	width: 100%;
}
.telnum p {
	position: relative;
    left: -25px;
    display: block;
	width: 118%;
	margin-bottom: 15px;
	padding-right: 15px;
	font-size: 1.2rem;
	text-align: left;
}
.topcontact_btn {
	width: 100%;
}
.topcontact_btn a {
	display: block;
	width: 100%;
	padding: 15px 0;
	border: 1px solid #ffffff;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.topcontact_btn a span {
	display: inline-block;
	padding: 3px 0 0 25px;
	background: url(images/mouse_icon.png) no-repeat 0 0;
	color: #ffffff;
}
.topcontact_btn a:hover {
	background-color: rgba( 255, 255, 255, 0.3 );
}
@media screen and (max-width:1024px) {
	.subPageBox {
		text-align: center;
	}
	.subPage {
		width: 100%;
		height: 350px;
		max-height: 410px;
		margin: 70px auto 0;
		/*margin-bottom: 20px;*/
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.subTtl {
		display: inline-block;
		/*width: 100%;*/
		margin: 100px auto 0;
		padding: 3px;
		background: rgba(255,255,255,.85);
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, Osaka,"ＭＳ Ｐ明朝", "MS PMincho", sans-serif;
		font-weight: bold;
		text-align: center;
	}
}
@media screen and (min-width:1025px) {
	.subPage {
		width: 100%;
		height: 350px;
		max-height: 410px;
		margin-top: 70px;
		/*margin-bottom: 20px;*/
		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;
	}

	.subTtl {
		display: inline-block;
		/*width: 100%;*/
		margin: 0 auto;
		padding: 3px;
		background: rgba(255,255,255,.85);
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, Osaka,"ＭＳ Ｐ明朝", "MS PMincho", sans-serif;
		font-weight: bold;
		text-align: center;
	}
}

.subTtl span.subtl_icon {
	display: block;
	width: 100%;
	padding: 2px;
	border: 2px solid #000000;
	font-size: 2.8rem;
	/*letter-spacing: 0.2em;
	text-indent: 0.2em;*/
}
.subTtl span.subtl_icon span.subtl_in {
	display: block;
	width: 100%;
	padding: 10px 40px;
	border: 1px solid #000000;
	font-size: 2.8rem;
	/*letter-spacing: 0.2em;
	text-indent: 0.2em;*/
}
span.subtl_in img {
	display: block;
	margin: 0 auto 10px;
	width: 45px;
	height: auto;
}

#shop {
	background: url(images/shop_mainimg.jpg) no-repeat center;
	background-size: cover;
}
#news {
	background: url(images/news_mainimg.jpg) no-repeat center;
	background-size: cover;
}
#about {
	background: url(images/about_mainimg.jpg) no-repeat center;
	background-size: cover;
}
#sitemap {
	background: url(images/site_mainimg.jpg) no-repeat center;
	background-size: cover;
}
#privacy {
	background: url(images/privacy_mainimg.jpg) no-repeat center;
	background-size: cover;
}
#policy {
	background: url(images/policy_mainimg.jpg) no-repeat center;
	background-size: cover;
}
#contact {
	background: url(images/contact_mainimg.jpg) no-repeat center;
	background-size: cover;
}

#pankuzu {
	width: 100%;
	margin-bottom: 50px;
	font-size: 1.3rem;
	text-align: center;
}

.submap {
	margin: -100px 0 100px;
}

.shop_img {
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}

.shop_box {
	width: 312px;
	margin: 0 auto;
}

.shop_tab th,
.shop_tab td {
	padding: 0 0 3px;
	font-size: 1.2rem;
}
.shop_tab th {
	width: 75px;
}
.shop_tab td a.shopMapLink {
	display: inline-block;
	margin-left: 5px;
	padding: 2px 4px 0;
	background: #e60012;
	border: 1px solid #e60012;
	color: #ffffff;
}

.official_btn {
	width: 80%;
	margin: 0 auto;
}
.official_btn a {
	display: block;
	width: 100%;
	padding: 15px 0;
	background: url(images/arr03.png) no-repeat 95% center #e60012;
	font-size: 1.4rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	text-indent: -1em;
}

.recHeader {
	display: none;
}

.recruitArea video {
	position: absolute;
	top:0;
	left:0;
	z-index:-1;
}

.fv_slide {
	/*position: absolute;*/
}

#rec01 p, .rec_sec01_r p {
	text-indent: 1em;
}

.fv_slide img{
	filter: brightness(0.9);
	-webkit-filter: brightness(0.9);
	-moz-filter: brightness(0.9);
	-o-filter: brightness(0.9);
	-ms-filter: brightness(0.9);
}



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

.rec_sec01_l {
	width: 100%;
	height: 40vh;
	background: url(images/recruit_img01.jpg) no-repeat center;
	background-size: cover;
}
.rec_sec01_2 {
	width: 100%;
	height: 40vh;
	background: url(images/recruit_img00.jpg) no-repeat center;
	background-size: cover;
}

.rec_sec01_l p {
	width: 100%;
	height: 100%;
	/*background: url(images/dot_bg.png) repeat 0 0;*/
	color: #ffffff;
	font-size: 2.8rem;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.rec_sec01_2 p {
	width: 100%;
	height: 100%;
	padding-left: 15%;
	color: #ffffff;
	font-size: 2.8rem;
    text-align: left;
}

.recSec02 {
	width: 90%;
	margin: 0 auto 60px;
}
.rec_sec02_l {
	width: 100%;
	margin-bottom: 25px;
	text-align: center;
}
.rec_sec02_l img {
	max-width: 100%;
}
.rec_sec02_r {
	width: 100%;
}
.rec_sec02_r dl {
	width: 100%;
	margin: 0 0 20px;
}
.rec_sec02_r dl dt {
	font-size: 1.5rem;
	font-weight: bold;
}
.rec_subtl01 {
	width: 100%;
	margin: 20px 0;
	padding: 0 0 10px;
	border-bottom: 1px solid #000000;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
.rec_subtl01 span {
	padding: 10px 0 0;
	font-size: 1.3rem;
}
.rec_sec02_r p {
	font-size: 1.8rem;
	text-indent: 1em;
}

.rec_sec02_txt {
	margin-bottom: 3%;
	font-size: 2.2rem;
	font-weight: bold;
    color: #e60012;
    padding: 1% 2%;
    border-top: solid 1px #e60012;
    border-bottom: solid 1px #e60012;
}


.recsec02_cont {
	/*width: 90%;*/
	margin: 0 auto;
}
.rs02_in {
	width: 100%;
	margin: 0 auto 15px;
	padding: 20px 10px 20px 65px;
	border: 1px solid #e60012;
	background: url(images/check_img.png) no-repeat 15px center;
	font-size: 1.5rem;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.recSec03 {
	width: 100%;
	margin: 0 auto 50px;
	padding: 50px 0;
	background: url(images/recruit_bg.jpg) repeat 0 0;
}

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

.interview_box img {
	margin: 0 auto;
}
.interviewArea .bx-wrapper .bx-controls-direction a {
	top: 20%;
	width: 30px;
}
.interviewArea .bx-wrapper .bx-prev {
	left: -5%;
	background: url(images/prev02.png) no-repeat 0 0;
	background-size: contain;
}
.interviewArea .bx-wrapper .bx-next {
	right: -5%;
	background: url(images/next02.png) no-repeat 0 0;
	background-size: contain;
}

.recSec04 {
	width: 100%;
	padding: 50px 0 0;
	/*background: #f7f7f7;*/
}

.tab {
	width: 100%;
	margin: 0;
	padding: 0;
	display: table;
	table-layout: fixed;
}
.tab li {
	width: 33%;
	margin: 0;
	padding: 15px 10px;
	cursor: pointer;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: #e5e5e5;
	font-weight: bold;
	border-top: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	box-sizing: border-box;
}
.tab li:last-child {
	border-right: none;
}

.tab li.current {
	background: #fff;
	border-bottom: none;
}
.content {
	width: 100%;
	margin: 0;
	padding: 50px 0;
	background: #ffffff;
}
.contents .content {
	display: none;
}
.contents .content:nth-child(1) {
	display: block;
}

.ques {
	width: 90%;
	margin: 0 auto 1px;
	padding: 15px;
	border-bottom: 1px dotted #000000;
}
.ans {
	width: 90%;
	margin: 0 auto;
	padding: 15px;
	background: #f7f7f7;
}
.ques span,
.ans span {
	display: inline-block;
	margin-right: 5px;
	font-size: 2.4rem;
	font-weight: bold;
}
.ans span {
	color: #e60012;
}

.rec_tab {
	width: 90%;
	margin: 0 auto 3px;
	display: table;
}
.rec_cat {
	display: table-cell;
	width: 100px;
	background: #f7f7f7;
	text-align: center;
	vertical-align: middle;
}
.rec_box {
	display: table-cell;
	padding: 20px;
}

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

.rf_num {
	margin: 0 auto 20px;
	font-weight: bold;
	color: #e60012;
	font-size: 2.5rem;
	text-align: center;
	line-height: 1.1;
}
.rf_num span {
	font-size: 3.0rem;
}
.recflow_box p {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.rec_arr {
	width: 100%;
	height: 35px;
	background: url(images/arr06.png) no-repeat center;
	text-indent: -200%;
	overflow: hidden;
}

.line {
	width: 100%;
}
.line dl {
	width: 100%;
	/*margin: 0 auto 20px;*/
}
.contactRadio {
	width: 90% !important;
	margin: 0 auto 10px !important;
}
.line dt {
	/*margin: 0 0 5px;*/
}
.line dt span.require {
	display: inline-block;
	margin-left: 5px;
	padding: 3px 5px;
	height: 50px;
	background: #e60012;
	font-size: 1.2rem;
	color: #ffffff;
}

input[type="text"],
textarea {
	width: 100%;
	padding: 15px;
	height: 50px;
	background: #f5f5f5;
}
textarea {
	height: 200px;
}
select {
	padding: 15px 10px;
	border: 1px solid #f5f5f5;
}

.smt {
	font-size: 1.3rem;
}

a#praivacyLink {
    display: block;
	margin: 10px auto;
	text-align: center;
}
a#praivacyLink:link, a#praivacyLink:visited {
	text-decoration: underline;
}
a#praivacyLink:hover, a#praivacyLink:active {
	text-decoration: none;
}
.contactList label {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.6rem;
}

#dropmenu { position: relative; z-index: 7; text-align: center;
}
#dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}
@media screen and (max-width:1024px) {
	.dropmenu{
		display: inline-block;
		*zoom: 1;
		list-style-type: none;
		width: 100%;
		margin: 5px auto 50px;
		padding: 0;
		-webkit-justify-content: center;
		justify-content: center;
	}
}
@media screen and (min-width:1025px) {
	.dropmenu{
		*zoom: 1;
		list-style-type: none;
		width: 100%;
		margin: 5px auto 50px;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
}

.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  display: inline-block;
  width: 48%;
  /*float: left;*/
  margin: 0 1%;
  padding: 0;
  text-align: center;
}

.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: url(images/arr07.png) no-repeat 95% center #f5f5f5;
  color: #000000;
  font-size: 1.6rem;
  line-height: 1;
  text-decoration: none;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
 width: 100%;
}
.dropmenu li ul li{
  width: 100%;
 margin: 0;
}

.dropmenu li:hover > a{
  background: url(images/arr08.png) no-repeat 95% center #f5f5f5;
}
.dropmenu li a:hover{
  background: url(images/arr08.png) no-repeat 95% center #f5f5f5;
}
.dropmenu li ul li a:hover {
  background: url(images/arr_red.png) no-repeat 10px center #f5f5f5;
  color: #e60012;
}
#pager {
	width: 90%;
	margin: 50px auto 100px;
}

.aboutImg {
	width: 90%;
	margin: 0 auto 50px;
	line-height: 5.0;
}

.aboutImg img {
	width: 100%;
}
.aboutImg span {
	display: inline-block;
	padding: 15px 0 0;
	font-size: 1.1rem;
	letter-spacing: 0.08em;
}

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

.grt p {
	display: inline-block;
	margin-bottom: 20px;
	padding: 0 6%;
	text-indent: 1em;
	text-align: left;
}

.oner_img {
	width: 100%;
	margin-top: 20px;
	text-align: center;
}
.oner_img img {
	max-width: 100%;
}

.rec_ttl {
	margin: 0 auto 20px;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}
.rec_ttl span {
	font-size: 2.0rem;
}
.recruitBnr p {
	margin-bottom: 20px;
	font-size: 1.4rem;
	font-weight: bold;
}
.recruitBnr a {
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 15px;
	background: #e60012;
	border: 1px solid #e60012;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
select::-ms-expand {
	display: none;
}

.aboutArea {
	width: 90%;
	margin: 0 auto 100px;
}
.about_tab {
	width: 100%;
}
.about_tab th,
.about_tab td {
	border-bottom: 1px dotted #000000;
}
.about_tab th {
	width: 20%;
	padding: 15px 0;
	text-align: right;
}
.about_tab td {
	padding: 15px 10px 15px 20px;
}

.siteList a:hover,
.siteList02 a:hover {
	background: url(images/arr_blk.png) no-repeat 99% center #ffffff;
	color: #000000;
}

.pv_box {
	width: 90%;
	margin: 0 auto 30px;
	padding: 0 0 30px;
	border-bottom: 1px solid #707070;
}

/* policy */
.unc_box {
	width: 100%;
}

.ucn01 {
	background: url(images/unc_bg01.webp) no-repeat center;
	background-size: auto 100%;
}
.ucn02 {
	background: url(images/unc_bg02.webp) no-repeat center;
	background-size: auto 100%;
}
.ucn03 {
	background: url(images/unc_bg03.webp) no-repeat center;
	background-size: auto 100%;
}

.ucn01_col,
.ucn02_col,
.ucn03_col {
	width: 90%;
	margin: 0 auto 20px;
}
.ucn_tl {
	margin-bottom: 30px;
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 1.0em;
}
.ucn_tl span {
	display: inline-block;
	margin-right: 10px;
}
.ucn01_img,
.ucn02_img,
.ucn03_img {
	margin: -50px 0 0;
	text-align: right;
}
.unc_txtbox {
	display: inline-block;
	padding: 25px;
	background: url(images/dot_bg02.png) repeat 0 0;
	color: #ffffff;
	line-height: 1.8;
}

.shoplink_btn {
	width: 50%;
	margin: 0 auto 50px;
}
.shoplink_btn a {
	display: block;
	padding: 10px;
	background: #e60012;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

.contact_tel {
	font-size: 3.0rem;
	text-align: center;
	line-height: 0.2em;
}
.tel_num {
	display: inline-block;
	padding: 0 0 0 25px;
	line-height: 1;
	background: url(images/tel_icon_blk.png) no-repeat 0 center;
}
.sm_txt {
	font-size: 1.2rem;
}

.flow {
	width: 800px;
    max-width: 1000px;
    margin: 0 auto 50px;
}

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

#topcontrol {
    padding: 0 20px 20px 0;
}

div#trace{
	z-index: 99999;
	width: 100%;
	/*min-width: 960px;*/
	height:80px;
	position: fixed;
	top: -80px;
	left: 0;
	}
.trNav {
	width: 100%;
	height: 80px;
	background: #ffffff;
	position: relative;
	border-bottom: 1px solid #dcdcdc;
}
.tr_logo {
	position: absolute;
	top: 20px;
	left: 10px;
}
.tr_logo a {
	display: block;
	width: 187px;
	height: 58px;
}
.tr_logo a img {
	width: 70%;
	height: auto;
}
.trNav ul {
	position: absolute;
	top: 20px;
	right: 15px;
}
.trNav ul li {
	display: inline-block;
	margin: 0 0 0 2px;
	font-size: 1.5rem;
}

.trNav ul li a {
		position: relative;
		display: inline-block;
		padding: 10px 8px;
		color: #000;
		font-weight: bold;
		text-decoration: none;
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
}
.trNav ul li a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #e60012;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.trNav ul li a:hover {
	color: #e60012;
}
.trNav ul li a:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

/*For IE6*/
* html div#trace {
	display:none;
	}

/* ブログ詳細ページ */
.news_detail_area {
	margin-bottom: 50px;
}

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

h3.news_detail_ttl {
	margin-bottom: 20px;
	padding: 0 5px 10px 5px;
	font-size: 2.4rem;
	font-weight: bold;
	border-bottom: 1px solid #000;
}

.news_detail_box {
	margin-bottom: 30px;
}

.news_detail_cat {
	width: 50px;
	margin-right: 10px;
	padding: 3px 7px;
	border: 2px solid #ffffff;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}

.news_detail_box .news_detail_date {
	font-size: 1.6rem;
}

.news_detail_txt {
	margin: 10px 0 15px;
	padding: 20px 20px 25px;
	border: 1px solid #000;
}

.news_detail_txt p, .news_detail_txt img {
	font-size: 1.6rem;
	margin-bottom: 26px;
}

.news_detail_txt a {
	text-decoration: underline;
}

.news_detail_txt a:hover {
	text-decoration: none;
}

.fb_iframe_widget > span {
  vertical-align: baseline !important;
}

.news_box .page a {
	display: inline;
}


.pankuzuArea {
	margin: 0 auto 20px;
}
.pankuzu {
	float: left;
	font-size: 1.6rem;
	color: #C8C8C8;
}

/* 2017/03/02 */
.news_box {
	width: 90%;
	margin: 0 auto 30px;
}
.news_box a {
	display: block;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #f5f5f5;
	background: url(images/arr_red02.png) no-repeat 98% center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.news_cat {
	width: 95px;
	height: 66px;
	padding: 2px 5px 0;
	border: 2px solid #ffffff;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.news_back_btn {
 margin-bottom: 100px;
 text-align: center;
}

.news_back_btn a {
 display: inline-block;
 padding: 15px 30px;
 border: 1px solid #000;
}

.news_back_btn a:hover {
 border: 1px solid #000;
 background: #000;
 color: #fff;
}

/* 170317追記 */
.contactTelArea {
	width: 100%;
	margin: 0 auto;
	padding: 2px;
	border: 3px solid #000000;
}
.in_cta01 {
	width: 100%;
	padding: 1px;
	border: 1px solid #000000;
}
.in_cta02 {
	width: 100%;
	padding: 20px 10px;
	border: 1px solid #000000;
}

.inner_cont_tel {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.c_logo {
	display: inline-block;
	width: 50px;
	margin-right: 10px;
	vertical-align: top;
}
.c_add {
	display: inline-block;
	font-size: 1.2rem;
	text-align: left;
}

/* 170428 recruit2追記 */
/*header*/
h1.rec_logo2 {
	width: 187px;
	height: 58px;
	float: left;
}
h1.rec_logo2 a {
	display: block;
	padding: 12px 0;
}

ul.rec_nav2 {
	width: 760px;
	float: right;
}
.rec_nav2 li {
	float: left;
}

.rec_nav2 li a {
	display: block;
	padding: 29px 13px;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	color: #000;
	background: #fff;
}
.rec_nav2 li a:hover {
	display: block;
	color: #fff;
	background: #e60012;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.rec_nav2 li.redBtn a {
	color: #fff;
	background: #e60012;
}
.rec_nav2 li.redBtn a:hover {
	display: block;
	color: #fff;
	background: #000;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
/*会社からのメッセージ*/
.rec_massage2 {
	width: 100%;
	margin: 0 auto;
	padding: 50px 0 0;
}
.rec_massage2 p, .rec_sec01_r p {
	font-size: 1.6rem;
	line-height: 1.6;
	margin-bottom: 20px;
}
.recSec00 {
	display: table;
	width: 100%;
	margin: 0 auto 0;
}
.rec_sec00_l,
.rec_sec00_r {
	display: table-cell;
	width: 50%;
	padding: 2%;
}
.rec_sec00_l {
	width: 50%;
	background: url(images/oner_bg2.jpg) no-repeat top right;
	background-size: cover;	text-align: center;
	vertical-align: middle;
}
.rec_sec00_r {
	width: 50%;
	padding: 2%;
}

/*ベンジャミンランチグループ採用担当*/
.recruitBox2 {
	max-width: 1000px !important;
	width: 100%;
	margin: 0 auto 50px !important;
}
.rec2Sec02 {
	width: 100%;
	margin-bottom: 20px;
	text-align: left;
}

.shopManager {
	width: 20%;
	float:left;
	overflow: hidden;
}

/*学生(16歳～)・主婦・中高年やシニアの方々の採用を積極的にしております*/

.recsec02_worker {
	width: 100%;
}


/*店舗紹介*/
.rec2Sec03 {
    width: 100%;
    margin: 0 auto 50px;
    padding: 50px 0 0;
    background: url(images/recruit_bg.jpg) repeat 0 0;
}

.rec_shop2 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.rec_shop_box2 {
	width: 33.33%;
    float: left;
}
.rec_shop_box2:nth-child(3n) {
	width: 33.33%;
    float: left;
}
.rs_img2 {
	display: block;
    width: 100%;
}
.rs_img2 img {
    width: 100%;
    height: auto;
}
.rs_col2 {
	min-height: 215px;
	padding: 3%;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	font-size: 1.6rem;
}
.rs_col3 {
	min-height: 215px;
	padding: 3%;
	border-left: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	font-size: 1.6rem;
}


/*従業員インタビュー*/
.interview_box {
	padding: 0px 40px;
}

.interviewArea1 .bx-wrapper .bx-prev, .interviewArea2 .bx-wrapper .bx-prev { left: 0%; }
.interviewArea1 .bx-wrapper .bx-next, .interviewArea2 .bx-wrapper .bx-next { right: 0%; }

/*よくある質問*/
.tab2 {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0;
}
.tab2 li {
	width: 33.33%;
	margin: 0;
	padding: 15px 10px;
	float: left;
	cursor: pointer;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: #e5e5e5;
	font-size: 18px;
	font-weight: bold;
	border-top: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	box-sizing: border-box;
}
.tab2 li.tablist2 {
	display: block;
	width: 50% !important;
	margin: 0;
	float: left;
	font-size: 18px;
}
.tab2 li:last-child {
	border-right: none;
}

.tab2 li.current {
	background: #fff;
	border-bottom: none;
}


/* モーダル */
.modal {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3",
    "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
}
.modal-content {
  position: relative;
  background-color: #fefefe;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 40px;
  border-radius: 10px;
  width: 400px;
  color: #000;
  z-index: 1001;
}
.modal-logo {
  width: 200px;
  margin: 0 auto 20px;
}
.modal-title {
  font-size: clamp(1.8rem, 2.2vw, 2.0rem);
  font-weight: bold;
  line-height: 200%;
  text-align: center;
  margin-bottom: 10px;
}
.modal-txt {
  margin-bottom: 25px;
  font-size: clamp(1.4rem, 1.8vw, 1.8rem);
  line-height: 1.8;
  text-align: center;
  p {
    display: inline-block;
    text-align-last: left;
  }
}
.modal-btn {
  a {
    display: block;
    padding: 16px 0;
    text-align: center;
    color: #fff;
    background: #e32b2b;
    border-radius: 10px;
    transition: .6s;
    font-size: clamp(1.2rem, 1.8vw, 1.6rem);
    &:hover {
      opacity: .6;
    }
  }
}
.modal-btn:not(:last-child) {
	margin-bottom: 10px;
}
.close-button {
  position: absolute;
  top: -19px;
  right: -19px;
  width: 38px;
  height: 38px;
  color: #fff;
  float: right;
  font-size: 23px;
  background: #000;
  border-radius: 20px;
  text-align: center;
  transition: .6s;
}
.close-button:hover,
.close-button:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .modal-content {
    position: relative;
    background-color: #fefefe;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    padding: 40px 35px;
    border-radius: 10px;
    width: 85%;
  }
}