@charset "UTF-8";
/* --------------------------------------------------
  レシピページ /recipe/ 下層共通
-------------------------------------------------- */
body {
  background: url(/meshimaru/img/eatrice/sub-page-title-back.jpg) center/auto;
}
#sub-page-title {
  margin: 0 auto -120px;
}
#sub-page-title hgroup {
  margin-bottom: 60px;
}
#sub-page-title .h-image {
  margin: 0 0 0 -18px;
}
#sub-page-title h1 span {
  letter-spacing: 0.17em;
}
#sub-page-title h1 strong {
  margin-top: 8px;
  letter-spacing: 0.17em;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  #sub-page-title {
    margin: 30px auto 0;
    padding: 50px 20px 0;
  }
  #sub-page-title::after {
    height: 180vw;
  }
  #sub-page-title hgroup {
    margin-bottom: 0;
  }
  #sub-page-title hgroup img {
    width: 127px;
  }
  #sub-page-title h1 {
    margin: 20px 0 28px;
  }
  #sub-page-title h1 span {
    letter-spacing: 0.07em;
  }
  #sub-page-title h1 strong{
    margin-top: 0;
    letter-spacing: 0.09em;
    white-space: nowrap;
  }
}

#page > section {
  padding: 100px 0 160px;
}
.recipe-wrap {
  margin-top: 75px;
  position: relative;
}
#tab {
  padding: 0 15px;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 20px;
  position: absolute;
  top: -71px;
  left: 0;
  z-index: 0;
}
#tab li {
  width: 33%;
  max-width: 242px;
  height: 72px;
  list-style: none;
}
#tab li a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: #fff;
  border-radius: 20px 20px 0 0;
  border: solid 4px #CCC;
  border-bottom: none;  
  color: #42210B;
  font-size: 2.2rem;
  font-weight: 900;
  letter-spacing: -0.01em;
  transition: opacity .3s;
}
#tab li a:hover {
  text-decoration: none;
  opacity: 0.8;
}
#tab li.active a {
  border: solid 4px #79B925;
  border-bottom: none;
  color: #79B925;
}
#tab li.active a img {
  filter: brightness(0) saturate(100%) invert(62%) sepia(73%) saturate(461%) hue-rotate(43deg) brightness(90%) contrast(88%);
}
.tab-hide {
  padding: 0 19px;
  width: 100%;
  height: 5px;
  display: flex;
  justify-content: center;
  gap: 28px; /* border-width分 8pxプラス */
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.tab-hide span {
  width: calc((100% - 8px)/3);
  height: 100%;
  max-width: 234px;
}
.tab-hide span.active {
  background: #fff;
}
#contents {
  padding: 65px 50px 95px;
  background: #fff;
  border: solid 4px #79B925;
  border-radius: 20px;
  z-index: 1;
  position: relative;
}

@media screen and (max-width: 767px) {
  #page > section {
    padding: 70px 0 120px;
  }
  .recipe-wrap {
    margin-top: 88px;
    position: relative;
  }
  #tab {
    padding: 0 10px;
    gap: 5px;
    top: -88px;
  }
  #tab li {
    width: calc((100% - 10px)/3);
    height: 90px;
  }
  #tab li a {
    padding-top: 6px;
    flex-direction: column-reverse;
    justify-content: flex-end;
    gap: 4px;
    font-size: 1.7rem;
    line-height: 1.1;
    letter-spacing: 0.05em;
    text-align: center;
  }
  #tab li img {
    width: 33px;
    height: auto;
  }
  #tab li:nth-child(3) img {
    width: 41.4px;
  }
  .tab-hide {
    padding: 0 14px;
    gap: 13px;
  }
  .tab-hide span {
    width: calc((100% - 8px)/3);
  }
  #contents {
    padding: 52px 22px 60px;
  }
}

/* --------------------------------------------------
  レシピ一覧 index
-------------------------------------------------- */
#index h2 {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* カテゴリ別 */
#index h2 {
  display: none;
}
#index h2.active {
  display: flex;
}
/**/

