@charset "utf-8";

/*google fontsの読み込み*/
@import url('https://fonts.googleapis.com/css?family=Poiret+One&display=swap');

/*slide.cssの読み込み*/
@import url(slide.css);


/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body,html {width: 100%;height: 100%;}
body {
	margin: 0px;
	padding: 0px;
	color: #000!important;	/*全体の文字色*/
	font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W8","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	/*フォント種類
	/*font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;*/
	/*font-family: a-otf-ryumin-pr6n, serif;*/
font-style: normal;
font-weight: bold;
	font-size: 20px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	background: #fff;	/*背景色*/
	-webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form,input,textarea {margin: 0px;padding: 0px;font-size: 100%;}
ul {list-style-type: none;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #000;		/*リンクテキストの色*/
	/*transition: 0.4s;	/*マウスオン時の移り変わるまでの時間設定。0.4秒。*/
}
a:hover {
	color: #000;			/*マウスオン時の文字色*/
	text-decoration: underline;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/*container。サイト全体を囲むブロック
---------------------------------------------------------------------------*/
/*containerブロック共通*/
#container {
	/*position: fixed;*/
	width: 100%;
	height: auto;
}
/*company.htmlの背景画像指定*/
.company #container {
	background: url(../images/1.jpg) no-repeat center center;	/*背景画像（※IE8以下の古いブラウザ用）*/
	background: url(../images/1.jpg) no-repeat center center / cover;	/*背景画像*/
}
/*works.htmlの背景画像指定*/
.works #container {
	background: url(../images/2.jpg) no-repeat center center;	/*背景画像（※IE8以下の古いブラウザ用）*/
	background: url(../images/2.jpg) no-repeat center center / cover;	/*背景画像*/
}
/*link.htmlの背景画像指定*/
.link #container {
	background: url(../images/3.jpg) no-repeat center center;	/*背景画像（※IE8以下の古いブラウザ用）*/
	background: url(../images/3.jpg) no-repeat center center / cover;	/*背景画像*/
}
/*contact.htmlにも背景画像を指定したい場合は、以下にスタイルを追加して下さい。*/
.contact #container {
	background: #f4f1ee;
}

/*contentsブロック
---------------------------------------------------------------------------*/
#contents {
	height: auto;
	width: 100%;
}
/*トップページのcontentsブロック。Whats's Newブロック以降の表示箇所です。*/
.home #contents {
	height: auto;
	position: absolute;
	width: 100%;
	/*bottom: 0px;	/*下からの配置指定*/
	/*right: 15%;		/*右からの配置指定*/
	top:100%;
	margin:0 auto;
}

/*header（大きな端末用）
---------------------------------------------------------------------------*/
/*headerブロック*/
/*ヘッダーブロック*/
header .pc{
	height: 85px;
	background: #fff;
	position: relative;
}

/*logo*/
.menu-logo{
	width:20%!important;
	float:left;
	margin-top:5px;
}
/*メインメニュー
---------------------------------------------------------------------------*/
#menubar {
	position: fixed;
	z-index: 10;
	text-align: center;	/*文字を中央に*/
	background: #fff;	/*背景色*/
	border-bottom: 4px solid #000;	/*下線の幅、線種、色*/
	width:100%;
}

#menubar .inner{
	float:right!important;
	/*background:#ccc;*/
	width:80%;
	padding:5px 0px;
}
#menubar ul{
	width:100%;
	margin:10px 0px;
}
/*メニュー１個あたりの設定*/
#menubar ul li {
	float: left;	/*左に回り込み*/
	width: 12%;		/*幅。今回は8個メニューがあるので100÷8=12.5*/
	display:inline-table;
	vertical-align:middle;
	
}

#menubar ul li img{width:auto;}
#menubar ul li a {
	text-decoration: none;display: block;
	/*height: 35px;	/*メニューブロックの高さ*/
	/*padding-top: 5px;	/*メニューブロックの高さプラス、上に空ける余白。メニューテキストの上下の配置バランスをここで調整して下さい。*/
}
/*文字*/
#menubar ul li span {
	display: block;
	font-size: 15px;	/*文字サイズ*/
	color: #000;		/*文字色*/
	/*padding-top:5px;*/
	text-align:center;
	border-left:solid 1px #ccc;
	margin:10px 0px;
	padding:0px 10px 0px 10px;
}
/*右側罫線*/
#menubar ul li span.right-line {
	border-right:solid 1px #ccc;
}

/*Multilingual 地球アイコン*/
.earth{
	background: url("../images/earth.png") no-repeat 10px center / 15px;	/*矢印アイコンの読み込み。左から10px、上下中央に配置。幅15px。*/
}
/*スマホ用メニューを表示させない*/
#menubar-s {display: none;}
/*３本バーアイコンを表示させない*/
#menubar_hdr {display: none;}


/*ドロップダウンメニュー用
----------------------------------------------------------------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar ul.ddmenu {
	position:absolute;
	visibility: hidden;
	padding: 0;
	height: auto;
	width: 11%;	/*ブロックの幅*/
	border-radius: 8px;	/*角丸のサイズ*/
	background: #fff;	/*背景色*/
	padding: 6px;			/*ブロック内の余白*/
	font-size: 13px;		/*文字サイズ*/
	text-align: left;		/*文字を左よせ*/
	box-shadow: 2px 2px 8px rgba(0,0,0,0.2);	/*ボックスの影。右へ、下へ、広げる幅、0,0,0は黒の事。0.2は20%透明度。*/
	border:solid 2px #666;
	top:50px;
	
}
#menubar ul.ddmenu::before {
	/*content: "▲";*/
	font-size: 15px;
	color: #000;
	position: absolute;
	top: -18px;
	right: 0%;
}
/*メニュー１個あたりの設定*/
#menubar ul.ddmenu li {
	width: 100%;		/*幅。２列なら50%。*/
	float: left;	/*左に回り込み*/
	border-right:none;
}
#menubar ul.ddmenu li a {
	transition: 0s;background: none;height: auto;width: 100%;
	color: #000;	/*文字色*/
	opacity: 0.7;	/*透明度70%*/
	padding: 10px 5px;	/*上下、左右への余白*/
}
/*マウスオン時*/
#menubar ul.ddmenu li a:hover {
	opacity: 1;	/*100%表示にする*/
}


/*ロゴ画像*/
/*#menubar ul.ddmenu li img{
	width:90%;
}

/*ロゴ画像*/
/*#menubar ul.ddmenu li img.ue{
	width:50%;
}*/
/*LINE,facebook,instaのアイコンブロック
---------------------------------------------------------------------------*/
/*アイコンを囲むブロック全体の設定*/
.icon {
	text-align: center;	/*内容をセンタリング*/
	/*border-bottom: 1px solid #a59c8f;	/*下線の幅、線種、色*/
	padding: 10px 0;	/*上下、左右への余白*/
	position:fixed;
	top:37%;
	right:-20px;
	z-index:101;
}
/*アイコン１個あたりの設定*/
.icon li {
	/*display: inline;	/*横並びにさせる指定*/
	  display: list-item;  /* 縦に並べる */
  list-style-type: none;
  text-transform: uppercase;
  padding: 0.5em;
}
/*アイコン画像の設定*/
.icon img {
	width: 50%;		/*画像の幅*/
}

.icon-deco{
	border-radius:10px;
}

/*mainブロック
---------------------------------------------------------------------------*/

#main{top:75px; padding-bottom:70px;}


/*アニメーション設定------------------------*/
@keyframes main {
/*0コマ目*/
0% {
	opacity: 0;
	top: 20px;
}
/*100コマ目*/
100% {
	opacity: 1;
	top: 0px;
}
}
/*mainブロック*/
#main {
	/*overflow: auto;*/
	/*padding: 2% 10%;		/*上、右、下、左へのブロック内の余白*/
	width:100%;
	/*height: 98%;				/*高さ*/
	position: relative;
	margin:0 auto;
}
/*h2タグ*/
#main h2 {
	clear: both;
	margin-bottom: 20px;	/*見出しの下に空けるスペース*/
	font-size: 36px;		/*文字サイズ*/
	letter-spacing: 0.2em;	/*文字間隔を少し広くとる設定*/
	color: #000;			/*文字色*/
	line-height:1.5em;
}
/*h2タグの１文字目への指定*/
/*#main h2::first-letter {
	border-left: 3px solid #a59c8f;	/*左の線の幅、線種、色*/
	/*padding-left: 20px;				/*線と文字の間の余白*/
