@charset "utf-8";
/* CSS Document */

/* ◆フェード◆ */
.fade-effect{
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.fade-out{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
/* ◆スマホ対応画像BG◆ */
.pc-bg-img{
	background-repeat:no-repeat !important;
	background-position:50% !important;
}
.pc-bg-img p{
	display:none;
	text-indent:-9999px;
}

/* ◆記事◆ */

.entry li{
	list-style:inherit;
	margin-left:20px;
}
.entry em{
	font-style: oblique;
}
.entry img{
	max-width:100%;
	height:auto;
}


/* ◆ニュース◆ */

/*  ========================= INFORMATION */

#information-list{
	margin-left:-1%;
	margin-bottom:30px;
	
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#information-list li{
	float:left;
	width:24%;
	margin-left:1%;
	margin-bottom:1%;
	box-sizing:border-box;
	background: #ffffff;
}
#information-list li a{
	display: block;
	height:100%;
	background: #ffffff;
	padding:10px;
	text-decoration:none;
	box-sizing:border-box;
	
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
#information-list li a:hover{
	background: #E0E0E0;
}
#information-list li .information-img{
	position:relative;
	width:100%;
	height:110px;
	overflow:hidden;
	margin-bottom:10px;
}
#information-list li .information-img img{
	width:100%;
	height:auto;
}
#information-list li .information-img .information-category{
	position:absolute;
	top:0;
	right:0;
	width:100px;
	height:25px;
	background:#555555;
	padding-top:3px;
	
	color:#ff8a00;
	font-size:0.8px; font-size:0.8rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	text-align:center;
	
	z-index:10;
}
#information-list li .information-img .information-category img{
	z-index:0;
}
#information-list li .information-date{
	margin-bottom:5px;
	font-weight:bold;
}
@media only screen and (max-width: 767px) {
#information-list{
	margin-left:-2%;
	margin-bottom:20px;
}
#information-list li{
	float:left;
	width:48%;
	margin-left:2%;
	margin-bottom:2%;
}
#information-list li .information-img{
	height: auto;
	overflow:hidden;
	margin-bottom:10px;
}
#information-list li .information-img .information-category{
	width:80px;
	height:18px;
	padding-top:0px;
	font-size:0.6px; font-size:0.6rem;
	line-height:160%;
}
}

/*  ========================= Pagenation */
.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
}
.pagination-box {
	display: inline-block;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	width: auto;
	color: #000; /* 文字色 */
	
	border:1px solid #000000;
	box-sizing:border-box;
}
.pagination a:hover{
	color: #ededed; /* マウスホバー時の文字色 */
	background: #4e4e4e; /* マウスホバー時の背景色 */
}
.pagination .current{
	padding: 10px 15px 10px 15px;
	color: #fff; /* 現在のページの文字色 */
	background: #000; /* 現在のページの背景色 */
}
.pagination a .current {
	padding: 0;
	line-height:75%;
	color: inherit;
	background: inherit;
}
@media only screen and (max-width: 767px) {
.pagination {
	font-size: 12px;
	line-height: 12px;
}
.pagination span, .pagination a {
	padding: 8px 10px 8px 10px;
}
.pagination .current{
	padding: 8px 10px 8px 10px;
}
}


/*  ========================= PRESSINFO */
.single-pressinfo .s-p-head{
	text-align:right;
	margin-bottom:20px;
}
.single-pressinfo .s-p-head .s-p-s-category{
	float:left;
	background:#555555;
	padding:3px 10px;
	
	color:#ff8a00;
	font-size:0.8px; font-size:0.8rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	text-align:center;
}
.single-pressinfo .s-p-head .s-p-s-date{
	float:left;
	margin-left:5px;
	padding-top:5px;
	font-weight:bold;
}


/*  ========================= INFOMATION */
.single-information .s-i-head{
	text-align:right;
	margin-bottom:20px;
}
.single-information .s-i-head .s-i-s-category{
	float:left;
	background:#555555;
	padding:3px 10px;
	
	color:#ff8a00;
	font-size:0.8px; font-size:0.8rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	text-align:center;
}
.single-information .s-i-head .s-i-s-date{
	float:left;
	margin-left:5px;
	padding-top:5px;
	font-weight:bold;
}


/* ◆トップページ◆ */

/*  ========================= メイン画像 */
#main{
	display:none;
}
.home #main{
	position: relative;
	display: block;
	width:100%;
	box-sizing:border-box;
	overflow:hidden;
}
.home #main #main-logo{
	position:absolute;
	width:100%;
	text-align:center;
	z-index:10;
}
.home #main #main-logo img{
	width:80%;
	max-width:864px;
}
.home #main #main-arrow-down{
	position:absolute;
	bottom:20px;
	width:100%;
	text-align:center;
	z-index:10;
}
.home #main #main-img{
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	z-index:0;
}
@media only screen and (max-width: 767px) {
.home #main-img{
	border-left: none;
	border-right: none;
}
.home #main-img img{
	width:100%;
	min-width: inherit ;
	border-left: none;
	border-right: none;
}
}

