/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20210719
*/

/*横幅いっぱいに必要なもの--------*/
#st-ami {
    overflow-x: hidden;}

/* すし誠オリジナルcss */

h1{font-family: 'Shippori Mincho B1', serif;}
h2{font-family: 'Shippori Mincho B1', serif;}
h3{font-family: 'Shippori Mincho B1', serif;}
p{font-family: 'Shippori Mincho B1', serif;}
th{font-family: 'Shippori Mincho B1', serif;}
td{font-family: 'Shippori Mincho B1', serif;}
li{font-family: 'Shippori Mincho B1', serif;}

/* インスタ埋め込み*/
.taitoru{width:100%;text-align:center;margin:0 auto;}
.instabox{width:100%;display:flex;margin:50px 0px;}
.instamura{width:50%;padding:20px;box-sizing:border-box;}
.instatoyo{width:50%;padding:20px;box-sizing:border-box;}

/* ヘッダースライダーnew */
.wrap{
	margin: 0 calc(50% - 50vw);
	max-width: 100vw;
	position: relative;
	overflow: hidden;
	margin-top:-40px;
	height:120vh;
	z-index:-1;
}
@keyframes zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoom 10s linear 0s 1 normal both;  
}
.slide-img img{
	object-fit: cover;
	height: 100vh;
  width: 100vw;
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{display:none;}

/* ここまで */


/* topロゴ */
img.alignnone.size-medium.wp-image-16{
	position:absolute;
	z-index:2;
	top:240px;
	left:50%;
	width:500px;
	transform: translate(-50%, -50%);
	
}
/* topリード文 */
.readarea{width:360px;height:auto;margin:0px auto 200px;}

/* トップ専用メニュー */

.top-nav{
	background: #000;
	opacity:0.8;
	position:fixed;
	z-index:99;
	inset:0;
	height:52px;
}

.top-nav ul{
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
}
.top-nav li{
    list-style: none;
	width:160px;
	font-family: 'Shippori Mincho B1', serif;
}
.top-nav a{
    display: block;
    padding: 14px;
    border-right: none;
    text-decoration: none;
    color: #fff!important;
	text-align:center;
}

/* ナビのa:hoverの色 */

.top-nav a:hover{background:#161616;text-decoration:none;transition: all .5s;}

/* カレント表示 */
li.is-current a {
	text-decoration: underline;
    text-decoration-color: #fff;
	text-underline-offset: 0.5em;
	text-decoration-thickness: 0.7px;
} 

/*2階層目以降は横並びにしない*/
nav ul ul{
	display: block!important;
}

/*下の階層を持っているulの指定*/
nav li.has-child ul{
    /*絶対配置で位置を指定*/
	position: absolute;
	left:0px;
	top:52px;
	z-index: 4;
    /*形状を指定*/
	background:#161616;
	width:160px;
    /*はじめは非表示*/
	visibility: hidden;
	opacity: 0;
    /*アニメーション設定*/
	transition: all .8s;
}

/*hoverしたら表示*/
nav li.has-child:hover > ul,
nav li.has-child ul li:hover > ul,
nav li.has-child:active > ul,
nav li.has-child ul li:active > ul{
  visibility: visible;
  opacity: 1;
}

/*ナビゲーションaタグの形状*/
nav li.has-child ul li a{
	color: #fff;
	border-bottom:solid 1px rgba(255,255,255,0.6);
	border-top:solid 1px rgba(255,255,255,0.6);
	margin-top:-1px;
}

nav li.has-child ul li:last-child a{
	border-bottom:none;
}

nav li.has-child ul li a:hover,
nav li.has-child ul li a:active{
	background:#333;
}

/*下の階層のulや矢印の基点にするためliにrelativeを指定*/
nav.top-nav ul li{
	position: relative;
}

/* ナビ下の階層アンダーライン消し */
nav li.has-child ul li a{text-decoration:none!important;}

/* 2階層以下のメニューcss */
/* 既存のメニュー削除 */
nav.smanone.clearfix{display:none;}

/* homeのみに適用 */
.home #headbox-bg{display:none;}

/* home以外に適用 */
body:not(.home) #headbox{margin-bottom:10px;}
body:not(.home) .top-nav{position:absolute;top:220px;}
body:not(.home) #st-header-under-widgets-box-wrap{background:#161616;}

/* グローバルメニューここまで */

/* コンテンツのバックグラウンド */
.home #content-w{margin-top:-500px;}
body{
	background-image:url(https://sushiseiniigata.pro/wp-content/uploads/2023/08/ji.jpg);

}
main{background-color: transparent!important;}
	body:not(.front-page) main{border:none!important;}	

/* 2階層のヘッダー */
.page-id-19 header#st-headwide{background-color:#fff;}
.page-id-21 header#st-headwide{background-color:#fff;}
.page-id-23 header#st-headwide{background-color:#fff;}
.page-id-25 header#st-headwide{background-color:#fff;}
.page-id-122 header#st-headwide{background-color:#fff;}
.page-id-124 header#st-headwide{background-color:#fff;}
.page-id-213 header#st-headwide{background-color:#fff;}

/* トップページの秘密部分 */
.cyousei{margin-top:600px;}


.himitsu-box{
	width:100%;
}

.himitsu-box h2{
	font-size:45px!important;
	margin-top:5px!important;
	font-family: 'Shippori Mincho B1', serif;
}

.himitsu-box p{
	font-size:16px!important;
	line-height:170%;
	margin-bottom:5px!important;
	text-align:justify;
	font-family:'Shippori Mincho B1', serif;
	font-weight:600;
}
.responbox .rbox{text-align:right;}




/* トップお知らせ部分 */
.osirase{
	height:450px;
	background-color:#696969;
	margin:0 calc(50% - 50vw);
	padding:0 calc(50vw - 50%);
	margin-top:50px;

}

.osirase h3{
	text-align:center;
	color:#fff!important;
	padding-top:50px!important;
	padding-bottom:30px!important;
	padding-right:0!important;
	font-size:30px!important;
	font-family: 'Shippori Mincho B1', serif;
	
}

.insta-box{display:flex;justify-content: space-between;}

.insuta{text-align:center;}
.insuta img{width:80%;}
.insuta:hover img{transform: scale(1.2);}

p.tenmei{
	text-align:center;
	color:#fff;
	font-size:24px!important;
	margin-bottom:20px!important;
	font-family:'Shippori Mincho B1', serif;
}
.osusumemoji{
	color:#fff;
    margin-top:20px!important;
}

.btn-white{
	color: #333!important;
	background-color: #fff;
	box-sizing: border-box;
    font-size: 14px!important;
    padding: 7px 30px;
    position: relative;
    display: inline-block;
    margin: 15px 0 30px 0;
	text-decoration: none;

}

.btn-white:hover{
	color: #fff!important;
  background: #000;
  transition:1.0s;
}



/* ロゴ部分 */
.sitename img{max-width:60%;}
#footer .footerlogo img{max-width:190px;}


/* 画像フェードイン */
.fadein-before{
    /*透過度の設定。0で表示されなくなる。*/
    opacity: 0;
    /*要素を左に100pxずらしたところに配置する*/
    transform:translateX(-100px);
    /*透過度と表示位置を1秒かけて変化させる*/
    transition:opacity 1s,transform 1s;
}

.fadein-after{
    /*透過度の設定。非表示から表示にする。*/
    opacity: 1;
    /*要素を100px左にしていたのを元の位置に戻す*/
    transform: translate(0);
}


/* フッター */
p.footer-description.st-text-logo-bottom{display:none;font-family:'Shippori Mincho B1', serif;}
#footer a{color:#fff!important;}
#footer a:hover{color:#696969!important;}
p.juusho{color:#fff;line-height:150%;font-size:14px;font-family:'Shippori Mincho B1', serif;}
p.unei{color:#fff;line-height:160%;font-size:18px;margin-bottom:10px;font-family:'Shippori Mincho B1', serif;}
footer #st-footer-logo-wrapper{margin-top:20px;}

/*フッターマップ----------*/
.footmap{margin: 30px calc(50% - 50vw) 20px calc(50% - 50vw);width: 100vw;padding:0px;}
.footmap p{color:#fff;}
#footer{position:relative;}

#footer-wrapper{margin-top:-20px;}
#footer-in{margin-bottom:50px;}

.home .colum1 main{padding-bottom:0!important;}
.home main{margin-bottom:-20px!important;}

#footer p.copyr{margin-top:30px;}

/* 2階層ページ調整 */
#content-w{padding-top:66px!important;}
main{margin-bottom:0!important;}


/*========= ハンバーガーメニュー　ナビゲーションのためのCSS ===============*/

/*アクティブになったエリア*/
#g-nav.panelactive{
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position:fixed;
    z-index: 999;
	top: 0;
	width:100%;
    height: 100vh;
}

/*丸の拡大*/
.circle-bg{
    position: fixed;
	z-index:15;
    /*丸の形*/
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #999;
    /*丸のスタート位置と形状*/
	transform: scale(0);/*scaleをはじめは0に*/
    right:-50px;
    top:calc(50% - 50px);/*50%から円の半径を引いた値*/
    transition: all .6s;/*0.6秒かけてアニメーション*/
}

.circle-bg.circleactive{
	transform: scale(50);/*クラスが付与されたらscaleを拡大*/
}

/*ナビゲーションの縦スクロール*/
#g-nav-list{
    display: none;/*はじめは表示なし*/
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#g-nav.panelactive #g-nav-list{
     display: block; /*クラスが付与されたら出現*/
}

/*ナビゲーション*/
#g-nav ul {
	opacity: 0;/*はじめは透過0*/
    /*ナビゲーション天地中央揃え※レイアウトによって調整してください。不必要なら削除*/
    position: absolute;
    z-index: 999;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

/*背景が出現後にナビゲーションを表示*/
#g-nav.panelactive ul {
    opacity:1;
	margin-top:-65px;
	font-family:'Shippori Mincho B1', serif;
}

/* 背景が出現後にナビゲーション li を表示※レイアウトによって調整してください。不必要なら削除*/
#g-nav.panelactive ul li{
animation-name:gnaviAnime;
animation-duration:1s;
animation-delay:.2s;/*0.2 秒遅らせて出現*/
animation-fill-mode:forwards;
opacity:0;
}
@keyframes gnaviAnime{
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}


/*リストのレイアウト設定*/
#g-nav li{
	text-align: center; 
	list-style: none;
	font-family:'Shippori Mincho B1', serif;
}

#g-nav li a{
	color: #333;
	text-decoration: none;
	padding:10px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
}