#index p.description {
  margin: 0 0 40px;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.17em;
  text-align: center;
}
#index #list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 35px;
  list-style: none;
}
#index #list li {
  width: calc((100% - 70px) /3);
}
#index #list li:nth-child(n+6){
  display: block;
}
#index #list li a {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #42210B;
}
#index #list .img-wrap {
  width: 100%;
  aspect-ratio: 23/15;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  overflow: hidden;
}
#index #list .img-wrap img {
  width: 100%;
  transition: all .3s;
}
#index #list li a:hover .img-wrap img {
  scale: 1.04;
}
#index #list li strong {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.55;
  transition: all .3s;
}
#index #list li a:hover {
  color: #79B925;
  text-decoration: none;
}
#index #list li a:hover strong {
  color: #79B925;
  text-decoration: none;
}
#index .sp-btn-more {
  display: none;
}

@media screen and (max-width: 767px) {
  #index h2 {
    margin-bottom: 24px;
  }
  #index h2 img {
    height: 40px;
    width: auto;
  }
  #index p.description {
    margin: 0 0 24px;
    font-size: 1.8rem;
    letter-spacing: 0.13em;
    line-height: 1.83;
  }
  #index #list {
    flex-direction: column;
    align-items: center;
    gap: 28px;
  }
  #index #list li {
    width: 100%;
    max-width: 360px;
  }
  #index #list li:nth-child(n+6){
    display: none;
  }
  #index #contents.open #list li:nth-child(n+6){
    display: block;
  }
  #index .sp-btn-more {
    display: block;
    margin-top: 40px;
    text-align: center;
  }
  #index .sp-btn-more a {
    margin: 0 auto;
    max-width: none;
    width: 256px;
    height: 65px;
    font-size: 2.2rem;
    letter-spacing: 0.17em;
  }
  #index .sp-btn-more.btn_cm a::after {
    content: none;
  }
  #index #contents.open .sp-btn-more {
    display: none;
  }
}

