@charset "UTF-8";
.mb-1rem{
    margin-bottom: 1rem;
}
.mup-band{
  position: relative;
  text-align: center;
}
.mup-band__main-image {
  display: block;
}
.mup-band__main-image img{
  width: 100%;
  height: auto;
  object-fit: cover;
}

.mup-band__main-image a:hover{
  opacity: 1; 
}

.mup-band__main-image a:hover img {
  opacity: 1;
  transform: scale(1.03);
}

.mup-band__body {
  position: relative;
}

.mup-groupinformation__container {
  position: relative;
  background: linear-gradient(185deg, #DB7AAB 4.26%, #F3B2C7 28.16%, #EFA1A4 58.26%, #F1B2B7 75.08%, #EFDBEB 92.79%);
}

.mup-groupinformation__header {
  padding: 40px 0;
  text-align: center;
  color: #fff;
}

.mup-groupinformation__title {
  margin: 10px 0;
  padding: 0;
  width: 100%;
  font-size: 28px;
  font-weight: normal;
}
.mup-present__txt {
    font-size: 18px;
    margin-bottom: 3.9rem;
}
.mup-present__notice {
  width:fit-content;
  color: #fff;
  font-size: 16px;
  border: 1px solid #EFDBEB;
  padding: 15px 24px;
  margin-inline: auto;
  background-color: rgba(255,255,255, .1);;
}
.mup-present__notice-inner{
    display: block;
    padding-top: 1rem;
    font-size: 14px;
}
@media screen and (max-width: 750px){
    .pd-inline{
        padding-inline: 1em;
    }
}
/* BOX*/
.mup-groupinformation-box {
  position: relative;
  z-index: 2;
  width: 84%;
  margin: 0 auto 40px;
  background: rgba(255, 250, 251, 0.85);
  color: #A31043;
}

.mup-groupinformation-box__container {
  box-sizing: border-box;
  width: 100%;
  padding: 40px 0 0;
  border: 7px solid #f3dae3;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .mup-groupinformation-box__container {
    padding: 0;
    padding-left: 2%;
    padding-right: 2%;
  }
      .mup-groupinformation-box{
        width: 95%;
      }
     .mup-groupinformation__title{
        font-size: calc(33.6 * (100vw / 750));
    }
    .mup-groupinformation__header{
        padding-top: calc(86 * (100vw / 750));
        padding-bottom: calc(75 * (100vw / 750));
    }
}
.mup-groupinformation-box__header {
  margin-bottom: 20px;
}

.mup-groupinformation-box__tag {
  padding: 0px 4px;
  display: inline-block;
  padding: 2px 12px;
  margin-bottom: 12px;
  background-color: #A31043;
  color: #F6E8ED;
}
.mup-present-box__description {
    color: #cb1f6b;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 3rem;
    padding-bottom: 1.5rem;
    border-bottom: solid 2px #cb1f6b;
    width: 78%;
    margin-inline: auto;
    margin-bottom: 2rem;
    padding: 2rem 0;
}
.mup-present-box__description-txt{
    font-size: 1.6rem;
    color: #cb1f6b;
}
.mup-present-box__description-txt span{
    font-size: 1.4rem;
    padding-top: 1em;
    display: block;
}

.mup-groupinformation-box__lineup{
    width: 89.81%;
    background-color: #FFF;
    margin-inline: auto;
}

.mup-presents--brandname{
    color: #000000;
    font-size: 1.6rem;
    text-align: left;
    margin-inline: 2rem;
    border-top: solid 1px #ccc;
    line-height: 3.3;
}

@media (max-width: 750px) {
    .mup-groupinformation-box__txt{
        width: 100%;
        margin-inline: auto;
        padding-right: 0;
    }
    .mup-present-box__description{
        font-size: calc(33.6 * (100vw / 750));
        width: calc(540 * (100vw / 750));
        padding-bottom: 0;
        margin-bottom: calc(24*(100vw / 750));
        letter-spacing: -0.7px;
    }
    .mup-present-box__description-txt{
        font-size: calc(22.4 * (100vw / 750));
        letter-spacing: -0.8px;
    }
    .mup-present-box__description-txt span{
        font-size: calc(19.6 * (100vw / 750));
    }
    

}


.mup-present-main-button {
  width: 80%;
  margin: 80px auto;
  text-align: center;
}

.mup-large-image-button {
  display: block;
  font-size: 18px;
  overflow: hidden;
  text-align: left;
  position: relative;
  z-index: 2;
  color: #FFF;
  font-size: 15px;
  font-weight: bold;
  line-height: 120%;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  box-shadow: 0px 6px 28px 0px #CA4E80;
  transform: scale(1);
  transition: all 0.3s;
}
.mup-large-image-button__cover img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.mup-large-image-button:hover {
  cursor: pointer;
  background: linear-gradient(176deg, #C32072 3.47%, #C32072 97.19%);
  box-shadow: 0px 6px 50px 0px #CA4E80;
  transform: scale(1.03);
}
.mup-large-image-button:hover img {
  opacity: 1;
}

.mup-large-image-button__cover {
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.3);
  z-index: 1;
}

.mup-large-image-button__tag {
  background-color: #212121;
  color: #fff;
  padding: 4px 12px;
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
  top: -24px;
  left: 0;
  position: absolute;
}
.mup-large-image-button__title {
  position: relative;
  background: #fff;
  color: #A31043;
  padding: 24px 20px;
  text-align: center;
}