/*  ========================= CONCEPT */
.home .h-concept{
	background:url(../img/index/concept_bg.jpg) no-repeat 50% 0;
	background-size:100%;
	padding:60px 0;
	box-sizing:border-box;
}
.home .h-concept .h-c-cont{
	background: rgba(255,138,0,0.9);
	text-align:center;
	color:#FFFFFF;
	margin-top:30px;
}
@media only screen and (max-width: 767px) {
.home .h-concept{
	padding:5px 0 0 0;
}
.home .h-concept .h-c-cont{
	background: rgba(255,138,0,1);
}
}

/*  ========================= MENU */
.home .h-menu{
	position:relative;
	background: url(../img/index/menu_bg.png) no-repeat 50% 0;
	box-sizing:border-box;
}
.home .h-menu .h-m-cont{
	position:relative;
}
.home .h-menu .h-m-cont .h-m-c-img{
	position:relative;
	z-index:0;
	line-height:0;
}
.home .h-menu .h-m-cont .h-m-c-text{
	position: absolute;
	top:30px;
	right:0;
	z-index:10;
	width:430px;
	background:#000000;
	padding:30px;
	box-sizing:border-box;
}
@media only screen and (max-width: 767px) {
.home .h-menu{
	background:#ff8a00;
	padding-top:1px;
}
.home .h-menu .h-m-cont .h-m-c-img{
	width:100%;
}
.home .h-menu .h-m-cont .h-m-c-img img{
	width:100%;
}
.home .h-menu .h-m-cont .h-m-c-text{
	position: inherit;
	top:0;
	width:100%;
}
}

/*  ========================= CAREERS */
.home .h-careers{
	position:relative;
	background: url(../img/index/careers_bg.png) no-repeat 50% 0;
	box-sizing:border-box;
}
.home .h-careers .h-ca-cont{
	position:relative;
}
.home .h-careers .h-ca-cont .h-ca-c-img{
	position:relative;
	z-index:0;
	line-height:0;
	text-align:right;
}
.home .h-careers .h-ca-cont .h-ca-c-text{
	position: absolute;
	top:30px;
	left:0;
	z-index:10;
	width:430px;
	background:#ff8a00;
	padding:30px;
	box-sizing:border-box;
}
@media only screen and (max-width: 767px) {
.home .h-careers{
	background:#9bc13a;
	padding-top:1px;
}
.home .h-careers .h-ca-cont .h-ca-c-img{
	width:100%;
}
.home .h-careers .h-ca-cont .h-ca-c-img img{
	width:100%;
}
.home .h-careers .h-ca-cont .h-ca-c-text{
	position: inherit;
	top:0;
	width:100%;
}
}


/* ◆ABOUT◆ */

/* 背景カラー
----------------------------------------------------*/
.about {
}
.about .a-bg01 {
	background-color:#e9d9c6;
	padding-top:20px;
	padding-bottom:60px;
}

/* 横いっぱい画像
----------------------------------------------------*/
.about .a-wide-img {
	width:100%;
	max-height:400px;
	height:auto;
	overflow:hidden;
	margin-top:30px;
	line-height:0;
}
.about .a-wide-img img {
	width:100%;
}
@media only screen and (max-width: 767px) {
.about .a-wide-img {
	max-height: inherit;
}
}

/* サブタイトル
----------------------------------------------------*/
.about .a-cont-subtitle {
	font-size:14px; font-size:1.4rem;
	line-height:160%;
	color:#FFFFFF;
	font-weight:bold;
}
@media only screen and (max-width: 767px) {
.about .a-cont-subtitle {
	font-size:12px; font-size:1.2rem;
	line-height:140%;
	margin-top:30px;
}
}

/* コンテンツ　イメージ　テキスト部分
----------------------------------------------------*/
@media only screen and (max-width: 767px) {
.about .a-cont-img {
	float: none !important;
	width:100% !important;
	max-height:250px !important;
	overflow:hidden !important;
}
.about .a-cont-img img{
	width:100% !important;
}
.about .a-cont-text {
	float: none !important;
	width:100% !important;
}
}

/* Food
----------------------------------------------------*/
.about .a-food01-bg {
	background:url(../img/about/food_bg01.png) repeat-y 50% 0;
	margin-top:30px;
}
.about .a-food01-bg .a-f01-img {
	float:left;
	width:400px;
	line-height:0;
}
.about .a-food01-bg .a-f01-text {
	float:right;
	width:540px;
}
.about .a-f-center-img {
	line-height:0;
	width:100%;
}
.about .a-food02-bg {
	background:url(../img/about/food_bg02.png) repeat-y 50% 0;
}
.about .a-food02-bg .a-f02-img {
	float:right;
	width:317px;
	line-height:0;
}
.about .a-food02-bg .a-f02-text {
	float:left;
	width:630px;
}
@media only screen and (max-width: 767px) {
.about .a-food01-bg {
	background: #ffcd00;
}
.about .a-food02-bg {
	background: #ffcd00;
}
.about .a-f-center-img img {
	width:100%;
}
}

