@charset "UTF-8";

/* scroll bar（右側）表示   */
body {
    overflow-y: scroll;
}



/* -------------------
loader（ローディング画面） Start 
-------------------*/
/* 非表示 */
.is-hide {
    display: none;
}
/* LOADING */
#loader-bg {
  background: #ffffff;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
#loader {
  height: 120px;
  left: 50%;
  margin-left: -60px;
  margin-top: -60px;
  position: fixed;
  top: 50%;
  width: 120px;
}
#loader p {
    color: #454545;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
}
#loader p img {
    display: inline-block;
}
/* loader End */     






/*  News-info BOX  */
#news {
    max-width: 1000px;
    position: relative;
    top: -40px;
    left: 0px;
    padding-top: 20px;
    background-color: #fff;
}

/*  News-infoロゴ  */
.headline {
    font-size: 30px;
    line-height: 100%;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    color: #00698C;
    vertical-align: middle;
}



/*  ★slick縦スライダ―  */
/* slick-theme.cssのドット修正 */
.slick-dots {
    position: absolute;
    left: -50px;
    /* ドットの表示位置の指定*/
}
.slick-dots li button:before {
    font-size: 6px;   /* ドットの大きさの指定*/
    line-height: 20px;
}



.sliderArea {
    max-width: 100%;
    margin: 0 auto;
}

.sliderArea.w300 {
    max-width: 490px;
    margin: 0;
    /* ★追加   */
    padding: 2px 0 0 0;
    /* ★追加上部高さ調   */
}

.slick-slide {
    margin: 0;
}

.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}

.slick-active {
    opacity: 1;
}

.slick-current {
    opacity: 1;
}

.thumb {
    margin: 20px 0 0;
}

.thumb .slick-slide {
    cursor: pointer;
}

.thumb .slick-slide:hover {
    opacity: .7;
}



/*  view-more bottom  */
.btn-flat-border {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #111;
    border: solid 1px #111;
    transition: .4s;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1.5;
    font-family: source-han-serif-japanese, 游明朝体, YuMincho, "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.btn-flat-border:hover {
    background: #111;
    color: white;
}

/*  切替ボタン表示  */
.card {
    width: 530px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    top: -35px;
    left: -530px;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem 0 1rem 1.5rem;
}

.card-body li {
    padding-bottom: 13px;
}