@charset "utf-8";
/* =========================================================
特集ページ
============================================================ */
/* MV */
#fishermanjapan .mv {
  margin-bottom: 20px;
}

/* バイヤー */
#fishermanjapan .buyer {
  align-items: top;
  display: flex;
  margin: 0 auto;
  max-width: 1020px;
}

#fishermanjapan .buyer {
  margin-bottom: 20px;
}

#fishermanjapan .buyer .img {
  text-align: center;
  width: calc((400 / 1020) * 100%);
}

#fishermanjapan .buyer .info {
  padding: 0 0 0 20px;
  width: calc(((1020 - 400) / 1020) * 100%);
}

#fishermanjapan .buyer .info .lead {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  position: relative;
}

#fishermanjapan .buyer .lead::after {
  background-color: #64909e;
  bottom: -10px;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 59px;
}

#fishermanjapan .buyer .name {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  padding-bottom: 10px;
  position: relative;
  margin-top: 10px;
}

#fishermanjapan .buyer .name span {
  font-size: 14px;
  font-weight: normal;
  margin-right: 10px;
}

#fishermanjapan .buyer .text {
  font-size: 16px;
  line-height: 1.8em;
}

/* フィッシャーマンジャパンとは */
#fishermanjapan .about {
  margin-bottom: 80px;
}

#fishermanjapan .about h3 {
  background-color: #2a2a2a;
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  padding: 27px 10px;
  text-align: center;
}

#fishermanjapan .about p {
  background-color: #2a2a2a;
  color: #fff;
  font-size: 18px;
  line-height: 2.2;
  padding: 25px 60px 40px;
}

/* フィッシャーマン1, 2, 3 */
#fishermanjapan .fisherMans h3 {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 47px;
}

#fishermanjapan .fisherMans .content:not(:last-child) {
  margin-bottom: 50px;
}

#fishermanjapan .fisherMans .content {
  background-color: #eee;
  padding-bottom: 40px;
}

#fishermanjapan .fisherMans h3 .name {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: .2em;
  line-height: 1.6;
  position: relative;
  text-align: center;
}

#fishermanjapan .fisherMans h3 .name span {
  font-weight: normal;
}

#fishermanjapan .fisherMans h3 .nameRight::before {
  background-image: url(/d_images/campaign/fishermanjapan/icon-wave01.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 93px;
  left: -73px;
  position: absolute;
  top: -50px;
  width: 121px;
}

#fishermanjapan .fisherMans h3 .nameRight span {
  display: block;
  font-size: 16px;
  letter-spacing: .02em;
  transform: scaleX(.9);
}

#fishermanjapan .fisherMans h3 .nameLeft {
  line-height: 1.2;
}

#fishermanjapan .fisherMans h3 .nameLeft::before {
  background-image: url(/d_images/campaign/fishermanjapan/icon-glass01.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 79.13px;
  position: absolute;
  right: -56px;
  top: -30px;
  width: 51.14px;
}

#fishermanjapan .fisherMans h3 .nameLeft .small {
  font-size: 20px;
}

#fishermanjapan .fisherMans h3 .nameLeft .large {
  display: block;
  font-weight: bold;
}

#fishermanjapan .fisherMans h3 .by {
  color: #64909e;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: .01em;
  margin: 0 30px;
}

#fishermanjapan .fisherMans .mvSub {
  margin-bottom: 30px;
}


#fishermanjapan .fisherMans .number span::before {
  background-image: url(/d_images/campaign/fishermanjapan/icon-fish01.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 18.63px;
  left: -16px;
  position: absolute;
  top: -11px;
  width: 22.54px;
}

#fishermanjapan .fisherMans .names {
  align-items: baseline;
  display: flex;
  justify-content: center;
  margin-bottom: 3px;
}

#fishermanjapan .fisherMans {
  text-align: center;
}