/* SERVICE
----------------------------------------------------*/
.about .a-service01-bg {
	background:url(../img/about/service_bg01.png) repeat-y 50% 0;
	margin-top:30px;
}
.about .a-service01-bg .a-s01-img {
	float:left;
	width:400px;
	line-height:0;
}
.about .a-service01-bg .a-s01-text {
	float:right;
	width:540px;
}
.about .a-service02-bg {
	background:url(../img/about/service_bg02.png) repeat-y 50% 0;
	margin-top:30px;
}
.about .a-service02-bg .a-s02-img {
	float:right;
	width:317px;
	line-height:0;
}
.about .a-service02-bg .a-s02-text {
	float:left;
	width:630px;
}
@media only screen and (max-width: 767px) {
.about .a-service01-bg {
	background: #a1bd0d;
}
.about .a-service02-bg {
	background: #a1bd0d;
}
}

/* INTERIOR
----------------------------------------------------*/
.about .a-interior01-bg {
	background:url(../img/about/interior_bg01.png) repeat-y 50% 0;
	margin-top:30px;
}
.about .a-interior01-bg .a-i01-img {
	float:left;
	width:400px;
	line-height:0;
}
.about .a-interior01-bg .a-i01-text {
	float:right;
	width:540px;
}
.about .a-interior02-bg {
	background:url(../img/about/interior_bg02.png) repeat-y 50% 0;
	margin-top:30px;
}
.about .a-interior02-bg .a-i02-img {
	float:right;
	width:317px;
	line-height:0;
}
.about .a-interior02-bg .a-i02-text {
	float:left;
	width:630px;
}
@media only screen and (max-width: 767px) {
.about .a-interior01-bg {
	background: #30ceb7;
}
.about .a-interior02-bg {
	background: #30ceb7;
}
}


/* ◆MENU◆ */

/* MENU画像エリア
----------------------------------------------------*/
.menu {
}
.menu .m-menu-block {
	position:relative;
	margin-top:50px;
}
.menu .m-menu-block-top {
	margin-top:20px;
}
.menu .m-menu-block .m-m-b-img {
	position:relative;
	z-index:0;
	line-height:0;
}
.menu .m-menu-block .m-m-b-text {
	position: absolute;
	z-index:10;
	padding:15px 20px;
	color:#FFFFFF;
	text-align:right;
}
@media only screen and (max-width: 767px) {
.menu .m-menu-block .m-m-b-img {
	border-bottom:1px solid #ffffff;
}
.menu .m-menu-block .m-m-b-text {
	position: inherit !important;
	top:0 !important;
	left:0 !important;
	
	z-index:10;
	text-align:left;
	border-bottom:1px solid #ffffff;
}
}

/* MENU01
----------------------------------------------------*/
.menu .m-menu-block .m-menu01 {
	background-color: rgba(182,94,0,0.9);
}
.menu .m-menu-block .m-menu01-text01 {
	top:60px;
	left:580px;
}
.menu .m-menu-block .m-menu01-text02 {
	top:500px;
	left:70px;
}

/* MENU02
----------------------------------------------------*/
.menu .m-menu-block .m-menu02-01 {
	background-color: rgba(230,84,94,0.9);
}
.menu .m-menu-block .m-menu02-02 {
	background-color: rgba(216,212,0,0.9);
}
.menu .m-menu-block .m-menu02-text01 {
	top:60px;
	left:20px;
}
.menu .m-menu-block .m-menu02-text02 {
	top:480px;
	left:180px;
}
.menu .m-menu-block .m-menu02-text03 {
	top:60px;
	left:670px;
}
.menu .m-menu-block .m-menu02-text04 {
	top:500px;
	left:690px;
}


/* MENU03
----------------------------------------------------*/
.menu .m-menu-block .m-menu03 {
	background-color: rgba(243,57,0,0.9);
}
.menu .m-menu-block .m-menu03-text01 {
	top:170px;
	left:30px;
}
.menu .m-menu-block .m-menu03-text02 {
	top:350px;
	left:30px;
}
.menu .m-menu-block .m-menu03-text03 {
	top:280px;
	left:420px;
}
.menu .m-menu-block .m-menu03-text04 {
	top:450px;
	left:360px;
}
.menu .m-menu-block .m-menu03-text05 {
	top:30px;
	left:650px;
}
.menu .m-menu-block .m-menu03-text06 {
	top:340px;
	left:850px;
}


/* MENU04
----------------------------------------------------*/
.menu .m-menu-block .m-menu04 {
	background-color: rgba(51,14,5,0.9);
}
.menu .m-menu-block .m-menu04-text01 {
	top:500px;
	left:180px;
}
.menu .m-menu-block .m-menu04-text02 {
	top:330px;
	left:840px;
}

/* MENU04
----------------------------------------------------*/
.menu #menu-book {
	position:relative;
	line-height:0;
	width:380px;
	margin:50px auto 0 auto;
	box-sizing:border-box;
}
.menu #menu-book a {
	display:block;
	border:5px solid #000000;
	
	-webkit-transition: all .3s;
	transition: all .3s;
}
.menu #menu-book-img {
	position:relative;
	width:100%;
	
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	
	-webkit-transition: all .3s;
	transition: all .3s;
}
.menu #menu-book-icon {
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-50px;
	margin-left:-28px;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.menu #menu-book-icon02 {
	position: absolute;
	top:50%;
	left:50%;
	margin-top:20px;
	margin-left:-28px;
	
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	
	-webkit-transition: all .3s;
	transition: all .3s;
}
.menu #menu-book a:hover {
	border:5px solid #ff8a00;
}
.menu #menu-book a:hover #menu-book-icon {
	margin-top:-120px;
	
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.menu #menu-book a:hover #menu-book-icon02 {
	margin-top:-50px;
	
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
@media only screen and (max-width: 767px) {
.menu #menu-book {
	width:100%;
	margin:20px auto 0 auto;
	padding:20px;
}
}


