@charset "utf-8";

@import url("./init.css");

body {
	/* Android と Chrome OS のシステムフォントにNoto Sans CJK JP が採用されているためNoto Sans JP より Noto Sans CJK JP を優先指定 */
	font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-feature-settings : "palt" 1;
}

/* ---------------------------------
	全ページ共通部分
------------------------------------*/
/* Web Font Loader で自動的に追加されるクラス */
.wf-loading {										/* フォントを読み込み中の */
	visibility: hidden;
}
.wf-active,									/* フォントを読み込みが完了した時 */
.wf-inactive {									/* フォントを読み込みに失敗した時 */
	visibility: visible;
}

/* flexbox */
.flex_wrap {
	display:flex;
	flex-wrap: wrap;
}

a[target="_blank"]::after {
	display: inline-block;
	margin:0 10px 0 10px;
	content: "\f35d";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
}
/* ページ内リンクの飛び先(ターゲットはarticle等構造化タグに設定する) */
/* スクロールするとglobal navが上部に固定で表示される仕様のためその分ずらす */
.pagelink_target {
	padding-top: 30px;
}

/* ぱんくず */
ul.breadcrumb {
	position: relative;
	margin:5px auto 0 auto;
	width:1000px;
}
ul.breadcrumb li {
	display:inline-block;
	margin:0 15px 0 0;
	font-size:16px;
}
ul.breadcrumb li a {
	color:#999;
}
ul.breadcrumb li:first-child::before {
	position:relative;
	display:inline-block;
	margin:0 5px 0 10px;
	content: "\f015";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;											/* Awesome5では太さ指定しないと文字化け */
	font-size:16px;
	color:#999;
}
ul.breadcrumb li:not(:first-child)::before {
	position:relative;
	display:inline-block;
	margin:0 15px 0 0;
	content: ">";
}
.grn {
	color:#327A16;
}
/* ======================================================
	標準適用スタイル（PC用）
====================================================== */
body {
	height:100%;
	width: 100%;
	font-size:16px;
	color:#333;
	line-height:1.5;
}
#wrapper {
	position:relative;
	margin:0 auto;
	min-width: 1100px;
}

/* 下層ページタイトル */
h1.pagetitle {
	position: relative;
	font-size:32px;
	color:#333;
	margin:5px auto 0 auto;
	width:1000px;
	background-color:#F2EBDF;
	z-index:1;
overflow:hidden;
}
h1.pagetitle::before {		/* 背景を透過して重ねる */
	content: "";
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%; 
	height: 100%;
	opacity: 0.1; 
	z-index:-1;
	background:url(../images/bg_grid1.png) left top;
}
h1.pagetitle span {
	box-sizing:border-box;
	display:block;
	position: relative;
	top: 0; 
	left: 0;
	width: 100%; 
	height: 100%;
	padding:40px 10px 40px 40px;
	background:url() no-repeat right top;
}
#menu_index h1.pagetitle span {
	background:url(../../menu/images/h1bg.png) no-repeat right -120px top -200px;
}
#takeout_index h1.pagetitle span {
	background:url(../../menu/images/h1bg.png) no-repeat right -120px top -200px;
}
#shop_index h1.pagetitle span {
	background:url(../../shop/images/h1bg.png) no-repeat right -10px top -10px;
}
#dressing_index h1.pagetitle span {
	background:url(../../dressing/images/h1bg.png) no-repeat right -110px top -220px;
}
#party_index h1.pagetitle span {
	background:url(../../party/images/h1bg.png) no-repeat right 0px top -40px;
}
#company_index h1.pagetitle span {
	background:url(../../company/images/h1bg.png) no-repeat right -70px top -25px;
}
#privacy h1.pagetitle span {
	background:url(../../company/images/h1bg_privacy.png) no-repeat right -50px top -95px;
}
#sitemap h1.pagetitle span {
	background:url(../images/h1bg_sitemap.png) no-repeat right 0px top -45px;
}
#shop_reserve h1.pagetitle span {
	background:url(../images/h1bg_shop_reserve.png) no-repeat right 0px top -60px;
}
#party_reserve h1.pagetitle span {
	background:url(../images/h1bg_party_reserve.png) no-repeat right 0px top -70px;
}
#inquiry h1.pagetitle span {
	background:url(../images/h1bg_inquiry.png) no-repeat right 0px top -80px;
}
#information h1.pagetitle span {
	background:url(../images/h1bg_inquiry.png) no-repeat right 0px top -80px;
}
#shop_hitachi h1.pagetitle span,
#shop_omika h1.pagetitle span,
#shop_tokai h1.pagetitle span,
#shop_katsuta h1.pagetitle span,
#shop_keisei h1.pagetitle span,
#shop_mito h1.pagetitle span,
#shop_akatsuka h1.pagetitle span,
#shop_tsukuba h1.pagetitle span,
#shop_gakuen h1.pagetitle span,
#shop_moriya h1.pagetitle span {
	background:url(../../shop/images/h1bg_shop.png) no-repeat right -170px top -110px;
}

/* H2ヘッダー */
h2 {
	clear:both;
}
h2.hd_grn,
h2.hd_red,
h2.hd_white {
	margin:30px 0 0 0;
	padding:0 0 0 15px;
	height:24px;
	font-family: "Impact";
	font-weight: 400;
	font-size:31px;
	letter-spacing: 3px;
	line-height:0.8;
}
h2.hd_grn {
	border-left:38px solid #327A16;
}
h2.hd_red {
	border-left:38px solid #BC010C;
}
h2.hd_white {
	border-left:38px solid #FFF;
	text-shadow: -1px -2px 3px #555,1px 2px 3px #555;
	color:#FFF;
}
h2 span.jp {
	margin:0 0 0 27px;
	font-family: 'Noto Sans JP';
	font-weight: 400;
	font-size:16px;
	letter-spacing: normal;
	color:#777;
}
h2.hd_white span.jp {
	text-shadow: -1px -2px 3px #555,1px 2px 3px #555;
	color:#FFF;
}

/* H3ヘッダー */
h3.grn {
	margin:20px 0 0 10px;
	padding:5px 0 6px 15px;
	font-size:20px;
	color:#327A16;
	border-bottom:2px dotted #327A16;
}

/* ---------------------------------
	ヘッダー
------------------------------------*/
#hd_container {
	position:relative;
	margin:0 auto;
	width: 1000px;
	height:180px;
	overflow:hidden;		/* margin相殺を解除 */
}
/* toppageのみ */
#index #hd_container {
	height:733px;				/* メインビジュアルの高さと同じにする */
}

a#hd_logo {
	position:absolute;
	left:21px;
	top:6px;
	display:block;
	width:266px;
	height:127px;
	background:url(../images/logo.png) no-repeat;
}
a#hd_logo #hd_text {
	display:none;
}

/* バナー　公式オンラインストア　共通設定
	（各ページ内の表示位置は下記に別途設定する） */
a.banner_onlineshop {
	position:relative;
	display:block;
	width:460px;
	height:100px;
	font-size:18px;
	border:1px solid #999;
  -webkit-border-radius:10px;
     -moz-border-radius:10px;
      -ms-border-radius:10px;
          border-radius:10px;
	background:rgba(255,255,255, 0.8);		/* 透過を子要素に継承させない(opacityは継承される) */
	overflow:hidden;
}
a.banner_onlineshop:hover {
	background:rgba(255,255,255, 1.0);
}
a.banner_onlineshop .copy {
	margin:5px 0 0 90px;
	zoom: 1;
	color:#BC010C;
}
a.banner_onlineshop .copy::after {
	content:url(../images/bikkuri.png);
	display:inline-block;
	vertical-align:top;
	position: relative;
	top: 2px;
	left:5px;
}
a.banner_onlineshop .copy .l2 {
	margin:0 0 0 20px;
}
a.banner_onlineshop .copy img.popular {
	float: left ;
	margin:0 4px 0 0;
	width:88px;
	height:45px;
}
a.banner_onlineshop img.dressing_img {
	position:absolute;
	left:0;
	top:0;
	margin:-10px 0 0 -16px;
	width:auto;
	height:130px;
}
a.banner_onlineshop h2.title {
	position:absolute;
	top:65px;
	left:115px;
	color:#000;
	letter-spacing:1.2px;
	z-index:1;
}
a.banner_onlineshop h2.title::before {
	display:inline-block;
	vertical-align:top;
	position: relative;
	top: -7px;
	left:-5px;
	content:url(../images/logo_min.png);
}

/* バナー　公式オンラインストア　ヘッダー内の表示位置 */
#hd_container a.banner_onlineshop {
	position:absolute;
	right:31px;
	top:16px;
	width:460px;
	height:100px;
}

/* バナー　公式インスタグラム */
.banner_insta {
	display:inline-block;
	width:320px;
	height:100px;
	border:1px solid #999;
	border-radius: 10px;
	overflow: hidden;
}

/* ---------------------------------*/
/* メインビジュアル */
#index #main_img_container {
	position: absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto 0 auto;
	min-width: 1100px;
	width: auto !important;
	width: 1100px;
	height:733px;
	overflow: hidden;
z-index:-1;
}
#index #main_img_wrap {
	position: absolute;
	left: 50%;
	margin-left: -1652px;
	width: 3304px;
}
#index #mainimg li {
	width:1100px;
}
#index #mainimg li img {
	vertical-align: bottom;
	width: 100% !important;
	height: auto !important;
}

/* ---------------------------------*/
/* メインコンテンツ */
/* ---------------------------------*/
#main_contents {
	position: relative;
	margin:20px auto 0 auto;
	padding:1px 0 0 0;					/* margin相殺打ち消す */
	width:1000px;
}
#index #main_contents {					/* toppageのみ */
	margin:-70px auto 0 auto;
}
/* ---------------------------------*/
/* groovy information */
#info_box {
	position: relative;
	margin:0 auto 0 auto;
	padding:10px 0 10px 0;
	width:1000px;
	border:1px solid #327A16;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	background:rgba(255,255,255, 0.65);		/* 透過を子要素に継承させない(opacityは継承される) */
}
#info_box h2 {
	font-family: "Gentium Book Basic";
	font-style: italic;
	font-size:32px;
	color:#333;
	text-align:center;
}
#info_box a.list {
	display:block;
	position: absolute;
	right:20px;
	top:15px;
	padding:5px 10px;
	background:#327A16;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	font-size:18px;
	color:#FFF;
}
/*
#info_box ul {
	margin:30px 20px 0 20px;
}
#info_box li {
	margin:10px 0 0 10px;
	padding:0 0 10px 0;
}
#info_box li:not(:last-child) {
	border-bottom:1px dotted #666;
}
#info_box li .date{
	margin:0 10px 0 0;
}
*/
#shopinfo {
	margin:30px 20px 0 20px;
}
#shopinfo dt {
	float:left;
	clear:both;
	margin:0 0 0 0;
	padding:2px 5px 2px 5px;
	width:95px;
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
      -ms-border-radius:3px;
          border-radius:3px;
	text-align:center;
	color:#FFF;
	background:rgba(149,186,92, 1.0);
/*	background:#CB7D67; */
}
#shopinfo dd {
	margin:0 0 5px 0;
	padding:2px 0 7px 140px;
}
#shopinfo dd {
	border-bottom:1px dotted #666;
}
#shopinfo dd:last-child {
	border-bottom:none;
}
#shopinfo dd .date {
	margin:0 0 0 20px;
	font-size:14px;
	color:#999;
}
#shopinfo dd .date::before {
	content:"( ";
}
#shopinfo dd .date::after {
	content:" )";
}
/* Groovy Information一覧表示 */
#infolist {
	margin:30px 20px 0 20px;
}
#infolist dt {
	float:left;
	clear:both;
	margin:0 0 0 0;
	padding:2px 5px 2px 5px;
	width:135px;
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
      -ms-border-radius:3px;
          border-radius:3px;
	text-align:center;
	color:#FFF;
	background:rgba(149,186,92, 1.0);
/*	background:#CB7D67; */
}
#infolist dd {
	margin:0 0 5px 0;
	padding:2px 0 7px 0;
	border-bottom:1px dotted #666;
}
#index #infolist dd:last-child {	/* toppage用 */
	border-bottom:none;
}
#infolist dd a {
	box-sizing: border-box;
	display:block;
	padding:0 0 0 160px;
	width:100%;
	color:#333;
}
#infolist dd a:hover {
	background:rgba(230,255,230, 1.0);
}
#infolist dd .date {
	margin:0 0 0 20px;
	font-size:14px;
	color:#999;
}
#infolist dd .date::before {
	content:"( ";
}
#infolist dd .date::after {
	content:" )";
}
/* Groovy Information詳細ページ */
#information article#msg_wrap,
#information.cke_editable {
	position:relative;
}
#information article#msg_wrap h2.title,
#information.cke_editable h2.title {
	margin:30px 0 0 0;
	padding:5px 0 0 15px;
	font-family: 'Noto Sans JP';
	font-weight: 600;
	font-size:22px;
	letter-spacing: normal;
	line-height:1.2;
	border-left:38px solid #327A16;
