@charset "UTF-8";
/*   
Theme Name: Minimum
*/

/*  トップページスライドショーテスト用　*/
body.page-id-2 header {
  position: relative;
}





/* marginとpaddingのリセット */
*{ margin: 0; padding: 0 }

/* img要素の余計な余白（ディセンダー）のリセット */
img { vertical-align: middle; border: 0 }


/* タイポグラフィの設定 */
html {
  color: #fff;
  word-wrap: break-word;
  font: 75%/1.7 "FOT-筑紫Aオールド明朝 Pr6N R";
  letter-spacing: 1px;
}
body {
  background-color: #1F1E47;
  text-decoration: none;
}

.kari_page {
  margin: 0 auto;
  text-align: center;
}


/* リンクの設定 */
a {
  color: #fff;
  text-decoration: underline;
	cursor : pointer;
	/*text-decoration:none;
border-bottom:1px #bbb solid;
	*/
}
a:hover { 
 color: #ffc06f;
cursor : pointer;}
a:active {
  color: #fd8f02;
}
a img:hover {
	opacity: 0.7 ;
	filter: alpha(opacity=70) ;	/* Ie用 */
}
img {
	-webkit-transition: 0.4s ;
	transition: 0.4s ;
}





/* 縦書きの指定 */
.tategaki { 
  -webkit-writing-mode: vertical-rl; /* 実装済 */
  -moz-writing-mode: vertical-rl; /* 未実装 */
  -ms-writing-mode: tb-rl; /* 実装済 */
  writing-mode: vertical-rl;
 -webkit-text-orientation: upright; /* 実装済 */
  -moz-text-orientation: upright; /* 未実装 */
  -ms-text-orientation: upright; /* 未実装 */
  text-orientation: upright;
}




/* 見出しの設定 */
h1,h2,h3,h4,h5,h6 {
margin-bottom: 10px;
}
h1 {
line-height: 1.5;
font-size: 2.4em;
font-weight: normal;
}
h1 a {
  text-decoration: none;
}
h2 {
  line-height: 1.5;
  font-size: 2.4rem;
  font-weight: normal;
  padding-bottom: 0;
}
body.single h2 {
  line-height: 1.5;
  font-size: 2.4rem;
  font-weight: normal;
  padding-bottom: 10px;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #555;
}
body.error404 h2 {
  font-size: 2rem;
  margin: 100px 0 30px 0;
}
body.page-template-default h2 {
  text-align: right;
  font-size: 4rem;
  margin: 0 -10px 30px 0;
  letter-spacing: 10px;
	line-height: 1.2;
}


h2 a {
 /* text-decoration: none;*/
	text-decoration:none;
border-bottom:1px #fff solid;
}
h3{
  line-height: 1.5;
  font-size: 2rem;
  font-weight: normal;
  margin: 5px 0 0 0;
  padding-top: 0px;
}
h3:first-child {
  margin-top: 0;
}

body.archive h3,
body.single h3,
body.category-news h3,
body.page-template-page-recipe h3
body.tax-recipe_tag h3 {
  line-height: 1.5;
  font-size: 1.6rem;
  font-weight: normal;
  margin: 5px 100px 30px 0;
}
body.tax-recipe_cat h3,
body.tax-recipe_tag h3{
  font-size: 1.6rem;
  border: solid 1px #999;
  border-radius: 3px;
  display: inline-block;
  padding: 3px 8px;
  margin: 0 0 30px 0;
  text-decoration: none;	
}
body.page-template-default h3  {
	margin: 0 0 20px 0;
}
body h3 .sub_copy {
	font-size: 1.1rem;
}


h4 {
  line-height: 1.5;
  font-size: 2rem;
  font-weight: normal;
}
h5,h6 {
line-height: 1.5;
font-size: 1.2rem;
}
body.page-template-default .h2_subcopy {
  display: block;
  text-align: right;
  letter-spacing: 2px;
}



body.single #inner, body.error404 #inner { 
	min-height: 920px;  
}
	
}
/*Lightbox*/
#lightbox #caption, #lightbox #numberDisplay { color: #333; 	
}






/* メインメニュー */

a.resp_btn {
  float: left;
  display: none;
}


/*  メインメニュー 用指定 */

ul.main_menu {
  width: 177px;
  height: 860px;
  display: block;
  overflow: hidden;
  z-index: 2000;
  position: relative;
}
 body.home ul.main_menu {/*  HOME用メニュー指定  */
  max-width: 890px;
		width: auto;
  height: 204px ;
  margin: 0 0 10px 0;
  z-index: 1000;
  position: relative;
  list-style: none;
  display: block;
}

ul.main_menu > li.tategaki {
  width : 59px;
  height: 174px;
  padding: 20px 0 0 0;
  margin: 20px 0 0 0;
  float: right;
  background-image: url(https://kinbue.jp/images/menu_yazi.png);
  background-repeat: no-repeat;
  background-position: 31px 0px;
  position: relative;
  overflow: hidden;
  vertical-align: top;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  z-index: 100;
}
body.home ul.main_menu > li.tategaki {/*  HOME用メニュー指定  */
	width: auto;
  width : 7.4%;
	width : -webkit-calc((100% - 494px) / 6);
 width : calc((100% - 494px) / 6);
  height: 184px;
}

/*　罫線の調整：
　　　　レスポンシブ時に　　a　　にtransform: translateを使っているため
　　　　罫線が消えてしまう対処　　*/
ul.main_menu > li.tategaki::before {
		border-right: 1px dashed #888;
  height: 154px;
  position: absolute;z-index: 100;bottom: 0;right: 0;
  content: "";
}
body.home ul.main_menu > li.tategaki::before {/*  HOME用メニュー指定  */
height: 164px;
}
ul.main_menu > li.tategaki::after {
	border-right: 0px dashed #888;
  height: 100%;
  position: absolute;z-index: 100;bottom: 0;right: 0;
  content: "";
}
ul.main_menu > li.sub::before {
		border-right: none;
}

body.home ul.main_menu > li.sub::before {/*  HOME用メニュー指定  */
  height: 164px;
	border-right: 1px dashed #888;
  position: absolute;z-index: -1;bottom: 0;right: 0;
  content: "";
}
ul.main_menu > li.sub::after {
	border-right: 0px dashed #888;
  height: 100%;
  position: absolute;bottom: 0;right: 0;
  content: "";
}



ul.main_menu > li.tategaki.syoyudukuri::before,
ul.main_menu > li.tategaki.hyakunen::before {
		border-left: 1px dashed #888;
  height: 154px;
  position: absolute;z-index: -1;bottom: 0;left: 0;
  content: "";
}
ul.main_menu > li.tategaki.syoyudukuri::after,
 ul.main_menu > li.tategaki.hyakunen::after {
	border-left: 0px dashed #888;
  height: 100%;
  position: absolute;z-index: -1;bottom: 0;left: 0;
  content: "";
}


body.home ul.main_menu > li.tategaki.syoyudukuri::before,/*  HOME用メニュー指定  */
body.home ul.main_menu > li.tategaki.hyakunen::before {
		border-left: none;
}
body.home ul.main_menu > li.tategaki.syoyudukuri::after,/*  HOME用メニュー指定  */
body.home ul.main_menu > li.tategaki.hyakunen::after {
	border-left: none;
}


ul.main_menu > li.home {
  width: 302px;
  background-image: none;
  text-align: right;
  overflow: hidden;
  float: right;
  min-width: 0px;
	padding: 25px 0 0 0; 
}

body.home ul.main_menu > li.home {/*  HOME用メニュー指定  */
	padding: 0 0 0 0; 
}


ul.main_menu > li.home a {
	height: 204px;
  display: block;
  padding: 0; /*  ブラウザ幅が狭くなった時のロゴ画像のずれ防止  */
	position: relative;
}
ul.main_menu > li.home a:hover {/*  分割したロゴ全体でhover  */
		opacity: 0.7 ;
	filter: alpha(opacity=70) ;
}
ul.main_menu > li.home a img:hover {/*  分割したロゴ画像をhoverしない  */
		opacity: 1 ;
	filter: alpha(opacity=100) ;
}
ul.main_menu > li h1 {/*z-index対策*/
	position: relative;
}

ul.main_menu > li.home img.logo {
  width: 177px;
  height: auto;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
ul.main_menu > li.home img.logo_under {
  width: 177px;
  height: auto;
}
 body.home ul.main_menu > li.home img.logo {/*  HOME用メニュー指定  */
		position: relative;
  /*width: 190px;*/
  width: 275px;
  height: auto;
  bottom: auto;
  right: auto;
}
 body.home 	ul.main_menu > li.home img.logo_under {/*  HOME用メニュー指定  */
  width: 190px;
  height: auto;
		position: absolute;
  bottom: 0px;
  right: 0px;
}
ul.main_menu > li.tategaki > a {
  width: auto;
  height: 154px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #fff;
  text-decoration: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  /*これ以下縦書きを左右中央揃え指定*/
  position: absolute;
  top: 20px;
  left: 50%;
  display: inline;
  transform: translate(-50%, 0);
  
}





body.home ul.main_menu > li.tategaki > a {/*  HOME用メニュー指定  */
  height: 164px;
  font-size: 23px;
  
}

 body.home ul.main_menu > li.home img.item { /*  HOME用メニュー指定  */ 
		display: inline-block;
}
ul.main_menu > li.home img.item {
display: none;
}
/*
ul.main_menu > li.net_shop {
  display: none;
}
ul.main_menu > li.english {
  display: none;
}
*/
ul.main_menu > li.sub > ul.sub_menu li.english, 
ul.main_menu > li.sub > ul.sub_menu li.net_shop {
 display: none;
}


ul.main_menu > li a .eng {
  display: block;
  letter-spacing: 1px;
  font-size: 10px;
  text-decoration: none;
  left: auto;
}
body.home ul.main_menu > li a .eng {/*  HOME用メニュー指定  */
  font-size: 11px;
}

span.ls-1  { letter-spacing: -1px; 	
}
ul.main_menu li > a span.ls-2  { 
	letter-spacing: -1px; 
	font-size: 18px;
}
	ul.main_menu li > a span.ls-4 {
  letter-spacing: -2px;
  font-size: 17px ;
		-moz-transform:    scale( 0.6, 1 );  /* Firefox */
  -webkit-transform: scale( 0.6, 1 );  /* Chrome,Safari */
  -o-transform:      scale( 0.6, 1 );  /* Opera */
  -ms-transform:     scale( 0.6, 1 );  /* IE */
  transform:         scale( 0.6, 1 );  /* CSS3 */
}
	ul.main_menu li > a span.ls-5 {
  letter-spacing: -2px;
  font-size: 17px ;
		-moz-transform:    scale( 0.4, 1.2 );  /* Firefox */
  -webkit-transform: scale( 0.4, 1.2 );  /* Chrome,Safari */
  -o-transform:      scale( 0.4, 1.2 );  /* Opera */
  -ms-transform:     scale( 0.4, 1.2 );  /* IE */
  transform:         scale(0.4, 1.2 );  /* CSS3 */
}
ul.main_menu li > a span.ls-3  { letter-spacing: normal; }
ul.main_menu > li.sub {
	width: 192px;
	height: 204px;
	margin: 0 0 0 0;
  padding: 0 22px 0 0;
  text-align: left;
  position: relative;
	float:left;
  overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
ul.main_menu > li.sub > ul.sub_menu {
	padding: 0 0 0 0;
  width: 177px;
	margin: 0 ;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  float: left;
  display: block;
}
ul.main_menu > li.sub > ul.sub_menu li {
  width: 29px;
  height: 125px;
	margin: 20px 0 0 0;
  padding: 20px 0 0 0;
  list-style: none;
  background-image: url(https://kinbue.jp/images/menu_yazi.png);
  background-repeat: no-repeat;
  background-position: 4px 0px;
  float: right;
  box-sizing: border-box;/*Safari用必須*/
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
ul.main_menu > li.sub > ul.sub_menu li > a {
  display: block;
  margin: 0 0 0 0;
  padding: 0 5px 0 0;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 1px;
  font-weight: bold;
  text-decoration: none;
}




 body.home ul.main_menu > li.sub > ul.sub_menu {/*  HOME用メニュー指定  */
  width: 172px;
	margin: 0 ;
  padding: 0 ;
}
 body.home ul.main_menu > li.sub > ul.sub_menu li {/*  HOME用メニュー指定  */
  width: 28px;
}



/*メニュー全体のhover指定*/
ul.main_menu li a {
  display: block;
}
ul.main_menu li a:hover {
color: #ffc06f;
}
ul.main_menu li a:active {
	color: #fd8f02;
}

/*　　メインメニュー　　お問合せはお気軽に　　*/
#top .contact_button {
  position: absolute;
  bottom: 0px;
  left: 20px;
  font-size: 0.8rem;
  line-height: 1.4;
  letter-spacing: 1px;
  padding: 5px 7px 3px 7px;
  display: block;
  margin: 5px 0 0 0;
  background-color: #9a0000;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  z-index: 2000;
  overflow: hidden;
 width: 178px;
 box-sizing: border-box;
}
#top .contact_button a {
text-decoration: none;
}
#top .contact_button .telno {
  font-size: 17px;
  word-spacing: normal;
  letter-spacing: 0.2em;
  text-decoration: none;
	line-height: 1.3;
}
#top .contact_button .form_txt {
  font-size: 10px;
	line-height: 1.3;
}
#top .contact_button .form_txt a {
  text-decoration: underline;
}





#top .net_shop_button {
  position: absolute;
  bottom: -48px;
  left: 20px;
 background-color: #9a0000;
  border-radius: 3px;
 webkit-border-radius: 3px;
    -moz-border-radius: 3px;
 width: 178px;
 box-sizing: border-box;
 z-index: 2000;
}
#top .net_shop_button span {
  display: block;
  font-size: 0.95rem;
}
#top .net_shop_button a {
  color: #fff;
  font-size: 1.4rem;
  text-decoration: none;
  padding: 4px 18px 3px 6px;
  line-height: 1.3;
  display: block;
  background-image: url(https://kinbue.jp/images/menu_yazi.png);
  background-repeat: no-repeat;
  background-position: right 20px;
}
#top .net_shop_button a:hover { background-color: #cb0000; }



/*　　メインメニュー　　英語版サイトリンク　　*/
#top .english_button {
  position: absolute;
  bottom: -96px;
  left: 20px;
  letter-spacing: 1px;
  display: block;
  background-color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  z-index: 2000;
  border: 2px solid #990000;
  color: #990000;
  width: 178px;
  box-sizing: border-box;
  background-image: url(https://kinbue.jp/images/menu_yazi_enji.png);
  background-repeat: no-repeat;
  background-position: right 20px;
}
#top .english_button span.brewing {
  font: 10px/1.2 'Libre Baskerville', serif;
  display: block;
}
#top .english_button a.english {
  color: #990000;
  font: 17px 'Libre Baskerville', serif;
  text-decoration: none;
  display: block;
  padding: 5px 7px 0 7px;
  
}
#top .english_button:hover {
  color: #990000;
 background-color: #fff2b8;
}