/*}
/*h2タグにclass="title"をつけたタイプ。大見出し。*/
#main h2.title {
	font-family: 'Poiret One';	/*冒頭のgoogle fontsの指定*/
	font-size: 60px;			/*文字サイズ*/
	margin-bottom: 40px;		/*見出しの下に空けるスペース*/
	border-bottom: 1px solid #a59c8f;	/*下線の幅、線種、色*/
}
#main h2.title::first-letter {
	border-left: none;
	padding-left: 0;
}
/*h2タグにclass="title"をつけたタイプ内にあるspanタグ*/
#main h2.title span {
	display: block;
	font-size: 15px;	/*文字サイズ*/
	float: right;		/*右に回り込み*/
	margin-top: 60px;	/*上に空ける余白。上下のバランスをここでとります。*/
}
/*h3タグ*/
#main h3 {
	clear: both;
	margin-bottom: 20px;	/*見出しの下に空けるスペース*/
	font-size: 20px;		/*文字サイズ*/
}
/*段落(p)タグ*/
#main p {
	padding: 0 20px 20px;	/*上、左右、下への余白*/
}
/*他。微調整。*/
#main p + p {
	margin-top: -5px;
}
#main h2 + p,
#main h3 + p {
	margin-top: -10px;
}

#main h4{
	text-align:right;
	background:#fff;
	width:auto;
	padding:40px 15% 40px 15%;
	position:relative;
	margin:0 auto;
}

#main h6{
	text-align:right;
}

/*セクションとの間のすきまをなくす
-----------------------------------------------------------*/
#main section + section {
	clear: both;
	padding-top: 0px;
}





/*listブロック（works.htmlで使用）
---------------------------------------------------------------------------*/
/*各ボックスの指定*/
.list {
	position: relative;
	float: left;	/*左に回り込み*/
	width: 30%;		/*幅*/
	margin-left: 2.5%;	/*左に空けるスペース*/
	margin-bottom: 20px;	/*下に空けるスペース*/
	/*background: #000;	/*背景色*/
	/*color: #fff;	/*文字色*/
}
.list a {
	display: block;
	text-decoration: none;
	/*color: #fff;	/*文字色*/
}

/*figure画像*/
.list a figure {
	/*opacity: 0.6;	/*リンクを指定した際は60%だけ色を出す。*/
}
/*マウスオン時のfigure画像*/
.list a:hover figure {
	/*opacity: 1;		/*リンクを指定した際のマウスオン時に色を100%出す。*/
}
/*h4タグ*/
.list h4 {
	/*position: absolute;*/
	/*bottom: 0px;	/*下からの配置場所指定。*/
	/*left: 0px;		/*左からの配置場所指定。*/
	width: 100%!important;
	/*background: #000;	/*背景色（古いブラウザ用）*/
	/*background: rgba(0,0,0,0.5);	/*背景色。0,0,0は黒の事で0.5は色が50%出た状態。*/
	background:none!important;
	text-align: left!important;	/*内容をひだりよせ*/
	padding: 8px 0!important;	/*上下、左右への余白*/
	/*font-size:17px;*/
	letter-spacing: -0.1em;
	line-height:1.3em;
}

.list p{
	font-size:14px;
	text-align:left;
	line-height:1.5em;
	padding:0px!important;
}


/*list4　4列ブロック（homeのDELI＋で使用）
---------------------------------------------------------------------------*/
/*各ボックスの指定*/
.list4 {
	position: relative;
	float: left;	/*左に回り込み*/
	width: 23%;		/*幅*/
	margin-right: 2%;	/*左に空けるスペース*/
	margin-bottom: 20px;	/*下に空けるスペース*/
	/*background: #000;	/*背景色*/
	/*color: #fff;	/*文字色*/
	margin-top:20px;
}

.list4 .last{  /*最後のパーツ*/
	position: relative;
	float: left;	/*左に回り込み*/
	width: 25%;		/*幅*/
	margin-right: 0;	/*左に空けるスペース*/
	margin-bottom: 20px;	/*下に空けるスペース*/
	/*background: #000;	/*背景色*/
	/*color: #fff;	/*文字色*/
}
.list4 a {
	display: block;
	text-decoration: none;
	/*color: #fff;	/*文字色*/
}

/*figure画像*/
.list4 a figure {
	/*opacity: 0.6;	/*リンクを指定した際は60%だけ色を出す。*/
}
/*マウスオン時のfigure画像*/
.list4 a:hover figure {
	/*opacity: 1;		/*リンクを指定した際のマウスオン時に色を100%出す。*/
}
/*h4タグ*/
.list4 h4 {
	/*position: absolute;*/
	/*bottom: 0px;	/*下からの配置場所指定。*/
	/*left: 0px;		/*左からの配置場所指定。*/
	width: 100%!important;
	/*background: #000;	/*背景色（古いブラウザ用）*/
	/*background: rgba(0,0,0,0.5);	/*背景色。0,0,0は黒の事で0.5は色が50%出た状態。*/
	background:none!important;
	text-align: left!important;	/*内容をひだりよせ*/
	padding: 8px 0!important;	/*上下、左右への余白*/
	font-size:17px;
	letter-spacing: -0.1em;
}

.list4 p{
	font-size:14px;
	text-align:left;
	line-height:1.5em;
	padding:0px!important;
}



/*footerブロック
---------------------------------------------------------------------------*/

/*パンくずリスト
---------------------------------------------*/
.bread{
border-top:solid 1px #666;
	border-bottom:solid 1px #666;
	text-align:left;
	width:80%;
	padding:0px 10% 0px 10%;
	position:relative;
	margin:0 auto;
	background:url("../images/bg.jpg");
	background-position:bottom;
	clear:both;
}


footer {
	clear: both;
	text-align: right;
	/*padding-top: -40px;*/
	background:url("../images/bg.jpg");
	width:80%;
	padding:0px 10% 100px 10%;
	display:inline-block;
}
/*.home footer {padding-bottom: 10px;}*/
footer a {text-decoration: none;}

small{font-weight:normal;}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	overflow: hidden;
	padding: 20px 0;	/*上下、左右へのボックス内の余白*/
	font-size: 17px;	/*文字サイズを少し小さく*/
	clear:both;
}
/*１行分の設定*/
#footermenu ul {
	float: left;	/*左に回り込み*/
	width: 30%;		/*幅。今回は4列作ったのでここの幅23%と下のpadding(合計の2%)でトータル25%になるよう設定。列に応じて調整して下さい。*/
	padding-right: 1%;
	padding-left: 2%;
}
/*メニュー１個あたりの設定*/
#footermenu ul li {
	padding: 0 10px;	/*上下、左右への余白*/
	text-align:left;
}
/*見出し*/
#footermenu li.title {
	font-weight: bold;	/*太字にする*/
	background: rgba(0,0,0,0.1);	/*背景色*/
	border-radius: 2px;	/*角丸のサイズ*/
}

/* リストの印*/
#footermenu ul li {
	position: relative;
}
#footermenu ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .8em;
	left: -1em;
	width: 6px;
	height: 6px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*リンクテキスト*/
#footermenu a {
	text-decoration: none;
	/*opacity: 0.7;	/*透明度。70%色がでた状態の事。*/
}
/*マウスオン時*/
#footermenu a:hover {
	/*opacity: 1;	/*透明度。100%色がでた状態の事。*/
	text-decoration:underline;
}


/*背景の設定
-------------------------------------------------*/
.bg-w{
	background:#fff;
	padding:40px 0px;
}

.bg01{
	background: url("../images/bg.jpg");
	background-size:cover;
	width:70%;
	padding:40px 15% 40px 15%;
	position:relative;
	margin:0 auto;
	float:left;
}


/*「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/

#l-title{
	width:180px;
	float:left;
}

#new{
	background-color:#fff!important;
	width:70%;
	padding:40px 15% 40px 15%;
	position:relative;
	margin:0 auto;
	float:left;
	font-size:16px;
}

/*#QNNEWS{
	overflow:auto;
}*/

/*見出しを含まないお知らせブロック*/


#new dl {
	/*height: 100px;		/*高さ*/
	/*overflow: hidden;	/*高さを超えるコンテンツ量部分は非表示に*/
	width:70%;
	float:left;
	border-bottom:dotted 1px #ccc;
	padding:10px 0px 10px 0px;
	margin-left:8%;
}
/*ブロックのマウスオン時*/
#new dl:hover {
	/*overflow: auto;	/*スクロールバーを自動で表示*/
}
/*日付設定*/
#new dt {
	float: left;	/*左に回り込み*/
	width: 15em;		/*幅*/
	letter-spacing: 0.1em;	/*文字間隔を少しだけ広くとる設定*/
}
/*記事設定*/
#new dd {
	padding-left: 16em;	/*左に空ける余白*/
}

.news-icon{
	/*display:inline-block;
vertical-align: middle;*/
	margin-left:10px;
}

.ml250{margin-left:250px!important;
	padding-top:20px!important;
}

/*home　味のこだわり
-------------------------------------------------------*/
/*和紙背景*/

.kodawari-bg{
	background: url("../images/bg.jpg");
	width:auto;
	padding:0px 15% 0px 0%;
	position:relative;
	margin:0 auto;
	float:left;

}
/*そとわく　丼背景*/
.kodawari-inner{
	width:100%;
	float:left;
	padding:none;
		background: url("../images/bg-kodawari.jpg")no-repeat;
	background-size:contain;
	background-position:-20% top;
}

.kodawari-left{
	width:45%;		
	float:left;
	height:auto;
}

.kodawari-right{
	width:50%;
	padding:40px 0% 40px 5%;
	float:right;
background: url("../images/bg.jpg");
	background-position:20% top;
}

