article .article__body .p-tama20_wrap {
    margin: -30px -40px
  }
  
  @media screen and (max-width: 640px) {
    article .article__body .p-tama20_wrap {
      margin: -20px
    }
  }
  
  article .article__body .p-tama20_wrap p {
    color: #222
  }
  
  article .article__body .p-tama_back {
    background-color: #FFE001
  }
  
  article .article__body .p-tama_main_wrap {
    background-color: #FFE001
  }
  
  article .article__body .p-tama_main_wrap .p-tama_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  
  @media screen and (max-width: 640px) {
    article .article__body .p-tama_main_wrap .p-tama_main {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
    }
  }
  
  article .article__body .p-tama_main_wrap .p-tama_main img {
    width: 100%
  }
  
  article .article__body .p-tama_main_wrap .p-tama_left {
    width: 30%
  }
  
  article .article__body .p-tama_main_wrap .p-tama_right {
    width: 70%
  }
  
  @media screen and (max-width: 640px) {
    article .article__body .p-tama_main_wrap .p-tama_left {
      width: 80%;
      margin: auto
    }
    article .article__body .p-tama_main_wrap .p-tama_right {
      width: 100%
    }
  }
  
  article .article__body h2.htext_reset {
    margin: 0;
    padding-bottom: unset;
    border: none
  }
  
  article .article__body h2.htext_reset:after {
    content: none
  }
  
  article .article__body .p-tama_sec_img {
    width: 100%;
    display: block
  }
  
  article .article__body .p-tama_about {
    padding: 40px 0;
    background: #FFE001
  }
  
  article .article__body .p-tama_about h2 img {
    height: 50px;
    width: auto;
    margin-bottom: 2rem
  }
  
  @media screen and (max-width: 640px) {
    article .article__body .p-tama_about h2 img {
      height: auto;
      width: 95%
    }
  }
  
  article .article__body .p-tama_about_in {
    background-color: #fff;
    background-image: url(https://www.okinawa-familymart.jp/image/p-tama20/p-tama_intro_back.png);
    background-repeat: no-repeat;
    background-size: 95% auto;
    background-position: center
  }
  
  @media screen and (max-width: 640px) {
    article .article__body .p-tama_about_in {
      background-image: none
    }
  }
  
  article .article__body .p-tama_about_text {
    text-align: center;
    display: block;
    padding: 40px 10px 60px
  }
  
  article .article__body .p-tama_about_text p {
    max-width: 680px;
    margin: auto;
    font-size: 1.6rem
  }
  
  @media screen and (max-width: 640px) {
    article .article__body .p-tama_about_text p {
      margin-top: 2rem;
      font-size: 1.4rem
    }
    article .article__body .p-tama_about_text p br {
      display: none
    }
  }
  
  article .article__body .timeline_wrap {
    background: #FFE001
  }
  
  article .article__body .timeline_wrap_inner {
    max-width: 980px;
    width: 100%;
    display: block;
    position: relative;
    margin: auto;
    background: url(https://www.okinawa-familymart.jp/image/p-tama20/p-tama_history_back.png) no-repeat;
    background-size: 780px auto;
    background-position: top center;
    padding-bottom: 8%
  }
  
  @media screen and (max-width: 980px) {
    article .article__body .timeline_wrap_inner {
      background: none;
      padding-bottom: 80%
    }
  }
  
  article .article__body .timeline_wrap .history_title {
    display: block;
    margin: auto;
    position: relative
  }
  
  article .article__body .timeline_wrap .history_title img {
    width: auto;
    height: 140px;
    display: block;
    margin: auto
  }
  
  @media screen and (max-width: 640px) {
    article .article__body .timeline_wrap .history_title img {
      height: auto;
      width: 80%
    }
  }
  
  article .article__body .timeline_wrap .history_list {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 780px;
    padding: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  
  @media screen and (max-width: 980px) {
    article .article__body .timeline_wrap .history_list {
      padding-bottom: 400px
    }
  }
  
  article .article__body .timeline_wrap .history_list img {
    width: 100%
  }
  
  @media screen and (max-width: 980px) {
    article .article__body .timeline_wrap .history_list img {
      width: 100%
    }
  }
  
  article .article__body .timeline_wrap .history_list li {
    list-style: none;
    width: 50%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0
  }
  
  article .article__body .timeline_wrap .history_list li:after {
    content: none
  }
  
  article .article__body .timeline_wrap .history_list li .history_year {
    position: absolute;
    right: 0;
    left: 0;
    top: calc(-50px + 30px);
    margin: auto;
    display: block;
    height: 50px;
    width: auto;
    z-index: 2
  }
  
  article .article__body .timeline_wrap .history_list li .history_year img {
    height: 50px;
    width: auto;
    margin: auto;
    display: block
  }
  
  article .article__body .timeline_wrap .history_list li .history_year_in {
    width: 100%;
    background: #fff;
    border-radius: 37px;
    -webkit-box-shadow: 7px 10px 0px #1A2F6E;
    box-shadow: 7px 10px 0px #1A2F6E;
    padding: 2rem 1rem 1rem
  }
  
  article .article__body .timeline_wrap .history_list li .history_year_in p {
    margin: 2em 1em 1em
  }
  
  article .article__body .timeline_wrap .history_list li:nth-child(odd) .history_year_in {
    margin-right: 50px
  }
  
  @media screen and (max-width: 980px) {
    article .article__body .timeline_wrap .history_list li:nth-child(odd) .history_year_in {
      margin-right: 0
    }
  }
  
  article .article__body .timeline_wrap .history_list li:nth-child(even) .history_year_in {
    margin-left: 50px
  }
  
  @media screen and (max-width: 980px) {
    article .article__body .timeline_wrap .history_list li:nth-child(even) .history_year_in {
      margin-left: 0
    }
  }
  
  article .article__body .timeline_wrap .history_list li:nth-child(5) .history_year_in {
    margin: 0px
  }
  
  article .article__body .timeline_wrap .history_list li:nth-child(odd) {
    margin-right: 50%
  }
  
  article .article__body .timeline_wrap .history_list li:nth-child(odd) .history_year {
    margin-right: 50px
  }
  
  @media screen and (max-width: 980px) {
    article .article__body .timeline_wrap .history_list li:nth-child(odd) .history_year {
      margin-right: 0
    }
  }
  
  article .article__body .timeline_wrap .history_list li:nth-child(even) {
    margin-left: 50%
  }
  
  article .article__body .timeline_wrap .history_list li:nth-child(even) .history_year {
    margin-left: 50px
  }
  
  @media screen and (max-width: 980px) {
    article .article__body .timeline_wrap .history_list li:nth-child(even) .history_year {
      margin-left: 0
    }
  }
  
  article .article__body .timeline_wrap .history_list li:nth-child(even) .history_year img {
    margin: auto
  }
  
  @media screen and (max-width: 980px) {
    article .article__body .timeline_wrap .history_list li:nth-child(even) img {
      margin-left: 0
    }
  }
  
  article .article__body .timeline_wrap .history_list li:nth-of-type(5) {
    width: 100%
  }
  
  article .article__body .timeline_wrap .history_list li:nth-of-type(5) .history_year {
    margin: 0
  }
  
  @media screen and (max-width: 980px) {
    article .article__body .timeline_wrap .history_list li {
      width: 100%;
      margin-bottom: 1rem
    }
    article .article__body .timeline_wrap .history_list li:nth-child(odd) {
      margin-right: 0
    }
    article .article__body .timeline_wrap .history_list li:nth-child(even) {
      margin-left: 0%
    }
  }
  
  article .article__body .timeline_wrap .history_list li .left-line, article .article__body .timeline_wrap .history_list li .right-line {
    position: absolute;
    display: block;
    width: 65px;
    height: 30px;
    top: 0;
    bottom: 0;
    margin: auto
  }
  
  @media screen and (max-width: 980px) {
    article .article__body .timeline_wrap .history_list li .left-line, article .article__body .timeline_wrap .history_list li .right-line {
      display: none
    }
  }
  
  article .article__body .timeline_wrap .history_list li .left-line {
    right: -15px;
    background: url(https://www.okinawa-familymart.jp/image/p-tama20/p-tama_history_left.png) no-repeat;
    background-position: right;
    background-size: auto 30px
  }
  
  article .article__body .timeline_wrap .history_list li .right-line {
    left: -15px;
    background: url(https://www.okinawa-familymart.jp/image/p-tama20/p-tama_history_right.png) no-repeat;
    background-size: auto 30px
  }
  
  article .article__body .timeline_wrap .timeline_center {
    display: block;
    margin: -10px auto auto;
    width: 6px;
    height: 1200px;
    background-color: #1A2F6E
  }
  
  @media screen and (max-width: 980px) {
    article .article__body .timeline_wrap .timeline_center {
      height: 1500px
    }
  }
  
  article .article__body .history_list li .history_year_icon {
    position: absolute;
    z-index: 1
  }
  
  article .article__body .history_list li .history_year_icon img {
    width: 100%
  }
  
  article .article__body .history_list li .history_year_in {
    position: relative;
    z-index: 1
  }
  
  article .article__body .history_list li .history_year_in p {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 2em 2em 1em
  }
  
  article .article__body .history_list li:nth-of-type(1) {
    top: 200px
  }
  
  article .article__body .history_list li:nth-of-type(1) .history_year_icon {
    right: 0;
    top: -100px
  }
  
  article .article__body .history_list li:nth-of-type(1) .history_year_icon img {
    max-width: 100px
  }
  
  article .article__body .history_list li:nth-of-type(1) .history_year_in img {
    max-width: 200px;
    margin: -1em 0 auto auto;
    display: block
  }
  
  article .article__body .history_list li:nth-of-type(2) {
    top: 100px
  }
  
  article .article__body .history_list li:nth-of-type(2) .history_year_icon {
    left: 0;
    top: -50px
  }
  
  article .article__body .history_list li:nth-of-type(2) .history_year_icon img {
    max-width: 80px
  }
  
  article .article__body .history_list li:nth-of-type(3) {
    top: 140px
  }
  
  article .article__body .history_list li:nth-of-type(3) .history_year_icon {
    right: 20px;
    top: -37%
  }
  
  article .article__body .history_list li:nth-of-type(3) .history_year_icon img {
    max-width: 95px
  }
  
  @media screen and (max-width: 980px) {
    article .article__body .history_list li:nth-of-type(3) .history_year_icon {
      right: 0
    }
    article .article__body .history_list li:nth-of-type(3) .history_year_icon img {
      max-width: 70px
    }
  }
  
  article .article__body .history_list li:nth-of-type(3) .history_year_in img {
    max-width: 130px;
    margin: -1em auto 1em;
    display: block
  }
  
  article .article__body .history_list li:nth-of-type(4) {
    top: -50px
  }
  
  article .article__body .history_list li:nth-of-type(4) .history_year_icon {
    left: 30px;
    top: -4%
  }
  
  article .article__body .history_list li:nth-of-type(4) .history_year_icon img {
    max-width: 90px
  }
  
  @media screen and (max-width: 640px) {
    article .article__body .history_list li:nth-of-type(4) .history_year_icon {
      right: -10px;
      left: -10px;
      bottom: -17vw;
      top: auto;
      z-index: 0
    }
    article .article__body .history_list li:nth-of-type(4) .history_year_icon img {
      max-width: 100%
    }
  }
  
  article .article__body .history_list li:nth-of-type(4) .history_year_in img {
    max-width: 130px;
    margin: 1em auto 1em;
    display: block
  }
  
  article .article__body .history_list li:nth-of-type(5) {
    top: 50px
  }
  
  article .article__body .history_list li:nth-of-type(5) .history_year_in {
    background-image: url(https://www.okinawa-familymart.jp/image/p-tama20/p-tama_history_y05_back.png);
    background-size: 101% 101%
  }
  
  @media screen and (max-width: 640px) {
    article .article__body .history_list li:nth-of-type(5) .history_year_in {
      background-image: url(https://www.okinawa-familymart.jp/image/p-tama20/p-tama_history_y05_back_sp.png)
    }
  }
  
  article .article__body .history_list li:nth-of-type(5) .history_year_in p {
    font-size: 2.1rem;
    margin: 4em auto 0em;
    width: 80%;
    text-align: center;
    color: #E40012
  }
  
  @media screen and (max-width: 640px) {
    article .article__body .history_list li:nth-of-type(5) .history_year_in p {
      margin: 2rem auto 1rem;
      width: 100%;
      font-size: 1.8rem
    }
  }
  
  article .article__body .history_list li:nth-of-type(5) .history_year_in img {
    width: 75%;
    margin: 0em auto 2em
  }
  
  @media screen and (max-width: 640px) {
    article .article__body .history_list li:nth-of-type(5) .history_year_in img {
      width: 95%
    }
  }
  
  @media screen and (max-width: 980px) {
    article .article__body .history_list li:nth-of-type(1) {
      top: 12%
    }
    article .article__body .history_list li:nth-of-type(2) {
      top: 16%
    }
    article .article__body .history_list li:nth-of-type(3) {
      top: 20%
    }
    article .article__body .history_list li:nth-of-type(4) {
      top: 24%
    }
    article .article__body .history_list li:nth-of-type(5) {
      top: 32%
    }
  }
  
  article .article__body .p-tama_secret {
    background: #F7F3DF;
    padding-left: 1rem;
    padding-right: 1rem
  }
  
  @media screen and (max-width: 980px) {
    article .article__body .p-tama_secret {
      padding-top: 80px
    }
  }
  
  article .article__body .p-tama_secret_products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 780px;
    margin: auto;
    padding-bottom: 6rem
  }
  
  @media screen and (max-width: 640px) {
    article .article__body .p-tama_secret_products {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      padding-bottom: 1rem
    }
  }
  
  article .article__body .p-tama_secret_products .p-tama_secret_products_text {
    width: 50%;
    position: relative;
    background: #fff;
    padding: 4rem 1rem 1rem 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  
  article .article__body .p-tama_secret_products .p-tama_secret_products_text p {
    font-size: 1.4rem
  }
  
  @media screen and (max-width: 640px) {
    article .article__body .p-tama_secret_products .p-tama_secret_products_text {
      width: 100%;
      margin-top: 4rem;
      padding: 4rem 1rem 1rem;
      margin-bottom: 3rem
    }
  }
  
  article .article__body .p-tama_secret_products .p-tama_secret_products_text .nom {
    position: absolute;
    top: -25%;
    display: block;
    width: 60px
  }
  
  @media screen and (max-width: 640px) {
    article .article__body .p-tama_secret_products .p-tama_secret_products_text .nom {
      top: -15%
    }
  }
  
  article .article__body .p-tama_secret_products .p-tama_secret_products_text .nom img {
    display: block;
    width: 100%
  }
  
  article .article__body .p-tama_secret_products .p-tama_secret_products_img {
    width: 50%
  }
  
  @media screen and (max-width: 640px) {
    article .article__body .p-tama_secret_products .p-tama_secret_products_img {
      width: 100%
    }
  }
  
  article .article__body .p-tama_secret_products:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
  
  @media screen and (max-width: 640px) {
    article .article__body .p-tama_secret_products:nth-of-type(even) {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse
    }
  }
  
  article .article__body .p-tama_secret_products_img img {
    display: block;
    width: 100%
  }
  
  article .article__body .p-tama_secret_products_img_01 {
    background: url(https://www.okinawa-familymart.jp/image/p-tama20/po2.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    -webkit-animation: p-tama_p 2s steps(21) infinite;
    animation: p-tama_p 2s steps(21) infinite
  }
  
  article .article__body .p-tama_secret_products_img_02 {
    background: url(https://www.okinawa-familymart.jp/image/p-tama20/tama.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    -webkit-animation: p-tama_p 2s steps(26) infinite;
    animation: p-tama_p 2s steps(26) infinite
  }
  
  article .article__body .p-tama_secret_products_img_03 {
    background: url(https://www.okinawa-familymart.jp/image/p-tama20/si_2.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    -webkit-animation: p-tama_p 2s steps(22) infinite;
    animation: p-tama_p 2s steps(22) infinite
  }
  
  article .article__body .p-tama_secret_products_img_04 {
    background: url(https://www.okinawa-familymart.jp/image/p-tama20/aburamiso.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    -webkit-animation: p-tama_p 2s steps(21) infinite;
    animation: p-tama_p 2s steps(21) infinite
  }

  article .article__body .p-tama_secret_products_img_05 {
    background: url(https://www.okinawa-familymart.jp/image/p-tama20/chiki.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    -webkit-animation: p-tama_p 1s steps(10) infinite;
    animation: p-tama_p 1s steps(10) infinite
  }
  
  @-webkit-keyframes p-tama_p {
    0% {
      background-position: left
    }
    100% {
      background-position: right
    }
  }
  
  @keyframes p-tama_p {
    0% {
      background-position: left
    }
    100% {
      background-position: right
    }
  }
  
  article .article__body .p-tama_sec_img_big_wrap {
    background: #F7F3DF
  }
  
  article .article__body .p-tama_sec_img_big_wrap_1 {
    margin-bottom: -10%
  }
  
  article .article__body .p-tama_lineup_wrap {
    background: #F7F3DF;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: 5%
  }
  
  article .article__body .p-tama_lineup_wrap .p-tama_lineup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  
  @media screen and (max-width: 640px) {
    article .article__body .p-tama_lineup_wrap .p-tama_lineup {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
    }
  }
  
  article .article__body .p-tama_lineup_wrap .p-tama_lineup_inner_wrap {
    width: 30%
  }
  
  @media screen and (max-width: 640px) {
    article .article__body .p-tama_lineup_wrap .p-tama_lineup_inner_wrap {
      width: 100%
    }
  }
  
  article .article__body .p-tama_lineup_wrap .p-tama_lineup_inner_wrap img {
    max-width: 320px;
    display: block;
    width: 100%;
    margin: auto
  }
  
  article .article__body .p-tama_lineup_wrap .p-tama_lineup_inner_wrap .p-tama_lineup_inner_text .new-pork {
    background: #1A2F6E;
    color: #fff;
    padding: 5px 0.5rem;
    font-size: 1rem
  }
  
  article .article__body .p-tama_lineup_wrap .p-tama_lineup_inner_wrap .p-tama_lineup_inner_text .new-pork_in {
    color: #FFE001
  }
  
  article .article__body .p-tama_lineup_wrap .p-tama_lineup_inner_wrap .p-tama_lineup_inner_text .p-tama_lineup_inner_name {
    color: #1A2F6E;
    font-size: 1.3rem;
    margin: 1rem auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  
  @media screen and (max-width: 640px) {
    article .article__body .p-tama_lineup_wrap .p-tama_lineup_inner_wrap .p-tama_lineup_inner_text .p-tama_lineup_inner_name {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between
    }
  }
  
  article .article__body .p-tama_lineup_wrap .p-tama_lineup_inner_wrap .p-tama_lineup_inner_text .p-tama_lineup_inner_name dt {
    font-weight: bold;
    font-size: 1.6rem
  }
  
  article .article__body .p-tama_lineup_wrap .p-tama_lineup_inner_wrap .p-tama_lineup_inner_text .p-tama_lineup_inner_name dd {
    margin-left: 0;
    font-size: 1.3rem
  }
  
  article .article__body .p-tama_lineup_wrap .p-tama_lineup_inner_wrap .p-tama_lineup_inner_text p {
    font-size: 1.4rem
  }
  
  article .article__body .p-tama_cm_wrap {
    padding-bottom: 10%
  }
  
  article .article__body .p-tama_cm_top {
    margin-top: -10%;
    position: relative
  }
  
  article .article__body .p-tama_cm {
    max-width: 640px;
    margin: auto;
    display: block
  }
  
  article .article__body .p-tama_cm_inner {
    padding-right: 1rem;
    padding-left: 1rem
  }
  
  article .article__body .p-tama_secret h2, article .article__body .p-tama_lineup_wrap h2, article .article__body .p-tama_cm_wrap h2 {
    display: block;
    margin: auto;
    text-align: center;
    padding-bottom: 2rem
  }
  
  article .article__body .p-tama_secret h2 img, article .article__body .p-tama_lineup_wrap h2 img, article .article__body .p-tama_cm_wrap h2 img {
    height: 80px;
    padding: 1rem 0;
    width: auto
  }
  
  article .article__body .p-tama_secret h2 img, article .article__body .p-tama_lineup_wrap h2 img {
    height: 90px
  }
  
  .pc-ofm {
    display: block
  }
  
  @media screen and (max-width: 640px) {
    .pc-ofm {
      display: none
    }
  }
  
  .sp-ofm {
    display: none
  }
  
  @media screen and (max-width: 640px) {
    .sp-ofm {
      display: block
    }
  }
  
  
  /*# sourceMappingURL=style_add.css.map */