@charset "utf-8";

.cf:after {
  content: "";
  clear: both;
  display: block;
}

.announcement{
    margin-top: 2rem;
    text-align: center;
    padding:0 10px;
}

.announcement h2{
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 1rem;
}

.red_txt{
  color: red;
  font-weight: bold;
}

@media screen and (min-width:640px) {
.event_pc{
  background-image:url("../img/event/201609_bg.jpg");
  background-repeat: no-repeat;
  width:651px;
  height:1062px;
  margin: 0 auto;
}

.btn_area{
  padding: 885px 10px 0;
  width: 604px;
  margin: 0 auto;
}

.web_btn{
  width:445px;
  margin:0 auto;
}

.pc_none{
  display: none;
}
}

@media screen and (max-width:640px) {
.sp_none{
  display: none;
}

.announcement h2{
  font-size: 1.2rem;
  font-weight: bold;
  padding-bottom: 1rem;
}

.announcement p{
  font-size: 0.75rem;
}

/*common css start ===============================================*/

/*float*/
.fl{float:left;}
.fr{float:right;}

/*clearfix*/
.cf:after {content: ""; clear: both; display: block;}

/*text-align*/
.tl{text-align:left;}
.tr{text-align:right;}

/*font-weight*/
.fb{font-weight: bold;}

/*display block*/
.db{display:block;}

/*font-size*/
.f10{font-size:0.625rem;}
.f12{font-size:0.75rem;}
.f14{font-size:0.875rem;}
.f16{font-size:1rem;}
.f18{font-size:1.125rem;}
.f20{font-size:1.25rem;}
.f22{font-size:1.375rem;}
.f24{font-size:1.5rem;}
.f26{font-size:1.625rem;}
.f28{font-size:1.75rem;}
.f30{font-size:1.875rem;}
.f32{font-size:2rem;}

/*margin-top*/
.mt8{margin-top:0.5rem;}
.mt16{margin-top:1rem;}
.mt24{margin-top:1.5rem;}
.mt32{margin-top:2rem;}
.mt40{margin-top:2.5rem;}
.mt48{margin-top:3rem;}
.mt56{margin-top:3.5rem;}
.mt64{margin-top:4rem;}
.mt72{margin-top:4.5rem;}
.mt80{margin-top:5rem;}

/*margin-bottom*/
.mb8{margin-bottom:0.5rem;}
.mb16{margin-bottom:1rem;}
.mb24{margin-bottom:1.5rem;}
.mb32{margin-bottom:2rem;}
.mb40{margin-bottom:2.5rem;}
.mb48{margin-bottom:3rem;}
.mb56{margin-bottom:3.5rem;}
.mb64{margin-bottom:4rem;}
.mb72{margin-bottom:4.5rem;}
.mb80{margin-bottom:5rem;}

/*margin-right*/
.mr8{margin-right:0.5rem;}
.mr16{margin-right:1rem;}
.mr24{margin-right:1.5rem;}
.mr32{margin-right:2rem;}
.mr40{margin-right:2.5rem;}
.mr48{margin-right:3rem;}
.mr56{margin-right:3.5rem;}
.mr64{margin-right:4rem;}
.mr72{margin-right:4.5rem;}
.mr80{margin-right:5rem;}

/*margin-left*/
.ml8{margin-left:0.5rem;}
.ml16{margin-left:1rem;}
.ml24{margin-left:1.5rem;}
.ml32{margin-left:2rem;}
.ml40{margin-left:2.5rem;}
.ml48{margin-left:3rem;}
.ml56{margin-left:3.5rem;}
.ml64{margin-left:4rem;}
.ml72{margin-left:4.5rem;}
.ml80{margin-left:5rem;}

.mauto{margin-right:auto; margin-left:auto;}

/*padding-top*/
.pt8{padding-top:0.5rem;}
.pt16{padding-top:1rem;}
.pt24{padding-top:1.5rem;}
.pt32{padding-top:2rem;}
.pt40{padding-top:2.5rem;}
.pt48{padding-top:3rem;}
.pt56{padding-top:3.5rem;}
.pt64{padding-top:4rem;}
.pt72{padding-top:4.5rem;}
.pt80{padding-top:5rem;}

/*padding-bottom*/
.pb8{padding-bottom:0.5rem;}
.pb16{padding-bottom:1rem;}
.pb24{padding-bottom:1.5rem;}
.pb32{padding-bottom:2rem;}
.pb40{padding-bottom:2.5rem;}
.pb48{padding-bottom:3rem;}
.pb56{padding-bottom:3.5rem;}
.pb64{padding-bottom:4rem;}
.pb72{padding-bottom:4.5rem;}
.pb80{padding-bottom:5rem;}

/*padding-left*/
.pl8{padding-left:0.5rem;}
.pl16{padding-left:1rem;}
.pl24{padding-left:1.5rem;}
.pl32{padding-left:2rem;}
.pl40{padding-left:2.5rem;}
.pl48{padding-left:3rem;}
.pl56{padding-left:3.5rem;}
.pl64{padding-left:4rem;}
.pl72{padding-left:4.5rem;}
.pl80{padding-left:5rem;}

/*padding-right*/
.pr8{padding-right:0.5rem;}
.pr16{padding-right:1rem;}
.pr24{padding-right:1.5rem;}
.pr32{padding-right:2rem;}
.pr40{padding-right:2.5rem;}
.pr48{padding-right:3rem;}
.pr56{padding-right:3.5rem;}
.pr64{padding-right:4rem;}
.pr72{padding-right:4.5rem;}
.pr80{padding-right:5rem;}

.w80{
  width:80%
}
/*common css end =================================================*/

/*detail css start ================================================*/
.event_sp img{
    width:100%;
}

.event_sp{
  background: -moz-linear-gradient(left, #f2f9ff, #f2f9ff 50%, #ccebfb 50%, #ccebfb);
    background: -webkit-linear-gradient(left, #f2f9ff, #f2f9ff 50%, #ccebfb 50%, #ccebfb);
    background: linear-gradient(left, #f2f9ff, #f2f9ff 50%, #ccebfb 50%, #ccebfb);
    -moz-background-size: 3rem 3rem;
    -webkit-background-size: 3rem 3rem;
    background-size: 3rem 3rem; 
}

.access_area{
  position:relative 
}

.access_area_map{
  position: absolute;
  top: 18%;
    left: 5%;
}

/*共通コンテンツエリア*/
.content {
    margin-top: 64px;
    padding: 1em;
    text-align: left;
    font-size: 12px;
    line-height: 1.5;
}

.content_padding_none {
    margin-top: 64px;
}

.content_padding {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
    text-align: left;
    font-size: 12px;
    line-height: 1.5;
}

}

@media screen and (max-width:321px) { 

.map-frame{
  margin-top: -92%;
}

}

@media screen and (min-width:321px) { 

.map-frame{
  margin-top: -62%;
}

}