#fishermanjapan .fisherMans .degree {
  background-color: #64909e;
  line-height: 1.7;
  display: inline-block;
  text-align: center;
  padding: 0 15px;
}

#fishermanjapan .fisherMans .degree p {
  background-image: url(/d_images/campaign/fishermanjapan/icon-anchor01.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  color: #fff;
  font-size: 20px;
  letter-spacing: .08em;
  text-align: center;
}


#fishermanjapan .fisherMans .names .number {
  color: #2a2a2a;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: .06em;
  text-align: center;
  margin-right: 10px;
}

#fishermanjapan .fisherMans .names .number span {
  position: relative;
}

#fishermanjapan .fisherMans .names .name {
  align-items: flex-end;
  color: #2a2a2a;
  display: flex;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: .06em;
  text-align: center;
}

#fishermanjapan .fisherMans .names .name span {
  font-size: 16px;
  padding-bottom: 5px;
}

#fishermanjapan .fisherMans .text {
  color: #2a2a2a;
  font-size: 18px;
  letter-spacing: .06em;
  margin-bottom: 30px;
  padding: 0 40px;
  text-align: left;
}

#fishermanjapan .fisherMans .detail {
  margin: 0 auto;
  max-width: 600px;
}

#fishermanjapan .fisherMans .detail a {
  align-items: center;
  background-color: #64909e;
  color: #fff;
  display: flex;
  font-size: 20px;
  font-weight: bold;
  height: 58px;
  justify-content: center;
  letter-spacing: .1em;
  padding: 0 10px;
  text-align: center;
}

#fishermanjapan .fisherMans .detailReverse a {
  background-color: #fff;
  border: 2px solid #64909e;
  color: #64909e;
  font-weight: bold;
  height: 58px;
  transition: all .3 ease-in-out;
}

#fishermanjapan .fisherMans .detailReverse a:hover {
  background-color: #64909e;
  color: #fff;
}

/* フッターボタン */
#fishermanjapan .BnrWrap {
  margin: 50px auto 0;
  max-width: 1000px;
  width: 100%;
}

#fishermanjapan .BnrWrap .LinkWrap {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: space-between;
}

#fishermanjapan .BnrWrap .CategoryLink,
#fishermanjapan .BnrWrap .CategoryLink_2nd,
#fishermanjapan .BnrWrap .TopBtn {
  margin: 0 auto;
  width: 100%;
}

#fishermanjapan .BnrWrap .TopBtn {
  margin: 20px auto 0;
}

#fishermanjapan .BnrWrap .CategoryLink a {
  align-items: center;
  background-color: #64909e;
  color: #fff;
  display: flex;
  font-size: 23px;
  font-weight: bold;
  justify-content: center;
  max-width: 480px;
  min-height: 70px;
  padding: 10px;
  text-align: center;
}

#fishermanjapan .BnrWrap .CategoryLink_2nd {
  margin-right: 40px;
}

#fishermanjapan .BnrWrap .CategoryLink_2nd a {
  align-items: center;
  background-color: #64909e;
  color: #fff;
  display: flex;
  font-size: 23px;
  font-weight: bold;
  justify-content: center;
  max-width: 480px;
  min-height: 70px;
  padding: 10px;
  text-align: center;
}

#fishermanjapan .BnrWrap .TopBtn a {
  align-items: center;
  border: 1px solid #7a7778;
  color: #7a7778;
  display: flex;
  font-size: 23px;
  height: 70px;
  justify-content: center;
  margin: 0 auto;
  max-width: 360px;
}

