/*======================================
ここからリセットCSS
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
======================================*/
 
/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font: inherit;
    vertical-align:baseline;
    background:transparent;
    letter-spacing: 0px;
}
 
/*勝手に文字が大きくなる対策*/
body {
    -webkit-text-size-adjust: 100%;
}
 
/*行の高さをフォントサイズと同じにしています*/
body {
    line-height:1;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
 
/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
nav ul {
    list-style:none;
}
 
/*引用符の表示が出ないようにしています*/
blockquote, q {
    quotes:none;
}
 
/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
 
/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
    background-color:#ff9;
    color:#595757;
    text-decoration:none;
}
 
/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
    background-color:#ff9;
    color:#595757;
    font-style:italic;
    font-weight:bold;
}
 
/*テキストに打ち消し線が付くようにしています*/
del {
    text-decoration: line-through;
}
 
/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
 
/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
    border-collapse:collapse;
    border-spacing:0;
}
 
/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
 
/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
    vertical-align:middle;
}

br{
	letter-spacing: normal;
}

/*======================================
ここまでリセットCSS
======================================*/



/*======================================
フォント
======================================*/

body {
	font-family: "RodinProN-L", sans-serif;
	font-size:16px;
	line-height:1.7;
	color:#3E3A39;
}

@font-face {
	font-family: "FontAwesome";
	src: url('fonts/fontawesome-webfont.eot');
	src: url('fonts/fontawesome-webfont.eot?#iefix') format('eot'),
		url('fonts/fontawesome-webfont.woff') format('woff'),
		url('fonts/fontawesome-webfont.ttf') format('truetype'),
		url('fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
	font-weight: normal;
	font-style: normal;
}



/*================================
 ページ基本
================================*/
html, body { 
	height: 100%;
}

body {
	position:relative;
	margin: 0;
	padding: 0;
	background: #fff;
}

a{
	color: #000;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

a:hover{
	
}


.clearfix::after{
　content: ".";
　display: block;
　height: 0;
　clear: both;
　visibility: hidden;
　overflow: hidden;
　font-size: 0.1em;
　line-height: 0;
}

#wrapper {
	margin: 0 auto;
	text-align:center;
}




/*================================
 header
================================*/

.header{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	line-height: 0;
	width: 1000px;
	height: 120px;
	margin: 0 auto;
	padding: 0px 0 0px;
}

.gronavi_child{
	padding-top: 16px;
}

.gronavi ul{ 
	margin: 0 auto; 
	list-style: none;
	display: flex;
	width: 1000px;
	padding: 12px 0;
}

.gronavi li{
	vertical-align: middle;
	margin: 0 auto; 
}

.gronavi li img{ 
	width: 134px;
	height: 70px;
}

.gronavi li a{
	position: relative;
	display: inline-block;
	margin: 4px 0;
	text-decoration: none;
	background-size: cover;
}

.gronavi li a img{
	transition:0.2s;
}

.gn1_saikifarm a{
	background: url("images/gn1_saikifarm_bk.svg") no-repeat ;
}

.gn2_firepork a{
	background: url("images/gn2_firepork_bk.svg") no-repeat ;
}

.gn3_meatshop a{
	background: url("images/gn3_meatshop_bk.svg") no-repeat ;
}

.gn_logo a{
	background: url("images/gn_logo_bk.svg") no-repeat ;
}

.gn4_restaurant a{
	background: url("images/gn4_restaurant_bk.svg") no-repeat ;
}

.gn5_company a{
	background: url("images/gn5_company_bk.svg") no-repeat ;
}

.gn6_contact a{
	background: url("images/gn6_contact_bk.svg") no-repeat ;
}

.gronavi li a :hover {
	opacity: 0.0;
}


.top_slider{
	line-height: 0;
}


.top_slider img{
	width: 100%;
     height: auto;
}

.top_ue_logo{
	width: 180px;
	margin: 0 auto;
	padding: 20px 0 0;
}

.top_ue_logo_child{
	display: none;
	width: 180px;
	margin: 0 auto;
	padding: 20px 0;
}

#nav-toggle span {
	display: none;	
}

#top-head {
	display: none;
}


/*================================
 content
================================*/

/*
	pagetopボタン
================================*/

#pageTop img{ 
	width: 94px;
	height: 94px;
}

#pageTop a{
	position: relative;
	display: block;
	margin: 4px 0;
	text-decoration: none;
	background-size: cover;
}

#pageTop a img{
	transition:0.2s;
}

#pageTop a{
	background: url("images/gotop_bk.svg") no-repeat ;
	width: 94px;
	height: 94px;
}

#pageTop a :hover {
	opacity: 0.0;
}

#pageTop {
	position: fixed;
	bottom: 36px;
	right: 36px;
}

/*
	index.html 会社概要 コンタクト
================================*/

.back_company{
	padding: 20px 0;
}

.back_company a:hover{
	opacity: 0.7;
}

.title_company{
	width: 170px;
	margin: 0 auto;
	padding: 40px 0 0px;
}

.moji_company_1 p{
	font-family: "RodinHimawariPro-M", sans-serif;
	font-size:16px;
	line-height:2.5;
	padding: 16px 0 32px;
	letter-spacing: 0.1em;
}

.ph_company_1{
	width: 520px;
	margin: 0 auto;
	padding: 20px 0;
}

.plofile_company{
	padding: 20px 0 20px 40px;
}

.plofile_company table {
	border-collapse: collapse;
	margin: 0 auto;
}

.plofile_company td {
	height: 20px;
}

.info_hyo_left{
	padding: 6px 0;
	text-align: right;
	letter-spacing: 0.15em;
}

.info_hyo_right{
	text-align: left;
	padding: 6px 0 6px 32px;
	letter-spacing: 0.15em;
}

.back_contact{
	padding: 40px 0 120px; 
}

.back_contact a:hover{
	opacity: 0.7;
}

.title_contact{
	width: 170px;
	margin: 0 auto;
	padding: 40px 0 20px;
}

.moji_contact_1 p{
	letter-spacing: 0.1em;
}

.moji_contact_2{
	padding-bottom: 8px;
}

.moji_contact_2 p{
	font-family: "NewRodinProN-DB", sans-serif;
	font-size:18px;
	letter-spacing: 0.2em;
}