/*文字ブロック*/
.kodawari-right p{
	padding:20px 0px 20px 0px!important;
	float:right;
}






/*home　季節のメニュー
--------------------------------------------*/
/*2021summer
--------------------------------*/
.demaekan{
	width:100%;
	margin:40px 0;
	text-align:center!important;
	float:left;
	clear:both;
	display:inline-block;
}
.d-bnr-pc{
	display:inline;
}
.d-bnr-sp{
	display:none;
}



.menu-sub{
	border-radius:75px;
	width:130px;
	float:right;
	margin-left:20px;
}


.kagome{
	float:left;
	width:100%;
	text-align:left;
	margin:40px 0;
}

.kagome p{
	font-size:16px;
	line-height:1.5em;
	font-weight:normal;
	margin:0px 0;
}

.kagome-l{
	float:left;
	width:50%;
	text-align:right;/*2021秋冬のみ*/
}
.kagome-l img{/*2021秋冬のみ*/
	height:auto!important;/*2022夏*/
	width:auto;/*2021秋冬のみ*/
}
.kagome-r{
	float:right;
	text-align:left!important;
	width:45%;
	padding-left:0%;
}

.kagome-r h5{
	border-left:solid 4px #00a63c!important;
	font-size:120%!important;
	background:none!important;
	text-align:left!important;
	padding:5px 0px 5px 0px;
	margin-bottom:15px;
	line-height:1.2em;
}

.kagome-sub{
	font-size:80%;
	margin-left:30px;
}
/*季節メニュー名称　サブ*/
.menuname-sub{
	margin-left:20px;
}

.bb{
	border-bottom:dotted 1px #333;
}

.em{
	font-weight:bold!important;
font-size:110%!important;
	line-height:1.2em;
	margin-top:20px!important;
}

.btn{float:right;}

/*詳しく見る*/
.kuwashiku01{
	position:absolute;
	bottom:10px;
	left:15%;
}

/*home　その他の業態
-----------------------------------------------------------*/
.other-box01{
	background: url("../images/bg-udon01.png")no-repeat;
	background-size: cover;
	width:auto;
	padding:40px 43% 40px 0%;
	position:relative;
	margin:0 auto;
	float:left;
}

.other-box02{
	background: url("../images/bg-udon02.png")no-repeat right;
	background-size:cover;
	width:auto;
	padding:40px 0% 40px 43%;
	position:relative;
	margin:50px auto 0px auto;
	float:left;
}


.other-box-deli{
	background: url("../images/deli-bg.png")no-repeat;
	background-size:contain;
	width:auto;
	padding:40px 0% 40px 43%;
	position:relative;
	margin:40px auto 0px auto;
	float:left;
}
	
.other-box-taiga{
	background: #fff url("../images/taiga-bg.png")no-repeat left top;
	background-size:contain;
	width:auto;
	/*padding:40px 0% 40px 43%;*/
	padding:0 0 0 30%;
	position:relative;
	margin:40px auto 0px;
	float:left;
}
	
.other-box-yokokura{
	background: url("../images/yokokura-bg.png")no-repeat;
	background-size:contain;
	width:auto;
	padding:40px 0% 40px 43%;
	position:relative;
	margin:40px auto 0px auto;
	float:left;
}

.other-text-box-l{
	background:#fff;
	margin-top:40px;
	float:left;
	padding:40px;
}

.other-text-box-r{
	background:#fff;
	float:right;
	/*margin-top:30px;
	/*margin:left:43%;*/
	padding:30px 0 0;
	text-align:left;
	font-size:80%;
}

h5{
	font-size:36px;
	font-weight:bold;
	text-indent: 1em;
	text-align:left!important;
}

.other-text-box-r h5 img{
	margin:20px 0 0;
	float:left!important;
}

/*メディア掲載
-------------------------------------------------------------------*/
    /* {
      box-sizing: border-box;
    }*/
	
/*外枠設定*/
	  .slider-box{
		  background: url("../images/bg.jpg");
		  background-size:cover;
		  width:100%;
	  }
    .slider {
        width: 90%; /*スライダーの幅　矢印分の余白をとっている*/
        margin: 40px auto;
    }
	
/*個別設定*/
    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }
.media-info{
	padding:15px 0;
}
.media-title{
	font-size:20px;
	font-weight:bold;
	float:left;
	width:100%;
	line-height:1.3em;
}

.comment{
	font-size:16px;
	float:left;
	width:100%;
	text-align:left;
	line-height:1.2em;
}

/*丸いリンク
----------------------------------------*/
.circle-box{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
  /*border: 1px solid #aaa;*/
  text-align: center!important;
  /*height: 150px;*/
  padding: 10px;
  margin: 20px;
}

.circle-box img{
	padding:20px;
	}


/*タイトル*/
.circle-title {
	padding: 10px 0;	/*上下、左右への余白*/
	font-size:30px;
	font-weight:bold;
}


/*テーブル
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption {
	border: 1px solid #a59c8f;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: left;		/*文字を左寄せ*/
	font-weight: bold;		/*太字に*/
	padding: 10px;			/*ボックス内の余白*/
	background: #a59c8f;		/*背景色*/
	color: #fff;	/*文字色*/
}
/*テーブルの見出し（※tamidashi）*/
.ta1 th.tamidashi {
	width: auto;
	text-align: left;	/*左よせ*/
	background: #a59c8f;	/*背景色*/
	color: #fff;	/*文字色*/
}
/*ta1設定*/
.ta1 {
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 20px;
}
.ta1, .ta1 td, .ta1 th {
	word-break: break-all;
	border: 1px solid #a59c8f;	/*テーブルの枠線の幅、線種、色*/
	padding: 10px;	/*ボックス内の余白*/
}
/*ta1の左側ボックス*/
.ta1 th {
	width: 140px;		/*幅*/
	text-align: center;	/*センタリング*/
}

/*フォーム関連
---------------------------------------------------------------------------*/
/*ボタン（btn）*/
input[type="submit"].btn,
input[type="button"].btn,
input[type="reset"].btn {
	padding: 5px 20px;		/*上下、左右へのボックス内の余白*/
	border-radius: 3px;		/*角丸のサイズ*/
	background: #eee;	/*背景色*/
	color: #666;		/*文字色*/
}
/*マウスオン時のボタン（btn）設定*/
input[type="submit"].btn:hover,
input[type="button"].btn:hover,
input[type="reset"].btn:hover {
	background: #fff;	/*背景色*/
}
/*input,textarea共通*/
input,textarea {
	outline: none;background: transparent;
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	color: #666;	/*文字色*/
}
/*input,textareaのフォーカス時*/
input:focus,textarea:focus {
	border: 1px solid #999;	/*枠線の幅、線種、色*/
}

