@charset "utf-8";

/* ==================================================================
	common.css
	
=================================================================== */

@font-face {
  font-family: "YuGothic M";
  src: local(Yu Gothic Medium);
}

@font-face {
	font-family: 'DIN Alternate Bold';
	font-style: normal;
	font-weight: normal;
	src: local('DIN Alternate Bold'), url('../font/DINAlternate-Bold.woff') format('woff');
}
@font-face {
	font-family: 'DIN Alternate Regular';
	font-style: normal;
	font-weight: normal;
	src: local('DIN Alternate Regular'), url('../font/DINAlternate-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format('opentype');
}
 
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype');
}
 
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 300;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format('opentype');
}
 
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: local('NotoSansJP-Regular.otf'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
 }
 
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
 }
 
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
 }
 
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format('opentype');
 }

/* =================================
   ■ 共通指定
================================== */

/* --------------------------------
   □ font設定
-------------------------------- */ 
body{
	font-size:16px;
	word-break:break-all;
	word-wrap:break-word;
}
/* WINIE用 \*/
* html body{ font-size:100%; }
*:first-child+html body{ font-size:100%; }
/* */

table {
	font-size:inherit;
	font:100%;
}

select, input, textarea {
	font:99%;
}

li li,li p,li pre,li dt,li dd,dd li,dd p,dd pre,dd dt,dd dd {
  font-size:100%;
}

/* --------------------------------
   □ body
-------------------------------- */ 
body{
	font-family: 'Noto Sans Japanese' , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "YuGothic M" , "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	text-align: center; 	/* IE用 */

	color: #333333;
	background:#fff;
	-webkit-text-size-adjust: 100%;
}

/* --------------------------------
   □ text
-------------------------------- */
p { 
	margin:0 0 0.8em 0;
	text-align:justify;
	text-justify:inter-ideograph;
}

p,table,ul,dl,ol,address{
	line-height:1.5;
}

/* --------------------------------
   □ form
-------------------------------- */
input, select{
	font-family: Arial, "ＭＳ Ｐゴシック", sans-serif;
}

input.text{
	line-height:1.2;
}

input.text,
textarea {
	border: 1px solid #aaa;
	padding:4px;
}

* html input.text,
* html textarea {
	padding:4px 4px 0px 4px;
}

*:first-child + html input.text,
*:first-child + html textarea {
	padding:4px 4px 0px 4px;
}

input.text:hover,
textarea:hover {
	border: 1px solid #aaa;
}

input.text:focus,
textarea:focus {
	border: 1px solid #333333;
}

input.submit{
	line-height:100%;
	padding-top:2px;
}

input[type="button"],input[type="submit"] {
	-webkit-appearance: none;
}

/* --------------------------------
   □ link
-------------------------------- */
/* 基本 */
a,
a:link{
	color:#0033cc;
	text-decoration:none;
}

/* 訪問済 */
a:visited {
	color:#0033cc;
}

/* ロールオーバー */
a:hover{
	color:#245fbb;
	text-decoration:underline;
}

img{
	max-width:100%;
	height:auto!important;
}
.contents img{
	max-width:100%;
	height:auto!important;
}

/* =================================
   ■ レイアウト
================================== */
/* --------------------------------
   □ 大枠 
-------------------------------- */

header .area,
ol#breadcrumbs,
.contents section,
.contents .chapter,
.contents .wide .area,
.contents .accent h2,
footer .area{
	width:821px;
	margin: 0 auto 0 auto;
	text-align: left;
	box-sizing:border-box;
}

header,
.contents,
footer{
	font-size:100%;
}


.contents section.wide,
.contents .chapter.wide{
	width:100%;
}
body#form .contents .chapter.wide{width:821px; margin:40px auto;}
body#form header{display:none;}
body#form .logoArea span img{margin:0 10px;}

/* --------------------------------
   □ サイト情報 (ヘッダー)
-------------------------------- */
header{ 
	position:relative;
	z-index:998;
	width:100%;
	height:75px;
	background:#000;
}

header .area{
	display:table;
	
	width:100%;
	overflow:hidden;
	
	text-align:center;
	margin:0 auto;
	clear:both;
}

header h1{
	display:table-cell;
	vertical-align:middle;
	width:35%;
	height:75px;
	text-align:left;
}

header h1 img{
	margin-left:10%;
	max-width:40%;
}