/*========= ハンバーガーボタンのためのCSS ===============*/
/* ボタンのcss */
/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn{
	/*ボタン内側の基点となるためrelativeを指定。
追従するナビゲーションの場合はfixed＋top、rightといった位置をセットで指定*/
	position: fixed;
	background:#000;
	z-index: 9999;/*ボタンを最前面に*/
	cursor: pointer;
    width: 50px;
    height:50px;
	border-radius: 5px;
	top:2%;
	right:3%;
}

/*ボタン内側*/
.openbtn span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
  }

.openbtn span:nth-of-type(1),
.openbtn span:nth-of-type(3) {
    height: 2px;
	background: #fff;
  	width: 62%;
    left: 10px;
 }

.openbtn span:nth-of-type(1) {
	top:13px;	
}

.openbtn span:nth-of-type(2) {
	top:17px;
	left:9px;
	font-size:0.6rem;
	text-transform: uppercase;
	color: #fff;
}

.openbtn span:nth-of-type(3) {
	top:36px;
}

#g-nav li a{font-size:20px;line-height:35px;}
#g-nav li a:hover{color:#ccc;transition: 1.0s;}

/*activeクラスが付与されると線が回転して×になり、Menu表記をしている2つ目の要素が透過して消える*/
.openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}
/* ハンバーガーメニューここまで */



/*========== お問い合わせの固定バナー ==========*/
/* 位置の指定 */
.fuwafuwa{
	position: fixed;
    top: 80px;
    right: -30px;
	z-index: 9999;
}
 
/* 画像の共通設定 */
.fuwafuwa > *
{
    /* 横幅 */
    width: 100px;
	filter: drop-shadow(2px 3px 4px rgba(0,0,0,0.5));
}
 
/* 2個目以降の画像の上部に余白を作る
#fixed_right_banner > * ~ * { margin-top: 10px; }*/
 
/* リンク要素 */
.fuwafuwa > a
{
    /* ブロック要素に変更 */
    display: block;
 
    /* 透過変更をスムーズにする(任意) */
   -webkit-transition: opacity .2s ease;
   transition: opacity .2s ease;
}
 
/* マウスオーバー時の表現 */
.fuwafuwa > a:hover
{
    /* 20%透過させる */
    opacity: .8;
}
/* 続きを見るのボタンのサイズ変更*/
p, .st-kaiwa-hukidashi, .st-kaiwa-hukidashi2, .yellowbox, .graybox, .redbox, .post ul li, .post ol li, .post h5, .post h6{font-size:14px;}
 


/* お問い合わせアイコンふわふわ */
.fuwafuwa {
  animation: fuwafuwa 3s infinite ease-in-out .8s alternate;
  display: inline-block;
  transition: 1.5s ease-in-out;
  width: 130px;
  height: 70px;
  margin-top: 15px;
}
 
@keyframes fuwafuwa {
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
}

/* topページ以外のアイコンの位置 */
body:not(.home) .fuwafuwa{top:30px;}
body:not(.home) .fuwafuwa2{top:190px;}
/* 梅庵用 */
    .home .fuwafuwa3{display:none;}	
    .page-id-19 .fuwafuwa3{display:none;}	
	.page-id-122 .fuwafuwa3{display:none;}	
	.page-id-634 .fuwafuwa3{display:none;}	
	.page-id-21 .fuwafuwa3{display:none;}	
	.page-id-23 .fuwafuwa3{display:none;}	
	.page-id-25 .fuwafuwa3{display:none;}	
	.page-id-813 .fuwafuwa{display:none;}
    .page-id-813 .fuwafuwa2{display:none;}
	


/* 豊栄店用 */
/* 位置の指定 */
.fuwafuwa2{
	position: fixed;
    top: 240px;
    right: -30px;
	z-index: 9999;
}
 