/*	border-left:38px solid #BC010C; */
}

#information article#msg_wrap p.ten,
#information.cke_editable p.ten {
	float:right;
	margin:10px 0 0 0;
	font-size:18px;
	color:#999;
}
#information article#msg_wrap p.ten span.name,
#information.cke_editable p.ten span.name {
	padding:2px 15px;
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
      -ms-border-radius:3px;
          border-radius:3px;
	text-align:center;
	color:#FFF;
	background:rgba(149,186,92, 1.0);
}
#information article#msg_wrap p.ten span.date,
#information.cke_editable p.ten span.date {
	margin:0 20px 0 20px;
	font-size:14px;
	color:#999;
}
#information article#msg_wrap p.ten span.date::before,
#information.cke_editable p.ten span.date::before {
	content:"( ";
}
#information article#msg_wrap p.ten span.date::after,
#information.cke_editable p.ten span.date::after {
	content:" )";
}
/* 実際の管理画面から登録されている記事を表示するDIV */
#information article#msg_wrap div.msg {
	clear:both;
	margin:40px 0 80px 10px;
}
#information.cke_editable {
	margin:0 0 20px 10px;
}
#information article#msg_wrap div.msg h3.title,
#information.cke_editable h3.title {
	margin:20px 0 0 0;
	padding:5px 0 6px 15px;
	font-size:20px;
	color:#327A16;
	border-bottom:2px dotted #327A16;
}
#information article#msg_wrap div.msg h4.title,
#information.cke_editable h4.title {
	margin:20px 0 0 10px;
	padding:5px 0 6px 10px;
	font-size:18px;
	font-weight:bold;
}
#information article#msg_wrap div.msg .left,
#information.cke_editable .left {
	padding:5px 10px 10px 5px;
	float:left;
}
#information article#msg_wrap div.msg .right,
#information.cke_editable .right {
	padding:5px 5px 10px 10px;
	float:right;
}
#information article#msg_wrap div.msg .ml_10,
#information.cke_editable .ml_10 {
	margin-left:10px;
}
#information article#msg_wrap div.msg .ml_20,
#information.cke_editable .ml_20 {
	margin-left:20px;
}
#information article#msg_wrap div.msg .ml_30,
#information.cke_editable .ml_30 {
	margin-left:30px;
}

/* 各店舗の待ち状況 */
a#btn_wait {
	display:none;
}

/* テイクアウトメニュー */
.banner_takeout  {
	clear:both;
	box-sizing:border-box;
	position: relative;
	margin:-95px auto 20px auto;
	padding:0px 10px 20px 10px;
	width:1000px;
	min-height:80px;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	border:1px solid #CCC;
	font-size:28px;
	color:#000;
	background: rgba(255,255,255, 0.9);
}
.banner_takeout span.title {
	display:block;
	top:0px;
	left:0px;
	font-size:22px;
}
.banner_takeout span.catch {
	position:relative;
	top:0px;
	left:0px;
	right:0px;
}
.banner_takeout span.campain {
	position:absolute;
	bottom:0px;
	left:50px;
	color:#000;
	font-size:18px;
	color:#327A16;;
}
/* テイクアウトメニュー */
.banner_takeoutmenu  {
	clear:both;
	box-sizing:border-box;
	position: relative;
	margin:20px auto 20px auto;
	padding:0px 10px 20px 10px;
	width:1000px;
	min-height:80px;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	border:1px solid #CCC;
	font-size:28px;
	color:#000;
	background: #FFF url(../../menu/images/h1bg.png) no-repeat right -120px top -200px;
}
.banner_takeoutmenu span.catch {
	position:relative;
	top:0px;
	left:50px;
}
.banner_takeoutmenu span.campain {
	position:absolute;
	bottom:0px;
	left:50px;
	color:#000;
	font-size:18px;
	color:#327A16;;
}
.banner_takeoutmenu span.read {
	position:absolute;
	right:5px;
	bottom:0px;
	color:#000;
	font-size:18px;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
							-1px 1px 0 #FFF, 1px -1px 0 #FFF,
							0px 1px 0 #FFF,  0-1px 0 #FFF,
							-1px 0 0 #FFF, 1px 0 0 #FFF;
}



/* 公式オンラインストア */
#onlineshop_box {
	margin:0 auto 0 auto;
	width:1000px;
}
#onlineshop_box .link {
	position:relative;
	margin: 30px 0 0 30px;
	overflow:hidden;
}
#onlineshop_box .link .read {
	display:inline-block;
	margin: 0 0 0 30px;
	color:#BC010C;
	font-size:18px;
	position:relative;
	top:-10px;
}
#onlineshop_box .link .read::after {
	content:url(../images/bikkuri.png);
	display:inline-block;
	position: relative;
	top: 2px;
	left:5px;
}
#onlineshop_box .link a {
	display:inline-block;
	margin: 0 0 0 40px;
	position:relative;
	top:-10px;
	color:#000;
	font-size:18px;
}
#onlineshop_box .link a::before {
	display:inline-block;
	position:relative;
	top:12px;
	left:-5px;
	content:url(../images/logo_min.png);
}
#onlineshop_box .link a::after {
	position:relative;
	display:inline-block;
	margin:0 10px 0 10px;
	content: "\f35d";							/* external-link-altは Free版ではsolid（900）のみ */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;											/* Awesome5では太さ指定しないと文字化け */
	font-size:16px;
	color:#999;
}
#onlineshop_box .link a:hover {
	opacity:0.8;
}
/* オンラインストア商品一覧 */
#onlineshop_box #item_box {
	margin: 30px 0 0 0;

	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;

	-webkit-box-pack:start;						/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:start;							/*--- IE10 ---*/
	-webkit-justify-content:space-start;			/*--- safari（PC）用 ---*/
	justify-content: space-start;							/*--- flex仕様 ---*/
}
#onlineshop_box #item_box a {
	display: block;
	margin:0 0 10px 10px;
	color:#333;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	transition: all 100ms 0s ease;
	text-decoration:none;
}
#onlineshop_box #item_box li {
	display: block;
	padding: 5px;
	margin:0 0 0 0;
	width:225px;
}
#onlineshop_box #item_box a:hover {
	background:rgba(230,255,230, 1.0);
}

#onlineshop_box #item_box li dl {
	display: block;
	position: relative;
}
#onlineshop_box #item_box li dt {
	float: left;
	text-align:center;
	width:calc(100% - 12px);
	margin:210px 0 10px 0;		/* ddに上マージン指定しても相殺されて効かない為ここに下10px */
	padding:5px 5px 5px 5px;
	font-weight:bold;
border:1px solid #CCC;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	background:rgba(240,240,240, 1.0);
}
#onlineshop_box #item_box li dd {
	clear: both;
}
#onlineshop_box #item_box li dd img {
	position: absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
}
#onlineshop_box #item_box li dd .intro {
	padding:5px 5px 5px 5px;
}
/*
#onlineshop_box #item_box li dd .price {
	margin:10px 10px 0 0;
	text-align:right;
}
*/

/* 各店からのお知らせ */
#index #shop_info_box {
	margin:-120px auto 0 auto;
	width:1000px;
}
#index #shop_info_box #shoplist {
	margin: 20px 0 0 -10px;

	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;

	-webkit-box-pack:start;						/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:start;							/*--- IE10 ---*/
	-webkit-justify-content:space-start;			/*--- safari（PC）用 ---*/
	justify-content: space-start;							/*--- flex仕様 ---*/
}

#index #shop_info_box #shoplist ul {
	margin: 50px 0 0 0px;

}

#index #shop_info_box #shoplist li a {
	display: block;
	padding: 5px;
	margin:0 0 20px 20px;
	width:170px;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	cursor: pointer;
	transition: all 100ms 0s ease;
	text-align:center;
	color:#333;
	background:rgba(149,186,92, 1.0);
}
#index #shop_info_box #shoplist li a:hover {
	background:rgba(149,186,92, 0.8);
}

/* テイクアウトメニュー */

#takeout_index .pdflink {
	margin:20px 0 0 20px;
}
#takeout_index .pdflink::before {
	position:relative;
	display:inline-block;
	margin:0 10px 0 0;
	content: "\f1c1";
	font-family: "Font Awesome 5 Free";
	font-weight: Regular;											/* Awesome5では太さ指定しないと文字化け */
	font-size:20px;
	color:#E71F00;
}
#takeout_index #takeout_shoplist li p.name::before {
	position:absolute;
	display:inline-block;
	left:20px;
	margin:0 10px 0 0;
	content: "\f1c1";
	font-family: "Font Awesome 5 Free";
	font-weight: Regular;											/* Awesome5では太さ指定しないと文字化け */
	font-size:20px;
	color:#E71F00;
	z-index: 0;
}
/*
#takeout_index #takeout_shoplist a::before {
	font-weight: 900;
	font-size:16px;
	color:#333;
}
*/
#takeout_index #takeout_shoplist li p.name::after {
	position:absolute;
	top:5px;
	right:10px;
	display: block;
	margin:0 3px 0 0;
	content: "\f35d";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	font-size:17px;
	color:#fff;
	z-index: 0;
}
/* 25行目で定義されているのを打ち消すため */
#takeout_index #takeout_shoplist a[target="_blank"]::after {
	display: none;
}


#takeout_index #takeout_shoplist {
	position:relative;
	margin: 0px auto 0 auto;

	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;

	-webkit-box-pack:start;						/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:start;							/*--- IE10 ---*/
	-webkit-justify-content:space-start;			/*--- safari（PC）用 ---*/
	justify-content: space-start;							/*--- flex仕様 ---*/
}

#takeout_index #takeout_shoplist li {
	position: relative;
	margin:20px 0 0 30px;
	width:210px;
}
#takeout_index #takeout_shoplist li p.name {
	margin:0px 0 15px 0px;
	position: relative;
	top:0px;
	left:0;
	display: block;
	padding: 5px;
	height:auto;
	width:200px;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	cursor: pointer;
	text-align:center;
	color:#FFF;
	background:rgba(149,186,92, 1.0);
	z-index: -100;
}
#takeout_index #takeout_shoplist li a img.shop {
	width:210px;
	margin:0 0 0 0;
}
#takeout_index #takeout_shoplist li p.qr img.qr {
	width:210px;
	margin:0 0 0 0;
}
#takeout_index #takeout_shoplist li p.takeout_order a {
	display: inline-block;
	box-sizing:border-box;
	width: 100%;
	margin:10px 0 0 0;
	padding:2px 5px 3px 5px;
	font-size:14px;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	text-align:center;
	border:1px solid #999;
}
#takeout_index #takeout_shoplist li p.takeout_order a:hover {
	background:#eef;
	opacity:0.9;
}



/* 近い店舗 */
#map-area {
}
#map-area #nearshop_hd {
	margin:0 0 10px 10px;
	font-size:20px;
}
#map-area .nearshop_list {
	position:relative;
	margin:20px 0 0 20px;
	padding:10px 10px 10px 10px;
	color:#333;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	transition: all 150ms 0s ease;
}
#map-area .nearshop_list:hover {
	background:#efe;
}
#map-area .nearshop_list a.tel {
	color:#333;
}
#map-area h3 {
	float:left;
	margin:0 0 0 0;
	padding:2px 20px 3px 20px;
	font-size:22px;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	text-align:center;
	border:1px solid #999;
}
#map-area dl.tel {
	float:left;
	margin:0 0 15px 0;		/* 下のBOXとのmarginをここで指定(相殺回避のため) */
}
#map-area dl.tel dd {
	margin:0 0 0 20px;
	padding:0 0 0 0;
	font-family: "Impact";
	font-size:28px;
	color:#333;
	letter-spacing:3px;
}
#map-area dl.tel dd::before {
	display:inline-block;
	margin:0 10px 0 10px;
	content: "\f095";							/* external-link-altは Free版ではsolid（900）のみ */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;											/* Awesome5では太さ指定しないと文字化け */
	font-size:26px;
	color:#333;
	transform: scale(-1, 1);
}
#map-area dl.tel dt {
	display:none;
}
#map-area dl.about {
	clear:both;
	margin:0 0 0 0;
}
#map-area dl.about dt {
	float:left;
	clear:both;
	margin:0 0 0 10px;
	padding:5px 5px 5px 5px;
	width:110px;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	text-align:center;
	background:#ccc;
}
#map-area dl.about dd {
	margin:0 0 10px 0;
	padding:5px 0 5px 150px;
}
#map-area dl.about dd .distance {
	margin:0 0 0 20px;
}
#map-area dl.about dd .route {
	margin:0 0 0 10px;
}
#map-area dl.about dd .lo {
	margin:0 0 0 20px;
}
#map-area img {
	position:absolute;
	top:15px;
	right:20px;
	width:auto;
	height:160px;
}

