#chivasregal {
max-width:770px;
margin:0 auto;
padding:10px;
background-color:#000;
color:#FFF;
}

#chivasregal section {
    margin-bottom: 30px;
}

#chivasregal img{
max-width:770px;
width:100%;
}

#chivasregal .lp-video-wrap {
  width: 100%;
  max-width: 800px; /* パソコンで見たときの動画の最大横幅（お好みで調整してください） */
  margin: 0 auto;   /* 動画を中央寄せにする */
}

#chivasregal .lp-video-wrap iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9; /* 動画の標準比率16:9を維持 */
}

#chivasregal dl.wrapper {
display:flex;
flex-wrap: nowrap;
align-items: center;
}

#chivasregal .wrapper dd:first-child{
width:30%;
}

#chivasregal .wrapper dd:last-child{
width:65%;
}

#chivasregal h2{
    font-size: 26px;
   line-height: 1.4em;
    color: #FFF;
    text-align: left;
        line-height: 1.4em;
}

#chivasregal h3{
background-color:#8b4513;
padding:7px;
font-size:22px;
text-align:center;
line-height: 1.4em;
margin-bottom: 15px;
}

.tile-container {
  column-count: 2;/* スマホでの横並び数 */
  column-gap: 10px;/* アイテム間の余白 */
}

@media screen and (min-width: 700px) {
  .tile-container {
    column-count: 3;/* 指定サイズ以上の画面幅(タブレット, パソコンなど)の並び数 */
  }
}

.tile {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

.tile img {
  width: 100%;
}