/*
	saikifarm.html さいき農場 火の本豚
================================*/

.back_saikifarm{
	padding: 60px 0 ;
}

.back_saikifarm a:hover{
	opacity: 0.7;
}

.ph_saikifarm_1{
	line-height: 0;
}

.ph_saikifarm_1 img{
	width: 100%;
     height: auto;
}

.title_saikifarm{
	position:absolute;
	top: 140px;
	left: 18%;
	width: 170px;
}

.saikifarm_matome{
	display: flex;
	margin: 0 auto;
	justify-content: center;
	padding: 40px 0;
}

.saikifarm_left{
	text-align: left;
	align-self: center;
	padding-right: 12px;
}

.saikifarm_moji_1 p{
	padding: 10px 0 ;
	letter-spacing: 0.05em;
	line-height: 1.9;
}

.saikifarm_right{
	align-self: center;	
	text-align: left;
	width: 272px;
}

.moji_saikifarm_1 p{
	width: 800px;
	margin: 0 auto;
	text-align:justify;
	text-justify:inter-ideograph; 
	letter-spacing: 0.1em;
	line-height: 1.9;
}

.back_firepork{
	padding: 60px 0 ;
}

.back_firepork a:hover{
	opacity: 0.7;
}

.title_firepork{
	width: 800px;
	margin: 0 auto;
}

.title_firepork img{
	width: 100%;
}

.moji_firepork_1 p{
	font-family: "RodinHimawariPro-M", sans-serif;
	font-size:18px;
	line-height:1.8;
	padding: 20px 0;
	letter-spacing: 0.1em;
}

.ph_firepork_1{
	width: 174px;
	margin:  0 auto;
	padding: 0 0 20px;
}

.moji_firepork_2 p{
	width: 180px;
	margin: 0 auto 20px;
	text-align: center!important;
	font-family: "RodinNTLGPro-L", sans-serif;
	font-size:16px;
	padding: 0.3em 0.8em;
    color: #3e3e3e;
    background: #fff;/*背景色*/
	border: 1px solid #000;
	font-feature-settings: "palt";
}

.moji_firepork_3 p{
	line-height: 1.9;
	letter-spacing: 0.1em;
	padding-bottom: 60px;
}

.moji_firepork_4 p{
	font-family: "RodinHimawariPro-M", sans-serif;
	font-size:18px;
	line-height:1.8;
	padding: 0px 0;
	letter-spacing: 0.1em;
}

.firepork_matome{
	display: flex;
	margin: 0 auto;
	width: 880px;
	justify-content: space-between;
	padding-bottom: 60px
}

.firepork_left{
	width: 272px;
}

.firepork_center{
	width: 272px;
}

.firepork_right{
	width: 272px;
}

.moji_firepork_5 p{
	font-family: "RodinProN-M", sans-serif;
	font-size:16px;
	line-height:1.8;
}

.moji_firepork_5_2 {
	font-size:24px;
}

.moji_firepork_6 p{
	font-size:14px;
	line-height:2.4;
	
}

.moji_firepork_6_2{
	font-size:20px;
	line-height: 1.8;
	font-feature-settings: "palt";
}

.moji_firepork_6_3 {
	font-size: 12px;
	vertical-align: top;
}

.moji_firepork_7{
	font-size:11.2px;
	font-family: "RodinProN-M", sans-serif;
	line-height:2.8;
	font-feature-settings: "palt";
}


/*
	meatshop.html 肉のさいき なごみ庵
================================*/

.back_meatshop{
	padding: 60px 0;
}

.back_meatshop a:hover{
	opacity: 0.7;
}

.title_meatshop{
	width: 170px;
	margin: 0 auto;
	padding-bottom: 60px;
}

.mark_porknomi{
	width: 164px;
	margin: 0 auto;
}

.mark_porknomi_noshita{
	width: 402px;
	margin: 0 auto;
}

.moji_meatshop_1 p{
	line-height: 1.9;
	padding: 20px 0 28px;
	letter-spacing: 0.1em;
}

.ph_meatshop_1{
	width: 800px;
	margin: 0 auto;
}

.ph_meatshop_1 img{
	width: 100%;
}

.moji_meatshop_2 p{
	font-family: "RodinProN-M", sans-serif;
	font-size:16px;
	letter-spacing: 0.1em;
	line-height:1.8;
	padding: 12px 0;
}

.moji_meatshop_2_2{
	font-family: "NewRodinProN-DB", sans-serif;
	font-size:20px;
	letter-spacing: 0.1em;
	line-height:1.8;
}

.meatshop_matome{
	display: flex;
	margin: 0 auto;
	justify-content: center;
	padding: 12px 0;
	align-items: center;
}

.meatshop_left{
	
}

.meatshop_right{
	padding-left: 28px;
}

.moji_meatshop_3 p{
	text-align: left;
	font-family: "NewRodinProN-DB", sans-serif;
	font-size:20px;
	letter-spacing: 0.1em;
	line-height:1.8;
	padding: 4px 0;
}

.moji_meatshop_4 p{
	text-align: left;
	padding: 4px 0;
	letter-spacing: 0.1em;
}


.back_restaurant{
	padding: 60px 0 120px;
}

.back_restaurant a:hover{
	opacity: 0.7;
}

.moji_restaurant_1 p{
	line-height: 1.9;
	padding: 20px 0 28px;
	letter-spacing: 0.1em;
}

.ph_restaurant_gazougun{
	width: 1000px;
	line-height: 0;
	margin: 0 auto;
	padding: 12px 0;
	display: flex;
	flex-direction: row;
	lex-wrap: wrap;	
	list-style: none;
	justify-content: space-between;
}

.ph_narabe{
	width: 19%;
}

.ph_narabe img{
	width: 100%;
	padding-bottom: 10px;
}

.restaurant_matome_1{
	display: flex;
	margin: 0 auto;
	justify-content: center;
	padding: 12px 0 40px;
	align-items: center;
	text-align: left;
}

.restaurant_left_1{}

.moji_restaurant_2 p{
	
}

.restaurant_right_1{
	padding-left: 24px;
}

.moji_restaurant_3 p{
	font-size:20px;
	letter-spacing: 0.1em;
	line-height:1.8;
}

