/* reset */
body {
  background: none;
  font-family: Arial, "游ゴシック Medium", "Yu Gothic Medium", YuGothicM, 游ゴシック体, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}

.row-fluid [class*="span"] {
  float: none;
  width: 100%;
  margin: 0
}

#social_bkm_wrap_top {
  margin-bottom: 0;
}




/* HCL EVENT */
body {
  position: relarive;
  font-size: 18px;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
  background: url(/info/event/hcl/201912/media/bg_hcl.jpg) no-repeat center bottom;
  background-size: cover;
}

.header-info-editorial {display: none;}


.container,
footer {position: relative;}

footer {margin-top: 0;}
.container {width: auto;}



.row-fluid {
  max-width: 980px;
  margin: 0 auto;
}

.span8 {clear: both;}

p {line-height: 1.8;}



.container-fluid.nopadding {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  height: calc(600px - 92px);
  background: transparent;
  font-feature-settings: "palt" 1;
}
.container-fluid.nopadding::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,0.2);
opacity: 0;
animation: dark 0.5s 0.8s linear 1 forwards;
}

@keyframes dark {
  0% {opacity: 0;}
  100% {opacity: 1;}
}


.container-fluid.nopadding .logo-hcl,
.container-fluid.nopadding p,
.container-fluid.nopadding h1,
.container-fluid.nopadding .info-venue,
.container-fluid.nopadding .text-center {position: relative; z-index: 5;}


.container-fluid.nopadding .logo-hcl {
  margin-bottom: 16px;
  text-align: center;
}


p.owner {
  margin-bottom: 0;
  font-size: 22px;
  font-weight: bold;
}


h1.adspecial {
  margin: 0;
  float: none;
  font-size: 3.6rem;
  text-align: center;
  line-height: 1.3;
  opacity: 0;
  top: 50px;
  animation: up 0.5s 1.3s linear 1 forwards;
}

h1.adspecial small {
  display: block;
  font-size: 22px;
  font-weight: normal;
  line-height: 1.25;
}

.info-venue {
  margin-top: 16px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  opacity: 0;
  top: 50px;
  animation: up 0.5s 1.6s linear 1 forwards;
}
.info-venue small {display: block; font-size: 22px;}
.info-venue p {line-height: 1.25;}

@keyframes up {
  0% {opacity: 0; top: 50px;}
  100% {opacity: 1; top: 0;}
}


h2.adspecial {
  margin: 48px 0 24px;
  color: #1571a0;
  font-size: 24px;
  text-align: center;
  background: none;
  border-bottom: 2px solid #1571a0;

}


/* lead */
.lead_block {font-size: 16px;}

/* overview */
#overview dt {width: 10em;}
#overview dd {
  margin: 0 0 16px 10em;
  line-height: 1.5;
}



/* button */
.btn {
min-width: 300px;
border: none;
background: #F09D0F;
padding: 24px;
color: #fff;
font-size: 22px;
font-weight: normal;
border-radius: 50px;
}

.btn:hover {
color: #fff !important;
background: #C03B4C;
}


/* schedule */
.table{
margin-bottom:10px;
}

.table th.timetable{
background-color:#1571a0;
color:#ffffff;
width:10%;
text-align:center;
font-weight:normal;
}

.table th.sessionttl{
padding-top:12px;
background-color:#e5e5e5;
color:#454545;
font-size:16px;
}

.table th{
border:solid 1px #ffffff;
border:none;
padding:12px;
}

.table td.session{
border-top:2px solid #fff;
border-right:none;
border-bottom:none;
border-left:none;
background-color:#f5f5f5;
padding:12px;
}

.table td.session .title{
border-bottom:none;
margin:0 0 10px 0;
padding:0;
font-size:18px;
color:#1571a0;
line-height:1.4;
}


.table td.session .speaker {
font-size:16px;
}
.table td.session .speaker p {margin: 0;}
.table td.session .speaker p.name {font-weight: bold;}


/* notice */
.notice {
margin-top: 48px;
padding: 24px;
font-size: 12px;
background-color: #f5f5f5;
}
.notice dt {float: none; width: auto; margin: 16px 0 0;}
.notice dd {margin: 0;}




@media (max-width: 800px) {  
  h1.adspecial {font-size: 2.6rem; line-height: 1.2;}
  .info-venue {font-size: 18px;}
  .info-venue small {font-size: 14px;}

  h1.adspecial small,
  p.owner {font-size: 16px;}
}




@media (max-width: 480px) {
  .container-fluid{
    margin:0 !important;
  }
  .container-fluid.nopadding {height: calc(600px - 60px);}
  /*
  h1.adspecial {font-size: 2.6rem; line-height: 1.2;}
  .info-venue {font-size: 18px;}
  .info-venue small {font-size: 14px;}

  h1.adspecial small,
  p.owner {font-size: 16px;}
*/
  #overview dt {float: none; width: auto;}
  #overview dd {margin-left: 0;}

}