/* ドレッシング　人気の秘密 */
#dressing_info_box {
	margin:0 auto 0 20px;
}
#dressing_info_box #reason_box {
	margin: 20px 0 0 0;

	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;

	-webkit-box-pack:start;						/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:start;							/*--- IE10 ---*/
	-webkit-justify-content:space-start;			/*--- safari（PC）用 ---*/
	justify-content: space-start;							/*--- flex仕様 ---*/
}
#dressing_info_box #reason_box li {
	position:relative;
	box-sizing: border-box;
	margin: 0 10px 10px 0;
	padding:5px 5px 5px 5px;
	width:calc(98% - 25px);
	min-height:180px;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	background:#FFF;
}
#dressing_info_box #reason_box li h3 {
	margin: 0 10px 0 0;
	padding:5px 5px 5px 5px;
	font-size:18px;
	color:#327A16;
	background:#EAF0D5;
}
#dressing_info_box #reason_box li p {
	margin: 20px 0 0 20px;
	width:60%;
}
#dressing_info_box #reason_box li img {
	position:absolute;
	right:0;
	top:0;
	padding:5px 5px 5px 5px;
	margin:0 0 0 0;
	width:250px;
	height:auto;
	border:1px solid #CCC;
	background:#FFF;
	box-shadow:1px 1px 5px 0 rgba(0,0,0,0.3);
	z-index:1;
}
#dressing_info_box #reason_box li:nth-of-type(1) img {
	right:0px;
	transform: rotate(15deg);
}
#dressing_info_box #reason_box li:nth-of-type(2) img {
	top:-10px;
	right:50px;
	transform: rotate(-1deg);
}
#dressing_info_box #reason_box li:nth-of-type(3) img {
	top:-10px;
	right:0px;
	transform: rotate(5deg);
}
#dressing_info_box #reason_box li:nth-of-type(4) img {
	top:-20px;
	right:50px;
	transform: rotate(-5deg);
}
/* お客様の声 */
div.voice_box {
	margin: 30px 10px 30px 10px;	/* 上下marginは相殺されるが、１番目の上にmargin入れたいのであえて上下同じにしてある */
	padding:5px 5px 35px 5px;
  -webkit-border-radius:10px;
     -moz-border-radius:10px;
      -ms-border-radius:10px;
          border-radius:10px;
	background:#FCF9F5 url(../../dressing/images/voice_logo.gif) no-repeat right 20px bottom 10px;
	filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.2));
}
div.voice_box h3 {
	margin:20px 0 0 10px;
	padding:5px 0 6px 15px;
	font-size:20px;
	color:#327A16;
}
div.voice_box .txt {
	position: relative;
	margin:10px 20px 0 30px;
	padding:5px 15px 5px 15px;

	background: linear-gradient(rgba(200,200,200,0.6) 1px, transparent 1px) repeat left 5px;
	background-size: auto 2em;
	line-height: 2em;
}
div.voice_box .name {
	margin:10px 200px 0 10px;
	text-align:right;
}

/* ブログ一覧 */
#blog_box {
	position: relative;
	margin:50px auto 0 auto;
	width:1000px;
}
#blog_box h2 {
	padding:10px 10px 10px 30px;
	font-family: "Impact";
	font-size:32px;
	color:#FFF;
	background:#000;
}
#blog_box h2 span {
	padding:0 20px 0 20px;
	border-left:38px solid #327A16;
	border-right:38px solid #BC010C;
}
#blog_box a.list {
	display:block;
	position: absolute;
	right:20px;
	top:15px;
	padding:3px 15px;
	background:#999;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	font-size:18px;
	color:#FFF;
}
#blog_box a.list:hover {
	background:#9a9;
}

#blog_box dl {
	margin:30px 20px 0 20px;
}
#blog_box dt {
	float:left;
	clear:both;
	margin:0 0 0 0;
	padding:3px 0 10px 0;
}
#blog_box dd {
	margin:0 0 10px 0;
	padding:3px 0 10px 0;
	border-bottom:1px dotted #666;
}
#blog_box dd a {
	box-sizing: border-box;
	display:block;
	padding:0 0 0 110px;
	width:100%;
	color:#333;
}
#blog_box dd a:hover {
	background:rgba(230,255,230, 1.0);
}

#blog_box dd .shopname{
	margin:0 0 0 10px;
}
#blog_box dd .new{
	display:inline-block;
	margin:0 0 0 10px;
}

/* 予約問合せバナー */
.banner_inquiry {
	clear:both;
	box-sizing:border-box;
	position: relative;
	margin:50px auto 0 auto;
	padding:20px 10px 20px 10px;
	width:1000px;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	border:1px solid #CCC;
	font-size:36px;
}

/* フッター */
#ft_container {
	position: relative;
	margin:50px auto 0 auto;
	border-top:2px solid #CCC;
	background:#EEE;
}

/* フッター店舗一覧 */
#ft_container #ft_shoplist_box {
	padding:50px 0 50px 0;
	background:#FFF;
	overflow:hidden;
}
#ft_container #ft_shoplist_box h2 {
	margin:0 auto 0 auto;
	width:1000px;
}
#ft_container #ft_shoplist_box ul {
	margin:20px auto 0 auto;
	width:1000px;
}
#ft_container #ft_shoplist_box ul li {
	border-bottom:1px dotted #CCC;
}
#ft_container #ft_shoplist_box ul li:hover {
	background:#EEE;
}
#ft_container #ft_shoplist_box ul li a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 5px;
	margin:0 0 0 0;
	cursor: pointer;
	color:#000;
}
#ft_container #ft_shoplist_box ul li a div {
	display: flex;
	flex-wrap: wrap;
}
#ft_container #ft_shoplist_box ul li a div h3 {
	display:block;
	padding:5px 10px 5px 10px;
	width:130px;
}
#ft_container #ft_shoplist_box ul li a div p {
	display:block;
	padding:5px 10px 5px 10px;
}
#ft_container #ft_shoplist_box ul li a div p.addr {
	width:320px;
}
#ft_container #ft_shoplist_box ul li a div p.tel {
	width:120px;
}
#ft_container #ft_shoplist_box ul li a p.opentime {
	width: fit-content;
	margin: 0 0 0 0;
}
#ft_container #ft_shoplist_box div.ex_lo {
	margin:20px auto 0 auto;
	width:1000px;
}
#ft_container #ft_shoplist_box div.ex_lo p.kome {
	margin:0 0 0 20px;
}
#ft_container #ft_shoplist_box div.ex_lo p.opentime {
	margin:0 0 0 50px;
}

/* フッターナビゲーション */
#ft_menu_box {
}
#ft_menu_box ul#ft_menu {
	margin: 50px auto 0 auto;
	width:1000px;

	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;

	-webkit-box-pack:justify;						/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;							/*--- IE10 ---*/
	-webkit-justify-content:space-between;			/*--- safari（PC）用 ---*/
	justify-content: space-between;							/*--- flex仕様 ---*/
}
#ft_menu_box li.col {
	display: inline-block;
	width:300px;
	padding: 4px 8px 4px 8px;
}
#ft_menu_box li.col li a {
	display: inline-block;
	margin: 10px 0 0 0;
	color:#000;
}

/* フッターのSNS BOX */
#ft_sns_box {
	margin: 50px auto 0 auto;
	width:1000px;
	position: relative;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
#ft_sns_box .banner_onlineshop {
	margin: 0 0 10px 0;
}
#ft_sns_box .banner_insta {
	margin: 0 0 10px 0;
}
#ft_container #copyright {
	margin:40px auto 0 auto;
	padding: 4px 0 4px 0;
	text-align:center;
	color:#FFF;
	background:#999;
}
#ft_banner_box {
	margin: 50px auto 0 auto;
	width:1000px;
	position: relative;

	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#ft_container .banner_curiosity {
	margin: 0 10px;
}
#ft_container .banner_curiosity a {
	display: block;
	margin: 20px 0 0 50px;
	width: 320px;
	height: 120px;
	background: url(../images/banner_curiosity.png);
	text-indent: -10000em;
}
#ft_container .banner_anytime {
	margin: 0 10px;
}
#ft_container .banner_anytime a {
	display: block;
	margin: 20px 0 0 50px;
	width: 320px;
	height: 120px;
	background: url(../images/banner_anytime.png);
	text-indent: -10000em;
}

/*	ページ先頭へのリンクボタン
------------------------------------------------------ */
.pagetop a{
	position: fixed;
	bottom: 2px;
	right: 2px;
	display: block;
	width:50px;
	height:50px;
	padding: 10px;
	background:#D2CEBF;
	color:#FFF;
	opacity:0.8;
	overflow:hidden;
	-webkit-border-radius:50%;
     -moz-border-radius:50%;
      -ms-border-radius:50%;
					border-radius:50%;
	-webkit-transition: all 300ms 0s ease;
					transition: all 300ms 0s ease;
}
.pagetop a::before {
	position:relative;
	display:inline-block;
	margin:-13px 0 0 8px;
	content: "\f106";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;											/* Awesome5では太さ指定しないと文字化け */
	font-size:50px;
	color:#FFF;
}
.pagetop a:hover {
	opacity:1;
}

/* ---------------------------------
	店舗一覧
------------------------------------*/
#shop_index .intro_msg {
	margin: 0 0 0 20px;
	padding: 0 0 20px 0;
	color:#f00;
}
#shop_index .caution {
	width: fit-content;
	margin: 0 0 20px 20px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
}
#shop_index .caution li {
	padding: 0 0 0 1em;
	text-indent: -1em;
}
#shop_index #shop_list_wrap .shop_box {
	position: relative;
	display:block;
	box-sizing:border-box;
	margin:0 0 30px 0;
	padding:20px 10px 20px 10px;
	background:#f6f6f6;
	color:#333;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
}
#shop_index #shop_list_wrap .shop_box h3 {
	display:inline-block;
	width:fit-content;
	margin:0 0 20px 0;
	padding:3px 20px 7px 20px;
	font-size:22px;
	font-weight:bold;
	color:#FFF;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	text-align:center;
	background:rgba(149,186,92, 1.0);
}
#shop_index #shop_list_wrap .wait {
	display:inline-block;
	width:max-content;
	margin:0 0 20px 10px;
	padding:0 5px 0 5px;
	background:#FFF;
	border:1px solid #999;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
}
#shop_index #shop_list_wrap .wait dt {
	display:inline-block;
	width:max-content;
	margin:0 0 0 0;
	padding:5px 10px 5px 10px;
}
#shop_index #shop_list_wrap .wait dd {
	display:inline-block;
	padding:5px 10px 5px 0px;
}
#shop_index #shop_list_wrap .wait dd p.waitCountBox,
#shop_index #shop_list_wrap .wait dd p.waitTimeBox {
	display:inline-block;
	margin:0 0 0 8px;
	font-size:18px;
}
#shop_index #shop_list_wrap .wait dd p.waitCountBox .waitCount,
#shop_index #shop_list_wrap .wait dd p.waitTimeBox .waitTime {
	padding:0 2px 0 2px;
	font-weight:bold;
	font-size:20px;
	color:#F00;
}
#shop_index #shop_list_wrap .wait dd  .updtime {
	margin:0 0 0 10px;
	color:#999;
	font-size:14px;
}
#shop_index #shop_list_wrap .wait .wait_reload {
	position: relative;
	top: -3px;
	margin:0 0 0 15px;
	padding:0 5px 0 5px;
	cursor:pointer;
}
#shop_index #shop_list_wrap .wait .wait_reload::before {
	position: relative;
	top: 1px;
	display:inline-block;
	margin:0 10px 0 0;
	content: "\f2f1";							/* external-link-altは Free版ではsolid（900）のみ */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;											/* Awesome5では太さ指定しないと文字化け */
	font-size:14px;
	color:#333;
	transform: scale(-1, 1);
}
/* airwait順番待ち受付リンクボタン 20250530 */
#shop_index #shop_list_wrap .wait .airwait_rsv {
	position: relative;
	display:inline-block;
	top: -1px;
	margin:0 0 0 10px;
	padding:0 5px 0 5px;
	cursor:pointer;
	background:#6699FF;
	font-size:15px;
	color:#FFF;
	border:1px solid #999;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
}
#shop_index #shop_list_wrap .wait .airwait_rsv:hover {
	opacity:0.8;
}
#shop_index #shop_list_wrap .flex_wrap {
	justify-content: space-between;
}
#shop_index #shop_list_wrap dl.about {
	margin:0 0 0 0;
}
#shop_index #shop_list_wrap dl.about dt {
	float:left;
	clear:both;
	margin:0 0 0 0;
	padding:5px 5px 5px 5px;
	width:115px;
	text-align:center;
	border-right:3px solid #ccc;
	background:#FFF;
}
#shop_index #shop_list_wrap dl.about dt.non_title {
	float:left;
	clear:both;
	margin:0 0 0 0;
	padding:5px 5px 5px 5px;
	width:115px;
	text-align:center;
	border-right:none;;
	background:none;
}
#shop_index #shop_list_wrap dl.about dd {
	margin:0 0 10px 0;
	padding:5px 0 5px 140px;
}
#shop_index #shop_list_wrap dl.about dd span.lo{
	margin:0 0 0 10px;
}
#shop_index #shop_list_wrap dl.about dd .distance {
	margin:0 0 0 20px;
}
#shop_index #shop_list_wrap dl.about dd .route {
	margin:0 0 0 10px;
}
#shop_index #shop_list_wrap dl.about dd .lo {
	margin:0 0 0 20px;
}
#shop_index #shop_list_wrap .shop_link {
	position:relative;
	display:inline-block;
	margin:0 0 0 0;
	box-sizing:border-box;
	padding:4px 20px 6px 20px;
	background:#FFF;
	color:#333;
	border:1px solid #999;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
}
#shop_index #shop_list_wrap .imgbox {
	overflow:hidden;
	width:214px;
	height:160px;
	background:#F4F3F0;
}
#shop_index #shop_list_wrap .imgbox img {
	display:block;
	width:auto;
	height:161px;		/* widthが小数点以下でboxより1px小さくなる場合があるのでboxより1px大きく指定 */
	transition: all 300ms 0s ease;  /* property duration delay function */
}
#shop_index #shop_list_wrap .imgbox:hover img {
	transform: scale(1.1);	/*画像の拡大率*/
}
#shop_index #mapMsg {
	margin:0 0 20px 20px;
}