.moji_restaurant_4 p{
	letter-spacing: 0.15em;
	line-height:1.8;
}

.moji_restaurant_5 p{
	font-family: "RodinProN-M", sans-serif;
	font-size:16px;
	letter-spacing: 0.1em;
	line-height:1.8;
	padding: 12px 0 ;
}

.moji_restaurant_5_2{
	font-family: "NewRodinProN-DB", sans-serif;
	font-size:20px;
	letter-spacing: 0.1em;
	line-height:1.8;
}

.restaurant_matome_2{
	display: flex;
	margin: 0 auto;
	justify-content: center;
	padding: 24px 0;
	align-items: center;
}

.restaurant_left_2{
	
}

.restaurant_map{
	
}

.restaurant_right_2{
	padding-left: 28px;
}

.moji_restaurant_6 p{
	text-align: left;
	font-family: "NewRodinProN-DB", sans-serif;
	font-size:20px;
	letter-spacing: 0.1em;
	line-height:1.8;
	padding: 4px 0;
}

.moji_restaurant_7 p{
	text-align: left;
	padding: 4px 0;
	letter-spacing: 0.1em;
}

.moji_restaurant_8 p{
	font-family: "NewRodinProN-DB", sans-serif;
	font-size:16px;
	letter-spacing: 0.1em;
}

.restaurant_mark_sns{
	width: 38px;
}


/*================================
 footer
================================*/

.footer {
	margin: 0px auto;
	background: #3E3A39;
	padding: 16px 0 ;
}

address{
	font-family: "RodinNTLGPro-L", sans-serif;
	font-size:14px;
	line-height:1.0;
	color:#fff;
}

/*================================
 スティッキーヘッダー
================================*/

#change {
  background: #fff;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  display: none;
  z-index: 9999;
  padding: 8px 0 10px 0px;
}

.inner{
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
	}

#change h1 {
	display: inline-block;
  font-size: 20px;
  color: #595757;
  margin: 12px 0 0 40px;
}
#change ul {
	display: inline-block;
  font-size: 16px;
  margin: 20px 0 12px 30px;
}
#change ul li {
	display: inline-block;
  margin-right: 20px;
  list-style:none;

}
#change ul li a {
  color: #595757;
}

#change ul li a:hover{
	opacity: 0.7;
}


/*================================
 レスポンシブ
================================*/
.image800 { display: none; }
.image480 { display: none; }


@media (min-width: 1041px){
	
	.top_ue_logo{
		display: none;
	}
	
}


@media (max-width: 1040px){
	
	.top_ue_logo{
		display: block;
	}
	
	.gn_logo{
		display: none;
	}
	
	/*================================
	 header
	================================*/

	.header{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		line-height: 0;
		width: 800px;
		height: 120px;
		margin: 0 auto;
		padding: 0px 0 0px;
	}

	.gronavi_child{
		padding-top: 0px;
	}

	.gronavi ul{ 
		margin: 0 auto; 
		list-style: none;
		display: flex;
		width: 800px;
		padding: 12px 0;
	}

	.gronavi li{
		vertical-align: middle;
		margin: 0 auto; 
	}

	.gronavi li img{ 
		width: 134px;
		height: 70px;
	}

	.gronavi li a{
		position: relative;
		display: inline-block;
		margin: 4px 0;
		text-decoration: none;
		background-size: cover;
	}

	.gronavi li a img{
		transition:0.2s;
	}

	.gn1_saikifarm a{
		background: url("images/gn1_saikifarm_bk.svg") no-repeat ;
	}

	.gn2_firepork a{
		background: url("images/gn2_firepork_bk.svg") no-repeat ;
	}

	.gn3_meatshop a{
		background: url("images/gn3_meatshop_bk.svg") no-repeat ;
	}

	.gn_logo a{
		background: url("images/gn_logo_bk.svg") no-repeat ;
	}

	.gn4_restaurant a{
		background: url("images/gn4_restaurant_bk.svg") no-repeat ;
	}

	.gn5_company a{
		background: url("images/gn5_company_bk.svg") no-repeat ;
	}

	.gn6_contact a{
		background: url("images/gn6_contact_bk.svg") no-repeat ;
	}

	.gronavi li a :hover {
		opacity: 0.0;
	}


	.top_slider{
		line-height: 0;
		padding-top: 12px;
	}


	.top_slider img{
		width: 100%;
		 height: auto;
	}
	
	.top_ue_logo_child{
		display: block;
		width: 180px;
		margin: 0 auto;
		padding: 32px 0 0;
	}
	
	.title_saikifarm{
		position:absolute;
		top: 240px;
		left: 18%;
		width: 170px;
	}
	
	.back_saikifarm{
		padding: 20px 0 40px;
	}
	
	.saikifarm_moji_1 p{
		padding: 10px 0 ;
		letter-spacing: 0.025em;
		line-height: 1.9;
	}
	
	.firepork_matome{
		display: flex;
		margin: 0 auto;
		width: 760px;
		justify-content: space-between;
		padding-bottom: 60px
	}

	.firepork_left{
		width: 250px;
	}

	.firepork_center{
		width: 250px;
	}

	.firepork_right{
		width: 250px;
	}

	.moji_firepork_5 p{
		font-family: "RodinProN-M", sans-serif;
		font-size:14px;
		line-height:1.8;
	}

	.moji_firepork_5_2 {
		font-size:22px;
	}

	.moji_firepork_6 p{
		font-size:13px;
		line-height:2.4;

	}

	.moji_firepork_6_2{
		font-size:18px;
		line-height: 1.8;
		font-feature-settings: "palt";
	}

	.moji_firepork_6_3 {
		font-size: 12px;
		vertical-align: top;
	}

	.moji_firepork_7{
		font-size:10.5px;
		font-family: "RodinProN-M", sans-serif;
		line-height:2.8;
		font-feature-settings: "palt";
	}
	
	.ph_restaurant_gazougun{
		width: 90%;
		line-height: 0;
		margin: 0 auto;
		padding: 12px 0;
		display: flex;
		flex-direction: row;
		lex-wrap: wrap;	
		list-style: none;
		justify-content: space-between;
	}

	.ph_narabe{
		width: 19%;
	}

	.ph_narabe img{
		width: 100%;
		padding-bottom: 10px;
	}

	
	
}



