@charset "utf-8";

.detail .tel a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}

/*--------------------------------------------------------------
パソコン用
--------------------------------------------------------------*/
.disp_mobile{
	display:none;
}
.inner {
	margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
.smart-phone {
	display: none;	/* PC画面ではスマホ用グローバルナビを表示しない */
}

@media only screen and (max-width: 640px) {
/* ---------------------
common
--------------------- */
.disp_pc{
	display: none;
}
.disp_mobile{
	display: block;
}
.inner_block {
    width: 100%;
    text-align: center;
    margin: 0 auto 0;
    clear: both;
}
.inner_block p {
    width: 100%;
    text-align: left;
    font-size: 90% !important;
    line-height: 200%;
    margin: 0 auto 0;
}
.inner_block h3 {
    padding: 70px 0 40px 0;
}
	
/*--------------------------------------------------------------
全体
--------------------------------------------------------------*/
html,body { 
　　height:100%;
}
html {
 height:100%;
 overflow-x: hidden;
 overflow-y: scroll; -webkit-overflow-scrolling: touch
}  
/* tag */
body {font-size: 15px;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
	max-width: 100%;
	min-width: auto;
    overflow-x: hidden;
}
/* float */
.floatr,
.floatl {float: none;}
.midbox {width: auto;}
/* text */
.font11,
.font12 {
		font-size: 14px;
		line-height: 1.4em;
}
.font16 {font-size: 20px;}
.font19 {font-size: 24px !important;}
img {
    border-width: 0px;
 }
#wrap {
   position: static;
}

/* ---------------------
HEADER
--------------------- */
/* top upper menu */
#onitem ul {
		display: none;
	}
#fxmenubox {
        display: none !important;
}
#fxmenu {
        display: none !important;
}
#logo2.center.disp_mobile img {
		position: absolute;
		top: 40%;
		left: 15%;
	    text-align: center;
		z-index:9;
	    width:70%;
	    height:auto;
}
#headarea {
    display: none !important;
}
#slidebox {
    background-color: #252c2f;
}

/* ---------------------
topページ FONZについて
--------------------- */
#page_menu {
    width: 100%;
    margin: 0 0 20px 0;
	background-color: transparent;
}
#page_menu ul {
    width: 100%;
    margin: 0 auto 0;
}
#page_menu ul li {
    margin-bottom: 17px;
    background: #ffffff;
    height: 26px;
	margin-left: 0px !important;
}
/* iphone14 */
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    #page_menu ul li {
    margin-bottom: 17px;
    background: #ffffff;
    height: 29px;
}
}
/* iphoneXR */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #page_menu ul li {
    margin-bottom: 17px;
    background: #ffffff;
    height: 28px;
	margin-left: 0px !important;
}
}
#page_menu ul li img {
    width: 60%;
    height:auto;
	text-align:right;
	margin: 0 auto 0;
}
#about_fonz h2 {
    width: 100%;
    padding: 10px 0 0 0;
    margin: -10px auto 30px !important;
}
#about_fonz h2 img {
    width: auto;
    height: 70px;
}
#about_fonz img {
    width: 92%;
    height:auto;
}
#about_fonz p {
    width: 90%;
}
#about_fonz .inner_sign{
	margin-top:30px;
	margin-bottom:30px;
	text-align:right;
}
	
/* ---------------------
topページ 会社概要
--------------------- */
#company{
	width: 90%;	
}
#company dl {
    width: 90%;
    margin: 0 auto 80px;
    line-height: 170%;
    text-align: left;
	height:300px !important;
}
.inner_block h3 img {
    width: auto;
    height: 70px;
}
#company dl dt {
    float: left;
    width: 25%;
    margin: 0 30px 0 0;
    clear: both;
}
#company dl dd {
    float: left;
    width: 65% !important;
    margin: 0;
}
#company2{
	width: 90%;	
}
#company2 dl {
    width: 90%;
    margin: 0 auto 60px;
    line-height: 170%;
    text-align: left;
	height:220px !important;
}
#company2 dl dt {
    float: left;
    width: 25%;
    margin: 0 30px 0 0;
    clear: both;
}
#company2 dl dd {
    float: left;
    width: 65% !important;
    margin: 0;
}
#company2 .group1 dl {
    width: 90% !important;
    margin: 0 auto 60px;
    line-height: 170%;
    text-align: left;
	height:160px !important;
}
#company2 .group1 dl dt {
    float: left;
    width: 45% !important;
    margin: 0 30px 0 0;
    clear: both;
}
#company2 .group1 dl dd {
    float: left;
    width: 45% !important;
    margin: 0;
}
	