/* 店舗一覧 */
#shop_index #old_shop_list_wrap {
	margin:0 auto 0 auto;
	width:1000px;
}
#shop_index #old_shop_list_wrap .shop_box {
	display:block;
	box-sizing:border-box;
	position:relative;
	width:calc(100% - 40px);
	min-height:180px;
	margin:20px 20px 0 20px;
	padding:10px 10px 10px 10px;
	background:#eee;
	color:#333;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	transition: all 150ms 0s ease;  /* property duration delay function */
}
#shop_index #old_shop_list_wrap .shop_box:nth-of-type(1) {
	margin:10px 20px 0 20px;
}
#shop_index #old_shop_list_wrap .shop_box::after {
	height: 0;
	visibility: hidden;
	content: "";
	display: block;
	clear: both;
}
#shop_index #old_shop_list_wrap .shop_link:hover {	/* shop indexページのみ */
	background:#F4F3F0;
}
#shop_index #old_shop_list_wrap h3 {
	float:left;
	margin:0 0 20px 0;
	padding:2px 20px 3px 20px;
	font-size:22px;
	font-weight:bold;
	color:#FFF;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	text-align:center;
	background:rgba(149,186,92, 1.0);
}
#shop_index #old_shop_list_wrap dl.tel {
	float:left;
	margin:3px 0 15px 0;		/* 下のBOXとのmarginをここで指定(相殺回避のため) */
}
#shop_index #old_shop_list_wrap dl.tel dd {
	margin:0 0 0 20px;
	padding:0 0 0 0;
	font-family: "Impact";
	font-size:22px;
	color:#333;
	letter-spacing:3px;
}
#shop_index #old_shop_list_wrap dl.tel dd::before {
	display:inline-block;
	margin:0 10px 0 10px;
	content: "\f095";							/* external-link-altは Free版ではsolid（900）のみ */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;											/* Awesome5では太さ指定しないと文字化け */
	font-size:20px;
	color:#333;
	transform: scale(-1, 1);
}
#shop_index #old_shop_list_wrap dl.tel dt {
	display:none;
}
#shop_index #old_shop_list_wrap dl.about {
	clear:both;
	margin:0 0 0 0;
}
#shop_index #old_shop_list_wrap dl.about dt {
	float:left;
	clear:both;
	margin:0 0 0 10px;
	padding:5px 5px 5px 5px;
	width:100px;
	text-align:center;
	border-right:3px solid #ccc;
	background:#FFF;
}
#shop_index #old_shop_list_wrap dl.about dd {
	margin:0 0 10px 0;
	padding:5px 0 5px 140px;
}
#shop_index #old_shop_list_wrap dl.about dd .distance {
	margin:0 0 0 20px;
}
#shop_index #old_shop_list_wrap dl.about dd .route {
	margin:0 0 0 10px;
}
#shop_index #old_shop_list_wrap dl.about dd .lo {
	margin:0 0 0 20px;
}
#shop_index #old_shop_list_wrap .imgbox {
	position:absolute;
	top:10px;
	right:20px;
	overflow:hidden;
	width:214px;
	height:160px;
	background:#F4F3F0;
}
#shop_index #old_shop_list_wrap img {
	display:block;
	width:auto;
	height:161px;		/* widthが小数点以下でboxより1px小さくなる場合があるのでboxより1px大きく指定 */
	transition: all 300ms 0s ease;  /* property duration delay function */
}
#shop_index #old_shop_list_wrap a.shop_list:hover img {
	transform: scale(1.1);	/*画像の拡大率*/
}

/* ---------------------------------
	店舗詳細
------------------------------------*/
.shop_desc {
	margin:0px 0 0 50px;
	padding:0 40px 0 0;
	font-size:18px;
	font-weight:bold;
}
/* ---------------------------------*/
/* メインビジュアル */
#shop_img_container {
	box-sizing:border-box;
	position: relative;
	margin:30px auto 0 auto;
	padding:10px 30px 10px 30px;
	width: 960px;
	overflow: hidden;
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
      -ms-border-radius:3px;
          border-radius:3px;
	border:1px solid #ddd
}
#shop_img_wrap {
	margin:0px auto 0 auto;
	width:860px;
}
#shop_img_box li {
}
#shop_img_box li img {
	vertical-align: bottom;
	width: 100% !important;
	height: auto !important;
}
/* ---------------------------------*/
/* お知らせ */
#shop_detail_info_box {
	box-sizing:border-box;
	position: relative;
	margin:30px auto 0 auto;
	padding:0 0 0 0;
	width:960px;
}
#shop_detail_info_box ul {
	margin:30px 20px 0 10px;
}
#shop_detail_info_box li {
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #666;
}
#shop_detail_info_box li .date{
	margin:0 10px 0 10px;
}
#shop_detail_info_box li:hover {
	background:rgba(230,255,230, 1.0);
}

/* ---------------------------------*/
/* 店舗情報 */
#shop_detail_wrap {
	margin:10px auto 0 auto;
	width:1000px;
}
#shop_detail_wrap .shop_list {
	display:block;
	box-sizing:border-box;
	position:relative;
	width:960px;
	margin:0 20px 0 20px;
	padding:10px 10px 10px 10px;
	color:#333;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	transition: all 150ms 0s ease;  /* property duration delay function */
}
#shop_detail_wrap .shop_list::after {
	height: 0;
	visibility: hidden;
	content: "";
	display: block;
	clear: both;
}
#shop_detail_wrap h3 {
	float:left;
	margin:0 0 0 0;
	padding:2px 20px 3px 20px;
	font-size:22px;
	font-weight:bold;
	color:#FFF;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	text-align:center;
	background:rgba(149,186,92, 1.0);
}
#shop_detail_wrap dl.tel {
	float:left;
	margin:0 0 15px 0;		/* 下のBOXとのmarginをここで指定(相殺回避のため) */
}
#shop_detail_wrap dl.tel dd {
	margin:0 0 0 20px;
	padding:0 0 0 0;
	font-family: "Impact";
	font-size:26px;
	color:#333;
	letter-spacing:3px;
}
#shop_detail_wrap dl.tel dd::before {
	display:inline-block;
	margin:0 10px 0 10px;
	content: "\f095";							/* external-link-altは Free版ではsolid（900）のみ */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;											/* Awesome5では太さ指定しないと文字化け */
	font-size:24px;
	color:#333;
	transform: scale(-1, 1);
}
#shop_detail_wrap dl.tel dt {
	display:none;
}
#shop_detail_wrap dl.about {
	clear:both;
	margin:0 0 0 0;
}
#shop_detail_wrap dl.about dt {
	float:left;
	clear:both;
	margin:0 0 0 0;
	padding:5px 5px 5px 5px;
	width:115px;
	text-align:center;
	border-right:3px solid #ccc;
}
#shop_detail_wrap dl.about dd {
	margin:0 0 10px 0;
	padding:5px 0 5px 140px;
}
#shop_detail_wrap dl.about dd .distance {
	margin:0 0 0 20px;
}
#shop_detail_wrap dl.about dd .route {
	margin:0 0 0 10px;
}
#shop_detail_wrap dl.about dd .route::after {
	position:relative;
	display:inline-block;
	margin:0 10px 0 10px;
	content: "\f35d";							/* external-link-altは Free版ではsolid（900）のみ */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;											/* Awesome5では太さ指定しないと文字化け */
	font-size:16px;
	color:#999;
}
#shop_detail_wrap dl.about dd .lo {
	margin:0 0 0 20px;
}
#shop_detail_wrap dl.about dd.menu a {
	color:#333;
}
#shop_detail_wrap dl.about dd.menu a::before {
	position:relative;
	display:inline-block;
	margin:0 10px 0 0;
	content: "\f1c1";
	font-family: "Font Awesome 5 Free";
	font-weight: Regular;											/* Awesome5では太さ指定しないと文字化け */
	font-size:22px;
	color:#E71F00;
}
#shop_detail_wrap dl.about dd.menu a::after {
	position:relative;
	display:inline-block;
	margin:0 10px 0 10px;
	content: "\f35d";							/* external-link-altは Free版ではsolid（900）のみ */
	font-family: "Font Awesome 5 Free";
	font-weight: 900;											/* Awesome5では太さ指定しないと文字化け */
	font-size:16px;
	color:#999;
}
#shop_detail_wrap .imgbox {
	position:absolute;
	top:15px;
	right:20px;
	overflow:hidden;
	width:214px;
	height:160px;
	background:#F4F3F0;
}
#shop_detail_wrap img {
	display:block;
	width:auto;
	height:161px;		/* widthが小数点以下でboxより1px小さくなる場合があるのでboxより1px大きく指定 */
	transition: all 300ms 0s ease;  /* property duration delay function */
}
#shop_detail_wrap a.shop_list:hover img {
	transform: scale(1.1);	/*画像の拡大率*/
}

/* ---------------------------------*/
/* メニュー */
.menu_list ul{
	margin:10px 0 0 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;

	-webkit-box-pack:start;						/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:start;							/*--- IE10 ---*/
	-webkit-justify-content:space-start;			/*--- safari（PC）用 ---*/
	justify-content: space-start;							/*--- flex仕様 ---*/
}
.menu_list ul li {
	margin:0 10px 10px 0;
}
.menu_list ul li img {
	display:block;
	width: 110px;
	height:auto;
}

