/* カスタマイズ用CSS */


/*-----2025.05.08 お問合せ→写真プリントQ&Aへの誘導リンク-----*/
.contact__invite_qanda{
  text-align: center;
  font-weight: bold;
  margin: 1em 0;
  line-height: 1.2 !important;
}

/*-----2024.01.25 打ち消し線-----*/
.TX_utikeshi{
  position: relative;
}
.TX_utikeshi::before {
  position: absolute;
  content: "";
  display: block;
  transform: rotate(-10deg);
  background-color: #E60012;
  width: 100%;
  height: 10%;
  top: 50%;
  left: 0;
}

del.camp{
    font-size: 75%;
    color: #AEAEAE;
    padding: 0 3px;
    display: inline-flex;
    flex-flow: row;
    flex-wrap: nowrap;
    align-items: center;
}
del.camp::after {
    /*content:">";*/
    content: "";
    width: 0.25em;
    height: 0.8em;
    display: inline-block;
    margin-left: 0.2em;
    background: #AEAEAE;
    clip-path: polygon(0% 0%,100% 50%,0% 100%);
}

/*-----2023.12.25 Twitter→X-----*/
#pr2023_footer > .sns > .ban > .twitter{
    background-color: #000 !important;
}

/*-----2023.05.15 鮮やかプリント　about 改訂-----*/
.azayaka_about_20240515 >.wrapper{
  display: grid;
}
@media all and (min-width:769px) {
  .azayaka_about_20240515 >.wrapper{
    grid-template-columns: repeat(auto-fit, calc(50% - 0.5rem));
    column-gap: 1rem;
  }
  .pr2023_body.pp.azayaka>.overview>.containers>.order{
    margin-top: 46.4px;
  }
}
@media all and (max-width:768px) {
  .azayaka_about_20240515 >.wrapper{
    row-gap: 1rem;
  }
}
  .azayaka_about_20240515 >.h3{
    text-align: center;
  }
  .azayaka_about_20240515 >.wrapper >div{
    border: solid 1px #000;
    border-radius: 1rem;
    display: grid;
  }
  @media all and (min-width:769px) {
    .azayaka_about_20240515 >.wrapper >div{
      grid-template-columns: repeat(auto-fit, calc(60% - 0.5rem));
      grid-template-areas: "head head" "text image";
      gap: 1rem;
    }
  }
  @media all and (max-width:768px) {
    .azayaka_about_20240515 >.wrapper >div{
      grid-template-areas: "head" "text" "image";
      row-gap: 1rem;
    }
  }
    .azayaka_about_20240515 >.wrapper >div >.h4{
      grid-area: head;
      text-align: center;
    }
    .azayaka_about_20240515 >.wrapper >div >.text{
      grid-area: text;
    }
    .azayaka_about_20240515 >.wrapper >div >.image{
      grid-area: image;
      height: 100%;
    }
      .azayaka_about_20240515 >.wrapper >div >.image >img{
        width: 100%;
      }
      @media all and (min-width:769px) {
        .azayaka_about_20240515 >.wrapper >div >.image >img{
          aspect-ratio: 0.65;
          object-fit: cover;
          object-position: 60%;
        }
      }
      @media all and (max-width:768px) {
        .azayaka_about_20240515 >.wrapper >div >.image >img{
          height: 100%;
        }
      }
      

/*-----汎用記述(bootstrap風)-----*/

/*
@media all and (min-width:769px) {
}
@media all and (max-width:768px) {
}
*/

.TX_XXL{
  font-size: 24px;
  line-height: 1.7;
}
.TX_XL{
  font-size: 20px;
  line-height: 1.7;
}
.TX_lg{
  font-size: 18px;
  line-height: 1.7;
}
.TX_md{
  font-size: 15px;
  line-height: 1.7;
}
.TX_sm{
  font-size: 13px;
  line-height: 1.7;
}
.TX_xs{
  font-size: 11.5px;
  line-height: 1.7;
}

.m-0{
margin: 0 !important;
}
.p-0{
padding: 0 !important;
}
.pt-0{
padding-top: 0 !important;
}
.ps-0{
padding-left: 0rem !important;
}
.ps-1{
padding-left: 1rem !important;
}

.pe-0{
padding-right: 0rem !important;
}
.pe-1{
padding-right: 1rem !important;
}

.px-0{
padding-right: 0 !important;
padding-left: 0 !important;
}
.p-1{
padding: 1rem !important;
}

.mt-0{
margin-top: 0 !important;
}

.mb-0{
margin-bottom: 0 !important;
}
.mb-1{
margin-bottom: 1rem !important;
}
.mb-2{
margin-bottom: 2rem !important;
}

.ms-0{
margin-left: 0rem !important;
}
.ms-1{
margin-left: 1rem !important;
}

.me-0{
margin-right: 0rem !important;
}
.me-1{
margin-right: 1rem !important;
}