@charset "UTF-8";
/*content820pxReset*/
#main{
width: 100%;
max-width: 1010px;
margin: 0 auto;
}
body.min{
min-width: 1120px;
}
.mb90{
margin-bottom: 90px !important;
}
.mb140{
margin-bottom: 140px !important;
}
.spOnly{
display: none;
}
.sp-content {
display: none;
}
/* wrap */
.zero-halli-golfWrap {
width:100%;
max-width:1010px;
margin: 0 auto;
box-sizing: border-box;
}
.zero-halli-golfWrap img {
vertical-align:top;
}
.zero-halli-golfWrap h2 {
margin-top: 100px;
margin-bottom: 40px;
}
/* aboutBlockA01 */
.aboutBlockA01{
margin-top: 76px;
padding: 0 60px 60px;
background: url(/contents/0018/img/event/zero-halli-golf/zero-halli-golf_bg_001_260831.jpg) no-repeat;
background-size: cover;
}
.aboutBlockA01 h2{
margin-top: 0px;
}
.aboutBlockA01 h2 img{
margin-top: -16px;
}
.aboutBlockA01 .aboutTxt{
text-align: center;
font-size: 15px;
color: #333;
line-height: 2;
}
.aboutBlockA01 h3{
text-align: center;
margin-top: 40px;
}
.aboutBlockA01 .aboutcol2{
margin-top: 30px;
display: flex;
justify-content: center;
gap: 40px;
}
.aboutBlockA01 .aboutcol2 .aboutItem{
background: #073190;
max-width: 340px;
padding: 30px;
color: #fff;
}
.aboutBlockA01 .aboutcol2 .aboutItem dl{
margin-top: 24px;
}
.aboutBlockA01 .aboutcol2 .aboutItem dt{
font-size: 18px;
font-weight: bold;
}
.aboutBlockA01 .aboutcol2 .aboutItem dd{
margin-top: 17px;
font-size: 15px;
}
/* ttlBlockA01 */
.ttlBlockA01{
margin-top: 100px;
margin-bottom: 40px;
}
/* bannerWrap */
.bannerWrap {
  margin: 30px auto;
}
.titleBlock-h2 {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
}
.bannerList {
  margin-top: 30px;
  margin-inline: auto;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.justify-content-center .bannerList {
  justify-content: center !important;
}
.bannerWrap .bannerItem img {
  width: 100%;
}
.col3-286_286 .bannerList {
  width: 600px;
  --gap: 20px;
  gap: var(--gap);
}
.col3-286_286 .bannerItem {
  width: calc((100% / 3) - var(--gap) * 2 / 3);
}
.col4-286_286 .bannerList,.col5-286_286 .bannerList {
  max-width: 1010px;
  --gap: 20px;
  gap: var(--gap);
}
.col4-286_286 .bannerItem {
  width: calc(25% - var(--gap) * 3 / 4);
}
.col5-286_286 .bannerItem {
  width: calc(20% - var(--gap) * 4 / 5);
}
.noteBox {
  margin-top: 30px;
  margin-inline: auto;
  max-width: 1010px;
}
.noteBox .noteText {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0.3px;
}
.noteBox.gray {
  margin-top: 30px;
  margin-inline: auto;
  padding: 1em;
  max-width: 1010px;
  background-color: #e3e5ed;
}
.noteBox.gray .noteText {
  padding-left: 1em;
  text-indent: -1em;
  letter-spacing: 0.3px;
  line-height: 1.3;
  font-size: 14px;
  font-weight: bold;
}