/* 画像の共通設定 */
.fuwafuwa2 > *
{
    /* 横幅 */
    width: 100px;
	filter: drop-shadow(2px 3px 4px rgba(0,0,0,0.5));
}
 
/* 2個目以降の画像の上部に余白を作る
#fixed_right_banner > * ~ * { margin-top: 10px; }*/
 
/* リンク要素 */
.fuwafuwa2 > a
{
    /* ブロック要素に変更 */
    display: block;
 
    /* 透過変更をスムーズにする(任意) */
   -webkit-transition: opacity .2s ease;
   transition: opacity .2s ease;
}
 
/* マウスオーバー時の表現 */
.fuwafuwa2 > a:hover
{
    /* 20%透過させる */
    opacity: .8;
}

 


/* お問い合わせアイコンふわふわ */
.fuwafuwa2 {
  animation: fuwafuwa 3s infinite ease-in-out .8s alternate;
  display: inline-block;
  transition: 1.5s ease-in-out;
  width: 130px;
  height: 70px;
  margin-top: 15px;
}
 
@keyframes fuwafuwa2 {
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
}

/* お問い合わせアイコンふわふわ梅庵用 */
.fuwafuwa3{
	position: fixed;
    top: 80px;
    right: 0;
	z-index: 9999;
}
.fuwafuwa3 {
  animation: fuwafuwa 3s infinite ease-in-out .8s alternate;
  display: inline-block;
  transition: 1.5s ease-in-out;
  width: 130px;
  height: 70px;
  margin-top: 15px;
}
 
@keyframes fuwafuwa3 {
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
}


 /*========== お問い合わせアイコンバナー　ここまで ==========*/	


/* Instagram */
.insta-text{
	display:flex;
    justify-content:center;
	margin-top:10px;
}

.home img.alignnone.size-full.wp-image-272{width:20%;padding:10px 10px 10px 0px;}


p.osusumemoji{
	font-size: 15px!important;
	margin: 10px 0!important;
	padding-left:10px!important;
	padding-top:5px;
	padding-bottom:5px;
	line-height: 150%;
	font-family:'Shippori Mincho B1', serif;
}
.entry-content a img{transition:all 1s;}


/* youtube */
.youtube{margin-top:50px;}



/* 2階層以下 */
/* キャッチコピー非表示 */
p.descr{display:none;}

/* タイトル */
p.entry-title.heder-post-data-title{text-align:center;font-family:'Shippori Mincho B1', serif;}

.st-header-post-data .entry-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-css-no2), #contentInner .post .entry-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-css-no2){text-shadow:0 0 5px #180614;color:#fff;}

/* お店のご案内 */
#st-header-post-under-box.st-header-post-data{height:480px;margin-top:-15px;margin-bottom:0;}

/* h2と求人の表 */
.hyou{margin-bottom:60px;}
h2.nikaisouh2{padding-left:10px!important;border-bottom:solid 1px #333!important;font-family:'Shippori Mincho B1', serif;}
.clearfix.responbox50{width:960px;margin:0 auto;}
table th{border-left-width:0;border-left-style:none;width:200px;}
.post table{border-right:none;}

/* 見取り図 */
.mitorizu{text-align:center;}
.menu-box2 h3{
	color:#fff!important;
	margin-bottom:0!important;
	text-align:center;
	padding-right:0!important;
	font-family:'Shippori Mincho B1', serif;
}


/* ギャラリー */
.fg-default.fg-gutter-10{padding-left:0;margin-bottom:0;margin-top:20px;}


/* メニュー */
.menu-box p{font-weight:600;}
.menu-box{margin:0 auto;}
.menu-box ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: start; 
	margin-left:0!important;
	padding-left:0!important;
}

.menu-box li{
	list-style:none;
	width:25%;
	padding:20px 0;
	font-family:'Shippori Mincho B1', serif;
	text-align:center;
}

.menu-box img{padding:0 0 5px 0;width:80%;}
p.kakaku{margin:15px 0;font-size:25px!important;font-family:'Shippori Mincho B1', serif;margin-bottom:0;}
p.shurui{
    position: relative;
	color:#640125;
	font-size:18px!important;
	font-weight:700;
	margin-bottom:8px;
	font-family:'Shippori Mincho B1', serif;
}

p.shurui::before {
	background-color:#640125;
	border-radius: 5px; /* 線の両端を丸く */
    bottom: 1px; /* 線の位置 */
    content: "";
    height: 1.5px; /* 線の高さ */
    left: 50%; /* 線の中央寄せ */
    position: absolute;
    transform: translateX(-50%); /* 線の中央寄せ */
    width: 60px; /* 線の長さ */
}

/* 村上店ページ */
img.alignnone.size-full.wp-image-127{width:800px;}


img.alignnone.size-full.wp-image-272{width:23%; padding:5px 25px;margin-left:-15px;}

p.osusumemoji2{
	color:#fff;
	font-size: 16px!important;
	font-weight:300;
	margin: 10px 0!important;
	padding-left:10px!important;
	line-height: 150%;
	font-family:'Shippori Mincho B1', serif;
}


/* 梅庵ページ */
img.alignnone.size-full.wp-image-151{width:410px;}
.page-id-124 img.alignnone.size-full.wp-image-272{width:14%;}
.page-id-124 img.alignnone.size-full.wp-image-259{width:70%;}


/* ２階層のメニュー下の小文字 */
p.komoji{text-align:right;font-size:14px!important;font-family:'Shippori Mincho B1', serif;line-height:150%;}
p.komoji2{display:flex;justify-content: center;align-items: center;text-align:right;font-size:14px!important;font-family:'Shippori Mincho B1', serif;line-height:150%;}
.wasabi2{width:3%;height:3%;}

/* 2階層以下のグレーボックス */
.menu-box2 img{padding:0 15px;}
.menu-box2{
	background-color:#696969;
	margin:0 calc(50% - 50vw);
	padding:0 calc(50% - 50vw);
	height:340px;
}
/* 梅庵のみ */
.page-id-124 .menu-box2{height:520px;}
.page-id-124 .menu-box2 h3{padding:30px 0!important;font-size:27px!important;}
.page-id-124 p.osusumemoji2{font-size:21px!important;padding:7px 0;line-height:140%;text-align:center;}



/* 2階層以下のグレーボックスの下の空き  */
.page-id-19 main{padding-bottom:0!important;margin-bottom:-30px!important;}
.page-id-122 main{padding-bottom:0!important;margin-bottom:-30px!important;}
.page-id-124 main{padding-bottom:0!important;margin-bottom:-30px!important;}
.page-id-213 main{padding-bottom:0!important;margin-bottom:-30px!important;}



/* topへ戻るボタン */
#page-top:not(.page-top-img) a{margin-bottom:30px;}

/* テイクアウトページ */
.totext{padding:0 30px;}

.takeout-box1{margin-bottom:60px!important;}

.heading03 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px!important;
	text-align: center;
	background-image:url("https://sushiseiniigata.pro/wp-content/uploads/2023/07/title-img03.png"); 
	background-size:50%;
	background-repeat:no-repeat;
	background-position:center;
	background-position-y:top;
	margin-bottom:15px!important;
}

p.naiyou{
	text-align:center;
	font-size:19px!important;
	border-bottom:solid 1.5px #e6b422;
	margin-bottom:10px;
	font-family: 'Shippori Mincho B1', serif;
	font-weight:600;
	line-height:150%;
}