@media screen and (max-width: 915px) and (min-width: 768px) {
  /* フッターボタン */
  #fishermanjapan .BnrWrap {
    margin: 50px auto 0;
    max-width: 100%;
    width: 100%;
  }

  #fishermanjapan .BnrWrap .LinkWrap {
    flex-wrap: wrap;
  }

  #fishermanjapan .BnrWrap .CategoryLink,
  #fishermanjapan .BnrWrap .CategoryLink_2nd,
  #fishermanjapan .BnrWrap .TopBtn {
    margin: 0 auto;
    width: 100%;
  }

  #fishermanjapan .BnrWrap .TopBtn {
    margin: 20px auto 0;
  }

  #fishermanjapan .BnrWrap .CategoryLink a {
    align-items: center;
    background-color: #64909e;
    color: #fff;
    display: flex;
    font-size: 19px;
    font-weight: bold;
    justify-content: center;
    margin: 0 auto;
    max-width: 480px;
    min-height: 70px;
    text-align: center;
    width: 95%;
  }

  #fishermanjapan .BnrWrap .CategoryLink_2nd {
    margin-right: 0;
    margin-top: 20px;
  }

  #fishermanjapan .BnrWrap .CategoryLink_2nd a {
    align-items: center;
    background-color: #64909e;
    color: #fff;
    display: flex;
    font-size: 19px;
    font-weight: bold;
    justify-content: center;
    margin: 0 auto;
    max-width: 480px;
    min-height: 70px;
    text-align: center;
    width: 95%;
  }

  #fishermanjapan .BnrWrap .TopBtn a {
    align-items: center;
    border: 1px solid #7a7778;
    color: #7a7778;
    display: flex;
    font-size: 16px;
    height: 50px;
    justify-content: center;
    margin: 30px auto 0;
    max-width: 360px;
    width: 80%;
  }
}

@media screen and (max-width: 767px) {
  /* バイヤー */
  #fishermanjapan .buyer {
    display: block;
  }

  #fishermanjapan .buyer {
    margin-bottom: 60px;
  }

  #fishermanjapan .buyer .info,
  #fishermanjapan .buyer .img {
    width: 100%;
  }

  #fishermanjapan .buyer .img {
    margin-bottom: 5px;
  }

  #fishermanjapan .buyer .info {
    padding: 0;
  }

  #fishermanjapan .buyer .info .lead {
    font-size: 20px;
  }

  #fishermanjapan .buyer .info .name {
    font-size: 18px;
  }

  /* フィッシャーマンジャパンとは */
  #fishermanjapan .about {
    margin-bottom: 60px;
  }

  #fishermanjapan .about h3 {
    font-size: 19px;
    padding: 13px 5px;
  }

  #fishermanjapan .about p {
    font-size: 15px;
    line-height: 2;
    padding: 20px 30px;
  }

  /* フィッシャーマン1, 2, 3 */
  #fishermanjapan .fisherMans h3 {
    flex-direction: column;
    margin-bottom: 30px;
  }

  #fishermanjapan .fisherMans h3 .name {
    font-size: 27px;
  }

  #fishermanjapan .fisherMans h3 .nameRight::before {
    height: 70px;
    left: -43px;
    top: -34px;
    width: 92px;
  }

  #fishermanjapan .fisherMans h3 .nameLeft::before {
    height: 69.13px;
    right: -47px;
    top: -29px;
    width: 44.14px;
  }

  #fishermanjapan .fisherMans h3 .by {
    margin: -9px 0 -4px;
  }

  #fishermanjapan .fisherMans .mvSub {
    margin-bottom: 25px;
  }

  #fishermanjapan .fisherMans .mvSub img {
    margin: 0 auto;
  }

  #fishermanjapan .fisherMans .number {
    font-size: 14px;
    width: 100%;
    margin: 10px auto 0;
  }

  #fishermanjapan .fisherMans .degree {
    background-color: #64909e;
    line-height: 1.7;
    margin-right: 10px;
  }

  #fishermanjapan .fisherMans .degree p {
    font-size: 16px;
  }

  #fishermanjapan .fisherMans .degree p span {
    font-size: 12px;
  }

  #fishermanjapan .fisherMans .names {
    margin-bottom: 11px;
    flex-wrap: wrap;
    flex-direction: column;
  }

  #fishermanjapan .fisherMans .names .name {
    font-size: 24px;

    margin: 0 auto;
  }

  #fishermanjapan .fisherMans .names .name span {
    font-size: 16px;
    padding-bottom: 3px;
  }

  #fishermanjapan .fisherMans .text {
    font-size: 16px;
    margin-bottom: 20px;
    padding: 0 20px;
  }

  #fishermanjapan .fisherMans .detail {
    width: calc(100% - 40px);
  }

  #fishermanjapan .fisherMans .content {
    padding-bottom: 30px;
  }

  #fishermanjapan .fisherMans .content:not(:last-child) {
    margin-bottom: 27px;
  }

  #fishermanjapan .fisherMans .detail a {
    font-size: 19px;
  }

  /* フッターボタン */
  #fishermanjapan .BnrWrap {
    margin: 50px auto 0;
    max-width: 100%;
    width: 100%;
  }

  #fishermanjapan .BnrWrap .LinkWrap {
    flex-wrap: wrap;
  }

  #fishermanjapan .BnrWrap .CategoryLink,
  #fishermanjapan .BnrWrap .CategoryLink_2nd,
  #fishermanjapan .BnrWrap .TopBtn {
    margin: 0 auto;
    width: 100%;
  }

  #fishermanjapan .BnrWrap .TopBtn {
    margin: 20px auto 0;
  }

  #fishermanjapan .BnrWrap .CategoryLink a {
    align-items: center;
    background-color: #64909e;
    color: #fff;
    display: flex;
    font-size: 19px;
    font-weight: bold;
    justify-content: center;
    margin: 0 auto;
    max-width: 480px;
    min-height: 70px;
    text-align: center;
    width: 95%;
  }

  #fishermanjapan .BnrWrap .CategoryLink_2nd {
    margin-right: 0;
    margin-top: 20px;
  }

  #fishermanjapan .BnrWrap .CategoryLink_2nd a {
    align-items: center;
    background-color: #64909e;
    color: #fff;
    display: flex;
    font-size: 19px;
    font-weight: bold;
    justify-content: center;
    margin: 0 auto;
    max-width: 480px;
    min-height: 70px;
    text-align: center;
    width: 95%;
  }

  #fishermanjapan .BnrWrap .TopBtn a {
    align-items: center;
    border: 1px solid #7a7778;
    color: #7a7778;
    display: flex;
    font-size: 16px;
    height: 50px;
    justify-content: center;
    margin: 30px auto 0;
    max-width: 360px;
    width: 80%;
  }
}

