@charset "UTF-8";

/*********************************************************************
  TOP スタイル
*********************************************************************/
/* style
------------------------------------------------------------------ */
#mainImg{
  background:#eee6d7 url("/common/images/bg.png") no-repeat 0 center;
  background-size:cover;  
}

#lead{padding-bottom:70px;}
#lead h2 img{filter: drop-shadow(1px 1px 1px #000);}
#lead p{
  font-size:1.28rem;
  color:#fff !important;
}
#menu{
  background:#e5e6d7 url("/images/bg_menu.jpg") no-repeat 0 center;
  background-size:cover;  
}
#menu .col{text-align:center;}
#news{
  position:relative;
  background:#efefef url("/images/bg_news.png") no-repeat 0 center;
  background-size:cover;
  overflow: hidden;
}
#news:before,
#news:after{
  position: absolute;
  width:346px;
  height:174px;
  content: "";
  z-index:9999;
  display:block;
  visibility:visible;  
}
#news:before{
  top:0;
  left:0;
  background: url("/images/bg_news2.png") no-repeat;
}
#news:after{
  bottom:0;
  right:0;
  background: url("/images/bg_news3.png") no-repeat;
}
#sns{
  background:#efefef;
}
#sns .col:last-child{
  background:#fff;
  padding:20px;
  border-radius: 10px;
}

@media only screen and (max-width: 1240px) {
  #news:before{left:-200px;}
  #news:after{
    right:0;
    bottom:-100px;
  }
}

#news dt{
  float:left;
  clear:both;
  width:6em;
}
#news dd{
  margin:0 0 30px;
  padding:0 0 20px 7em;
  background: url(../images/line_news.png) repeat-x bottom left;
}
#instagram{background: url("../images/bg_instagram.gif") top left;}
#instagram iframe{height:392px;}
#sponsor .tit2 p{color:#fff;}
#sponsor .inner{
  padding:30px;
  background-color:rgba(255,255,255,0.85);
  box-sizing: border-box;
}
#sponsor .inner .col:first-child{text-align:right;}
#sponsor .inner img{opacity: 1;}
@media only screen and (max-width: 660px) {
#mainImg .inner{margin-bottom:0; }
#lead p{
  text-align:left;
  font-size:1rem;
}
#sponsor .inner .col{text-align:center !important;}

.media-grid .media-list-item .media-image-wrapper{ width:32% !important;}

}