/* ---------------------------------*/
/* Google Map */
.gmap {
	display:block;
	margin:30px auto 0 auto;
	width: 960px;
	height:500px;
	overflow: hidden;
}
/* ---------------------------------
	メニュー
------------------------------------*/
#menu_index .page_desc {
	margin:20px 10px 50px 10px;
}
#menu_index a.pagelink {
	display:inline-block;
	margin:0 0 0 20px;
	color:#333;
	float:right;
}
#menu_index a.pagelink::after {
	position:relative;
	display:inline-block;
	margin:2px 0 0 10px;
	content: "\f35d";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;											/* Awesome5では太さ指定しないと文字化け */
	font-size:16px;
	color:#333;
	transform: rotate(90deg);
}
#menu_index .pdflink {
	margin:20px 0 0 20px;
}
#menu_index .pdflink::before,
#menu_index #shoplist li a::before {
	position:relative;
	display:inline-block;
	margin:0 10px 0 0;
	content: "\f1c1";
	font-family: "Font Awesome 5 Free";
	font-weight: Regular;											/* Awesome5では太さ指定しないと文字化け */
	font-size:20px;
	color:#E71F00;
}
#menu_index #shoplist li a::before {
	font-weight: 900;											/* Awesome5では太さ指定しないと文字化け */
	font-size:16px;
	color:#333;
}
#menu_index #shoplist {
	margin: 20px 0 0 10px;

	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;

	-webkit-box-pack:start;						/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:start;							/*--- IE10 ---*/
	-webkit-justify-content:space-start;			/*--- safari（PC）用 ---*/
	justify-content: space-start;							/*--- flex仕様 ---*/
}
#menu_index #shoplist li a {
	position: relative;
	display: block;
	padding: 5px;
	margin:0 0 20px 20px;
	width:150px;
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
      -ms-border-radius:3px;
          border-radius:3px;
	cursor: pointer;
	transition: all 100ms 0s ease;
	text-align:center;
	color:#333;
	background:#FFF;
	border:2px solid #999;
}
#menu_index #shoplist li a:hover {
	background:#EEE;
	border:2px solid #333;
}
#menu_index #shoplist li a[target="_blank"]::after {
	position:absolute;
	bottom:0;
	right:0;
	display: block;
	margin:0 3px 0 0;
	content: "\f35d";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	font-size:12px;
	color:#BBB;
}
#menu_index .caution {
	margin:0 0 60px 50px;
	font-size:14px;
	color:#666;
}

ul.menuimg_table {
	box-sizing:border-box;
	margin:30px 0 0 10px;
	width:calc(100% - 10px);

	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;

	-webkit-box-pack:justify;						/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;							/*--- IE10 ---*/
	-webkit-justify-content:space-between;			/*--- safari（PC）用 ---*/
	justify-content: space-between;							/*--- flex仕様 ---*/
}
dl.menuimg {
	margin:0 0 0 0;
	padding:5px;
	width:300px;
	color:#333;

	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;

	-webkit-box-direction:reverse;
	-moz-box-direction:reverse;
	-webkit-box-orient:vertical;
	-moz-box-orient:vertical;
	-webkit-flex-direction:column-reverse;
	-moz-flex-direction:column-reverse;
	flex-direction:column-reverse;

	box-shadow:1px 1px 5px 0 rgba(0,0,0,0.3);
/*	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.5)); /* 水平offset 垂直offset ぼかし 広がり color */
	transition: all 150ms 0s ease;  /* property duration delay function */
}
dl.menuimg dt {
	margin:10px 0 0 0;
	padding:0 5px 0 5px;
	text-align:center;
	transition: all 150ms 0s ease;  /* property duration delay function */
}
dl.menuimg dd {
	position:relative;
	overflow:hidden;
	width:300px;
	height:200px;
	transition: all 300ms 0s ease;  /* property duration delay function */
}
dl.menuimg dd img {
	display:block;
	margin:-11px 0 0 -17px;
	width:335px;
	height:auto;
	transform: scale(0.9);	/*画像の拡大率*/
	transition: all 300ms 0s ease;  /* property duration delay function */
}
dl.menuimg dd:after {
	position:absolute;
	bottom:0;
	right:0;
	display:block;
	margin:0 10px 10px 0;
	padding:2px 5px 2px 5px;
	content: "\f00e";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;											/* Awesome5では太さ指定しないと文字化け */
	font-size:14px;
	color:#327A16;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	font-size:15px;
  color: #333;
  background-color:#DDD;
	opacity:0.7;
}
dl.menuimg:hover {
	margin:-2px 0 2px 0;
	color:#327A16;
	box-shadow:1px 1px 5px 0 rgba(0,0,0,0.4);
	cursor:zoom-in;
}
dl.menuimg:hover dd img {
	transform: scale(1.0);	/*画像の拡大率*/
}

/* ---------------------------------
	パーティー
------------------------------------*/
/* 女性に人気のパスタ */
#party_index #woman {
	position:relative;
	margin:20px 0 0 0;
	background:url(../../party/images/pasta1.png) no-repeat left top;
	min-height:260px;
	overflow:hidden;					/* margin相殺回避のため */
}
#party_index #woman h2 {
	position:absolute;
	top:30px;
	left:350px;
	font-family: 'Noto Serif JP';
	font-weight: 600;
	font-size:26px;
	color:#000;
}
#party_index #woman p.copy {
	position:absolute;
	top:0;
	left:350px;
	margin:0 0 0 0;
	font-family: 'Noto Serif JP';
	font-weight: 600;
	font-size:16px;
	color:#666;
}
#party_index #woman p.note {
	margin:100px 0 0 450px;
	font-family: 'Noto Serif JP';
	font-weight: 600;
	font-size:16px;
	color:#666;
}
#party_index #woman p.desc {
	margin:30px 60px 0 500px;
	line-height:180%;
}

/* パーティ・ご宴会 */
#party_info_box {
	position:relative;
	margin:30px 0 0 0;
	min-height:280px;
	overflow:hidden;					/* margin相殺回避のため */
}
#party_info_box h2 {
	margin:0 20px 0 20px;
	font-family: 'Noto Serif JP';
	font-weight: 600;
	font-size:18px;
	color:#333;
}
#party_info_box img {
	position:absolute;
	top:30px;
	right:40px;
	margin:0px 0 0 0;
	width:433px;
	height:auto;
	opacity:0.9;
}
#party_info_box p.ninzu {
	margin:50px 0 0 30px;
}
#party_info_box p.reserve {
	position:relative;
	font-size:15px;
	color:#666;
	margin:20px 0 0 30px;
	padding: 0 0 10px 0;
	width:calc(100% - 510px);
	overflow:hidden;					/* 内包float */
}
#party_info_box p.reserve a {
	color:#000;
	border-bottom:1px solid #999;
}
#party_info_box p.reserve a:hover {
	color:#666;
}
#party_info_box p.reserve a.reserve_btn {
	float:right;
	display:inline-block;
	margin:40px 50px 0 0;
	padding: 5px 15px 5px 15px;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	background:rgba(149,186,92, 1.0);
	color:#FFF;
}
#party_info_box p.reserve a.reserve_btn:hover {
	background:rgba(149,186,92, 0.8);
}
/* プレゼント */
#present_box {
	position:relative;
	margin:30px auto 0 auto;
	padding:10px 20px 20px 20px;
	width:800px;
	border:1px solid #ccc;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
}
#present_box h2 {
	position:relative;
	display:block;
	margin:0 0 0 280px;
	padding:5px 0 0 0;
	font-size:16px;
	color:#000;
}
#present_box h2 span {
	display:inline-block;
	position:absolute;
	top:30px;
	left:0px;
	font-size:20px;
	color:#327A16;
}
#present_box img.dressing3 {
	position:absolute;
	top:-40px;
	left:40px;
	width: 250px;
	height: auto;
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
}
#present_box a img {
	width: 320px;
	height: auto;
	margin:50px 20px 0 320px;
}
#present_box a:hover img {
	opacity:0.8;
}
#present_box p.ticket {
	margin:5px 0 0 320px;
	font-size:15px;
	color:#666;
}
/* パーティメニュー */
#partymenu_box {
	position:relative;
	margin:80px 0 0 30px;
}
#partymenu_box h2 {
	margin:0 0 0 0;
	font-family: 'Noto Serif JP';
	font-weight: 600;
	font-size:24px;
	color:#333;
}
#partymenu_box p.partymenu_note {
	margin:60px 0 10px 40px;
	font-size:14px;
	color:#666;
}
/* メニュー 一例 */
#partymenu_box #sample {
	box-sizing: border-box;
	position:relative;
	display:block;
	margin:0 0 0 20px;
	padding:15px 15px 15px 15px;
	width:calc(100% - 60px);
	background:#F6F6F6;
}
#partymenu_box #sample h3 {
	display:block;
	box-sizing: border-box;
	margin:0 0 0 0;
	padding:0 0 5px 30px;
	width: 100%;
	font-size:20px;
	color:#000;
	border-bottom:1px solid #000;
}
#partymenu_box #sample p.sinakazu {
	position:absolute;
	top:22px;
	right:450px;
}
#partymenu_box #sample img.menu {
	float:right;
	margin:20px 20px 0 0;
	width: 350px;
	height: auto;
}

#partymenu_box #sample dl {
	margin:10px 0 0 10px;
	font-size:14px;
}
#partymenu_box #sample dl dt {
	margin:0px 0 0 0;
	padding:5px 0 0 0;
}
#partymenu_box #sample dl dt::before {
	position:relative;
	display:inline-block;
	margin:0 5px 0 0;
	content: "・";
}
#partymenu_box #sample dl dd {
	margin:0px 0 0 25px;
	padding:3px 0 0 0;
}
/* 飲み放題 */
#partymenu_box #freedrink {
	position:relative;
	display:block;
	float:right;
	box-sizing: border-box;
	height:300px;
	margin:-170px 100px 30px 0;
	background: url(../../party/images/freedrink.png) no-repeat left top;
}
#partymenu_box #freedrink h3 {
	display:block;
	box-sizing: border-box;
	margin:70px 0 0 280px;
	padding:0 0 0 5px;
	font-size:20px;
	color:#000;
	border-bottom:1px solid #aaa;
}
#partymenu_box #freedrink p.price {
	margin:10px 0 10px 290px;
}
#partymenu_box #freedrink p.note {
	margin:0 0 0 290px;
	font-size:14px;
	color:#666;
}
/* コース例 */
#party_index div#course {
	clear:both;
	box-sizing:border-box;
	margin:0 30px 0 30px;
	width:calc(100% - 60px);

	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;

	-webkit-box-pack:justify;						/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;							/*--- IE10 ---*/
	-webkit-justify-content:space-between;			/*--- safari（PC）用 ---*/
	justify-content: space-between;							/*--- flex仕様 ---*/
}
#party_index div#course div {
	padding:15px 15px 15px 15px;
	width:calc(30% - 20px);
	background:#F6F6F6;
	border:1px solid #ccc;
}
#party_index div#course div h3 {
	display:block;
	box-sizing: border-box;
	margin:0 0 0 0;
	padding:0 0 5px 10px;
	font-size:20px;
	color:#000;
	border-bottom:1px solid #aaa;
}
#party_index div#course div .sinakazu {
	margin:5px 10px 0 0;
	text-align:right;
}
#party_index div#course div ul {
	margin:20px 0 0 20px;
}
#party_index div#course div ul li::before {
	position:relative;
	display:inline-block;
	margin:0 5px 0 0;
	content: "・";
}
#party_index div#soudan {
	margin:20px 0 0 40px;
	font-size:14px;
}
/* ---------------------------------
	ドレッシング
------------------------------------*/

/* ---------------------------------
	プライバシーポリシー
------------------------------------*/
#privacy h2.privacypolicy {
	margin:50px 0 0 10px;
}
#privacy p.jyobun {
	width:90%;
	margin:20px 0 0 10px;
}
#privacy dl.jyobun dt {
	width:90%;
	margin:20px 0 0 10px;
	padding:5px 0 6px 15px;
	font-size:20px;
	color:#327A16;
	border-bottom:2px dotted #327A16;
}
#privacy dl.jyobun dd {
	width:90%;
	margin:20px 0 0 20px;
}

/* ---------------------------------
	サイトマップ
------------------------------------*/
#sitemap dl.sitemap {
	margin:0 0 0 30px;
}
#sitemap dl.sitemap dt {
	width:90%;
	margin:40px 0 0 10px;
	padding:5px 0 6px 15px;
	font-size:20px;
	background:#C9DCAD;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
}
#sitemap dl.sitemap dt a {
	color:#327A16;
}
#sitemap dl.sitemap dd {
	width:90%;
	margin:20px 0 0 40px;
}
#sitemap dl.sitemap dd a {
	color:#327A16;
}
#sitemap dl.sitemap dd::before {
	position:relative;
	display:inline-block;
	margin:0 10px 0 0;
	content: "\f138";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;											/* Awesome5では太さ指定しないと文字化け */
	font-size:14px;
	color:#327A16;

}

/* ---------------------------------
	会社概要
------------------------------------*/
#company_index dl#aboutus,
#company_index dl#shoplist,
#company_index dl#history {
	margin:30px 0 0 30px;
  display:flex;
  flex-wrap: wrap;
}
#company_index dl#aboutus dt,
#company_index dl#shoplist dt,
#company_index dl#history dt {
	box-sizing: border-box;
	width:200px;
	margin:0 0 20px 0;
	padding:6px 0 6px 0;
	background:#C9DCAD;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	text-align:center;
	background:#EEEBE1;
}
#company_index dl#aboutus dd,
#company_index dl#shoplist dd,
#company_index dl#history dd {
	box-sizing: border-box;
	width:calc(90% - 240px);
	margin:0 0 20px 10px;
	padding:6px 0 6px 15px;
}

