@charset "UTF-8";
*{
  box-sizing: border-box;
  word-wrap: break-word;
}
/*
Theme Name: tokiwa-pc
Theme URI: https://a-aji.jp/
Description: COMPANY official theme
*/
@import url("font-awesome.min.css");
@import url("font-condense.css");
@media  (min-width: 751px) {
  .sp {
    display: none !important;
  }
}
@media  (max-width: 750px) {
  .pc {
    display: none !important;
  }
}

/* @media (max-width : 750px) and (orientation : portrait){    
  html{
      font-size : 3.5vw;
  }
}
@media (max-width : 750px) and (orientation : landscape){
  html{
      font-size : 3.5vh;
  }
} */
/*■ Mobile ■*/
@media only screen and (max-width: 750px) {
	html{
		font-size: 100px;
		font-size: -webkit-calc(100vw / 7.5) !important;
		font-size: calc(100vw / 7.5) !important;
	}
	body{
		font-size:0.26rem;
	}
	h1,h2,h3,h4,h5,h6,a,p,span,em,small,strong,sub,sup,
	mark,del,ins,strike,abbr,dfn,blockquote,q,cite,code,pre,
	ol,ul,li,dl,dt,dd,
	div,section,article,main,aside,nav,header,hgroup,footer,
	img,figure,figcaption,
	address,time,audio,video,canvas,iframe,details,summary,fieldset,form,label,legend,
	table,caption,tbody,tfoot,thead,tr,th,td,
	input,button{
		font-size:0.26rem;
	}
	body,
	button{
		letter-spacing:0.05em;
	}
}
@media only screen and (max-width: 640px) {
	html{
		font-size: 85px;
	}
}
@media only screen and (max-width: 480px) {
	html{
		font-size: 64px;
	}
}
@media only screen and (max-width: 320px) {
	html{
		font-size: 43px;
	}
}
/* ------------------------------------------------------------------------- *
/* 横向きの場合のスタイル */
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 750px) and (orientation: landscape) {
	html{
		font-size: -webkit-calc(100vh / 7.5) !important;
		font-size: calc(100vh / 7.5) !important;
	}
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

h1{
	/* display:none; */
	/* width:0; */
	/* height:0; */
	/* overflow:hidden; */
	/* outline: none; */
	/* opacity:0; */
	/* font-size:0; */
}

img {
  border: 0;
  vertical-align: top;
}

html {
  height: 100%;
}

body {
  background: #f9f5eb;
  /* font-size: 70%; */
  font-size: 87.5%;
  font-family: Roboto , "Helvetica Neue" , Helvetica , Arial , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , Meiryo , "MS PGothic" , sans-serif;
  line-height: 1.3;
  letter-spacing: 0.02em;
  /*   color: #653e18; */
  color: #633a11;
  /*min-width: 1020px;*/
  overflow-x : hidden;
}
body:lang(zh-cmn-Hant){
  font-family: 'Noto Sans TC', Roboto , "Helvetica Neue" , Helvetica , Arial , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , Meiryo , "MS PGothic" , sans-serif;
}
body:lang(zh-cmn-Hans){
  font-family: 'Noto Sans SC', Roboto , "Helvetica Neue" , Helvetica , Arial , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , Meiryo , "MS PGothic" , sans-serif;
}
@media all and ( max-width:  750px) {
  body {
    font-size : inherit;
    letter-spacing: 0em;
  }
}


a {
  color: #653e18;
  outline: none;
}

a:hover {
  text-decoration: underline;
}

ul, ol {
  list-style: none;
}

/* base
================================================== */
html {
  height: 100%;
  overflow-x: hidden;
}

.clearfix:after {
  content: "";
  /* 新しい要素を作る */
  display: block;
  /* ブロックレベル要素に */
  clear: both;
  height: 0;
}

.clearfix {
  min-height: 1px;
}

/*--// .addClass();で追加するcss //--*/
.fixed {
  position: fixed;
  z-index: 19999;
}

/*--// pegetop //--*/
#back-top {
  right: 1%;
  top: 90%;
  position: fixed;
  z-index: 9999;
  display: none;
}

#back-top a {
  transition: 1s;
  width: 100px;
  text-align: center;
  display: block;
  -webkit-transition: 1s;
  -moz-transition: 1s;
}

#back-top span {
  background: url("img/up-arrow.png") no-repeat center #cccccc;
  border-radius: 15px;
  transition: 1s;
  width: 111px;
  height: 32px;
  display: block;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
}

#back-top a:hover span {
  background-color: #777777;
}

/* 見出しタグ
================================================== */
h1, h2, h3, h4, h5, h6 {
  /* font-style: normal; */
  /* font-weight: normal; */
}

/* フェイスブック
================================================== */
.fb-page {
  margin-bottom: 20px;
}

/* パンクズリスト
================================================== */
.breadcrumbs {
  margin-bottom: 40px;
  float: left;
}
@media all and ( max-width:  750px) {
  .breadcrumbs {
    display: none;
  }
}

.breadcrumbs a {
  color: #653e18;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

/* ヘッダー
================================================== */
#header {
	background: #efeeeb url(../images/bg_header.gif) repeat-x 50% 0;
	margin: 0px;
	padding: 0px;
	width:100%;
	/*min-width:1020px;*/
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	/* overflow:hidden; */
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	top:0;
	border-bottom: 1px solid #cbba9e;
}
@media all and ( max-width: 750px){
  #header {
    border-bottom: 1px solid #cbba9e;
    height: 1rem;
    background-size: cover;
  }
}

#header #header_in {
  width: 1000px;
  height: 120px;
  margin: 0px auto;
  padding: 0px;
}
@media all and ( min-width: 751px) and ( max-width: 1040px) {
  #header #header_in {
    box-sizing: border-box;
    width: 100%;
    padding-left : 20px;
    padding-right : 20px;
  }
}
@media all and ( min-width: 751px) and ( max-width: 950px) {
  #header #header_in {
    /* height: 96px; */
  }
}
@media all and ( max-width: 750px){
  #header #header_in {
    height: 1rem;
    width: 100%;
  }
}

#header #header_in .logo {
  float: left;
  padding-top: 44px;
}
@media all and ( max-width: 991px) and (min-width: 751px){
	#header #header_in .logo img{
        width : 250px;
        height : auto;
	}
}

@media all and ( max-width: 750px){
  #header #header_in .logo {
    padding-top: 0.3rem;
    padding-left: 0.2rem;
  }
  #header #header_in .logo img{
    width: 3.19rem;
    height : auto;
  }
}

#header #header_in #h_shop {
  float: right;
  margin-top: 58px;
}

#header_l {
  float: left;
}