@media screen and (max-width: 350px) {
  #fishermanjapan .fisherMans .detail a {
    font-size: 16px;
    line-height: 1.4;
  }
}

/* =========================================================
商品詳細ページ
============================================================ */
#fishermanjapanGoods {
  margin-bottom: 80px;
}

#fishermanjapanGoods .summry {
  margin-bottom: 50px;
  text-align: center;
}

#fishermanjapanGoods .summry img {
  height: 55px;
  margin: 0 auto 22px;
  width: 66.53px;
}

#fishermanjapanGoods .summry h2 {
  color: #2a2a2a;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: .2em;
}

#fishermanjapanGoods .summry .text {
  color: #2d2d2d;
  font-size: 16px;
  line-height: 2;
  margin-bottom: 20px;
}

#fishermanjapanGoods .simple .number p {
  color: #64909e;
  display: inline-block;
  font-size: 25px;
  letter-spacing: -.045em;
  position: relative;
  text-align: center;
  font-weight: bold;
  background-color: #FFF;
  padding: 0 30px;
}

#fishermanjapanGoods .simple .number p::before{
  left: 0 !important;
}

#fishermanjapanGoods .simple .number p::after{
  right: 0 !important;
}

#fishermanjapanGoods .simple .foodList{
  margin: 0 auto 80px;
  text-align: center;
  font-size: 20px;
  border: 1px solid #64909e;
  padding: 20px 0;
  width: 60%;
}

