/*----------------------------------
modal
----------------------------------*/
.p-modal_content {
  display: none;
  max-width: 870px;
  padding: 40px;
}
.p-modal_content .c-btn button,
.p-modal_content > * {
  /* font-size: 16px;
  font-size: 1.6rem; */
  /* font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'Noto Sans Japanese', Roboto, "Droid Sans", '游ゴシック体', 'YuGothic', '游ゴシック', 'Yu Gothic', 'メイリオ', Meiryo, sans-serif; */
}
.p-modal_btn {
  /* width: 35%; */
}

/*----------------------------------
list
----------------------------------*/
.c-listBlock_space li {
  padding-left: 2em;
  position: relative;
}
.c-listBlock_space li:before {
  position: absolute;
  left: 0;
}
.c-listBlock_note li:before {
  content: "※";
}

/*----------------------------------
img
----------------------------------*/
.c-imgLead--imgLeft {
  margin-bottom: 50px;
}
.c-imgLead--imgLeft > div:first-child {
  float: left;
  max-width: 435px;
  margin-right: 30px;
  min-height: 0%;
}

/*----------------------------------
ご当地天ぷら
----------------------------------*/
a:hover {
  cursor: pointer;
}
a img {
  border: 0 !important;
}

.p-tenpura_map {
  background: url(/Portals/0/images/products/knowlege/tempura/enjoy/local/bg_tenpura_map.png)
    no-repeat;
  width: 670px;
  height: 690px;
  margin: 70px 90px 0 auto;
  position: relative;
}
.p-tenpura_text {
  width: 470px;
  position: absolute;
}

.p-tenpura_map .p-pinList .pin01,
.p-tenpura_map .p-pinList .pin02,
.p-tenpura_map .p-pinList .pin03,
.p-tenpura_map .p-pinList .pin04,
.p-tenpura_map .p-pinList .pin05,
.p-tenpura_map .p-pinList .pin06,
.p-tenpura_map .p-pinList .pin07,
.p-tenpura_map .p-pinList .pin08,
.p-tenpura_map .p-pinList .pin09,
.p-tenpura_map .p-pinList .pin10,
.p-tenpura_map .p-pinList .pin11 {
  position: absolute;
}

.p-tenpura_map .p-pinList .pin01 {
  top: -44px;
  right: 90px;
}
.p-tenpura_map .p-pinList .pin02 {
  top: 160px;
  right: -35px;
}
.p-tenpura_map .p-pinList .pin03 {
  top: 185px;
  right: 161px;
}
.p-tenpura_map .p-pinList .pin04 {
  top: 397px;
  right: 97px;
}
.p-tenpura_map .p-pinList .pin05 {
  top: 399px;
  right: 232px;
}
.p-tenpura_map .p-pinList .pin06 {
  top: 241px;
  right: 254px;
}
.p-tenpura_map .p-pinList .pin07 {
  top: 284px;
  right: 325px;
}
.p-tenpura_map .p-pinList .pin08 {
  top: 400px;
  right: 369px;
}
.p-tenpura_map .p-pinList .pin09 {
  top: 296px;
  right: 491px;
}
.p-tenpura_map .p-pinList .pin10 {
  top: 500px;
  right: 507px;
}