#header_r {
  float: right;
  padding-top: 30px;
}
@media all and ( max-width:  750px) {
  #header_r {
    /* padding-top: 0.571rem; */
    padding-top: 0.1rem;
  }
}

#header_r ul li {
  /* text-align: right; */
  /* margin-bottom: 10px; */
}
.shopping_link {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border:1px solid #cbba9d;
	width: 260px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.shopping_link > a,
.shopping_link > div
 {
	display: flex;
	-js-display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	align-items: center;
	-webkit-align-items: center;
	text-decoration: none;
	outline: 0;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	padding: 10px 5px 10px 18px;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border:2px solid #fff;
	background-color:#f08300;
}
.shopping_link > a:hover,
.shopping_link > div:hover
{
	 /* opacity:0.8; */ 
}
.shopping_link > a i,
.shopping_link > div i
 {
	color:#fff;
	font-size:16px;
	margin: 0 10px 2px -3px;
	position: relative;
}
.shopping_link > a span,
.shopping_link > div span
{
	color:#fff;
	font-size: 18px;
	/* letter-spacing:2px; */
	position: relative;
}
@media only screen and (max-width: 750px) {
	.shopping_link {
	width: 100%;
	border-radius: 0.07rem;
	}
	.shopping_link--company {
	width: 100%;
	border-radius: 0.07rem;
	margin-top: -2.25rem;
	position: relative;
	margin-bottom: 1.25rem;
	}
	.shopping_link > a,
.shopping_link > div
	 {
	/* font-size: 0.32rem; */
	padding: 0.15rem 0.05rem 0.15rem 0.18rem;
	border-radius: 0.07rem;
	}
	.shopping_link > a:hover,
.shopping_link > div:hover
	{
	}
	.shopping_link > a i,
.shopping_link > div i
	 {
	font-size: 0.32rem;
	}
	.shopping_link > a span,
.shopping_link > div span
	{
	font-size: 0.32rem;
	}
}





div#header_r ul.sp {
  display: flex;
  -js-display: flex;
  display: -webkit-flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  margin-top: 0.15rem;
}
div#header_r ul.sp li {
  margin-right: 0.34rem;
}
div#header_r ul.sp li:last-child{
  margin-right: 0.248rem;
}
div#header_r ul.sp li .spicon {
  text-decoration: none;
  display: flex;
  -js-display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
  justify-content: center;
  flex-flow: column nowrap;
  -webkit-flex-flow: column nowrap;
  align-items: center;
  -webkit-align-items: center;
}
div#header_r ul.sp li .spicon.disp_spmenu i:before {
    content : "\f00d";
    /* font-size: 0.56rem; */
}

div#header_r ul.sp li i{
     font-size: 0.5rem;
     width: 0.43rem;
}
div#header_r ul.sp li .spicon span{
  font-size : 0.685rem;
  letter-spacing: 0.02em;
  
}
div#header_r ul.sp li .spicon.tel span {
  /* margin-top : 0.32rem; */
  margin-top : 0.25rem;
}
div#header_r ul.sp li .spicon i.fc-tel {
  font-size : 1.752rem;
}
div#header_r ul.sp li .spicon i.fc-cart {
  font-size : 2.285rem;
  margin-top : -0.4rem;
}
div#header_r ul.sp li .spicon.cart span {
  /* margin-top : 0.20rem; */
  margin-top : 0rem;
}

div#header_r ul.sp li div#menu_hamburger {
  cursor: pointer;
}
div#header_r ul.sp li div#menu_hamburger i.fc-menu {
  font-size : 2.285rem;
  margin-top : -0.3rem;
}
div#menu_hamburger.disp_spmenu i.fc-menu:before{
  content:"ò";
}
div#header_r ul.sp li .spicon.menu span {
  /* margin-top : 0.1rem; */
  margin-top : -0.1rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

/*============================
#sp_drawer_menu
============================*/

div#sp_drawer_menu {
  border-top: 1px solid #cbba9e;
  display: block;
  position: fixed;
  top: 0;
  margin-top: 1rem;
  height: calc(100vh - 1rem);
  right: -100vw;
  width: 100%;
  overflow-y: scroll;
  transition: right 400ms cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  background-color : #f9f5eb;
  z-index : 10000;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  box-sizing: border-box;
  padding-bottom: 10vw;
}
div#sp_drawer_menu.disp_spmenu{
  right: 0;
}
div#sp_drawer_menu ul {padding-top: 0.55rem;}
div#sp_drawer_menu ul li i.fc{
  color : #96a851;
  font-size : 1.219rem;
}
div#sp_drawer_menu ul li.menu-item {border-bottom: 1px solid #d4b572;}
div#sp_drawer_menu ul li.menu-item .menu-ttl {
  font-size: 0.42rem;
  /* height: 1.55rem; */
  padding-top: .5rem;
  padding-bottom: .5rem;
  /* border-bottom : 1px solid #d4b572; */
  text-decoration: none;
  cursor: pointer;
  display: flex;
  -js-display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  font-weight: bold;
}
div#sp_drawer_menu ul li.menu-item.menu-item-has-children {
}
div#sp_drawer_menu ul li.menu-item.menu-item-has-children div.menu-ttl {
}
div#sp_drawer_menu ul li.menu-item.menu-item-has-children div.menu-ttl.disp_submenu .fc-plus:before{
  content : "ñ";
}
div#sp_drawer_menu ul li.menu-item.menu-item-has-children ul.sub-menu {
  display: flex;
  -js-display: flex;
  display: -webkit-flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  background-color: #f6f0e2;
  border-bottom : 1px solid #d4b572;
}
div#sp_drawer_menu ul li.menu-item.menu-item-has-children div.sub-menu-wrap{
  display: none;
}

div#sp_drawer_menu ul li.menu-item.menu-item-has-children ul.sub-menu li.sub-menu-item {
  width : 50%;
  border-bottom : 1px solid #d4b572;
  border-right : 1px solid #d4b572;
  box-sizing: border-box;
}
div#sp_drawer_menu ul li.menu-item.menu-item-has-children ul.sub-menu li.sub-menu-item:nth-child(even){
  border-right : none;
}

div#sp_drawer_menu ul li.menu-item.menu-item-has-children ul.sub-menu li.sub-menu-item.no-botm{
  border-bottom : none;
}
div#sp_drawer_menu ul li.menu-item.menu-item-has-children ul.sub-menu li.sub-menu-item a{
  box-sizing: border-box;
  font-size : 1.142rem;
  width :100%;
  padding-left : 0.761rem;
  padding-right : 0.685rem;
  
  text-decoration: none;
  display: flex;
  -js-display: flex;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  /* height : 2.514rem; */
  padding-top : 0.5rem;
  padding-bottom : 0.5rem;
  
}