/* ---------------------
topページ 沿革
--------------------- */
#history h3 img {
    width: auto;
    height: 70px;
}
#history img {
    width: 92%;
    height: auto;
}
dl#history_list dt span {
    /* display: inline-block; */
    /* width: 2em; */
    text-align: right;
}
dl#history_list {
	width: 90%;
    margin: auto;
    line-height: 170%;
    text-align: left;
	font-size: 12px;
}
dl#history_list dd {
	width: 66%;
    float: left;
    margin: 0 !important;
	font-size: 12px;
	padding-top: 10px;
}
dl#history_list dt {
    float: left;
    margin: 0 5px 0 3px;
    clear: both;
	padding-top: 10px;
	font-size: 13px;
}
dl#history_list2 dt span {
    /* display: inline-block; */
    /* width: 2em; */
    text-align: right;
}
dl#history_list2 {
	width: 90%;
    margin: auto;
    line-height: 170%;
    text-align: left;
	font-size: 12px;
}
dl#history_list2 dd {
	width: 66%;
    float: left;
    margin: 0 !important;
	font-size: 12px;
	padding-top: 10px;
}
dl#history_list2 dt {
    float: left;
    margin: 0 5px 0 3px;
    clear: both;
	padding-top: 10px;
	font-size: 13px;
}
.history1 {
    text-align: center !important;
    margin: 30px 0px 20px 0px !important;
}
.history1 img {
        text-align: center !important;
        width: 65% !important;
        height: auto !important;
        margin: -20px 0 50px 0px !important;
 }
 .history2 img {
        text-align: center !important;
        width: 65% !important;
        height: auto !important;
        margin: 0px 0 -100px 0px !important;
}
 .history3 img {
        text-align: center !important;
        width: 65% !important;
        height: auto !important;
        margin: 50px 0 0px 40px !important;
}
	
/* ---------------------
topページ 関連リンク
--------------------- */
#links {
    width: 95%;
}
#links dl {
    width: 95%;
    margin: 0 auto 0;
    line-height: 170%;
    text-align: left;
}
#links dl dt {
    float: left;
    width: 40%;
    margin: 0 10px 0 10px;
    clear: both;
}
#links dl dd {
    float: left;
    width: 45%;
    margin: 0;
}

/* ---------------------
料理
--------------------- */
.inner_food_block {
    width: 100%;
    margin: 0 auto 30px;
    padding: 0 0 20px 0;
    text-align: center;
}
.inner_block h2 {
    margin: 60px auto 30px;
}
.inner_food_block h3 {
    margin: 25px auto 30px;
}
#top_head{
	margin: 0;
}
#head_slider {
    height: 276px;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
	background-color: #252c2f;
    border-top-width: 10px;
    border-top-style: solid;
    border-top-color: #242424;
	margin-top: 0;
}
#food .inner_block {
    width: 100%;
    text-align: center;
    margin: 0 auto 0;
    clear: both;
}
.food1 {
    width: 90%;
    text-align: center;
    margin: 0 auto 40px;
	padding-top:20px;
    clear: both;
}
.food2 {
    width: 90%;
    text-align: center;
    margin: 40px auto 0;
	padding-top:20px;
    clear: both;
}
.inner_food_block p {
    width: 100%;
    font-size: 90%;
    line-height: 200%;
    text-align: left;
    margin: 0 auto 0;
}
.food2 img {
    width: 100%;
    height: auto;
}
.food3 img {
    width: 100%;
    height: auto;
}
.food4 img {
    width: 100%;
    height: auto;
}
.food5 img {
    width: 100%;
    height: auto;
}
#food #logo2 {
    margin: 0 0 0 0;
    background-color: #252c2f;
    height: 96px;
}
#food #logo2 img {
    margin: 35px 0 0 -8%;
    width: 52%;
}
#food h2 img {
    width: auto;
    height: 70px;
}
#food h3 img {
    width: auto;
    height: 53px;
}
.food2 {
    width: 90%;
    text-align: center;
    margin: 0 auto 0;
	padding-top:25px;
    clear: both;
}
.food3 {
    width: 90%;
    text-align: center;
    margin: 0 auto 0;
	padding-top:20px;
    clear: both;
}
.food4 {
    width: 90%;
    text-align: center;
    margin: 0 auto 0;
	padding-top:20px;
    clear: both;
}
.food5 {
    width: 90%;
    text-align: center;
    margin: 0 auto 0;
	padding-top:20px;
    clear: both;
}