/* ---------------------------------
	アクセスマップ
------------------------------------*/



/* 未使用
<p class="sinakazu"><span class="bb">料理</span>８品<span class="bt">を承ります</span></p>
#partymenu_box p.sinakazu {
	position:absolute;
	top:0;
	right:0;
	display:block;
	box-sizing:border-box;
	padding: 15px 5px 5px 5px;
	margin: 0;
	width: 100px;
	height: 100px;
	text-align: center;
	display: inline-block;
  -webkit-border-radius:50%;
     -moz-border-radius:50%;
      -ms-border-radius:50%;
          border-radius:50%;
	font-size:15px;
  color: #764625;
  background-color:#F5ECD8;
	border:1px solid #E4C991;
	transform: rotate(20deg);
}
#partymenu_box p.sinakazu span.bb {
	border-bottom:1px solid #E4C991;
}
#partymenu_box p.sinakazu span.bb::after {
	content: "\A" ;
	white-space: pre ;
}
#partymenu_box p.sinakazu span.bt {
	border-top:1px solid #E4C991;
}
#partymenu_box p.sinakazu span.bt::before {
	content: "\A" ;
	white-space: pre ;
}
*/

/* ---------------------------------
	エントリーフォームページ
------------------------------------*/
/* フォーム入力エラーメッセージ用 */
#errmsg_wrapper {
	margin:20px auto 20px auto;
	width:90%;
	text-align: left;
	font-weight:bold;
	color:#FF0000;
}
#errheader{
	background:url(../images/err.gif) no-repeat left top;
	margin:0px;
	padding: 5px 5px 5px 30px;
}
#errmsg{
	margin:0px 0px 20px 0px;
	padding: 5px 5px 5px 30px;
	background:#FFE8E8;
	border:1px solid #FF0000;
}
#errmsg li{
	padding: 5px 0px 0px 0px;
	list-style-type: disc;
}

body.formpage p.ex {
	margin:10px 0 0 5px;
	color:#309897;
}
body.formpage p.caution {
	box-sizing: border-box;
	margin:10px auto 10px auto;
	padding:5px 10px;
	width:94%;
	color:#DB5700;
	background:#FCDEDD;
}

/* フォーム手順の確認表示部分 */
#form_flow {
	text-align:center;
	margin:50px 20px 30px 20px;
}
#form_flow span {
	margin:0 20px 0 20px;
	padding:5px 10px;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
}
#form_flow .form_flow_on {
	background:#57b2a0;
	color:#FFF;
}
#form_flow .form_flow_off {
	background:#e1e8e6;
	color:#666;
}

body.formpage p.description {
	margin:10px auto 10px auto;
	width:94%;
	color:#9E4C00;
}
body.formpage #complete {
	margin:10px auto 10px auto;
	width:90%;
	color:#9E4C00;
}
body.formpage #complete p {
	margin:15px 0 0 0;
}
body.formpage #complete p.mt30 {
	margin:30px 0 0 0;
}

/* 個人情報 */
body.formpage dl#personal {
	display:flex;
	flex-wrap: wrap;

	margin:40px auto 10px auto;
	width:94%;
}
body.formpage dl#personal dt {
	box-sizing: border-box;

	margin:10px 0 0 0;
	padding:30px 10px 20px 10px;
	width:25%;
	background:#EEEBE1 url(../images/bg1.png) repeat left top;
	font-size:16px;
	font-weight:bold;
}
body.formpage dl#personal dt span.hissu {
	float:right;		/* 入力見出しDT内　右寄せ */
	display:inline-block;
	padding:0 5px;
	background:#FFD2A0;
	border:1px solid #E0A464;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	font-weight:normal;
	font-size:12px;
	color:#9E4C00;
}
body.formpage dl#personal dd {
	box-sizing: border-box;

	margin:10px 0 0 10px;
	padding:20px 10px;
	width:calc(75% - 15px);
	background:#F3F3F3;
}
/* フォーム */
body.formpage dl#personal dd input,
body.formpage dl#personal dd select {
	margin:0 0 0 5px;
	padding:3px;
	height:2em;
	font-size:16px;
	border:1px solid #ccc;
}
/* 各フォームの調整 */
body.formpage dl#personal dd input[type="radio"],
body.formpage dl#personal dd input[type="checkbox"]{			/* 縦位置のズレ修正 */
	position:relative;
	top:-2px;
	vertical-align:middle;
}
body.formpage dl#personal dd input[type="text"]{
	width:20em;
}
body.formpage dl#personal dd input#ninzu {
	width:5em;
	text-align:center;
}
body.formpage dl#personal dd input#post {
	width:8em;
}
body.formpage dl#personal dd input#addr1 {
	width:25em;
}
body.formpage dl#personal dd input#addr2 {
	width:30em;
}
body.formpage dl#personal dd input#rsv_y {
	width:4em;
	text-align:center;
}
body.formpage dl#personal dd input#rsv_m,
body.formpage dl#personal dd input#rsv_d {
	width:2em;
	text-align:center;
}
body.formpage dl#personal dd input#email1,
body.formpage dl#personal dd input#email2 {
	width:30em;
}
body.formpage dl#personal dd input#tel {
	width:13em;
}
body.formpage dl#personal dd textarea {
	padding:3px;
	width:98%;
	height:8em;
	font-family: 'Noto Sans JP';
	font-weight: 300;
	font-size:16px;
}
/* submitボックス */
body.formpage #submit_box {
	width:90%;
	margin:50px auto;
	padding:20px 20px;
	border:1px solid #999;
	text-align:center;
}
/* 同意 */
body.formpage span.agreebox {
	margin:0 0 0 10px;
	padding:3px 0;
}
body.formpage #submit_box .newtab:after {
	position:relative;
	display:inline-block;
	margin:0 10px 0 5px;
	content: "\f35d";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;											/* Awesome5では太さ指定しないと文字化け */
	font-size:15px;
	color:#999;
}
body.formpage #submit_box .privacy:hover {
	opacity:0.7;
}

/* formタグをインライン要素にする */
body.formpage #submit_box form {
	display:inline;
}
/* submitボタン */
body.formpage .submit {
	display:inline-block;
	margin:10px 20px 10px 20px;
	padding:20px 20px 20px 20px;
	background:#57B2A0;
	font-weight:bold;
	font-size:26px;
	color:#FFF;
	cursor:pointer;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
}
body.formpage .submit:hover {
	opacity:0.7;
}
body.formpage .submit_chk {
	margin:20px 0 10px 0;
}
body.formpage .submit_before {
	background:#72b8d8;
}
body.formpage .submit_send {
	background:#57B2A0;
}
/* →アイコン */
body.formpage .submit_chk:after {
	position:relative;
	display:inline-block;
	margin:0 0 0 20px;
	content: "\f0a9";
	font-family: "Font Awesome 5 Free";
}
/* ←アイコン */
body.formpage .submit_before:before {
	position:relative;
	display:inline-block;
	margin:0 20px 0 0;
	content: "\f0a8";
	font-family: "Font Awesome 5 Free";
}
/* メールアイコン */
body.formpage .submit_send:after {
	position:relative;
	display:inline-block;
	margin:0 0 0 20px;
	content: "\f0e0";
	font-family: "Font Awesome 5 Free";
}



/* ======================================================
  _ PC専用スタイル
====================================================== */

@media all and (min-width: 801px){

/* グローバルナビゲーション */
#hdnav {
	position:absolute;
	top:140px;
	display: block;
	min-width: 1100px;
	width:100%;
	background:rgba(0,0,0, 0.0);
	z-index: 100;
}
#hdnav.fixed {
	position: fixed;
	top: 0;
	padding:0 0 5px 0;
	background:rgba(0,0,0, 0.3);
}
#gnav {
	margin:0 auto;
	width:1000px;

	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;

	-webkit-box-pack:justify;						/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;							/*--- IE10 ---*/
	-webkit-justify-content:space-between;			/*--- safari（PC）用 ---*/
	justify-content: space-between;							/*--- flex仕様 ---*/
}
#gnav li {
	display: inline-block;
}
#gnav li a {
	box-sizing:border-box;
	display: inline-block;
	padding: 8px 5px 8px 5px;
	min-width:162px;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	cursor: pointer;
	transition: all 300ms 0s ease;
	text-decoration:none;
	text-align:center;
	color:rgba(0,0,0, 0.9);
	background:rgba(224,224,224, 0.8);		/* 透過を子要素に継承させない(opacityは継承される) */
	border:1px solid #FFF;
}
#gnav li a:hover {
	color:rgba(0,0,0, 1.0);
	background:rgba(208,208,208, 1.0);
}
#hdnav.fixed #gnav li a {
	color:rgba(0,0,0, 1.0);
	background:rgba(240,240,240, 1.0);
	border:1px solid #CCC;
}
#hdnav.fixed #gnav li a:hover {
	background:rgba(255,255,255, 1.0);
}
/* toppageのみ */
#index #gnav li a {
	background:rgba(255,255,255, 0.6);
}
#index #gnav li a:hover {
	color:rgba(0,0,0, 1.0);
	background:rgba(255,255,255, 1.0);
}
#index #hdnav.fixed #gnav li a {
	color:rgba(0,0,0, 1.0);
	background:rgba(240,240,240, 1.0);
	border:1px solid #CCC;
}
#index #hdnav.fixed #gnav li a:hover {
	background:rgba(255,255,255, 1.0);
}

/* 各店舗の待ち状況 */
#gnav li#nav_wait {
	position:fixed;
	right:-5px;
	top:50px;
}
#gnav li#nav_wait a {
	min-width: auto;
	width: 2.5em;
	padding: 10px 10px;
	line-height: 1.2;
}
#gnav li#nav_wait a::before {
	position: relative;
	display:inline-block;
	top:0px;
	left:0px;
	margin:0 0 3px 0;
	content: "\f017";
	font-family: "Font Awesome 5 Free";
	font-weight: normal;											/* Awesome5では太さ指定しないと文字化け */
	font-size:19px;
	color:#000;
}


}	/* PC専用スタイル　ここまで */
/* =================================================== */

/* ======================================================
  _ スマートフォン専用スタイル 	border:1px solid #f00;
====================================================== */

@media screen and (max-width: 800px){

.sp_hidden {
	display:none;
}
.sp_br_none br{
	display:none;
}
/* ---------------------------------
	全ページ共通部分
------------------------------------*/
/* ぱんくず */
ul.breadcrumb {
	width:100%;
	margin:110px 0 0 0;
}
ul.breadcrumb li {
	font-size:22px;
}
ul.breadcrumb li:first-child::before {
	font-size:22px;
}

body {
	font-size: 24px;
	min-width: 640px;
}
#wrapper {
	min-width: auto;
}
/* 下層ページタイトル */
h1.pagetitle {
	width:100%;
}
#dressing_index h1.pagetitle span {
	background:url(../../dressing/images/h1bg.png) no-repeat right -320px top -220px;
}

h2.hd_grn,
h2.hd_red,
h2.hd_white {
	margin:30px 0 0 3px;
	font-size:36px;
}
h2 span.jp {
	font-size:18px;
}


/* ---------------------------------
	ヘッダー
------------------------------------*/
header {
	position: fixed;
	top: 0;
	width: 100%;
	height:110px;
	padding:0 0 0 0;
	background:rgba(255,255,255, 0.8);
	z-index:2;
}
#hd_container {
	width: auto;
	height:110px;
}
#index #hd_container {
	height:110px;				/* メインビジュアルの高さと同じにする */
}

a#hd_logo {
	left:5px;
	top:5px;
	width:210px;
	height:100px;
	background:url(../images/logo.png) no-repeat;
	background-size:contain;
	z-index: 99;		/* meanmenuのmean-barと同じにする */
}

/* バナー　公式オンラインストア　共通設定
	（各ページ内の表示位置は下記に別途設定する） */
a.banner_onlineshop {
	width:600px;
	font-size:22px;
	z-index: 99;		/* meanmenuのmean-barと同じにする */
}
a.banner_onlineshop .copy {
	margin:5px 0 0 120px;
	line-height:1.3em;
}
a.banner_onlineshop .copy .l2 {
	display:inline-block;
	margin:-5px 0 0 25px;
}
a.banner_onlineshop .copy img.popular {
	width:100px;
	height:auto;
}
a.banner_onlineshop img.dressing_img {
	margin:-25px 0 0 -16px;
	height:170px;
}
a.banner_onlineshop h2.title {
	top:65px;
	left:150px;
	letter-spacing:0px;
}
a.banner_onlineshop h2.title::before {
	content:'';
	top: 0px;
	left:-5px;
	width:100px;
	height:35px;
	background: url(../images/logo_min.png) no-repeat left top;
	background-size: contain;
}