#fishermanjapanGoods .simple .foodList ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#fishermanjapanGoods .simple .foodList ul li{
  margin-right: 15px;
}

#fishermanjapanGoods .summry .standard {
  color: #2d2d2d;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .1em;
  margin-bottom: 24px;
}

#fishermanjapanGoods .summry .standard span {
  color: #2d2d2d;
  font-size: 14px;
  font-weight: normal;
}


#fishermanjapanGoods .recipeTtl .number {
  text-align: center;
}

#fishermanjapanGoods .recipeTtl .number p {
  color: #64909e;
  display: inline-block;
  font-size: 25px;
  letter-spacing: -.045em;
  position: relative;
  text-align: center;
  font-weight: bold;
}

#fishermanjapanGoods .recipeTtl .number p::before {
  background-image: url(/d_images/campaign/fishermanjapan/fork.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: ""; 
  display: block;
  height: 100px;
  left: -35px;
  position: absolute;
  background-size: 30px auto;
  top: 0;
  width: 30px;
}

#fishermanjapanGoods .recipeTtl .number p::after {
  background-image: url(/d_images/campaign/fishermanjapan/knife.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: ""; 
  display: block;
  height: 80px;
  right: -35px;
  position: absolute;
  background-size: 25px auto;
  top: 0;
  width: 25px;
}

#fishermanjapanGoods .recipeTtl .number span.lead {
  font-size: 18px;
  color: #64909e;
  display: block;
  font-weight: normal;
}

#fishermanjapanGoods .recipeTtl .number span {
  font-size: 28px;
  font-weight: bold;
}

#fishermanjapanGoods .recipe {
  background-color: #eee;
}

#fishermanjapanGoods .recipe {
  padding: 30px 40px;
}

#fishermanjapanGoods .recipe:not(:last-child) {
  margin-bottom: 30px;
}


#fishermanjapanGoods .recipe .ttl {
  text-align: center;
}

#fishermanjapanGoods .recipe .ttl .name {
  color: #2a2a2a;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: .06em;
}

#fishermanjapanGoods .recipe .ttl img {
  margin: 8px 0;
}

#fishermanjapanGoods .recipe .recipeDetail {
  display: flex;
}

#fishermanjapanGoods .mv,
#fishermanjapanGoods .mvOther {
  width: 50%;
}

#fishermanjapanGoods .mv img {
  margin-bottom: 20px;
}

#fishermanjapanGoods .arrenge {
  margin: 0 auto;
  max-width: 600px;
}

#fishermanjapanGoods .arrenge a {
  align-items: center;
  background-color: #64909e;
  color: #fff;
  display: flex;
  font-size: 18px;
  height: 55px;
  justify-content: center;
  letter-spacing: .06em;
  padding: 0 10px;
  text-align: center;
}

#fishermanjapanGoods .mvOther {
  padding-left: 20px;
}

#fishermanjapanGoods .comment {
  margin-bottom: 15px;
}

#fishermanjapanGoods .comment .ttl {
  background-color: #fff;
  color: #64909e;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .06em;
  line-height: 1;
  margin-bottom: 0;
  padding: 20px 5px 13px;
  text-align: center;
}

#fishermanjapanGoods .comment .text {
  background-color: #fff;
  padding: 0 20px 15px 20px;
}

#fishermanjapanGoods .goods {
  align-items: center;
  display: flex;
}

#fishermanjapanGoods .goods .text {
  padding: 0 15px 0 20px;
  width: calc(100% - 48px);
}

#fishermanjapanGoods .goods .text .name,
#fishermanjapanGoods .goods .text .standard {
  color: #2a2a2a;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .06em;
  line-height: 1.6em;
}

#fishermanjapanGoods .goods .text .standard {
  font-weight: normal;
}

#fishermanjapanGoods .goods .text .standard span {
  font-size: 14px;
  font-weight: bold;
}