/* ---------------------
空間
--------------------- */
#space #logo2 {
    margin: 0 0 0 0;
    background-color: #252c2f;
    height: 96px;
}
#space #logo2 img {
    margin: 35px 0 0 -8%;
    width: 52%;
}
#space .inner_block {
    width: 100%;
    text-align: center;
    margin: 0 auto 0;
    clear: both;
}
#space .inner_block h2 {
    margin: 130px auto 30px;
}
#space .inner_block p {
    width: 90%;
    text-align: left;
    font-size: 90% !important;
    line-height: 200%;
    margin: 0 auto 0;
}
.space1 img {
    width: 90%;
    height: auto;
	margin-top: 10px;
}
#space h2 img {
    width: auto;
    height: 70px;
}
#space h3 img {
    width: auto;
    height: 70px;
}
#shop_list ul {
    height: 2400px;
	margin-left: 12%;
}
#shop_list ul li {
    display: block;
    width: 87%;
    font-size: 20px;
    font-family: "YuMincho", serif !important;
    letter-spacing: 1px;
    float: none;
    margin: 0 20px 20px 0;
}
#shop_list ul li img {
    margin: 5px 0 0 0;
}
.storelistbtn{
   text-align: center;
   margin: 100px 0 auto auto;
}

/* ---------------------
サービス
--------------------- */
#service #logo2 {
    margin: 0 0 0 0;
    background-color: #252c2f;
    height: 96px;
}
#service #logo2 img {
    margin: 35px 0 0 -8%;
    width: 52%;
}
#service .inner_block {
    width: 100%;
    text-align: center;
    margin: 0 auto 0;
    clear: both;
}
#service .inner_block h2 {
    margin: 130px auto 30px;
}
#service .inner_block p {
    width: 90%;
    text-align: left;
    font-size: 90% !important;
    line-height: 200%;
    margin: 0 auto 0;
}
#service h2 img {
    width: auto;
    height: 70px;
}
#service h3 img {
    width: auto;
    height: 70px;
}
#catch_copy {
    line-height: 200% !important;
    font-family: "YuMincho", serif !important;
    text-align: center !important;
    letter-spacing: 1px;
    margin: 0 0 30px 6% !important;
}
ul#recruit {
    width: 100%;
    height: 570px;
}
ul#recruit li {
    float: none;
	width: 100%;
}
ul#recruit li img {
    width: 85%;
    height: auto;
    text-align: center;
    margin: 15px 0 0 0;
}
	
/* ---------------------
お知らせ
--------------------- */
#info #logo2 {
    margin: 0 0 0 0;
    background-color: #252c2f;
    height: 96px;
}
#info #logo2 img {
    margin: 35px 0 0 -8%;
    width: 52%;
}
#inner_block_news {
    width: 100%;
    text-align: center;
    margin: 0 auto 0;
    clear: both;
}
#news_list {
    background: #ffffff;
    padding: 40px 5px 15px 38px !important;
    font-size: 90%;
}
#news_list dl dt {
    float: none;
    margin: 0 0 0 0;
}
#news_list dl dd {
    text-align: right;
    margin: 0 28px 30px 0;
}
#news_list {
    background: #ffffff;
    padding: 40px 5px 15px 38px !important;
    font-size: 90%;
}
.news_block {
    clear: both;
    width: 100%;
    padding: 120px 0 50px 0;
    margin: -125px auto -60px;
}
.article {
    background: #ffffff;
    padding: 20px;
    margin: 25px 0 0 0;
}
.article h3 {
    border-left: 8px solid #384144;
    margin: 20px 0 20px 0;
    padding: 0 0 0 10px;
    font-size: 100%;
	width: 90%;
	line-height: 140%;
}
.news_block p {
    margin: 0 auto 20px;
    padding: 0 0 0 0;
    font-size: 14px;
    line-height: 180%;
}
.info1 {
    margin: 0 !important;
}
.news_block img {
	width:100%;
	height:auto;
    margin: 0 0 0 0;
}
#inner_block_news h2 {
    margin: 130px auto 30px;
}
#info .inner_block p {
    width: 90%;
    text-align: left;
    font-size: 90% !important;
    line-height: 200%;
    margin: 0 auto 0;
}
#info h2 img {
    width: auto;
    height: 70px;
}
	