div#sp_drawer_menu ul li.menu-item.menu-item-has-children ul.sub-menu li.sub-menu-item.recipe a{
    height : 3.809rem;
}


div#sp_drawer_menu .has-child .menu-ttl{
								/* height: 1.55rem; */								
								align-items: flex-end;
    							-webkit-align-items: flex-end;
}
div#sp_drawer_menu .child_menu{
								display : none;
								text-align : center;
								padding-bottom : .3rem;
								padding-top : 0!important;
}
div#sp_drawer_menu .child_menu li a{
								text-decoration : none;
								padding-bottom : .2rem;
								font-size : .4rem;
								line-height : 1.7;
}



/* メニュー */
#menu {
  width: 100%;
  height: 75px;
  background: #efeeeb url(../images/bg_nav.gif) repeat-x 50% 0;
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #cbba9e;
  clear: both;
}
@media all and ( min-width: 751px) and ( max-width: 950px) {
  #menu {
    height: auto;
  }
}
@media all and ( max-width: 750px){
  #menu {
    display: none;
  }
}

#menu #menu_in {
  width: 995px;
  margin: 0px auto;
  padding: 0px;
  /* background: url(../images/menu_bk.png) no-repeat 0 0; */
}
@media all and ( min-width: 751px) and ( max-width: 1040px) {
  #menu #menu_in {
    width: 95.673%;
    background-size: contain;
  }
}
@media all and (max-width : 750px){
  #menu #menu_in {
    display: none;
  }
}

#dropmenu {
  list-style-type: none;
  /* width: 995px; */
  width : 100%;
  height: 67px;
  margin: 0px auto;
  padding: 0;
}

/*#dropmenu li{
  position: relative;
  width: 12%;
  height:62px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}*/

ul#dropmenu li.menu_dd > a{
  font-size : 16px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  text-align: center;
  padding-top :0;
  padding-bottom : 0;
  color: rgb(133, 80, 26);
  border-left : 2px dotted #cbba9d;
}
@media all and (min-width : 751px) and (max-width : 950px){
  ul#dropmenu li.menu_dd > a{
    font-size : 13px;
  }
}
ul#dropmenu li.menu_dd:last-child a{
  border-right : 2px dotted #cbba9d;
}

ul#dropmenu li.menu_dd a img{
  display: block;
  margin : 0 auto;
}

#dropmenu li.menu1 {
  position: relative;
  /* width: 84px; */
  width : 8.442%;
  height: 67px;
  float: left;
  margin: 0;
  padding: 0;
  /* text-indent: -9999px; */
}

#dropmenu li.menu1 a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #653e18;
  font-size: 30px;
  text-decoration: none;
}

#dropmenu li.menu2 {
  position: relative;
  /* width: 119px; */
  width : 11.959%;
  height: 67px;
  float: left;
  margin: 0;
  padding: 0;
  /* text-indent: -9999px; */
}

#dropmenu li.menu2 a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #653e18;
  font-size: 30px;
  text-decoration: none;
}

#dropmenu li.menu3 {
  position: relative;
  /* width: 102px; */
  width : 10.251%;
  height: 67px;
  float: left;
  margin: 0;
  padding: 0;
  /* text-indent: -9999px; */
}

#dropmenu li.menu3 a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  font-size: 30px;
  text-decoration: none;
}

#dropmenu li.menu4 {
  position: relative;
  /* width: 147px; */
  width : 14.773%;
  height: 67px;
  float: left;
  margin: 0;
  padding: 0;
  /* text-indent: -9999px; */
}

#dropmenu li.menu4 a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  font-size: 30px;
  text-decoration: none;
  cursor: default;
}

#dropmenu li.menu4 li a {
  cursor: pointer;
}

#dropmenu li.menu5 {
  position: relative;
  /* width: 103px; */
  width : 10.351%;
  height: 67px;
  float: left;
  margin: 0;
  padding: 0;
  /* text-indent: -9999px; */
}

#dropmenu li.menu5 a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  font-size: 30px;
  text-decoration: none;
}

#dropmenu li.menu6 {
  position: relative;
  /* width: 163px; */
  width : 16.381%;
  height: 30px;
  float: left;
  margin: 0;
  padding: 0;
  /* text-indent: -9999px; */
}

#dropmenu li.menu6 a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  font-size: 30px;
  text-decoration: none;
}

#dropmenu li.menu7 {
  position: relative;
  /* width: 124px; */
  width : 12.462%;
  height: 67px;
  float: left;
  margin: 0;
  padding: 0;
  /* text-indent: -9999px; */
}

#dropmenu li.menu7 a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  font-size: 30px;
  text-decoration: none;
  cursor: default;
}

#dropmenu li.menu7 li a {
  cursor: pointer;
}

#dropmenu li.menu8 {
  position: relative;
  /* width: 153px; */
  width : 15.376%;
  height: 67px;
  float: left;
  margin: 0;
  padding: 0;
  /* text-indent: -9999px; */
}

#dropmenu li.menu8 a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  font-size: 30px;
  text-decoration: none;
}

#dropmenu li.menu_dd ul {
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 1000;
}

#dropmenu li.menu_dd ul li {
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  height: 0;
  color: #653e18;
  text-indent: 1px;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}

#dropmenu li.menu_dd ul li a {
  color: #653e18;
  padding: 13px 15px;
  background: #efeeeb url(../images/top_img_bk.jpg) repeat 0 0;
  font-size: 12px;
}

#dropmenu li.menu_dd ul li a:hover {
  background: #96a851;
  color: #FFF;
}

#dropmenu li.menu_dd:hover ul li {
  overflow: visible;
  height: 38px;
  border-top: 1px solid #cbba9e;
  border-bottom: 1px solid #cbba9e;
}

/*#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}*/
/* wideslider
================================================== */


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

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

/* 共通
================================================== */
#container {
  /* width: 1020px; */
  /* margin: 0 auto; */
  /* padding-top: 15px; */
}
@media all and ( max-width:  750px) {
  body.home #container{
    /* padding-top: 0.385rem; */
  }
}
body:not(.home) #container{
  margin-top: 115px;
}
@media all and ( max-width:  750px) {
  body:not(.home) #container{
    margin-top: 1rem;
    /* padding-top : 0.723rem; */
  }
}