#fishermanjapanGoods .goods .text .goodBtn{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 10px 0;
}

#fishermanjapanGoods .goods .text .goodBtn a {
  display: flex;
  color: #64909e;
  border: 1px solid #64909e;
  background-color: #FFF;
  height: 40px;
  font-size: 14px;
  width: 70%;
  justify-content: center;
  align-items: center;
}

/* フィッシャーマンジャパンTOPへ */
#fishermanjapanGoods .BackBtn {
  padding-bottom: 60px;
  position: relative;
  width: 100%;
}

#fishermanjapanGoods .BackBtn .btnWrap {
  position: absolute;
  right: 0;
  top: 0;
}

#fishermanjapanGoods .BackBtn .btnWrap a {
  background: #fff;
  border: 1px solid #a3a3a3;
  box-sizing: border-box;
  color: #000;
  display: block;
  font-weight: normal;
  margin: 0;
  max-width: none;
  padding: .5em 2em .5em .5em;
  position: relative;
  text-align: center;
  transition: .3s;
  width: 272px;
}

#fishermanjapanGoods .BackBtn .btnWrap .cancelBtnArrow::before {
  background-position: 0 1px;
  left: auto;
  right: 20px;
  transform: scaleX(1);
}

#fishermanjapanGoods .recipMove{
  margin: 0 auto;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #fishermanjapanGoods {
    margin-bottom: 60px;
  }

  #fishermanjapanGoods .summry {
    margin-bottom: 50px;
    text-align: center;
  }

  #fishermanjapanGoods .summry img {
    height: 48px;
    margin: 0 auto 16px;
    width: 60px;
  }

  #fishermanjapanGoods .summry h2 {
    font-size: 23px;
    line-height: 1.6;
    margin-bottom: 10px;
  }

  #fishermanjapanGoods .summry .text {
    margin-bottom: 10px;
    text-align: left;
  }

  #fishermanjapanGoods .summry .standard span {
    color: #2d2d2d;
    font-size: 14px;
    font-weight: normal;
  }

  #fishermanjapanGoods .recipe {
    padding: 20px 15px;
  }

  #fishermanjapanGoods .recipe:not(:last-child) {
    margin-bottom: 30px;
  }

  #fishermanjapanGoods .recipe .number p {
    font-size: 16px;
    margin-bottom: 5px;
  }

  #fishermanjapanGoods .recipe .number p::before {
    left: -22px;
    top: -1px;
  }

  #fishermanjapanGoods .recipe .number span {
    font-size: 24px;
  }

  #fishermanjapanGoods .recipe .ttl {
    margin-bottom: 0;
  }

  #fishermanjapanGoods .recipe .ttl .name {
    font-size: 20px;
    line-height: 1.6;
  }

  #fishermanjapanGoods .recipe .ttl .name:last-child {
    margin-bottom: 10px;
  }

  #fishermanjapanGoods .recipe .ttl img {
    margin: 3px 0;
    width: 20px;
  }

  #fishermanjapanGoods .recipe .recipeDetail {
    display: block;
  }

  #fishermanjapanGoods .mv,
  #fishermanjapanGoods .mvOther {
    width: 100%;
  }

  #fishermanjapanGoods .mv {
    margin-bottom: 20px;
    text-align: center;
  }

  #fishermanjapanGoods .mv img {
    margin-bottom: 20px;
  }

  #fishermanjapanGoods .arrenge {
    margin-bottom: 20px;
  }

  #fishermanjapanGoods .arrenge a {
    font-size: 16px;
    height: 55px;
    line-height: 1.4;
  }

  #fishermanjapanGoods .mvOther {
    padding-left: 0;
  }

  #fishermanjapanGoods .comment .ttl {
    background-color: #fff;
    font-size: 17px;
    padding: 20px 5px 12px;
  }

  #fishermanjapanGoods .comment .text {
    padding: 0 20px 12px 20px;
  }

  #fishermanjapanGoods .goods {
    display: block;
  }

  #fishermanjapanGoods .goods .mv {
    text-align: center;
  }

  #fishermanjapanGoods .goods .text {
    padding: 0 15px 0 18px;
    width: 100%;
  }

  #fishermanjapanGoods .goods .thumb {
    text-align: center;
    width: 100%;
  }

  #fishermanjapanGoods .goods .thumb img {
    margin-bottom: 10px;
  }

  #fishermanjapanGoods .goods .text .name,
  #fishermanjapanGoods .goods .text .standard {
    font-size: 16px;
    text-align: center;
  }

  #fishermanjapanGoods .goods .text .name {
    margin-bottom: 5px;
  }

  #fishermanjapanGoods .goods .text .standard span {
    font-size: 14px;
    font-weight: bold;
  }

  /* フィッシャーマンジャパンTOPへ */
  #fishermanjapanGoods .BackBtn .btnWrap {
    top: 3px;
  }

  #fishermanjapanGoods .BackBtn .btnWrap .cancelBtnArrow {
    font-size: 11px;
    padding: .5em 1.7em .5em .5em;
    width: 200px;
  }

  #fishermanjapanGoods .BackBtn .btnWrap .cancelBtnArrow::before {
    background-position: 0 1px;
    height: 10px;
    right: 5px;
    width: 10px;
  }
}