@media (max-width: 800px){
	.imagepc{ display: none;}
	.image800 { display: inherit; }
	.image480 { display: none; }
	
	/*================================
	 ハンバーガーメニュー
	================================*/
	
	/* header */
	#top-head {
		display: block;
		top: -100px;
		position: absolute;
		width: 100%;
		margin: 100px auto 0;
		padding: 30px 0 0;
		line-height: 1;
		z-index: 999;
	}
	#top-head a,
	#top-head {
		color: #000;
		text-decoration: none;
	}
	#top-head .inner {
		position:static;
	}
	
	#global-nav p {
		font-family: "NewRodinProN-DB", sans-serif;
		font-size:16px;
		padding-bottom: 8px;
	}
	
	#global-nav ul {
		list-style: none;
		position: absolute;
		left: 0;
		bottom: 0px;
		font-size: 14px;

	}
	#global-nav ul li {
		float: left;
	}
	#global-nav ul li a {
		padding: 0 30px;
	}
	
	.sns_btn{
		padding: 8px 0 
	}
	
	.sns_btn img{
		width: 34px;
	}

	/* Fixed */
	#top-head.fixed {
		margin-top: 5px;
		top: 0;
		position: fixed;
		padding-top: 0px;
		height: 55px;
		transition: top 0.65s ease-in;
		-webkit-transition: top 0.65s ease-in;
		-moz-transition: top 0.65s ease-in;
	}
	#top-head.fixed .logo {
		font-size: 24px;
		color: #fff;
	}
	#top-head.fixed #global-nav ul li a {
		color: #000;
		padding: 0 20px;
	}

	/* Toggle Button */
	#nav-toggle {
		display: none;
		position: absolute;
		right: 20px;
		top: 20px;
		width: 34px;
		height: 36px;
		cursor: pointer;
		z-index: 101;
	}
	#nav-toggle div {
		position: relative;
	}
	#nav-toggle span {
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: #000;
		left: 0;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
		z-index: 999;
		box-shadow: 1px 1px #fff; 
	}
	#nav-toggle span:nth-child(1) {
		top: 0;
	}
	#nav-toggle span:nth-child(2) {
		top: 11px;
	}
	#nav-toggle span:nth-child(3) {
		top: 22px;
	}

	#top-head,
	.inner {
		width: 100%;
		padding: 0;
		z-index: 999;
	}

	#top-head {
		top: 0;
		position: fixed;
		margin-top: 5px;
	}

	/* Fixed reset */
	#top-head.fixed {
		padding-top: 0;
		background: transparent;
	}

	#mobile-head {
		width: 100%;
		height: 56px;
		position: relative;
	}

	#global-nav {
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -500px;
		right: 20px;
		background: rgba(255,255,255,.9);
		width: 150px;
		text-align: left;
		padding: 10px 0px 10px 30px;
		margin: 0px 0px 20px;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		z-index: 9999;
	}

	#global-nav ul {
		list-style: none;
		position: static;
		left: 0;
		bottom: 0;
		font-size: 14px;
		
	}
	#global-nav ul li {
		float: none;
		position: static;
	}
	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {
		width: 100%;
		display: block;
		color: #000;
		padding: 9px 0;
		transition: 0.3s;
	}

	#top-head #global-nav ul li a:hover,
	#top-head.fixed #global-nav ul li a:hover {
		color: #999;
	}

	#nav-toggle {
		display: block;
	}
	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	/* #global-nav スライドアニメーション */
	.open #global-nav {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(556px);
		-webkit-transform: translateY(556px);
		transform: translateY(556px);
	}
	/* #global-nav スライドアニメーション */
	.close #global-nav {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(-556px);
		-webkit-transform: translateY(-556px);
		transform: translateY(-556px);
	}
	
	/*================================
	 header
	================================*/

	.header{
		display: none;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		line-height: 0;
		width: 1000px;
		height: 120px;
		margin: 0 auto;
		padding: 0px 0 0px;
	}

	.gronavi_child{
		padding-top: 16px;
	}

	.gronavi ul{ 
		margin: 0 auto; 
		list-style: none;
		display: flex;
		width: 1000px;
		padding: 12px 0;
	}

	.gronavi li{
		vertical-align: middle;
		margin: 0 auto; 
	}

	.gronavi li img{ 
		width: 134px;
		height: 70px;
	}

	.gronavi li a{
		position: relative;
		display: inline-block;
		margin: 4px 0;
		text-decoration: none;
		background-size: cover;
	}

	.gronavi li a img{
		transition:0.2s;
	}

	.gn1_saikifarm a{
		background: url("images/gn1_saikifarm_bk.svg") no-repeat ;
	}

	.gn2_firepork a{
		background: url("images/gn2_firepork_bk.svg") no-repeat ;
	}

	.gn3_meatshop a{
		background: url("images/gn3_meatshop_bk.svg") no-repeat ;
	}

	.gn_logo a{
		background: url("images/gn_logo_bk.svg") no-repeat ;
	}

	.gn4_restaurant a{
		background: url("images/gn4_restaurant_bk.svg") no-repeat ;
	}

	.gn5_company a{
		background: url("images/gn5_company_bk.svg") no-repeat ;
	}

	.gn6_contact a{
		background: url("images/gn6_contact_bk.svg") no-repeat ;
	}

	.gronavi li a :hover {
		opacity: 0.0;
	}


	.top_slider{
		line-height: 0;
	}


	.top_slider img{
		width: 100%;
		 height: auto;
	}


	/*================================
	 content
	================================*/

	/*
		pagetopボタン
	================================*/

	#pageTop img{ 
		width: 94px;
		height: 94px;
	}

	#pageTop a{
		position: relative;
		display: block;
		margin: 4px 0;
		text-decoration: none;
		background-size: cover;
	}

	#pageTop a img{
		transition:0.2s;
	}

	#pageTop a{
		background: url("images/gotop_bk.svg") no-repeat ;
		width: 94px;
		height: 94px;
	}

	#pageTop a :hover {
		opacity: 0.0;
	}

	#pageTop {
		position: fixed;
		bottom: 36px;
		right: 36px;
	}

	/*
		index.html 会社概要 コンタクト
	================================*/

	.back_company{
		padding: 20px 0;
	}

	.back_company a:hover{
		opacity: 0.7;
	}

	.title_company{
		width: 170px;
		margin: 0 auto;
		padding: 40px 0 0px;
	}

	.moji_company_1 p{
		font-family: "RodinHimawariPro-M", sans-serif;
		font-size:16px;
		line-height:2.5;
		padding: 16px 0 32px;
		letter-spacing: 0.1em;
	}

	.ph_company_1{
		width: 480px;
		margin: 0 auto;
		padding: 20px 0;
	}

	.plofile_company{
		padding: 20px 0 20px 0px;
		width: 90%;
		margin: 0 auto;
	}

	.plofile_company table {
		border-collapse: collapse;
		margin: 0 auto;
	}

	.plofile_company td {
		height: 20px;
	}

	.info_hyo_left{
		padding: 6px 0;
		text-align: right;
		letter-spacing: 0.15em;
		width: 100px;
	}

	.info_hyo_right{
		text-align: left;
		padding: 6px 0 6px 20px;
		letter-spacing: 0.15em;
	}

	.back_contact{
		padding: 40px 0 120px; 
	}

	.back_contact a:hover{
		opacity: 0.7;
	}

	.title_contact{
		width: 170px;
		margin: 0 auto;
		padding: 40px 0 20px;
	}

	.moji_contact_1 p{
		letter-spacing: 0.1em;
	}

	.moji_contact_2 p{
		font-family: "NewRodinProN-DB", sans-serif;
		font-size:18px;
		padding: 0 0 8px;;
		letter-spacing: 0.2em;
	}


	/*
		saikifarm.html さいき農場 火の本豚
	================================*/

	.back_saikifarm{
		padding: 40px 0 ;
	}

	.back_saikifarm a:hover{
		opacity: 0.7;
	}

	.ph_saikifarm_1{
		line-height: 0;
	}

	.ph_saikifarm_1 img{
		width: 100%;
		 height: auto;
	}

	.title_saikifarm{
		position:relative;
		top:auto;
		left:auto;
		width:auto;
		padding-top: 60px;
	}

	.saikifarm_matome{
		display: flex;
		flex-flow:column;
		margin: 0 auto;
		justify-content: center;
		padding: 20px 0 40px;
	}

	.saikifarm_left{
		text-align: left;
		align-self: center;
		padding-right: 0px;
		padding-bottom: 20px;
		max-width: 90%;
	}

	.saikifarm_right{
		align-self: center;	
		text-align: left;
		max-width: 300px;
		width: 90%;
		margin: 0 auto;
	}
	
	.saikifarm_moji_1{
		margin: 0 auto;
	}

	.saikifarm_moji_1 p{
		padding: 10px 0 ;
		margin: 0 auto;
		text-align:justify;
		text-justify:inter-ideograph; 
		letter-spacing: 0.1em;
		line-height: 1.9;
	}

	.back_firepork{
		padding: 40px 0 ;
	}

	.back_firepork a:hover{
		opacity: 0.7;
	}

	.title_firepork{
		width: 100%;
		margin: 0 auto;
		padding-bottom: 12px;
	}

	.title_firepork img{
		width: 100%;
	}

	.moji_firepork_1 p{
		font-family: "RodinHimawariPro-M", sans-serif;
		font-size:18px;
		line-height:1.8;
		padding: 20px 0;
		letter-spacing: 0.1em;
	}

	.ph_firepork_1{
		width: 174px;
		margin:  0 auto;
		padding: 0 0 20px;
	}

	.moji_firepork_2 p{
		width: 180px;
		margin: 0 auto 20px;
		text-align: center!important;
		font-family: "RodinNTLGPro-L", sans-serif;
		font-size:16px;
		padding: 0.3em 0.8em;
		color: #3e3e3e;
		background: #fff;/*背景色*/
		border: 1px solid #000;
		font-feature-settings: "palt";
	}

	.moji_firepork_3 p{
		width: 90%;
		margin: 0 auto;
		text-align:justify;
		text-justify:inter-ideograph;
		line-height: 1.9;
		letter-spacing: 0.1em;
		padding-bottom: 60px;
	}

	.moji_firepork_4 p{
		font-family: "RodinHimawariPro-M", sans-serif;
		font-size:18px;
		line-height:1.8;
		padding: 0px 0;
		letter-spacing: 0.1em;
	}

	.firepork_matome{
		display: flex;
		flex-flow:column;
		margin: 0 auto;
		width: 100%;
		justify-content: center;
		padding-bottom: 60px;
	}

	.firepork_left{
		width: 272px;
		margin: 0 auto;
		padding-bottom: 12px;
	}

	.firepork_center{
		width: 272px;
		margin: 0 auto;
		padding-bottom: 20px;
	}

	.firepork_right{
		width: 272px;
		margin: 0 auto;
	}

	.moji_firepork_5 p{
		font-family: "RodinProN-M", sans-serif;
		font-size:16px;
		line-height:1.8;
	}

	.moji_firepork_5_2 {
		font-size:24px;
	}

	.moji_firepork_6 p{
		font-size:14px;
		line-height:2.4;

	}

	.moji_firepork_6_2{
		font-size:20px;
		line-height: 1.8;
		font-feature-settings: "palt";
	}

	.moji_firepork_6_3 {
		font-size: 12px;
		vertical-align: top;
	}

	.moji_firepork_7{
		font-size:11.2px;
		font-family: "RodinProN-M", sans-serif;
		line-height:2.8;
		font-feature-settings: "palt";
	}


	/*
		meatshop.html 肉のさいき なごみ庵
	================================*/

	.back_meatshop{
		padding: 40px 0;
	}

	.back_meatshop a:hover{
		opacity: 0.7;
	}

	.title_meatshop{
		width: 160px;
		margin: 0 auto;
		padding-bottom: 60px;
	}

	.mark_porknomi{
		width: 144px;
		margin: 0 auto;
	}

	.mark_porknomi_noshita{
		width: 360px;
		margin: 0 auto;
	}

	.moji_meatshop_1 p{
		width: 90%;
		text-align: left;
		text-align:justify;
		text-justify:inter-ideograph;
		margin: 0 auto;
		line-height: 1.9;
		padding: 20px 0 28px;
		letter-spacing: 0.1em;
	}

	.ph_meatshop_1{
		width: 100%;
		margin: 0 auto;
	}

	.ph_meatshop_1 img{
		width: 100%;
	}

	.moji_meatshop_2 p{
		font-family: "RodinProN-M", sans-serif;
		font-size:16px;
		letter-spacing: 0.1em;
		line-height:1.8;
		padding: 12px 0;
	}

	.moji_meatshop_2_2{
		font-family: "NewRodinProN-DB", sans-serif;
		font-size:20px;
		letter-spacing: 0.1em;
		line-height:1.8;
	}

	.meatshop_matome{
		display: flex;
		flex-flow:column;
		margin: 0 auto;
		justify-content: center;
		padding: 12px 0;
		align-items: center;
	}

	.meatshop_left{

	}

	.meatshop_right{
		padding-left: 0px;
		padding-top: 12px;
	}
	
	.moji_meatshop_3{
		display: flex;
		align-items:flex-end;
	}

	.moji_meatshop_3 p{
		text-align: left;
		font-family: "NewRodinProN-DB", sans-serif;
		font-size:20px;
		letter-spacing: 0.1em;
		line-height:1.8;
		padding: 4px 8px 4px 0;
	}

	.moji_meatshop_4 p{
		text-align: left;
		padding: 4px 0;
		letter-spacing: 0.1em;
	}


	.back_restaurant{
		padding: 40px 0 80px;
	}

	.back_restaurant a:hover{
		opacity: 0.7;
	}

	.moji_restaurant_1 p{
		width: 90%;
		text-align: left;
		text-align:justify;
		text-justify:inter-ideograph; 
		margin: 0 auto;
		line-height: 1.9;
		padding: 20px 0 28px;
		letter-spacing: 0.1em;
	}

	.ph_restaurant_gazougun{
		width: 90%;
		line-height: 0;
		margin: 0 auto;
		padding: 12px 0;
		display: flex;
		flex-direction: row;
		lex-wrap: wrap;	
		list-style: none;
		justify-content: space-between;
	}

	.ph_narabe{
		width: 19%;
	}

	.ph_narabe img{
		width: 100%;
		padding-bottom: 10px;
	}

	.restaurant_matome_1{
		display: flex;
		flex-flow: column;
		margin: 0 auto;
		justify-content: center;
		padding: 12px 0 40px;
		align-items: center;
		text-align: left;
	}

	.restaurant_left_1{
		width: 300px;
		margin: 0 auto;
	}

	.moji_restaurant_2 p{

	}

	.restaurant_right_1{
		padding-left: 0px;
		width: 300px;
		margin: 0 auto;
	}

	.moji_restaurant_3 p{
		font-size:20px;
		letter-spacing: 0.1em;
		line-height:1.8;
	}

	.moji_restaurant_4 p{
		width: 90%;
		margin: 0 auto;
		letter-spacing: 0.15em;
		line-height:1.8;
	}

	.moji_restaurant_5 p{
		font-family: "RodinProN-M", sans-serif;
		font-size:16px;
		letter-spacing: 0.1em;
		line-height:1.8;
		padding: 12px 0 ;
		width: 90%;
		margin: 0 auto;
	}

	.moji_restaurant_5_2{
		font-family: "NewRodinProN-DB", sans-serif;
		font-size:20px;
		letter-spacing: 0.1em;
		line-height:1.8;
	}

	.restaurant_matome_2{
		display: flex;
		flex-flow: column;
		margin: 0 auto;
		justify-content: center;
		padding: 24px 0;
		align-items: center;
	}

	.restaurant_left_2{

	}

	.restaurant_map{

	}

	.restaurant_right_2{
		padding-left: 0px;
		padding-top: 12px;
	}

	.moji_restaurant_6 p{
		text-align: left;
		font-family: "NewRodinProN-DB", sans-serif;
		font-size:20px;
		letter-spacing: 0.1em;
		line-height:1.8;
		padding: 4px 0;
	}

	.moji_restaurant_7 p{
		text-align: left;
		padding: 4px 0;
		letter-spacing: 0.1em;
	}

	.moji_restaurant_8 p{
		font-family: "NewRodinProN-DB", sans-serif;
		font-size:16px;
		letter-spacing: 0.1em;
	}

	.restaurant_mark_sns{
		width: 32px;
	}
	


	/*================================
	 footer
	================================*/

	.footer {
		margin: 0px auto;
		background: #3E3A39;
		padding: 16px 0 ;
	}

	address{
		font-family: "RodinNTLGPro-L", sans-serif;
		font-size:14px;
		line-height:1.0;
		color:#fff;
	}
	
	
}