/* --------------------------------------------------
  各レシピページ post
-------------------------------------------------- */
#post #contents {
  padding-bottom: 75px;
}
#post section {
  max-width: 765px;
  margin: 0 auto;
}
#post h2 {
  margin: 0 0 12px;
  padding: 0 0 12px;
  width: 100%;
  border-bottom: dotted 3px #79B925;
  font-size: 3.8rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.3;
}
#post .post-body {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
#post #post-detail {
  margin: 30px 0 0;
  padding-bottom: 70px;
  border-bottom: dotted 3px #79B925;
}
#post #post-detail img.main {
  width: 100%;
  height: auto;
}
#post h3 {
  margin: 70px 0 40px;
  padding: 7.5px 24px;
  width: 100%;
  min-height: 50px;
  background: #79B925;
  border-radius: 10vw;
  color: #fff;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.3;
}
#post .recipe img {
  width: 100%;
  height: auto;
}
#post .recipe > .clearfix {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}
#post .recipe > .clearfix::after {
  display: none;
}
#post .recipe .left {
  width: 46.4%;
}
#post .recipe .right {
  width: 46.4%;
}
#post .recipe h4 {
  margin-bottom: 5px;
  border-bottom: solid 2px #79B925;
  font-size: 2.2rem;
  font-weight: 900;
}
#post .recipe h4 span {
  padding-left: 6px;
  font-size: 1.6rem;
}
#post .recipe .left > p {
  text-align: right;
  margin-bottom: 4px;
  padding: 0 5px;
  font-size: 1.5rem;
}
#post .recipe .left li {
  padding: 10px 15px;
  border-bottom: solid 1px #C1C1C1;
  list-style: none;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.3;
}
#post .recipe .right h4 {
  margin-bottom: 0;
}
#post .recipe .right li {
  padding: 12px 20px;
  border-bottom: solid 1px #C1C1C1;
  list-style: none;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.5;
}
#post .recipe .right li span {
  margin-bottom: 6px;
  padding: 6.5px 10px;
  display: inline-block;
  background: #79B925;
  border-radius: 4px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.17em;
  line-height: 1;
}
#post .recipe .right li li {
  border-bottom: none;
  padding: 8px 0 0 0;
  font-size: 1.4rem;
  display: flex;
  align-items: flex-start;
}
#post .recipe .right li img {
   margin-top: 10px;
  max-width: 100%;
  height: auto;
}
#post .recipe .right li li::before {
  content: '●';
  color: #79B925;
  font-size: 0.8rem;
  padding: 5px 5px 0 0;
}
#post .recipe .point {
  border-radius: 10px;
  margin-top: 30px;
  padding: 20px 30px;
  background: #FFF9BB;
  position: relative;
}
#post .recipe .point::before {
  content: 'POINT!';
  width: 150px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #79B925;
  color: #fff;
  font-size: 2.36rem;
  font-weight: 900;
  letter-spacing: 0.17em;
  line-height: 1;
  position: absolute;
  top: 18px;
  left: 0;
}
#post .recipe .point::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 21px solid transparent;
  border-bottom: 21px solid transparent;
  border-right: 14px solid #FFF9BB;
  border-left: 0;
  position: absolute;
  top: 18px;
  left: 150px;
  transform: translateX(-100%);
}
#post .recipe .point strong {
  margin: 4px 0;
  padding-left: 132px;
  display: block;
  color: #79B925;
  font-weight: 900;
  font-size: 2.3rem;
  letter-spacing: 0.1em;
  line-height: 1.3;
}
#post .recipe .point p {
  padding: 10px 0;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.55;
}
/* 博多和牛と博多のトマトのすき焼き丼　用処理 */
#post .recipe .point ol, #post .recipe .point ul {
  margin-top: 18px;
}
#post .recipe .point ol li , #post .recipe .point ul li {
  margin-top: 10px;
  list-style: none;
}
#post .recipe .point ol li strong, #post .recipe .point ul li strong {
  padding-left: 0;
}
#post .recipe .point ol li p , #post .recipe .point ul li p {
  padding: 0;
}
/* 博多和牛と博多のトマトのすき焼き丼　用処理　END */
#post .advice {
  margin: 70px 0 0;
  padding: 30px 36px;
  background: #e3fcc2;
  border-radius: 10px;
}
#post .advice dl {
  display: flex;
  gap: 40px;
}
#post .advice dl.clearfix::after {
  display: none;
}
#post .advice dt {
  border-radius: 10px;
  overflow: hidden;
  width: 180px;
  flex-shrink: 0;
}
#post .advice dd {}
#post .advice dd > strong {
  margin-top: 3px;
  margin-left: -5px;
  padding: 7px 22px 7px 53px;
  display: inline-block;
  background: #79B925;
  border-radius: 10vw;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  position: relative;
}
#post .advice dd > strong::before {
  content: '';
  display: block;
  width: 54px;
  height: 57.4px;
  background: url(/meshimaru/img/recipe/recipe-msmr.png) no-repeat center/contain;
  position: absolute;
  left: -12px;
  top: 40%;
  translate: 0 -50%;
  transform-origin: center bottom;
  animation: swing 2400ms steps(2, end) infinite;
}
@keyframes swing {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(25deg);
  }
}
#post .advice dd p {
  margin-top: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.71;
}
#post .advice dd > div {
  margin-top: 20px;
}
#post .advice dd > div strong {
  border-bottom: solid 1px #42210b;
  width: 100%;
  display: block;
  padding-bottom: 5px;
  font-size: 1.7rem;
  font-weight: 700;
}
#post .advice dd > div p {
  margin-top: 10px;
  font-weight: 500;
  font-size: 1.5rem;
}

#post #list {
  padding: 45px 0 0;
}
#post #list .other {
  margin-bottom: 27px;
  font-size: 2.3rem;
  font-weight: 900;
  letter-spacing: 0.17em;
  text-align: center;
}
#post #list .other-slide .slick-list {
  margin: 0 -10px;
}
#post #list .other-slide .slick-slide {
  margin: 0 10px;
}
#post #list .other-slide a {
  color: #42210B;
  text-decoration: none;
}
#post #list .other-slide a:hover {
  text-decoration: none;
  color: #79B925;
}
#post #list .other-slide a:hover img {
  opacity: 1;
  transform: scale(1.04);
}
#post #list .other-slide dt {
  margin-bottom: 8px;
  border-radius: 20px;
  overflow: hidden;
}
#post #list .other-slide dt img {
  width: 100%;
  transition: all .3s;
}
#post #list .other-slide dd {
  font-size: 1.57rem;
  font-weight: bold;
  line-height: 1.55;
}
.slick-arrow {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #86c03f;
  border-radius: 50%;
  box-shadow: 0 4px 0 #006837;
  position: absolute;
  top: 50%;
  z-index: 10;
  transition: all .2s;
}
.slick-arrow:hover {
  box-shadow: 0 1px 0 #006837;
  top: calc(50% + 3px);
}
.slick-arrow img {
  width: 12px;
}
.prev-arrow {
  left: 0%;
  transform: translate(-120%,-80%);
  scale: (-1,1);
}
.prev-arrow img {
  transform: scale(-1,1);
}
.next-arrow {
  right: 0%;
  transform: translate(120%,-80%);
}