/*　　メインメニュー　　タイ語版サイトリンク　　*/
#top .thai_button {
  position: absolute;
  bottom: -142px;
  left: 20px;
  letter-spacing: 1px;
  display: block;
  background-color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  z-index: 2000;
  border: 2px solid #990000;
  color: #990000;
  width: 178px;
  box-sizing: border-box;
  background-image: url(https://kinbue.jp/images/menu_yazi_enji.png);
  background-repeat: no-repeat;
  background-position: right 20px;
}
#top .thai_button span.brewing {
  font: 10px/1.2 'Libre Baskerville', serif;
  display: block;
}
#top .thai_button a.thai {
  color: #990000;
  font: 17px 'Libre Baskerville', serif;
  text-decoration: none;
  display: block;
  padding: 5px 7px 0 7px;
  
}
#top .thai_button:hover {
  color: #990000;
 background-color: #fff2b8;
}




/* IE11 */

@media all and (-ms-high-contrast:none){/* IE11 */
*::-ms-backdrop, ul.main_menu > li.tategaki > a {
 line-height: 1.1;
  position: absolute;
  top: 20px;
  left: 50%;
  display: block;
  transform: translate(-50%, 0);
   width: 65%;
} 
 *::-ms-backdrop, ul.main_menu > li a .main {
  float: right;
  width: 1em;
  text-align: center;
  -ms-writing-mode: tb-rl; /* for MS IE8+ */
}
  *::-ms-backdrop, ul.main_menu > li a .eng {
  float: left;
  left: auto;
   width: 1em;
   -ms-writing-mode: tb-rl; /* for MS IE8+ */
}
  *::-ms-backdrop, ul.main_menu > li.sub > ul.sub_menu li > a {
line-height: 1 !important;
  letter-spacing: 0 !important;
   padding: 5px 2px 10px 3px !important; 
   text-align: center;
} 
 ul.main_menu li.english {
  display: none;
  visibility: hidden;
}
 #top .contact_button {
  bottom: 0px;
  line-height: 1.2;
  padding: 5px 7px 5px 7px;
}
 *::-ms-backdrop, #one_hundred p.tategaki {
  color: #990000;
  -ms-writing-mode: tb-rl; /* for MS IE8+ */
}
 
}

/* IE11 */





#top h1.resp { display: none; 	
}

/*本番用　　　メインメニュー　　　カレント指定*/
body.page-id-246 li.about,
body.page-id-338 li.syoyudukuri,
body.page-id-410 li.tyokubai,
body.page-id-286 li.syokuzi,
body.page-id-400 li.hyakunen,
body.page-id-338 li.recipe,
body.post-type-archive-recipe li.recipe,
body.page-id-451 li.tour,
body.page-id-454 li.business,
body.page-id-457 li.dealer,
body.page-id-460 li.contact,
body.category-news li.news{
	background-color: #3e3e7c; 	
}



/*  レスポンシブメニュー */

.drawer-toggle { display: none; }





/*   左メインjメニュー用　　ページイメージ  */
#page_img {  /*  左メインメニュー 用指定 */
  max-width: 695px;
  overflow: visible;
  padding: 0 0 0 235px;
  margin: 0 auto;
  position: relative;
}
#page_img img {  /*  左メインメニュー 用指定 */
  width: 750px;
  margin: 0 ;
  height: auto;
}

#page_img .net_shop {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: #fff;
  border: 1px solid #b10000;
  border-radius: 3px;
 webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#page_img .net_shop span {
  display: block;
  font-size: 0.95rem;
}
#page_img .net_shop a {
  color: #b10000;
  font-size: 1.4rem;
  text-decoration: none;
  padding: 4px 18px 3px 6px;
  line-height: 1.3;
  display: block;
  background-image: url(https://kinbue.jp/images/menu_yazi_enji.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}
#page_img .net_shop a:hover { background-color: #ffebeb; }






body.page-id-286 #page_img {/*コンテンツ背景白*/
  overflow: visible;
  padding: 0 0 0 194px;
  margin: 0 auto;
}

.post ol {
margin: 0 0 24px 1em;
padding-left: 24px;
}
.post ul {
margin-bottom: 24px;
padding-left: 24px;
}
.post li {
margin-bottom: 0.5em;
}
.post ul li ul {
padding-left: 0px;
}



dl.metadata {
  margin: 0 0 15px 0;
  float: right;
  padding-top: 20px;
 }
 dl.metadata.date {
  float: none;
  position: absolute;
  top: 10px;
  right: 0px;
  letter-spacing: 2px;
  padding-top: 0;
 }
dl.metadata dt, dl.metadata dd {
  display: inline;
  font-size: 9pt;
}
dl.metadata dd { margin-right: 0px; }
dl.metadata dd.last {
border-right: none;
}
p.navigation {
text-align: center;
}

/* 引用 */
.post blockquote {
margin-bottom: 24px;
padding: 20px;
background: #f6f6f6;
border: 1px solid #ccc;
}




/*----ページネーション----*/
.pagenation {
  margin: 25px 0 0 0;
  text-align: center;
  font-size: 26px;
  overflow: hidden;
  line-height: 1;
}
.pagenation .r { float: right; }
.pagenation .l { float: left; }

.pagenation a  {
  color: #fff;
  text-decoration: none;
  display: block;
	background-color: #43529c;
	padding: 8px 0 0 0;
  width: 44px;
  height: 34px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
	
}
.pagenation a:hover {
  background-color: #637cf8;
}

/*----シングルページナビゲーション--*/
.navigation { overflow: hidden;  
}
.navigation .nav-previous {
  width: 42%;
  float: left;
}
.navigation .nav-next {
  width: 42%;
  float: right;
  text-align: right;
}

/* カテゴリページナビゲーション */
.wp-pagenavi {
  padding: 0;
  text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
  display: inline-block;
  text-decoration: none;
  background-color: #43529c;
  padding: 3px 8px !important;
  margin: 3px;
  color: #fff !important;
  overflow: hidden;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #43529c !important;
  border-collapse: separate;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
  background-color: #738afc;
	border: 1px solid #738afc !important;
}

/*----ソシアルメディアボタン----*/
.synved-social-container {
  padding: 30px 0 0 0;
  clear: both;
}



/* 右サイド  ドロワーメニュー　 */
.drawr_sidebar {
  margin-right: -270px;
  position: absolute;
  float: right;
  width: 320px;
  right: 1px;
  top: 20px;
  z-index: 500;
}
a.drawr_btn {
  text-decoration: none;
  display: block;
  margin: 60px 0 30px 0;
  float: left;
  width: 50px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
a.drawr_btn.tategaki {
  writing-mode:vertical-rl;
  -webkit-writing-mode: vertical-rl;
/* -ms-writing-mode: vertical-rl;*/
  text-orientation:upright;
 -ms-text-orientation:upright;
}
a.drawr_btn span {
  display: block;
  border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  border-top: 1px dashed #ccc;
  border-left: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
background-color: #1F1E47;
  padding: 12px 8px;
  margin: 30px 0 30px 0;
  font-size: 18px;
  text-decoration: none;
}



/* サイドバーの設定 */
#sidebar {
  width: 229px;
  margin: 70px 0 0 0;
  background-color: #1F1E47;
  float: left;
  padding: 20px 20px 0 20px;
  border-left: 1px solid #555;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
}

#sidebar ul, #sidebar dl{
  list-style: none;
  padding: 5px 0;
  overflow: hidden;
  margin-bottom: 30px;
  letter-spacing: 1px;
}
#sidebar h2.widgettitle, #sidebar #wp-calendar caption  {
  border-bottom: 1px solid #555;
  font-size: 1.2rem;
  padding-bottom: 5px;
  margin: 0 0 0 0;
  text-align: left;
}

#sidebar ul li {
	width: 210px;
  padding: 7px 0;
  line-height: 1.4;
  font-size: 1.1rem;
}
#sidebar ul li ul.children {
margin-bottom: 0;  
padding: 0 0;
}
#sidebar .widget_calendar a { color: #00aacc; }

#sidebar #wp-calendar { margin-bottom: 40px; }

#sidebar #wp-calendar { width: 210px; }
#sidebar #wp-calendar thead th {
  text-align: right;
  font-size: 1rem;
  font-weight: normal;
  padding: 5px 5px 0 0;
}
#sidebar #wp-calendar tbody td {
  text-align: right;
  font-size:1rem;
  padding-right: 5px;
}
#sidebar #wp-calendar tfoot td {
  font-size: 1rem;
}

#sidebar dl dt {
  margin: 0 0 0 0;
  padding: 7px 0 0 0;
  font-weight: normal;
  float: none;
  clear: both;
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.2;
}
#sidebar dl dd  {
  padding: 0 0 7px 1em;
  margin: 0 0 0 0;
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.4;
}
#sidebar ul.cate li:before, #sidebar ul.users li:before {
 
}
#sidebar ul.cate li, #sidebar ul.users li {
  padding: 7px 0 0 16px;
}
#sidebar ul.cate li ul li {   
}
#sidebar .tag {
  padding: 10px 0;
  margin-bottom: 30px;
}
/* タグクラウドに枠線を付ける（＋フォントサイズ統一） */
a.tag-cloud-link {
  font-size: 1rem !important;
  border: solid 1px #888;
  border-radius: 4px;
  display: inline-block;
  padding: 3px 5px 2px 5px;
  margin-bottom: 8px;
  text-decoration: none;
}
/* タグクラウドのマウスオーバー時の背景色 */
a.tag-cloud-link:hover {
    background-color: #738afc;
    text-decoration: none;
    color: #fff;
}



/* 汎用 */

img.alignright {
  float: right;
  margin-left: 10px;
}
img.alignleft {
  float: left;
  margin-right: 10px;
}
/* 回り込み解除 */
.clear {
clear: both; 
}

p.center {
  text-align: center;
}
p.first {
  margin: 0 0 30px 0;
  font-size: 1.4rem;
}

p.line {
  border-bottom: 1px solid #777;
  padding: 0 0 10px 0;
  display: block;
}
p.font8p.center {
  font-size: 8pt;
  display: block;
  margin: 5px auto 0 auto;
}
p.font9p {
  font-size: 9pt;
  display: block;
  margin-top: 7px;
}

.font8p {
  font-size: 8pt;
}
#wrap p.font8p {
  font-size: 8pt;
  display: block;
  margin: 7px 0 0 0;
}

.font_l { font-size: 125%; }

#wrap .postlist-category-inner p {
  line-height: 1.2;
  margin-bottom: 8px;
}
.postlist-datetime {
  line-height: 1.2;
  letter-spacing: 1px;
  color: #999;
  font-size: 9pt;
}
.red {
  line-height: 1.2;
  padding-left: 10px;
  color: #ad3b14;
  font-size: 9pt;
}
/*  GoogleMapレスポンシブ用  */
.map_box {
  position: relative;
  clear: both;
}
.map_box iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


a.enzi_button {
  padding: 5px 7px 5px 7px;
  display: inline-block;
  margin: 0 0 0 0;
  background-color: #9a0000;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-decoration: none;
  line-height: 1;
  font-size: 1rem;
}
a.white_button {
  padding: 5px 18px 5px 7px;
  display: inline-block;
  margin: 0 0 0 0;
  background-color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-decoration: none;
  line-height: 1;
  font-size: 1rem;
  color: #000;
  background-image: url(https://kinbue.jp/images/white_link.png);
  background-repeat: no-repeat;
  background-position: right center;
}

 a.out_link {
  text-align: right;
  display: block;
  background-image: url(https://kinbue.jp/images/out_link.gif);
  background-repeat: no-repeat;
  padding: 0 15px 0 0;
  background-position: right center;
  min-height: 11px;
  margin: 3px 0 0 0;
  font-size: 0.85rem;
}
 a.out_link.white {
  background-image: url(https://kinbue.jp/images/out_link_2.gif);
}


.block {
  overflow: hidden;
  position: relative;
	box-sizing: border-box;
}
.box {
  overflow: hidden;
  position: relative;
	box-sizing: border-box;
}
.box.left { float: left; 	
}
.box.right { float: right; 	
}
.inline_box {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  position: relative;
  overflow: hidden;
}
p.setumei {
}

.syomei {
  font-size: 9pt;
  margin-bottom: 30px;
}

.main_img {
  margin: 0 auto 0 auto;
  max-width: 1040px;
}



/*トップページ*/

#news, .stage, #product, #tyokuei, #recipe { padding: 0 0 50px 0; 	
}
#news h3, #about h3, #syoyudukuri h3, #product h3,#tyokuei h3,#recipe h3 {
  margin: 0 0 20px 0;
}
.h2_box {  /*  汎用  */
  position: relative;
  display: inline-block;
  width: 38em;
	margin: 0 0 15px 0;
}
.h2_box:hover {
  color: #ffc06f;
  text-decoration: none;
}
.h2_box a.link { /*汎用  ブロック要素全体にリンク*/
  display: block;
	text-decoration: none;
 position: absolute;
 top: 0px;
 left: 0px;
 height:100%;
 width: 100%;
}
.h2_box a.link span {  /*  汎用  */
  display: inline-block;
  padding: 7px 20px 0 20px;
  vertical-align: top;
  background-image: url(https://kinbue.jp/images/menu_yazi.png);
  background-repeat: no-repeat;
}
a.kuwasiku span {  /*  汎用  */
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  font-size: 11px;
  padding: 3px 15px 2px 6px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #555;
  line-height: 1.4;
  background-image: url(https://kinbue.jp/images/menu_yazi.png);
  background-repeat: no-repeat;
  background-position: right 1px;
}

#news {
  background-image: url(https://kinbue.jp/images/news_bkg.png);
  padding: 16px 10px 0 20px;
  background-repeat: no-repeat;
  position: relative;
  width: 320px;
  height: 316px;
  margin: 20px 0 50px 0;
  float: left;
}
#news .h2_box {
  margin: 0 0 10px 0;
  overflow: hidden;
  width: 100%;
}
#news h2 {
  font-size: 2rem;
  line-height: 1;
  margin: 0;
  padding: 0;
  display: inline-block;
}
#news .h2_box a.link span {
  margin: 0 0 0 16em;
  background-position: right 7px;
  width: 60px;
  font-size: 11px;
}
#news ul.wrap {
  padding:0;
  margin:0;
  list-style:none;
}
#news li.box {
  height: 95px;
  overflow: hidden;
  margin: 0 0 10px 0;
  max-width: 300px;
  position: relative;
}
#news li.box a { /*ブロック要素全体にリンク*/
  display: block;
 position: absolute;
 top: 0;
 left: 0;
 height:100%;
 width: 100%;
}
#news li.box:hover {
  color: #ffc06f;
  text-decoration: none;
}
#news li.box .right { margin: 0 0 10px 110px; 	
}
#news li.box .metadata {
  margin: 0 0 1px 0;
  font-size: 0.8rem;
}
#news li.box h3 {
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
  font-size: 1rem;
  line-height: 1.3;
}
#news li.box p {
  font-size: 0.9rem;
  line-height: 1.3;
}
#news li.box img {
  border: 1px solid #dfdfdf;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin-top: 2px;
}
.news_fukidasi {
  position: absolute;
  right: 15px;
  bottom: 2px;
  height: 78px;
  width: 126px;
}
.news_fukidasi img {
  
}
.news_fukidasi span.fukidasi {
  color: #333;
  position: absolute;
  left: 13px;
  top: 13px;
  line-height: 1.2;
  font-size: 10px;
}
.news_fukidasi span.fukidasi a {
  color: #333;
}
.news_sns_box {
 position: absolute;
  left: 20px;
  bottom: 16px;
  width: 200px;
}
.news_facebook, .news_youtube {
  line-height: 1.2;
  margin: 5px 0 0 0;
  font-size: 1rem;
  overflow: hidden;
}
.news_facebook img, .news_youtube img {
  margin: 0 5px 0 0;
  float: left;
}
.news_facebook a, .news_youtube a {
  text-decoration: none;
  margin: 3px 0 0 0;
  vertical-align: middle;
}