p.to-shurui{
	font-size:16px!important;
	line-height:20px;
	text-align:justify;
	font-family: 'Shippori Mincho B1', serif;
}

/* 注文方法 */
.tyuumon{
    display: flex;
	justify-content:center;
	flex-wrap:wrap;
}
.naka-box{width:11%; writing-mode: vertical-rl;text-align:center;}

p.tejun{
  color:#fff;
  font-size:20px!important;
  font-weight:700;
  width: 100px;
  height: 240px;
  background-color: #b88108;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  border-radius:5px;
  font-family: 'Shippori Mincho B1', serif;
}

p.yajirushi {
  height: 240px;
  width:80px;
  padding:0 10px;
  font-family: 'Shippori Mincho B1', serif;
}

small{font-size:65%;}

/* テイクアウトページここまで */

#st-header-post-under-box.st-header-post-data{background-size:auto;}


/* グランドメニュー修正（写真入れ）2023年11月 */
.page-id-213 #content-w{background-color:#fff;}


.menu-title{text-align:center;margin-top:70px!important;}
.menu-title img{width:20%;}
p.neta{font-size:22px!important;margin-bottom:0;margin-top:-20px;}

.neta2{font-size: 22px!important;
margin-bottom: 0;
margin-top: -20px;
display: flex;
justify-content: center;
align-items: center;}

.wasabi{width: 12%!important;
height: 12%!important;
margin-left: 10px;margin-bottom: -5px;}

a.tamesi{font-size: 80%!important;
	line-height: 1.5!important;
	display: inline-block;}

/* 新グランドメニュー背景 */
.page-id-634 #content-w{
	background-color:#fff;
    background-image:url("https://sushiseiniigata.pro/wp-content/uploads/2023/12/new-menu-bg.jpg");
    
}
.page-id-1129 #content-w{
	background-color:#fff;
    background-image:url("https://sushiseiniigata.pro/wp-content/uploads/2023/12/new-menu-bg.jpg");
    
}


/*==================================================
梅庵ページ用ためのcss
===================================*/
/* 壁紙変更/
 * スライダー上調整 */
.page-id-813 #content-w{
	background-image:url(https://sushiseiniigata.pro/wp-content/uploads/2024/06/bg-img.jpg)!important;
	background-size:contain;
}
.page-id-813 #headbox{display:none!important;}
.page-id-813 #headbox-bg{background-image:url(https://sushiseiniigata.pro/wp-content/uploads/2024/06/bg-img.jpg)!important;background-size:cover;}
.page-id-813 .top-nav{position:absolute!important; top:0!important;}
.page-id-813 main{padding-top:0!important;margin-top:-15px;}
.page-id-813 h3{text-align:center;padding-right:0!important;}


.page-id-813 h1.entry-title{display:none;}
.page-id-813 #content-w{padding-top:10px!important;}

.page-id-813 .map2ko{display:none;}

/* ロゴ */
.umean-logo{position:absolute;z-index:9;top:70px;left:41.5%;width:160px;}

/* タイトル消し・パン屑消し */
.page-id-813 #breadcrumb{display:none;}

/* フッター */
.page-id-813 .footmap{margin-bottom:0!important;}
.page-id-813 main{padding-bottom:0!important;}
.page-id-813 .entry-content{margin-bottom:-5px;}

/* スライダー */
.slider {
  position:relative!important;
	z-index: 1;
	/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
	height: 100vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	margin-top:57px!important;
}
/*　背景画像設定　*/