@media screen and (max-width: 767px) {
  #post #contents {
    padding: 45px 22px 62px;
  }
  #post h2 {
    font-size: 2.2rem;
    line-height: 1.4;
  }
  #post .post-body {
    font-size: 1.4rem;
    line-height: 1.85;
  }
  #post #post-detail {
    margin: 20px 0 0;
    padding-bottom: 50px;
  }
  #post h3 {
    margin: 40px 0 30px;
    padding: 7px 20px;
    min-height: 35px;
    font-size: 1.9rem;
    font-weight: 700;
    letter-spacing: 0.1em;
  }
  #post .recipe {
    margin-bottom: 50px;
  }
  #post .recipe img {
    width: 100%;
    height: auto;
  }
  #post .recipe > .clearfix {
    margin-top: 30px;
    display: block;
  }
  #post .recipe h4 {
    padding-bottom: 4px;
    margin-bottom: 4px;
    font-size: 1.8rem;
  }
  #post .recipe h4 span {
    font-size: 1.4rem;
  }
  #post .recipe .left {
    width: 100%;
  }
  #post .recipe .left li {
    padding: 8px 14px;
    font-size: 1.4rem;
  }
  #post .recipe .right {
    margin-top: 26px;
    width: 100%;
  }
  #post .recipe .right li {
    padding: 12px;
    font-size: 1.4rem;
  }
  #post .recipe .right li span {
    padding: 6px 9px;
    font-size: 1.25rem;
  }
  #post .recipe .point {
    margin-top: 20px;
    padding: 20px;
  }
  #post .recipe .point::before {
    width: 100px;
    height: 28px;
    font-size: 1.6rem;
    top: 15px;
  }
  #post .recipe .point::after {
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 10px solid #FFF9BB;
    left: 100px;
    top: 15px;
  }
  #post .recipe .point strong {
    margin-top: 33px;
    padding: 0;
    font-size: 1.8rem;
  }
  #post .recipe .point p {
    padding: 5px 0 0;
    font-size: 1.5rem;
    letter-spacing: 0.08em;
  }
  #post .advice {
    margin: 60px 0 0;
    padding: 24px;
  }
  #post .advice dl {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  #post .advice dt {
    width: 140px;
  }
  #post .advice dt img {
    width: 100%;
    height: auto;
  }
  #post .advice dd > strong {
    font-size: 1.5rem;
    line-height: 1.3;
  }
  #post .advice dd > strong::before {
    width: 47px;
    height: 50px;
    left: -8px;
    top: 50%;
  }
  #post .advice dd p {
    font-size: 1.5rem;
  }
  #post .advice dd > div {
    margin-top: 12px;
  }
  #post .advice dd > div strong {
    padding-bottom: 4px;
    font-size: 1.6rem;
  }
  #post .advice dd > div p {
    margin-top: 6px;
    font-size: 1.27rem;
  }
  #post #list {
    padding-top: 32px;
  }
  #post #list .other {
    margin-bottom: 20px;
  }
  #post #list .other-slide {
    padding: 0 12px;
  }
  #post #list .other-slide dd {
    font-size: 1.7rem;
  }
  .slick-arrow {
    width: 30px;
    height: 30px;
  }
  .slick-arrow img {
    width: 7.5px;
  }
  .prev-arrow {
    transform: translate(-105%,-80%);
  }
  .next-arrow {
    transform: translate(105%,-80%);
  }
}
/* --------------------------------------------------
  アニメーション
-------------------------------------------------- */
.img-onigiri {
  top: 150px;
  left: -180px;
}
.img-gohan {
  top: 50%;
  right: -170px;
}
.img-kome {
  bottom: -200px;
  left: -70px;
}
@media screen and (max-width: 767px) {
  .img-onigiri {
    top: 10%;
    left: -76px;
  }
  .img-gohan {
    top: 52%;
    right: -100px;
  }
  .img-kome {
    bottom: -140px;
    left: -10px;
  }
}







