@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

[id] {
  scroll-margin-top: 120px;
}

#tiles .tiles-section {
  width: 90%;
  margin: 0 auto 60px;
}

#tiles .tiles-title {
  margin-bottom: 10px;
}

#tiles .catalog-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#tiles .catalog-wrap img {
  width: 33%;
  height: auto;
  object-fit: contain;
}

#tiles .catalog-description {
  width: 60%;

}

#tiles .catalog-concept {
  margin: 30px 0 40px;
}

#tiles .catalog-wrap p,
#tiles .catalog-wrap li,
#tiles .catalog-wrap dl,
#tiles .catalog-wrap dt,
#tiles .catalog-wrap dd {
  font-size: 16px;
}

#tiles .catalog-outline dl {
  display: flex;
  line-height: 1.7;
}

#tiles .catalog-outline dt {
  min-width: 4em;
  margin: 0;
}

/*商品名リスト*/
#tiles .catalog-outline-list-name li {
  width: 8.5em;
}


/*価格リスト*/
#tiles .catalog-outline-list-price dt {
  width: 12em;
}

#tiles #hightech .catalog-outline-list-price dt {
  width: 17em;
}

#tiles .catalog-outline-list-price dd.color-variations {
  width: 3em;
  text-align: right;
  margin-right: 1em;
}

/*規格リスト*/
#tiles .catalog-outline-list-spec {
  margin: .5em 0;
}

#tiles .catalog-outline-list-spec .sub-spec dt {
  width: 7em;
}

/*発刊日*/
#tiles .catalog-outline-release {
  margin: 1em 0;
}

/*リンクボタン*/
#tiles .catalog-link-btn-wrap {
  justify-content: left;
  margin: 30px 0;
}

/*h1サイズ指定-ニューネオ*/
#tiles #newneo .tiles-title img {
  width: 300px;
  height: 103px;
}

/*h1サイズ指定-パルコ*/
#tiles #parco .tiles-title img {
  width: 227px;
  height: 134px;
}

/*h1サイズ指定-ニューテック*/
#tiles #newtech .tiles-title img {
  width: 319px;
  height: 102px;
}

/*h1サイズ指定-ハイテック*/
#tiles #hightech .tiles-title img {
  width: 335px;
  height: 102px;
}

/*h1サイズ指定-ピアド*/
#tiles #piad .tiles-title img {
  width: 213px;
  height: 133px;
}

/*h1サイズ指定-キララ*/
#tiles #kirala .tiles-title img {
  width: 215px;
  height: 100px;
}

/*メディアクエリ 768px以下*/
@media (max-width:768px) {
  #tiles .tiles-section {
    width: 100%;
    margin: 0 auto 40px;
  }

  #tiles .tiles-title {
    text-align: center;
  }

  #tiles .catalog-wrap {
    align-items: center;
    flex-direction: column;
  }

  #tiles .catalog-wrap img {
    width: 60%;
    max-width: 300px;
  }
  
  #tiles .catalog-description {
    width: 100%;
    max-width: 300px;
  }

  #tiles .catalog-wrap p,
  #tiles .catalog-wrap dl,
  #tiles .catalog-wrap dt,
  #tiles .catalog-wrap dd {
    font-size: 12px;
  }

  #tiles .catalog-wrap li {
    font-size: 11px;
  }

  #tiles .catalog-concept {
    margin: 10px 0;
  }

  /*h1サイズ指定*/
  #tiles #newneo .tiles-title img,
  #tiles #parco .tiles-title img,
  #tiles #newtech .tiles-title img,
  #tiles #hightech .tiles-title img,
  #tiles #piad .tiles-title img,
  #tiles #kirala .tiles-title img {
    width: auto;
    height: auto;
  }

}