@charset "UTF-8";

/* ================================================================== */

/* Article CSS

===================================================================== */

.a-site_contents             { background-color: #f0f0f0; }
.a-site_contents .site_frame { color: #000; }

.a-site_contents .site_frame img { max-width: 100%; }

.a-site_contents .site_frame { padding-top: 0 !important; margin-top: 0 !important; }
.a-site_contents .column     { padding:  24px 0 0 0 !important; }
	
@media(min-width:1115px) {
  .a-site_contents .site_frame,
  .a-site_contents .site_frame .a-main { width: 780px !important; margin-left: auto; margin-right: auto; }
}
@media(max-width:1114px) {
  .a-site_contents .site_frame { width: calc(100% - 40px); margin-left: 20px; margin-right: 20px; }
  .a-site_contents .site_frame .a-main { width: 100%; }
}


/* ------------------------------------------------------------------ */
/* ttl body 共通
--------------------------------------------------------------------- */

.capFont {
  display: block;
  font-size: 15px;
  line-height: 24px;
  margin-top: 6px;
  font-family: "Roboto", sans-serif !important;
}

/* ------------------------------------------------------------------ */
/* タイトル周り
--------------------------------------------------------------------- */

/* タイトル周り 共通 */

@media(min-width:1115px) {
  .article-ttl { padding-left: 20px; border-left: 4px solid #ffe782; }
}
@media(max-width:1114px) {
  .article-ttl { padding-left: 15px; border-left: 3px solid #ffe782; }
}

/* タイトル周り 1 -- 画像＝ウィンドウ幅 */
.article-mv-01-w { color: #fff; }
.article-mv-01-b { color: #000; }

.article-mv-01-w .article-ttl-outer { background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent); }
.article-mv-01-b .article-ttl-outer { background: linear-gradient(to top, rgba(255, 255, 255, 0.6), transparent); }
[class *= 'article-mv-01'] .article-ttl-outer {
  position: absolute;
  bottom: 0;
  left: 0;
}

[class *= 'article-mv-01'] .article-img       { width: 100%; position: relative; overflow: hidden; }
[class *= 'article-mv-01'] .article-img img   { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; }

@media(min-width:1115px) {
  [class *= 'article-mv-01'] .article-ttl-outer { width: 100%; padding: 0 calc(50% - 557.5px) 60px; }
  [class *= 'article-mv-01'] .article-img       { height: 580px; }
  [class *= 'article-mv-01'] .article-img img   { width: 100%; max-height: initial; }
}
@media(max-width:1114px) {
  [class *= 'article-mv-01'] .article-ttl-outer { width: 100%; padding:  24px 20px; }
  [class *= 'article-mv-01'] .article-img       { height: 500px; }
  [class *= 'article-mv-01'] .article-img img   { max-width: initial; height: 100%; }
}

/* タイトル周り 2 -- 画像＝記事幅 */

.article-mv-02     { margin-bottom: 20px; }
.article-mv-02 img { width: 100%; }

@media(min-width:1115px) {
  .article-mv-02 .article-ttl { margin-bottom: 32px; }
  .article-mv-02 .capFont { display: block; margin-top: 10px; }
}
@media(max-width:1114px) {
  .article-mv-02 .article-ttl { margin-bottom: 20px; }
  .article-mv-02 .capFont { display: block; margin-top: 10px; }
}

/* ------------------------------------------------------------------ */
/* module
--------------------------------------------------------------------- */

/* article-btnarea */
.article-btnarea { display: flex; justify-content: flex-end; margin-bottom: 20px; }

/* article-body */

.article-body {
  font-family: georgia, "times new roman", times, serif;
}

.article-body a { display: inline-block; color: #B20000; word-break: break-all; }
.article-body img { width: 100%; }

@media(min-width:1115px) {
  .article-body {
    font-size: 18px;
    line-height: 32px;
  }
}
@media(max-width:1114px) {
  .article-body {
    font-size: 16px;
    line-height: 27px;
  }
}

/* article-navi */

.article-navi {
  display: flex;
  justify-content: space-between;
  padding: 40px 0;
}
.article-navi > div {
  width: 33.33%;
  text-align: center;
}
.article-navi a {
  position: relative;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  padding: .8em;
  /* color: #fff;
  background-color: #999; */
  border: 2px solid #000;
  padding: .5em 1.2em;
}

.prev   { text-align: left !important; }
.next   { text-align: right !important; }
.prev a { padding-left: 1.6em; }
.next a { padding-right: 1.6em; }

.prev a::before,
.next a::before {
  position: absolute;
  display: block;
  top: 50%;
  width: 6px;
  height: 10px;
  transform: translateY(-50%);
  content: '';
}
.prev a::before {
  left: 5%;
  background: url(../image2/icon-arr-05.png) 0 0 no-repeat;
  background-size: cover;
}
.next a::before {
  right: 5%;
  background: url(../image2/icon-arr-02.png) 0 0 no-repeat;
  background-size: cover;
}

@media(min-width:642px) {
  .article-navi p { min-width: 115px; }
  .article-navi a { font-size: 18px; }
}
@media(max-width:641px) {
  /* .article-navi p { width: 30%; } */
  .article-navi a { font-size: 16px; }
}

/* layoutBox - %指定などその他のレイアウトは下部に記載 */

.layoutL-2   { float: left; margin: 10px 3.225% 20px 0; }
.layout4-1-2 { width: 22.65625%; }
.layout2-1-2 { width: 48%; }

@media(min-width: 642px) {
  .layoutBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .layout2-1,
  .layout4-2 { width: 48%; }
  .layout3-1 { width: 31%; }
  .layout3-2 { width: 65.5%; }
  .layout4-1 { width: 22.65625%; }
  .layout4-3 { width: 74.19354838709677%; }
  .layout2-1c { width: 48.387%; margin: 0 25.8065%; }
  .layout3-1c { width: 65.592%; margin: 0 34.4085%; }
  .layout3-2c { width: 65.592%; margin: 0 17.204%; }
  .layout4-3c { width: 74.19354838709677%; margin: 0 16.015625%; }
  .layoutfl:not(:last-child) { margin-right: 3.5%; }
  .layoutR { float: right; margin: 0px 0 30px 30px; }
  .layoutL { float: left;  margin: 0px 30px 30px 0; }
  .layoutBox > [class *= 'layout'] { float: none; }
}
@media(max-width: 641px) {
  [class *= 'layout2']:not(:last-child), [class *= 'layout3']:not(:last-child), [class *= 'layout4']:not(:last-child), .layoutfl:not(:last-child) { margin-bottom: 20px; }
}

/* contentBox */
.contentBox {
  background-color: #fff;
  border-top: 4px solid #000;
  padding: 1.6em;
  font-size: 82%;
  line-height: 1.8em;
}

/* other */

.decoLineBox {
  padding: 15px;
  border: 1px solid #000;
}

/* JET */

.link-jet { display: flex; align-items: center; }

@media(min-width: 642px) {
  .link-jet     {}
  .link-jet-img { margin-right: 24px; }
  .link-jet-txt {}
}
@media(max-width: 641px) {
  .link-jet     { flex-direction: column; }
  .link-jet-img { margin-bottom: 15px;}
  .link-jet-txt { text-align: center; }
}

/* ------------------------------------------------------------------ */
/* BiND module
--------------------------------------------------------------------- */

.c-page_title, .c-title, .c-large_headline, .c-small_headline { font-weight: bold; }

.c-hr { border-top: 2px solid #fff; }

.c-note {
  font-size: 16px;
  line-height: 26px;
  font-family: "Roboto", sans-serif !important;
}

.article-body .c-lead {
	padding: 1em 0;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}


.article-img .c-lead {
  font-family: georgia, "times new roman", times, serif;
}

@media(min-width:1115px) {
  .c-title {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 12px;
  }
  .c-large_headline {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px;
  }
  .c-small_headline {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 22px;
  }
  .c-lead {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 32px;
  }
  .article-ttl .c-lead {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px;
    font-weight: bold;
  }
  .article-ttl .c-page_title {
    font-size: 42px;
    line-height: 50px;
    margin-bottom: 12px;
  }
  .capFont .c-large_headline { margin-top: 8px; margin-bottom: 16px; }
  .capFont .c-small_headline { margin-top: 8px; margin-bottom: 10px; }
}

@media(max-width:1114px) {
  .c-title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 12px;
  }
  .c-large_headline {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .c-small_headline {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .c-lead {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 27px;
  }
  .article-ttl .c-lead {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 4px;
    font-weight: bold;
  }
  .article-ttl .c-page_title {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .capFont .c-large_headline { margin-top: 8px; margin-bottom: 6px; }
  .capFont .c-small_headline { margin-top: 8px; margin-bottom: 4px; }
}

/* ------------------------------------------------------------------ */
/* その他のレイアウト
--------------------------------------------------------------------- */

.layoutBoxDisbl { display: block; }
.layoutBoxDisbl img { width: 100%; }
.layoutBoxFlex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.layoutBoxFlexReverse {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction : row-reverse;
}
.layoutBoxFlexCenter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.layoutBoxFlex_item-10 { width: 10%; }
.layoutBoxFlex_item-20 { width: 20%; }
.layoutBoxFlex_item-30 { width: 30%; }
.layoutBoxFlex_item-40 { width: 40%; }
.layoutBoxFlex_item-50 { width: 50%; }
.layoutBoxFlex_item-60 { width: 60%; }
.layoutBoxFlex_item-70 { width: 70%; }
.layoutBoxFlex_item-80 { width: 80%; }
.layoutBoxFlex_item-90 { width: 90%; }
.layoutBoxFlex_item-14 { width: 14%; }
.layoutBoxFlex_item-86 { width: 86%; }

[class *= 'layoutBoxFlex_item'] .layoutL { margin: 0; }
[class *= 'layoutBoxFlex_item'] .layoutL img { margin: 8px 5px 5px 0; }

@media(max-width:641px) {
  .layoutBoxFlex,
  .layoutBoxFlexReverse,
  .layoutBoxFlexCenter {
    display: block;
  }
  .layoutBoxFlex_item-14,
  .layoutBoxFlex_item-86,
  .layoutBoxFlex_item-10,
  .layoutBoxFlex_item-20,
  .layoutBoxFlex_item-30,
  .layoutBoxFlex_item-40,
  .layoutBoxFlex_item-50,
  .layoutBoxFlex_item-60,
  .layoutBoxFlex_item-70,
  .layoutBoxFlex_item-80,
  .layoutBoxFlex_item-90 {
    width: 100%;
  }
}

/*Utility---------------------------------------------*/

.u-mr20 {
  margin-right: 20px;
}
.u-mb20 {
  margin-bottom: 20px;
}