/* --------------------------------------------------




以下前回の
-------------------------------------------------- 


section h2#listTitle { margin: 0 0 0.5em 0; color: #a19148; font-size: 180%; }
section p.description { margin: 0 0 30px 0; font-size: 110%; font-weight: 700; }
section ul#list { width: 1040px; list-style: none; }
section ul#list li { margin: 0 42px 45px 0; width: 218px; font-size: 90%; float: left; }
section ul#list li a { color: #333; }
section ul#list img { margin: 0 0 1em 0; }
section ul#list strong { font-weight: 400; }
section div#recipes { width: 650px; float: left; }
section div#recipes img.main { margin: 20px 0; width: 100%; height: auto; }
section div.title { margin: 0 0 10px 0; }
section div.title h2 { color: #8f8038; font-size: 200%; line-height: 1.3; }
section div.post-body { margin: 0 0 20px 0; }
section div.recipe { margin: 0 0 100px 0; }
section div.recipe h3 { margin: 0 0 24px 0; padding: 3px 20px; background: #e8e1b5; border-radius: 50px; font-size: 140%; }
section div.recipe h4 { margin: 0 0 12px 0; padding: 5px 0; border-bottom: solid 2px #8f8038; color: #8f8038; font-size: 120%; }
section div.recipe h4 span { font-size: 90%; }
section div.recipe img { margin: 0 0 20px 0; }
section div.recipe div.left { width: 300px; float: left; }
section div.recipe div.left p { margin: 0 0 10px 0; color: #8f8038; font-size: 90%; }
section div.recipe div.left ul { border-top: dotted 2px #b9af82; list-style: none; }
section div.recipe div.left li { padding: 5px; border-bottom: dotted 2px #b9af82; }
section div.recipe div.right { width: 300px; float: right; }
section div.recipe div.right ol { list-style: none; }
section div.recipe div.right li { margin: 0 0 12px 0; }
section div.recipe div.right li span { margin: 0 0 5px 0; padding: 3px 15px; background: #c7b550; border-radius: 4px; color: #fff; font-size: 110%; font-weight: 700; display: inline-block; }
section div.recipe div.right li ul { margin: 0 0 0 2em; }
section div.recipe div.right li li { margin: 0; }
section div.recipe div.right li img { margin: 5px 0; width: 100%; height: auto; }
section div.recipe div.point { margin: 20px 0 0 0; padding: 15px 0; border: dotted 5px #c7b550; }
section div.recipe div.point strong { margin: 0 0 15px -5px; padding: 0 30px 0 164px; background: url(../images/recipe/point.png) 0 center no-repeat; color: #8f8038; font-size: 140%; display: block; }
section div.recipe div.point p { margin: 0 30px; }
section div.recipe div.point ol { list-style: none; }
section div.recipe div.point li { margin: 10px 30px; }
section div.recipe div.point li strong { margin: 0 0 3px 0; padding: 0; background: none; font-size: 105%; }
section div.recipe div.point li p { margin: 0; }
section div.advice { margin: 150px 0 0 0; padding: 30px 0 35px 0; border: solid 9px #c7b550; border-width: 9px 0; }
section div.advice dt { width: 180px; float: right; }
section div.advice dd { width: 420px; float: left; }
section div.advice dd strong { margin: 0 0 0.5em 0; padding: 90px 0 0 0; background: url(../images/recipe/advice.png) 4px top no-repeat; color: #8f8038; font-size: 130%; display: block; }
section div.advice dd div { margin: 30px 0 0 0; }
section div.advice dd div strong { margin: 0 0 0.3em 0; padding: 0; background: none; color: #333; font-size: 110%; }
section div.w650 { margin: 50px 0 100px 0; width: 650px; }
section div#list { width: 305px; float: right; }
section div#list ul { border-top: dotted 1px #d9d9d9; list-style: none; }
section div#list li { border-bottom: dotted 1px #d9d9d9; }
section div#list li a { padding: 6px 0; background: url(../images/common/arrow.png) right 6px center no-repeat; font-size: 90%; display: block; }
section div#list dl {}
section div#list dt { width: 57px; float: left; }
section div#list dd { width: 220px; float: left; }
*/