/* ◆SHOP◆ */

/* SHOPMAP セレクトボックス
----------------------------------------------------*/
.shoplist .s-prefecture,
.prefecture .s-prefecture {
	text-align:center;
}
.shoplist .s-prefecture select,
.prefecture .s-prefecture select{
    outline:none;
    text-indent: 0.01px;
    text-overflow: '';
    background: url(../img/shop/arrow_down.png) no-repeat 90% 50% ;
	padding:10px 45px 10px 20px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom:1px solid #000000;
	cursor:pointer;
	
    vertical-align: middle;
    font-size:12px; font-size:1.2rem;
	font-weight:bold;
    color: inherit;
	font-family:
		'ヒラギノ角ゴ Pro W3',
		'Hiragino Kaku Gothic Pro',
		'メイリオ', 'Meiryo';
	/font-family:
		'メイリオ', 'Meiryo',
		'ＭＳ Ｐゴシック';
	
    -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.shoplist .s-prefecture select option,
.prefecture .s-prefecture select option{
  background-color: #fff;
  color: #333;
}
.shoplist .s-prefecture select::-ms-expand,
.prefecture .s-prefecture select::-ms-expand {
  display: none;
}
.shoplist .s-prefecture select:-moz-focusring,
.prefecture .s-prefecture select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}
/* SHOPMAP
----------------------------------------------------*/
.shoplist .gmap,
.prefecture .gmap {
	margin-top:40px;
}
@media only screen and (max-width: 767px) {
.shoplist .gmap,
.prefecture .gmap{
}
}

/* SHOP各店舗
----------------------------------------------------*/
.shoplist,
.prefecture {
}
.shoplist .s-list,
.prefecture .s-list {
	border:#aaaaaa 1px solid;
	margin-top:20px;
	padding:30px;
}
.shoplist .s-list .s-l-img,
.prefecture .s-list .s-l-img {
	float:left;
	width:340px;
	line-height:0;
}
.shoplist .s-list .s-l-img div,
.prefecture .s-list .s-l-img div {
	float:left;
	margin-right:5px;
	width:160px;
	height:120px;
	overflow:hidden;
}
.shoplist .s-list .s-l-text,
.prefecture .s-list .s-l-text {
	float:right;
	width:590px;
}
.shoplist .s-list .s-l-text .s-l-t-name,
.prefecture .s-list .s-l-text .s-l-t-name {
	font-size:14px; font-size:1.4rem;
	font-weight:bold;
	line-height:110%;
}
.shoplist .s-list .s-l-text dl,
.prefecture .s-list .s-l-text dl {
	margin-top:10px;
}
.shoplist .s-list .s-l-text dl dt,
.shoplist .s-list .s-l-text dl dd,
.prefecture .s-list .s-l-text dl dt,
.prefecture .s-list .s-l-text dl dd{
	margin-top:3px;
}
.shoplist .s-list .s-l-text dl dt,
.prefecture .s-list .s-l-text dl dt{
	display:block;
	float:left;
	width:80px;
	height:20px;
	background: #888888;
	clear:both;
	box-sizing:border-box;
	
	color:#FFFFFF;
	font-size:6px; font-size:0.6rem;
	text-align:center;
	vertical-align:middle;
}
.shoplist .s-list .s-l-text dl dd,
.prefecture .s-list .s-l-text dl dd{
	display:block;
	float: right;
	width:500px;
	margin-left:10px;
	vertical-align:middle;
	box-sizing:border-box;
}
.shoplist .s-list .s-l-text .s-l-t-info,
.prefecture .s-list .s-l-text .s-l-t-info {
	margin-top:10px;
}
@media only screen and (max-width: 767px) {
.shoplist .s-list .s-l-img,
.prefecture .s-list .s-l-img {
	float: none;
	width:100%;
	line-height:0;
	margin-left:-2%;
}
.shoplist .s-list .s-l-img div,
.prefecture .s-list .s-l-img div {
	margin-right:0;
	width:48%;
	margin-left:2%;
	height:0;
	padding-bottom:38%;
	box-sizing:border-box;
}
.shoplist .s-list .s-l-img div img,
.prefecture .s-list .s-l-img div img {
	width:110%;
	height: auto;
}
.shoplist .s-list .s-l-text,
.prefecture .s-list .s-l-text {
	float: none;
	width:100%;
	margin-top:20px;
}
.shoplist .s-list .s-l-text dl dt,
.prefecture .s-list .s-l-text dl dt {
	float: none;
	width: auto;
	height: inherit;
	padding-left:10px;
	text-align:left;
}
.shoplist .s-list .s-l-text dl dd,
.prefecture .s-list .s-l-text dl dd{
	float: none;
	width: auto;
	height: inherit;
	margin-left:0;
}
}