/*checkブロック。赤い注意書きブロックです。
---------------------------------------------------------------------------*/
p.check {
	background: #ff0000;
	color:#fff;
	padding: 10px 25px !important;
	margin-bottom: 20px;
}
p.check a {color: #fff;}

/*PAGE TOP（↑）設定
---------------------------------------------------------------------------*/
/*トップページで表示に。*/
.home .nav-fix-pos-pagetop a {
	display: inline;
}
/*設定*/
 .nav-fix-pos-pagetop a {
	display: block;
	text-decoration: none;
	text-align: center;
	z-index: 100;
	position: fixed;
	width: 40px;		/*ボタンの幅*/
	line-height: 40px;	/*ボタンの高さ*/
	bottom: 10px;		/*ウィンドウの下から20pxの場所に配置*/
	right: 10px;			/*ウィンドウの右から3%の場所に配置*/
	background: #a59c8f;	/*背景色*/
	color: #fff;		/*文字色*/
	/*border-radius: 50%;	/*円形にする指定*/
}
/*セカンド以降　設定*/
.jobinfo .nav-fix-pos-pagetop a {
	display: block;
	text-decoration: none;
	text-align: center;
	z-index: 100;
	position: fixed;
	width: 40px;		/*ボタンの幅*/
	line-height: 40px;	/*ボタンの高さ*/
	bottom: 100px;		/*ウィンドウの下から20pxの場所に配置*/
	right: 10px;			/*ウィンドウの右から3%の場所に配置*/
	background: #a59c8f;	/*背景色*/
	color: #fff;		/*文字色*/
	/*border-radius: 50%;	/*円形にする指定*/
}
/*マウスオン時の背景色*/
.nav-fix-pos-pagetop a:hover {
	background: #000;	/*背景色*/
	color: #ccc;		/*文字色*/
}

/*トップページのNEWアイコン
---------------------------------------------------------------------------*/
.newicon {
	background: #F00;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 70%;		/*文字サイズ*/
	line-height: 1.5;
	padding: 2px 5px;
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: text-top;
}

/*ul.disc,olタグ
---------------------------------------------------------------------------*/
ul.disc {
	list-style: disc;
	padding: 0 20px 20px 45px;
}
ol {
	padding: 0 20px 20px 45px;
}



/*その他
---------------------------------------------------------------------------*/
.look {background: #000;padding: 5px 10px;border-radius: 4px;border: 1px solid #666;color: #fff;}
.mb15,.mb1em {margin-bottom: 15px !important;}
.pb15{padding-bottom:15px!important;}
.mb30 {margin-bottom: 30px !important;clear:both;}
.mt05{margin-top:5px!important;clear:both;}
.mt10{margin-top:10px!important;clear:both;}
.mt20{margin-top:20px!important;clear:both;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mt70{margin-top:70px!important;}
.mt80{margin-top:80px!important;}
.pl6{padding-left:6%!important;}
.pl10{padding-left:10px!important;}
.pl20{padding-left:20px!important;}
.pl25{padding-left:25px!important;}
.clear {clear: both;}
.color1, .color1 a {color: #a59c8f !important;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center;}
.c img{margin:10px 10px; width:auto;}
.r {text-align: right;}
.l {text-align: left;}
.fl {float: left;}
.fr {float: right;}
.mini1 {font-size: 11px;display: inline-block;line-height: 1.5;}
.sh {display: none;}
.tab {display: none;}
/*改行したら左に余白*/
.kaigyo-sub{
	display:none;
	margin-left:30px;
}
.sp {display: none;}
#pagetop {display: block;margin-top: -2%;padding-top: 2%;}
.cb{clear:both;}
.fs12{font-size:12px; line-height:1.3em;}
.fs12s{font-size:12px; line-height:1.3em; margin-top:10px; color:#fff; text-align:center;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs26{font-size:26px; line-height:1.5em;}
.fs25{font-size:25px; line-height:1.5em;}
.fs24{font-size:24px; line-height:1.5em;}
.w30p {width: 30%;}
.w35p {width: 35%; margin:5px;}
.w40p {width: 40%; margin:5px;}
.w65p {width: 65%;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.pt20{padding-top:20px;}
.pt30{padding-top:20px;}
.pt40{padding-top:40px;}
.mr10{margin-right:10px;}
.mr5{margin-right:5px;}

/*ページ内リンク*/
.page-link {display: block;margin-top: -100px;padding-top: 100px;}

/*SDGs
----------------------------------------*/
.link-sdgs{
	width:100%;
	padding:20px 0;
	text-align:center;
}
.link-sdgs img{
	width:30%;
}

/*inviewのスタイル
---------------------------------------------------------------------------*/
/*共通設定（待機中）*/
.up, .left, .right, .transform1, .transform2 {
	opacity: 0;		/*透明度（透明の状態）*/
}
/*共通設定（要素が見えたら実行するアクション）*/
.upstyle, .leftstyle, .rightstyle, .transform1style, .transform2style {
	opacity: 1;		/*透明度（色が100%出た状態）*/
	transition: 0.5s 0.5s;	/*0.5sはアニメーションの実行時間0.5秒。0.5sは0.5秒遅れてスタートする指定。*/
}
/*upスタイル。下から上にフェードインしてくるスタイル（待機中）*/
.up {
	bottom: -50px;	/*基準値の下50pxの場所からスタート*/
}
/*要素が見えたら実行するアクション*/
.upstyle {
	bottom: 0px;	/*基準値まで戻す*/
}
/*leftスタイル。左からフェードインしてくるスタイル（待機中）*/
.left {
	left: -100px;	/*基準値より左に100pxの場所からスタート*/
}
/*要素が見えたら実行するアクション*/
.leftstyle {
	left: 0px;		/*基準値まで戻す*/
}
/*rightスタイル。右からフェードインしてくるスタイル（待機中）*/
.right {
	right: -100px;	/*基準値より右に100pxの場所からスタート*/
}
/*要素が見えたら実行するアクション*/
.rightstyle {
	right: 0px;		/*基準値まで戻す*/
}
/*transform1スタイル。その場で回転するスタイル（待機中）*/
.transform1 {
	transform: scaleX(0);	/*幅を0%でスタート*/
}
/*要素が見えたら実行するアクション*/
.transform1style {
	transform: scaleX(1);	/*幅を100%に戻す*/
}
/*transform2スタイル。倒れた状態から起き上がるスタイル（待機中）*/
.transform2 {
	transform: perspective(400px) rotateX(100deg);
}
/*要素が見えたら実行するアクション*/
.transform2style {
	transform: perspective(0px) rotateX(0deg);
}


/*画面を縦に向けた時の設定。縦長画像を別途用意してそれを読み込みます。
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (orientation: portrait){

/*container。サイト全体を囲むブロック
---------------------------------------------------------------------------*/
/*company.htmlの背景画像指定*/
.company #container {
	background: url(../images/1s.jpg) no-repeat center center / cover;	/*背景画像*/
}
/*works.htmlの背景画像指定*/
.works #container {
	background: url(../images/2s.jpg) no-repeat center center / cover;	/*背景画像*/
}
/*link.htmlの背景画像指定*/
.link #container {
	background: url(../images/3s.jpg) no-repeat center center / cover;	/*背景画像*/
}

}


/*画面幅1367px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1367px){
/*home　味のこだわり
-------------------------------------------------------*/
/*見出しを含まないお知らせブロック*/


#new dl {
	/*height: 100px;		/*高さ*/
	/*overflow: hidden;	/*高さを超えるコンテンツ量部分は非表示に*/
	width:75%;
	float:right;
	border-bottom:dotted 1px #ccc;
	padding:10px 0px 10px 0px;
	margin-left:0%;
}
	
	
	/*Multilingual 地球アイコン*/
#menubar ul li.earth{
	background: url("../images/earth.png") no-repeat 20% center / 15px;	/*矢印アイコンの読み込み。左から0px、上下中央に配置。幅10px。*/
	padding-left:5px;
	
}
	
/*文字*/
#menubar ul li span {
	font-size: 14px;	/*文字サイズ*/
}
	
	
.other-box-taiga{
	background: #fff url("../images/taiga-bg.png")no-repeat left top;
	background-size:contain;
	width:auto;
	/*padding:40px 0% 40px 43%;*/
	padding:0 0 0 40%;
	position:relative;
	margin:40px auto 0px;
	float:left;
}

}


/*画面幅1100px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1200px){
	
	

	
	/*Multilingual 地球アイコン*/
#menubar ul li.earth{
	background: url("../images/earth.png") no-repeat 0% center / 15px;	/*矢印アイコンの読み込み。左から0px、上下中央に配置。幅10px。*/
	padding-left:5px;
	
}	
	
	
.other-box-taiga{
	background: #fff url("../images/taiga-bg.png")no-repeat left top;
	background-size:contain;
	width:auto;
	/*padding:40px 0% 40px 43%;*/
	padding:0 0 0 40%;
	position:relative;
	margin:40px auto 0px;
	float:left;
}
	
}


/*画面幅1025px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1025px){


	body {font-size: 13px;	/*文字サイズ*/	
	line-height:1.7em;}
	
	.fs20{font-size:16px;}
	
/*header（小さな端末用：上部ブロック）
---------------------------------------------------------------------------*/
/*ロゴ画像ブロック*/
header.sh .logo {
	width: 80px;	/*ロゴ画像の幅*/
}
	
	

#main{top:0px; padding-bottom:0px;}
	
/*メインメニュー
---------------------------------------------------------------------------*/
/*アニメーションのフレーム設定。全100コマアニメーションだと思って下さい。
透明(opacity: 0;)から色をつける(opacity: 1;)までの指定。*/
@keyframes menubar {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/*スマホ用メニューブロック*/
#menubar-s {
	display: block;
	position: fixed;
	z-index: 3;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: rgba(0,0,0,0.8);	/*背景色*/
	animation-name: menubar;		/*上のkeyframesの名前*/
	animation-duration: 0.5s;		/*アニメーションの実行時間。0.5秒。*/
	animation-fill-mode: both;		/*待機中は最初のキーフレームを、完了後は最後のキーフレームを維持*/
	/*border-top: 1px solid #fff;		/*上の線の幅、線種、色*/
}
/*navブロックのみの追加指定*/
#menubar-s nav {
	border-bottom: 1px solid #fff;	/*下の線の幅、線種、色*/
	overflow: auto;
}
/*メニュー１個あたりの設定*/
#menubar-s nav li a {
	display: block;text-decoration: none;width: 100%;
	/*border-bottom: 1px solid #fff;	/*下の線の幅、線種、色*/
	/*font-size: 14px!important;	/*文字サイズ*/
	/*height: 100px;		/*高さ*/
	/*height: 50px;		/*高さ*/
	color: #fff;	/*文字色*/
	
}
/*最後のnavメニューの下線を消す*/
#menubar-s nav li:last-child a {
	border-bottom: none!important;
}

/*テキスト*/
#menubar-s nav li a span {
	display: block;
	padding: 10px 0 10px 20px;	/*上に空ける余白。上下のバランスをとります。*/
	/*padding-left: 80px;	/*左に空ける余白*/
}
	
/*アイコン画像の設定*/
#menubar-s nav li a span img {
	width: 50px;
}

	

/*PC用メニューを非表示にする*/
#menubar {display: none;}