.kensanFood, .kensanFood_vol4, .kensanFood_vol5, .kensanFood_vol7, .kensanFood_vol8, .kensanFood_vol9, .kensanFood_vol10, .kensanFood_vol11, .kensanFood_vol12, .kensanFood_vol13, .kensanFood_vol14, .kensanFood_vol15, .kensanFood_vol16, .kensanFood_vol17 {
  display: none;
} 
/*------------ .kensanFood OLD ----------------------------
.kensanFood { padding-top: 40px; padding-bottom: 40px; position: relative; }
.kensanFood .link01 { position: absolute; top: 400px; left: 40px; }
.kensanFood .link02 { position: absolute; top: 400px; left: 245px; }
.kensanFood .link03 { position: absolute; top: 400px; left: 447px; }


.kensanFood_vol4 { padding-top: 40px; padding-bottom: 25px; position: relative; height: 395px; width: 615px; }
.kensanFood_vol4 .link01 { position: absolute; top: 385px; left: 40px; }
.kensanFood_vol4 .link02 { position: absolute; top: 385px; left: 245px; }
.kensanFood_vol4 .link03 { position: absolute; top: 385px; left: 447px; }


.kensanFood_vol5 { padding-top: 40px; padding-bottom: 25px; position: relative; height: 307px; width: 615px; }
.kensanFood_vol5 .link01 { position: absolute; top: 293px; left: 200px; }
.kensanFood_vol5 .link02 { position: absolute; top: 293px; left: 433px; }


.kensanFood_vol7 { padding-top: 40px; padding-bottom: 25px; position: relative; height: 395px; width: 615px; }
.kensanFood_vol7 .link01, .kensanFood_vol7 .link02, .kensanFood_vol7 .link03 { position: absolute; top: 389px; }
.kensanFood_vol7 .link01 { left: 43px; }
.kensanFood_vol7 .link02 { left: 241px; }
.kensanFood_vol7 .link03 { left: 442px; }

.kensanFood_vol8 { padding-top: 40px; padding-bottom: 25px; position: relative; height: 395px; width: 615px; }
.kensanFood_vol8 .link01, .kensanFood_vol8 .link02, .kensanFood_vol8 .link03 { position: absolute; top: 389px; }
.kensanFood_vol8 .link01 { left: 43px; }
.kensanFood_vol8 .link02 { left: 241px; }
.kensanFood_vol8 .link03 { left: 442px; }

.kensanFood_vol9 { padding-top: 40px; padding-bottom: 25px; position: relative; height: 395px; width: 615px; }
.kensanFood_vol9 .link01, .kensanFood_vol9 .link03 { position: absolute; top: 369px; }
.kensanFood_vol9 .link01 { left: 43px; }
.kensanFood_vol9 .link03 { left: 442px; }

.kensanFood_vol10 { padding-top: 40px; padding-bottom: 25px; position: relative; height: 255px; width: 615px; }
.kensanFood_vol10 .link01, .kensanFood_vol10 .link02 { position: absolute; top: 242px;}
.kensanFood_vol10 .link01 { left: 135px; }
.kensanFood_vol10 .link02 { left: 422px; }


.kensanFood_vol11 { padding-top: 40px; padding-bottom: 25px; position: relative; height: 367px; width: 615px; }
.kensanFood_vol11 .link01, .kensanFood_vol11 .link02, .kensanFood_vol11 .link03 { position: absolute; top: 365px; }
.kensanFood_vol11 .link01 { left: 30px; }
.kensanFood_vol11 .link02 { left: 240px; }
.kensanFood_vol11 .link03 { left: 440px; }

.kensanFood_vol12 { padding-top: 40px; padding-bottom: 25px; position: relative; height: 254px; width: 615px; }
.kensanFood_vol12 .link01, .kensanFood_vol12 .link02 { position: absolute; top: 240px; }
.kensanFood_vol12 .link01 { left: 135px; }
.kensanFood_vol12 .link02 { left: 422px; }

.kensanFood_vol13 { padding-top: 40px; padding-bottom: 25px; position: relative; height: 254px; width: 615px; }
.kensanFood_vol13 .link01, .kensanFood_vol13 .link02 { position: absolute; top: 240px; }
.kensanFood_vol13 .link01 { left: 135px; }
.kensanFood_vol13 .link02 { left: 422px; }

.kensanFood_vol14 { padding-top: 40px; padding-bottom: 25px; position: relative; height: 388px; width: 615px; }
.kensanFood_vol14 .link01, .kensanFood_vol14 .link02 { position: absolute; top: 383px; }
.kensanFood_vol14 .link01 { left: 40px; }
.kensanFood_vol14 .link02 { left: 240px; }

.kensanFood_vol15 { padding-top: 40px; padding-bottom: 25px; position: relative; height: 254px; width: 615px; }
.kensanFood_vol15 .link01, .kensanFood_vol15 .link02 { position: absolute; top: 250px; }
.kensanFood_vol15 .link01 { left: 135px; }
.kensanFood_vol15 .link02 { left: 422px; }

.kensanFood_vol16 { padding-top: 40px; padding-bottom: 50px; position: relative; height: 256px; width: 615px; }
.kensanFood_vol16 .link01, .kensanFood_vol16 .link02 { position: absolute; top: 245px; }
.kensanFood_vol16 .link01 { left: 135px; }
.kensanFood_vol16 .link02 { left: 422px; }

.kensanFood_vol17 { padding-top: 40px; padding-bottom: 50px; position: relative; height: 399px; width: 615px; }
.kensanFood_vol17 .link01, .kensanFood_vol17 .link02, .kensanFood_vol17 .link03 { position: absolute; top: 395px; }
.kensanFood_vol17 .link01 { left: 30px; }
.kensanFood_vol17 .link02 { left: 237px; }
.kensanFood_vol17 .link03 {	left: 437px; }
*/

