@charset "UTF-8";
/* body#lux_veritatis のみで読み込むcss */
#lux_veritatis {
}
#lux_veritatis p {
  line-height: 1.8em;
}
p {
  margin-bottom: 0;
}
/*既に設定済*/
.fs_16 {
}
.fs_20 {
}
.fs_45 {
}
/*サイズ*/
.fs14 {
  font-size: 14px !important;
}
.fs16 {
  font-size: 16px !important;
}
.fs18 {
  font-size: 18px !important;
}
.fs22 {
  font-size: 22px !important;
}
.fs26 {
  font-size: 26px !important;
}
.fs30 {
  font-size: 30px !important;
}
.fs60 {
  font-size: 60px !important;
}

/*行間*/
.lh12 {
  line-height: 1.2em;
}
.lh15 {
  line-height: 1.5em;
}
.text_underline {
  text-decoration: underline;
}

/*余白*/
.px10 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px15 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.mb10 {
  margin-bottom: 1rem;
}
.mb15 {
  margin-bottom: 1.5rem;
}
.mb20 {
  margin-bottom: 2rem;
}
.mb30 {
  margin-bottom: 3rem;
}
.mb40 {
  margin-bottom: 4rem;
}
.mb50 {
  margin-bottom: 5rem;
}

.mx_auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
/*メディアクエリ*/
img {
  max-width: 90% !important;
}
.tooltip5 {
  text-align: center;
  width: 100%;
}
#contents_menu {
  display: flex;
  flex-flow: wrap;
}
#contents_menu .blog-entry {
  margin-bottom: 0 !important;
}
@media (min-width: 480px) {
  img {
    max-width: 75% !important;
  }
}
@media (min-width: 768px) {
  img {
    max-width: 100% !important;
  }
  .mb_sm_0 {
    margin-bottom: 0 !important;
  }
  .tooltip5 {
    text-align: left;
  }
}

/* xs */
@media (max-width: 768px) {
  /* .w-xs-75 {
    max-width: 75% !important;
  } */
}
/* sm */
@media (min-width: 768px) and (max-width: 992px) {
  /* .w-sm-75 {
    max-width: 75% !important;
  } */
}
/* md */
@media (max-width: 992px) {
  img {
    max-height: 48rem !important;
    max-width: 75% !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
}

/* lg */
@media (min-width: 1200px) {
}

.blog-entry a {
  height: 140px;
}

@media (min-width: 768px) {
  .blog-entry a {
    height: 200px;
  }
}

@media (min-width: 992px) {
  .blog-entry a {
    height: 180px;
  }
}
@media (min-width: 1200px) {
  .blog-entry a {
    height: 220px;
  }
}

.blog-entry img {
  object-fit: cover;
  /* object-position: 50% 50%; */

  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); */
}
blockquote {
  border: 1px solid #7d002f;
  border: 1px solid #646464;
  padding: 1.5rem;
  font-style: italic;
}

.tooltip5 .obj_fit_flame {
  width: 100%;
}

.tooltip5 .obj_fit_flame img {
  width: 100%;
  height: 140px;
  object-fit: cover;
}

@media (min-width: 768px) {
  .tooltip5 .obj_fit_flame img {
    height: 180px;
  }
}
@media (min-width: 992px) {
  .tooltip5 .obj_fit_flame img {
    height: 160px;
  }
}
@media (min-width: 1200px) {
  .tooltip5 .obj_fit_flame img {
    /*    height: 200px;*/
    height: 260px;
  }
}

/*sp時配置逆にするため*/
@media (max-width: 992px) {
  .ep1 .sec03.row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}

.ep3 .sec02 img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

@media (min-width: 768px) {
  .ep3 .sec02 img {
    height: 200px;
  }
}
@media (min-width: 992px) {
  .ep3 .sec02 img {
    /*    height: 190px;*/
    height: 280px;
  }
}
@media (min-width: 1200px) {
  .ep3 .sec02 img {
    /*    height: 230px;*/
    height: 380px;
  }
}
@media (min-width: 1400px) {
  .ep3 .sec02 img {
    height: 420px;
  }
}