/* バナー　公式オンラインストア　ヘッダー内 */
#hd_container a.banner_onlineshop {
	right:none;
	left:230px;
	top:15px;
	width:310px;
	height:80px;
	font-size:14px;
}
#hd_container a.banner_onlineshop .copy {
	margin:5px 0 0 55px;
	line-height:1.7em;
}
#hd_container a.banner_onlineshop .copy .l2 {
	margin:0 0 0 -5px;
}
#hd_container a.banner_onlineshop .copy img.popular {
	width:60px;
	height:auto;
}
#hd_container a.banner_onlineshop img.dressing_img {
	margin:-10px 0 0 -16px;
	height:110px;
}
#hd_container a.banner_onlineshop h2.title {
	top:55px;
	left:75px;
	letter-spacing:0px;
}
#hd_container a.banner_onlineshop h2.title::before {
	content:'';
	top: 0px;
	left:-5px;
	width:60px;
	height:40px;
	background: url(../images/logo_min.png) no-repeat left top;
	background-size: contain;
}

/* ---------------------------------*/
/* メインビジュアル */
#index #main_img_container {
	top:-426px;
	min-width: 640px;
	width: auto !important;
	width: 640px;
	height:426px;
}
#index #main_img_wrap {
	position: relative;
	left: 50%;
	margin-left:-962px;
	width: 1924px;
}
#index #mainimg li {
	width: 640px;
}

/* ---------------------------------*/
/* メインコンテンツ */
/* ---------------------------------*/
#main_contents {
	margin:0 auto 0 auto;
	width: auto;
}
#index #main_contents {					/* toppageのみ */
	margin:536px auto 0 auto;
}
/* ---------------------------------*/
/* groovy information */
#info_box {
	margin:4px auto 0 auto;
	width: 98%;
}
#info_box h2 {
	font-size:38px;
}
#info_box a.list {
	right:5px;
	top:20px;
}
#infolist dt {
	font-size:18px;
	width:150px;
}
#infolist dd {
	padding:2px 0 7px 0;
	font-size:18px;
}
#infolist dd a {
	padding:2px 0 7px 170px;
}

/* 各店舗の待ち状況 */
a#btn_wait {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 90%;
	padding: 10px 10px;
	margin: 10px auto;
	border: 1px solid #666;
	border-radius: 5px;
	text-align: center;
	background: #f3f3f3;
	color: #000;
}
a#btn_wait:hover {
	background: #FFF;
	opacity: 0.8;
}
a#btn_wait::before {
	position: relative;
	display: inline-block;
	top: 0px;
	left: 5px;
	margin: 0 15px 0px 0;
	content: "\f017";
	font-family: "Font Awesome 5 Free";
	font-weight: normal;
	font-size: 25px;
	color: #000;
}

/* テイクアウトメニュー */
.banner_takeout  {
	clear:both;
	box-sizing:border-box;
	position: relative;
	margin:-160px auto 15px auto;
	padding:0px 10px 10px 10px;
	width:98%;
	min-height:120px;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	border:1px solid #CCC;
	font-size:26px;
	color:#000;
	background: rgba(255,255,255, 0.9);
}
.banner_takeout span.title {
	display:block;
	position: relative;
	top:auto;
	left:10px;
	font-size:22px;
}
.banner_takeout span.catch {
	display:block;
	position: relative;
	top:auto;
	left:10px;
}
.banner_takeout span.catch2 {
	display:block;
	position: relative;
	top:auto;
	left:10px;
}
.banner_takeout span.campain {
	display:block;
	position: relative;
	top:auto;
	bottom:auto;
	left:10px;
	color:#000;
	font-size:17px;
	color:#327A16;;
}
/* テイクアウトメニュー */
.banner_takeoutmenu  {
	clear:both;
	box-sizing:border-box;
	position: relative;
	margin:20px auto 15px auto;
	padding:10px 10px 10px 10px;
	width:98%;
	min-height:60px;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	border:1px solid #CCC;
	font-size:26px;
	color:#000;
	background: rgba(255,255,255, 0.8) url(../../menu/images/h1bg.png) no-repeat right -200px top -200px;
}
.banner_takeoutmenu span.catch {
	display:block;
	position: relative;
	top:auto;
	left:10px;
}
.banner_takeoutmenu span.campain {
	display:block;
	position: relative;
	top:auto;
	bottom:auto;
	left:10px;
	color:#000;
	font-size:17px;
	color:#327A16;;
}





/* 公式オンラインストア */
#onlineshop_box {
	padding:20px 0 0 0;
	border-top:2px solid #999;
	width: 100%;
}
#dressing_index #onlineshop_box {
	margin:80px auto 0 auto;
	width: 100%;
}
#onlineshop_box .link {
	margin: 30px 0 0 5px;
}
#onlineshop_box .link .popular {
	float:left;
	width:140px;
	height:auto;
	margin: 0 10px 10px 0;
}
#onlineshop_box .link .read {
	display:inline;
	margin: 0 0 0 0;
	padding:0 10px 0 0;
	font-size:24px;
	top:0;
}
#onlineshop_box .link a {
	clear:both;
	display:block;
	margin: 0 0 0 0;
	font-size:30px;
	top:0px;
}
#onlineshop_box .link a::before {
	content:'';
	top: 10px;
	left:0px;
	margin: 0 10px 0 0;
	width:140px;
	height:50px;
	background: url(../images/logo_min.png) no-repeat left bottom;
	background-size: contain;
}
#onlineshop_box .link a::after {
	margin:0 10px 0 20px;
	font-size:28px;
}
/* オンラインストア商品一覧 */
#onlineshop_box #item_box {
	margin: 60px 0 0 0;
}
#onlineshop_box #item_box a {
	margin:0 0 40px 10px;
}
#onlineshop_box #item_box li {
	width:290px;
}
#onlineshop_box #item_box li dt {
	margin:270px 0 5px 0;		/* ddに上マージン指定しても相殺されて効かない為ここに下10px */
}

#onlineshop_box #item_box li dd img {
	width:260px;
	height:auto;
}

/* 各店からのお知らせ */
#index #shop_info_box {
	margin:0 auto 0 auto;
	width: 100%;
}
/* テイクアウトメニュー */

#takeout_index #takeout_shoplist {
	position:relative;
	margin:0 auto 0 auto;
	width:100%;
}
#takeout_index #takeout_shoplist li {
	position: relative;
	width:100%;
	height:auto;
}
#takeout_index #takeout_shoplist li a img.shop {
	margin: 20px 0 0 0px;
	width:95%;
}
#takeout_index #takeout_shoplist li p.qr img.qr {
	margin: 0px 0 0 0px;
	width:95%;
}
#takeout_index #takeout_shoplist li p.takeout_order a {
	display: inline-block;
	box-sizing:border-box;
	width: 95%;
	margin:20px 0 20px 0;
	padding:2px 5px 3px 5px;
	font-size:24px;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	text-align:center;
	border:1px solid #999;
}
#takeout_index #takeout_shoplist li p.takeout_order a:hover {
	background:#eef;
	opacity:0.9;
}

#takeout_index #takeout_shoplist li p.name {
	position: relative;
	top:0px;
	left:0;
	display: block;
	padding: 5px;
	margin:0px 0 0px 0px;
	width:95%;

}
#takeout_index #takeout_shoplist li p.name::after {
	position:absolute;
	top:5px;
	right:2px;
	display: block;
	margin:0 3px 0 0;
	content: "\f35d";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	font-size:25px;
	color:#fff;
	z-index: 0;
}
#takeout_index .pdflink::before {
	position:relative;
	display:inline-block;
	margin:0 10px 0 0;
	content: "\f1c1";
	font-family: "Font Awesome 5 Free";
	font-weight: Regular;											/* Awesome5では太さ指定しないと文字化け */
	font-size:30px;
	color:#E71F00;
}
#takeout_index #takeout_shoplist li p.name::before {
	position:absolute;
	display:inline-block;
	top:0px;
	left:10px;
	margin:0 10px 0 0;
	content: "\f1c1";
	font-family: "Font Awesome 5 Free";
	font-weight: Regular;											/* Awesome5では太さ指定しないと文字化け */
	font-size:30px;
	color:#E71F00;
	z-index: 0;
}
/*
#takeout_index #takeout_shoplist a::before {
	font-weight: 900;
	font-size:16px;
	color:#333;
}
/*



/* 近い店舗 */
#map-area h3 {
	margin:0 0 0 10px;
	padding:4px 10px 5px 10px;
	font-size:32px;
}
#map-area dl.tel dd {
	font-size:48px;
}
#map-area dl.tel dd::before {
	font-size:48px;
}
#map-area img {
	display:block;
	margin:15px auto 30px auto;
	position:relative;
	top:0px;
	right:0px;
	width:620px;
	height:auto;
}

/* ドレッシング　人気の秘密 */
#dressing_info_box {
	margin:0 auto 0 5px;
}
#dressing_info_box #reason_box li {
	width:calc(98% - 10px);
}
#dressing_info_box #reason_box li h3 {
	font-size:26px;
}
#dressing_info_box #reason_box li p {
	margin: 20px 0 0 20px;
	width:calc(100% - 20px);
}
#dressing_info_box #reason_box li img {
	position:relative;
	float:right;
	margin:0 0 20px 20px;
}
#dressing_info_box #reason_box li:nth-of-type(1) img {
	top:0px;
	right:0px;
	margin:-20px 0 10px 20px;
}
#dressing_info_box #reason_box li:nth-of-type(2) img {
	top:0px;
	right:0px;
	transform: rotate(-5deg);
	margin:-10px 0 10px 20px;
}
#dressing_info_box #reason_box li:nth-of-type(3) img {
	top:0px;
	right:0px;
	transform: rotate(10deg);
	margin:-10px 0 10px 20px;
}
#dressing_info_box #reason_box li:nth-of-type(4) img {
	top:0px;
	right:0px;
	margin:-20px 0 10px 20px;
}
/* お客様の声 */
div.voice_box h3 {
	font-size:28px;
}
/* ブログ一覧 */
#blog_box {
	width: 98%;
}
#blog_box dt {
	float:none;
	font-size:18px;
	width:120px;
}
#blog_box dd {
	padding:2px 0 7px 0;
	font-size:18px;
}
#blog_box dd a {
	padding:2px 0 7px 0;
}


/* 予約問合せバナー */
.banner_inquiry {
	width: 98%;
}
/* フッター店舗一覧 */
#ft_container {
}
#ft_container #ft_shoplist_box h2 {
	margin:0 0 0 10px;
	font-size:32px;
	width: 100%;
}
#ft_container #ft_shoplist_box ul {
	width: 100%;
}
#ft_container #ft_shoplist_box ul li a div h3 {
	width: 90%;
	font-size:32px;
}
#ft_container #ft_shoplist_box ul li a div p {
	box-sizing: border-box;
	padding:5px 5px 5px 40px;
}
#ft_container #ft_shoplist_box ul li a div p.addr {
	width:100%;
}
#ft_container #ft_shoplist_box ul li a div p.tel {
	width:100%;
}
#ft_container #ft_shoplist_box ul li a p.opentime {
	margin: 0 auto 0 0;
}
#ft_container #ft_shoplist_box div.ex_lo {
	margin: 20px 0 0 0;
	width: 90%;
}
#ft_container #ft_shoplist_box div.ex_lo p.kome {
	width: 100%;
}
#ft_container #ft_shoplist_box div.ex_lo p.opentime {
	width: 100%;
	font-size:24px;
}

/* フッターナビゲーション */
#ft_menu_box {
	font-size:28px;
}
#ft_menu_box ul#ft_menu {
	width: 98%;
}
#ft_menu_box li.col {
	width: 98%;
}
#ft_menu_box li.col li a {
	display: block;
	margin: 10px 0 10px 0;
	padding: 4px 8px 4px 30px;
	border-bottom:1px dotted #CCC;
}
#ft_menu_box li.col li:first-child a {
	padding: 4px 8px 4px 10px;
}
/* フッターのSNS BOX */
#ft_sns_box {
	width: 98%;
}
#ft_sns_box .banner_onlineshop {
	margin: 0 auto 30px auto;
}
#ft_sns_box .banner_insta {
	margin: 0 auto 30px auto;
}
#ft_container #copyright {
	font-size:14px;
}
#ft_banner_box {
	margin: 50px auto 0 auto;
	width: 98%;
	position: relative;

	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#ft_container .banner_curiosity {
}
#ft_container .banner_curiosity a {
	display: block;
	margin: 20px auto 0 auto;
	width: 320px;
	height: 120px;
	background: url(../images/banner_curiosity.png);
	text-indent: -10000em;
}
#ft_container .banner_anytime {
}
#ft_container .banner_anytime a {
	display: block;
	margin: 20px auto 0 auto;
	width: 320px;
	height: 120px;
	background: url(../images/banner_anytime.png);
	text-indent: -10000em;
}