.slider-item01 {
    background:url(https://sushiseiniigata.pro/wp-content/uploads/2024/06/header-img002.jpg);
}

.slider-item02 {
    background:url(https://sushiseiniigata.pro/wp-content/uploads/2024/06/header-img003.jpg);
}

.slider-item03 {
    background:url(https://sushiseiniigata.pro/wp-content/uploads/2024/06/header-img07.jpg);
}

.slider-item04 {
    background:url(https://sushiseiniigata.pro/wp-content/uploads/2024/06/header-img02.jpg);
}

.slider-item05 {
    background:url(https://sushiseiniigata.pro/wp-content/uploads/2024/06/header-img04.jpg);
}

/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
ul.slider.slick-initialized.slick-slider.slick-dotted{
	margin:0 calc(50% - 50vw);
	padding-left:0;
}

.slider-item {
	width: 100%;
    height:100vh!important;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}

/*矢印の設定*/

.slick-prev, 
.slick-next {
    position: absolute!important;
	z-index: 3;
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #fff;/*矢印の色*/
    border-right: 2px solid #fff;/*矢印の色*/
    height: 25px;
    width: 25px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:2.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:2.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
	position: relative;
	z-index: 3;
    text-align:center;
	margin:-50px 0 0 0!important;/*ドットの位置*/
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#fff;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}

.slick-prev:before, .slick-next:before{font-family:'slick'!important;}

.umean-text{margin-top:50px;height:300px;display:flex; flex-direction: row-reverse;justify-content:center;padding:0 80px;}
.tate-contaner{display:flex;justify-content:center;width:50%;}
p.tate{writing-mode: vertical-rl;display: inline-block;height:200px;margin:auto 0;line-height:220%;text-align:justify;margin-top:50px;margin-bottom:40px!important;}

img.alignnone.size-full.wp-image-830{width:55%;}

/* 固定背景 */
.menu-bg{
	position: relative;
    background: url(https://sushiseiniigata.pro/wp-content/uploads/2024/06/kotei-img01.jpg) no-repeat center;
    background-size: cover; 
    background-attachment: fixed;
    margin:0 calc(50% - 50vw);
    height: 20vh;
}


.ippin-bg{
	position: relative;
    background: url(https://sushiseiniigata.pro/wp-content/uploads/2024/06/ippin-sashimi-big.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    margin:0 calc(50% - 50vw);
    height: 20vh;
}

.course-bg{
	position: relative;
    background: url(https://sushiseiniigata.pro/wp-content/uploads/2024/06/header-img07.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    margin:0 calc(50% - 50vw);
    height: 20vh;
}

.odoburu-bg{
	position: relative;
    background: url(https://sushiseiniigata.pro/wp-content/uploads/2024/06/header-img04.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    margin:0 calc(50% - 50vw);
    height: 20vh;
}

.takeout-bg{
	position: relative;
    background: url(https://sushiseiniigata.pro/wp-content/uploads/2024/06/header-img02.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    margin:0 calc(50% - 50vw);
    height: 20vh;
}


.drink-bg{
	position: relative;
    background: url(https://sushiseiniigata.pro/wp-content/uploads/2024/06/kotei-img02.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    margin:0 calc(50% - 50vw);
    height: 20vh;
}

.oseki-bg{
	position: relative;
    background: url(https://sushiseiniigata.pro/wp-content/uploads/2023/07/umean-naikan.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    margin:0 calc(50% - 50vw);
    height: 20vh;
}

.midashi{position:relative;}
.umean-menu img{width:100%;}
.umean-menu{
	position:absolute;
	transform:translate(-50%,-50%);
	top:50%;
	left:50%;
	width:90px;
}


.flex-box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:170px;}
.box{width:48%;display:flex;flex-direction:column;padding:5px;}
.box p{flex-grow:1;margin-bottom:5px;}
p.flex-text{text-align:center;font-size:20px!important;font-weight:700;margin-top:15px;margin-bottom:5px;}
p.setumei{text-align:center;font-size:17px!important;margin-bottom:20px;}
/* メニュー下の小文字 */
p.komoji-ume{text-align:right;font-size:14px!important;font-family:'Shippori Mincho B1', serif;line-height:150%;margin-bottom:10px;display:block;}

.one{margin-top:160px;}
.one2{margin-top:200px;}
.one3{margin-top:210px;}
.onebox{text-align: center;margin-bottom: 20px;}
.oseki-contaner{margin-top:100px!important;}

/* 見出し位置調整 */
img.alignnone.size-full.wp-image-1032{margin-top:-60px;}
img.alignnone.size-full.wp-image-1033{margin-top:85px;}


.oseki{display:flex;justify-content:space-between;flex-wrap:wrap;margin: 0 calc(50% - 50vw);}
.oseki-img{width:50%;height:40%;}
.oseki-content{width:50%;display:flex;justify-content:center;align-items:center;}
.oseki-box{width:340px;text-align:center;}
.oseki-box p{line-height:210%;}

/* 札部分 */
.fuda {
  position: relative;
  margin-top:25px;
  }

.fuda p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  font-weight:bold;
  font-size:20px!important;
  width:460px;

  }

.fuda img {
  width: 100%;
  }


/* スマホ用固定背景部分 */
.smapho-bg{margin:0 calc(50% - 50vw);}

span.chiisaimoji{font-size:17px;font-weight:500;}




/* 梅庵ページcssここまで */

/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	


/*media Queries PCサイズ（13660px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 1366px) {
	
/* 右横固定バナー	 */
	body:not(.home) .fuwafuwa2{top:205px;}
	
}


/*media Queries PCサイズ（1194px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 1194px) {
	
	body:not(.home) .fuwafuwa2{top:195px;}	
	
}


/*media Queries PCサイズ（1120px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 1120px) {

/* 2階層以下 */
.nikaisouyoko{width:960px;margin:0 auto;}

	
/* お皿のメニュー部分 */
	.menu-box{width:960px;}
	
	
/* テイクアウトページ */
	.tejun-box{width:960px;margin:0 auto;}


	
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


/* ハンバーガーメニュー */
	.openbtn{display:none;}
	
/* 	梅庵 */
	.umean-box{width:960px;margin:0 auto;}	
	
	/* スマホ用固定背景部分 */
	.smapho-bg{display:none;}
	

}
	
	/*-- ここまで --*/
}

/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {

	
	
/* マップ	 */
	.map2ko{display:flex;}
	.footmap{margin:0 10px;}


	/*-- ここまで --*/
}



/*media Queries タブレット（444px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 444px) {
	
/* フッターボタン444px以上は非表示 */
	.footershita{display:none;}	
	.umean-footershita{display:none;}	
}



/*media Queries スマートフォンとタブレットサイズ（1366px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1366px) {

	/* topスライダー見た目調整 */
	.slide-img img{height:110vh;}

/* 2階層 */
/* ヘッダー画像 */
	#st-header-post-under-box.st-header-post-data{height:370px;}
	
	

	
	/*-- ここまで --*/
}


/*media Queries スマートフォンとタブレットサイズ（1194px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1194px) {

/* topスライダー見た目調整 */
	.slide-img img{height:110vh;}
	img.alignnone.size-medium.wp-image-16{top:230px;width:450px;}
	
}


/*media Queries スマートフォンとタブレットサイズ（1180px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1180px) {
	
/* 2階層以下 */
/* 表 */
	.clearfix.responbox50{width:100%;}
	
/* ２階層お知らせ部分 */
	.menu-box2{height:400px;}
	
	
	
}



/*media Queries スマートフォンとタブレットサイズ（1080px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1080px) {

	
/* TOP美味しさの秘密 */
	.himitsu-box{width:100%;}
	
/* ２階層お知らせ部分 */
	.menu-box2{height:370px;}	
	
	
	
	/*-- ここまで --*/
}


/*media Queries スマートフォンとタブレットサイズ（1024px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
	
/* topスライダー見た目調整 */
	img.alignnone.size-medium.wp-image-16{top:220px;}
	
	
/* 村上店 */
	img.alignnone.size-full.wp-image-127{width:700px;}
	
/* ２階層お知らせ部分 */
	.menu-box2{height:360px;}	
	
	
/* new梅庵ページ */
	.slider{height:70vh;}
    .slider-item {height:70vh!important;}		
	.umean-logo{width:130px;left:42.5%;}

	
}



/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {

/* TOPの作成したヘッダーメニュー */
	.top-nav{display:none;}
	
/* topスライダー見た目調整 */
	img.alignnone.size-medium.wp-image-16{top:230px;width:400px;}


/* Instagram */
p.osusumemoji{font-size: 14px!important;}	
	
/* 2階層 */
/* ロゴ部分 */
#st-mobile-logo img{max-height:110px!important;}
.sitename img{max-width:30%;}	
header .sitename{margin-top:-110px;}
#content-w{padding-top:15px!important;}
	
/* ふわふわ位置 */
body:not(.home) .fuwafuwa{top:85px;}
body:not(.home) .fuwafuwa2{top:245px;}	
	
/* テイクアウトページ */
	p.tejun{width:90px;}
p.yajirushi{width:70px;}
	
	
	/* ２階層お知らせ部分 */
	.menu-box2{height:340px;}	

	
	
/* 梅庵ページ */
	.slider{margin-top:-28px!important;height:60vh;}
.slider-item {height:60vh!important;}
	
  /* 固定背景部分 */
	.pcnomi{display:none;}
	
  /* 見出し部分 */
	.umean-menu{width:75px;}
	
	
	
	/*-- ここまで --*/
}
	

/*media Queries スマートフォンとタブレットサイズ（834px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 834px) {

/* 2階層ヘッダー */
	header#st-headwide{margin:0!important;padding-top:10px;}


	
/* 	美味しさの秘密 */
	.responbox60 .lbox{padding-left:25px;}
	.responbox .rbox{padding-right:10px;}
	.himitsu-box h2{font-size:38px!important;}
	.responbox .lbox{padding-left:20px;width:45%;}
	.responbox .rbox{width:55%;}
    .su-spacer{display:none!important;}
	.clearfix.responbox{margin:30px 0;}
	
	
/* お知らせ部分 */
	.osirase{height:420px;}
	.osirase h3{margin-bottom:30px!important;}

/* Instagram */
	.home img.alignnone.size-full.wp-image-272{padding:20px 10px 20px 0px;}
	p.osusumemoji{padding-left:0!important;}
	
	
/* 2階層 */
header#st-headwide{margin:15px 0;}
#content-w{padding-top:15px!important;}
	.cyousei{margin-top:500px;}

/* ２階層お知らせ部分 */
	.menu-box2{height:310px;}	
/* 	梅庵グレーボックス */
	.page-id-124 .menu-box2{height:480px;}
	.page-id-124 img.alignnone.size-full.wp-image-272{width:15%;}
	
/* テイクアウトページ */
	p.komoji{text-align:center;}
	p.yajirushi{width:60px;}
	p.tejun{width:80px;}
	p.yajirushi{padding:0;}
	
	p.komoji2{display:flex;justify-content: center;align-items: center;text-align:center;}
.wasabi2{width:5%;height:5%;}

/* 村上店 */
	img.alignnone.size-full.wp-image-272{padding:12px 25px;margin-left:-20px;}
	p.osusumemoji2{padding-left:0!important;}
	
	
/* 梅庵 */
/*-- お店情報の疑似改行-*/
.br2::before {
	content: "\A" ;
	white-space: pre ;
	font-family:serif;
}	
	table th{width:160px;}	
	

	
}



/*media Queries スマートフォンとタブレットサイズ（768px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {

/* topスライダー見た目調整 */
	img.alignnone.size-medium.wp-image-16{top:140px;}
	.cyousei{margin-top:460px;}
	
	
	
/* 村上店 */
	img.alignnone.size-full.wp-image-127{width:600px;}	
/* 梅庵 */
	img.alignnone.size-full.wp-image-151{width:450px;}
	
/* テイクアウトページ */
	p.yajirushi{width:50px;}

	
/* ２階層お知らせ部分 */
	.menu-box2{height:300px;}	
	.menu-box2 h3{font-size:20px!important;}
	img.alignnone.size-full.wp-image-272{padding:12px 20px;}
	
	/* 	梅庵グレーボックス */
	.page-id-124 .menu-box2{height:460px;}
	

	
}


