/* layout a 3 colonne full width */
@media only screen and (max-width: 1400px) {
  .l-right{
    width: 25%
  }
  .l-left{
    width: 25%
  }
  .l-center{
    margin-left:25%;
    margin-right:25%;
  }
}
@media only screen and (max-width: 1024px) {
  .l-right{
    display: none;
  }
  .l-left{
    width: 30%
  }
  .l-center{
    margin-left:30%;
    margin-right:0;
  }
  .post-navi_prev,
  .post-navi_next{
  z-index: 4;
  bottom: 0px;
  }
  .scene--3-about_images,
  .scene--3-about div.scrollmagic-pin-spacer{
  display: none
}

.m--col-6{
  width: 100%;

}
}
@media only screen and (max-width: 520px) {
  .no-mobile{display: none}
  .main{
    padding-top: 132px;
  }
  .post-excp_thumb{
    overflow: hidden;
    float: none;
    width: 100%;
    min-height:110px;
    max-height: 154px;
    margin-bottom: 21px;
    margin-left: 0px!important;
  }
  .site-header_social{
    display: none;
  }
  .page-header {
    font-size: .750em;
    position:fixed;
    top:44px;
    left:0px;
    height: 44px;
    line-height: 48px;
    width: 100%;
    border-bottom: solid 1px #ddd;
    background-color: #000;
    text-indent: 22px;
    color: #fff;
    z-index: 2;
  }
  .page-navigation{
  }

  .page-header h2{
    display: none;
  }
  .l-left{
    float:none;
    width: 100%;
  }
  .l-left .widget{
/*    float: left;
    width: 33%;*/
/*    display: none;*/
  }
  .l-center--duecolonne,
  .l-center{
    float: none;
    margin-left: 0%;
  }

/* mobile -content panel */
  #mobile-content{
    position: fixed;
    top:45px;
    z-index: 6;
    height: 44px;
    line-height: 44px;
    right: 2px;
  }
  .mobile-content_panel {
    display:block;
    color: #999;
  }
  .mobile-content_panel-container{
    display:none;
  }

  .mobile-content_panel--is-active {
    width: 100%;
    display:block;
    padding:11px;
    font-size: .850em;
    position: fixed;
    top:88px;
    left: 0px;
    background:rgba(0,0,0,0.91);
    z-index: 200001;
    box-shadow:-10px 11px 0px 0px rgba(0,0,0,0.041);
  }
  .mobile-content_panel--is-active .widget{
    float: left;
    color: #fff;
    margin-left: 12px;
  }
   .mobile-content_panel--is-active a{
    color: #fff;
   }
  .mobile-content_panel--is-open{
    color: #fff;
  }
  .mobile-content_panel--is-open:before{
    display: block;
    height: 44px;
    color: #fff;
    content:'-';
  }
  .mb{
    margin-bottom: 8px;
  }
  .mb--2{
    margin-bottom: 11px;
  }


}
@media only screen and (max-width: 320px) {

}