/*1220追加*/
.mup-groupinformation-box__location-area{
    font-weight: 700;
}
.brandlineup_att_txt{
    font-size: 14px;
    width: 84%;
    margin: 0 auto;
    transform: translateY(-1.5em);
}

/*aco*/

.brand-list-wrap { 
    display:none;
}
.mup-groupinformation-box__aco{
    width: 90%;
    margin-inline: auto;
    margin-bottom: 4rem;
}
.mup-groupinformation-box__aco-aria{
    display: flex;
    column-gap: 2rem;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 5rem;
}
.mup-groupinformation-box__aco-box{
    width: 48%;
}
.acc_btn {
    margin-inline: auto;
    padding-inline: 1em;
    margin-top: 2rem;
    width: 70%;
    background-color: #FFFFFF;
    color: #000;
    border: solid 1px #000;
    position: relative;
    cursor: pointer; /* クリックできることを示す */
}
.acc_btn:after {
  content: '+'; /* デフォルトは+ */
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.acc_btn.is-open:after {
  content: '-'; /* 開いたときは- */
}
/*table*/
table{
    margin-top: 2rem;
    border-collapse: collapse;
    width: 100%;
    text-align: center;
    background-color: #fff;
    font-size: 12px;
    color: #000;
}
.tb--BD_B{
    border-bottom: dotted 1px #CCC;
}
.tb--BD_L{
    border-left: solid 1px #CCC;
}
.table-item{
    color: #e9a7c3;
}
.table_shopname{
    width: 11em;
    letter-spacing: -2px;
}
.table_event{
    width: 6em;
    letter-spacing: -1px;
}
.ls--1{
    letter-spacing: -3px;
}
/*gridaria*/
.mup-groupinformation-box__list {
    width: 90%;
    margin-inline: auto;
    margin-bottom: 2.6rem;
}

.mup-groupinformation-box__list_ttl {
    width: 100%;
    background-color: #cb1f6b;
    color: #FFF;
    line-height: 1;
    padding: 1rem 0;
    font-size: 1.8rem;
    font-weight: normal;
    margin-bottom: 2rem;
}
.mup-groupinformation-box__list_glid_box{
    display: grid;
    grid-template-columns: 1fr 1fr;
    /*grid-template-rows: repeat(auto-fit, minmax(150px, 1fr));*/
    grid-template-rows: auto;
    gap: 2rem;
    text-align: left;
    color: #000;
    font-size: 1.4rem;
}
.mup-groupinformation-box__list_subglid_item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
    background-color: #FFF;
    padding: 1rem;
    row-gap: 1rem;
    padding-bottom: 1.5rem;

}
.present-aria .mup-groupinformation-box__list_subglid_item{
    grid-row: span 5;
}
.card-shop_ttl {
    width: 100%;
    background-color: #fbe0e7;
    text-align: center;
    line-height: 1;
    padding: 1rem 0;
    margin-bottom: 1rem;
    font-weight: normal;
}
.card-description {
    line-height: 1.86;
}

.card-shopname {
    line-height: 1.86;
}
.card-present{
    line-height: 1.86;
    color: #cb1f6b;
}
.card-present-brandname{
    font-size: 16px;
    font-weight: bold;
    margin-top: 1rem;
}
span.card-price{
    display: block;
    margin-top: 0.8rem;
}
@media (max-width: 750px){
    .mup-groupinformation-box__aco{
        width: 100%;
    }
    table{
        font-size: calc(16.8*(100vw / 750));
    }
    .acc_btn{
        font-size: calc(19.6*(100vw / 750));
        padding-top: calc(10*(100vw / 750));
        padding-bottom: calc(10*(100vw / 750));
        margin-top: calc(19*(100vw / 750));
    }
    .acc_btn:after{
        right: 8px;
    }
    .acc_btn.is-open:after{
        transform: translateY(-60%);
        font-size: 20px;
        font-weight: normal;
    }
    .mup-groupinformation-box__aco-aria{
        column-gap: calc(30*(100vw / 750));
        margin-bottom: calc(43*(100vw / 750));
    }
    .mup-groupinformation-box__list{
        width: 100%;
    }
    .mup-groupinformation-box__list_ttl{
        font-size: calc(25.2*(100vw / 750));
    }
    .mup-groupinformation-box__list_glid_box{
        font-size: calc(19.61*(100vw / 750));
    }
    .card-present-brandname{
        font-size: calc(22.4*(100vw / 750));
    }
    
}

.bg_none {
    background: none;
}
.link-btn-list.middle {
    max-width: 512px;
    margin: 45px auto 0;
}

@media (max-width: 750px){
    .link-btn-list.middle {
    max-width: 80vw;
    margin: 10vw auto 0;
}
    }

  .mi_hover a:hover {
    text-decoration: underline !important;
}
/*250127*/
.mup-general-button__label{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    column-gap: 8px;
    align-items: center;
}
.mup-general-button__label::before {
  content: '';
}
.mup-general-button__label::after {
  justify-self: end;
  content: url(/content/dam/ecosme/meeco_mistore_jp/img/magazine/makeupparty/250129/arrow_top.png);
}