/*　はじめに　　.introduction */
.introduction #contents_menu .contents_menu_one {
  /* border: 1px solid red; */
  /* padding-left: 10px;
  padding-right: 10px; */
}
.bg_white {
  background: #fff;
  height: 100%;
}
.introduction #contents_menu .contents_menu_one .blog-entry {
  /* border: 1px solid green; */
}

/*-----------------
エピソード５
-----------------*/
.ep5 #before-war,
.ep5 #showa,
.ep5 #modern {
  padding: 6rem 5rem;
  margin: 0 3rem 6rem 3rem;
}
@media (max-width: 1200px) {
  .ep5 #before-war,
  .ep5 #showa,
  .ep5 #modern {
    padding: 4rem 3rem;
  }
}
@media (max-width: 991px) {
  .ep5 #before-war,
  .ep5 #showa,
  .ep5 #modern {
    padding: 2rem 1.5rem;
    margin: 0 0 4rem 0;
  }
}

.ep5 #before-war {
  /*background: url(../images/ep5_bg_red_before-war.png) no-repeat center;*/
  background: url("../images/ep5_bg_before-war.png") no-repeat center;
  background-color: rgba(255, 255, 255, 0.3);
  background-blend-mode: overlay;
  background-size: cover;
}
.ep5 #showa {
  background: url("../images/ep5_bg_showa.png") no-repeat center;
  background-color: rgba(255, 255, 255, 0.3);
  background-blend-mode: overlay;
  background-size: cover;
}
.ep5 #modern {
  background: url("../images/ep5_bg_modern.png") no-repeat center;
  background-color: rgba(255, 255, 255, 0.3);
  background-blend-mode: overlay;
  background-size: cover;
}

@media (max-width: 991px) {
  .ep5 .d_sp_none {
    display: none;
  }
}
@media (min-width: 992px) {
  .ep5 .d_pc_none {
    display: none;
  }
}
.ep5 .deco_area {
  padding: 5rem 2rem;
}
@media (max-width: 991px) {
  .ep5 .deco_area {
    padding: 2rem 1rem;
  }
}

.ep5 .deco_area .tooltip5 {
  cursor: auto;
}
.ep5 .deco_area > div {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .ep5 .deco_area > div {
    margin-bottom: 2rem;
    padding: 0;
  }
}

.ep5 .deco_area figure {
  margin-bottom: 0;
}
.ep5 .deco_area figure img {
  margin-bottom: 1.5rem;
}
@media (max-width: 991px) {
  .ep5 .deco_area figure img {
    max-width: 85% !important;
  }
}

.ep5 .deco_area figure figcaption {
  color: #000;
  font-style: normal;
  text-align: center;
}

.ep5 .deco_area .title_area {
  text-align: center;
  padding: 4rem;
  background-color: rgba(125, 0, 47, 0.75);
  background-blend-mode: color-burn;
  padding: 2rem;
  margin: 4rem 0;
}
@media (max-width: 991px) {
  .ep5 .deco_area .title_area {
    padding: 1.5rem;
  }
}

.ep5 .deco_area .title_area h2 {
  /* color: #fff;
  background-color: #7d002f; */
  color: #7d002f;
  background-color: #fff;
  font-weight: bold;

  display: inline-block;
  padding: 0.5rem 10rem;
  margin-bottom: 1rem;
}

@media (max-width: 991px) {
  .ep5 .deco_area .title_area h2 {
    padding: 0.5rem 4rem;
  }
}

.ep5 .deco_area .title_area p {
  color: #fff;
}

/* aside/main幅修正 */
@media screen and (max-width: 1400px) {
  #fh5co-main {
    width: 70%;
  }
}
@media screen and (max-width: 1400px) {
  #fh5co-aside {
    width: 30%;
  }
}
@media screen and (max-width: 768px) {
  #fh5co-main {
    width: 100%;
  }
}

/*hoverアニメーション修正*/
.blog-entry .blog-img {
  float: none;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

#fh5co-hero .flexslider .slides li {
  background-position: top center;
}

@media (min-width: 1600px) {
  .ep3 .sec03 > div {
    width: 33.33333%;
  }
}
#top_mv_caption {
  text-align: right;
  padding: 10px;
  font-size: 14px;
  line-height: 1.6em;
}