#one_hundred {
  float: right;
  margin: 20px 0 50px 0;
  background-image: url(https://kinbue.jp/images/one_hundred_bkg.jpg);
  background-size: 706px auto;
  width: 500px;
  height: 324px;
  border: 1px solid #eee;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-position: -60px 0;
  position: relative;
}
#one_hundred .one_hundred_title {
  color: #990000;
  position: absolute;
  top: 15px;
  right: 24px;
}
#one_hundred p.tategaki {
  color: #990000;
  position: absolute;
  top: 25px;
  right: 160px;
  line-height: 2.5;
  letter-spacing: normal;
  font-size: 12px;
}
#one_hundred .one_hundred_img01 { 
	position: absolute;
	top: 25px;
  left: 20px;
}
#one_hundred .one_hundred_img02 { 
	position: absolute;
	top: 155px;
  left: 20px;
}
#one_hundred a.kuwasiku {
  position: absolute;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  color: #000;
  text-decoration: none;
}
#one_hundred a.kuwasiku:hover {
  color: #ff6600;
  background: rgba(255,255,255,0.2);
}
#one_hundred a.kuwasiku span {
  border: 1px solid #ccc;
  background-color: #fff;
  width: 5.8em;
  margin: 0 0 35px 390px;
  position: absolute;
  background-image: url(https://kinbue.jp/images/menu_yazi_black.png);
  font-size: 0.8rem;
  letter-spacing: normal;
}

.stage {
  margin: 0 0 60px 0;
  letter-spacing: -0.4em;/*インラインブロック隙間対策*/
  clear: both;
}

#about, 
#syoyudukuri {
  display: inline-block;
  width : -webkit-calc(50% - 24px);/*　　#aboutマージン分 -　*/
  width : calc(50% - 24px);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  letter-spacing: 1px;
  position: relative;
  vertical-align: top;
}
#about {
  width : -webkit-calc(48% - 24px);/*　　#aboutマージン分 -　*/
  width : calc(48% - 24px);
}
#syoyudukuri {
  width : -webkit-calc(52% - 24px);/*　　#aboutマージン分 -　*/
  width : calc(52% - 24px);
}
#about { margin: 0 48px 0 0; 
}
#about h2, 
#syoyudukuri h2 {
  font-size: 1.6rem;
  position: absolute;
  right: 0px;
  top: 0px;
}
#about .box, 
#syoyudukuri .box {
  position: relative;
  overflow: hidden;
}
#about p {
  margin: 0 3.3rem 25px 0;
  padding: 0 0 5px 0;
  line-height: 1.4;
}
#syoyudukuri p {
  margin: 0 5.6rem 25px 0;
	padding: 0 0 5px 0;
	line-height: 1.4;
}
#about img, 
#syoyudukuri img {
  margin: 0 15px 0 0;
  border: 1px solid #aaa;
  height: 141px;
  width: auto;
}
#about a.kuwasiku, 
#syoyudukuri a.kuwasiku  { /*ブロック要素全体にリンク*/
  display: block;
 position: absolute;
 top: 0px;
 left: 0px;
 height:100%;
 width: 100%;
}
#about a.kuwasiku span {
  left: 196px;
  font-size: 11px;
}
#syoyudukuri a.kuwasiku span {
 left: 217px;
}
#about:hover, 
#syoyudukuri:hover {
  color: #ffc06f;
  text-decoration: none;
}


#product .wrap {
  width : -webkit-calc(100% + 25px);/*　liのマージン分＋　*/
  width : calc(100% + 25px);
  overflow: hidden;
}
#product .h2_box {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: block;
  background-image: url(https://kinbue.jp/images/product_h2_box.png);
  background-repeat: no-repeat;
  padding: 0 0 10px 0;
  background-position: center 0%;
}
#product h2 {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 0 0 0 0;
  padding: 0 5px 25px 0;
  text-align: center;
}


#product .h2_box a.link span {
  text-align: center;
  margin: 40px auto 0;
  display: block;
  width: 9em;
  padding: 0 16px 0 7px;
  background-image: url(https://kinbue.jp/images/menu_yazi_black.png);
  background-repeat: no-repeat;
  background-position: right 1px;
  font-size: 14px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #fff;
  color: #333;
 font-size: 12px;
}
#product .h2_box a.link span:hover {
  background-color: #ffdabf;
  color: #333;
}

#product ol.wrap {
	counter-reset:number; /* 名前を付けたカウンターをリセット */
	padding:0;
 margin:0;
 list-style:none;
	letter-spacing: -0.4em;/*インラインブロック隙間対策*/
}
#product li.box:nth-child(n+6) {/*6番目を非表示*/
 display: none; 
}
#product li.box {
	width : -webkit-calc(20% - 26px);
 width :calc(20% - 26px);
  margin: 0 26px 24px 0;
  position: relative;
  display: inline-block;
  vertical-align: top;
	letter-spacing: 1px;
}
#product li.box:before {
  counter-increment: number; /* 任意の名前を付けて！ */
  content: counter(number)"位"; /* 名前を付けたカウンターを呼び出し */
  padding: 8px 0 2px 0;
  width : 100%;
  text-align: center;
  display: block;
  font-size: 12px;
  letter-spacing: 2px;
  color: #ff0000;
  background-image: url(https://kinbue.jp/images/product_li_no.png);
  background-repeat: no-repeat;
  background-position: center top;
  vertical-align: middle;
  height: 30px;
}
#product li.box:first-letter { /* 先頭の数字を大きく */
  font-size: 18px;
  color: #ff0000;
	letter-spacing: 2px;
}
#product li.box .recipe_cat {
  margin: 7px 0 5px -0.4rem;
  padding: 0 0 0 0;
  font-size: 0.9rem;
  line-height: 1.4;
  letter-spacing: 1px;
}
#product li.box h3 {
  margin: 7px 0 4px 0;
  padding: 0 0 0 0;
  font-size: 1.1rem;
  line-height: 1.4;
}
#product li.box .imgbox {
  width: 100%;
  height: auto;
  overflow: hidden;
  border: 1px solid #666;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  position: relative;
  background-color: #fff;
}
#product li.box .imgbox:before {
  content:'';
  display:block;
  width:100%;
  height:0;
  padding-bottom:100%;
}
#product li.box .imgbox img {
  width: auto;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#product li.box p {
  margin: 0 0 30px 0;
  display: block;
  line-height: 1.4;
}
#product li.box a.kuwasiku { /*ブロック要素全体にリンク*/
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;

}
#product li.box a.kuwasiku span {
  background-color: #990000;
  border: none;
  color: #fff;
  font-size: 11px;
}
#product li.box a.kuwasiku span:hover { 
  background-color: #cb0000;
}
#product li.box:hover {
  text-decoration: none;
	
}


#tyokuei {
	overflow: hidden; 	
}
#tyokuei h2 {
  font-size: 2rem;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  display: inline-block;
}
#tyokuei .h2_box a.link span {
  display: inline-block;
	margin: 6px 0 0 9rem;
  font-size: 0.9rem;
  padding: 3px 17px 2px 7px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #555;
  line-height: 1.4;
  background-image: url(https://kinbue.jp/images/menu_yazi.png);
  background-repeat: no-repeat;
  background-position: right 1px;
}
#tyokuei ul.wrap {
  width : -webkit-calc(100% + 25px);/*　　　liのマージン分＋　*/
  width : calc(100% + 25px);
  overflow: hidden;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  clear: both;
	letter-spacing: -0.4em;/*インラインブロック隙間対策*/
}
#tyokuei li {
  /*width: 280px;*/
	width : -webkit-calc(33.3% - 25px);
 width : calc(33.3% - 25px);
  overflow: hidden;
  margin: 0 25px 30px 0;
  padding: 0 0 0 0;
  position: relative;
  display: inline-block;
	vertical-align: top;
		letter-spacing: 1px;
}
#tyokuei li h3 {
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  font-size: 1.2rem;
  line-height: 1.4;
  letter-spacing: 0.2em;
}
#tyokuei li img {
  border: 1px solid #aaa;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  margin: 0 0 7px 0;
  -ms-box-sizing: border-box;
  width: 100%;
  height: auto;
}
#tyokuei li p {
  font-size: 1rem;
}
#tyokuei li p span {
  letter-spacing: 0;
}
#tyokuei li a.map {
  display: inline-block;
  font-size: 11px;
  letter-spacing: 1px;
  padding: 1px 5px 0px 12px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #555;
  line-height: 1.4;
  background-image: url(https://kinbue.jp/images/menu_yazi.png);
  background-repeat: no-repeat;
  background-position: -3px -1px;
  margin: 0 0 0 15px;
  text-decoration: none;
}


#recipe {
  padding: 0 !important;
  overflow: hidden;
}
#recipe h2 {
  font-size: 2rem;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  display: inline-block;
}
#recipe .h2_box a.link span {
  padding: 7px 0 0 28px;
  margin: 1px 0 0 19rem;
  background-position: 7px 9px;
  font-size: 14px;
}
#recipe ul.wrap {
  width : -webkit-calc(100% + 14px);/*　　　liのマージン分＋　*/
  width : calc(100% + 14px);
  overflow: hidden;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  clear: both;
	letter-spacing: -0.4em;/*インラインブロック隙間対策*/
}
#recipe li.box:nth-child(n+6) { /*6番目を非表示に*/
	display: none;  
}
#recipe li.box {
  width : -webkit-calc(20% - 14px);
 width : calc(20% - 14px);
  overflow: hidden;
  margin: 0 14px 30px 0;
  padding: 0 0 0 0;
  position: relative;
  display: inline-block;
	vertical-align: top;
		letter-spacing: 1px;
}
#recipe li.box .recipe_cat {
  margin: 7px 0 5px 0;
  /*margin: 7px 0 5px -0.4rem;*/
  padding: 0 0 0 0;
  font-size: 0.9rem;
  line-height: 1.4;
  letter-spacing: 1px;
}
#recipe li.box h3 {
  margin: 0 0 30px 0;
  padding: 0 0 0 0;
  font-size: 1.1rem;
  line-height: 1.4;
}
#recipe li.box .imgbox {
  width : 100%;
  height: auto;
  margin: 0 0 0 0;
  padding: 0;
  border: 1px solid #aaa;
	box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
#recipe li.box .imgbox img {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;  
}
#recipe li.box a.kuwasiku { /*ブロック要素全体にリンク*/
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;	
}
#recipe li.box:hover {
  color: #ffc06f;
  text-decoration: none;
}




/* 蔵元紹介*/

body.page-id-246 .block { margin: 0 0 70px 0; 	
}
body.page-id-246 .block.last { margin: 0 0 0 0; 	
}

