@charset "UTF-8";

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Noto Sans JP', sans-serif;
}

.entry-header {
	position: relative;
  height: 111px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* メニューボタン */
.home-link {
  position: relative;
	top: 0;
  left: 0;
  height: 80px;
  width: auto;
  margin-right: 12px;
  justify-content: space-between;
  display: flex;
  z-index: 6;
}
.home-link a {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin-right: 6px;
}
.home-link a.return{
  margin-left: 4px;
  margin-right: 0;
}
.header-list-flex{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-link a>div{
  height: 80px;
  width: 115px;
  border: 3px solid #00400a;
  border-radius: 10px;
  background-color: #fff;
}
.home-link a>.current{
  background-color: #00400a;
}
.home-link a.return>div{
  width: 80px;
}
.home-link a:active>div{
  background-color: #dff6da;
}
.home-link a>div::before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: #00400a;
  border-radius: 10px;
  top: 3px;
  left: 0;
  z-index: -1;
}
.home-link a.hide-in-display {
  margin-right: 0;
  opacity: 0;
  max-width: 0;
  display: block;
}
#central,
#beef,
#danti,
#bio,
#outoftown,
#return{
  width: 43px;
  height: 46px;
  margin-top: 6px;
}
#bio{
  height: 43px;
  margin-top: 9px;
}
#return{
  width: 32px;
  height: 28px;
  margin: 14px auto 6px;
  background: transparent url(../assets/img/return.svg) no-repeat center center / contain;
}
#central{
  background: transparent url(../assets/img/central.svg) no-repeat center center / contain;
}
.current #central{
  background: transparent url(../assets/img/central-w.svg) no-repeat center center / contain;
}
#beef{
  background: transparent url(../assets/img/beef.svg) no-repeat center center / contain;
}
.current #beef{
  background: transparent url(../assets/img/beef-w.svg) no-repeat center center / contain;
}
#danti{
  background: transparent url(../assets/img/cow_milk.svg) no-repeat center center / contain;
}
.current #danti{
  background: transparent url(../assets/img/cow_milk-w.svg) no-repeat center center / contain;
}
#bio{
  background: transparent url(../assets/img/bio.svg) no-repeat center center / contain;
}
.current #bio{
  background: transparent url(../assets/img/bio-w.svg) no-repeat center center / contain;
}
#outoftown{
  background: transparent url(../assets/img/outoftown.svg) no-repeat center center / contain;
}
.current #outoftown{
  background: transparent url(../assets/img/outoftown-w.svg) no-repeat center center / contain;
}
.home-link p{
  letter-spacing: 0.6px;
  color: #00400a;
  margin-bottom: 0px !important;
  text-align: center;
  line-height: 20px;
  font-size: 14px !important;
}
.home-link a>.current p{
  color: #fff;
}
.home-link .return p{
  font-size: 10px !important;
  line-height: 1;
}
.home-link #bio+p{
  letter-spacing: -2.3px;
}

.entry-subttl {
	position: fixed;
}
.entry-content {
	margin-top: 0 !important;
}

/* 展示モードで 戻る を消す */
.mode-unlock .hide-in-display {
  opacity: 1 !important;
  max-width: none !important;
}

/* クッキー設定ボタン */
#btn-mode-unlock {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  opacity: 0;
}


/* スライダーボタン */
.swiper-button-prev,
.swiper-button-next{
  display: block !important;
  text-align: center;
  width: 106px !important;
  height: 50px !important;
  padding-top: 2px;
  border: 3px solid #00400a;
  border-radius: 10px;
  background-color: #00400a;
  font-size: 1.25rem;
  color: #00400a !important;
  font-weight: 700;
  top: auto !important;
  bottom: 50px;
}
.swiper-button-prev{
  padding-left: 36px;
  left: 0 !important;
}
.swiper-button-next{
  padding-right: 36px;
  right: 0 !important;
}
.swiper-button-prev:active,
.swiper-button-next:active{
  background-color: #dff6da;
}
.swiper-button-prev::before,
.swiper-button-next::before{
  position: absolute;
  content: '';
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  background-color: #fff;
  border: 3px solid #00400a;
  border-radius: 10px;
  top: -6px;
  left: -3px;
  z-index: -1;
}
.swiper-button-prev::after,
.swiper-button-next::after{
  display: none;
}
.swiper-button-prev span,
.swiper-button-next span{
  position: absolute;
  top: 16px;
  right: 30px;
}
.swiper-button-prev span{
  top: 21px;
  right: auto;
  left: 30px;
  transform: rotate(180deg);
}
.swiper-button-prev span::before,
.swiper-button-prev span::after,
.swiper-button-next span::before,
.swiper-button-next span::after{
  position: absolute;
  content: '';
  width: 16px;
  height: 5px;
  background-color: #00400a;
}
.swiper-button-prev span::before,
.swiper-button-next span::before{
  transform: rotate(45deg) translate(-3px, -3px);
}
.swiper-button-prev span::after,
.swiper-button-next span::after{
  transform: rotate(-45deg) translate(-3px, 3px);
}


/* QR */
.qr_content{
  position: relative;
  height: 657px;
  margin: 0 auto;
}
/* QR「戻る」ボタン */
.return_qr{
  text-decoration: none;
  position: absolute;
  display: block !important;
  text-align: center;
  width: 106px !important;
  height: 50px !important;
  padding-top: 2px;
  padding-left: 36px;
  border: 3px solid #00400a;
  border-radius: 10px;
  background-color: #00400a;
  font-size: 1.25rem;
  color: #00400a !important;
  font-weight: 700;
  top: auto !important;
  bottom: 50px;
  left: 0 !important;
  z-index: 10;
}
.return_qr:active::before{
  background-color: #dff6da;
}
.return_qr::before{
  position: absolute;
  content: '';
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  background-color: #fff;
  border: 3px solid #00400a;
  border-radius: 10px;
  top: -6px;
  left: -3px;
  z-index: -1;
}
.return_qr::after{
  display: none;
}
.return_qr span{
  position: absolute;
  top: 21px;
  right: auto;
  left: 30px;
  transform: rotate(180deg);
}
.return_qr span::before,
.return_qr span::after{
  position: absolute;
  content: '';
  width: 16px;
  height: 5px;
  background-color: #00400a;
}
.return_qr span::before{
  transform: rotate(45deg) translate(-3px, -3px);
}
.return_qr span::after{
  transform: rotate(-45deg) translate(-3px, 3px);
}

h1.farm span{
  background-color: #e6ce4a;
  border-color: #d5ab48;
}