header #globalnavi{
	overflow: hidden;
	display:table-cell;
	/*width:65%;*/
	width:75%;
	box-sizing:border-box;
	font-size:84%;
	height:75px;
	vertical-align:middle;
}
	header #globalnavi > ul.navigation{
		display:table;
		float:left;
		/*width:60%;*/
		width:75%;
		height:100%;
	}
		
		header #globalnavi > ul.navigation li{
			display:table-cell;
			vertical-align:middle;
			text-align:center;
			position:relative;
			padding-top:10px;
			font-family:"DIN Alternate Regular" , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "YuGothic M" , "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
		}

		header #globalnavi > ul.navigation li a{
			color:#fff;
			font-size:100%;
			text-decoration:none;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
			/*font-weight:700;*/
		}
		header #globalnavi > ul.navigation li a:hover{
			color:#bbb;
		}


		header #globalnavi > ul.navigation.sns{
		display:table;
		float:right;
		width:18%;
		margin-right:20px;
		height:100%;
	}
		header #globalnavi > ul.navigation.sns li{
			display:table-cell;
			vertical-align:middle;
			text-align:center;
			position:relative;
			padding-top:10px;
		}	

/* --------------------------------
   □ ページコンテンツ
-------------------------------- */
.contents{
	height:auto;	
}

	/* ◆ secondaryタイトル
	-------------------------------- */
	.contents h2.title,
	.index.secondary .contents h3.title{
		font-family:"DIN Alternate Bold" , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "YuGothic M" , "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
		font-size:231%;
		color:#333;
	}
	
	.index.secondary .contents h3.title a{color:#333;}
	.contents h2.title span{
		display:block;
		font-size:43%;
		text-align:center;
		padding:4px 0 0 0;
	}

	.secondary .contents h2.title,
	.index.secondary .contents h3.title{
		text-align:center;
		padding:50px 0;
	}

	/* ◆ secondary box
	-------------------------------- */
	.secondary .contents p.image.wide img{
		width:100%;
	}

	/* ◆ secondary box
	-------------------------------- */
	.secondary .contents p.image.wide img{
		width:100%;
		margin-bottom:33px;
	}

	.secondary .contents .section{
		margin-bottom:63px;
	}

	.secondary .contents .section .area p{
		text-align:center;
	}

/* --------------------------------
   □ サイト情報(フッター)
-------------------------------- */
footer{
	margin-top:40px;
	clear:both;
}

footer .area{
	overflow:hidden;
	padding:45px 0;
}

footer .relation{
	float:left;
	overflow:hidden;
	width:135px;
}
	
	footer .relation li{
		text-align:center;
		margin-bottom:20px;
	}
	
	footer .relation li:last-child{
		margin-bottom:0;
	}

footer .information{
	float:right;
	overflow:hidden;
	width:613px;
}

	footer #footerNavigation{
		margin-bottom:30px;
		font-family:"DIN Alternate Regular" , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "YuGothic M" , "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	}

		footer #footerNavigation ul li{
			float:left;
			margin-right:35px;
		}
		footer #footerNavigation ul li:last-child{
			float:left;
			margin-right:0;
		}

		footer #footerNavigation ul li a{
			color:#333;
			text-decoration:none;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
		}

		footer #footerNavigation ul li a:hover{
			color:#999;
		}

	footer .shopData .shopStatus{
		float:left;
		width:360px;
		font-size:92%;
	}
	
	footer .shopData .shopStatus > dl dt{
		font-weight:700;
		margin-bottom:4px;
	}
	
	footer .shopData .shopStatus > dl dd{
		line-height:2;
	}

	footer .shopData .shopStatus > dl > dd{
		margin-bottom:20px;
	}
	
	footer .shopData .shopStatus > dl > dd:last-child{
		margin-bottom:0;
	}

	footer .shopData .map{
		float:right;
		width:236px;
		height:236px;
	}
		
		footer #shopMap{
			width:100%;
			height:236px;
		}
	
footer #pagetop{
	position:fixed;
	right:0;
	bottom:0;
	margin:0;
	z-index:100;
}	