/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block;
	position: fixed!important;
	z-index: 100;
	top: 10px!important;		/*上から10pxの場所に配置*/
	right: 10px!important;	/*右から10pxの場所に配置*/
}
/*アイコン共通設定*/
#menubar_hdr.close,
#menubar_hdr.open {
	width: 50px;	/*幅*/
	height: 50px;	/*高さ*/
	/*border-radius: 50%;	/*円形にする*/
}
/*三本バーアイコン*/
#menubar_hdr.close {
	background: #a59c8f url(../images/icon_menu.png) no-repeat center top/50px;	/*背景色、背景画像の読み込み、画像の上半分（３本マーク）を表示。幅は50px。*/
}
/*閉じるアイコン*/
#menubar_hdr.open {
	background: #a59c8f url(../images/icon_menu.png) no-repeat center bottom/50px;	/*背景色、背景画像の読み込み、画像の下半分（×マーク）を表示。幅は50px。*/
	top: 10px;	/*配置場所の再指定*/
}

	/*会社案内
	-----------------------------------------*/
	
	#company-menu{
		border-bottom:1px solid #fff;
		padding:10px 0 10px 20px;
		/*font-size:13px!important;*/
	}
	
	#company-menu ul li.child{
		list-style-type:none;
				display: block;
	padding: 5px 0 0px 40px!important;	/*上に空ける余白。上下のバランスをとります。*/
		/*height:30px;*/
	}
	
	#company-menu ul li.child a{
		color:#fff;
		text-decoration:none;
		
	}

	/*会社案内
---------------------------------------------------------------------------*/
#company-menu h2.open {
	background: url(../images/btn_minus.png) no-repeat right center/34px 34px;
	color:#fff;
		padding: 0;	/*空ける余白。上下のバランスをとります。*/
	padding-left: 0px;	/*左に空ける余白*/
	/*height:30px;*/
}
#company-menu h2.close {
	background: url(../images/btn_plus.png) no-repeat right center/34px 34px;
	color:#fff;
		padding: 0;	/*上に空ける余白。上下のバランスをとります。*/
	padding-left: 0px;	/*左に空ける余白*/
	/*height:30px;*/
}
		

	
/*採用情報
	-----------------------------------------*/
	
	#rec-menu{
		border-bottom:1px solid #fff;
		padding:10px 0 10px 20px;
		/*font-size:13px!important;*/
	}
	
	#rec-menu ul li.child{
		list-style-type:none;
				display: block;
	padding: 5px 0 0px 40px!important;	/*上に空ける余白。上下のバランスをとります。*/
		/*height:30px;*/
	}
	
	#rec-menu ul li.child a{
		color:#fff;
		text-decoration:none;
		
	}

	/*採用情報
---------------------------------------------------------------------------*/
#rec-menu h2.open {
	background: url(../images/btn_minus.png) no-repeat right center/34px 34px;
	color:#fff;
		padding: 0;	/*空ける余白。上下のバランスをとります。*/
	padding-left: 0px;	/*左に空ける余白*/
	/*height:30px;*/
}
#rec-menu h2.close {
	background: url(../images/btn_plus.png) no-repeat right center/34px 34px;
	color:#fff;
		padding: 0;	/*上に空ける余白。上下のバランスをとります。*/
	padding-left: 0px;	/*左に空ける余白*/
	/*height:30px;*/
}
		
	
	
/*メニュー
	-----------------------------------------*/
	
	#menu-menu{
		border-bottom:1px solid #fff;
		padding:10px 0 10px 20px;
		/*font-size:13px!important;*/
	}
	
	#menu-menu ul li.child{
		list-style-type:none;
				display: block;
	padding: 5px 0 0px 40px!important;	/*上に空ける余白。上下のバランスをとります。*/
		/*height:30px;*/
	}
	
	#menu-menu ul li.child a{
		color:#fff;
		text-decoration:none;
		
	}

	/*メニュー
---------------------------------------------------------------------------*/
#menu-menu h2.open {
	background: url(../images/btn_minus.png) no-repeat right center/34px 34px;
	color:#fff;
		padding: 0;	/*空ける余白。上下のバランスをとります。*/
	padding-left: 0px;	/*左に空ける余白*/
	/*height:30px;*/
}
#menu-menu h2.close {
	background: url(../images/btn_plus.png) no-repeat right center/34px 34px;
	color:#fff;
		padding: 0;	/*上に空ける余白。上下のバランスをとります。*/
	padding-left: 0px;	/*左に空ける余白*/
	/*height:30px;*/
}
	

/*HOMEメニュー*/
.kagome-l img{/*2021秋冬のみ*/
	height:auto!important;/*2021秋冬のみ*/
	width:auto;/*2021秋冬のみ*/
}
	
	
/*多言語
	-----------------------------------------*/
	
	#lang-menu{
		border-bottom:1px solid #fff;
		padding:10px 0 10px 20px;
		font-size:13px!important;
	}
	
	#lang-menu ul li.child{
		list-style-type:none;
				display: block;
	padding: 5px 0 0px 40px!important;	/*上に空ける余白。上下のバランスをとります。*/
		/*height:30px;*/
	}
	
	#lang-menu ul li.child a{
		color:#fff;
		text-decoration:none;
	}

	/*多言語
---------------------------------------------------------------------------*/
#lang-menu h2.open {
	background: url(../images/btn_minus.png) no-repeat right center/34px 34px;
	color:#fff;
		padding: 0;	/*空ける余白。上下のバランスをとります。*/
	padding-left: 0px;	/*左に空ける余白*/
	/*height:30px;*/
}
#lang-menu h2.close {
	background: url(../images/btn_plus.png) no-repeat right center/34px 34px;
	color:#fff;
		padding: 0;	/*上に空ける余白。上下のバランスをとります。*/
	padding-left: 0px;	/*左に空ける余白*/
	/*height:30px;*/
}

	
/*通信販売
	-----------------------------------------*/
	
	#ec-menu{
		border-bottom:1px solid #fff;
		padding:10px 0 10px 20px;
		/*font-size:13px!important;*/
	}
	
	#ec-menu ul li.child{
		list-style-type:none;
				display: block;
	padding: 5px 0 0px 40px!important;	/*上に空ける余白。上下のバランスをとります。*/
		height:65px;
	}
	
	#ec-menu ul li.child a{
		color:#fff;
		text-decoration:none;
	}

	/*通信販売
---------------------------------------------------------------------------*/
#ec-menu h2.open {
	background: url(../images/btn_minus.png) no-repeat right center/34px 34px;
	color:#fff;
		padding: 0;	/*空ける余白。上下のバランスをとります。*/
	padding-left: 0px;	/*左に空ける余白*/
	/*height:30px;*/
}
#ec-menu h2.close {
	background: url(../images/btn_plus.png) no-repeat right center/34px 34px;
	color:#fff;
		padding: 0;	/*上に空ける余白。上下のバランスをとります。*/
	padding-left: 0px;	/*左に空ける余白*/
	/*height:30px;*/
}
#ec-menu ul li.child img{
		height:65px!important;
	}	
	
/*デリバリー
	-----------------------------------------*/
	
	#deli-menu{
		border-bottom:1px solid #fff;
		padding:10px 0 10px 20px;
		/*font-size:13px!important;*/
	}
	
	#deli-menu ul li.child{
		list-style-type:none;
				display: block;
	padding: 5px 0 0px 40px!important;	/*上に空ける余白。上下のバランスをとります。*/
		height:30px;
	}
	
	#deli-menu ul li.child a{
		color:#fff;
		text-decoration:none;
	}
	

	/*デリバリー　画像リンク
---------------------------------------------------------------------------*/
#deli-menu h2.open {
	background: url(../images/btn_minus.png) no-repeat right center/34px 34px;
	color:#fff;
		padding: 0;	/*空ける余白。上下のバランスをとります。*/
	padding-left: 0px;	/*左に空ける余白*/
	/*height:30px;*/
}
#deli-menu h2.close {
	background: url(../images/btn_plus.png) no-repeat right center/34px 34px;
	color:#fff;
		padding: 0;	/*上に空ける余白。上下のバランスをとります。*/
	padding-left: 0px;	/*左に空ける余白*/
	/*height:30px;*/
}
	
/*facebookやtwitterなどのアイコンブロック
---------------------------------------------------------------------------*/
/*アイコンを囲むブロック全体の設定*/
header .icon {
	position:static;
	clear: left;
	border-bottom: 1px solid #fff;	/*下の線の幅、線種、色*/
	margin-bottom:50px;
}
/*アイコン１個あたりの設定*/
.icon li {
  display: inline;	/*横並びにさせる指定*/
  padding: 0.5em;
}
/*アイコン画像の設定*/
header .icon img {
	width: 50px;
}
	
	
/*フッターsnsアイコン
	----------------------------------------------*/
	.foot-icon{
		width:100%;
		text-align:center;
	}
	
	.foot-icon ul li{
		list-style-type:none;
		display:inline;
	}
	
	.foot-icon ul li img{
		width:52px;
		margin:5px 10px;
	}
	
	
	
	/*その他
---------------------------------------------------------------------------*/
.sh {display:block;}
.pc {display:none;}
.tab {display: inline;}
/*改行したら左に余白*/
.kaigyo-sub{
	display:inline;
	padding-left:30px;
}	
	