#contents {
  /* float: left; */
  /* width: 740px; */
  /* margin-bottom: 15px; */
  /* font-size: 1.2em; */
  /* line-height: 1.5; */
}
#sidebar {
  float: right;
  width: 280px;
  margin-bottom: 15px;
}
@media all and ( max-width:  1040px) {
  #container {
    box-sizing: border-box;
    width: 100%;
    /* padding-left : 20px; */
    /* padding-right : 20px; */
  }
}
@media all and ( max-width: 750px) {
  #container {
    /* padding-left: 0.25rem; */
    /* padding-right: 0.25rem; */
  }
}



@media all and ( min-width: 951px) and ( max-width: 1040px) {
  #contents {
    /* width: 700px; */
  }

  #sidebar {
    float: left;
    width: calc(100% - 700px); 
  }
}

@media all and ( max-width: 950px) {
  #contents {
    float : none;
    /* width: 700px; */
    margin : 0 auto;
  }

  #sidebar {
    float: none;
    display: none;
  }

}
#sidebar_tablet_social{
  display: none;
}
@media all and ( min-width: 751px) and ( max-width: 950px) {
  #sidebar_tablet_social{
    display: block;
    position : fixed;
    top : 250px;
    right : 5px;
    z-index : 10000;
    /*position : absolute;
  top : 0;
  right : 0;
  padding-top : 40px;
  z-index: 100;*/
  }
  #sidebar_tablet_social ul.header_top_social li a {
    color : #fff;
    display: block;
    width : 32px;
    height : 32px;
    background-color: #cccccc;
    display: flex;
    justify-content: center;
    align-items: center;
    /*margin-right : 8px;*/
    margin-left : auto;
    margin-top : 8px;
    font-size : 16px;
    border-radius : 50%;
    /*background: #e4007f; 
    background: -moz-linear-gradient(-45deg, #e4007f 0%, #003586 100%); 
    background: -webkit-linear-gradient(-45deg, #e4007f 0%,#003586 100%); 
    background: linear-gradient(135deg, #e4007f 0%,#003586 100%); */
    text-decoration: none;
  }
  #sidebar_tablet_social ul.header_top_social li.fb a{
    background-color : #5061AF;
  }
  #sidebar_tablet_social ul.header_top_social li.tw a{
    background-color : #448EDD;
  }
  #sidebar_tablet_social ul.header_top_social li.ins a{
    background-color : #B9377F;
  }

}
@media all and ( max-width:  750px) {
  #contents {
    width: 100%;
  }
}
#sidebar #bnr li {
  margin-bottom: 10px;
}

#sidebar p {
  font-size: 120%;
  margin-top: 20px;
  padding-left: 10px;
}

#sidebar p a {
  padding-left: 20px;
  background: url(../images/icon_arr_black.png) no-repeat left center;
  text-decoration: none;
  color: #653e18;
}
#sidebar .youtube iframe{
	width:280px !important;
	height:158px !important;
	margin:0 0 20px auto;
}
@media all and ( min-width: 951px) and ( max-width: 1040px) {
  #sidebar #bnr li a img{
    width : 100%;
    height : auto;
  }
  #sidebar .youtube iframe{
    /*width: auto !important;
    height:auto !important;*/   
    width:220px !important;
    height:124px !important;
  }
}

.twitter {
  width: 280px;
  text-align: right;
  margin-bottom: 15px;
}


/* セカンド共通
================================================== */

@media all and ( max-width:  750px) {
  div#social_share_icons{
    /* margin-bottom : 1.523rem; */
  }
}
.se_title {
  width: 680px;
  margin-bottom: 10px;
  padding-bottom: 20px;
  background: url(../images/line.png) repeat-x 0 bottom;
  display: flex;
  -js-display: flex;
  display: -webkit-flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  align-items: center;
  -webkit-align-items: center;
}
@media all and ( max-width:  750px) {
  .se_title {
    width : 100%;
    padding-bottom: 0.40rem;
    margin-bottom : 0;
  }
}
.se_title  img{
  margin-right : 22px;
}
@media all and ( max-width:  750px) {
  .se_title  img{
    width : 2.171rem;
    margin-right : 0.8rem;
  }
}
.se_title  span.ja{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-right : 17px;
  font-size : 26px;
  letter-spacing: 0.15em;
  margin-top : 7px;
}
@media all and ( max-width:  750px) {
  .se_title  span.ja{
    font-size : 1.428rem;
    letter-spacing: 0.01em;
    margin-top : 0;
    margin-right : 0.647rem;
  }
}

.se_title  span.vsep{
  width : 1px;
  height : 35px;
  background-color: #cbba9d;
  display: inline-block;
  margin-right : 21px;
  margin-top : 4px;
}
@media all and ( max-width:  750px) {
  .se_title  span.vsep{
    height : 1.371rem;
    margin-right : 0.761rem;
    margin-top : 0.152rem;
  }
}
.se_title  span.en{
  color : #96a851;
  font-weight: bold;
  font-size : 12px;
  letter-spacing: 0.15em;
  margin-top : 3px;
}
@media all and ( max-width:  750px) {
  .se_title span.en{
    font-size : 0.685rem;
    margin-top : 0.2rem;
    letter-spacing: 0.07em;
  }
}



/* 商品情報
================================================== */
#awasezu1 {
  margin-top: -150px;
  padding-top: 150px;
}

#awasezu2 {
  margin-top: -150px;
  padding-top: 150px;
}

#awasezu3 {
  margin-top: -150px;
  padding-top: 150px;
}

#awasezu4 {
  margin-top: -150px;
  padding-top: 150px;
}

#osuinryo1 {
  margin-top: -150px;
  padding-top: 150px;
}

#osuinryo2 {
  margin-top: -150px;
  padding-top: 150px;
}

#osuinryo3 {
  margin-top: -150px;
  padding-top: 150px;
}

#osuinryo4 {
  margin-top: -150px;
  padding-top: 150px;
}

#wine1 {
  margin-top: -150px;
  padding-top: 150px;
}

#wine2 {
  margin-top: -150px;
  padding-top: 150px;
}

#ume1 {
  margin-top: -150px;
  padding-top: 150px;
}

#ume2 {
  margin-top: -150px;
  padding-top: 150px;
}

#tyomiryo1 {
  margin-top: -150px;
  padding-top: 150px;
}

#tyomiryo2 {
  margin-top: -150px;
  padding-top: 150px;
}

#tyomiryo3 {
  margin-top: -150px;
  padding-top: 150px;
}

#tyomiryo4 {
  margin-top: -150px;
  padding-top: 150px;
}

#tyomiryo5 {
  margin-top: -150px;
  padding-top: 150px;
}

#heshiko1 {
  margin-top: -150px;
  padding-top: 150px;
}

#heshiko2 {
  margin-top: -150px;
  padding-top: 150px;
}

.INA_product_wrap {
  margin-top: -150px;
  padding-top: 150px;
}