/*
@media screen and (max-width : 767px) {
section ul#tab { border-bottom: none; }
section ul#tab li { margin: 0 0 10px 0; border: none; border-radius: 0; float: none; }
section ul#tab li a { border: solid 1px #8f8038; border-radius: 0; font-size: 110%; text-align: center; }
section ul#tab li.active { border: solid 1px #8f8038; }
section ul#tab li.active a { border: none; }
section ul#tab li span { font-size: 90%; }
section ul#list { width: auto; }
section ul#list li { margin: 0; padding: 20px 0; width: 100%; height: auto !important; border-top: dashed 1px #8f8038; text-align: center; }
section ul#list img { margin: 0 auto 1em auto; width: 218px; display: block; }
section div#recipes { margin: 0 0 40px 0; width: auto; float: none; }
section div.title h2 { font-size: 130%; }
section div.recipe { margin: 0 0 30px 0; }
section div.recipe h3 { font-size: 120%; }
section div.recipe h4 { font-size: 115%; }
section div.recipe img { width: 100%; height: auto;}
section div.recipe div.left { margin: 0 0 15px 0; width: auto; float: none; }
section div.recipe div.right { width: auto; float: none; }
section div.recipe div.right li span { padding: 1px 10px; font-size: 100%; }
section div.recipe div.point { border-width: 3px; }
section div.recipe div.point strong { margin: 0 0 5px -3px; padding: 36px 15px 0 15px ; background-position: left top; background-size: 100px auto; font-size: 120%; }
section div.recipe div.point p { margin: 0 15px; }
section div.recipe div.point li { margin: 5px 15px; }
section div.advice { margin: 40px 0 0 0; padding: 10px 0; border-width: 5px 0; }
section div.advice dt { width: auto; text-align: center; float: none; }
section div.advice dt img { width: 100px; height: auto; }
section div.advice dd { width: auto; float: none; }
section div.advice dd strong { padding: 55px 0 0 0; background-size: auto 50px; font-size: 120%; }
section div.advice dd div { margin: 15px 0 0 0; }
section div.advice dd div strong { font-size: 105%; }
section div.w650 { width: auto; }
section div#list { width: auto; float: none; }
section div#list dl { width: 100%; }
section div#list dt { width: 57px; float: left; }
section div#list dd { margin: 0 30px 0 57px; width: auto; float: none; }
}
*/