/*お知らせスクロールバー*/
/*スクロールバー全体*/
::-webkit-scrollbar {
    width: 10px;
}

/*スクロールバーの軌道*/
::-webkit-scrollbar-track {
  background-color:#e6e6e6;
}

/*スクロールバーの動く部分*/
::-webkit-scrollbar-thumb {
  background-color: #909090;
}

.herobnr {
  max-width:900px;
  margin:2em auto;
}

/*slider*/

.bx-wrapper .bx-viewport {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    left: 0 !important;
    background: none !important;
}

/*right bnr*/
.herobnr .bnr img {
  margin-bottom:0.8em;
}
.naga img, img.kawara{border: 1px solid #666;}
.bx-wrapper{border: 1px solid #ccc;}
.herobnr .l-4x3 {width:72%;}
.herobnr .l-4 {width:25.5%;}
.sns .l-5 {width:15%;}
.l-5x2 {width:38%;}
.between.sns {justify-content:space-evenly;}
.sns img {border:none;}

@media screen and (max-width: 499px){
  .herobnr {margin:0 auto;}
  .bnr{margin:0 0.5em;}
  .sns {margin-top:1em;}
  .sns .l-5 {width:20%;}
  .herobnr .s-1 {width:100%;}
}

/*timeline*/
.timeline .tl-icon {max-width:50px;}
.timeline a:not(:last-child) {margin-right:1.5em;}

@media screen and (min-width: 499px){
  .timeline a:first-child{margin-left:1.5em;}
}

@media screen and (max-width: 499px){
  .timeline {line-height: 2.5;}
}

.tl-fb,.tl-tw {
  margin:0 auto;
  max-width:80%;
  height:50em;}

 
.tl-fb > .fb-page {
    width: 100%;
}
 
.tl-fb > .fb-page > span,
.tl-fb iframe {
    width: 100% !important;
}

.timeline .l-2:first-child{border-right:1px solid #666;}

.h-fb {max-width:165px;}
.h-tw {max-width:128px;}
.h-fb,.h-tw{margin:0 auto 2em;}