body.page-id-246 .block.first {
  background-image: url(https://kinbue.jp/images/about_haikei_img.jpg);
  background-repeat: no-repeat;
  padding: 25px 25px 0 25px;
  box-sizing: border-box;
  background-position: right bottom;
}
body.page-id-246 .block.first p {
  margin: 0 0 30px 0;
  max-width: 470px;
	text-shadow:
        0 1px 0 #3d3754,
        1px 0 0 #3d3754,
        0 -1px 0 #3d3754,
        -1px 0 0 #3d3754,
        -1px -1px 0 #3d3754,
        1px -1px 0 #3d3754,
        -1px 1px 0 #3d3754,
        1px 1px 0 #3d3754;
}

body.page-id-246 .block.picup .box {
	width : -webkit-calc(50% - 13px);
  width : calc(50% - 13px);
  float: left;
}
body.page-id-246 .block.picup .box.right { 
	float: right; 	
}
body.page-id-246 .block.picup .box h4{
  margin: 0 0 5px 0;
  font-size: 1.4rem;
 
}
body.page-id-246 .block.second {
  letter-spacing: -10px;
}
body.page-id-246 .block.second h3 { letter-spacing: 1px; }
body.page-id-246 dl.gaiyo {
  border-top: 1px solid #555;
}
body.page-id-246 dl.gaiyo.first {
  width : -webkit-calc(100% - 165px);
  width : calc(100% - 165px);
  display: inline-block;
  letter-spacing: normal;
}
body.page-id-246 dl.gaiyo dt {
  margin: 0 0 0 0;
  padding: 5px 0 7px 0;
  width: 11em;
  font-weight: normal;
  float: left;
  clear: both;
  letter-spacing: 1px;
}
body.page-id-246 dl.gaiyo dd  {
  padding: 5px 0 7px 11em;
  margin: 0 0 0 0;
  border-bottom: 1px solid #555;
  letter-spacing: 1px;
}
body.page-id-246 .block.second img {
  margin: 0 0 0 20px;
  width: 145px;
  display: inline-block;
  padding: 0;
  vertical-align: top;
}


/* 醤油造り紹介*/

body.page-id-338 .block {
  margin: 0 0 70px 0; 	
}
body.page-id-338 .box {
  padding: 0 0 10px 0;
}
body.page-id-338 p.first {
  margin: 0 0 40px 0; 
}
body.page-id-338 .block.first .box {
  margin: 0 0 0 0;
  padding: 10px 0 0 0;
  border-bottom: 1px dotted #999;
 display: -webkit-flex; /* Safari */
  display: flex;
 overflow: hidden;
}
body.page-id-338 .block.first .box.last {
  border-bottom: none;
}
body.page-id-338 .block.first .box.third { 
 min-height: 198px; 	
}
body.page-id-338 h3{
  margin: 5px 0 12px 0;
  font-size: 1.6rem;
}
body.page-id-338 .block.first .box .float_box {
  -webkit-order: 1; /* Safari */
  order: 1;
  width : -webkit-calc(100% - 340px);
  width : calc(100% - 340px);
  margin: 0 0 0 20px;
}
body.page-id-338 .block.first .box img {
 -webkit-order: 0; /* Safari */
  order: 0;
  max-width: 313px;
  height: 100%;
}
body.page-id-338 .block.first .box p {
  margin: 0 0 20px 0;
  font-size: 1rem;
}


body.page-id-338 .last {
  margin: 0 0 0 0; 	
}
body.page-id-338 .block.last h3 {
  text-align: center;
  background-image: url(https://kinbue.jp/images/making_gallery_h3.png);
  margin: 0 0 30px 0;
  background-repeat: no-repeat;
  background-position: center 10px;
  padding: 0 0 0 5px;
  font-size: 2rem;
}

body.page-id-338 .block.last .wrap {
  width : -webkit-calc(100% + 25px);
  width : calc(100% + 25px);
}
body.page-id-338 .block.last .wrap a {
  float: left;
  width : -webkit-calc(25% - 25px);
  width : calc(25% - 25px);
  margin: 0 25px 25px 0;
  height: auto;
}
body.page-id-338 .block.last .wrap img.alignnone { margin: 0; }



/* 金笛直売店*/

body.page-id-410 .block h3 {
  margin: 0 0 10px 0;
  font-size: 1.4rem;
}
body.page-id-410 .block p {
  font-size: 1rem;
}
body.page-id-410 .block.first, body.page-id-410 .block.second {
	margin: 0 0 60px 0;
}
body.page-id-410 .block img {
  margin: 0 0 10px 0;
	border: 1px solid #eee;
		box-sizing: border-box;
}
body.page-id-410 .block.first .box.left {
  width: 60%;
}
body.page-id-410 .block.first .box.right {
  width: 38%;
}
body.page-id-410 .block.first .box.right .map_box {
  position: relative;
  padding-bottom: 91.2%;
  padding-top: 0;
  height: 0;
  border: 1px solid #eee;
  overflow: hidden;
}
body.page-id-410 .block.second .box.left {
  width: 49%;
}
body.page-id-410 .block.second .box.right {
  width: 49%;
}
body.page-id-410 .block.second .box.right h3 {
  letter-spacing: 0px;
}
body.page-id-410 .block.last .box.left {
  width: 58%;
}
body.page-id-410 .block.last .box.right {
  width: 38%;
}
body.page-id-410 .block.last .box.right .map_box {
  position: relative;
  padding-bottom: 65%;
  padding-top: 0;
  height: 0;
  border: 1px solid #eee;
  overflow: hidden;
}



/*　　直営食事処　*/

body.page-id-286 h2 { 
	letter-spacing: -2px;
	margin-right: -24px;
}
body.page-id-286 h2 span {
  display: inline-block;
}
body.page-id-286 h3.meals {
  font-size: 2.4rem;
  text-align: right;
  line-height: 1;
  margin: 0 0 50px 0;
}
body.page-id-286 h3.meals span {
  font-size: 1.1rem;
  text-align: right;
  display: block;
  position: relative;
}
body.page-id-286 h3.meals span::before {
  border-top: 1px solid #1f1e47;
  width: 75%;
	width : -webkit-calc(100% - 160px);
  width : calc(100% - 160px);
  position: absolute;z-index: 1;bottom: 14px;left: 0;
  content: "";
}
body.page-id-286 h3.meals span::after {
  border-top: 1px solid #fff;
  width: 100%;
  position: absolute;bottom: 14px;left: 0;
  content: "";
}
body.page-id-286 .block h4 {
  float: left;
  display: block;
  width: 145px;
  height: 130px;
  font-size: 18px;
  letter-spacing: normal;
  color: #1f1e47;
}
body.page-id-286 .block {
margin: 0 0 20px 0;
/*margin: 0 0 40px 0;*/
	width : -webkit-calc(100% + 20px);
  width : calc(100% + 20px);
}
body.page-id-286 .block .box_wrap {
  width : -webkit-calc(100% - 145px);
  width : calc(100% - 145px);
  float: left;
  position: relative;
  overflow: hidden;
  letter-spacing: -40px;
}
body.page-id-286 .block .box_wrap .inline_box {
  width : -webkit-calc(50% - 20px);
  width : calc(50% - 20px);
  margin: 0 20px 10px 0;
}
body.page-id-286 .block img,
body.page-id-286 .block .map_box {
  margin: 0 0 0 0;
	border: 1px solid #ccc;
}

body.page-id-286 .block .box_wrap h5 {
  font-size: 1.2rem;
  margin: 0 10px 0 0;
  letter-spacing: normal;
  display: inline-block;
  padding: 0;
  line-height: 1;
  vertical-align: bottom;
}
body.page-id-286 .block .box_wrap .box.wide {
  margin: 0 0 20px 0;
}
body.page-id-286 .block .box_wrap span {
  font-size: 1rem;
  letter-spacing: normal;
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 1;
vertical-align: bottom;
}
body.page-id-286 .block .box_wrap p {
  font-size: 1rem;
  margin: 6px 0 0 0;
  letter-spacing: normal;
  line-height: 1.4;
}
body.page-id-286 p.first {
  padding: 0 0 10px 0;
}
body.page-id-286 .block.first {
  width: 100%;
}
body.page-id-286 .block.first .box {
  border-radius: 5px;
  padding: 8px 12px 8px 12px ;
  background-color: #3e3e7c;
  color: #fff;
  line-height: 1.7;
  min-height: 58px;
  font-size: 1.02rem;
}
body.page-id-286 .block.first .box.left {
  /*width : -webkit-calc(65% - 5px);
  width : calc(65% - 5px);*/
  width : 45%;
	padding-right: 92px ;
}
body.page-id-286 .block.first .box.right {
  width : -webkit-calc(35% - 5px);
  width : calc(35% - 5px);
	padding-right: 55px ;
}
body.page-id-286 .block.first .box.right p {
  margin: 3px 0 0 0;
  font-size: 0.9rem;
}
body.page-id-286 .block.first .box.left {
 /* background-image: url(https://kinbue.jp/images/meals_teitanpaku.png);
  background-repeat: no-repeat;
  background-position: right 58px center;*/
}
body.page-id-286 .block.first .box span {
  border-radius: 5px;
  padding: 3px 8px 30px 8px;
  background-color: #fff;
  color: #3e3e7c;
  font-size: 11px;
  text-align: center;
  background-image: url(https://kinbue.jp/images/meals_yazi.png);
  background-repeat: no-repeat;
  background-position: center top;
  position: absolute;
  top: 10px;
  right: 10px;
  vertical-align: top;
  height: 38px;
	box-sizing: border-box;
}

body.page-id-286 .block.season {
  padding: 15px 0 15px 20px;
  border: 1px solid #ddd;
  width: 100%;
}

body.page-id-286 .block.season .box_wrap {
  width : -webkit-calc(100% - 124px);
  width : calc(100% - 124px);
}

body.page-id-286 .block.bounenkai h4 span {
  font-size: 1rem;
  line-height: 1.4;
  margin: 3px 20px 0 0;
  display: block;
}

body.page-id-286 .block.teitanpaku {
  padding: 15px 20px 5px 20px;
  border: 1px solid #ddd;
  width: 100%;
}
body.page-id-286 .block.teitanpaku .box.left {
  width : -webkit-calc(64% - 10px);
  width : calc(64% - 10px);
}
body.page-id-286 .block.teitanpaku .box.right {
  width : -webkit-calc(36% - 10px);
  width : calc(36% - 10px);
}
body.page-id-286 .block.teitanpaku .box.right img {
  margin: 0;
  vertical-align: top;
}
body.page-id-286 .block.teitanpaku .catch {
  margin: 0 0 5px 0;
  font-size: 1.4rem;
  line-height: 1.5;
}
body.page-id-286 .block.teitanpaku p {
  line-height: 1.5;
}
body.page-id-286 .block.tenpo_syosai {
  width: 100%;
}
body.page-id-286 .block.tenpo_syosai .box.left {
  width: 55%;
}
body.page-id-286 .block.tenpo_syosai .box.right {
  width: 43%;
}
body.page-id-286 .block.tenpo_syosai .box.left p {
  font-size: 1rem;
  line-height: 1.5;
}
body.page-id-286 .block.tenpo_syosai .box.left h5 {
  margin: 5px 0 7px 0;
  font-size: 1.2rem;
  line-height: 1;
}
body.page-id-286 .block.tenpo_syosai .box.right .map_box {
  position: relative;
  padding-bottom: 80%;
  padding-top: 0;
  height: 0;
  border: 1px solid #eee;
  overflow: hidden;
}
body.page-id-286 .block h4 {
  background-repeat: no-repeat;
  background-position: 0px 40px;
}
body.page-id-286 .block.season h4 {
  width: 124px;
  font-size: 2.4rem;
  letter-spacing: 8px;
  font-weight: bold;
  line-height: 1.4;
}
body.page-id-286 .block.atatakaimen h4 {
  background-image: url(https://kinbue.jp/images/meals_h4_atatakaimen.png);
}
body.page-id-286 .block.gohantukimen h4 {
  background-image: url(https://kinbue.jp/images/meals_h4_gohantukimen.png);
}
body.page-id-286 .block.tumetaimen h4 {
  background-image: url(https://kinbue.jp/images/meals_h4_tumetaimen.png);
}
body.page-id-286 .block.itiniti10 h4 {
  background-image: url(https://kinbue.jp/images/meals_h4_itiniti10.png);
}
body.page-id-286 .block.itiniti20 h4 {
  background-image: url(https://kinbue.jp/images/meals_h4_itiniti20.png);
}
body.page-id-286 .block.kanmi_onomimono h4 {
  background-image: url(https://kinbue.jp/images/meals_h4_kanmi_onomimono.png);
}
body.page-id-286 .block.ippinnryori h4 {
  background-image: url(https://kinbue.jp/images/meals_h4_ippinnryori.png);
}
body.page-id-286 .block.tenpo_syosai h4 {
  background-image: none;
  width: auto;
  float: none;
  height: auto;
}



/* 百年プロジェクト */

body.page-id-400 p.first {
  margin: 0 0 20px 0;
}
body.page-id-400 p.second {
  margin: 0 0 20px 0;
}
body.page-id-400 h3 { 
	  margin: 0 0 30px 0;
	text-align: center; 	
}
body.page-id-400 h3 span {
  text-align: center;
  font-size: 1.2rem;
  display: block;
}
body.page-id-400 .block p { margin: 0 0 15px 0; 	
}
body.page-id-400 .map_box img { 
	margin: 0 0 0 0; 
	border: 1px solid #eee;
	box-sizing: border-box;
}
body.page-id-400 .block.first,
body.page-id-400 .block.no1, 
body.page-id-400 .block.no2, 
body.page-id-400 .block.no3, 
body.page-id-400 .block.no4, 
body.page-id-400 .block.no5, 
body.page-id-400 .block.no6 { 
 margin: 0 0 70px 0; 	
}
body.page-id-400 .block.first {
  padding: 5px 0 20px 20px;
  background-color: #fff;
  color: #1f1e47;
  letter-spacing: -4em;
	height: auto;
}
body.page-id-400 .block.first:before {
 content: "";
 display: block;
	padding-top: calc(33% + 125px);
	padding-top: -webkit-calc(33% + 125px);
}
body.page-id-400 .block.first .inner {
  position: absolute;
  top: 5px;
  left: 20px;
  width: calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
  height: calc(100% - 25px);
	height : -webkit-calc(100% - 25px);
}
body.page-id-400 .block.first .inline_box {
  width : -webkit-calc(33.3% - 20px);
  width : calc(33.3% - 20px);
  margin: 0 20px 20px 0;
  letter-spacing: normal;
  height: 100%;
  position: relative;
}
body.page-id-400 .block.first .inline_box .title {
	font-size: 1.4rem;
  height: 40px;
  background-image: url(https://kinbue.jp/images/100nen_first_title.png);
  background-repeat: no-repeat;
  padding: 16px 0 0 0;
  background-position: 35px 0%;
  letter-spacing: normal;
}
body.page-id-400 .block.first .inline_box a {
  bottom: 0px;
  position: absolute;
  display: block;
 text-decoration: none;
}
body.page-id-400 .block.first .inline_box img {
 
}
body.page-id-400 .block.first .inline_box a .kuwasikuha {
  color: #fff;
  background-color: #1F1E47;
  text-align: center;
  text-decoration: none;
  font-size: 0.9rem;
  background-image: url(https://kinbue.jp/images/menu_yazi_sita.png);
  background-repeat: no-repeat;
  background-position: right 4em center;
}
body.page-id-400 .block.no1 .box.left { 
	width : -webkit-calc(100% - 230px);
  width : calc(100% - 230px);
}
body.page-id-400 .block.no1 .box.right {
  width : 210px;
  font-size: 0.85rem;
}
body.page-id-400 .block.no1 .map_box {
 margin: 20px 0 0 0;
 width: 100%;
 padding: 56.25% 0 0 0;
}

body.page-id-400 .block.no2 .box.left { 
	width : -webkit-calc(100% - 230px);
  width : calc(100% - 230px);
}
body.page-id-400 .block.no2 .box.right {
  width : 210px;
  font-size: 0.85rem;
}
body.page-id-400 .block.no2 .border {
  border-top: 1px dotted #999;
  padding: 10px 0 0 0;
  margin: 0 0 20px 0;
  border-bottom: 1px dotted #999;
}
body.page-id-400 .block.no2 .map_box {
  margin: 20px 0 0 0;
 width: 100%;
 padding: 56.25% 0 0 0;
}
body.page-id-400 .block img { margin: 12px 0 0 0; 
}
body.page-id-400 .block img:first-child { margin: 0 0 0 0; 
}

body.page-id-400 .block.no3 .box.left {
  width : -webkit-calc(40%);
  margin: 0 20px 0 0;
  width : calc(40%); 
}
body.page-id-400 .block.no3 .box.right {
  width : -webkit-calc(60% - 20px);
  width : calc(60% - 20px);
}
body.page-id-400 .block.no4 img,
body.page-id-400 .block.no5 img{
 margin: 0 0 10px 0; 
}
body.page-id-400 .block.no4 .box.left {
  width : -webkit-calc(50% - 10px);
  width : calc(50% - 10px);
  margin: 0 20px 0 0;
}
body.page-id-400 .block.no4 .box.right {
  width : -webkit-calc(50% - 10px);
  width : calc(50% - 10px);
}
body.page-id-400 .block.no5 h3 { font-size: 1.8rem;  
}

body.page-id-400 .block.no5 .box.left {
  width : -webkit-calc(50% - 10px);
  width : calc(50% - 10px);
  margin: 0 20px 0 0;
}
body.page-id-400 .block.no5 .box.right {
  width : -webkit-calc(50% - 10px);
  width : calc(50% - 10px);
}




/* 蔵元見学 */

body.page-id-451 p.first {
  margin: 0 0 20px 0;
}
body.page-id-451 .block.no1 {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px dotted #777;
}
body.page-id-451 .block.no2 {
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px dotted #777;
}

body.page-id-451 .block.no1 dl {
  border-top: 1px dotted #777;
  padding: 10px 0 0 0;
  margin: 0 0 20px 0;
  
}
body.page-id-451 .block.no1 dl dt {
  margin: 0 0 0 0;
  padding: 5px 0 7px 0;
  width: 5em;
  font-weight: normal;
  float: left;
  clear: both;
	-moz-text-align-last: justify;
  text-align-last: justify;
}
body.page-id-451 .block.no1 dl dd  {
  padding: 5px 0 7px 6em;
  margin: 0 0 0 0;
  text-indent: -1em;
  overflow: hidden;
}
body.page-id-451 .block.no1 a {
  display: block;
  float: right;
  text-indent: 0;
}
body.page-id-451 .block.no2 .box.left {
  width : 275px;
  font-size: 1rem;
}
body.page-id-451 .block.no2 .box.right {
  width : -webkit-calc(100% - 295px);
  width : calc(100% - 295px);
  height: auto;
}
body.page-id-451 .map_box {
  padding-bottom: 60%;
	position: relative;
  padding-top: 0;
  height: 0;
  border: 1px solid #eee;
  overflow: hidden;
}
body.page-id-451 .block.no3 {
  letter-spacing: -10px;
 width : -webkit-calc(100% + 20px);
 width : calc(100% + 20px);
}
body.page-id-451 .block.no3 h4 {
  font-size: 1.2rem;
  letter-spacing: 1px;
}
body.page-id-451 .block.no3 .loupe {
  width : -webkit-calc(33.3% - 20px);
  width : calc(33.3% - 20px);
  margin: 0 20px 0 0;
  position: relative;
  display: inline-block;
  letter-spacing: normal;
}
body.page-id-451 .block.no3 .loupe img.loupe_img {
  position: absolute;
  bottom: 10px;
  right: 0px;
  margin: 0;
  padding: 0;
 width: 25px;
  height: 25px;
}



/* レシピ紹介 */

.recipe_cat {
  font-size: 1.1rem;
  margin: 0 0 3px -0.5rem;
  letter-spacing: 2px;
}
.recipe_cat a { text-decoration: none; 	
}
.recipe_tag {
  clear: both;
  padding: 20px 0 0 0;
  margin: 20px 0 0 0;
}
.recipe_tag a {
  font-size: 1rem;
  border: solid 1px #888;
  border-radius: 4px;
  display: inline-block;
  padding: 3px 5px;
  margin: 0 3px 8px 0;
  text-decoration: none;
}
/* タグクラウドのマウスオーバー時の背景色 */
.recipe_tag a:hover {
    background-color: #738afc;
    text-decoration: none;
    color: #fff;
}


.recipe_made {
  padding: 0 20px 0 20px;
  margin: 0 0 30px 0;
  border-left: solid 1px #666;
  border-right: solid 1px #666;
  overflow: hidden;
}
.post .recipe_made {
  margin: 30px 0 0 0;
}
.recipe_made img {
  margin: 0 0 0 0;
  float: left;
  display: block;
  width: 90px;
  height: auto;
}
.recipe_made .box {
  float: left;
  width : -webkit-calc(100% - 110px);
  margin: 0 0 0 20px;
  width : calc(100% - 110px);
}
.recipe_made p {
  margin: 0 0 13px 0;
}
.recipe_made .person {
  padding: 0 0 5px 0;
  font-size: 1.3rem;
}
.recipe_made p {
  margin: 0 0 13px 0;
}




/*　　業務用のご相談　*/

body.page-id-454 #inner { min-height: 900px;  
}
body.page-id-454 p.first {
  margin: 0 0 30px 0;
}
body.page-id-454 .box.left { 
	width: 270px; 
}
body.page-id-454 .box.right {
  margin: 0 0 0 30px;
  float: left;
  border-top: 1px dotted #777;
  padding: 10px 0;
  border-bottom: 1px dotted #777;
}
body.page-id-454 .box.right ul {
  margin: 0 0;
}
body.page-id-454 .box.right ul li {
  margin: 0 0;
  list-style: circle;
}



/*  お問合せ・申込  */

body.page-id-460 p.first {
  margin: 0 0 30px 0;
}
body.page-id-460 p.second {
  margin: 0 0 30px 0;
	font-size: 1rem;
}
body.page-id-460 p.last {
  padding: 10px 15px;
  margin: 0 0 0 0;
	border: 1px solid #555;
}
body.page-id-460 p.last span { 
	display: inline-block; 	
}

.wpcf7 { 
	position: relative; 
}
dl.contact_form.ja {
  zoom: 1;
  margin: 0 0 20px 0;
  border-top: 1px solid #555;
  padding: 10px 0 0 0;
  border-bottom: 1px solid #555;
}
dl.contact_form.ja dt {
  margin: 0 0 0 0;
  padding: 10px 0 0 0;
  width: 9em;
  font-weight: normal;
  float: left;
  clear: both;
  letter-spacing: normal;
  line-height: 1.5;
}
dl.contact_form.ja dd  {
  padding: 4px 0 4px 9em;
  margin: 0 0 0 0;
  color: #fff;
}
form {  
display: block;  
}  

dl.contact_form.ja select {
  width: 14em;
  padding: 7px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #555;
  background: #1F1E47;
  color: #fff;
}
::-ms-expand {		/* select要素のデザインを無効にする（IE用） */
	display: none;
}

dl.contact_form.ja input {
  margin: 0;
  padding: 7px;
  border: 1px solid #555;
  background-color: hsla(0,0%,0%,0.00);
  color: #fff;
}
dl.contact_form.ja input,
dl.contact_form.ja textarea {
  margin: 0;
  padding: 7px;
  border: 1px solid #555;
 width : -webkit-calc(100% - 120px);
  width : calc(100% - 120px);
	vertical-align: bottom;
	background-color: hsla(0,0%,0%,0.00);
	color: #fff;
	box-sizing: border-box;
}
dl.contact_form.ja span.textarea-27 textarea { height: 6em; 	
}
.hissu {
  color: #990000;
  font-size: 1.2rem;
  line-height: 1;
}
dl.contact_form.ja input.wpcf7-submit {
  color: #FFF;
  background-color: #990000;
  padding: 12px 6px 9px 16px;
  border: 0px;
  font-size: 1.3rem;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  letter-spacing: 10px;
  -webkit-appearance: none;
  line-height: 1;
  width: 6em;
}
dl.contact_form.ja input.wpcf7-submit:hover {
  background-color: #bb0000;
}
dl.contact_form.ja input.wpcf7-submit:active {
  background-color: #ff0000;
}
dl.contact_form.ja .submit_button.ja {
  position: absolute;
  right: -20px;
  bottom: 6px;
  margin: 0 0 10px 0;
  overflow: hidden;
}

.wpcf7-form-control-wrap {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}





/* メインコンテンツの設定 */

body , html { /*ページ全体*/
   height: 100%;
}

.wrap {
  overflow: hidden;
  position: relative;
  height: auto !important; /*IE6対策*/
  height: 100%;
  min-height: 0px;
}
header {/*  左メインメニュー 用指定 */
  text-align: left;
  width: 100%;
/*  overflow: hidden;*/
  position: absolute;
  top: -1px;
}
body.home header {
  position: relative;
}

#top {
  margin: 0 auto;
  position: relative;
/*  overflow: hidden;*/
  height: auto;
  padding: 0 20px 0 20px;
  max-width: 890px;
}
#inner {
  position: relative;
  margin: 0 auto;
  padding: 0 20px 0 20px;
  max-width: 890px;
  width: auto;
  overflow: hidden;
  clear: both;
}
#campaign {
  position: relative;
  margin: 0 auto;
  padding: 0 20px 0 20px;
  max-width: 890px;
  width: auto;
  clear: both;
 height: 85px;
}
#campaign img  {
  width : calc(100% - 232px);
  height: auto;
  position: absolute;
  right: 20px;
  bottom: 0px;
}


#content {
  margin-left: 0px;
  padding: 30px 0 40px 0;
  display: block;
}
body.page-template-page-home #content{
  padding: 40px 0 40px 0;
}
body.post-template-default #content,
body.archive #content,
body.single #content,
body.page-template-page-recipe #content{
  margin-left: 0px;
  padding: 60px 0 60px 0;
  display: block;
  max-width: 620px;
  float: left;
}



#content_wide {
  padding: 20px 0 0 0;
  display: block;
}
#content_right {
  padding: 20px 0 0 0;
  display: block;
  width: 675px;
  overflow: hidden;
  float: right;
}


body.page-id-286 #content_right { 	/*　　直営食事処　*/
  padding: 20px 20px 0 20px;
  display: block;
  width: 655px;
  overflow: hidden;
  float: right;
  color: #333;
  background-color: #fff;
}
body.page-id-286 #content_right a { 	/*　　直営食事処　*/
  color: #000;
}
#content_blog {
  padding: 30px 0 0 0;
  display: block;
  width: 600px;
  overflow: hidden;
  margin: 0 70px 0 0;
  float: right;
}