/* SHOPリクルート
----------------------------------------------------*/
.shoplist .s-l-recruit,
.prefecture .s-l-recruit {
	background:#FFFFFF;
	padding:20px;
	margin-top:20px;
}
/* ボタンアニメーション */
.shoplist .s-l-recruit .s-l-r-button,
.prefecture .s-l-recruit .s-l-r-button{
	cursor:pointer;
	overflow:hidden;
	height:30px;
	line-height:30px;
	
	text-align:center;
	font-size:14px; font-size:1.4rem;
	font-weight:bold;
	
	-webkit-transition: all .3s;
	transition: all .3s;
}

.shoplist .s-l-recruit .s-l-r-b-default,
.prefecture .s-l-recruit .s-l-r-b-default {
	display:block;
	margin-top:0;
	
	-webkit-transition: all .3s;
	transition: all .3s;
}
.shoplist .s-l-recruit .s-l-r-b-active,
.prefecture .s-l-recruit .s-l-r-b-active{
	display:block;
	margin-top:30px;
	
	-webkit-transition: all .3s;
	transition: all .3s;
}
.shoplist .s-l-recruit .active .s-l-r-b-default,
.prefecture .s-l-recruit .active .s-l-r-b-default{
	margin-top:-30px;
}
.shoplist .s-l-recruit .active .s-l-r-b-active,
.prefecture .s-l-recruit .active .s-l-r-b-active{
	margin-top:0;
}

/* コンテンツ */
.shoplist .s-l-recruit .s-l-r-cont,
.prefecture .s-l-recruit .s-l-r-cont{
	display:none;
}
.shoplist .s-l-recruit .s-l-r-cont table,
.prefecture .s-l-recruit .s-l-r-cont table{
	border:1px solid #cccccc;
	width:100%;
	margin-top:20px;
}
.shoplist .s-l-recruit .s-l-r-cont table th,
.shoplist .s-l-recruit .s-l-r-cont table td,
.prefecture .s-l-recruit .s-l-r-cont table th,
.prefecture .s-l-recruit .s-l-r-cont table td {
	border:1px solid #cccccc;
	padding:10px 20px;
	font-size:11px; font-size:1.1rem;
}
.shoplist .s-l-recruit .s-l-r-cont table th,
.prefecture .s-l-recruit .s-l-r-cont table th{
	font-weight:100;
	width:60px;
	box-sizing:border-box;
}
.shoplist .s-l-recruit .s-l-r-cont table td,
.prefecture .s-l-recruit .s-l-r-cont table td{
	font-weight: bold;
	text-align:left;
	box-sizing:border-box;
}
@media only screen and (max-width: 767px) {
.shoplist .s-l-recruit .s-l-r-cont table th,
.prefecture .s-l-recruit .s-l-r-cont table th{
	float:left;
	width:100%;
	background:#f6f6f6;
	font-size:9px; font-size:0.9rem;
}
.shoplist .s-l-recruit .s-l-r-cont table td,
.prefecture .s-l-recruit .s-l-r-cont table td{
	float:left;
	width:100%;
	font-size:9px; font-size:0.9rem;
}
}


/* ◆GALLERY◆ */

/* GALLERYリスト
----------------------------------------------------*/
.gallery .gallery-list{
	width:100%;
	line-height:0;
	text-align:left;
}
.gallery .gallery-list li{
	float:left;
	width:30%;
	line-height:0;
	margin:1.5%;
}
.gallery .gallery-list li img{
	width:100%;
}
@media only screen and (max-width: 767px) {
}

/* ◆CAREERS◆ */

/* 背景カラー
----------------------------------------------------*/
.recruit {
}
.recruit .c-bg01 {
	background-color:#fefefe;
	padding-top:20px;
	padding-bottom:60px;
}


/* CAREERSボタン
----------------------------------------------------*/
.recruit .c-button-left{
	float:left;
	width:50%;
}
.recruit .c-button-right{
	float:right;
	width:50%;
}
@media only screen and (max-width: 767px) {
.recruit .c-button-left{
	float: none;
	width:100%;
}
.recruit .c-button-right{
	float: none;
	width:100%;
	margin-top:20px;
}
}


/* ◆CONTACT◆ */

/* TEL
----------------------------------------------------*/
.contact .co-tel{
	text-decoration:none;
	color:#404040;
}

/* CONTACTボタン
----------------------------------------------------*/
.contact .co-button-left{
	float:left;
	width:50%;
}
.contact .co-button-right{
	float:right;
	width:50%;
}
@media only screen and (max-width: 767px) {
.contact .co-button-left{
	float: none;
	width:100%;
}
.contact .co-button-right{
	float: none;
	width:100%;
	margin-top:20px;
}
}

/* CONTACT FORM
----------------------------------------------------*/
.contact .co-form-block{
	border:3px solid #333333;
	padding:30px;
	box-sizing:border-box;
	margin-top:30px;
}
.contact .co-form-block table{
	width:100%;
}
.contact .co-form-block table tr{
	border-top:1px solid #cccccc;
}
.contact .co-form-block table th,
.contact .co-form-block table td{
	padding:10px 10px;
}
@media only screen and (max-width: 767px) {
.contact .co-form-block table{
	display:block;
}
.contact .co-form-block table th,
.contact .co-form-block table td{
	display: block;
}
.contact .co-form-block table th{
	padding:10px 10px 0 10px;
}
.contact .co-form-block table td{
	padding:10px 10px 20px 10px;
}
}