/*「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/

#l-title{
	width:150px;
	float:left;
}

#new{
	background-color:#fff!important;
	width:90%;
	padding:40px 5% 40px 5%;
	position:relative;
	margin:0 auto;
	float:left;
}



/*見出しを含まないお知らせブロック*/
#new dl {
	/*height: 100px;		/*高さ*/
	/*overflow: hidden;	/*高さを超えるコンテンツ量部分は非表示に*/
	width:95%;
	float:left;
	border-bottom:dotted 1px #ccc;
	padding:10px 0px 10px 0px;
	margin-left:5%;
}
/*ブロックのマウスオン時*/
#new dl:hover {
	/*overflow: auto;	/*スクロールバーを自動で表示*/
}
/*日付設定*/
#new dt {
	float: left;	/*左に回り込み*/
	width: 15em;		/*幅*/
	letter-spacing: 0.1em;	/*文字間隔を少しだけ広くとる設定*/
}
/*記事設定*/
#new dd {
	padding-left: 16em;	/*左に空ける余白*/
}

.news-icon{
	/*display:inline-block;
vertical-align: middle;*/
	margin-left:10px;
}

.ml250{margin-left:210px!important;
	margin-top:20px!important;
	clear:both;
}
	
	
	
/*背景の設定
-------------------------------------------------*/
.bg-w{
	background:#fff;
	padding:40px 5% 40px 5%;
}

.bg01{
	background: url("../images/bg.jpg");
	width:auto;
	padding:40px 5% 40px 5%;
	position:relative;
	margin:0 auto;
	float:left;
}

#main h2 {
	letter-spacing: normal;	/*文字間隔を少し広くとる設定*/
}
	
#main h4{
	text-align:right;
	background:#fff;
	width:auto;
	padding:40px 5% 40px 5%;
	position:relative;
	margin:0 auto;
}

	


/*h2タグ*/
#main h2 {
	font-size: 26px;		/*文字サイズ*/
	letter-spacing: normal;	/*文字間隔を標準に戻す*/
}

	/*フッターメニュー　文字を少し小さく
	------------------------------------------------*/
	#footermenu {
	overflow: hidden;
	padding: 20px 0;	/*上下、左右へのボックス内の余白*/
	font-size: 14px;	/*文字サイズを少し小さく*/
	clear:both;
	line-height:1.5em;
}
	
#footermenu ul li::after {
	top: .5em;
}
	
	/*こだわり*/
	.kodawari-bg{
	background: url("../images/bg.jpg");
	width:auto;
	padding:0px 5% 0px 0%;
	position:relative;
	margin:0 auto;
	float:left;

}
	
	.kodawari-left{
	width:30%;		
	float:left;
	height:auto;
}

.kodawari-right{
	width:60%;
	padding:40px 0% 40px 5%;
	float:right;
background: url("../images/bg.jpg");
	background-position:20% top;
}
	
	
/*ページ内リンク*/
.page-link {display: block;margin-top: 0px;padding-top: 0px;}
	
	
	
/*HOME 季節メニュー*/	
.kagome-r h5{
	border-left:solid 4px #00a63c!important;
	font-size:20px!important;
	background:none!important;
	text-align:left!important;
	padding:5px 0px 5px 20px;
	margin-bottom:10px;
}
	
/*HOME　たいが亭*/
.other-box-taiga{
	background: #fff url("../images/taiga-bg.png")no-repeat left top;
	background-size:contain;
	width:auto;
	/*padding:40px 0% 40px 43%;*/
	padding:0 0 0 40%;
	position:relative;
	margin:40px auto 0px;
	float:left;
}
.other-text-box-r{
	padding:30px 0 0;
	font-size:100%;
}


}


	
/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){
	
	
/*コロナ対策コメント
	----------------------------------------------*/
	.pc-comment {display:none;}
/*mainブロック
---------------------------------------------------------------------------*/
/*mainブロック*/
#main {
	width:100%;
	padding-left: 0%;
	padding-right: 0%;
}
/*h2タグ*/
#main h2 {
	font-size: 20px;		/*文字サイズ*/
	letter-spacing: normal;	/*文字間隔を標準に戻す*/
}
/*h2タグにclass="title"をつけたタイプ。大見出し。*/
#main h2.title {
	font-size: 30px;		/*文字サイズ*/
	margin-bottom: 20px;	/*見出しの下に空けるスペース*/
}
/*h2タグにclass="title"をつけたタイプ内にあるspanタグ*/
#main h2.title span {
	margin-top: 20px;	/*上に空ける余白。上下のバランスをここでとります。*/
}

/*footerブロック
---------------------------------------------------------------------------*/
	
	footer {
	clear: both;
	text-align: right;
	padding-top: -30px;
	background:url("../images/bg.jpg");
	width:94%;
	padding:40px 3% 20px 3%;
	margin-top:0px;
}
footer {padding-bottom: 100px;}
footer .pr {display: block;}
	
#footermenu {
	overflow: hidden;
	padding: 20px 0;	/*上下、左右へのボックス内の余白*/
	font-size: 14px;	/*文字サイズを少し小さく*/
	clear:both;
	line-height:1.5em;
}
	
	/*１列分の設定*/
#footermenu ul {
	float: left;	/*左に回り込み*/
	width: 22%;		/*幅。今回は4列作ったのでここの幅23%と下のpadding(合計の2%)でトータル25%になるよう設定。列に応じて調整して下さい。*/
	padding-right: 1%;
	padding-left: 2%;
}

#footermenu ul li::after {
	top: .5em;
}


/*背景の設定
-------------------------------------------------*/
.bg-w{
	background:#fff;
	padding:40px 5% 40px 5%;
}

.bg01{
	background: url("../images/bg.jpg");
	width:auto;
	padding:40px 5% 40px 5%;
	position:relative;
	margin:0 auto;
	float:left;
}

	
#main h4{
	text-align:right;
	background:#fff;
	width:auto;
	padding:40px 0% 40px 4%;
	position:relative;
	margin:0 auto;
}

	
	
/*home　その他の業態
-----------------------------------------------------------*/
.other-box01{
	background: url("../images/bg-udon01.png")no-repeat;
	background-size: cover;
	width:auto;
	padding:40px 20% 40px 0%;
	position:relative;
	margin:0 auto;
	float:left;
}

.other-box02{
	background: url("../images/bg-udon02.png")no-repeat right;
	background-size:cover;
	width:auto;
	padding:40px 0% 40px 20%;
	position:relative;
	margin:50px auto 0px auto;
	float:left;
}


.other-text-box-l{
	background:#fff;
	margin-top:40px;
	float:left;
	padding:40px;
}

	/*HOME たいが亭*/
.other-text-box-r h5 img{
	margin:0px;
	float:left!important;
}
.other-text-box-r{
	background:#fff;
	margin-top:0px;
	float:right;
	padding:10px 0 0;
	font-size:100%;
}

h5{
	font-size:30px;
	font-weight:bold;
	text-indent: 1em;
	text-align:left!important;
	
}
	
	/*こだわり*/
	.kodawari-bg{
	background: url("../images/bg.jpg");
	width:auto;
	padding:0px 5% 0px 0%;
	position:relative;
	margin:0 auto;
	float:left;

}
	
.kodawari-left{
	width:30%;		
	float:left;
	height:auto;
}

.kodawari-right{
	width:60%;
	padding:40px 0% 40px 5%;
	float:right;
background: url("../images/bg.jpg");
	background-position:20% top;
}
	
	
	
/*見出しを含まないお知らせブロック*/
	
#new{
	background-color:#fff!important;
	width:90%;
	padding:40px 5% 40px 5%;
	position:relative;
	margin:0 auto;
	float:left;
}
	
#new dl {
	/*height: 100px;		/*高さ*/
	/*overflow: hidden;	/*高さを超えるコンテンツ量部分は非表示に*/
	width:95%;
	float:left;
	border-bottom:dotted 1px #ccc;
	padding:10px 0px 10px 0%;
	margin-left:5%;
}
	
/*SDGｓ
	----------------------------------------------------*/
.link-sdgs img{
	width:50%;
}

}


/*画面を横向きにした場合の高さが500px以下の場合の設定。
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (orientation: landscape) and (max-height:500px){

/*メインメニュー。小さな端末用メニューを２列に。
---------------------------------------------------------------------------*/
/*メニュー１個あたりの設定*/
#menubar-s nav li a {
	float: left;		/*左に回り込み*/
	width: 50%;			/*幅*/
	height: 30px;		/*高さ*/
	/*font-size: 14px!important;	/*文字サイズ*/
}
/*テキスト*/
#menubar-s nav li a span {
	padding: 5px 0 5px 40px;	/*上に空ける余白。上下のバランスをとります。*/
}
	
/*会社案内のnavメニューの下線を消す*/
/*#menubar-s nav li.coprofile {
	border-bottom: none!important;
}*/
	