.product_menu {
  width: 680px;
  display: table;
  padding-top: 10px;
}





.product_menu_in {
  width: 680px;
  /*display:table-cell;*/
}

.product_menu_in ul {
  display: flex;
  -js-display: flex;
  display: -webkit-flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}

/*.product_menu_in li {
	white-space:nowrap;
	background: url(../images/icon_arr_black.png) no-repeat left center;
	text-decoration:none;
	color: #653e18;
	padding:0px 0px 0px 20px;
	margin-right:27px;
}*/
.product_menu_in td {
  white-space: nowrap;
  background: url(../images/icon_arr_black.png) no-repeat left center;
  text-decoration: none;
  color: #653e18;
  padding: 0px 0px 0px 20px;
  /*margin-right:27px;*/
}
.product_menu_in td a {
  text-decoration: none;
  color: #653e18;
  margin-right: 9px;
}

/*.product_menu_in li a {text-decoration:none; color: #653e18;}*/
#product h3 {
  width: 680px;
  height: 34px;
  line-height: 34px;
  font-size: 20px;
  letter-spacing: 0.3em;
  background: url(../images/title_bk.png) no-repeat 0 0;
  padding-left: 15px;
  margin-top: 40px;
}



.product_item {
  display: table;
}

.product_item_in {
  width: 340px;
  display: table-cell;
  text-align: center;
  padding: 20px 20px;
  vertical-align: bottom;
}

#product li {
  font-size: 16px;
  padding: 5px 0px;
  margin-top: 10px;
  border-top: 1px dotted #653e18;
  border-bottom: 1px solid #653e18;
  background: linear-gradient(#f9f6f2, #e9decc);
}

#product li a {
  text-decoration: none;
  color: #653e18;
  display: block;
}





/* レシピカテゴリ
================================================== */








/*  plugin : wp-pagenavi
================================================== */
.wp-pagenavi {
  font-weight: 600;
  line-height: 20px;
  float: none;
  margin-top: 40px;
  margin-right: -2px;
  text-align: center;
}
@media all and ( max-width:  750px) {
  .wp-pagenavi {
    margin-top: 1.904rem;
  }
}

.wp-pagenavi a,
.wp-pagenavi span {
  color: #aaa;
  font-size: 16px;
  padding: 7px 8px;
  display: inline-block;
  margin: 0 2px;
}
@media all and ( max-width:  750px) {
  .wp-pagenavi a,
  .wp-pagenavi span {
    font-size: 1rem;
    padding: 0.342rem 0.38rem;
  }
}

.wp-pagenavi span.extend {
  border: none !important;
  border-bottom: 3px solid transparent;
  border-top: 1px solid transparent;
}

.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.wp-pagenavi span.current {
  color: #633A11;
}

.wp-pagenavi a:visited,
.wp-pagenavi a:link {
  color: #C0A579;
}

.wp-pagenavi a {
  color: #633A11;
  border: none;
  border-bottom: 3px solid #C0A579;
}



.wp-pagenavi a:link:hover,
.wp-pagenavi a:visited:hover,
.wp-pagenavi a:active,
.wp-pagenavi span.current {
  color: #633A11;
  background: none;
  border: none;
  border-bottom: 3px solid #633A11;
}

.wp-pagenavi .pages {
  display: none;
}

nav.a_pagination {
  background: none;
  margin: 0 auto;
  width: 100%;
}







/* サイトマップ
================================================== */
.sitemap-inner {
  width: 680px;
  margin: 30px 0px 60px 0px;
  padding: 0px 0px 0px 0px;
}

.sitemap-inner .menu {
  padding: 10px 20px 0;
  line-height: 1.8;
}

.sitemap-inner .menu li {
  margin-top: 15px;
  padding-left: 30px;
  background: url(../images/icon_arr_black.png) no-repeat left 8px;
  font-size: 1.2em;
}

.sitemap-inner .sub-menu {
  padding-left: 15px;
}

.sitemap-inner .sub-menu li {
  margin-top: 8px;
  padding-left: 12px;
  font-size: 0.9em;
  list-style-type: disc;
  background-image: none;
}

.sitemap-inner a {
  text-decoration: none;
}

/* 検索結果
================================================== */
#search-inner {
  width: 680px;
  margin: 30px 0px 60px 0px;
  padding: 0px 0px 0px 0px;
}
@media all and ( max-width:  750px) {
  #search-inner {
    width: 100%;
    margin: 1.142rem 0px 2.285rem 0px;
    padding: 0px 0px 0px 0px;
  }
}

#search-inner h3 {
  font-size: 18px;
  line-height: 22px;
  border-left: 3px solid #96a851;
  border-bottom: 2px dotted #cbba9d;
  margin: 20px 0px 10px 0px;
  padding: 0px 0px 5px 15px;
}
@media all and ( max-width:  750px) {
  #search-inner h3 {
    font-size: 1.4rem;
    line-height: 1.8;
    margin: 0.761rem 0px 0.4rem 0px;
    padding: 0px 0px 0.2rem 0.58rem;
  }
}

#search-inner h4 {
  font-size: 18px;
  line-height: 22px;
  border-left: 3px solid #96a851;
  border-bottom: 2px dotted #cbba9d;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 5px 15px;
}

.search-inner_txt {
  font-size: 120%;
  margin-bottom: 15px;
}

/* トキワの動画
================================================== */
.animation {
  width: 680px;
  margin: 30px 0px 60px 0px;
  padding: 0px 0px 0px 0px;
}

/* フッターメニュー
================================================== */
#footer_menu {
  background: #545454;
  margin: 0px;
  padding: 0px;
}

#footer_menu_in {
  width: 1000px;
  margin: 0 auto;
  padding: 10px 0px;
  color: #FFF;
  font-size: 12px;
  font-weight: normal;
}

#footer_menu_in a {
  color: #FFF;
  text-decoration: none;
}

#footer_menu_in a:hover {
  color: #FFF;
  text-decoration: underline;
}

.fmenu_title {
  background: url("../img/mark.gif") 0 3px no-repeat;
  border-bottom: 1px dotted #767676;
  margin-bottom: 5px;
  margin-top: 8px;
  padding-left: 15px;
  padding-bottom: 3px;
}

table.fmenu-list {
  width: 100%;
  border-spacing: 0;
  empty-cells: show;
  border-collapse: collapse;
  margin: 0px 0px;
  padding: 0px;
}

.fmenu-list th {
  font-weight: normal;
  vertical-align: top;
}

.fmenu-list th.fmenu_l {
  width: 199px;
  text-align: left;
  border-left: 1px solid #767676;
  padding: 0px 10px 10px 10px;
}