@media (max-width: 480px){
	.imagepc{ display: none;}
	.image800 { display: none; }
	.image480 { display: inherit; }
	
	/*================================
	 header
	================================*/

	.header{
		display: none;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		line-height: 0;
		width: 1000px;
		height: 120px;
		margin: 0 auto;
		padding: 0px 0 0px;
	}

	.gronavi_child{
		padding-top: 16px;
	}

	.gronavi ul{ 
		margin: 0 auto; 
		list-style: none;
		display: flex;
		width: 1000px;
		padding: 12px 0;
	}

	.gronavi li{
		vertical-align: middle;
		margin: 0 auto; 
	}

	.gronavi li img{ 
		width: 134px;
		height: 70px;
	}

	.gronavi li a{
		position: relative;
		display: inline-block;
		margin: 4px 0;
		text-decoration: none;
		background-size: cover;
	}

	.gronavi li a img{
		transition:0.2s;
	}

	.gn1_saikifarm a{
		background: url("images/gn1_saikifarm_bk.svg") no-repeat ;
	}

	.gn2_firepork a{
		background: url("images/gn2_firepork_bk.svg") no-repeat ;
	}

	.gn3_meatshop a{
		background: url("images/gn3_meatshop_bk.svg") no-repeat ;
	}

	.gn_logo a{
		background: url("images/gn_logo_bk.svg") no-repeat ;
	}

	.gn4_restaurant a{
		background: url("images/gn4_restaurant_bk.svg") no-repeat ;
	}

	.gn5_company a{
		background: url("images/gn5_company_bk.svg") no-repeat ;
	}

	.gn6_contact a{
		background: url("images/gn6_contact_bk.svg") no-repeat ;
	}

	.gronavi li a :hover {
		opacity: 0.0;
	}


	.top_slider{
		line-height: 0;
	}


	.top_slider img{
		width: 100%;
		 height: auto;
	}
	
	.top_ue_logo{
		width: 160px;
		margin: 0 auto;
		padding: 20px 0 0;
	}

	.top_ue_logo_child{
		width: 160px;
		margin: 0 auto;
		padding: 20px 0;
	}


	/*================================
	 content
	================================*/

	/*
		pagetopボタン
	================================*/

	#pageTop img{ 
		width: 94px;
		height: 94px;
	}

	#pageTop a{
		position: relative;
		display: block;
		margin: 4px 0;
		text-decoration: none;
		background-size: cover;
	}

	#pageTop a img{
		transition:0.2s;
	}

	#pageTop a{
		background: url("images/gotop_bk.svg") no-repeat ;
		width: 94px;
		height: 94px;
	}

	#pageTop a :hover {
		opacity: 0.0;
	}

	#pageTop {
		position: fixed;
		bottom: 36px;
		right: 36px;
	}

	/*
		index.html 会社概要 コンタクト
	================================*/

	.back_company{
		padding: 20px 0;
	}

	.back_company a:hover{
		opacity: 0.7;
	}

	.title_company{
		width: 140px;
		margin: 0 auto;
		padding: 40px 0 0px;
	}

	.moji_company_1 p{
		width: 90%;
		margin: 0 auto;
		text-align:justify;
		text-justify:inter-ideograph;
		font-family: "RodinHimawariPro-M", sans-serif;
		font-size:14px;
		line-height:2.5;
		padding: 16px 0 32px;
		letter-spacing: 0.1em;
	}

	.ph_company_1{
		width: 100%;
		margin: 0 auto;
		padding: 20px 0;
	}

	.plofile_company{
		padding: 20px 0 20px 0px;
		width: 90%;
		margin: 0 auto;
		font-size: 14px;
	}

	.plofile_company table {
		border-collapse: collapse;
		margin: 0 auto;
	}

	.plofile_company td {
		height: 20px;
	}

	.info_hyo_left{
		padding: 6px 0;
		text-align: right;
		letter-spacing: 0.15em;
		width: 100px;
	}

	.info_hyo_right{
		text-align: left;
		padding: 6px 0 6px 20px;
		letter-spacing: 0.15em;
	}

	.back_contact{
		padding: 40px 0 120px; 
	}

	.back_contact a:hover{
		opacity: 0.7;
	}

	.title_contact{
		width: 140px;
		margin: 0 auto;
		padding: 40px 0 20px;
	}

	.moji_contact_1 p{
		letter-spacing: 0.1em;
		width: 90%;
		margin: 0 auto;
	}

	.moji_contact_2 p{
		font-family: "NewRodinProN-DB", sans-serif;
		font-size:18px;
		padding: 0 0 8px;;
		letter-spacing: 0.05em;
		width: 100%;
		margin: 0 auto;
	}


	/*
		saikifarm.html さいき農場 火の本豚
	================================*/

	.back_saikifarm{
		padding: 0px 0 20px;
	}

	.back_saikifarm a:hover{
		opacity: 0.7;
	}

	.ph_saikifarm_1{
		line-height: 0;
	}

	.ph_saikifarm_1 img{
		width: 100%;
		 height: auto;
	}

	.title_saikifarm{
		position:relative;
		top:auto;
		left:auto;
		width:auto;
		padding-top: 60px;
	}

	.saikifarm_matome{
		display: flex;
		flex-flow:column;
		margin: 0 auto;
		justify-content: center;
		padding: 20px 0 40px;
	}

	.saikifarm_left{
		text-align: left;
		align-self: center;
		padding-right: 0px;
		padding-bottom: 20px;
		max-width: 90%;
	}

	.saikifarm_right{
		align-self: center;	
		text-align: left;
		max-width: 300px;
		width: 90%;
		margin: 0 auto;
	}
	
	.saikifarm_moji_1{
		margin: 0 auto;
	}

	.saikifarm_moji_1 p{
		padding: 10px 0 ;
		margin: 0 auto;
		text-align:justify;
		text-justify:inter-ideograph; 
		letter-spacing: 0.1em;
		line-height: 1.9;
		font-size: 14px;
	}

	.back_firepork{
		padding: 40px 0 ;
	}

	.back_firepork a:hover{
		opacity: 0.7;
	}

	.title_firepork{
		width: 100%;
		margin: 0 auto;
		padding-bottom: 12px;
	}

	.title_firepork img{
		width: 100%;
	}

	.moji_firepork_1 p{
		font-family: "RodinHimawariPro-M", sans-serif;
		font-size:18px;
		line-height:1.8;
		padding: 20px 0;
		letter-spacing: 0.1em;
	}

	.ph_firepork_1{
		width: 174px;
		margin:  0 auto;
		padding: 0 0 20px;
	}

	.moji_firepork_2 p{
		width: 180px;
		margin: 0 auto 20px;
		text-align: center!important;
		font-family: "RodinNTLGPro-L", sans-serif;
		font-size:16px;
		padding: 0.3em 0.8em;
		color: #3e3e3e;
		background: #fff;/*背景色*/
		border: 1px solid #000;
		font-feature-settings: "palt";
	}

	.moji_firepork_3 p{
		width: 90%;
		margin: 0 auto;
		text-align:justify;
		text-justify:inter-ideograph;
		line-height: 1.9;
		letter-spacing: 0.1em;
		padding-bottom: 60px;
		font-size: 14px;
	}

	.moji_firepork_4 p{
		font-family: "RodinHimawariPro-M", sans-serif;
		font-size:18px;
		line-height:1.8;
		padding: 0px 0;
		letter-spacing: 0.1em;
	}

	.firepork_matome{
		display: flex;
		flex-flow:column;
		margin: 0 auto;
		width: 100%;
		justify-content: center;
		padding-bottom: 60px;
	}

	.firepork_left{
		width: 272px;
		margin: 0 auto;
		padding-bottom: 12px;
	}

	.firepork_center{
		width: 272px;
		margin: 0 auto;
		padding-bottom: 20px;
	}

	.firepork_right{
		width: 272px;
		margin: 0 auto;
	}

	.moji_firepork_5 p{
		font-family: "RodinProN-M", sans-serif;
		font-size:16px;
		line-height:1.8;
	}

	.moji_firepork_5_2 {
		font-size:24px;
	}

	.moji_firepork_6 p{
		font-size:14px;
		line-height:2.4;

	}

	.moji_firepork_6_2{
		font-size:20px;
		line-height: 1.8;
		font-feature-settings: "palt";
	}

	.moji_firepork_6_3 {
		font-size: 12px;
		vertical-align: top;
	}

	.moji_firepork_7{
		font-size:11.2px;
		font-family: "RodinProN-M", sans-serif;
		line-height:2.8;
		font-feature-settings: "palt";
	}


	/*
		meatshop.html 肉のさいき なごみ庵
	================================*/

	.back_meatshop{
		padding: 40px 0;
	}

	.back_meatshop a:hover{
		opacity: 0.7;
	}

	.title_meatshop{
		width: 140px;
		margin: 0 auto;
		padding-bottom: 60px;
	}

	.mark_porknomi{
		width: 124px;
		margin: 0 auto;
	}

	.mark_porknomi_noshita{
		width: 300px;
		margin: 0 auto;
	}

	.moji_meatshop_1 p{
		width: 90%;
		text-align: left;
		text-align:justify;
		text-justify:inter-ideograph;
		margin: 0 auto;
		line-height: 1.9;
		padding: 20px 0 28px;
		letter-spacing: 0.05em;
		font-size: 14px;
	}

	.ph_meatshop_1{
		width: 100%;
		margin: 0 auto;
	}

	.ph_meatshop_1 img{
		width: 100%;
	}

	.moji_meatshop_2 p{
		font-family: "RodinProN-M", sans-serif;
		font-size:16px;
		letter-spacing: 0.1em;
		line-height:1.8;
		padding: 12px 0;
	}

	.moji_meatshop_2_2{
		font-family: "NewRodinProN-DB", sans-serif;
		font-size:18px;
		letter-spacing: 0.05em;
		line-height:1.8;
	}

	.meatshop_matome{
		display: flex;
		flex-flow:column;
		margin: 0 auto;
		justify-content: center;
		padding: 12px 0;
		align-items: center;
	}

	.meatshop_left{
		width: 100%;
	}
	
	.meatshop_map{
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	
	.meatshop_map iframe,
	.meatshop_map object,
	.meatshop_map embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.meatshop_right{
		width: 90%;
		margin: 0 auto;
		padding-left: 0px;
		padding-top: 12px;
	}
	
	.moji_meatshop_3{
		display: flex;
		align-items:flex-end;
	}

	.moji_meatshop_3 p{
		text-align: left;
		font-family: "NewRodinProN-DB", sans-serif;
		font-size:20px;
		letter-spacing: 0.1em;
		line-height:1.8;
		padding: 4px 8px 4px 0;
	}

	.moji_meatshop_4 p{
		text-align: left;
		padding: 4px 0;
		letter-spacing: 0.1em;
		font-size: 14px;
	}


	.back_restaurant{
		padding: 40px 0 80px;
	}

	.back_restaurant a:hover{
		opacity: 0.7;
	}

	.moji_restaurant_1 p{
		width: 90%;
		text-align: left;
		text-align:justify;
		text-justify:inter-ideograph;
		margin: 0 auto;
		line-height: 1.9;
		padding: 20px 0 28px;
		letter-spacing: 0.05em;
		font-size: 14px;
	}

	.ph_restaurant_gazougun{
		width: 90%;
		line-height: 0;
		margin: 0 auto;
		padding: 12px 0;
		display: flex;
		flex-direction: row;
		lex-wrap: wrap;	
		list-style: none;
		justify-content: space-between;
	}

	.ph_narabe{
		width: 19%;
	}

	.ph_narabe img{
		width: 100%;
		padding-bottom: 10px;
	}

	.restaurant_matome_1{
		display: flex;
		flex-flow: column;
		margin: 0 auto;
		justify-content: center;
		padding: 12px 0 40px;
		align-items: center;
		text-align: left;
	}

	.restaurant_left_1{
		width: 300px;
		margin: 0 auto;
	}

	.moji_restaurant_2 p{
		font-size: 14px;
		width: 90%;
		margin: 0 auto;

	}

	.restaurant_right_1{
		padding-left: 0px;
		width: 300px;
		margin: 0 auto;
	}

	.moji_restaurant_3 p{
		font-size:18px;
		letter-spacing: 0.04em;
		line-height:1.8;
		width: 90%;
		margin: 0 auto;
		
	}

	.moji_restaurant_4 p{
		width: 90%;
		margin: 0 auto;
		letter-spacing: 0.05em;
		line-height:1.8;
		font-size: 14px;
	}

	.moji_restaurant_5 p{
		font-family: "RodinProN-M", sans-serif;
		font-size:16px;
		letter-spacing: 0.1em;
		line-height:1.8;
		padding: 12px 0 ;
		width: 100%;
		margin: 0 auto;
	}

	.moji_restaurant_5_2{
		font-family: "NewRodinProN-DB", sans-serif;
		font-size:18px;
		letter-spacing: 0.05em;
		line-height:1.8;
	}

	.restaurant_matome_2{
		display: flex;
		flex-flow: column;
		margin: 0 auto;
		justify-content: center;
		padding: 24px 0;
		align-items: center;
	}

	.restaurant_left_2{
		width: 100%;

	}

	.restaurant_map{
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	
	.restaurant_map iframe,
	.restaurant_map object,
	.restaurant_map embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}


	.restaurant_right_2{
		padding-left: 0px;
		padding-top: 12px;
	}

	.moji_restaurant_6 p{
		text-align: left;
		font-family: "NewRodinProN-DB", sans-serif;
		font-size:20px;
		letter-spacing: 0.1em;
		line-height:1.6;
		padding: 4px 0;
	}

	.moji_restaurant_7 p{
		text-align: left;
		padding: 4px 0;
		letter-spacing: 0.1em;
		font-size: 14px;
	}

	.moji_restaurant_8 p{
		font-family: "NewRodinProN-DB", sans-serif;
		font-size:16px;
		letter-spacing: 0.1em;
	}

	.restaurant_mark_sns{
		width: 28px;
	}
	
}