/*media Queries スマートフォンとタブレットサイズ（744px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 744px) {

	
	
	
/* 美味しさの秘密 */
	.responbox60 .lbox{width:50%;padding-left:10px;}
	.responbox60 .rbox{width:50%;}
	.himitsu-box h2{margin-bottom:10px!important;}
	.himitsu-box p{line-height:140%;}
	
	.responbox .lbox{width:50%;}
	.responbox .rbox{width:50%;}


/* お知らせ部分 */
	p.osusumemoji{font-size:12px!important;}	
	img.alignnone.size-thumbnail.wp-image-58{width:17%;}
	


	
}



/*media Queries スマートフォンとタブレットサイズ（661px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 661px) {

/* topお知らせ */
	.home .insta-text{margin-top:0;}
	.home img.alignnone.size-full.wp-image-272{padding:20px 5px 20px 5px;}	
	.home .osirase{height:280px;}
	.home .osirase h3{padding-top:35px!important;padding-bottom:30px!important; margin-bottom:0!important;font-size:25px!important;}
	.home p.tenmei{font-size:20px!important;}
	
	
/* お寿司メニュー部分 */
	.menu-box li{width:33%;}
	p.kakaku{font-size:22px!important;}
	p.shurui{font-size:18px!important;}
	.menu-box p{line-height:25px;}
	
/* 求人の表 */
	table th{width:160px;}
	
/* テイクアウトページ */
	p.tejun{width:60px;}

	
/* ２階層お知らせ部分 */
	.menu-box2{height:280px;}	
	.menu-box2 h3{font-size:18px!important;}
	img.alignnone.size-full.wp-image-272{padding:12px 14px;}	
	
	/* 	梅庵グレーボックス */
	.page-id-124 .menu-box2{height:420px;}	
	.page-id-124 .menu-box2 h3{font-size:18px!important;padding-bottom:10px!important;}
	
	
/* 新グランドメニューcss */
	.menu-title img{width:22%;}
	
/* 梅庵ページ */
	.oseki-box p{line-height:180%;font-size:14px!important;}
	
	
}



/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {
	

/* リード文 */	
.readarea{width:300px;height:auto;margin:0px auto 50px;}	
/* 	美味しさの秘密部分 */
	.himitsu-box h2{text-align:center;}
	.himitsu-box p{text-align:justify;padding:0 35px;margin-bottom:10px!important;}
	p.himitsu{text-align:center;}
	p.himitsu-2{text-align:center;margin-top:20px;}
	.home .lbox{text-align:center;}
	.home .rbox{text-align:center!important;}
	
	.home .responbox60 .lbox{width:100%;padding-left:0!important;}
	.responbox60 .rbox{width:100%;}
	.home .responbox .lbox{width:100%;padding-left:0!important;}
	.responbox .rbox{width:100%;}

body.front-page main{background-color: rgb(255, 0, 0,0%) !important;}
	
/* お知らせ部分 */
	.insta-box{display:block;}	
	.home .osirase{height:1190px!important;}
	.home p.tenmei{font-size:24px!important;text-align:center!important;padding:0;}
	.home p.osusumemoji{font-size:17px!important;line-height:140%;padding:10px 0 0 15px!important;text-align:center;}
	img.alignnone.size-thumbnail.wp-image-58{width:17%;}
	.osirase h3{padding-bottom:0!important;}
	img.alignnone.size-thumbnail.wp-image-58{width:12%;}
	.home img.alignnone.size-full.wp-image-272{width:12%;}
	.home .insta-text{margin-bottom:20px;}
	
	
	
/* ２階層お知らせ部分 */
	.menu-box2{height:690px;}	
	.menu-box2 h3{padding-top:30px!important;}
	img.alignnone.size-full.wp-image-272{padding:15px 37px;width:24%;}		
	p.osusumemoji2{font-size:17px!important;padding:10px 0;}
	
	
/* マップ	 */
	.footmap{margin-top:5px!important;}	
	

/* テイクアウトページ */
	.takeout-box1 .lbox{margin-bottom:60px!important;}	
	
	p.yajirushi{width:40px;}
	p.tejun{line-height:23px;}
	
/* 梅庵ページ */
	.page-id-124.menu-box h3{text-align:center!important;}
	.page-id-124.lbox{text-align:left!important;}
	
/* 	梅庵グレーボックス */
	.page-id-124 .menu-box2{height:790px;}
	.page-id-124 img.alignnone.size-full.wp-image-272{width:24%;padding:10px 40px;}
	.page-id-124 p.osusumemoji2{font-size:17px!important;}
	.page-id-124 .menu-box2 h3{font-size:17px!important;}
	.page-id-124 img.alignnone.size-full.wp-image-259{width:80%;}
	
	
/* メニューグレーボックス */
	.page-id-213 .menu-box2{height:790px;}
	
	
/* 	梅庵ページ */
	.umean-text{display:block;height:410px;padding:0;}
	.tate-contaner{width:100%;}
	img.alignnone.size-full.wp-image-830{width:30%;}
	p.tate{line-height:200%;}

.flex-box{flex-direction: column;}
    .box{width:100%;}
/* 札部分	 */
	.fuda p{width:410px; font-size:18px!important;}
     /* テキスト調整 */
	span.chiisaimoji{font-size:14px;}
	
	/*-- ここまで --*/
}



/*media Queries スマホサイズ（576px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 576px) {

/* 	美味しさの秘密 */
	.himitsu-box p{padding:0!important;}	
	
/* topお知らせ部分 */
	.home .osirase{height:1160px!important;}
	
/* ２階層グレーボックス */
	.menu-box2{height:770px;}		
	
/* 梅庵グレーボックス */
	.page-id-124 img.alignnone.size-full.wp-image-272{width:25%;}
}



