#contents_myrose section{
  padding-top:0;
}

.border-container {
  border: 10px solid #c30000;
  padding: 25px;
  border-radius: 10px;
}

#contents_myrose a {
  text-decoration: underline !important;
  color: blue !important;
   -ms-word-break: break-all;
   /* This is the dangerous one in WebKit, as it breaks things wherever */
   word-break: break-all;
}

.pt18 {
  padding-top: 18px !important;
}

.mgbox_mr {
  margin: 30px 0;
}

/* css my rose content */
.heading_mr {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.4rem;
  text-align: left;
}

#contents_myrose b {
  font-weight: bold;
}

#contents_myrose p,
#contents_myrose a {
  font-size: 1.6rem;
  text-align: justify;
  padding: 1rem 0;
  font-weight: 500;
  line-height: 2.4rem;
}

#contents_myrose .type_disc,
#content_myrose .type_square {
  font-size: 16px;
}

#contents_myrose figure figcaption {
  margin: 5px 0;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.box_fr_myrose {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.album_myrose .img{
  width: 100%;
}

@media screen and (max-width: 991px) {
  .text-center {
    text-align: center !important;
  }
}

@media screen and (max-width: 767px) {
  .box_mr01 .logo_50th {
    display: block;
  }

  .album_myrose .item_img:nth-child(4),
  .album_myrose .item_img:last-child {
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
  }
}

@media screen and (max-width: 600px) {

  .border-container {
    padding: 15px;
  }

  #contents_myrose p,
  #contents_myrose a {
    padding: 0.8rem 0 !important;
  }
}

@media screen and (max-width: 414px) {
  .album_myrose .item_img {
    flex-basis: 50%;
    max-width: 50%;
    margin-top: 10px;
  }
}