/*メニュー
	-----------------------------------------*/
	
	#menu-menu{
		border-bottom:1px solid #fff;
		padding:5px 0px;
		/*height: 30px;		/*高さ*/
	}
		#menu-menu ul li.child{
	padding: 0px 0 0px 80px!important;	/*上に空ける余白。上下のバランスをとります。*/
	}
/*多言語
---------------------------------------------------------------------------*/
#menu-menu h2.open {
	padding-left: 40px;	/*左に空ける余白*/
}
#menu-menu h2.close {
	padding-left: 40px;	/*左に空ける余白*/
}

/*多言語
	-----------------------------------------*/
	
	#lang-menu{
		border-bottom:1px solid #fff;
		padding:5px 0px;
		/*height: 30px;		/*高さ*/
	}
		#lang-menu ul li.child{
	padding: 0px 0 0px 80px!important;	/*上に空ける余白。上下のバランスをとります。*/
	}
/*多言語
---------------------------------------------------------------------------*/
#lang-menu h2.open {
	padding-left: 40px;	/*左に空ける余白*/
}
#lang-menu h2.close {
	padding-left: 40px;	/*左に空ける余白*/
}
/*通販
	-----------------------------------------*/
	
	#ec-menu{
		border-bottom:1px solid #fff;
		padding:5px 0px;
		/*height: 30px;		/*高さ*/
	}
	#ec-menu ul li.child{
	padding: 0px 0 0px 80px!important;	/*上に空ける余白。上下のバランスをとります。*/
	}
/*通販
---------------------------------------------------------------------------*/
#ec-menu h2.open {
	padding-left: 40px;	/*左に空ける余白*/
}
#ec-menu h2.close {
	padding-left: 40px;	/*左に空ける余白*/
}
/*デリバリー
	-----------------------------------------*/
	
	#deli-menu{
		border-bottom:1px solid #fff;
		padding:5px 0px;
		/*height: 30px;		/*高さ*/
	}
	#deli-menu ul li.child{
	padding: 0px 0 0px 80px!important;	/*上に空ける余白。上下のバランスをとります。*/
	}
/*デリバリー
---------------------------------------------------------------------------*/
#deli-menu h2.open {
	padding-left: 40px;	/*左に空ける余白*/
}
#deli-menu h2.close {
	padding-left: 40px;	/*左に空ける余白*/
}

#footermenu {
	overflow: hidden;
	padding: 20px 0;	/*上下、左右へのボックス内の余白*/
	/*font-size: 13px;	/*文字サイズを少し小さく*/
	clear:both;
	line-height:1.5em;
}
	
	/*１列分の設定*/
#footermenu ul {
	float: left;	/*左に回り込み*/
	width: 22%;		/*幅。今回は4列作ったのでここの幅23%と下のpadding(合計の2%)でトータル25%になるよう設定。列に応じて調整して下さい。*/
	padding-right: 1%;
	padding-left: 2%;
}



	

	
/*その他の業態
	---------------------------------*/
	h5{
	font-size:22px;
	font-weight:bold;
	text-indent: 0;
	text-align:left!important;
	
}
	
	
/*こだわり*/
	.kodawari-bg{
	background: url("../images/bg.jpg");
	width:auto;
	padding:0px 5% 0px 0%;
	position:relative;
	margin:0 auto;
	float:left;

}
	
/*見出しを含まないお知らせブロック*/
	
#new{
	background-color:#fff!important;
	width:90%;
	padding:40px 5% 40px 5%;
	position:relative;
	margin:0 auto;
	float:left;
}
	
#new dl {
	/*height: 100px;		/*高さ*/
	/*overflow: hidden;	/*高さを超えるコンテンツ量部分は非表示に*/
	width:65%;
	float:left;
	border-bottom:dotted 1px #ccc;
	padding:10px 0px 10px 0px;
	margin-left:5%;
}
	



}



/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){
	
/*出前館バナー*/
.d-bnr-pc{
	display:none;
}
.d-bnr-sp{
	display:inline;
}
	
/*SDGｓ
	----------------------------------------------------*/
.link-sdgs img{
	width:70%!important;
}

/*mainブロック
---------------------------------------------------------------------------*/
/*h2タグ*/
#main h2 {
	font-size: 20px;		/*文字サイズ*/
}
/*h2タグにclass="title"をつけたタイプ。大見出し。*/
#main h2.title {
	font-size: 20px;		/*文字サイズ*/
}
/*h2タグにclass="title"をつけたタイプ内にあるspanタグ*/
#main h2.title span {
	font-size: 11px;
	margin-top: 10px;	/*上に空ける余白。上下のバランスをここでとります。*/
}
/*h3タグ*/
#main h3 {
	font-size: 14px;		/*文字サイズ*/
}
	
#main h4{
	text-align:right;
	background:#fff;
	width:auto;
	padding:40px 5% 40px 5%;
	position:relative;
	margin:0 auto;
}
	
	
/*段落(p)タグ*/
#main p {
	padding: 0 10px 20px;	/*上、左右、下への余白*/
}
/*他。微調整。*/
#main section + section {
	padding-top: 0px;
	clear:both;
}



/*テーブル（ta1）
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption {
	padding: 5px;	/*ボックス内の余白*/
}
/*ta1設定*/
.ta1, .ta1 td, .ta1 th {
	padding: 5px;	/*ボックス内の余白*/
}
/*ta1の左側ボックス*/
.ta1 th {
	width: 100px;
}

/*ul.disc,olタグ
---------------------------------------------------------------------------*/
ul.disc {
	list-style: disc;
	padding: 0 10px 20px 30px;
}
ol {
	padding: 0 10px 20px 30px;
}

/*その他
---------------------------------------------------------------------------*/
.ws,.wl {width: 90%;}

	
.c {text-align: center;}
.c img{margin:10px 0px 10px 0px;width:auto;}
	
	/*フッターメニュー
ウィンドウ幅が狭くなって見づらくなるので、１列にレイアウト変更。
---------------------------------------------------------------------------*/
	footer{
		width:96%;
		padding:2% 2% 100px 2%;
	}
	
	footer p{
		font-size:85%!important;
	}
	
	footer p img{
		width:70%!important;
	}
	
	#footermenu ul {
	float: left;
	width: 45%;
	padding:5px 0px 5px 3%;
}

#footermenu ul li{
	width:100%;
	font-size:85%;
	}
	
#footermenu ul li::after {
	top: .5em;
}
	
/*横並び設定*/	
#footermenu ul.other-category {
	float: left;
	width: 97%;
	padding:5px 0px 5px 3%;
}
#footermenu ul.other-category li{
	display:inline-block!important;
	width:43%!important;
	float:left;
}	
	

	.underline{
		border-top:solid 1px #666;
	}
	/*LINEアイコンの設定
	---------------------------*/
	footer .foot-line{
		width:45%!important;
	}
	
	
/*「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
#l-title img{
	width:120px;
	margin-bottom:20px;
	}
#l-title{
	width:100%;
	clear:left;
	text-align:center;
}
	
	
	


#new{
	background-color:#fff!important;
	width:90%;
	padding:40px 5%;
	position:relative;
	margin:0 auto;
	float:left;
}



/*見出しを含まないお知らせブロック*/
#new dl {
	/*height: 100px;		/*高さ*/
	/*overflow: hidden;	/*高さを超えるコンテンツ量部分は非表示に*/
	width:90%;
	float:left;
	border-bottom:dotted 1px #ccc;
	padding:10px 5%;
}
/*ブロックのマウスオン時*/
#new dl:hover {
	/*overflow: auto;	/*スクロールバーを自動で表示*/
}
/*日付設定*/
#new dt {
	clear: left;	/*左に回り込み*/
	width: 90%;		/*幅*/
	letter-spacing: none;	/*文字間隔を少しだけ広くとる設定*/
}
/*記事設定*/
#new dd {
	float:left;
	width: 90%;		/*幅*/
	line-height:1.5em;
	padding-left: 15px;	/*左に空ける余白*/
	padding-right:15px;
}



.ml250{margin-left:210px!important;
	margin-top:20px!important;
	clear:both;
}	
	
/*home　味のこだわり
-------------------------------------------------------*/
.kodawari-bg{
	padding:0;

}
	.kodawari-inner{
		padding:none;
	}
.kodawari-left{
	display:none;
	}
.kodawari-right {
	width:auto;
	padding:10px 5% 10px 5%;
	position:relative;
	margin:0 auto;
	float:left;
	background-image:
		url("../images/bg-kodawari-sh.jpg"),
		url("../images/bg.jpg");
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		0 100px,
		top;
	background-size:
		100%,
		cover;
}
/*文字ブロック*/
.kodawari-right p{
	padding:40px 0px 20px 0px!important;
}
	
.kodawari-right h6{
	text-align:right!important;
	padding:0 0 120px 0;
}
	
	
/*home　季節のメニュー
--------------------------------------------*/
	

/*詳しく見る*/
.kuwashiku01{
	position:absolute;
	bottom:10px;
	/*left:5%;*/
}
	