body.archive #content_blog,
body.single #content_blog{
	padding: 20px 20px 30px 20px;
	margin: 0 50px 0 0;
max-width: 600px;
  background-color: #fff;
  color: #333;
}
body.archive #content_blog a,
body.single #content_blog a{
  color: #000;
}


.post_box {
  position: relative;
  padding: 30px 0 0 0;
  border-top: 1px solid #555;
}
.post {
  font-size: 1.1rem;
  clear: both;
  margin-bottom: 50px;
  padding-bottom: 0px;
  position: relative;
  overflow: hidden;
}
.post_content {
	clear: both;
	overflow: hidden;
	position: relative;
}
body.archive .post,
body.page-template-page-recipe .post,
body.single .post{
  clear: both;
  margin-bottom: 30px;
  padding-bottom: 25px;
  position: relative;
  border-bottom: 1px solid #555;
}


.post p {
  margin-bottom: 10px;
}
.post img {
  margin: 10px 10px 10px 0;
  clear: both;
  display: block; 
	width: 100%;
  height: auto; 
}
.post .the_breadcrumb { font-size: 0.9rem; 	
}
.post header {
  position: relative;
  height: auto;
}


/* フッター関連 */
#footer {
  clear: both;
  overflow: hidden;
  height: 40px;
  max-width: 890px;
  margin: 0 auto;
  width: auto;
}
#footer .copyr {
  margin: 0 auto;
  font-size: 8pt;
  padding: 10px 20px;
  letter-spacing: 1px;
  width: auto;
  max-width: none;
  text-align: center;
}




.panel .btn {
  position: fixed;
  display: none;
  left: 0px;
  padding: 18px 0 0 45px;
  width: 100%;
  z-index: 9999;
  cursor: pointer;
  height: 42px;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fffffc;
}

 
.panel .btn:hover {
   	
}
 
.panel .cbtn {
	z-index: 99;
	display: none;
	top: 0;
	left: 0;
	position: fixed;
}
 
.panel .check {
    display: none;
}
 
.panel ul {
  position: fixed;
  z-index: 2000;
  display: block;
  background-color: #fffffc;
  max-width: 1000px;
  left: -500px;
  list-style-type: none;
  border-bottom: 1px solid #e0e0e0;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  padding: 60px 0 0 0;
  width: 280px;
}
 
.panel .check:checked + ul {
	left: 0px;
}
 
.panel .check:checked + ul + .cbtn {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
  
}
 
.panel ul li{
  border-top: 1px solid #e0e0e0;
  
}
 
.panel a {
  display: block;
  padding: 13px 30px;
  text-decoration: none;
  font-size: 11pt;
}
 
.panel a:hover {
background-color: #eee;	
}


#footer_menu ul {
  border-bottom: 1px solid #e0e0e0;
  display: none;
}
#footer_menu ul li{
  border-top: 1px solid #e0e0e0;
  
}
#footer_menu a {
  display: block;
  padding: 13px 30px;
  text-decoration: none;
  font-size: 11pt;
}
 
#footer_menu a:hover {
background-color: #eee;	
}


/*  トップページ イメージ ムービー　*/

.widemovie_wrap {
  max-width: 1040px;
  margin: 0 auto 10px auto;
  position: relative;
}
.widemovie {
padding-bottom: 56.25%;
  text-align: left;
  position: relative;
  overflow: hidden;
  clear: both;
  width: 100%;
}
.widemovie iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

div#n2-ss-3 .n2-ss-slider-3 {
 outline:0px!important;
}


/*  スライダー  */

.wideslider {
  width: 100%;
  text-align: left;
  position: relative;
  padding: 0 0 10px 0;
  overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
/*	list-style: none;*/
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
  width: 100%;
  display: none;
}

.wideslider_base {
  top: 0px;
  position: absolute;
  
}
.wideslider_wrap {
  top: 0px;
  position: absolute;
  overflow: hidden;
}
.slider_prev,
.slider_next {
  top: 0px;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  cursor: pointer;
  display: none;
}





/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}


#imageData #imageDetails { color: #333 !important; 
}


/*  キャンペーンページ  */

body.page-id-1382 #content_right {
  padding: 20px 20px 0 20px;
  display: block;
  width: 655px;
  overflow: hidden;
  float: right;
  color: #333;
  background-color: #EFEBD8;
}
body.page-id-1382 #content_right a {
  color: #000;
}
body.page-id-1382 .post h2.page_h2 {
  text-align: left;
  margin: 20px 0 50px 0;
  overflow: hidden;
}
body.page-id-1382 .post h2.page_h2 img {
  margin: 0 0 0 0;
  width: auto;
  clear: none;
}
body.page-id-1382 .post h2.page_h2 img.campaign_01 {
  max-width: 205px;
  float: left;
  margin: 13% 0 0 0;
  width: 32%;
}
body.page-id-1382 .post h2.page_h2 .campaign_02 {
  max-width: 449px;
  float: right;
  width: 68%;
 overflow: hidden;
}
body.page-id-1382 .post h2.page_h2 .campaign_02 img.c_02 {
  width: 100%;
}
body.page-id-1382 .post h2.page_h2 .campaign_02 img.c_03 {
 max-width: 177px;
  width: 40%;
  margin: 0 0 0 7%;
}



#campaign230-menu{
	padding: 0;
 overflow: hidden; 
}
#campaign230-menu li{
	background: #3E3E7C;
	border-radius: 5px;
	list-style: none;
	letter-spacing:2px;
	padding: 5px 0px;
	text-indent: 1em;
	float: left;
}
#campaign230-menu li:hover{
 background: #6565e5;
}
#campaign230-menu1{width: 160px; margin-right: 10px;}
#campaign230-menu2,#campaign230-menu3,#campaign230-menu4{width: 110px; margin-right: 10px;}
#campaign230-menu5{width: 110px;}
body.page-id-1382 #content_right #campaign230-menu a {
	color: #FFF;
	text-decoration: none;
}
#campaign230-menu span{
	background: #FFF;
	color: #3E3E7C;
	border-radius: 1px;
	font-size: 50%;
	padding: 1px;
}
body.page-id-1382 #present { overflow: hidden; 
}
body.page-id-1382 #present h3{
	clear:left;
	padding: 80px 0 10px;
}
#present-list{
	margin: 0;
	padding: 0;
}
#present-list li{
	list-style: none;
	float: left;
	margin-right: 15px;
 width : calc(25% - 15px);
 max-width: 170px;
}
#present-list li img{ max-width: 150px; 
}

#present-list li.last{
	margin-right: 0px;
}
#present-list li .present-list-prize{
	float: left;
}
#present-list li .present-list-number{
	float: right;
	text-align: right;
}
#present-list li .present-list-prize-abcd,#present-list li .present-list-prize-sho{
	background: #1F1E47;
	color: #FFF;
	width: 2em;
	padding: 0.1em 0.3em;
	border-radius: 1em;
	line-height: 1em;
	letter-spacing: 0px;
}
#present-list li .present-list-prize-abcd{
	font-size: 170%;
}
present-list-number .present-list-prize .present-list-prize-sho{
	font-size: 120%;
	margin-left: -4px;
}
#present-list li .present-list-number span{
	font-size: 150%;
}
#present-list li .present-title{
	letter-spacing: 0px;
	line-height: 1.3em;
}

#dashinomoto{
	clear: both;
	padding-top: 70px;
 overflow: hidden;
}
#dashinomoto-description{
  width: 50%;
  margin: 0 0 7% 0;
  display: inline-block;
  vertical-align: bottom;
}
#dashinomoto-description h3{
	text-indent: -0.5em;
	letter-spacing: 0px;
	padding-top: 50px;
}
#dashinomotoimg{
  max-width: 315px;
  margin: 0 0 20px 0;
  width: 48%;
  clear: none;
  display: inline-block;
 vertical-align: bottom;
}


#dashinomoto-recipe{
	clear: both;
	background: #FFF;
	border-radius: 5px;
	padding: 10px 20px 0 20px;
}
#dashinomoto-recipe h4 img{
  width: inherit;
  margin-bottom: 20px;
  min-width: 174px;
}
#dashinomoto-recipe ul{
	padding: 0;
}
#dashinomoto-recipe li{
	clear: both;
	list-style: none;
}
#dashinomoto-recipe li img{
  width: 31%;
  float: left;
  margin: 0 0 10px 0;
  max-width: 190px;
}
#dashinomoto-recipe li div{
	width: 67%;
	float: right;
}
#dashinomoto-recipe li div h5{
	padding-left: 3%;
}
#dashinomoto-recipe li div p{
	width: 47%;
	float: right;
	padding: 0 0 20px 3%;
	line-height: 1.5;
}