body#complete .contents,
body#reserve .contents,
body#confirm .contents{ max-width:800px; margin:0 auto; text-align: center;}
.contactInfo{margin:30px 0 50px;
line-height:2;}
.formWrap dt,
.formWrap dd{float:left; padding:10px 5% 10px 0%; line-height:1.7; font-size:90%;}
.formWrap dt{ width:25%;}
.formWrap dd{ width:65%;}
.required,
.error{
color:#990000;
font-size:90%;}
input,
textarea{border: 1px solid #999; padding:10px 5%; font-size:12px; width:90%;}
select{ font-size:12px;
margin:0 5px 0 10px;
	padding: 5px;
	border: 1px solid #999;
	}
	select:first-child{margin:0 5px 0 0px;}
	input#number{width:50px; margin-right:5px;}
body#complete .contents .center,
body#reserve .contents .center,
body#confirm .contents .center{margin:50px auto; font-size:90%;}
.submitBtn input{background:#000; color:#fff; border:none; padding:15px 30px; width:50%; max-width:200px; margin:0 auto;
font-size:14px;}
.submitBtn input:hover{background:#666;}

/* --------------------------------
   □ SP
-------------------------------- */

.pc{
	display:block;
}
.sp{
	display:none;
}
.textized{
	display:none;
}

br.spOnly{
	display:none;
}
#form{margin:20px 0;}
#form footer{display:none;}
dl.yoyakuForm dt{font-size:13px; letter-spacing:1px; margin-bottom:10px;}
dl.yoyakuForm dd{margin-bottom:20px;}
dl.yoyakuForm dd input{border:solid 1px #ccc; line-height:1.8; padding:5px 2%; font-size:13px; }
dl.yoyakuForm dd textarea{width:96%; line-height:1.8; border:solid 1px #ccc;  padding:5px 2%; height:40px;}

#form p{font-size:13px;}
#form p input{font-size:15px; letter-spacing:5px; background:#000; color:#fff; padding:10px 20px; border:none; margin-top:30px;}
.mb40{margin-bottom:40px; }
.screen-reader-response,
.wpcf7-response-output{padding:30px 5px; color:red; line-height:1.8;font-size:13px;}
.wpcf7-not-valid-tip{padding:10px 20px; color:red;font-size:13px;}
/* SP以外 */	
@media screen and (min-width: 741px)  {
	
body {
	min-width: 1000px;
}
}

@media only screen and
(max-width : 740px) {
	
body {
	min-width: auto;
}
	
img{
	max-width:100%;
	height:auto;
}

body .pc{
	display:none;
}
.sp{
	display:block;
}
.textized{
	display:inline;
}

br.spOnly{
	display:inline-block;
}
br.pcOnly{
	display:none;
}

.textized{
	display:inline;
}
.txtimg{
	display:none;
}

input, select{
	font-size:16px;
}
	
	.contactInfo,
	#mw_wp_form_mw-wp-form-478{margin:30px 0 50px;
line-height:2;
	width:90%;
	margin:0 auto;}
.formWrap dt,
.formWrap dd{float:none; padding:10px 5% 10px 5%; line-height:1.7; font-size:90%;}
.formWrap dt{ width:90%;}
.formWrap dd{ width:90%;}

/* --------------------------------
   □ 大枠 
-------------------------------- */

header .area,
ol#breadcrumbs,
.contents section,
.contents .chapter,
.contents .wide .area,
.contents .accent h2,
footer .area{
	width:auto;
	box-sizing:border-box;
}

header,
.contents,
footer{
	font-size:100%;
}

.contents section,
.contents .chapter,
.contents section.wide,
.contents .chapter.wide{
	box-sizing:border-box;
	width:auto;
	padding-left:2%;
	padding-right:2%;
}





/* --------------------------------
   □ サイト情報 (ヘッダー)
-------------------------------- */
header{ 
	height:auto;
}

header .area{
	display:block;
	
	width:auto;

    position:static;
    z-index: 1;
}

header .siteinformation{
	display:table;
	width:100%;
}

header h1{
	display:table-cell;
	width:80%;
	height:auto;
	text-align:left;
}

	header .siteinformation h1 img{
		width:50%;
		margin-left:5%;
	}
	
	header h1 img{
		margin-top:10px;
		margin-bottom:10px;
		margin-left:10%;
		max-width:20%;
	}

header .siteinformation ul.sns{
	display:table-cell;
	width:20%;
	height:auto;
	text-align:left;
	vertical-align:middle;
}

header .siteinformation ul.sns li{

	float:left;
	width:30%;
	margin-right:3%;
}

header .siteinformation ul.sns li img{
	width:80%;
	vertical-align:middle;
}


header .siteinformation p.menu{
	display:table-cell;
	position:relative;
	z-index:20;
	margin:0;
	padding:2% 8px 0 0;
	vertical-align:middle;
	text-align:right;
}
	
	header .siteinformation p.menu img{
		width:60%;
	}

header #globalnavi{
	display:none;
	position:absolute;
	top:0%;
	left:0;
	z-index:10;

	background:rgba(44,44,44,0.96);
	padding-top:15%;
	float:none;
	width:100%;
	height:auto;
}
	header #globalnavi ul.navigation{
		display:block;
		float: none;
		width: auto;
		height: auto;
		border-top:1px solid #999;
	}
	header #globalnavi ul.navigation li{
		display:block;
		text-align:center;
		float:none;
		background:none;
		margin:0;
		width:auto;
		border-bottom:1px solid #999;
	}
	
	header #globalnavi li a{
		display:block;
		width:100%;
		padding:2% 0;
		color:#fff;
	}

	header #globalnavi > ul.navigation.sns{
		display:table;
		float:none;
		text-align:center;
		width:50%;
		margin:0 auto;
		height:100%;
		border:none;
	}
		header #globalnavi > ul.navigation.sns li{
			display:table-cell;
			vertical-align:middle;
			text-align:center;
			position:relative;
			padding:15px;
			border:none;
		}	