/* CONTACT ボタン横並び
----------------------------------------------------*/
.contact .co-form-block .co-f-b-button{
}
.contact .co-form-block .co-f-b-button .co-f-b-button-left{
	float:left;
	width:50%;
}
.contact .co-form-block .co-f-b-button .co-f-b-button-right{
	float:right;
	width:50%;
}
.contact .co-form-block .co-f-b-button .co-f-b-button-left input,
.contact .co-form-block .co-f-b-button .co-f-b-button-right input{
	margin:0 auto;
}
@media only screen and (max-width: 767px) {
.contact .co-form-block .co-f-b-button .co-f-b-button-left{
	float: none;
	width:100%;
}
.contact .co-form-block .co-f-b-button .co-f-b-button-right{
	float: none;
	width:100%;
	margin-top:20px;
}
}

/* ◆フォーム◆ */

/* form
---------------------------------------- */
.form{
}

.form .text1 {
	width: 80%;
}
.form .text2 {
	width: 100%;
}
.form .text3 {
	width: 60px;
}
.form .text4 {
	width: 80px;
}
.form .text5 {
	width: 30px;
}

@media only screen and (max-width: 767px) {
.form .text1,
.form .text2,
.form .text4{
	width:100%;
}
.form .text3 {
	width:30%;
}
.form .text5 {
	width:20%;
}
}

.form .text1,
.form .text2,
.form .text3,
.form .text4,
.form .text5,
.form select {
	padding: 10px;
	border: 1px solid #d9d9d9;
	background: #ffffff;
	box-sizing:border-box;
	font-family:
		'ヒラギノ角ゴ Pro W3',
		'Hiragino Kaku Gothic Pro',
		'メイリオ', 'Meiryo';
	/font-family:
		'メイリオ', 'Meiryo',
		'ＭＳ Ｐゴシック';
}
.form select.prefecture,
.form input.add {
	margin-top: 5px;
}
.form input.urgency {
	margin-bottom: 5px;
}
.form .radio input {
	margin-right: 5px;
	vertical-align: middle;
}
.form .radio select {
	margin-top: 5px;
}
.form input,
.form select {
	margin-right: 5px;
}
.form p.formError {
	margin: 30px 0;
	color: #930;
	text-align: center;
}
.form p.formMessage {
	margin: 50px 0;
	text-align: center;
}


/*  ========================= ボタン */

.form .submit{
	width: 350px;
	height: 80px;
	margin:20px auto 0 auto;
	text-align:center;
}
.form .submit input{
	display:block;
	width: 350px;
	height: 80px;
	border:3px solid #333333;
	background:url(../img/common/button02_arrow_off.png) no-repeat 20px 50%;
	box-sizing:border-box;
	cursor:pointer;
	
	color:#333333;
	font-size:16px; font-size:1.6rem;
	font-weight:bold;
	
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	
	font-family:
		'ヒラギノ角ゴ Pro W3',
		'Hiragino Kaku Gothic Pro',
		'メイリオ', 'Meiryo';
	/font-family:
		'メイリオ', 'Meiryo',
		'ＭＳ Ｐゴシック';
}
.form .submit input:hover{
	background:url(../img/common/button02_arrow_on.png) no-repeat 23px 50% #333333;
	color:#ffffff;
}

@media only screen and (max-width: 767px) {
.form .submit{
	width: 100%;
	height: 70px;
}
.form .submit input{
	width: 100%;
	height: 70px;
	font-size:12px; font-size:1.2rem;
}
}


.check input {
	display: none;
}
.check input + span {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	line-height: 1.8em;
	vertical-align: middle;
	
	font-size:11px; font-size:1.1rem;
	font-weight:bold;
}
.check input + span::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	background-color: #ffffff;
	border: 2px solid #d5d5d5;
}
.check input:checked + span::after {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 6px;
	width: 9px;
	height: 10px;
	transform: rotate(40deg);
	border-bottom: 3px solid #ff8a00;
	border-right: 3px solid #ff8a00;
}


/* ◆FC◆ */

/* 背景カラー
----------------------------------------------------*/
.fc_business {
}
.fc_business .f-bg01 {
	background-color:#fefefe;
	padding-top:20px;
	padding-bottom:60px;
}


/* FCサブタイトル
----------------------------------------------------*/
.fc_business .f-jp-subtitle{
	background:url(../img/fc/subtitle_bg.png) 50% 50% no-repeat;
	text-align:center;
	margin:30px 20px 0 20px;
	font-size:18px; font-size:1.8rem;
}
.fc_business .f-jp-subtitle span {
	display:inline-block;
	background: url(../img/common/bg.jpg);
	padding:0 20px;
}
.fc_business .f-bg01 .f-jp-subtitle span {
	background: #fdfdfc;
}
@media only screen and (max-width: 767px) {
.fc_business .f-jp-subtitle{
	font-size:14px; font-size:1.4rem;
	margin:20px 20px 0 20px;
}
}