/* ---------------------
その他の活動
--------------------- */
#activity #logo2 {
    margin: 0 0 0 0;
    background-color: #252c2f;
    height: 96px;
}
#activity #logo2 img {
    margin: 35px 0 0 -8%;
    width: 52%;
}
#activity .inner_block p {
    width: 90%;
    text-align: left;
    font-size: 90% !important;
    line-height: 200%;
    margin: 0 auto 0;
}
#activity .inner_block h2 {
    margin:  130px auto 50px;
}
#activity h2 img {
    width: auto;
    height: 70px;
}
#activity .news_block {
    clear: both;
    width: 100%;
    padding: 120px 0 50px 0;
    margin: -160px auto -60px;
}
	
/* ---------------------
プライバシーポリシ－
--------------------- */
#privac #logo2 {
    margin: 0 0 0 0;
    background-color: #252c2f;
    height: 96px;
}
#privac #logo2 img {
    margin: 35px 0 0 -8%;
    width: 52%;
}
#privac .inner_block p {
    width: 90%;
    text-align: left;
    font-size: 90% !important;
    line-height: 200%;
    margin: 0 auto 0;
}
#inner_block_privacy {
    text-align: center;
	width: 90%;
    text-align: left;
    font-size: 90% !important;
    line-height: 180%;
    margin: 0 auto 0;
    clear: both;
}
#privacy {
    background: #ffffff;
    padding: 10px 20px 10px 20px !important;
    font-size: 100%;
    text-align: left;
}
	
/* ---------------------
footer
--------------------- */
#footbox .midbox {
    margin-top: 0px;
}
#footbox {
	background-image: none;
	background-color: #303e42;
	padding-bottom: 35px;
	height: 230px!important;
}
#f_right,
#f_left {
	float: none;
	width: auto;
	padding-right: 5%;
	padding-left: 5%;
}
#foot {
	background: linear-gradient(to bottom, #303e42 0%, #303e42 10%, #676666 90%, #676666 100%);
}
#f_right {
	position: static;
}
#f_right h2 {
	padding-top: 45px;
}
#f_left {
	padding-top: 0px;
	padding-bottom: 37px;
	background-color: #303e42;
}
#f_left img#logo_foot {
    float: left;
    width: 170px;
    margin-bottom: 30px;
}
/* footer */
#smenu02 {
	float: none;
	width: auto;
	margin-top: 0;
}
.copy {
    font-size: 10px;
    padding-bottom: 20px;
    padding-right: 10px;
	margin-top: 30px;
}
#f_right .link1 a:link{
    text-decoration: underline;
}
#f_right .link1 a:hover{
    text-decoration: none;
}
#f_right .link1 a:visited{
    text-decoration: underline;
}

/* ---------------------
ドロワーメニュー
--------------------- */
/* メニュー部分 */
#menu{
	font-size: 17px;
	font-family: "游明朝", "YuMincho", serif !important;
	position: fixed;
	font-weight: bold;
	display: none;
	right: 0px;
	top: 0px;
	background-color: #060404;
	z-index: 999;
	width: 100%;
	height: 100vh;
	padding-top: 20px;
	padding-bottom: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#menu li {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
}
#menu a, #menu a:link, #menu a:visited {
    color: #FFF;
}

