@charset "utf-8";
/* CSS Document */

.mincho {
  font-family: "FOT-筑紫明朝 Pr5N D", "ＭＳ Ｐ明朝", serif !important;
}

.m50{
    margin-top: 50px;
}

.onlyPc {
  display: unset;
}

.onlySp {
  display: none;
}

.sample {
  padding-top: 60px;
}

.sample img {
  width: 100%;
  margin: 0 auto;
}

.visual img {
  width: 100%;
}

.newLineupTitle {
  text-align: center;
}

.heroDescription {
  text-align: center;
  font-size: 16px;
  padding: 15px 0;
}

.heroDescription dt {
  font-size: 24px;
  font-weight: bold;
}

.heroDescription dd {
  font-size: 18px;
  font-weight: bold;
  padding: 15px 0 30px;
}

.itemInfo {
  padding: 30px 50px;
  display: grid;
  grid-template-columns: 400px 1fr;
  flex-direction: row;
}

.productLogo {
  padding-bottom: 15px;
}

.productDescriptionTitle {
  font-size: 18px;
  line-height: 3rem;
  font-weight: bold;
}

.productImageContainer {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

/* productImage 
----------------------------*/

.section .itemInfo .productImageContainer img.productImage{
    object-fit: scale-down;
    height: auto;
}

.tapeLineupBoxVerticalContainer {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 30px;
}

  #mt_slim_6mm_deco {
    max-width: 780px;
  }

  #mt_slim_3mm {
    max-width: 600px;
  }

.tapeLineupBoxVertical {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px 50px;
}

.tapeLineupItemBox {
  width: 100%;
  display: grid;
  gap: 5px;
}

.tapeLineupItemBoxImage {
  width: 100%;
}

.tapeLineupItemBoxDescription {
  line-height: 2rem;
}

.tapeDagashiLineupBoxContainer {
  padding: 0 30px;
  max-width: 1200px;
  margin: 0 auto;
}

.tapeDagashiLineupBox {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  gap: 20px 50px;
}

.brandContainer {
  display: grid;
  padding: 0 30px;
  grid-template-columns: 200px 1fr;
  gap: 10px;
  margin-bottom: 30px;
}

.brandLogoContainer {
  border: 1px solid black;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  width: 150px;
  height: 150px;
}

.brandLogoContainerWithoutBorder {
  width: 190px;
  height: 190px;
}

.brandLogoWithNoBorder {
  width: 100%;
}

.brandDescription {
  line-height: 2rem;
}

.brandDescriptionTitle {
  font-size: 18px;
}

.copyrightContainer {
  margin-right: 50px;
}

.copyright {
  text-align: right;
  font-size: 15px;
}

.contents .subsection {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.tapeLineupBox {
  display: grid;
  margin: 0 auto;
  gap: 15px;
  max-width: 700px;
}

.shop_link{
    margin-top: 30px;
}

.tapeLineupItem {
  display: flex;
  flex-direction: column;
}
.tapeLineupItem p{
    margin-bottom: 6px;
    line-height: 1.4;
}
.tapeLineupItem p.size{
    font-size: 92%;
}


.tapeLineupItem .buttonStyle{
    text-align: left;
}

h4 {
  text-align: left;
  font-size: 21px;
  padding: 20px 0 10px;
  border-bottom: 2px solid black;
  margin: 0px 30px 20px;
  clear: both;
}

.lineupNav {
  padding: 20px 0;
  border-bottom: solid 2px #14100E;
  width: 832px;
  overflow: hidden;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 20px 50px;
  margin-bottom: 50px;
}

.section {
  padding-bottom: 90px;
  text-align: left;
}


/* artist-box 
----------------------------*/

.artist-box{
    margin-top: 60px;
    grid-template-columns: 160px 1fr;
    grid-column-gap: 10px; 
}

        .artist-box .image img{
            max-width: 160px;
        }

    .artist-box .name{
        font-size: 2.0rem;
        line-height: 1.2;
    }

    .artist-box .explain{
        font-size: 1.3rem;
        line-height: 0.8;
    }



/* SP用
-------------------------------------------- */

@media only screen and (max-width : 767px) {
  .onlyPc {
    display: none!important;
  }

  .onlySp {
    display: unset;
  }

  .contents {
    padding: 0 1rem;
  }

  .itemInfo {
    padding: 0;
    display: block;
  }

  p.visual {
    margin-left: -1rem;
    width: calc(100% + 2rem);
  }

  .tapeLineupItemBoxImage {
    min-width: 100%;
  }

  .tapeDagashiLineupBoxContainer {
    padding: 0;
  }

  .tapeDagashiLineupBox {
    grid-template-columns: 1fr;
  }

  .brandContainer {
    grid-template-columns: 1fr;
  }

  .brandLogoContainer {
    margin: 0 auto;
  }

  .brandLogoContainerWithoutBorder {
    margin: 0 auto;
  }

  h4 {
    margin: 0px 0 20px 0;
  }

  .lineupNav {
    width: auto;
  }

  .lineupNav li {
    width: auto;
    float: none;
  }

  .sample {
    margin-left: -1rem;
    width: calc(100% + 2rem);
    margin-bottom: 20px;
  }
    
/* artist-box 
----------------------------*/

.artist-box{
    margin-top:30px;
    grid-template-columns: 160px 1fr;
    grid-row-gap: 20px; 
}
    .artist-box .image{
        text-align: center;
    }


    .artist-box .explain{
        font-size: 1.0rem;
        line-height: 0.6;
    }
    
}