#coordinate .coordinate-box {
  padding-bottom: 45px;
  text-align: left; }
  #coordinate .coordinate-box .update {
    font-size: 1.2rem;
    padding-bottom: 15px; }
  #coordinate .coordinate-box > ul {
    display: flex;
    flex-wrap: wrap; }
    #coordinate .coordinate-box > ul > li {
      width: 25%; }
      #coordinate .coordinate-box > ul > li .photo {
        position: relative; }
        #coordinate .coordinate-box > ul > li .photo .zoom {
          position: absolute;
          bottom: 12px;
          right: 12px; }
      #coordinate .coordinate-box > ul > li .txt {
        padding-top: 15px; }
        #coordinate .coordinate-box > ul > li .txt ul {
          list-style: disc;
          margin-left: 15px; }
          #coordinate .coordinate-box > ul > li .txt ul li {
            font-size: 1.2rem;
            padding-bottom: 15px; }
        #coordinate .coordinate-box > ul > li .txt .shop {
          color: #999999;
          font-size: 1.2rem; }

.mfp-figure {
  padding: 30px;
  background-color: #fff; }

img.mfp-img {
  padding: 0; }

.mfp-figure::after {
  box-shadow: 0 0 0px rgba(0, 0, 0, 0);
  background: transparent; }

.mfp-counter {
  display: none; }

.mfp-figure {
  max-width: 480px; }

.mfp-image-holder .mfp-close {
  top: -80px !important;
  right: -70px !important;
  opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after {
  display: none; }

.mfp-arrow-right {
  right: calc(50% - 300px);
  background: url(https://scolar.itembox.design/item/assets/images/coordinate/arrow-right.svg) 0 0 no-repeat !important;
  background-size: 29px auto !important;
  opacity: 1 !important;
  width: 29px;
  height: 54px; }

.mfp-arrow-left {
  left: calc(50% - 300px);
  background: url(https://scolar.itembox.design/item/assets/images/coordinate/arrow-left.svg) 0 0 no-repeat !important;
  background-size: 29px auto !important;
  opacity: 1 !important;
  width: 29px;
  height: 54px; }

@media screen and (max-width: 767px) {
  #coordinate .coordinate-box {
    padding: 0 15px 20px; }
    #coordinate .coordinate-box .update {
      font-size: 1.2rem;
      padding-bottom: 15px; }
    #coordinate .coordinate-box > ul {
      display: flex;
      flex-wrap: wrap; }
      #coordinate .coordinate-box > ul > li {
        width: calc(50% - 10px);
        margin-left: 20px;
        margin-bottom: 25px; }
        #coordinate .coordinate-box > ul > li:nth-child(2n+1) {
          margin-left: 0; }
        #coordinate .coordinate-box > ul > li .photo img {
          width: 100%; }
        #coordinate .coordinate-box > ul > li .photo .zoom {
          bottom: 6px;
          right: 6px;
          width: 30px;
          heiht: auto; }
        #coordinate .coordinate-box > ul > li .txt {
          padding-top: 15px; }
          #coordinate .coordinate-box > ul > li .txt ul {
            list-style: disc;
            margin-left: 15px; }
            #coordinate .coordinate-box > ul > li .txt ul li {
              font-size: 1.1rem;
              padding-bottom: 10px; }
          #coordinate .coordinate-box > ul > li .txt .shop {
            font-size: 1.2rem; }

  .mfp-figure {
    padding: 15px;
    background-color: #fff; }

  img.mfp-img {
    padding: 0; }

  .mfp-figure::after {
    box-shadow: 0 0 0px rgba(0, 0, 0, 0);
    background: transparent; }

  .mfp-counter {
    display: none; }

  .mfp-figure {
    max-width: 480px;
    width: 75%;
    margin: 0 auto; }

  .mfp-image-holder .mfp-close {
    top: -60px !important;
    right: 15px !important;
    opacity: 1; }
    .mfp-image-holder .mfp-close img {
      width: 30px; }

  .mfp-arrow:before, .mfp-arrow:after {
    display: none; }

  .mfp-arrow-right {
    right: 15px;
    background: url(https://scolar.itembox.design/item/assets/images/coordinate/arrow-right.svg) 0 0 no-repeat !important;
    background-size: 15px auto !important;
    width: 15px;
    height: 27px; }

  .mfp-arrow-left {
    left: 15px;
    background: url(https://scolar.itembox.design/item/assets/images/coordinate/arrow-left.svg) 0 0 no-repeat !important;
    background-size: 15px auto !important;
    width: 15px;
    height: 27px; } }