/*media Queries スマホサイズ（540px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 540px) {

/* topお知らせ部分 */
	.home .osirase{height:1110px!important;}
	

	
	
/* お寿司メニュー部分 */
	.menu-box li{width:50%;}
	.menu-box ul{padding-left:10px;}

    .neta2{font-size: 22px!important;
margin-bottom: 0;
margin-top: -20px;
display: flex;
justify-content: center;
align-items: center;}
.wasabi{width: 15%!important;
height: 15%!important;
margin-left: 3px;margin-top: 7px;}
	
/* 求人の表	 */
	table th{width:130px;}
	
	/*-- トップページリード文の疑似改行-*/
.br::before {
	content: "\A" ;
	white-space: pre ;
	font-family:serif;
}
	
	.post table tr td{vertical-align:middle;}
	
/* ２階層グレーボックス */
	.menu-box2{height:640px;}	
	img.alignnone.size-full.wp-image-272{padding:15px 33px;}
	
/* 	梅庵グレーボックス */
	.page-id-124 .menu-box2{height:730px;}
	.page-id-124 img.alignnone.size-full.wp-image-272{padding:14px 33px;width:24%;}
	.page-id-124 .menu-box2 h3{padding-top:30px!important;padding-bottom:10px!important;}
	.page-id-124 p.osusumemoji2{font-size:18px!important;}
	
/* メニューグレーボックス */
	.page-id-213 .menu-box2{height:750px;}	


/* 新グランドメニューcss */
	.menu-title img{width:30%;}
	

/* 梅庵ページ */
	.oseki-box p{font-size:13px!important;}	
 
	
	/*-- トップページリード文の疑似改行-*/
.br02::before {
	content: "\A" ;
	white-space: pre ;
	font-family:serif;
}

	
/* 	ここまで */
}



/*media Queries スマホサイズ（480px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 480px) {

/* topお知らせ部分 */
	.home .osirase{height:1020px!important;}	
	
	
/* ２階層グレーボックス */
	.menu-box2{height:700px;}	
	img.alignnone.size-full.wp-image-272{padding:18px 25px;}
	
/* 梅庵グレーボックス */	
	.page-id-124 img.alignnone.size-full.wp-image-272{padding:10px 25px;}
	.page-id-124 .menu-box2{height:340px;}
	
/* メニューグレーボックス */
	.page-id-213 .menu-box2{height:720px;}		
	
/* 	梅庵ページ */
	.umean-logo{width:100px;left:39.5%;}
	img.alignnone.size-full.wp-image-830{width:40%;}
	p.flex-text{font-size:16px!important;line-height:130%!important;}
	p.setumei{font-size:15px!important;line-height:130%!important;}
	
	/*-- 疑似改行-*/
.br::before {
	content: "\A" ;
	white-space: pre ;
	font-family:serif;
}
	
	
/* 梅庵ページ */
	.oseki-img{width:45%;}
	.oseki-content{width:55%;}
	.page-id-813 h3{margin-bottom:10px!important;}
	.page-id-813 .rbox{margin-top:-20px!important;}
	
	
  /* 札部分	 */
	.fuda p{width:300px; font-size:14px!important;line-height:150%;}	
	
	  /* 見出し部分 */
	.umean-menu{width:65px;}
	
}



/*media Queries スマホサイズ（443px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 443px) {

/* topスライダー見た目調整 */
	img.alignnone.size-medium.wp-image-16{top:130px;width:300px;}
	.cyousei{margin-top:440px;}

	/* topお知らせ部分 */
	.home .osirase{height:960px!important;}	

/* 美味しさの秘密 */
	.himitsu-box p{padding:0 5px 10px 5px;}
	.responbox60 .lbox{padding-left:0;}
	.responbox .lbox{padding-left:0;}
	p.himitsu-2{margin-top:20px;}
	
	
	

/* お知らせ部分 */
	.insta-box{margin-top:-20px;}
	.osirase{height:1120px;}
	p.osusumemoji{padding:0px 17px!important;line-height:25px;}
	
		
	
/* フッターお問い合わせ部分 */
.footershita{
	position:fixed;
	bottom:0px;
	right:0px;
	z-index:999;
	text-align:center;
    width:100%;
	height:130px;
	background-color:#333;
	background-position:center;
	}
.footershita-shita{
	color:#fff;
	margin:0 auto;
	width:80px;
	}

.footershita p{
	color:#fff;
	font-size:18px;
	font-family:serif;
	font-weight:700;
	padding:8px 0px;
	margin-left:-30px;
	}		
	
.footershita a{text-decoration:none;}	
	
.footershita a:hover{opacity: 0.5;}	
	
	.footershita a::after{
		position: absolute; /*--positionを追加--*/
	top: 0;
	left: 100%;
	margin: 0 1rem;
	content: "";
	width: 1px; /*--縦線の太さ(幅)--*/
	height: 100%;
	background-color: #333; /*--縦線の色--*/
	}

	img.alignnone.size-thumbnail.wp-image-99{width:30%;margin-left:20px;}
	p.tyousei1{font-size:18px;margin:5px 0;padding-bottom:0;}
	
	.shitanodan{display:flex;height:80px;align-items:center;background-color:#111;}
	
	.danbox{display:flex;align-items:center;margin:0 -2px;border-left:solid 1px #fff;}
	.nakabox{width:50%;}

	
/* フッターお問い合わせ（梅庵）分 */
	.home .umean-footershita{display:none;}	
	.page-id-19 .umean-footershita{display:none;}	
	.page-id-122 .umean-footershita{display:none;}	
	.page-id-634 .umean-footershita{display:none;}	
	.page-id-21 .umean-footershita{display:none;}	
	.page-id-23 .umean-footershita{display:none;}	
	.page-id-25 .umean-footershita{display:none;}	
	.page-id-813 .footershita{display:none;}
	
.umean-footershita{
	position:fixed;
	bottom:0px;
	right:0px;
	z-index:999;
	text-align:center;
    width:100%;
	height:90px;
	background-color:#111;
	background-position:center;
	}

.umean-footershita p{
	color:#fff;
	font-size:18px;
	font-family:serif;
	font-weight:700;
	padding:8px 0px;
	margin-left:-120px;
	}		
	
.umean-footershita a{text-decoration:none;}	
	
.umean-footershita a:hover{opacity: 0.5;}	
	
.umean-footershita a::after{
		position: absolute; /*--positionを追加--*/
	top: 0;
	left: 100%;
	margin: 0 1rem;
	content: "";
	width: 1px; /*--縦線の太さ(幅)--*/
	height: 100%;
	background-color: #333; /*--縦線の色--*/
	}

	img.alignnone.size-thumbnail.wp-image-100{width:15%;margin-left:-20px;}

	.umean-footershita .danbox{margin-top:15px;}
	
		
	
	
/* フッターお問い合わせ部分ここまで */		

/* フッター高さ調整 */
	#footer-in{margin-bottom:130px;}
	
/* ふわふわのお問合せ非表示	 */
	.fuwafuwa{display:none;}
	.fuwafuwa2{display:none;}
	.fuwafuwa3{display:none;}


/* 2階層 */
	#st-mobile-logo img{max-height:90px!important;}
	#st-header-post-under-box.st-header-post-data{height:220px;}
/* ２階層グレーボックス */
	.menu-box2{height:630px;}		
	

/* 店内情報 */
	img.alignnone.size-full.wp-image-127{width:100%;}
	
/* 求人の表 */
	table th{width:110px;padding-right:5px;}	
	
/* テイクアウトページ */
	.tyuumon::after{
   content:"";
   display: block;
   width:70px;
	}
	.naka-box{width:15%;padding-left:15px;}
	

/* 梅庵グレーボックス */	
	.page-id-124 img.alignnone.size-full.wp-image-272{padding:18px 20px;width:22%;}
	.page-id-124 .menu-box2{height:300px;}	
	.page-id-124 .menu-box2 h3{font-size:20px!important;padding-top:20px!important;padding-bottom:10px!important;}
	.page-id-124 p.osusumemoji2{font-size:16px!important;}
	.insta-text{margin-top:0;}
	

/* メニューグレーボックス */
	.page-id-213 .menu-box2{height:650px;}		

	
	/* 新グランドメニューcss */
	.menu-title img{width:40%;}
		
	
	/*-- ここまで --*/
}



/*media Queries スマホサイズ（414px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 414px) {

/* リード文 */	
.readarea{width:260px;height:auto;margin:0px auto 50px;}		

/* ２階層グレーボックス */
	.menu-box2{height:610px;}	
	img.alignnone.size-full.wp-image-272{width:22%; padding:20px 20px;}
	
/* 梅庵グレーボックス */	
	.page-id-124 .menu-box2{height:290px;}	
	
	/* メニューグレーボックス */
	.page-id-213 .menu-box2{height:630px;}	
	

	/* 梅庵ページ */
	.slider{height:50vh;}
.slider-item {height:50vh!important;}	
	
 /*-- 札テキストの疑似改行-*/
.br3::before {
	content: "\A" ;
	white-space: pre ;
	font-family:serif;
}	
	
/* 札部分	 */
	.fuda p{width:260px; font-size:12px!important;text-align:center;}		
	
	
}