/* ---------------------------------
	店舗一覧
------------------------------------*/

/* 店舗一覧 */
#shop_index .caution {
	width: 90%;
	margin: 20px auto 20px auto;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
}
#shop_index .caution li {
	padding: 0 0 0 1em;
	text-indent: -1em;
}
#shop_index #shop_list_wrap {
	width: 100%;
}
#shop_index #shop_list_wrap .wait {
	box-sizing:border-box;
	width:100%;
	margin:0 0 0 0;
}
#shop_index #shop_list_wrap .wait dt {
	font-size:22px;
}
#shop_index #shop_list_wrap .wait dd p.waitCountBox,
#shop_index #shop_list_wrap .wait dd p.waitTimeBox {
	font-size:24px;
}
#shop_index #shop_list_wrap .wait dd p.waitCountBox .waitCount,
#shop_index #shop_list_wrap .wait dd p.waitTimeBox .waitTime {
	font-size:30px;
}
#shop_index #shop_list_wrap .wait .wait_reload {
	font-size:20px;
}
/* airwait順番待ち受付リンクボタン 20250530 */
#shop_index #shop_list_wrap .wait .airwait_rsv {
	position: relative;
	display:inline-block;
	box-sizing: border-box;
	width: 100%;
	margin:15px 5px 10px 5px;
	padding:0 5px 0 5px;
	text-align: center;
	cursor:pointer;
	background:#6699FF;
	font-size:22px;
	color:#FFF;
	border:1px solid #999;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
}

#shop_index #shop_list_wrap dl.about {
	margin:10px 0 0 0;
}
#shop_index #shop_list_wrap .shop_link {
	padding:10px 50px 10px 50px;
}
#shop_index #shop_list_wrap .imgbox {
	position:relative;
	top:0;
	left:0;
	right:0;
	margin:0px auto 0 auto;
	width:90%;
	height:auto;
}
#shop_index #shop_list_wrap .imgbox img {
	width:100%;
	height:auto;
}

/* ---------------------------------
	店舗詳細
------------------------------------*/
.shop_desc {
	margin:20px 20px 0 20px;
	padding:0 0 0 0;
	font-size:22px;
}
/* メインビジュアル */
#shop_img_container {
	padding:10px 10px 10px 10px;
	width:98%;
}
#shop_img_wrap {
	margin:0px auto 0 auto;
	width:100%;
}
/* ---------------------------------*/
/* お知らせ */
#shop_detail_info_box {
	width:98%;
}
/* ---------------------------------*/
/* 店舗情報 */
#shop_detail_wrap {
	margin:40px auto 0 auto;
	width:98%;
}
#shop_detail_wrap .shop_list {
	width:98%;
}
#shop_detail_wrap h3 {
	font-size:32px;
}
#shop_detail_wrap dl.tel dd {
	font-size:32px;
}
#shop_detail_wrap dl.tel dd::before {
	font-size:32px;
}
#shop_detail_wrap .imgbox {
	display:none;
}
/* ---------------------------------*/
/* メニュー */
.menu_list ul{
	margin:50px auto 0 auto;
	width:98%;
}
.menu_list ul li {
	margin:0 5px 10px 5px;
}
.menu_list ul li img {
	width: 195px;
}

/* ---------------------------------*/
/* Google Map */
.gmap {
	width:98%;
}
/* ---------------------------------
	メニュー
------------------------------------*/
#menu_index #shoplist li a {
	padding:5px 10px 5px 10px;
}
ul.menuimg_table {
	margin:30px 5px 0 5px;
}
dl.menuimg {
	margin:10px 0 0 0;
}
dl.menuimg:hover {
	margin:10px 0 0 0;
}
/* ---------------------------------
	パーティー
------------------------------------*/
/* 女性に人気のパスタ */
#party_index #woman {
}
#party_index #woman h2 {
	font-size:32px;
	left:10px;
}
#party_index #woman p.copy {
	font-size:22px;
	left:10px;
}
#party_index #woman p.note {
	position:absolute;
	top:100px;
	right:10px;
	margin:0 0 0 0;
	width:40%;
	font-size:20px;
}
#party_index #woman p.desc {
	margin:250px 0 0 20px;
	font-size:18px;
	line-height:150%;
}
/* パーティ・ご宴会 */
#party_info_box {
	margin:50px 0 0 0;
}
#party_info_box h2 {
	margin:0 20px 0 10px;
	font-size:24px;
}
#party_info_box img {
	right:0px;
	margin:0 0 0 0;
	width:280px;
	height:auto;
	z-index:-1;
}
#party_info_box p.ninzu {
	font-size:18px;
	margin:50px 0 0 20px;
	width:50%;
}
#party_info_box p.reserve {
	font-size:18px;
	margin:20px 0 0 20px;
	width:calc(100% - 10px);
}
#party_info_box p.reserve a.reserve_btn {
	font-size:22px;
}

/* プレゼント */
#present_box {
	box-sizing:border-box;
	margin:50px auto 0 auto;
	width:98%;
}
#present_box h2 {
	margin:0 0 0 170px;
	font-size:20px;
}
#present_box h2 span {
	position:relative;
	top:0px;
	left:20px;
	font-size:23px;
}
#present_box img.dressing3 {
	top:-40px;
	left:-20px;
}
#present_box a img {
	margin:30px 20px 0 250px;
}
#present_box p.ticket {
	margin:10px 20px 0 220px;
	font-size:16px;
}
/* パーティメニュー */
#partymenu_box {
	margin:80px 0 0 10px;
}
#partymenu_box p.partymenu_note {
	margin:60px 0 0 5px;
	font-size:18px;
}
/* メニュー 一例 */
#partymenu_box #sample {
	margin:0 0 0 5px;
	padding:15px 5px 15px 5px;
	width:98%;
}
#partymenu_box #sample h3 {
	padding:0 0 5px 20px;
	font-size:26px;
}
#partymenu_box #sample p.sinakazu {
	right:20px;
	font-size:20px;
}
#partymenu_box #sample img.menu {
	width: 300px;
}
#partymenu_box #sample dl {
	font-size:18px;
}
#partymenu_box #sample dl dd {
	margin:0px 0 0 15px;
}
/* 飲み放題 */
#partymenu_box #freedrink {
	margin:-30px 20px 30px 0;
}
#partymenu_box #freedrink h3 {
	font-size:26px;
	margin:30px 0 0 250px;
	padding:0 0 0 15px;
}
#partymenu_box #freedrink p.price {
	margin:10px 0 10px 260px;
}
#partymenu_box #freedrink p.note {
	margin:0 0 0 260px;
	font-size:18px;
}
/* コース例 */
#party_index div#course {
	margin:0 auto 0 auto;
	width:98%;
}
#party_index div#course div {
	position:relative;
	box-sizing: border-box;
	margin:10px 0 0 0;
	padding:15px 15px 15px 15px;
	width:98%;
}
#party_index div#course div h3 {
	font-size:26px;
}
#party_index div#course div .sinakazu {
	position:absolute;
	top:10px;
	right:20px;
	font-size:20px;
}
#party_index div#course div ul {
	margin:20px 0 0 10px;
	font-size:20px;
}
#party_index div#soudan {
	margin:20px 10px 0 10px;
	font-size:18px;
}
/* ---------------------------------
	ドレッシング
------------------------------------*/


/* ---------------------------------
	プライバシーポリシー
------------------------------------*/
#privacy dl.jyobun dt {
	font-size:24px;
}
/* ---------------------------------
	サイトマップ
------------------------------------*/
#sitemap dl.sitemap {
	margin:0 0 0 1%;
}
#sitemap dl.sitemap dt {
	box-sizing: border-box;
	width:98%;
	margin:40px 0 0 1%;
}
#sitemap dl.sitemap dd {
	box-sizing: border-box;
	width:calc(98% - 40px);
}
/* ---------------------------------
	会社概要
------------------------------------*/
#company_index dl#aboutus,
#company_index dl#shoplist,
#company_index dl#history {
	margin:30px 0 0 10px;
}
#company_index dl#aboutus dd,
#company_index dl#shoplist dd,
#company_index dl#history dd {
	width:calc(98% - 240px);
}

/* ---------------------------------
	エントリーフォームページ
------------------------------------*/
/* フォーム入力エラーメッセージ用 */
#errmsg_wrapper {
	margin:20px auto 20px auto;
	width:94%;
}
#errheader{
	background:url(../images/err.gif) no-repeat left 7px;
}
/* フォーム手順の確認表示部分 */
#form_flow {
	margin:30px 0 20px 5px;
}
#form_flow span {
	margin:0 5px 0 5px;
	font-size:15px;
}
/* 個人情報 */
body.formpage dl#personal {
}
body.formpage dl#personal dt {
	padding:20px 10px 20px 10px;
	width:100%;
	font-size:18px;
}
body.formpage dl#personal dt span.hissu {
	font-size:16px;
}
body.formpage dl#personal dd {
	margin:10px 0 0 0;
	padding:10px 10px;
	width:100%;
	background:#FFF;
	font-size:16px;
}
/* フォーム */
body.formpage dl#personal dd input,
body.formpage dl#personal dd select {
	margin:0 0 10px 5px;
	background:#FFF;
}
/* 各フォームの調整 */
body.formpage dl#personal dd input[type="radio"],
body.formpage dl#personal dd input[type="checkbox"]{			/* 縦位置のズレ修正 */
	top:2px;
}
body.formpage dl#personal dd input[type="text"],
body.formpage dl#personal dd input#addr1,
body.formpage dl#personal dd input#addr2,
body.formpage dl#personal dd input#email1,
body.formpage dl#personal dd input#email2 {
	width:calc(100% - 20px);
}
body.formpage dl#personal dd textarea {
	border:1px solid #ccc;
}
/* 同意 */
body.formpage #submit_box {
	width:90%;
	padding:20px 3%;
}
/* submitボタン */
body.formpage .submit {
	padding:15px 40px;
  -webkit-border-radius:10px;
     -moz-border-radius:10px;
      -ms-border-radius:10px;
          border-radius:10px;
}

/* ---------------------------------
	Groovy Information詳細ページ
------------------------------------*/
/*  */
#information .msg img {
	max-width:99%;
	height:auto;
}











































}
	/* スマートフォン専用スタイル　ここまで */
/* =================================================== */






/* index　各店テイクアウトPDF */
#index #takeout_pdf {
	margin:-110px auto 0 auto;
	width:1000px;
}
#index #takeout_pdf #takeout_shoplist {
	margin: 20px 0 0 -10px;

	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;

	-webkit-box-pack:center;						/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:center;							/*--- IE10 ---*/
	-webkit-justify-content:center;			/*--- safari（PC）用 ---*/
	justify-content: center;							/*--- flex仕様 ---*/
}

#index #takeout_pdf #takeout_shoplist ul {
	margin: 50px 0 0 0px;

}

#index #takeout_pdf #takeout_shoplist li a {
	display: block;
	padding: 5px;
	margin:0 0 20px 20px;
	width:170px;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      -ms-border-radius:5px;
          border-radius:5px;
	cursor: pointer;
	transition: all 100ms 0s ease;
	text-align:center;
	color:#333;
	background:rgba(149,186,92, 1.0);
}
#index #takeout_pdf #takeout_shoplist li a:hover {
	background:rgba(149,186,92, 0.8);
}
#takeout_index li .qrcode {
	width:80%;
	height:auto;
}
@media screen and (max-width: 800px){
	#index #takeout_pdf h2.hd_white {
		text-shadow: none;
		color: #333;
	}
	#index #takeout_pdf h2.hd_white span.jp {
		text-shadow: none;
		color: #333;
	}
	#index #takeout_pdf {
		margin:0 auto 0 auto;
		width: 100%;
	}
	#index #takeout_pdf #takeout_shoplist {
		margin: 50px 0 0 -10px;
	}
	#index #takeout_pdf #takeout_shoplist li a {
		width:225px;
	}
}

#index .woman {
	margin: 25px auto -40px auto;
	width: 1000px;
}
@media screen and (max-width: 800px){
#index .woman {
	margin: 25px auto -40px auto;
	width: 1000px;
	font-size: 28px;
}
}