.p-title_pin01.c-hdgBorder_sml {
  background: url(/Portals/0/images/products/knowlege/tempura/enjoy/local/ico_pin01.svg)
    no-repeat 0 50%;
  background-size: 50px 30px;
  padding-left: 57px;
}
.p-title_pin02.c-hdgBorder_sml {
  background: url(/Portals/0/images/products/knowlege/tempura/enjoy/local/ico_pin02.svg)
    no-repeat 0 50%;
  background-size: 30px 30px;
  padding-left: 42px;
}
.p-title_pin03.c-hdgBorder_sml {
  background: url(/Portals/0/images/products/knowlege/tempura/enjoy/local/ico_pin03.svg)
    no-repeat 0 50%;
  background-size: 55px 30px;
  padding-left: 64px;
}
.p-title_pin04.c-hdgBorder_sml {
  background: url(/Portals/0/images/products/knowlege/tempura/enjoy/local/ico_pin04.svg)
    no-repeat 0 50%;
  background-size: 38px 30px;
  padding-left: 47px;
}
.p-title_pin05.c-hdgBorder_sml {
  background: url(/Portals/0/images/products/knowlege/tempura/enjoy/local/ico_pin05.svg)
    no-repeat 0 50%;
  background-size: 38px 30px;
  padding-left: 54px;
}
.p-title_pin06.c-hdgBorder_sml {
  background: url(/Portals/0/images/products/knowlege/tempura/enjoy/local/ico_pin06.svg)
    no-repeat 0 50%;
  background-size: 35px 30px;
  padding-left: 52px;
}
.p-title_pin07.c-hdgBorder_sml {
  background: url(/Portals/0/images/products/knowlege/tempura/enjoy/local/ico_pin07.svg)
    no-repeat 0 50%;
  background-size: 46px 30px;
  padding-left: 55px;
}
.p-title_pin08.c-hdgBorder_sml {
  background: url(/Portals/0/images/products/knowlege/tempura/enjoy/local/ico_pin08.svg)
    no-repeat 0 50%;
  background-size: 35px 30px;
  padding-left: 52px;
}
.p-title_pin09.c-hdgBorder_sml {
  background: url(/Portals/0/images/products/knowlege/tempura/enjoy/local/ico_pin09.svg)
    no-repeat 0 50%;
  background-size: 29px 30px;
  padding-left: 38px;
}
.p-title_pin10.c-hdgBorder_sml {
  background: url(/Portals/0/images/products/knowlege/tempura/enjoy/local/ico_pin10.svg)
    no-repeat 0 50%;
  background-size: 40px 30px;
  padding-left: 52px;
}