/* toggile部分 */
#top nav.menu {
    width: 50px;
    height: 51px;
    top: 30px;
    right: 10px;
    position: fixed;
    cursor: pointer;
    overflow: hidden;
    z-index: 9999;
}
#top #service nav.menu,#top #food nav.menu,#top #space nav.menu,#top #activity nav.menu,#top #privac nav.menu,#top #info nav.menu {
    width: 50px;
    height: 51px;
    top: 25px!important;
    right: 5% !important;
    position: fixed;
    cursor: pointer;
    overflow: hidden;
    z-index: 9999;
}
nav .menu1{
	width: 32px;
	height: 5px;
	background-color: #a9a9a9;
	top: 8px;
	position: absolute;
	left: 5px;
} 
nav .menu2{
	width:32px;
	height:5px;
	background-color: #a9a9a9;
	top:20px;
	left: 5px;
	position:absolute;
} 
nav .menu3{
	width:32px;
	height:5px;
	top:32px;
	left: 5px;
	background-color: #a9a9a9;
	position:absolute; 
}

/* アニメーションの動き */
nav .menu1,nav .menu2,nav .menu3{
　　display: inline-block;
	-webkit-transition: all .4s;
	transition: all .4s;
	box-sizing: border-box;
}
					 
/* クリックした後の動き */
nav .menuclick1{
	top: 0px;
	-webkit-transform: translateY(17px) rotate(45deg);
	transform: translateY(17px) rotate(45deg);
}
nav .menuclick2{
	top: 10px;
	background-color:rgba(255,255,255,0);
}
nav .menuclick3{
	bottom: 0px;
	-webkit-transform: translateY(-15px) rotate(-45deg);
	transform: translateY(-15px) rotate(-45deg);
}

/* ---------------------
SLIDER
--------------------- */
#slider {
     width: auto;
	 height: 100vh;
	 position: relative;
	 overflow: hidden;
     min-height: 100vh;
	 display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
}
#slider img {
     width: auto !important;
     height: 100vh;
     min-height: 100vh;
	 display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
}

#slidebox {
	    margin-bottom: -80px;
}
.nivoSlider {
	position:relative;
	width: auto;
	height: 100vh;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: auto !important; 
	height: 100vh !important; 
}
.nivo-slice {
	z-index:5;
	height:100%;
	top:0;
    text-align: center!important;
	margin:auto;
}
.nivo-slice img {
	position: absolute;
    top: 38%;
    left: 0%;
    -webkit-transform: translate(-38%, -0%);
    transform: translate(-38%, -0%);
	width: auto !important; 
	height: 100vh !important;
	padding-left:3px;
}

/* ---------------------
	iPhone SEとか
--------------------- */
@media screen and (min-width:360px)and ( max-width:380px) {
    /* CSS */
.nivo-slice img {
	position: absolute;
    top: 35%;
    left: 0%;
    -webkit-transform: translate(-35%, -0%);
    transform: translate(-35%, -0%);
	width: auto !important; 
	height: 100vh !important;
	padding-right:12px;
}
}

/* ---------------------
	Apple iPhone 14 PRO MAX
--------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    /* CSS */
ul#recruit li img {
      height: auto;
      text-align: center;
      margin: 15px 0 0 0;
    }
}
	
@media screen and (max-width: 320px) {
	/* ---------------------
	common
	--------------------- */
	/* tag */
	body {font-size: 13px;}
	/* box */
	.mt35 {margin-top: 20px;}
	/* text */
	.font11 {
		font-size: 11px;
		line-height: 1.0em;
	}
	.font12 {font-size: 12px;}
	.font16 {font-size: 16px;}
	.font19 {font-size: 19px !important;}

	/* ---------------------
	Fix menu, navbar
	--------------------- */
	.btn-fxmenu {top: 22px;}

	/* ---------------------
	CONTENTS
	--------------------- */
	.hl02 {font-size: 24px;}

	/* ---------------------
	gallery用
	--------------------- */
	/* headarea */
	#headarea h1,
	#headarea h1 a {background-size: 90%;}
	/* lightbox */
	#lightbox-nav-btnPrev,
	#lightbox-nav-btnNext {height: 175px !important;}

	/* ---------------------
	Menu用ページ
	--------------------- */
	.contents h3 {font-size: 24px;}
	.contents .shop_title1 {font-size: 18px;}

	/* ---------------------
	SHOPS_MENU
	--------------------- */
	#tab-box div table tr td {font-size: 13px;}

	/* ---------------------
	Shops common
	--------------------- */
	/* Common */
	.mainbox .center img {
		width: 100%;
		height: auto;
	}
}