/*HOMEメニュー  20210917*/
.kagome-l img{/*2021秋冬のみ*/
	height:auto!important;/*2021秋冬のみ*/
	width:auto;/*2021秋冬のみ*/
}
/*20210313追記
	----------------------------------*/
.kagome-l{
	float:left;
	width:100%;
	text-align:left;
}
.kagome-r{
	float:left;
	text-align:left!important;
	width:100%;
	padding-left:0%;
}
	
	
.kagome p{
	font-size:16px;
	line-height:1.5em;
	font-weight:normal;
	margin:10px 0;
}


.kagome-r h5{
	border-left:solid 4px #00a63c!important;
	font-size:20px!important;
	background:none!important;
	text-align:left!important;
	padding:5px 0px 5px 20px;
	margin-top:10px;
}

.em{
	font-weight:bold!important;
font-size:130%!important;
	line-height:1.2em;
	margin:0;
}

.btn{float:left;}
	
	
.kagome-sub{
	font-size:80%;
	margin-left:0px;
}
/*季節メニュー名称　サブ*/
.menuname-sub{
	margin-left:0px;
}
	/*改行したら左に余白　解除*/
.kaigyo-sub{
	margin-left:0px;
}

/*listブロック（homeで使用）
---------------------------------------------------------------------------*/
/*各ボックスの指定*/
.list {
	position: relative;
	float: left;	/*左に回り込み*/
	width: 100%;		/*幅*/
	margin-left: 0%;	/*左に空けるスペース*/
	margin-bottom: 20px;	/*下に空けるスペース*/
	/*background: #000;	/*背景色*/
	/*color: #fff;	/*文字色*/
}
.list a {
	display: block;
	text-decoration: none;
	/*color: #fff;	/*文字色*/
}

/*figure画像*/
.list a figure {
	/*opacity: 0.6;	/*リンクを指定した際は60%だけ色を出す。*/
}
/*マウスオン時のfigure画像*/
.list a:hover figure {
	/*opacity: 1;		/*リンクを指定した際のマウスオン時に色を100%出す。*/
}
/*h4タグ*/
.list h4 {
	/*position: absolute;*/
	/*bottom: 0px;	/*下からの配置場所指定。*/
	/*left: 0px;		/*左からの配置場所指定。*/
	width: 100%!important;
	/*background: #000;	/*背景色（古いブラウザ用）*/
	/*background: rgba(0,0,0,0.5);	/*背景色。0,0,0は黒の事で0.5は色が50%出た状態。*/
	background:none!important;
	text-align: left!important;	/*内容をひだりよせ*/
	padding: 8px 0!important;	/*上下、左右への余白*/
	font-size:17px;
	letter-spacing: -0.1em;
	line-height:1.3em;
}

.list p{
	font-size:14px;
	text-align:left;
	line-height:1.5em;
	padding:0px!important;
}
	


/*list4　4列ブロック（homeのDELI＋で使用）
---------------------------------------------------------------------------*/
/*各ボックスの指定*/
.list4 {
	position: relative;
	float: left;	/*左に回り込み*/
	width: 48%;		/*幅*/
	margin-right: 2%;	/*右に空けるスペース*/
	margin-bottom: 10px;	/*下に空けるスペース*/
	/*background: #000;	/*背景色*/
	/*color: #fff;	/*文字色*/
	margin-top:0px;
}

.list4 .last{  /*最後のパーツ*/
	position: relative;
	float: left;	/*左に回り込み*/
	width: 48%;		/*幅*/
	margin-right: 0;	/*左に空けるスペース*/
	margin-bottom: 10px;	/*下に空けるスペース*/
	/*background: #000;	/*背景色*/
	/*color: #fff;	/*文字色*/
}
.list4 a {
	display: block;
	text-decoration: none;
	/*color: #fff;	/*文字色*/
}

/*figure画像*/
.list4 a figure {
	/*opacity: 0.6;	/*リンクを指定した際は60%だけ色を出す。*/
}
/*マウスオン時のfigure画像*/
.list4 a:hover figure {
	/*opacity: 1;		/*リンクを指定した際のマウスオン時に色を100%出す。*/
}
/*h4タグ*/
.list4 h4 {
	/*position: absolute;*/
	/*bottom: 0px;	/*下からの配置場所指定。*/
	/*left: 0px;		/*左からの配置場所指定。*/
	width: 100%!important;
	/*background: #000;	/*背景色（古いブラウザ用）*/
	/*background: rgba(0,0,0,0.5);	/*背景色。0,0,0は黒の事で0.5は色が50%出た状態。*/
	background:none!important;
	text-align: left!important;	/*内容をひだりよせ*/
	padding: 8px 0!important;	/*上下、左右への余白*/
	font-size:17px;
	letter-spacing: -0.1em;
}

.list4 p{
	font-size:14px;
	text-align:left;
	line-height:1.5em;
	padding:0px!important;
}
	
	/*home　その他の業態
-----------------------------------------------------------*/
.other-box01{
	background: url("../images/bg-udon01.png")no-repeat;
	background-size: cover;
	width:auto;
	padding:20px 5% 20px 0%;
	position:relative;
	margin:0 auto;
	float:left;
}

.other-box02{
	background: url("../images/bg-udon02.png")no-repeat right;
	background-size:cover;
	width:auto;
	padding:20px 0% 20px 5%;
	position:relative;
	margin:50px auto 0px auto;
	float:left;
}
	
	
.other-box-deli{
	background: url("../images/deli-bg.png")no-repeat;
	background-size:contain;
	width:auto;
	padding:40px 0% 40px 10%;
	position:relative;
	margin:40px auto 0px auto;
	float:left;
}
	
.other-box-taiga{
	background: url("../images/taiga-bg.png")no-repeat center top -50px;
	background-size:contain;
	width:auto;
	padding:210px 0 0 0;
	position:relative;
	margin:40px auto 0px auto;
	float:left;
}
	
.other-box-yokokura{
	background: url("../images/yokokura-bg.png")no-repeat;
	background-size:contain;
	width:auto;
	padding:40px 0% 40px 10%;
	position:relative;
	margin:40px auto 0px auto;
	float:left;
}

.other-text-box-l{
	background:#fff;
	margin-top:20px;
	float:left;
	padding:20px;
}

/*たいが亭*/	
.other-text-box-r{
	background:#fff;
	float:right;
	/*margin-top:30px;
	/*margin:left:43%;*/
	padding:30px;
	font-size:100%;
	margin:0;
}

h5{
	font-size:20px;
	font-weight:bold;
	text-indent: 0;
	text-align:left!important;
	
}
h5 img{
	float:left;
	}


/*メディア掲載
	-------------------------------------------*/
	    /* {
      box-sizing: border-box;
    }*/
	
/*外枠設定*/
	  .slider-box{
		  background: url("../images/bg.jpg");
		  background-size:cover;
		  width:100%;
	  }
    .slider {
        width: 85%; /*スライダーの幅　矢印分の余白をとっている*/
        margin: 40px auto;
    }
	
/*個別設定*/
    .slick-slide {
      margin: 0px 3px;
    }

    .slick-slide img {
      width: 100%;
    }
	
.media-title{
	font-size:17px;
	font-weight:bold;
	float:left;
	width:100%;
	line-height:1.3em;
	margin:5px 0px;
}
.comment{
	font-size:14px;
	float:left;
	width:100%;
	text-align:left;
	line-height:1.2em;
}

/*丸いリンク
----------------------------------------*/
.circle-box{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
  /*border: 1px solid #aaa;*/
  text-align: center!important;
  /*height: 150px;*/
  padding: 0px;
  margin: 0px;
}


.circle-box img{
	width:85%;
	padding:0;
	}

/*タイトル*/
.circle-title {
	padding: 0;	/*上下、左右への余白*/
	font-size:20px;
	font-weight:bold;
}
	
	
	
/*背景の設定
-------------------------------------------------*/
.bg-w{
	background:#fff;
	padding:20px 0px;
}



.bg01{
	background: url("../images/bg.jpg");
	width:auto;
	padding:20px 5% 20px 5%;
	position:relative;
	margin:0 auto;
	float:left;
}


	
	/*段落(p)タグ*/
#main p {
	padding: 2%;	/*上、左右、下への余白*/
}
	
	
	/*その他
--------------------------------------------------------*/
.mt20{margin-top:20px!important;clear:both;padding-left:3%;}
	
.fs26{font-size:15px; line-height:1.5em;}
	
.sp{display:inline;}
	

	
/*パンくずリスト
---------------------------------------------*/
.bread{
font-size:80%;
}

	

	
/*スマホ用　メニュー１個あたりの設定*/
#menubar-s nav li a {
	display: block;text-decoration: none;width: 100%;
	border-bottom: 1px solid #fff;	/*下の線の幅、線種、色*/
	/*font-size: 13px;	/*文字サイズ*/
	/*height: 100px;		/*高さ*/
	/*height: 30px;		/*高さ*/
	color: #fff;	/*文字色*/
}
	
	
.smaho{
	display:inline;
}
.pasocon{display:none;}	

}

/*画面幅360px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:360px){

}