.fmenu-list th.fmenu_r {
  width: 199px;
  text-align: right;
  border-left: 1px solid #767676;
}

.fmenu-list ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.fmenu-list ul li {
  margin-bottom: 5px;
}

/* フッター
================================================== */
#footer {
  /* height: 200px; */
  color: #FFF;
  clear: both;
  padding-top: 20px;
  padding-bottom: 6px;  
}



@media all and ( min-width:  851px) {
  #footer {
    background: #f8f6ef url(../images/footer/footer_bk_big.png) repeat-x 50% 0;
  }
}
@media all and ( min-width: 751px) and ( max-width: 850px) {
  #footer {
    background: #f8f6ef url(../images/footer/footer_bk_tablet.png) repeat-x 50% 0;
  }
}
@media all and ( max-width:  750px) {
  #footer {
    height: auto;
    background: #f8f6ef url(../images/footer/bk_sp.png);
    padding-top: 0.3rem;
    background-repeat: repeat-x;
    background-position: 50% 2%;
  }
}

#footer_in {
  /* width: 1000px; */
  font-size: 14px;
  margin: 0 auto;
  padding: 46px 0px 108px 0px;
  /* padding-left : 20px; */
  /* padding-right : 20px; */
  clear: both;
}
@media all and ( min-width: 751px) and ( max-width: 1040px) {
  #footer_in {
    box-sizing: border-box;
    width: 100%;
    padding-left : 20px;
    padding-right : 20px;
  }
}
@media all and ( max-width:  750px) {
  #footer_in {
    width: 100%;
    font-size: 0.26rem;
    padding: 0.45rem 0 0.5rem 0;
  }
}

/*
#footer_l {
  width: 565px;
  float: left;
}
#footer_l img {
  float: left;
  padding-right: 20px;
}
#footer_l p {
  padding-top: 10px;
}
#footer_l p a{
	color:#fff;
	text-decoration:none;
}
*/


div#footer_in{
  display: flex;
  -js-display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
  justify-content: center;
  flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
@media all and ( max-width: 850px) {
  div#footer_in{
    /* flex-flow: column-reverse nowrap; */
    /* -webkit-flex-flow: column-reverse nowrap; */
  }
}


/*============================
#footer_l
============================*/
div#footer_l {
  width : 448px;
}
@media all and ( min-width: 851px) and ( max-width: 1040px) {
  div#footer_l {
    width : 43%;
    margin-right : 1%;
  }
}
@media all and ( max-width: 850px) {
  div#footer_l {
    width : 448px;
    margin : 0 auto;
  }
}
div#footer_l div.siteinfo {
  padding-top : 25px;
  display: flex;
  -js-display: flex;
  display: -webkit-flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  margin-bottom : 35px;
}
@media all and ( max-width: 850px) {
  div#footer_l div.siteinfo {
    display: block;
    text-align: center;
    padding-top : 5px;
  }
}

div#footer_l div.siteinfo img {
}
@media all and ( max-width: 850px) {
  div#footer_l div.siteinfo img {
    margin-bottom : 20px;
  }
}
div#footer_l div.siteinfo p {
  line-height: 1.8;
  padding-left : 29px;
  /* font-size : 14px; */
}
div#footer_l div.siteinfo .tablet{
  display: none;
}
@media all and ( min-width: 851px) and ( max-width: 1040px) {
  div#footer_l div.siteinfo .tablet{
    display: block;
  }
}

div#footer_l div.siteinquiry {
}
@media all and ( max-width: 850px) {
  div#footer_l div.siteinquiry {
    text-align: center;
  }
}
div#footer_l div.siteinquiry div.lead {
  font-weight: bold;
  margin-bottom : 18px;
}
div#footer_l div.siteinquiry div.tel {
  font-size : 20px;
  font-weight: bold;
  margin-bottom : 18px;
  line-height: 1;
}
div#footer_l div.siteinquiry div.tel img.free {
  margin-right : 12px;
}
div#footer_l div.siteinquiry div.time {
  margin-bottom : 30px;
}

/*============================
#footer_c
============================*/
div#footer_l div.siteinquiry div#footer_c.pc {
}

/*============================
#footer_r
============================*/
div#footer_r {
  display: flex;
-js-display: flex;
display: -webkit-flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
flex-flow: row nowrap;
-webkit-flex-flow: row nowrap;
align-items: flex-start;
-webkit-align-items: flex-start;
padding-top : 11px;
width : 560px;
}
@media all and ( min-width: 851px) and ( max-width: 1040px) {
  div#footer_r {
    width : 57%;
  }
}
@media all and ( max-width: 850px) {
  div#footer_r {
    margin : 0 auto;
  }
}
div#footer_r div.sitemap_row {
  width : 33%;
}
div#footer_r div.sitemap_row div.sm {
  padding-top : 17px;
  padding-bottom : 17px;
  border-bottom : 1px dashed #eddac0;
  width : 170px;
}
@media all and ( min-width: 851px) and ( max-width: 1040px) {
  div#footer_r div.sitemap_row div.sm {
    width : 95%;
  }
}
div#footer_r div.sitemap_row div.sm.noborder{
  border-bottom : none;
}
div#footer_r div.sitemap_row div.sm a {
  text-decoration: none;
  color : #fff;
  display: block;
  padding-left : 16px;
  position : relative;
  line-height: 1.71;
  margin-bottom : 2px;

}
div#footer_r div.sitemap_row div.sm a:before{
  content : "ú";
  font-family: "condense";
  color : #653e18;
  position : absolute;
  left : 0;
  top : 0;
  
}
div#footer_r div.sitemap_row div.sm div.heading {
  margin-bottom : 5px;
}





.footer_navi {
  width: 145px;
  float: left;
}

.footer_navi ul li {
  padding-left: 20px;
  background: url(../images/f_mark.png) no-repeat 0 5px;
  line-height: 15px;
}

#footer_c {
  /* width: 1000px; */
  margin: 0 auto;
  font-size: 10px;
  color: #fff;
  text-align: left;
  clear: both;
  padding-top: 15px;
}
@media all and ( max-width:  850px) {
  #footer_c {
    text-align: center;
  }
}

/* ー
================================================== */
.screen-reader-response {
  height: 1px;
  overflow: hidden;
  color: #FF0004;
}

/* ソーシャルボタン
================================================== */
.wp_social_bookmarking_light {
  border: 0 !important;
  padding: 0px 0px 0px 0 !important;
  margin: 0 !important;
  float: right;
}

.wp_social_bookmarking_light div {
  float: left !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 5px 10px 0 !important;
  min-height: 30px !important;
  line-height: 18px !important;
  text-indent: 0 !important;
}