/*media Queries スマホサイズ（393px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 393px) {

/* topスライダー見た目調整 */
	.slide-img img{height:90vh;}
	img.alignnone.size-medium.wp-image-16{top:140px;width:280px;}
	.cyousei{margin-top:500px;}
	
/* お知らせ部分 */
	.home .osirase{height:850px!important;}
	.home p.osusumemoji{font-size:14px!important;font-weight:300;}
	.home p.osusumemoji{margin:0!important;padding:10px 0!important;padding-left:10px!important;}
	.home img.alignnone.size-full.wp-image-272{width:12%;padding:10px 0 10px 0;margin-left:-3px!important;}
	.home p.tenmei{margin-top:10px;}
	
	
	
/* お知らせのスライダー */
	.content-post-slider .post-slide-date, .post-card-list .post-card-date{font-size:14px;padding:0;}
	

/* footer */
	#footer-wrapper{padding-bottom:50px;}
	

/* 村上店 */
	img.alignnone.size-full.wp-image-127{width:400px;}		
	
/* 梅庵 */
	img.alignnone.size-full.wp-image-151{width:300px;}
	
	/* topへ戻るボタン */
#page-top:not(.page-top-img) a{margin-bottom:120px;}
	
/* 	テイクアウトページ */
	.naka-box{margin-bottom:30px;}
	
/* ２階層グレーボックス */
	.menu-box2{height:590px;}	
	img.alignnone.size-full.wp-image-272{padding:18px 18px;}
	p.osusumemoji2{font-size:14px!important;}
	
/* 梅庵グレーボックス */	
	.page-id-124 img.alignnone.size-full.wp-image-272{padding:18px 18px;}
	.page-id-124 p.osusumemoji2{font-size:14px!important;}
	.page-id-124 .menu-box2{height:280px;}
	
		/* メニューグレーボックス */
	.page-id-213 .menu-box2{height:600px;}	
	
/* new梅庵ページ */
	/* 見出し部分 */
	.umean-menu{width:55px;}	
	.flex-box{margin-top:120px;}
	.one{margin-top:110px;}
	.one2{margin-top:140px;}
	.one3{margin-top:140px;}
	img.alignnone.size-full.wp-image-1034{margin-top:30px;}
	img.alignnone.size-full.wp-image-1036{margin-top:20px;}
	.oseki-contaner{margin-top:70px!important;}
	
}


/*media Queries スマホサイズ（375px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 375px) {
	
/* topスライダー見た目調整 */
	.cyousei{margin-top:350px;}
	
/* お知らせ部分 */
	.home .osirase{height:830px!important;}
	
	
/* テイクアウトページ */
	.tyuumon::after{width:60px;}
	.naka-box{width:60px;}
	
/* ２階層グレーボックス */
	.menu-box2{height:540px;}	
	img.alignnone.size-full.wp-image-272{padding:10px 18px;}	
	p.osusumemoji2{padding:0;}

	
/* 梅庵グレーボックス */	
	.page-id-124 .menu-box2 h3{font-size:18px!important;}

	
	/* メニューページグレーボックス */
	.page-id-213 .menu-box2{height:590px;}		
	
	
}



/*media Queries スマホサイズ（360px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 360px) {
	
/* topスライダー見た目調整 */
	img.alignnone.size-medium.wp-image-16{top:100px;width:250px;}

/* お知らせ部分 */
	.home .osirase{height:820px!important;}	
	.home img.alignnone.size-full.wp-image-272{padding:12px 0;}
	
	
/* ２階層グレーボックス */
	.menu-box2{height:520px;}	
	
/* 梅庵グレーボックス */	
	.page-id-124 .menu-box2{height:260px;}
	
	/* メニューグレーボックス */
	.page-id-213 .menu-box2{height:570px;}			
	
	
}


/*media Queries スマホサイズ（320px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 320px) {
	

/* topスライダー見た目調整 */
	.cyousei{margin-top:500px;}
	.slide-img img{height:100vh;}	
	
/* お知らせ部分 */
	.home .osirase{height:830px!important;}		
	
	
/* ハンバーガーメニュー */
#g-nav li a{font-size:18px;line-height:30px;}	
	
/* フッター調整 */
	#footer-wrapper{padding-bottom:30px;}	
	
	
/* フッターお問い合わせ部分	 */
	p.tyousei1{font-size:16px;margin-left:5px;}
	p.tyousei2{font-size:13px;margin-left:5px;}
	
/* フッターお問い合わせ部分（梅庵）	 */
	.umean-footershita p.tyousei2{font-size:15px;margin-left:-105px;}
	
/* お知らせ部分 */
	.osirase{height:990px;}
	p.osusumemoji{font-size:14px!important;padding-right:0!important;}
	.insta-text{margin-top:0;}
	
	
/* テイクアウトページ */
	.tyuumon::after{width:50px;}
	.naka-box{width:50px;}	
	
	
/* ２階層グレーボックス */
	.menu-box2{height:510px!important;}	
	img.alignnone.size-full.wp-image-272{padding:18px 14px;}	
	
	
/* 梅庵グレーボックス */	
	.page-id-124 .menu-box2{height:240px!important;}	

		/* メニューグレーボックス */
	.page-id-213 .menu-box2{height:550px!important;}		
	
	
	
}