/*****************************************************************************
 CSS only for /sr/eventreport/sapporo/
*****************************************************************************/
/*
 Set
*****************************************************************************/
#Area_sr_box_left {
    float: none;
    width: auto;
}
.ex_h3style{
  margin-top: 60px;
}
/* Event__lead
-----------------------------------------*/
.Event__lead{
  margin-bottom: 60px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.Event__lead{
  margin-bottom: 30px;
}
}

/* Event__repo
-----------------------------------------*/
.Event__repo{
}
.Event__repo:after {
content: "";
display: block;
clear: both;
}
.Event__repo__img{
  float: left;
  width: 400px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.Event__repo__img{
  float: none;
  width: auto;
}
}
.Event__repo__body{
  float: right;
  width: 530px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.Event__repo__body{
  float: none;
  width: auto;
}
}
.Event__repo__body p{
  margin: 0 0 15px 0;
}
#Area_sr .Event__repo__body p a:link    {text-decoration: underline;}
#Area_sr .Event__repo__body p a:visited {text-decoration: underline;}
#Area_sr .Event__repo__body p a:hover   {text-decoration: none;}
#Area_sr .Event__repo__body p a:focus   {text-decoration: none;}
#Area_sr .Event__repo__body p a:active  {text-decoration: none;}

/*
 Style
*****************************************************************************/
/* Widebnr
-----------------------------------------*/
.Widebnr{
  margin-bottom: 50px;
}
.Widebnr img.pcimg{
  display: block;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.Widebnr img.pcimg{
  display: none;
}
}
.Widebnr img.spimg{
  display: none;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.Widebnr img.spimg{
  display: block;
}
}
.Widebnr p a{
  display: block;
}
.Widebnr p a:hover,.Widebnr p a:focus{
  opacity: 0.7;
}


/* Photobox
-----------------------------------------*/
.Photobox{
  margin-top: 20px;
}
.Photobox ul:after {
content: "";
display: block;
clear: both;
}
.Photobox ul li{
  float: left;
  width: 476px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.Photobox ul li{
  float: none;
  width: auto;
  margin-bottom: 10px;
}
.Photobox ul li img{
  width: 100%;
  height: auto;
}
}
.Photobox ul li:nth-child(2n){
  float: right;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.Photobox ul li:nth-child(2n){
  float: none;
}
}

/* Textlink
-----------------------------------------*/
.Textlink{
  margin-bottom: 60px;
  text-align: center;
}
.Textlink p{
  font-size: 16px;
  line-height: 1.5;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.Textlink p{
  font-size: 14px;
}
}
.Textlink p br{
  display: none;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.Textlink p br{
  display: inline-block;
}
}


#Area_sr .Textlink p a:link    {text-decoration: underline;}
#Area_sr .Textlink p a:visited {text-decoration: underline;}
#Area_sr .Textlink p a:hover   {text-decoration: none;}
#Area_sr .Textlink p a:focus   {text-decoration: none;}
#Area_sr .Textlink p a:active  {text-decoration: none;}