.campaign-spec_wrap {
  width : calc(100% + 25px);
  overflow: hidden;
}
.campaign-spec{
 width : calc(50% - 25px);
	padding-top: 70px;
	float: left;
 overflow: hidden;
}
.campaign-spec.taisyo ul {
  padding: 10px;
  overflow: hidden;
}

#application,#deadline{
	margin-right: 25px;
}

#application ul,#deadline ul,#address p{
	background: #FFF;
	border-radius: 5px;
	padding: 15px 0 10px 40px;
	line-height: 1.5;
	margin: 0 0 5px 0;
	list-style: decimal;
}

#address p{
	background: #FFF;
	border-radius: 5px;
	padding: 15px;
	line-height: 1.5;
}


#items ul{
	background: #FFF;
	border-radius: 5px;
	padding: 20px 0 0 20px;
	line-height: 1.5;
	margin: 0 0 5px 0;
	list-style: none;
}

#items li{
	text-align: center;
	width : calc(50% - 20px);
	margin: 0 20px 20px 0;
	float: left;
	letter-spacing: 0px;
}
#items img{
	display: inline;
	width: 30px;
}
#items li span{ display: inline-block; 
}

.attention{
	clear: both;
	font-size: 85%;
	float: left;
}





/* ------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1040px) {
	
	/*  左メインメニュー 用指定 */
#page_img img {
  width : -webkit-calc(100% + 50px);
  width : calc(100% + 50px);
}

	/*　　直営食事処　*/
	body.page-id-286 h2 { 
	margin-right: 0;
}
	body.page-id-286 h2 span { 
	margin-right: -25px;
}
body.page-id-410 p.first br {
  display: none;
}


	
}

/* ------------------------------------------------------------------------------------ */
@media only screen and (max-width: 930px) {

	/* メインメニュー */
body.home ul.main_menu  {
  width : 100%;
}
body.home ul.main_menu > li.home {
  width: 282px;/*　元のサイズ　　302px　*/
}
body.home ul.main_menu > li.sub {
	width: 182px;/*　　元のサイズ　　192px　　*/
  padding: 0 7px 0 0;/
}
	body.home ul.main_menu > li.tategaki {
  width : 7.4%;
	width : -webkit-calc((100% - 464px) / 6 );
 width : calc((100% - 464px) / 6 );
	background-position: center 3px;
box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}


	
/*  左メインメニュー 用指定 */
#page_img img {
  width : 100%;
}
	
	


	.main_img img {
  height: auto;
		margin: 0 0 0 0;
}
	
	
#top {
  /*overflow: hidden;*/
}
#inner {
  margin: 0 auto;
}
#content {
  margin: 0 auto;
  float: none;
}
#content_right {
  padding: 20px 0 0 0;
  width : -webkit-calc(100% - 215px);
 width : calc(100% - 215px);
}
	body.page-id-286 #content_right { 	/*　　直営食事処　*/
  padding: 20px 20px 20px 20px;
  width : -webkit-calc(100% - 235px);
 width : calc(100% - 235px);
}
body.page-id-1382 #content_right {  /*  キャンペーンページ  */
  padding: 20px 20px 20px 20px;
  width : -webkit-calc(100% - 235px);
 width : calc(100% - 235px);
}
#content_blog {
  padding: 30px 0 0 0;
  width : -webkit-calc(100% - 295px);
 width : calc(100% - 295px);
}
body.post-type-archive-recipe #content_blog,
body.single-recipe #content_blog {
  padding: 20px 20px 20px 20px;
  width : -webkit-calc(100% - 285px);
 width : calc(100% - 285px);
}
	

#footer .copyr {
  margin: 0 auto;
}
	
/*トップページ*/
 	.widemovie_wrap .net_shop {
  top: 20px;
  right: 20px;
}
	#news {
  background-image: none;
  border: 1px solid #666;
  padding: 16px 0 0 20px;
  width: 100%;
  height: auto;
  float: none;
  box-sizing: border-box;
  overflow: hidden;
}
#news .h2_box { 
  width: 310px;
  margin: 0 0 10px 0;
}
 #news ul.wrap {
  padding:0;
  margin:0 0 70px 0;
}
#news li.box {
  height: auto;
  overflow: hidden;
  margin: 0 30px 10px 0;
  max-width: 400px;
	width : -webkit-calc(50% - 40px);
 width : calc(50% - 40px);
  position: relative;
  float: left;
}
	.news_fukidasi {
  bottom: 0;
}

	
	#one_hundred {
  float: none;
  margin: 0 0 50px 0;
  background-size: 890px auto;
  width: 100%;
		box-sizing: border-box;
  height: 285px;
  background-position: center -130px;
}
	#one_hundred .one_hundred_title {
  top: 10px;
  right: 70px;
}
	#one_hundred p.tategaki {
  color: #990000;
  top: 140px;
  right: 40px;
  line-height: 2.5;
		text-shadow: 0 1px 0 rgba(255,255,255,0.8), 1px 0 0 rgba(255,255,255,0.8), 0 -1px 0 rgba(255,255,255,0.8),-1px 0 0 rgba(255,255,255,0.8), -1px -1px 0 rgba(255,255,255,0.8), 1px -1px 0 rgba(255,255,255,0.8),-1px 1px 0 rgba(255,255,255,0.8), 1px 1px 0 rgba(255,255,255,0.8) ;
}
#one_hundred .one_hundred_img01 { 
	top: 15px;
  left: 20px;
}
#one_hundred .one_hundred_img02 { 
	top: 145px;
  left: 20px;
}
	#one_hundred a.kuwasiku span {
  margin: 240px auto 25px auto;
  position: relative;
  z-index: 100;
}

	
#recipe li.box:nth-child(n+6) { /*6番目を非表示に*/
	display: none;  
}
#recipe li.box {

}
	
	/*　　直営食事処　*/
body.page-id-286 .block.first .box.left {
	padding-right: 110px ;
}
body.page-id-286 .block.first .box.right {
	padding-right: 60px ;
}
	
	/* 百年プロジェクト */
	body.page-id-400  p.first br {
  display: none;
}
	
	body.page-id-1382 .post h2.page_h2 img.campaign_01 {
  margin: 12% 0 0 0;
}
 

 
 
 
}


/* ------------------------------------------------------------------------------------ */
@media only screen and (max-width: 879px) {
	
/* メインメニュー */
body.home ul.main_menu > li.home {
	width: 202px;/*　元のサイズ　　302px　*/
}
body.home ul.main_menu > li.home img.item {
 display: none;/*ロゴ左の商品画像を消す*//*　 幅82px　　*/
}
body.home ul.main_menu > li.tategaki {
	width : -webkit-calc((100% - 384px) / 6 );
 width : calc((100% - 384px) / 6 );
background-position: center 3px;
box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

/*トップページ*/
	
	#about img, #syoyudukuri img {
  width: auto;
  height: 100px;
}
#about a.kuwasiku span {
 left: 143px;
}
#syoyudukuri a.kuwasiku span {
 left: 158px;
}

	
#product li.box:nth-child(n+5) {/*5番目以降を非表示*/ 
	display: none; }
#product li.box {
	width : -webkit-calc(25% - 26px);
 width : calc(25% - 26px);
  margin: 0 26px 24px 0;
}
#recipe li.box:nth-child(n+5) { /*5番目以降を非表示*/
	display: none; }
#recipe li.box {
  width : -webkit-calc(25% - 14px);
 width : calc(25% - 14px);
  margin: 0 14px 30px 0;
}
	
	
	/* 金笛直売店*/
	body.page-id-410 .block.second h3 {
  letter-spacing: normal;
  font-size: 1.2rem;
}
	body.page-id-410 .block.first .box.last br.resp {
  display: none;
}
	
	/*　　直営食事処　*/
	body.page-id-286 .block h4 {
  float: none;
  display: block;
  width: auto;
  height: 130px;
  font-size: 18px;
}
	body.page-id-286 .block .box_wrap {
  width : -webkit-calc(100% );
  width : calc(100% );
  float: none;
}
	body.page-id-286 .block.season .box_wrap {
  width : -webkit-calc(100%);
  width : calc(100% );
}
	body.page-id-286 .block.bounenkai h4 { height: auto; 	}
		body.page-id-286 .block.bounenkai h4 br { display: none; 		
	}

	
/* 蔵元見学 */
body.page-id-451 .map_box {
  padding-bottom: 80%;
}

/*　　業務用のご相談　*/
	body.page-id-454 .box.left { 
	 width : -webkit-calc(50% - 15px );
  width : calc(50% - 15px );
}
body.page-id-454 .box.right {
  width : -webkit-calc(50% - 15px );
  width : calc(50% - 15px );
  float: right;
}
	
	
dl.contact_form.ja input,
dl.contact_form.ja textarea {
 width : 100% ;
}
	dl.contact_form.ja .submit_button.ja {
  position: relative;
  right: auto;
  bottom: auto;
  overflow: hidden;
}
	
/*  キャンペーンページ */
 
 #present-list li{
 width : calc(33% - 15px);
}
 .campaign-spec.taisyo {
 width : 100%;
}
 #items li{
  text-align: center;
  width : calc(25% - 20px);
  margin: 0 20px 20px 0;
  float: left;
  letter-spacing: 0px;
}
.campaign-spec.taisyo ul {
  padding: 10px;
  overflow: hidden;
 width : calc(100% - 45px);
}
 
 
}


/* ------------------------------------------------------------------------------------ */
@media only screen and (max-width:834px)  {
 /*  padding を20pxに   */


	
/* メインメニュー */
	body.home ul.main_menu > li.home img.logo {
  width: 175px;
  height: auto;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
	body.home ul.main_menu > li.home img.logo_under {
  width: 175px;
  height: auto;
}
	body.home  ul.main_menu > li.home {
	width: 185px;/*　元のサイズ　　302px　*/
}
body.home 	ul.main_menu > li.home img.item {
 display: none;/*ロゴ左の商品画像を消す*//*　 幅82px　　*/
}
	body.home ul.main_menu > li.tategaki {
	width : -webkit-calc((100% - 367px) / 6 );
 width : calc((100% - 367px) / 6 );
background-position: center 3px;
box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
	body.home	ul.main_menu > li.tategaki a .eng {
  display: none;/*メニューのサブコピーを消す*/
}
	

/*  左メインメニュー 用指定 */
body.home	ul.main_menu > li.tategaki a .eng { 
		display: block;/*メニューのサブコピーを消さない*/ 
	}


	
 /* コンテンツ幅の設定 */
 .wrap {
  padding: 0 0;
}
.content_wide {
  width: 100%;
 }
#top {
	padding: 0 20px 0 20px;
}
#inner {
  padding: 0 20px 20px 20px;
  margin: 0 auto;
}

#content {
  width: auto;
  float: none;
}
#content_wide {
  width: auto;
  float: none;
}



/* トップページ */
	#about {
  width : -webkit-calc(48% - 52px);/*　　#aboutマージン分 -　*/
  width : calc(48% - 52px);
}
	#about img.alignleft { 
		float: none;
		width : -webkit-calc(100% - 50px);
		width : calc(100% - 50px);
	}
	#syoyudukuri img.alignleft { 
		float: none;
		width : -webkit-calc(100% - 80px);
		width : calc(100% - 80px);
	}

	#about p {
  margin: 10px 0 25px 0;
}
#syoyudukuri p {
  margin: 10px 0 25px 0;
}
	
	
#news {
  width: 100%;
}
	#one_hundred .one_hundred_title {
  top: 10px;
  right: 40px;
}
	#one_hundred p.tategaki {
		top: 140px;
  right: 30px;
  line-height: 2;
}

	#about img, #syoyudukuri img {
  width: auto;
  height: 100%;
}
#about a.kuwasiku span {
 left: 0;
}
#syoyudukuri a.kuwasiku span {
 left: 0;
}

	#tyokuei li img {
  margin: 0 20px 7px 0;
  width : -webkit-calc(100% - 410px);
  width : calc(100% - 410px);
  height: auto;
  float: left;
}
#tyokuei li {
	width : -webkit-calc(100%);
width : calc(100%);
  margin: 0 0 30px 0;
}
	
	#news .h2_box a.link span {
  margin: 0 0 0 17em;
}
	#tyokuei .h2_box a.link span {
	margin: 8px 0 0 9rem;
}
#recipe .h2_box a.link span {
  margin: 4px 0 0 19rem;
}

	/* 蔵元紹介*/
body.page-id-246 .block.picup .box {
  width : -webkit-calc(100%);
  width : calc(100%);
  margin: 0 0 30px 0;
  float: none;
}
body.page-id-246 .block.picup .box.right { 
	margin: 0 0 0 0;
	float: none; 	
}
	body.page-id-246 dl.gaiyo dt {
  padding: 5px 0 0 0;
  width: 11em;
  float: none;
}
body.page-id-246 dl.gaiyo dd  {
  padding: 5px 0 7px 1em;
}
	
	
	/* 醤油造り紹介*/
 
 body.page-id-338 .block.first .box {
  display: block;
}
body.page-id-338 .block.first .box .float_box {
  width : 100%;
  margin: 0 0 0 0;
  float: none;
}
body.page-id-338 .block.first .box img {
  max-width: 313px;
  height: 100%;
}
	
/* 金笛直売店*/
	body.page-id-410 .block.first .box.first {
  width: 100%;
  margin: 0 0 60px 0;
  float: none;
}
body.page-id-410 .block.first .box.last {
  width: 100%;
  float: none;
}
body.page-id-410 .block.first .box.last .map_box {
  padding-bottom: 50%;
}
body.page-id-410 .block.second .box.first {
  width: 100%;
  float: none;	
	margin: 0 0 60px 0;
}
body.page-id-410 .block.second .box.last {
  width: 100%;
  float: none;
}
body.page-id-410 .block.last .box.first {
  width: 100%;
  float: none;
}
body.page-id-410 .block.last .box.last {
  width: 100%;
  float: none;
}
body.page-id-410 .block.last .box.last .map_box {
  padding-bottom: 50%;
}
	
/*　　直営食事処　*/
body.page-id-286 .block.first .box.left {
  width: 100%;
  margin: 0 0 20px 0;
  float: none;
}
body.page-id-286 .block.first .box.right {
  width: 100%;
	float: none;
}

	/* 百年プロジェクト */
	body.page-id-400 .block.first:before {
 display: none;
}
body.page-id-400 .block.first .inner {
  position: relative;
  top: 0px;
  left: 0px;
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  height: auto;
}
 body.page-id-400 .block.first .inline_box a {
  position: relative;
}
body.page-id-400 .block.first .inline_box {
  width : 100%;
  margin: 0 0 20px 0;
  height: auto;
  display: block;
}
body.page-id-400 .block.first .inline_box .title {
  font-size: 1.2rem;
  letter-spacing: -1px;
}
	body.page-id-400 .block.first .inline_box img {
  bottom: 0px;
  position: relative;
}

 
 
		/* 蔵元見学 */
body.page-id-451 .block.no2 .box.left {
  width : 100%;
  float: none;
}
body.page-id-451 .block.no2 .box.right {
  width : 100%;
	float: none;
}
	body.page-id-451 .block.no2 .box.left br.resp {
  display: none;
}
	body.page-id-451 .map_box {
  padding-bottom: 50%;
}
	
	/*　　業務用のご相談　*/

body.page-id-454 .box.left,
body.page-id-454 .box.right {
  width : 100%;
  margin: 0 0 30px 0;
  float: none;
}
	
	
	
}