.wp_social_bookmarking_light img {
  border: 0 !important;
  padding: 0;
  margin: 0;
  vertical-align: top !important;
}

.wp_social_bookmarking_light_clear {
  clear: both !important;
}

#fb-root {
  display: none;
}

.wsbl_twitter {
  width: 100px;
}

.wsbl_facebook_like {
  width: 110px;
}










/* スマホの場合 */
.go_shopping{
	overflow:hidden;
	position:fixed;
	z-index:999999;
	width:100%;
	-moz-transition: bottom 0.5s ease;
	-ms-transition: bottom 0.5s ease;
	-webkit-transition: bottom 0.5s ease;
	transition: bottom 0.5s ease;
	bottom:-20vw;
	left:0;
	right:0;
	height:20vw;
	border:1vw solid #cbba9d;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.go_shopping.on{
	bottom:0;
}
.go_shopping a{
	font-size:3.5vw;
	display: flex;
	-js-display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	align-items: center;
	-webkit-align-items: center;
	text-decoration: none;
	outline: 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border:1vw solid #fff;
	background-color:#f08300;
	padding:0.5em;
	height:18vw;
}
.go_shopping a i{
	color:#fff;
	font-size:6vw;
	margin-right:0.5em;
}
.go_shopping a span{
	color:#fff;
	font-size:6vw;
}

/* ------------------------------------------------------------------------- *
/* 横向きの場合のスタイル */
/* ------------------------------------------------------------------------- */
@media only screen and (orientation: landscape) {
	.go_shopping{
		bottom:-8.5vh;
		height:8.5vh;
		border: 0.6vh solid #cbba9d;
	}
	.go_shopping a{
		font-size: 2vh;
		height: 100%;
		border: 0.6vh solid #fff;
	}
	.go_shopping a i{
		font-size:3.5vh;
	}
	.go_shopping a span{
		font-size:3.5vh;
		line-height:1em;
	}
}
div#pagetop{
  display: none;
}
div#pagetop a {
  display: none;
  bottom: 20px;
  right: 20px;
  position: fixed;
  z-index: 9999;
  bottom: 0.58rem;
  right : 0.380rem;
  width: 0.585rem;
  height: 0.585rem;
  border-radius: 50%;
  background-color: #6f7160;
  display: block;
  text-align: center;
  display: flex;
  -js-display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  color : #fff;
  text-decoration: none;
}

div#footer_sp {
  padding-top : 3rem;
  padding-bottom : 4.761rem;
}
div#footer_sp div.links {

}
@media all and ( max-width:  750px) {
  div#footer_sp div.links {
    display: flex;
    -js-display: flex;
    display: -webkit-flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom : 1.5rem;
    /* padding-left : 0.838rem; */
    padding-left : 2.933vw; 
  }
}
div#footer_sp div.links a {
  background: #efeeeb url(../images/top_img_bk.jpg) repeat 0 0;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-decoration: none;
  /* width :13.066rem; */
  width : 45.6vw;
  /* height : 2.514rem; */
  height : 8.8vw;
  display: flex;
  -js-display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  /* border-radius: 0.304rem; */
  border-radius : 1.066vw;
  /* margin-bottom : 0.761rem; */
  margin-bottom : 2.663vw;
  letter-spacing : 0em;
  font-size : 3.5vw;
}
div#footer_sp div.links a.mr{
  /* margin-right : 0.723rem; */
  margin-right : 2.530vw;
}
div#footer_sp div.links a i{
  /* margin-right : 10px; */
  /* margin-right : 0.3rem; */
  margin-right : 1.05vw;
}
div#footer_sp div.links a i.fab.fa-facebook {
  color : #4267b2;
  
}
div#footer_sp div.links a i.fab.fa-twitter {
  color : #00b0ed;
}
div#footer_sp div.links a i.fab.fa-instagram {
  color : #9936b5;
}
div#footer_sp div.links a img.cookpad {
  /* width : 1.219rem; */
  width : 4.2665vw;
  margin-right : 10px;
}
div#footer_sp a.flogo {
  width : 4.914rem;
  display: block;
  margin : 0 auto;
  margin-bottom : 1.219rem;
}
div#footer_sp a img {
  width : 100%;
}
div#footer_sp div.lead {
  text-align: center;
  font-size : 1rem;
  margin-bottom : 1rem;
}
div#footer_sp h2 {
  text-align: center;
  font-size : 1.142rem;
  font-weight: bold;
  margin-bottom : 0.647rem;
  
}
div#footer_sp div.address {
  text-align: center;
  font-size : 1rem;
  margin-bottom : 1.371rem;
}
div#footer_sp div.address a{
    color : #fff;
}
div#footer_sp div.copy {
  text-align: center;
  font-size :0.857rem;

}


div#sp_fix_footer {
  display: flex;
-js-display: flex;
display: -webkit-flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
flex-flow: row nowrap;
-webkit-flex-flow: row nowrap;
align-items: flex-start;
-webkit-align-items: flex-start;
width : 100%;
position :fixed;
bottom : 0;
left : 0;
width : 100%;
z-index : 10000;
}
div#sp_fix_footer a {
  width : 50%;
  height : 3.047rem;
  text-decoration: none;
  color : #fff;
  display: flex;
-js-display: flex;
display: -webkit-flex;
-webkit-justify-content: center;
justify-content: center;
align-items: center;
-webkit-align-items: center;

}
div#sp_fix_footer a.left{
  background-color: #f08300;
  font-size : 1rem;
}
div#sp_fix_footer a.right{
  background-color: #653e18;  
  font-size : 0.952rem;
}
div#sp_fix_footer a i.fc.fc-cart {
  font-size : 1.333rem;
  /* margin-top : -0.3rem; */
  margin-right : 0.380rem;
}
div#sp_fix_footer a i.fc.fc-tel {
  font-size : 0.952rem;
  /* margin-top : -0.2rem; */
  margin-right : 0.25rem;
}



div.fb-like.fb_iframe_widget > span{
  vertical-align: baseline!important;
}

img.closeup_banner {
  margin-bottom: 15px;
}

/* クローズアップ
================================================== */
.closeup_images img.main_img {
  max-width: 680px;
  height: auto;
}
@media all and ( max-width:  750px) {
  .closeup_images img.main_img {
    max-width: 100%;
    height: auto;
  }
}