/* --------------------------------
   □ ページコンテンツ
-------------------------------- */
.contents{
	height:auto;	
}

	/* ◆ secondaryタイトル
	-------------------------------- */
	.contents h2.title{
		font-size:150%;
	}
	.secondary .contents h2.title{
		text-align:center;
		padding:8% 2%;
	}

	.contents h2.title span{
		font-size:60%;
	}

	/* ◆ secondary box
	-------------------------------- */
	.secondary .contents p.image.wide img{
	}

	/* ◆ secondary box
	-------------------------------- */
	.secondary .contents p.image.wide img{
		width:100%;
		margin-bottom:4%;
	}

	.secondary .contents .section{
		margin-bottom:8%;
	}

	.secondary .contents .section .area p{
		text-align:center;
	}

/* --------------------------------
   □ サイト情報(フッター)
-------------------------------- */
footer{
	margin-top:5%;
	clear:both;
}

footer .area{
	overflow:hidden;
	padding:4% 2%;
}

footer .relation{
	display:table;
	float:none;
	width:100%;
}
	
	footer .relation li{
		display:table-cell;
		width:25%;
		vertical-align:middle;
		text-align:center;
		margin-bottom:0;
	}
	
	footer .relation li img{
		max-width:90%;
	}
	

footer .information{
	float:none;
	overflow:hidden;
	width:auto;
}

	footer #footerNavigation{
		margin:6% 0;
		padding:2% 0;
		border-top:1px solid #eee;
		border-bottom:1px solid #eee;
	}

		footer #footerNavigation ul li{
			float:left;
			width:33%;
			padding:4% 0;
			margin-right:0;
			text-align:center;
		}
		
		footer #footerNavigation ul li a{
			color:#333;
		}
		
		footer #footerNavigation ul li:last-child{
			margin-right:0;
		}
		
		footer #footerNavigation ul li.recruit,
		footer #footerNavigation ul li.food,
		footer #footerNavigation ul li.interior,
		footer #footerNavigation ul li.music{
			width:50%;
		}

	footer .shopData .shopStatus{
		float:none;
		width:auto;
		margin-bottom:4%;
	}

	footer .shopData .map{
		float:none;
		width:100%;
		height:236px;
	}
		
		footer #shopMap{
			width:100%;
			height:236px;
		}
body#form .contents .chapter.wide {
width:90%;
margin:0 5%;}
dl.yoyakuForm dd input{width:92%; padding:5px 4%;}
dl.yoyakuForm dd textarea{width:92%; height:40px; padding:5px 4%;}
#form p input{font-size:15px; width:100%; line-height:1.8; letter-spacing:10px;}
#form p input:hover{background:#666;}


}
.movie{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.movie iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.wp-pagenavi .current{display:none;}
#footsns{margin-top: 25px;}
#footsns li{display:inline;}
#footsns li img{margin-right:5px;}