/* =========================================================
レシピ
============================================================ */
#fishermanjapanRecipe {
  background: rgba(0, 0, 0, .5);

/* display: none; */
  height: 100vh;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100vw;
  z-index: 9;
}

#fishermanjapanRecipe .close {
  cursor: pointer;
  height: 20px;
  margin: 0 auto;
  max-width: 800px;
  position: relative;
}

#fishermanjapanRecipe .close img {
  height: 20px;
  position: absolute;
  right: 0;
  top: 65px;
  transform: translateY(-50%);
  width: 20px;
  z-index: 10;
}

#fishermanjapanRecipe .modalBg {
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: 0;
}

#fishermanjapanRecipe .recipe {
  display: none;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  z-index: 11;
}

#fishermanjapanRecipe .recipeBody {
  background-color: #fff;
  height: 80%;
  left: 50%;
  max-width: 800px;
  overflow-y: scroll;
  padding: 30px;
  position: relative;
  top: calc(50% - 10px);
  transform: translateX(-50%) translateY(calc(-50% - 10px));
}

#fishermanjapanRecipe .recipe .ttl {
  color: #2a2a2a;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: .2em;
  margin-bottom: 22px;
  text-align: center;
}

#fishermanjapanRecipe .recipe .mv {
  margin-bottom: 22px;
  text-align: center;
}

#fishermanjapanRecipe .recipe .material p {
  color: #2a2a2a;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .2em;
  margin-bottom: 13px;
  position: relative;
}

#fishermanjapanRecipe .recipe .material p .inlineBlock {
  background-color: #fff;
  position: relative;
  z-index: 2;
}

#fishermanjapanRecipe .recipe .material p .inlineBlock .unit {
  font-size: 12px;
  font-weight: normal;
}

#fishermanjapanRecipe .recipe .material p::before {
  background-color: #64909e;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
}

#fishermanjapanRecipe .recipe .list {
  display: flex;
  padding: 0 20px;
}

#fishermanjapanRecipe .recipe .list div {
  width: calc((100% - 30px) / 2);
}

#fishermanjapanRecipe .recipe .list div:first-child {
  margin-right: 30px;
}

#fishermanjapanRecipe .list dl {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  position: relative;
}

#fishermanjapanRecipe .list dl:not(:last-child) {
  margin-bottom: 7px;
}

#fishermanjapanRecipe .list dl dt {
  background-color: #fff;
  font-size: 14px;
  padding-right: 10px;
  z-index: 2;
}

#fishermanjapanRecipe .list dl dt span {
  font-size: 12px;
}