/* VALUES
----------------------------------------------------*/
.fc_business .f-values .f-v-left{
	float:left;
	width:49%;
}
.fc_business .f-values .f-v-right {
	float:right;
	width:49%;
}
.fc_business .f-values .f-v-left img,
.fc_business .f-values .f-v-right img{
	width:100%;
	margin-top:40px;
}
/* サブタイトル */
.fc_business .f-values .f-v-subtitle {
	font-size:14px; font-size:1.4rem;
	line-height:160%;
	font-weight:bold;
}
@media only screen and (max-width: 767px) {
.fc_business .f-values .f-v-left{
	float: none;
	width:100%;
}
.fc_business .f-values .f-v-right{
	float: none;
	width:100%;
}
.fc_business .f-values .f-v-left img,
.fc_business .f-values .f-v-right img{
	margin-top:0;
}
.fc_business .f-values .f-v-subtitle{
	font-size:12px; font-size:1.2rem;
	line-height:140%;
	margin-top:10px;
}
}

/* OPERATION
----------------------------------------------------*/
.fc_business .f-operation-list{
	margin-top:30px;
	
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.fc_business .f-operation-list li{
	float:left;
	width:31%;
	margin:1%;
	padding:20px;
	box-sizing: border-box;
	text-align:center;
}
.fc_business .f-operation-list .f-o-l-block01{
	border:10px solid #cca83c;
	color:#cca83c;
}
.fc_business .f-operation-list .f-o-l-block02{
	border:10px solid #cc8550;
	color:#cc8550;
}
.fc_business .f-operation-list .f-o-l-block03{
	border:10px solid #47669a;
	color:#47669a;
}
/* サブタイトル */
.fc_business .f-operation-list .f-o-subtitle {
	font-size:16px; font-size:1.6rem;
	line-height:160%;
	font-weight:bold;
}
.fc_business .f-operation-list li img{
}
.fc_business .f-operation-list li .f-o-l-item{
	width:100%;
	text-align:left;
	font-size:11px; font-size:1.1rem;
	font-weight:bold;
}
@media only screen and (max-width: 767px) {
.fc_business .f-operation-list li{
	float: none;
	width:100%;
	margin:10px 0 0 0;
}
.fc_business .f-operation-list li img{
	width:100%;
	max-width:192px;
}
}

/* FC OUTLINE
----------------------------------------------------*/
.fc_business .f-outline-list{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.fc_business .f-outline-list li{
	float:left;
	width:48%;
	margin:1%;
	padding:20px;
	border:10px solid #ff8a00;
	box-sizing: border-box;
	text-align:center;
}
.fc_business .f-outline-list .f-o-l-title p{
	border-bottom:3px solid #979797;
	color:#ff8a00;
	padding:10px 10px 20px 10px;
	
	font-size:16px; font-size:1.6rem;
	font-weight:bold;
	line-height:110%;
}

.fc_business .f-outline-list dl{
	padding-top:10px;
	width:100%;
	text-align:left;
}
.fc_business .f-outline-list dl dt{
	margin-top:20px;
	font-size:12px; font-size:1.2rem;
	font-weight:bold;
}
.fc_business .f-outline-list dl dd{
	margin-top:5px;
}

.fc_business .f-outline-list dl dt.f-o-l-b-top{
	margin-top:10px;
}
@media only screen and (max-width: 767px) {
.fc_business .f-outline-list{
	margin-top:0;
}
.fc_business .f-outline-list li{
	float: none;
	width:100%;
	margin:1%;
}
.fc_business .f-outline-list li img{
	width:100%;
	max-width:214px;
}
.fc_business .f-outline-list dl dt{
	font-size:11px; font-size:1.1rem;
}
}

/* 加盟条件 */
.fc_business .f-outline-list li.f-o-l-block02{
	float:none;
	width:100%;
}
.fc_business .f-outline-list li.f-o-l-block02 .f-o-l-title{
	float:left;
	border-right:3px solid #979797;
	width:280px;
	padding-right:20px;
	box-sizing:border-box;
}
.fc_business .f-outline-list li.f-o-l-block02 .f-o-l-title p{
	border-bottom: none;
}
.fc_business .f-outline-list li.f-o-l-block02 dl{
	padding-top:20px;
	float:right;
	width:610px;
}
.fc_business .f-outline-list li.f-o-l-block02 dl dt{
	float:left;
	width:200px;
	height:20px;
	clear:both;
}
.fc_business .f-outline-list li.f-o-l-block02 dl dd{
	float:right;
	width:400px;
	height:20px;
	font-size:12px; font-size:1.2rem;
	font-weight:bold;
}
@media only screen and (max-width: 767px) {
.fc_business .f-outline-list li.f-o-l-block02 .f-o-l-title{
	float: none;
	border-right: none;
	width:100%;
	padding-right:0;
}
.fc_business .f-outline-list li.f-o-l-block02 .f-o-l-title p{
	border-bottom:3px solid #979797;
}
.fc_business .f-outline-list li.f-o-l-block02 dl{
	padding-top:10px;
	float:none;
	width:100%;
}
.fc_business .f-outline-list li.f-o-l-block02 dl dt{
	float:none;
	width:100%;
	height: auto;
	font-size:11px; font-size:1.1rem;
}
.fc_business .f-outline-list li.f-o-l-block02 dl dd{
	float:none;
	width:100%;
	height: auto;
	font-size:11px; font-size:1.1rem;
}
}

/* PLANNING
----------------------------------------------------*/
/* 背景色 */
.fc_business .f-planning01{
	background:#f2c0c0;
	padding:30px;
	margin-top:50px;
}
.fc_business .f-planning02{
	background:#f4c185;
	padding:30px;
}
.fc_business .f-planning .f-p-subtitle{
	font-size:20px; font-size:2.0rem;
	font-weight:bold;
	line-height:110%;
	color:#FFFFFF;
	text-align:center;
}
@media only screen and (max-width: 767px) {
.fc_business .f-planning .f-p-subtitle{
	font-size:16px; font-size:1.6rem;
	font-weight:bold;
	line-height:110%;
	color:#FFFFFF;
	text-align:center;
}
}

/* 間の斜めライン */
.fc_business .f-p-border{
	line-height:0;
	margin:0 auto;
	width:1000px;
}
@media only screen and (max-width: 767px) {
.fc_business .f-p-border{
	width:100%;
}
}

/* リスト */
.fc_business .f-p-list{
	margin-top:30px;
	
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.fc_business .f-p-list li{
	float:left;
	width:31%;
	margin:1%;
	padding:20px;
	border:10px solid #ffffff;
	box-sizing: border-box;
}
.fc_business .f-p-list li .f-p-l-subtile{
	font-size:16px; font-size:1.6rem;
	color:#FFFFFF;
	font-weight:bold;
}
@media only screen and (max-width: 767px) {
.fc_business .f-p-list{
	margin-top:10px;
}
.fc_business .f-p-list li{
	float: none;
	width:100%;
	margin:0;
	margin-top:20px;
}
}

/* SHOP IMG
----------------------------------------------------*/
/* リスト */
.fc_business .f-shop-img-list{
	margin-top:30px;
	margin-left:-1%;
	
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.fc_business .f-shop-img-list li{
	float:left;
	width:24%;
	margin-left:1%;
	box-sizing: border-box;
}
.fc_business .f-shop-img-list li img{
	width:100%;
}
@media only screen and (max-width: 767px) {
.fc_business .f-p-list{
	margin-top:10px;
	margin-left:-1%;
}
.fc_business .f-shop-img-list li{
	width:49%;
}
}



/* ◆COMPANY◆ */

/* 会社概要
----------------------------------------------------*/
.company {
}
.company .com-table {
	width:100%;
}
.company .com-table td,
.company .com-table th {
	border-bottom:1px solid #c3c4c0;
	padding:10px 20px;
	font-size:10px; font-size:1.0rem;
	box-sizing:border-box;
}
.company .com-table th {
	border-right:1px solid #c3c4c0;
}
@media only screen and (max-width: 767px) {
.company .com-table {
	width:100%;
	border:1px solid #c3c4c0;
}
.company .com-table td,
.company .com-table th {
	width:100%;
	display:inline-block;
}
.company .com-table th {
	border-right:none;
	background: #DDDDDD;
}
}

/* 会社沿革
----------------------------------------------------*/
.company .com-history{
	border:3px solid #333333;
	padding:30px;
	box-sizing:border-box;
	margin-top:30px;
}
.company .com-history .com-h-table{
	width:100%;
}
.company .com-history .com-h-table td,
.company .com-history .com-h-table th {
	padding:5px 5px;
	box-sizing:border-box;
}
.company .com-history .com-h-table th {
	background:#E0E0E0;
}
@media only screen and (max-width: 767px) {
.company .com-table {
	width:100%;
	border:1px solid #c3c4c0;
}
.company .com-table td,
.company .com-table th {
	width:100%;
	display:inline-block;
}
}

/* プライバシーポリシー
----------------------------------------------------*/
.privacy-policy dl{
	width:100%;
}
.privacy-policy dl dt{
	margin-bottom:10px;
	font-size:12px; font-size:1.2rem;
}
.privacy-policy dl dd{
	margin-bottom:30px;
	margin-left:20px;
}

/* ◆PRESS INFO◆ */
/* リスト
----------------------------------------------------*/
.pressinfo .pr-list{
	border:3px solid #333333;
	padding:30px;
	box-sizing:border-box;
	margin-top:30px;
	background:#FFFFFF;
}
.pressinfo .pr-list table{
	width:100%;
}
.pressinfo .pr-list table thead tr{
	border-bottom:1px solid #333333 !important;
}
.pressinfo .pr-list table tr{
	border-bottom:1px solid #d6d6d6;
}
.pressinfo .pr-list table th,
.pressinfo .pr-list table td{
	padding:10px 10px;
}
.pressinfo .pr-list table td{
	border-left:1px solid #d6d6d6;
}
@media only screen and (max-width: 767px) {
.pressinfo .pr-list table thead{
	display:none;
}
.pressinfo .pr-list table th,
.pressinfo .pr-list table td{
	display:block;
	width:100%;
	padding:2px 10px;
}
.pressinfo .pr-list table th{
	padding-top:10px;
}
.pressinfo .pr-list table td{
	border-left:none;
}
}