/* ------------------------------------------------------------------------------------ */
@media only screen and (max-width: 715px) {
html {
    font-size: 85%;
  }

#page_img,body.page-id-286 #page_img {
  padding: 0 20px 0 20px;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%;
}
	
#page_img img, body.page-id-286 #page_img img {
  width: 100%;
  margin: 0 0 0 0;
  height: auto;
  border: none;
}
	#page_img .net_shop {
  top: 20px;
  right: 40px;
}
 
#content {
  padding: 15px 0 0 0;
}
	#content_right {
  padding: 15px 0 0 0;
  width: 100%;
  float: none;
}
body.page-id-286 #content_right {
  padding: 15px 20px 20px 20px;
  width: 100%;
  float: none;
	box-sizing: border-box;
}
 body.page-id-1382 #content_right {  /*  キャンペーンページ  */
  padding: 15px 20px 20px 20px;
  width: 100%;
  float: none;
	box-sizing: border-box;
}
	#content_blog {
  padding: 30px 0 0 0;
  float: none;
  box-sizing: border-box;
		width : -webkit-calc(100% - 60px);
 width : calc(100% - 60px);
}
body.archive #content_blog,
body.single #content_blog{
  padding: 20px 20px 20px 20px;
	float: none;
  box-sizing: border-box;
  width : -webkit-calc(100% - 50px);
 width : calc(100% - 50px);
}
	
	.widemovie_wrap {
 padding: 0 0 110px 0;
  margin: 0 0 0 0;
  width: 100%;
  position: relative;
  top: 110px;
  margin: 0 0 0 0;
}
 
.wideslider {
  padding: 0 0 110px 0;
  margin: 0 0 0 0;
  width: 100%;
  position: relative;
  top: 110px;
}

body.home header {
  overflow: hidden;
  position: relative;
  height: auto;
  overflow: visible;
}

header {
  overflow: hidden;
  position: relative;
  height: 110px;
}

	#top { /*  下の要素を上端に置くための absolute */
  width: 100%;
  height: 110px;
  padding: 0 20px 0 20px;
  top: 0px;
  position: absolute;
  box-sizing: border-box;
}
	#top h1.resp {
  display: block;
  position: absolute;
  top: 20px;
  right: 30px;
  margin: 0;
  padding: 0;
  z-index: 1000;
		
}
	#top h1.resp a img {
  padding: 0;
  margin: 0 0 0 0;
  vertical-align: bottom;
}
	
	
	.tategaki { /*  縦書きのリセット  */
  writing-mode:horizontal-tb;
  -webkit-writing-mode: horizontal-tb;
  text-orientation:mixed;
  -ms-text-orientation:mixed;
}
	
/* メインメニュー */
ul.main_menu {
  padding: 0 0 0 75px;
  margin: 1px 0 0 0;
  width: 205px;
}
ul.main_menu > li.home {
  display: none;
}
	ul.main_menu > li.tategaki {
  width: auto;
  height: auto;
  padding: 6px 0 10px 20px;
  margin: 0 0 0 0;
  float: none;
  background-position: -3px 13px;
}
	ul.main_menu > li.tategaki > a {
  width: auto;
  height: auto;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  /*これ以下縦書きを左右中央揃え指定*/
  position: relative;
  top: auto;
  left: auto;
  display: block;
  transform: translate(0, 0);
}
	ul.main_menu > li.tategaki::before {
  border-right: none;
}
ul.main_menu > li.tategaki::after {
	border-right: none;
}
	ul.main_menu > li.tategaki.syoyudukuri::before,
ul.main_menu > li.tategaki.hyakunen::before {
		border-left: none
}
ul.main_menu > li.sub::before {
		border-right: none;
}
ul.main_menu > li.sub::after {
	border-right: none;
}
	
		ul.main_menu > li.tategaki a .eng {
  display: block;/*メニューのサブコピーを消さない*/
  line-height: 1;
}
ul.main_menu > li.sub {
  width: auto;
  height: auto;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: none;
  display: block;
}
	ul.main_menu > li.sub > ul.sub_menu {
	width: auto;
	margin: 10px 0 0 0 ;
  padding: 0 ;
  overflow: hidden;
  position: relative;
  top: auto;
  left: auto;
  float: none;
  display: block;
}
ul.main_menu > li.sub > ul.sub_menu li {
  width: auto;
  height: auto;
	margin: 0 0 0 0;
  padding: 5px 0 5px 20px;
  background-position: -3px 4px;
  float: none;
}
 ul.main_menu > li.sub > ul.sub_menu li.english, 
ul.main_menu > li.sub > ul.sub_menu li.net_shop {
 display: block;
}
	ul.main_menu li > a span.ls-2 { 
	letter-spacing: -1px; 
	font-size: 21px;
}
	ul.main_menu li > a span.ls-4 {
  letter-spacing: -1px;
  font-size: 18px ;
		-moz-transform:    scale( 1, 1 );  /* Firefox */
  -webkit-transform: scale( 1, 1 );  /* Chrome,Safari */
  -o-transform:      scale( 1, 1 );  /* Opera */
  -ms-transform:     scale( 1, 1  );  /* IE */
  transform:         scale( 1, 1  );  /* CSS3 */
}
	ul.main_menu li > a span.ls-5 {
  letter-spacing: -1px;
  font-size: 18px ;
		-moz-transform:    scale( 1, 1  );  /* Firefox */
  -webkit-transform: scale( 1, 1  );  /* Chrome,Safari */
  -o-transform:      scale( 1, 1  );  /* Opera */
  -ms-transform:     scale( 1, 1 );  /* IE */
  transform:         scale(1, 1  );  /* CSS3 */
}
	ul.main_menu > li.tategaki{
		border-top: 1px dashed #888;
	}	
	ul.main_menu > li.hyakunen {
		border-bottom: 1px dashed #888;
	}
 
 ul.main_menu > li.english {
  display: block;
}


 
#top .english_button {
  display: none;
}

 #top .net_shop_button {
  display: none;
}
	
/* HOME用メインメニュー 　（一般用と同じ）*/
	
body.home ul.main_menu {
  padding: 0 0 0 75px;
  margin: 1px 0 0 0;
  width: 205px;
  height: auto;
}
body.home ul.main_menu > li.home {
  display: none;
}
	body.home ul.main_menu > li.tategaki {
  width: auto;
  height: auto;
  padding: 6px 0 10px 20px;
  margin: 0 0 0 0;
  float: none;
  background-position: -3px 13px;
}
	body.home ul.main_menu > li.tategaki > a {
  width: auto;
  height: auto;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  /*これ以下縦書きを左右中央揃え指定*/
  position: relative;
  top: auto;
  left: auto;
  display: block;
  transform: translate(0, 0);
}
	body.home ul.main_menu > li.tategaki::before {
  border-right: none;
}
body.home ul.main_menu > li.tategaki::after {
	border-right: none;
}
	body.home ul.main_menu > li.tategaki.syoyudukuri::before,
body.home ul.main_menu > li.tategaki.hyakunen::before {
		border-left: none
}
body.home ul.main_menu > li.sub::before {
		border-right: none;
}
body.home ul.main_menu > li.sub::after {
	border-right: none;
}
	
body.home ul.main_menu > li.tategaki a .eng {
  display: block;/*メニューのサブコピーを消さない*/
  line-height: 1;
}
body.home ul.main_menu > li.sub {
  width: auto;
  height: auto;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: none;
  display: block;
}
	body.home ul.main_menu > li.sub > ul.sub_menu {
	width: auto;
	margin: 10px 0 0 0 ;
  padding: 0 ;
  overflow: hidden;
  position: relative;
  top: auto;
  left: auto;
  float: none;
  display: block;
}
body.home ul.main_menu > li.sub > ul.sub_menu li {
  width: auto;
  height: auto;
	margin: 0 0 0 0;
  padding: 5px 0 5px 20px;
  background-position: -3px 4px;
  float: none;
}
	body.home ul.main_menu li > a span.ls-2  { 
	letter-spacing: -1px; 
	font-size: 21px;
}
	body.home ul.main_menu > li.tategaki{
		border-top: 1px dashed #888;
	}	
	body.home ul.main_menu > li.hyakunen {
		border-bottom: 1px dashed #888;
	}
	
	
	
	/*　　メインメニュー　　お問合せはお気軽に　　*/
#top .contact_button {
  bottom: 10px;
  left: 20px;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
	#top .contact_button .okigaruni { display: none; 		
	}
	#top .contact_button a {
text-decoration: none;
}
#top .contact_button .telno {
  font-size: 16px;
  word-spacing: normal;
  letter-spacing: 2px;
	text-decoration: none;
}
#top .contact_button .form_txt {
  font-size: 10px;
  line-height: 1.3;
}
#top .contact_button .form_txt a {
  text-decoration: underline;
}
/*  メニュー展開時には消す  */
	body.drawer-open #top .contact_button { 
		display: none; 		
	}
	
	
/*  レスポンシブメニュー */

.drawer-toggle {
  display: block;
 
	}

.drawer-open {
    overflow: hidden!important;
}
.drawer-nav {
  position: fixed;
  z-index: 2;
  top: 0;
  overflow: hidden;
  width: auto;
  height: 100%;
  background-color: #1F1E47;
  border-right: 1px solid #555;
}
.drawer-brand {
    display: block;
    text-decoration: none;
}
	.drawer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
.drawer-menu-item {
    display: block;
    text-decoration: none;
}
.drawer-menu-item:hover {
    background-color: transparent;
}
.drawer-overlay {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
}
.drawer-open .drawer-overlay {
    display: block;
}
.drawer--left .drawer-nav {
    left: -282px;
    -webkit-transition: left 0.6s cubic-bezier(.19,1,.22,1);
    transition: left 0.6s cubic-bezier(.19,1,.22,1);
}
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-nav,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
    left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.drawer--left.drawer-open .drawer-hamburger {
   left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.drawer-hamburger {
  position: fixed;
  z-index: 3000;
  top: 0;
  display: block;
  box-sizing: content-box;
  width: 2.5rem;
  padding: 25px 20px 40px 20px;
  -webkit-transition: all 0.6s cubic-bezier(.19,1,.22,1);
  transition: all 0.6s cubic-bezier(.19,1,.22,1);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  border: 0;
  outline: 0;
  background-color: rgba(0,0,0,0.00);
  color: #fff;
  text-decoration: none;
	 background-color: #1F1E47;
}
.drawer-hamburger:hover {
    cursor: pointer;
}
.drawer-hamburger-icon {
    position: relative;
    display: block;
    margin-top: 0px;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
    width: 100%;
    height: 3px;
    -webkit-transition: all 0.6s cubic-bezier(.19,1,.22,1);
    transition: all 0.6s cubic-bezier(.19,1,.22,1);
    background-color: #fff;
}
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
    position: absolute;
    top: -10px;
    left: 0;
    content: " ";
}
.drawer-hamburger-icon:after {
    top: 10px;
}
.drawer-open .drawer-hamburger-icon {
    background-color: transparent;
}
.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before {
    top: 0;
}
.drawer-open .drawer-hamburger-icon:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.drawer-open .drawer-hamburger-icon:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sr-only {
  position: absolute;
  overflow: hidden;
  color: #fff;
  text-align: center;
  display: block;
  font-size: 10px;
  margin: 0 0 0 0;
  letter-spacing: 0px;
  top: 43px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
}
body.drawer-open .sr-only { display: none; 		
	}
.drawer-open .drawer-hamburger,
.drawer-open .drawer-hamburger {
    background-color: transparent;
}
	
	
	/*トップページ*/
	
#campaign {
  padding: 20px 20px 0 20px;
  margin: 0 auto;
}
#campaign img  {
  width : calc(100%);
  height: auto;
  position: relative;
  right: auto;
  margin: 0 auto;
  bottom: auto;
}
 body.page-template-page-home #content{
  padding: 20px 0 40px 0;
}
	#news li.box {
		width: auto;
  height: auto;
  margin: 0 20px 20px 0;
  max-width: 600px;
  float: none;
}
	#one_hundred {
  background-size: 706px auto;
  background-position: -60px -20px;
  min-height: 310px;
}
	#one_hundred .one_hundred_title {
  top: 15px;
  right: 30px;
}
	#one_hundred p.tategaki {
		top: 25px;
  right: 170px;
  line-height: 2.5;
		writing-mode:vertical-rl;
  -webkit-writing-mode: vertical-rl;
  text-orientation:upright;
		text-shadow: none ;
}
#one_hundred .one_hundred_img01 { 
	top: 40px;
  left: 20px;
}
#one_hundred .one_hundred_img02 { 
	top: 170px;
  left: 20px;
}
	#one_hundred a.kuwasiku span {
  margin: 270px 6% 0 auto;
}
	

#about h2, 
#syoyudukuri h2 {
  position: relative;
  right: auto;
  top: 0px;
	font-size: 1.3rem;
}
	#syoyudukuri h2 br { display: none; 
}
#about {
  width : -webkit-calc(48% - 28px);/*　　#aboutマージン分 -　*/
  width : calc(48% - 28px);
}
#syoyudukuri {
  width : -webkit-calc(52% - 24px);/*　　#aboutマージン分 -　*/
  width : calc(52% - 24px);
}
		#about img.alignleft { 
		float: none;
		width : -webkit-calc(100%);
		width : calc(100%);
		box-sizing: border-box;
	}
	#syoyudukuri img.alignleft { 
		float: none;
		width : -webkit-calc(100%);
		width : calc(100%);
		box-sizing: border-box;
	}
	
	#product li.box:nth-child(n+5) {/*5番目以降を表示*/ 
	display: inline-block; }
#recipe li.box:nth-child(n+5) { /*5番目以降を表示*/
	display: inline-block; }
#product li.box {
	width : -webkit-calc(33.3% - 26px);
 width : calc(33.3% - 26px);
  margin: 0 26px 24px 0;
}
#recipe li.box {
  width : -webkit-calc(33.3% - 14px);
 width : calc(33.3% - 14px);
  margin: 0 14px 30px 0;
}
#tyokuei li img {
  margin: 0 20px 7px 0;
  width : 400px;
  height: auto;
  float: none;
}
	
	
	/* 蔵元紹介*/
	body.page-id-246 .block.picup .box {
	width : -webkit-calc(50% - 13px);
  width : calc(50% - 13px);
		margin: 0 0 0 0;
  float: left;
}
body.page-id-246 .block.picup .box.right { 
	float: right; 	
}
	
/* 醤油造り紹介*/
body.page-id-338 .block.last .wrap a {
  width : -webkit-calc(25% - 25px);
  width : calc(25% - 25px);
}
	
/* 百年プロジェクト */
	body.page-id-400 .block.first:before {
 content: "";
 display: block;
	padding-top: calc(41% + 102px);
	padding-top: -webkit-calc(41% + 102px);
}
body.page-id-400 .block.first .inner {
  position: absolute;
  top: 5px;
  left: 20px;
  width: calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
  height: calc(100% - 25px);
	height : -webkit-calc(100% - 25px);
}
body.page-id-400 .block.first .inline_box {
  width : -webkit-calc(33.3% - 20px);
  width : calc(33.3% - 20px);
  margin: 0 20px 20px 0;
  letter-spacing: normal;
  height: 100%;
  display: inline-block;
}
body.page-id-400 .block.first .inline_box img {
  position: absolute;
}
	