#fishermanjapanRecipe .list dl dd {
  background-color: #fff;
  font-size: 12px;
  max-width: 40%;
  padding-left: 8px;
  padding-right: 8px;
  text-align: right;
  z-index: 2;
}

#fishermanjapanRecipe .list dl dd span {
  font-size: 14px;
}

#fishermanjapanRecipe .list dl::after {
  background-image: url(/d_images/campaign/fishermanjapan/icon-dot01.svg);
  background-position: right center;
  background-repeat: repeat;
  background-size: contain;
  bottom: 3px;
  content: "";
  display: block;
  height: 19px;
  position: absolute;
  width: 100%;
  z-index: 1;
}

#fishermanjapanRecipe .list dl.bgNone::after {
  background-image: none;
}

#fishermanjapanRecipe .list dl .hasParent {
  padding-left: 1em;
}

/*二行用*/
#fishermanjapanRecipe .list dl.lines{
  flex-flow: column;
}

#fishermanjapanRecipe .list dl.lines dt{
  width: 100%;
}

#fishermanjapanRecipe .step {
  color: #000;
  font-size: 14px;
  letter-spacing: .05em;
  padding: 0 20px 0 40px;
}

#fishermanjapanRecipe .step ul li {
  counter-increment: count;
  padding-left: 1em;
  text-indent: -2.15em;
}

#fishermanjapanRecipe .step ul li::before {
  background-color: #64909e;
  color: #fff;
  content: counter(count);
  margin-right: 9px;
  padding: 0 5px;
}

#fishermanjapanRecipe .step ul li:not(:last-child) {
  margin-bottom: 16px;
}

#fishermanjapanRecipe .recipe .howToMake {
  background-image: url(/d_images/campaign/fishermanjapan/icon-fish02.svg);
  background-position: right 0 bottom 3%;
  background-repeat: no-repeat;
  background-size: 215.27px 177.95px;
}

@media screen and (max-width: 840px) {
  #fishermanjapanRecipe .recipe .list {
    display: block;
  }

  #fishermanjapanRecipe .recipe .list div {
    width: 100%;
  }

  #fishermanjapanRecipe .recipe .list div:first-child {
    margin-bottom: 10px;
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  #fishermanjapanGoods .simple .foodList{
    width: 100%;
    padding: 20px 15px;
  }
  
  #fishermanjapanGoods .simple .foodList ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  #fishermanjapanGoods .simple .foodList ul li{
    width: auto;
  }

  #fishermanjapanGoods .simple .foodList ul li:last-child{
    margin-right: 0;
  }

  #fishermanjapanRecipe .recipe {
    padding: 30px 0;
  }

  #fishermanjapanRecipe .recipe {
    margin: 0 auto;
    width: calc(100% - 20px);
  }

  #fishermanjapanRecipe .recipeBody {
    background-image: none;
    padding: 30px 8px;
  }

  #fishermanjapanRecipe .recipe .list {
    padding: 0 10px;
  }

  #fishermanjapanRecipe .list dl dt,
  #fishermanjapanRecipe .list dl dd span {
    font-size: 14px;
  }

  #fishermanjapanRecipe .list dl dd {
    max-width: none;
  }

  #fishermanjapanRecipe .close img {
    top: 40px;
  }

  #fishermanjapanRecipe .recipe .howToMake {
    background-image: url(/d_images/campaign/fishermanjapan/icon-fish02.svg);
    background-position: right 6% bottom 0;
    background-repeat: no-repeat;
    background-size: 215.27px 177.95px;
    margin-top: 30px;
  }


  
#fishermanjapanGoods .summry .simple dl{
  display: flex;
  flex-wrap: wrap;
}

#fishermanjapanGoods .summry .simple dl dt{
  width: 100%;
}

#fishermanjapanGoods .summry .simple dl dd{
  width: 100%;
}

#fishermanjapanGoods .goods .text .goodBtn{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px auto;
}

}