.header_r_list{
  
display: flex;
  
-js-display: flex;
  
display: -webkit-flex;
  
-webkit-justify-content: flex-end;
  
justify-content: flex-end;
  
flex-flow: row nowrap;
  
-webkit-flex-flow: row nowrap;
  
align-items: center;
  
-webkit-align-items: center;
}
.header_r_listitem:not(:last-child){
  
margin-right: 20px;
}
@media only screen and (max-width: 991px) {
.header_r_listitem{
  
margin-right: 12px;
}
}
.header_r_listitem a{
  
text-decoration: none;
  
padding: 25px 0;
  
font-weight: 700;
  
font-size: 16px;
  
letter-spacing: 0.03em;
}
@media only screen and (max-width: 991px) {
	.header_r_listitem a{
        font-size : 14px;
        letter-spacing: 0;
 }
}

.header_r_listitem--insta{
  
font-size: 28px;
  
margin-left: 9px;
}
.header_r_listitem--insta a{
  
display: block;
}



.header_r_list_under{
    display: flex;
    -js-display: flex;
    display: -webkit-flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    align-items: center;
    -webkit-align-items: center;
    margin-top: 10px;
}

.language_outer{
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #cbba9d;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    min-width: 120px;
}
 .language_outer--recipe{
 	
min-width: 120px;
 	
margin-right: 10px;
 }
.language_link{
  display: flex;
  -js-display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
  justify-content: center;
  flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  align-items: center;
  -webkit-align-items: center;
  text-decoration: none;
  outline: 0;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  padding: 3px 20px 3px 20px;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid #fff;
  background-color: #e9deca;
  font-size: 16px;
  font-weight: bold;
  /* font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; */
}
.language_link:hover{
    text-decoration:none;
}
.language_menu{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 1000;
}
.language_outer--recipe .language_menu{
	display : none;
}
.language_menu li{
  overflow: hidden;
  width: 115px;
  white-space: nowrap;
  height: 0;
  color: #653e18;
  text-indent: 1px;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
.language_outer--recipe .language_menu li{
	height: auto;
	border-top: 1px solid #cbba9e;
	border-bottom: 1px solid #cbba9e;
	width: auto;
}
.language_outer:hover .language_menu li
{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #cbba9e;
  border-bottom: 1px solid #cbba9e;
}
.language_outer--recipe:hover .language_menu li
{
  height: auto;
}

.language_menu li a{
    color: #653e18;
    padding: 13px 15px;
    background: #efeeeb url(../images/top_img_bk.jpg) repeat 0 0;
    font-size: 12px;
    display: block;
    text-decoration: none;
}
.language_outer--recipe .language_menu li a{
	
width: 150px;
	
overflow-wrap: break-word;
	
word-wrap: break-word;
	
white-space: normal;
}
.language_menu li a:hover{
  background: #96a851;
  color: #FFF;
}
@media only screen and (max-width: 750px) {
  .header_r_list_under{
}

.language_outer{
}
.language_link{

}
.language_link:hover{
}
.language_menu{left: -0.2rem;display: none;}
.language_menu li{height: auto;margin-right: 0!important;width: 1.75rem;}
.language_outer:hover .language_menu li
{
}

.language_menu li a{
  /* padding: 0.13rem 0.15rem;font-size: 0.2rem; */
  padding: 0.23rem 0.25rem;font-size: 0.3rem;
}
.language_menu li a:hover{
}
.header_r_listitem--lang{
  
position: relative;
}

}





.fview{height: 320px;/* background-attachment: fixed; *//* width: 100vw; */background-size: contain;background-position: 0 115px;}
.fview::before {
  position: fixed;
  top: 115px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 320px;
  -webkit-background-size: contain;
  background-size: cover;
  background-position: center;
  content: "";
  /* background-image: url(../images/products/fview.jpg); */
  background-repeat: no-repeat;
}
@media only screen and (max-width: 750px) {
.fview::before { 
    height: 3.2rem;
    top : 1rem;
}
}

@media only screen and (max-width: 1220px) and (min-width : 751px) {
.fview{
    
background-size: auto;
}
}

.fview__ttl{display: flex;-js-display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;align-items: center;-webkit-align-items: center;flex-flow: column nowrap;-webkit-flex-flow: column nowrap;padding-top: 134px;}
.fview__ttlen{text-align: center;font-family: "Passion One";color: #fff;font-size: 42px;font-weight: normal;letter-spacing: 0.02em;}
body:lang(zh-cmn-Hant) .fview__ttlen{font-family : 'Noto Sans TC', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
body:lang(zh-cmn-Hans) .fview__ttlen{font-family : 'Noto Sans SC', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
.fview__ttlbar{width: 50px;border-bottom: 1px solid #fff;margin-left: auto;margin-right: auto;margin-top: 15px;}
@media only screen and (max-width: 750px) {
.fview{
    height: 3.2rem;
    /* margin-bottom: 1.2rem; */
    background-position: 0 1rem;
}
.fview__ttl{
    padding-top: 1.26rem;
}
.fview__ttlen{
    font-size: 0.52rem;
}
.fview__ttlbar{
    width: 0.5rem;
    margin-top: 0.11rem;
}
}

.contentsarea{
  background-color: #F9F5EB;
  padding-top: 120px;
}
@media only screen and (max-width: 750px) {
  .contentsarea{
    padding-top: 1.2rem;
  }
}


.secinner {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

@media print, screen and (max-width: 1040px) {
  .secinner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media print, screen and (max-width: 750px) {
  .secinner {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    width: 100%;
  }
}



.animebtn{
	position: relative;
	overflow: hidden;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.animebtn:before{
	content: "";
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	width: 10px;
	height: 10px;
	border-radius: 30%;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	margin: auto;
}
.animebtn--1:before{
	background-color: #8AA54A;
}
.animebtn--2:before{
	background-color: #fff;
}
.animebtn--3:before{
	background-color: #000;
}
.animebtn--4:before{
	background-color: #fff;
}




@media all and ( min-width:  751px) {
	.animebtn:hover:before, .animebtn:focus:before {
		width: 160%;
		height: 350%;
		opacity: 1;
		left: -10px;
		top: -60px;
		}	
	.animebtn--1:hover *,.animebtn--1:focus *{
		/* color: #C40926!important; */
		color: #fff!important;
	}
.animebtn--2:hover *,.animebtn--2:focus *{
		color: #222!important;
	}
.animebtn--3:hover *,.animebtn--3:focus *{
		color: #fff!important;
	}
.animebtn--4:hover *,.animebtn--4:focus *{
		color: #C40926!important;
}
}

.grecaptcha-badge {
  transform: scale(1);
  width: 70px !important;
  bottom: 0 !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 0 !important;
}
.grecaptcha-badge:hover {
  width: 256px !important;
}
.grecaptcha-badge .grecaptcha-logo{
  border-radius: 3px;
  overflow: hidden;
}
.grecaptcha-badge:hover .grecaptcha-logo {
  border-radius: 0;
  overflow: visible;
}