/* 蔵元見学 */
body.page-id-451 .block.no2 .box.left {
  width : 300px;
  float: left;
}
body.page-id-451 .block.no2 .box.right {
  width : -webkit-calc(100% - 320px);
  width : calc(100% - 320px);
  float: right;
}
body.page-id-451 .map_box {
  padding-bottom: 74%;
}
	
		/*　　業務用のご相談　*/
	body.page-id-454 #inner { min-height: auto;  
}
	
	
}



/* ------------------------------------------------------------------------------------ */
/* IE11 */
@media all and (max-width: 715px)  and (-ms-high-contrast:none){/* IE11 */
*::-ms-backdrop, ul.main_menu > li.tategaki > a {
  width: auto;
  height: auto;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  /*これ以下縦書きを左右中央揃え指定*/
  position: relative;
  top: auto;
  left: auto;
  display: block;
  transform: translate(0, 0);
} 
 *::-ms-backdrop, ul.main_menu > li a .main {
  float: none;
  width: 100%;
  text-align: left;
  -ms-writing-mode: horizontal-tb; /* for MS IE8+ */
  writing-mode: lr-tb;
}
  *::-ms-backdrop, ul.main_menu > li a .eng {
  float: none;
  padding: 5px 0 0 0;
  left: 0;
   width: 100%;
   -ms-writing-mode: horizontal-tb; /* for MS IE8+ */
   writing-mode: lr-tb;
  text-align: left;
}
  *::-ms-backdrop, ul.main_menu > li.sub > ul.sub_menu li > a {
   padding: 2px 2px 2px 3px !important; 
   text-align: left;
} 
 ul.main_menu li.english {
  display: block;
  visibility: visible;
}
 #top .contact_button {
  bottom: 0px;
  line-height: 1.2;
  padding: 5px 7px 5px 7px;
}
}

/* IE11 */




/* ------------------------------------------------------------------------------------ */
@media only screen and (max-width: 660px) {
 
	/* 蔵元見学 */
body.page-id-451 .block.no2 .box.left {
  width : 100%;
  float: none;
}
body.page-id-451 .block.no2 .box.right {
  width : 100%;
	float: none;
}
	body.page-id-451 .block.no2 .box.left br.resp {
  display: none;
}
	body.page-template-default h2 {
  margin: 0 0 30px 0;
}
 body.page-id-286 h2 span { margin-right: 0px;  
 }
 
 
 /*  キャンペーンページ */
 #present-list li{
  width: calc(50% - 15px);
}

  #items li{
  width : calc(50% - 20px);
  margin: 0 20px 20px 0;
  min-width: 9em;
}
#dashinomoto-recipe li img{
  float: none;
  margin: 0 0 10px 0;
  max-width: 190px;
  min-width: 190px;
}
 #dashinomoto-recipe li div{
	width: 100%;
	float: none;
}
#dashinomoto-description{
  width: 100%;
  margin: 0 0 0 0;
}
#dashinomotoimg{
  max-width: 315px;
  margin: 0 0 20px 0;
  width: 100%;
}
 .campaign-spec{
 width : calc(100%);
	padding-top: 70px;
	float: none;
}
 #dashinomoto-recipe li div h5{
	padding-left: 0;
}
#dashinomoto-recipe li div p{
	padding: 0 20px 0 0;
	width : calc(50% - 20px);
	float: left;
}
 
 
 
}

/* ------------------------------------------------------------------------------------ */
@media only screen and (max-width: 560px) {
 


/*トップページ*/
/*	.news_facebook {
  width: 150px;
  margin: 15px 15px 15px 0;
  float: right;
	box-sizing: border-box;
}
	.news_facebook img { vertical-align: top; 
}
.news_facebook span {
  vertical-align: top;
  margin: 0 0 0 0;
  padding: 0;
  width: 100px;
}*/
	
#one_hundred .one_hundred_title {
  top: 15px;
  right: 20px;
}
	#one_hundred p.tategaki {
		top: 25px;
  right: 150px;
  line-height: 2;
}

	#product li.box:nth-child(n+5) {/*4番目以降を非表示*/ 
		display: none; }
#recipe li.box:nth-child(n+5) { /*4番目以降を非表示*/
	display: none; }
#product li.box {
	width : -webkit-calc(50% - 26px);
 width : calc(50% - 26px);
  margin: 0 26px 24px 0;
}

	
	
	
#recipe li.box {
  width : -webkit-calc(50% - 14px);
 width : (50% - 14px);
  margin: 0 14px 30px 0;
}
	

		/* 蔵元紹介*/
body.page-id-246 .block.picup .box {
  width : -webkit-calc(100%);
  width : calc(100%);
  margin: 0 0 30px 0;
  float: none;
}
body.page-id-246 .block.picup .box.right { 
	margin: 0 0 0 0;
	float: none; 	
}

	
/* 醤油造り紹介*/
body.page-id-338 .block.last .wrap a {
  width : -webkit-calc(33.3% - 25px);
  width : calc(33.3% - 25px);
}
	
		/*　　直営食事処　*/
	body.page-id-286 .block.first .box.left br { display: none; 
}
	
/* 百年プロジェクト */
	body.page-id-400 .block.first:before {
 display: none;
}
body.page-id-400 .block.first .inner {
  position: relative;
  top: 0px;
  left: 0px;
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  height: calc(100%);
  height : -webkit-calc(100%);
}
body.page-id-400 .block.first .inline_box {
  width : 100%;
  margin: 0 0 20px 0;
  height: auto;
  display: block;
}
	body.page-id-400 .block.first .inline_box img {
  bottom: 0px;
  position: relative;
}

	
	dl.contact_form.ja dt {
  margin: 0 0 0 0;
  padding: 10px 0 0 0;
  float: none;
}
dl.contact_form.ja dd  {
  padding: 4px 0 4px 0;
}
	
}



/* ------------------------------------------------------------------------------------ */
@media only screen and (max-width: 479px) {
 
	/*　　基本設定　　*/
	
#top {
	padding: 0 0 0 0;
}
	#page_img {
  padding: 0 0 0 0;
}
	body.page-id-286 #page_img {/*コンテンツ背景白*/
  padding: 0 0 0 0;
}
body.page-id-286 #page_img imng {/*コンテンツ背景白*/
	border: 1px solid #f60;
	border: 1px solid #f60;
	box-sizing: border-box;
}
	
 #campaign {
  padding: 20px 10px 0 10px;
}
 	#page_img .net_shop {
  top: 20px;
  right: 20px;
}
 
#inner {
  padding: 0 10px 20px 10px;
  margin: 0 auto;
}

	body.archive #inner,
body.single #inner{
  padding: 0 0 20px 0;
  margin: 0 auto;
}
/*	#content_blog {
  padding: 30px 10px 0 10px;
		width : 100%;
}*/
		#content_blog {
  padding: 30px 0 0 0;
		width : 100%;
}
	
	
body.archive #content_blog,
body.single #content_blog {
  padding: 20px 10px 20px 10px;
	width : 100%;
}
/* 右サイド  ドロワーメニュー　 */
.drawr_sidebar {
  margin-right: 0px;
  position: relative;
  float: right;
  width: 100%;
  right: auto;
  top: auto;
}
a.drawr_btn {
  display: none;
}
#sidebar {
  width: auto;
  margin: 70px 0 0 0;
  float: none;
  padding: 10px 10px 0 10px;
  border: 1px solid #555;

}

	
	/*トップページ*/
	#content { padding: 0 0 0 0; 		
	}
	#one_hundred .one_hundred_title {
  top: 15px;
  right: 10px;
}
		#one_hundred p.tategaki {
		top: 25px;
  right: 140px;
  line-height: 1.8;
}
#one_hundred .one_hundred_img01 { 
	top: 40px;
  left: 10px;
}
#one_hundred .one_hundred_img02 { 
	top: 170px;
  left: 10px;
}
	
	
		
	#about {
  width : -webkit-calc(100%);
  width : calc(100%);
  margin: 0 0 40px 0;
  overflow: hidden;
}
#syoyudukuri {
  width : -webkit-calc(100%);
  width : calc(100%);
}
#about h2, 
#syoyudukuri h2 {
  font-size: 1.6rem;
}
	
	
		/*　　直営食事処　*/
 body.page-id-286 .block {
	width : 100% ;
}
	body.page-id-286 .block .box_wrap .inline_box {
  width: 100%;
		float: none;
  margin: 0 0 10px 0;
}
	body.page-id-286 .block.tenpo_syosai .box.left,
	body.page-id-286 .block.tenpo_syosai .box.right,
	body.page-id-286 .block.teitanpaku .box.left,
	body.page-id-286 .block.teitanpaku .box.right {
  width: 100%;
  float: none;
}
	body.page-id-286 .block.teitanpaku .box.right {
  padding-bottom: 15px;
}
	
	/* 百年プロジェクト */
	body.page-id-400 .block.first {
  padding: 5px 20px 0 20px;
}
body.page-id-400 .block.first .inline_box {
  width : 100%;
  margin: 0 20px 20px 0;
  letter-spacing: normal;
}
body.page-id-400 .block.no1 .box.left,
body.page-id-400 .block.no1 .box.right,
body.page-id-400 .block.no2 .box.left,
body.page-id-400 .block.no2 .box.right,
 body.page-id-400 .block.no3 .box.left,
 body.page-id-400 .block.no3 .box.right, 
 body.page-id-400 .block.no4 .box.left,
 body.page-id-400 .block.no4 .box.right,
 body.page-id-400 .block.no5 .box.left,
 body.page-id-400 .block.no5 .box.right{
  width : 100%;
  float: none;
}
body.page-id-451 .block.no3 {
 width : 100% ;
}
body.page-id-451 .block.no3 .loupe {
  width : 100%;
  margin: 0 0 0 0;
  display: block;
}
 
	body.page-id-286 .block.season {
  padding: 15px 10px 15px 10px;
}
 

 body.page-id-1382 .post h2.page_h2 img.campaign_01 {
  float: none;
  margin: 0 auto;
  width: 100%;
}
body.page-id-1382 .post h2.page_h2 .campaign_02 {
  float: none;
  width: 100%;
  position: relative;
}
  body.page-id-1382 .post h2.page_h2 .campaign_02 img.c_02 { margin: 35px 0 18px 0; }
 body.page-id-1382 .post h2.page_h2 .campaign_02 img.c_03 {
  position: absolute;
  top: 0px;
  right: 0px;
}
 
  body.page-id-1382 #content_right {  /*  キャンペーンページ  */
  padding: 15px 10px 20px 10px;
}
body.page-id-1382 #inner {
    padding: 0 0 20px 0;
}
#dashinomoto-recipe li div p{
	padding: 0 0 0 0;
	width : calc(100%);
	float: none;
}

 
}


/* ------------------------------------------------------------------------------------ */
@media only screen and (max-width: 430px) {
 
/*トップページ*/
#news .h2_box {
  margin: 0 0 -10px 0;
  height: 70px;
	}
#news .h2_box a.link span {
  margin: 30px 0 0 0;
}
		#one_hundred {
			background-size: 600px auto;
  background-position: -80px 0;
  height: 280px;
}
	#one_hundred p.tategaki {
		top: 25px;
  right: 140px;
  line-height: 1.5;
}
#one_hundred .one_hundred_img01 { 
	top: 25px;
  left: 10px;
	}
#one_hundred .one_hundred_img02 { 
	top: 135px;
  left: 10px;
}
	#one_hundred .one_hundred_img01 img {
  width: 90px;
  height: auto;
}
#one_hundred .one_hundred_img02 img { 
width: 90px;
  height: auto;
}
#one_hundred a.kuwasiku span {
  margin: 240px 6% 0 auto;
}


 
}

/* ------------------------------------------------------------------------------------ */
@media only screen and (max-width: 385px) {
 
/*トップページ*/
	#one_hundred {
		background-size: 830px auto;
  background-position: center 0;
  height: 395px;
}
#one_hundred .one_hundred_title {
  top: 15px;
  right: 10px;
}

		#one_hundred p.tategaki {
		top: 25px;
  right: 140px;
  line-height: 2;
}
#one_hundred .one_hundred_img01 { 
	top: 320px;
  left: 10px;
	}
#one_hundred .one_hundred_img02 { 
	top: 320px;
  left: 90px;
}
	#one_hundred .one_hundred_img01 img {
  width: 60px;
}
#one_hundred .one_hundred_img02 img { 
width: 60px;
}
#one_hundred a.kuwasiku span {
  margin: 350px 6% 0 auto;
}

 /*  キャンペーンページ */
#dashinomoto-recipe li div p{
	width: 100%;
	float: none;
	padding: 0 0 10px 0;
} 

 
 
}
/*サイド醤油パークバナー位置*/
.sidebnr{position: absolute;
    bottom: -320px;
    left: 20px;
    z-index: 2000;
    overflow: hidden;
    width: 178px;
    box-sizing: border-box;
	max-width: 100%;}
	
.sidebnr_sp{display:none;}
	
@media only screen and (max-width: 733px) {
.sidebnr_sp{display:block;position:relative;
z-index: 2000;
overflow: hidden;
max-width: 100%;
bottom:0px;
left: 0px;
margin-top: 20px;}
.sidebnr{display:none;}
}

.top_notes{border:3px solid #F00;padding:30px 60px;color:#F00; margin-top: 20px;background-color:#FFF;}
.top_notes h1{font-size: 1.500rem;font-weight:bold;margin-bottom:20px;}
.top_notes .txt {font-size: 1rem;text-align:left;}
.sub_notes{border:1px solid #F00;padding:20px 30px;color:#F00;background-color:#FFF;font-weight:bold;margin-bottom: 80px;}
 @media (max-width: 768px) {
.top_notes{
	padding:20px;
}

}
/*20200807*/
a.red_button {
  display: inline-block;
  margin: 0 0 0 0;
  border-radius:20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-decoration: none;
  line-height: 1.5rem;
  font-size: 1rem;
 color:#fff!important;
 background-color: #9a0000;
 padding:20px;
}
@media screen and (min-width: 768px) {
  .pc_br{
    display: none;
  }
}
/*20201020*/
#bnr_area{ position: relative;
  margin: 60px auto 0;
  max-width: 890px;
}
#bnr_area img{ 
  max-width: 100%;
}
#bnr_area li{ margin-bottom:20px;
}
#s_baum {
	text-align:right;
}
#goto .gotobox{ width: 695px;margin: 0; float:right; }
#goto .gotobox img{max-width:100%;}
#goto .boxL{float:left;
width:calc(50% - 10px);}
#goto .boxR{float:right;
width:calc(50% - 10px);}

@media all and (max-width:834px) {
#bnr_area{ 
  margin: 100px auto 0;
	 max-width: 890px;
}
#s_baum {
	text-align:right;
}
#goto .gotobox{ max-width:100%;}
#bnr_area {
  padding: 5%;
}
	}
@media all and (max-width:733px) {	
#bnr_area{ 
  margin-top: 0px;
}
#goto .boxL{float: none;
width:100%;}
#goto .boxR{float: none;
width:100%;}
}
/*YOUTUBE埋め込み*/.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
/*recaptcha*/
.recaptcha_policy {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 11px !important;
  color: #fff !important;
}
.recaptcha_policy a {
  font-size: 11px !important;
  color: #fff !important;
}
.grecaptcha-badge { visibility: hidden; }

/*20220310フォント変更・調整*/
body.page-id-286 h2 { 
  letter-spacing: 0.8rem; 
	margin-right: 0px;
}
#news .h2_box a.link span {
    width: auto;
}