@charset "UTF-8";
#anpanman {
  /* 共通 */
  /* product_mv */
  /* product_cont */
  /* link_box */ }
  #anpanman .product_mv h1, #anpanman .product_mv h2, #anpanman .product_mv h3, #anpanman .product_mv h4, #anpanman .product_mv p,
  #anpanman .product_cont h1,
  #anpanman .product_cont h2,
  #anpanman .product_cont h3,
  #anpanman .product_cont h4,
  #anpanman .product_cont p {
    margin: 0; }
  #anpanman .product_mv img,
  #anpanman .product_cont img {
    display: block; }
  #anpanman .product_mv a,
  #anpanman .product_cont a {
    color: #000;
    display: block;
    outline: none;
    text-decoration: none; }
    #anpanman .product_mv a:hover,
    #anpanman .product_cont a:hover {
      opacity: 0.8; }
  #anpanman .product_mv ul,
  #anpanman .product_cont ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  #anpanman .product_mv span,
  #anpanman .product_cont span {
    display: inline-block; }
  #anpanman .product_mv table th,
  #anpanman .product_mv table td,
  #anpanman .product_cont table th,
  #anpanman .product_cont table td {
    padding: 0; }
  #anpanman .product_mv {
    background-color: #e6f8ff;
    background-image: url(../img/product/mv_bg.png); }
    @media screen and (min-width: 769px) {
      #anpanman .product_mv {
        padding-bottom: 35px; }
        #anpanman .product_mv h2 {
          margin-bottom: -60px !important; } }
    @media screen and (max-width: 768px) {
      #anpanman .product_mv {
        background-image: url(../img/product/mv_bg_sp.png); }
        #anpanman .product_mv p {
          height: 5.5vw; } }
  @media screen and (max-width: 768px) {
    #anpanman .product_cont:before {
      background-color: #ffefe8; } }
  #anpanman .product_cont > div {
    padding: 50px 0 70px;
    background-color: #ffefe8; }
    @media screen and (max-width: 768px) {
      #anpanman .product_cont > div {
        padding: 0 0 4vw; } }
    #anpanman .product_cont > div .btn_box {
      display: flex;
      justify-content: center;
      margin-bottom: 120px; }
      @media screen and (max-width: 768px) {
        #anpanman .product_cont > div .btn_box {
          flex-wrap: wrap;
          justify-content: space-between;
          margin-bottom: 15%; } }
      #anpanman .product_cont > div .btn_box li {
        width: 24%;
        margin: 0 20px;
        background-color: #fff;
        border-radius: 20px; }
        @media screen and (max-width: 768px) {
          #anpanman .product_cont > div .btn_box li {
            width: 49%;
            border-radius: 2.5vw;
            margin: 2% auto 0; }
            #anpanman .product_cont > div .btn_box li:nth-child(-n+2) {
              margin: 0; } }
        #anpanman .product_cont > div .btn_box li a {
          padding: 20px 0;
          position: relative; }
          @media screen and (max-width: 768px) {
            #anpanman .product_cont > div .btn_box li a {
              padding: 2vw 0; } }
          #anpanman .product_cont > div .btn_box li a:before, #anpanman .product_cont > div .btn_box li a:after {
            content: "";
            height: 100%;
            background-repeat: no-repeat;
            background-size: 100%;
            background-position: center;
            position: absolute;
            top: 0; }
          #anpanman .product_cont > div .btn_box li a:before {
            width: 30px;
            background-image: url(../img/product/btn_arrow.png);
            right: 15px; }
            @media screen and (max-width: 768px) {
              #anpanman .product_cont > div .btn_box li a:before {
                width: 5vw;
                right: 3vw; } }
          #anpanman .product_cont > div .btn_box li a img {
            height: 40px;
            margin: 0 auto; }
            @media screen and (max-width: 768px) {
              #anpanman .product_cont > div .btn_box li a img {
                height: 8vw; } }
          #anpanman .product_cont > div .btn_box li a[href="#jelly"]:after {
            width: 30px;
            background-image: url(../img/product/jelly_icon.png);
            left: 30px; }
            @media screen and (max-width: 768px) {
              #anpanman .product_cont > div .btn_box li a[href="#jelly"]:after {
                width: 5vw;
                left: 5vw; } }
          #anpanman .product_cont > div .btn_box li a[href="#drink"]:after {
            width: 35px;
            background-image: url(../img/product/drink_icon.png);
            left: 35px; }
            @media screen and (max-width: 768px) {
              #anpanman .product_cont > div .btn_box li a[href="#drink"]:after {
                width: 6vw;
                left: 6vw; } }
          #anpanman .product_cont > div .btn_box li a[href="#ice"]:after {
            width: 40px;
            background-image: url(../img/product/ice_icon.png);
            left: 10px; }
            @media screen and (max-width: 768px) {
              #anpanman .product_cont > div .btn_box li a[href="#ice"]:after {
                width: 7vw;
                left: 1.5vw; } }
          #anpanman .product_cont > div .btn_box li a[href="#etc"]:after {
            width: 50px;
            background-image: url(../img/product/etc_icon.png);
            left: 25px; }
            @media screen and (max-width: 768px) {
              #anpanman .product_cont > div .btn_box li a[href="#etc"]:after {
                width: 8vw;
                left: 5vw; } }
          #anpanman .product_cont > div .btn_box li a[href="#sauce"]:after {
            width: 35px;
            background-image: url(../img/product/sauce_icon.png);
            left: 15px; }
            @media screen and (max-width: 768px) {
              #anpanman .product_cont > div .btn_box li a[href="#sauce"]:after {
                width: 6vw;
                left: 2.5vw; } }
    #anpanman .product_cont > div .item_box {
      position: relative; }
      #anpanman .product_cont > div .item_box h2 {
        display: flex;
        justify-content: center;
        margin: 100px 0 45px;
        position: relative;
        z-index: 9; }
        @media screen and (max-width: 768px) {
          #anpanman .product_cont > div .item_box h2 {
            margin: 16% 0 7%; } }
        #anpanman .product_cont > div .item_box h2:after {
          content: "";
          width: 100%;
          height: 3px;
          background: url(../img/product/dot01.png);
          background-size: auto 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          z-index: -1;
          margin: auto; }
          @media screen and (max-width: 768px) {
            #anpanman .product_cont > div .item_box h2:after {
              height: 0.5vw; } }
        #anpanman .product_cont > div .item_box h2 span {
          padding: 0 40px;
          background-color: #ffefe8;
          display: flex; }
          @media screen and (max-width: 768px) {
            #anpanman .product_cont > div .item_box h2 span {
              padding: 0 4vw; } }
          #anpanman .product_cont > div .item_box h2 span:before {
            content: "";
            height: 100%;
            background-repeat: no-repeat;
            background-size: auto 70px;
            background-position: center;
            display: block;
            margin-right: 20px; }
            @media screen and (max-width: 768px) {
              #anpanman .product_cont > div .item_box h2 span:before {
                background-size: auto 14vw;
                margin-right: 2.5vw; } }
          #anpanman .product_cont > div .item_box h2 span img {
            height: 80px; }
            @media screen and (max-width: 768px) {
              #anpanman .product_cont > div .item_box h2 span img {
                height: 14vw; } }
      #anpanman .product_cont > div .item_box > ul {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start; }
        @media screen and (max-width: 768px) {
          #anpanman .product_cont > div .item_box > ul {
            display: block; } }
        #anpanman .product_cont > div .item_box > ul > li {
          border-color: #ff5300;
          background-color: #ff5300;
          box-sizing: border-box; }
          @media screen and (max-width: 768px) {
            #anpanman .product_cont > div .item_box > ul > li {
              width: 100%; }
              #anpanman .product_cont > div .item_box > ul > li:last-child {
                margin: 0; } }
          #anpanman .product_cont > div .item_box > ul > li h3 {
            padding: 19px 0; }
            @media screen and (max-width: 768px) {
              #anpanman .product_cont > div .item_box > ul > li h3 {
                padding: 4vw 0; } }
            #anpanman .product_cont > div .item_box > ul > li h3 img {
              height: 42px; }
              @media screen and (max-width: 768px) {
                #anpanman .product_cont > div .item_box > ul > li h3 img {
                  height: 12vw; } }
            #anpanman .product_cont > div .item_box > ul > li h3.big {
              padding: 10px 0; }
              @media screen and (max-width: 768px) {
                #anpanman .product_cont > div .item_box > ul > li h3.big {
                  padding: 2vw 0; } }
              #anpanman .product_cont > div .item_box > ul > li h3.big img {
                height: 60px; }
                @media screen and (max-width: 768px) {
                  #anpanman .product_cont > div .item_box > ul > li h3.big img {
                    height: 16vw; } }
          #anpanman .product_cont > div .item_box > ul > li > div {
            background-color: #fff; }
            #anpanman .product_cont > div .item_box > ul > li > div .img_box {
              padding: 25px 0 15px; }
              @media screen and (max-width: 768px) {
                #anpanman .product_cont > div .item_box > ul > li > div .img_box {
                  padding: 7vw 0 5vw; } }
              #anpanman .product_cont > div .item_box > ul > li > div .img_box img {
                height: 166px;
                margin: 0 auto; }
                @media screen and (max-width: 768px) {
                  #anpanman .product_cont > div .item_box > ul > li > div .img_box img {
                    height: 42vw; } }
            #anpanman .product_cont > div .item_box > ul > li > div .wrapper {
              width: 88%; }
              @media screen and (max-width: 768px) {
                #anpanman .product_cont > div .item_box > ul > li > div .wrapper {
                  width: 92%; } }
              #anpanman .product_cont > div .item_box > ul > li > div .wrapper.slide {
                display: none;
                padding-bottom: 20px; }
                @media screen and (max-width: 768px) {
                  #anpanman .product_cont > div .item_box > ul > li > div .wrapper.slide {
                    padding-bottom: 3vw; } }
              #anpanman .product_cont > div .item_box > ul > li > div .wrapper > a {
                font-weight: bold;
                text-align: center;
                text-decoration: underline;
                color: #ff5300;
                margin: -10px 0 15px; }
                @media screen and (max-width: 768px) {
                  #anpanman .product_cont > div .item_box > ul > li > div .wrapper > a {
                    font-size: 4vw;
                    margin: -3vw 0 4vw; } }
              #anpanman .product_cont > div .item_box > ul > li > div .wrapper > p {
                font-size: 17px;
                font-weight: bold;
                line-height: 23px;
                text-align: center;
                color: #471c07;
                margin-bottom: 20px; }
                @media screen and (max-width: 768px) {
                  #anpanman .product_cont > div .item_box > ul > li > div .wrapper > p {
                    font-size: 5vw;
                    line-height: 130%;
                    margin-bottom: 7vw; } }
              #anpanman .product_cont > div .item_box > ul > li > div .wrapper .allergy {
                background-color: #ffefe8;
                border-radius: 10px;
                font-weight: bold;
                text-align: center;
                margin-bottom: 20px;
                overflow: hidden; }
                @media screen and (max-width: 768px) {
                  #anpanman .product_cont > div .item_box > ul > li > div .wrapper .allergy {
                    border-radius: 3vw;
                    margin-bottom: 6vw; } }
                #anpanman .product_cont > div .item_box > ul > li > div .wrapper .allergy p {
                  padding: 8px 0;
                  background-color: #ff8600;
                  font-size: 15px;
                  line-height: 22px;
                  color: #fff; }
                  @media screen and (max-width: 768px) {
                    #anpanman .product_cont > div .item_box > ul > li > div .wrapper .allergy p {
                      padding: 2vw 0;
                      font-size: 4vw;
                      line-height: 130%; } }
                #anpanman .product_cont > div .item_box > ul > li > div .wrapper .allergy ul {
                  height: 100px;
                  display: flex;
                  flex-wrap: wrap;
                  align-items: center;
                  align-content: center;
                  justify-content: center; }
                  @media screen and (max-width: 768px) {
                    #anpanman .product_cont > div .item_box > ul > li > div .wrapper .allergy ul {
                      height: 26vw; } }
                  #anpanman .product_cont > div .item_box > ul > li > div .wrapper .allergy ul li {
                    font-size: 18px;
                    line-height: 100%;
                    margin: 5px 10px;
                    display: flex;
                    align-items: center;
                    align-content: center; }
                    @media screen and (max-width: 768px) {
                      #anpanman .product_cont > div .item_box > ul > li > div .wrapper .allergy ul li {
                        font-size: 5vw;
                        margin: 1.5vw 5vw; } }
                    #anpanman .product_cont > div .item_box > ul > li > div .wrapper .allergy ul li:before {
                      content: "";
                      width: 28px;
                      height: 28px;
                      background-repeat: no-repeat;
                      background-size: 100%;
                      display: block;
                      margin-right: 5px; }
                      @media screen and (max-width: 768px) {
                        #anpanman .product_cont > div .item_box > ul > li > div .wrapper .allergy ul li:before {
                          width: 8vw;
                          height: 8vw;
                          margin-right: 2vw; } }
                    #anpanman .product_cont > div .item_box > ul > li > div .wrapper .allergy ul li.apple:before {
                      background-image: url(../img/product/allergy_icon01.png); }
                    #anpanman .product_cont > div .item_box > ul > li > div .wrapper .allergy ul li.milk:before {
                      background-image: url(../img/product/allergy_icon02.png); }
                    #anpanman .product_cont > div .item_box > ul > li > div .wrapper .allergy ul li.soy:before {
                      background-image: url(../img/product/allergy_icon03.png); }
                    #anpanman .product_cont > div .item_box > ul > li > div .wrapper .allergy ul li.wheat:before {
                      background-image: url(../img/product/allergy_icon04.png); }
                    #anpanman .product_cont > div .item_box > ul > li > div .wrapper .allergy ul li.egg:before {
                      background-image: url(../img/product/allergy_icon05.png); }
                    #anpanman .product_cont > div .item_box > ul > li > div .wrapper .allergy ul li.peach:before {
                      background-image: url(../img/product/allergy_icon06.png); }
                    #anpanman .product_cont > div .item_box > ul > li > div .wrapper .allergy ul li.orange:before {
                      background-image: url(../img/product/allergy_icon07.png); }
                    #anpanman .product_cont > div .item_box > ul > li > div .wrapper .allergy ul li.banana:before {
                      background-image: url(../img/product/allergy_icon08.png); }
                    #anpanman .product_cont > div .item_box > ul > li > div .wrapper .allergy ul li.not:before {
                      display: none; }
              #anpanman .product_cont > div .item_box > ul > li > div .wrapper .nutrition {
                margin-bottom: 25px; }
                @media screen and (max-width: 768px) {
                  #anpanman .product_cont > div .item_box > ul > li > div .wrapper .nutrition {
                    margin-bottom: 6vw; } }
                #anpanman .product_cont > div .item_box > ul > li > div .wrapper .nutrition h4 {
                  position: relative; }
                  #anpanman .product_cont > div .item_box > ul > li > div .wrapper .nutrition h4:before {
                    content: "";
                    width: 19px;
                    height: 18px;
                    background: url(../img/product/nutrition_icon.png) no-repeat;
                    background-size: 100%;
                    position: absolute;
                    top: -1px;
                    right: 140px;
                    left: 0;
                    margin: auto; }
                    @media screen and (max-width: 768px) {
                      #anpanman .product_cont > div .item_box > ul > li > div .wrapper .nutrition h4:before {
                        width: 5vw;
                        height: 5vw;
                        right: 38vw; } }
                  #anpanman .product_cont > div .item_box > ul > li > div .wrapper .nutrition h4 img {
                    height: 16px;
                    margin: 0 auto; }
                    @media screen and (max-width: 768px) {
                      #anpanman .product_cont > div .item_box > ul > li > div .wrapper .nutrition h4 img {
                        height: 4.5vw; } }
                #anpanman .product_cont > div .item_box > ul > li > div .wrapper .nutrition p {
                  padding-top: 10px;
                  font-size: 13px;
                  margin: 10px 0 5px;
                  position: relative; }
                  @media screen and (max-width: 768px) {
                    #anpanman .product_cont > div .item_box > ul > li > div .wrapper .nutrition p {
                      padding-top: 3vw;
                      font-size: 3vw;
                      margin: 3vw 0 1vw; } }
                  #anpanman .product_cont > div .item_box > ul > li > div .wrapper .nutrition p:after {
                    content: "";
                    width: 100%;
                    height: 3px;
                    background: url(../img/product/dot02.png);
                    background-size: auto 100%;
                    position: absolute;
                    top: 0;
                    left: 0; }
                    @media screen and (max-width: 768px) {
                      #anpanman .product_cont > div .item_box > ul > li > div .wrapper .nutrition p:after {
                        height: 1vw; } }
                @media screen and (max-width: 768px) {
                  #anpanman .product_cont > div .item_box > ul > li > div .wrapper .nutrition > div {
                    display: flex;
                    flex-wrap: wrap; } }
                #anpanman .product_cont > div .item_box > ul > li > div .wrapper .nutrition > div dl {
                  width: 100%;
                  padding: 3px 0;
                  display: flex;
                  justify-content: space-between;
                  font-size: 14px;
                  line-height: 100%;
                  margin: 0; }
                  @media screen and (max-width: 768px) {
                    #anpanman .product_cont > div .item_box > ul > li > div .wrapper .nutrition > div dl {
                      width: 45%;
                      padding: 1vw 0;
                      font-size: 3vw;
                      margin-right: 10%; }
                      #anpanman .product_cont > div .item_box > ul > li > div .wrapper .nutrition > div dl:nth-child(2n) {
                        margin-right: 0; } }
                  #anpanman .product_cont > div .item_box > ul > li > div .wrapper .nutrition > div dl dt {
                    font-weight: bold; }
                  #anpanman .product_cont > div .item_box > ul > li > div .wrapper .nutrition > div dl dd {
                    text-align: right;
                    margin: 0; }
              #anpanman .product_cont > div .item_box > ul > li > div .wrapper .summary {
                border-radius: 20px;
                background-color: #f0fdff; }
                @media screen and (max-width: 768px) {
                  #anpanman .product_cont > div .item_box > ul > li > div .wrapper .summary {
                    border-radius: 3vw; } }
                #anpanman .product_cont > div .item_box > ul > li > div .wrapper .summary h4 {
                  padding: 17px 0;
                  background-color: #80d6ff;
                  border-radius: 20px;
                  position: relative; }
                  @media screen and (max-width: 768px) {
                    #anpanman .product_cont > div .item_box > ul > li > div .wrapper .summary h4 {
                      padding: 4.5vw 0;
                      border-radius: 3vw; } }
                  #anpanman .product_cont > div .item_box > ul > li > div .wrapper .summary h4 img {
                    height: 16px;
                    margin: 0 auto; }
                    @media screen and (max-width: 768px) {
                      #anpanman .product_cont > div .item_box > ul > li > div .wrapper .summary h4 img {
                        height: 4.5vw; } }
                #anpanman .product_cont > div .item_box > ul > li > div .wrapper .summary > div:not(.ex) {
                  padding: 15px 0; }
                  @media screen and (max-width: 768px) {
                    #anpanman .product_cont > div .item_box > ul > li > div .wrapper .summary > div:not(.ex) {
                      display: block;
                      padding: 2vw 0; } }
                  #anpanman .product_cont > div .item_box > ul > li > div .wrapper .summary > div:not(.ex) table {
                    width: 88%;
                    font-size: 13px;
                    line-height: 22px;
                    margin: 0 auto; }
                    @media screen and (max-width: 768px) {
                      #anpanman .product_cont > div .item_box > ul > li > div .wrapper .summary > div:not(.ex) table {
                        width: 92%;
                        font-size: 3vw;
                        line-height: 140%; } }
                    #anpanman .product_cont > div .item_box > ul > li > div .wrapper .summary > div:not(.ex) table tr th {
                      width: 80px;
                      vertical-align: top;
                      color: #009fe8; }
                      @media screen and (max-width: 768px) {
                        #anpanman .product_cont > div .item_box > ul > li > div .wrapper .summary > div:not(.ex) table tr th {
                          width: 30%; } }
                #anpanman .product_cont > div .item_box > ul > li > div .wrapper .summary .ex {
                  padding: 6% 3% 0;
                  font-size: 13px;
                  line-height: 1.5; }
                  @media screen and (max-width: 768px) {
                    #anpanman .product_cont > div .item_box > ul > li > div .wrapper .summary .ex {
                      font-size: 3vw; } }
                  #anpanman .product_cont > div .item_box > ul > li > div .wrapper .summary .ex .red {
                    color: #f00; }
                  #anpanman .product_cont > div .item_box > ul > li > div .wrapper .summary .ex p {
                    font-weight: bold; }
                  #anpanman .product_cont > div .item_box > ul > li > div .wrapper .summary .ex ul {
                    margin-top: 10px; }
                  #anpanman .product_cont > div .item_box > ul > li > div .wrapper .summary .ex li {
                    position: relative;
                    margin: 2px 0;
                    padding-left: 18px;
                    text-align: justify; }
                    #anpanman .product_cont > div .item_box > ul > li > div .wrapper .summary .ex li span {
                      position: absolute;
                      left: 0;
                      top: 0; }
            #anpanman .product_cont > div .item_box > ul > li > div > a {
              width: 100%;
              height: 60px;
              background: #f2f2f2 url(../img/product/open_text.png) no-repeat;
              background-size: auto 16px;
              background-position: center;
              position: relative; }
              @media screen and (max-width: 768px) {
                #anpanman .product_cont > div .item_box > ul > li > div > a {
                  height: 13.5vw;
                  background-size: auto 4.5vw; } }
              #anpanman .product_cont > div .item_box > ul > li > div > a:after {
                content: "";
                width: 18px;
                height: 100%;
                background: url(../img/product/summary_icon01.png) no-repeat;
                background-size: 100%;
                background-position: center;
                position: absolute;
                top: 0;
                right: 30px; }
                @media screen and (max-width: 768px) {
                  #anpanman .product_cont > div .item_box > ul > li > div > a:after {
                    width: 5.5vw;
                    right: 4%; } }
              #anpanman .product_cont > div .item_box > ul > li > div > a.active {
                background-image: url(../img/product/close_text.png); }
                #anpanman .product_cont > div .item_box > ul > li > div > a.active:after {
                  background-image: url(../img/product/summary_icon02.png); }
      #anpanman .product_cont > div .item_box#jelly h2 {
        margin-top: 0; }
        #anpanman .product_cont > div .item_box#jelly h2 span:before {
          width: 50px;
          background-image: url(../img/product/jelly_icon.png); }
          @media screen and (max-width: 768px) {
            #anpanman .product_cont > div .item_box#jelly h2 span:before {
              width: 10vw; } }
      #anpanman .product_cont > div .item_box#drink h2 span:before {
        width: 50px;
        background-image: url(../img/product/drink_icon.png); }
        @media screen and (max-width: 768px) {
          #anpanman .product_cont > div .item_box#drink h2 span:before {
            width: 10vw; } }
      #anpanman .product_cont > div .item_box#ice h2 span:before {
        width: 85px;
        background-image: url(../img/product/ice_icon.png); }
        @media screen and (max-width: 768px) {
          #anpanman .product_cont > div .item_box#ice h2 span:before {
            width: 16vw; } }
      #anpanman .product_cont > div .item_box#etc h2 span:before {
        width: 82px;
        background-image: url(../img/product/etc_icon.png); }
        @media screen and (max-width: 768px) {
          #anpanman .product_cont > div .item_box#etc h2 span:before {
            width: 17vw; } }
      #anpanman .product_cont > div .item_box#sauce h2 span:before {
        width: 55px;
        background-image: url(../img/product/sauce_icon.png); }
        @media screen and (max-width: 768px) {
          #anpanman .product_cont > div .item_box#sauce h2 span:before {
            width: 11vw; } }
      #anpanman .product_cont > div .item_box .pop_box button {
        padding: 0;
        background: none;
        border: none;
        display: block;
        margin: 0;
        transition: all .2s;
        cursor: pointer; }
        #anpanman .product_cont > div .item_box .pop_box button:hover {
          opacity: 0.8; }
      #anpanman .product_cont > div .item_box .pop_box img {
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block; }
      #anpanman .product_cont > div .item_box .pop_box .open {
        position: absolute;
        z-index: 999;
        transition: all .2s; }
        #anpanman .product_cont > div .item_box .pop_box .open:hover {
          transform: translateY(5px); }
      #anpanman .product_cont > div .item_box .pop_box > div {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 9999; }
        #anpanman .product_cont > div .item_box .pop_box > div > img {
          width: auto;
          max-width: none;
          height: 100vh;
          max-height: 810px; }
          @media screen and (max-width: 768px) {
            #anpanman .product_cont > div .item_box .pop_box > div > img {
              width: 98vw;
              height: auto;
              max-height: none; } }
        #anpanman .product_cont > div .item_box .pop_box > div .close {
          width: 6.3%;
          position: absolute;
          top: 3.7%;
          right: 4.8%; }
      @media screen and (max-width: 768px) {
        #anpanman .product_cont > div .item_box#jelly h2 span {
          padding-right: 20vw; } }
      #anpanman .product_cont > div .item_box#jelly .pop_box .open {
        width: 170px;
        top: -80px;
        right: 17%; }
        @media screen and (max-width: 768px) {
          #anpanman .product_cont > div .item_box#jelly .pop_box .open {
            width: 30vw;
            top: -13vw;
            right: -1vw; } }
      @media screen and (min-width: 769px) {
        #anpanman .product_cont > div .item_box #drink4 .wrapper > p,
        #anpanman .product_cont > div .item_box #drink5 .wrapper > p,
        #anpanman .product_cont > div .item_box #drink6 .wrapper > p {
          height: 69px;
          display: flex;
          align-items: center;
          justify-content: center; }
        #anpanman .product_cont > div .item_box #drink4 .wrapper .allergy ul,
        #anpanman .product_cont > div .item_box #drink5 .wrapper .allergy ul,
        #anpanman .product_cont > div .item_box #drink6 .wrapper .allergy ul {
          height: 130px; } }
      @media screen and (max-width: 768px) {
        #anpanman .product_cont > div .item_box #drink5 .wrapper .allergy ul {
          height: 40vw; } }
      @media screen and (max-width: 768px) {
        #anpanman .product_cont > div .item_box#sauce h2 span {
          padding-right: 30vw; } }
      #anpanman .product_cont > div .item_box#sauce .pop_box .open {
        width: 180px;
        top: -80px;
        right: 13.5%; }
        @media screen and (max-width: 768px) {
          #anpanman .product_cont > div .item_box#sauce .pop_box .open {
            width: 30vw;
            top: -10vw;
            right: -1vw; } }
  #anpanman .link_box {
    background-color: #ccf1ff; }

/*# sourceMappingURL=product.css.map */