/* アニメーション */
.p-tenpura_map .p-pinList_item .pc_area {
  opacity: 0;
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
}
.p-tenpura_map-anim .p-pinList_item .pc_area {
  -webkit-animation-name: listItem;
  animation-name: listItem;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.8);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.8);
}
.p-tenpura_map-anim .p-pinList_item.pin02 .pc_area {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.p-tenpura_map-anim .p-pinList_item.pin03 .pc_area {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.p-tenpura_map-anim .p-pinList_item.pin04 .pc_area {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.p-tenpura_map-anim .p-pinList_item.pin05 .pc_area {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.p-tenpura_map-anim .p-pinList_item.pin06 .pc_area {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.p-tenpura_map-anim .p-pinList_item.pin07 .pc_area {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
.p-tenpura_map-anim .p-pinList_item.pin08 .pc_area {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.p-tenpura_map-anim .p-pinList_item.pin09 .pc_area {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}
.p-tenpura_map-anim .p-pinList_item.pin10 .pc_area {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
@-webkit-keyframes listItem {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  10% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes listItem {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  10% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* ホバー */
.p-tenpura_map-anim .p-pinList_item a:hover img {
  padding-top: 5px;
  transition: 0.3s;
}

/* HTML内CSS */
.fancybox2-content {
  width: 870px;
  padding: 40px;
}
.p-modal_content .c-hdgBorder_sml:before {
  background: none;
}
button {
  padding: 10px 20px;
  color: #fff;
  background-color: #f00;
  border-color: none;
  border-style: none;
}
.fancybox2-close-small {
  display: none;
}
.fancybox2-button--close,
.fancybox2-button--arrow_left,
.fancybox2-button--arrow_right {
  background: rgba(255, 0, 0, 0.7);
}

/* リニューアル時 追加修正 */
figure {
  margin: 0;
}
.c-listBlock_space {
  padding-left: 0;
}
.c-listBlock_space li {
  list-style: none;
}
h3.c-hdgBorder_sml {
  margin-top: 0;
  background-position: 0 20%;
}
.p-modal_btn button {
  position: relative;
  padding: 23px 65px 23px 40px;
  background-color: #fff;
  color: #e60012;
  border: 2px solid #e60012;
  border-radius: 40px;
  font-size: 112.5%;
  line-height: 1.6;
}
.p-modal_btn button:after {
  display: block;
  content: "";
  width: 23px;
  height: 21px;
  background: url("/Portals/0/images/common/ico_arrow.png") 0 0 no-repeat;
  filter: invert(17%) sepia(37%) saturate(4490%) hue-rotate(335deg)
    brightness(121%) contrast(143%);
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.p-modal_btn button:hover {
  opacity: 1;
  background-color: #f7f5e4;
}

/* SP */
body.spView {
  /*----------------------------------
  modal
  ----------------------------------*/
  .p-modal_btn {
    width: 100%;
  }

  /*----------------------------------
  img
  ----------------------------------*/
  .c-imgLead--imgLeft {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
  }
  .c-imgLead--imgLeft > div:first-child,
  .c-imgLead--imgLeft.-w260 > div:first-child,
  .c-imgLead--imgLeft.-w270 > div:first-child {
    float: none;
    max-width: 100%;
    margin: 0 0 25px 0;
    padding: 0 8.1159%;
    width: 100%;
    box-sizing: border-box;
  }
  /*----------------------------------
  ご当地天ぷら
  ----------------------------------*/
  .p-tenpura_map {
    background: none;
    width: auto;
    height: auto;
    position: static;
    margin: 0;
  }
  .p-tenpura_text {
    width: 100%;
    margin-bottom: 40px;
    position: static;
  }
  .p-tenpura_map .p-pinList_cnt {
    margin-bottom: 30px;
  }
  .p-tenpura_map .p-pinList .pin01,
  .p-tenpura_map .p-pinList .pin02,
  .p-tenpura_map .p-pinList .pin03,
  .p-tenpura_map .p-pinList .pin04,
  .p-tenpura_map .p-pinList .pin05,
  .p-tenpura_map .p-pinList .pin06,
  .p-tenpura_map .p-pinList .pin07,
  .p-tenpura_map .p-pinList .pin08,
  .p-tenpura_map .p-pinList .pin09,
  .p-tenpura_map .p-pinList .pin10,
  .p-tenpura_map .p-pinList .pin11 {
    position: static;
  }
  .p-tenpura_map .p-pinList .p-pinList_item {
    width: calc((100% - 40px) / 3);
    text-align: center;
    display: inline-block;
    margin-right: 20px;
  }
  .p-tenpura_map .p-pinList .p-pinList_item:nth-of-type(3n) {
    margin-right: 0;
  }
  .p-tenpura_map .p-pinList .p-pinList_item img {
    text-align: center;
    border-radius: 50%;
    box-shadow: 5px 1px 15px rgba(0, 0, 0, 0.15);
    margin-bottom: 5px;
    width: 100%;
  }
  .p-title_pin10.c-hdgBorder_sml,
  .p-title_pin09.c-hdgBorder_sml,
  .p-title_pin08.c-hdgBorder_sml,
  .p-title_pin07.c-hdgBorder_sml,
  .p-title_pin06.c-hdgBorder_sml,
  .p-title_pin05.c-hdgBorder_sml,
  .p-title_pin04.c-hdgBorder_sml,
  .p-title_pin03.c-hdgBorder_sml,
  .p-title_pin02.c-hdgBorder_sml,
  .p-title_pin01.c-hdgBorder_sml {
    background-size: auto 22px;
  }
  .p-title_pin01.c-hdgBorder_sml {
    padding-left: 40px;
  }
  .p-title_pin02.c-hdgBorder_sml {
    padding-left: 30px;
  }
  .p-title_pin03.c-hdgBorder_sml {
    padding-left: 52px;
  }
  .p-title_pin04.c-hdgBorder_sml {
    padding-left: 35px;
  }
  .p-title_pin05.c-hdgBorder_sml {
    padding-left: 42px;
  }
  .p-title_pin06.c-hdgBorder_sml {
    padding-left: 40px;
  }
  .p-title_pin07.c-hdgBorder_sml {
    padding-left: 43px;
  }
  .p-title_pin08.c-hdgBorder_sml {
    padding-left: 40px;
  }
  .p-title_pin09.c-hdgBorder_sml {
    padding-left: 26px;
  }
  .p-title_pin10.c-hdgBorder_sml {
    padding-left: 40px;
  }
  .p-tenpura_map-anim .p-pinList_item a:hover img {
    padding-top: 0;
    transition: auto;
  }
  .p-modal_content {
    width: 100%;
  }
  /* HTML内CSS */
  @media screen and (max-width: 480px) {
    .fancybox2-content {
      vertical-align: top;
    }
  }
}