@charset "UTF-8";
/*------------------------------------
 heading
------------------------------------*/
#heading {
  width:100%;
  position:absolute;
  top:70px;
  left:0;
  z-index:1;
}
.header01-title {
  width:90%;
  max-width:1100px;
  margin:0 auto;
  font-size:1rem;
  color:#fff;
  text-align:right;
}
.nav-toggle>span {
  display: inline-block;
  width: 100%;
  height: 4px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  background: #fff;
  border-radius: 2px;
  transition: all .4s;
  box-sizing: border-box;
}

.scroll .nav-toggle>span {
  background: #1a1a1a;
}

.scroll .nav-toggle>span,
.active .nav-toggle>span {
  background: #1a1a1a;
}

.nav__sns i {
  font-size: 2.2rem;
  color: #fff;
}

.scroll .nav__sns i,
.active .nav__sns i {
  color: #1a1a1a;
} 

/*------------------------------------
 .fv
------------------------------------*/
#fv {
  width:100%;
  height:auto;
  position:relative;
  overflow:hidden;
}
#fv::before {
  display:block;
  content:'';
  width:100%;
  height:0;
  padding-top:28.125%;
}
.mask {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
}
.isPlay {
  background:#fff;
  animation: play .5s cubic-bezier(.8,0,.5,1) 1 forwards;
  opacity:1!important;
}
.isPlay::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  width:100vw;
  height:100%;
  background:linear-gradient(45deg,#CD0000 25%,#ff0000 100%);
  background-size:cover;
  background-position:center right;
  animation:maskOut .5s cubic-bezier(.8,0,.5,1) .5s 1 forwards;
}
@keyframes play {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes maskOut {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(101%);
  }
}
.mask {
  opacity:0;
}

.fv-inner {
  width:90%;
  max-width:1100px;
  height:auto;
  display:flex;
  flex-direction:column;
  position:absolute;
  top:55%;
  left:50%;  
  transform:translate(-50%,-50%);
  color:#fff;
  z-index:1;
}
.fv-ttl {
  width:100%;
  line-height:1.4;
  display:flex;
  flex-direction:column;
  mix-blend-mode:overlay;
}
.fv-ttl > h2 {
  font-size:3.6rem;
  order:2;
}
.fv-ttl > span {
  font-family:"Playfair Display", serif;
  font-optical-sizing:auto;
  font-weight:400;
  font-style:normal;
  padding-left:5px;
  order:1;
}
.fv-ttl > p {
  width:30%;
  display:flex;
  align-items:center;
  font-family:"Playfair Display", serif;
  font-optical-sizing:auto;
  font-weight:400;
  font-style:normal;
  padding-left:5px;
  order:3;
}
.fv-ttl > p::after {
  display:block;
  content:'';
  flex:1;
  border-top:1px solid #fff;
  margin-left:5px;
  margin-top:2.5px;
}
.fv-ttl > p > img {
  width:12px;
  margin-right:5px;
}
.fv-img {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
}
.fv-img picture,
.fv-img img {
  height:100%;
  object-fit:cover;
}
.fv-img::after {
  display:block;
  content:'';
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background:linear-gradient(45deg,#DA1E1E,#1a1a1a);
  opacity:.4;
}
.navi {background:none;}
.header01-title {
  width:90%;
  height:auto;
  max-width:1280px;
  margin:0 auto;
  padding:5px 0;
  text-align:right;
  font-size:1rem;
  font-weight:normal;
  line-height:1.4;
  box-sizing:border-box;
}
.header01-title > br {
  display:none;
}
.navi__list > ul,
.footer-nav > ul{
	padding-left:0;
}
.navi__list > ul > li > a {
	white-space:nowrap;
}
/*------------------------------------
 .wp adjust
------------------------------------*/
.content {
  margin-top:0;
}
.content-in {
  padding-top:80px;
}
.footer {
  margin-top:0;
  padding:0;
}
.footer-in.wrap {
  width:100%;
}
/*----------------------------------------------------
  wp adjust2
-----------------------------------------------------*/
.main {padding-top:0;}
.container {position:relative;}
.content-in {padding-bottom:100px;}
.ect-vertical-card .entry-card-wrap .entry-card-thumb {position:relative;}
.ect-vertical-card .entry-card-wrap .entry-card-thumb::after {display:block;content:'';width:100%;height:0;padding-top:56.25%;}
.ect-vertical-card .entry-card-wrap .entry-card-thumb img {display:block;width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;object-position:center;}
.ect-vertical-card .entry-card-wrap .entry-card-content {margin-top:10px;}
.entry-card-title, .related-entry-card-title {font-size:1.4rem;}
.entry-card-title {border-bottom:1px solid #ccc;min-height:60px;display:flex;justify-content:center;align-items:center;margin-bottom:15px;}
.entry-card-snippet, .related-entry-card-snippet {font-size:1.2rem;line-height:1.8;}
.entry-card-meta, .related-entry-card-meta {position:relative;bottom:initial;right:initial;margin-top:8px;}

.article h1 {border-bottom:1px solid #545454;padding-bottom:10px;font-size:1.8rem;}
.entry-content {margin-bottom:30px;}
.related-entry-heading {font-size:1.6rem;}
.sidebar h2, .sidebar h3 {font-size:1.4rem;background:#F7F7F7;}
.sidebar h3 {font-size:2rem;display:flex;justify-content:space-between;align-items:center;color:#232323;}

.widget_popular_entries h3::after,.widget_new_entries h3::after,.widget_archive h3::after,.widget_categories h3::after {display:inline;font-size:1.4rem;font-weight:normal;color:#ccc;}
.widget_popular_entries h3::after {content:'人気記事';}
.widget_new_entries h3::after {content:'新着記事';}
.widget_archive h3::after {content:'アーカイブ';}
.widget_categories h3::after {content:'カテゴリー';}
.widget-title::after {content:'コンテンツ';display:inline;font-size:1.4rem;font-weight:normal;color:#ccc;}
.widget-entry-cards .a-wrap:nth-of-type(n+2),.cat-item:nth-of-type(n+2),.widget_archive li:nth-of-type(n+2) {border-top:1px dashed #ccc;}
.wp-block-search__label {display:none;}
.widget_block ul li a {font-size:1.4rem;}
.widget-entry-cards .a-wrap {
	width:100%;height:auto;
}
.widget-entry-card {display:flex;justify-content:space-between;width:100%;height:auto;}
.widget-entry-card-thumb {float:initial;}
.widget-entry-cards figure {
	width:45%;height:auto;position:relative;
}
.widget-entry-cards figure::after {
	display:block;content:'';width:100%;height:0;padding-top:56.25%;
}
.widget-entry-cards figure img {
	width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;
}
.widget-entry-card-content {width:50%;margin-left:0;display:flex;flex-direction:column-reverse;justify-content:center;padding:8px 0;}
.widget-entry-card-date.display-none {display:block;}
.widget-entry-card-post-date.post-date{color:#ccc!important;font-weight:bold;}
.widget-entry-card-post-date.post-date {display:block;font-size:1rem;color:#ccc;}
.widget-entry-card-title {font-size:1.2rem;}
.sidebar-link {width:100%;height:auto;}
.sidebar-link a {display:block;width:100%;height:auto;}
.sidebar-link a:nth-of-type(n+2) {margin-top:10px;}
.sidebar-link a > img {display:block;width:100%;height:auto;}


#blog_category_list {width:100%;height:auto;padding-top:80px;}
.blog_category_list ul {
	width:90%;height:auto;max-width:800px;
    display:flex;justify-content:center;margin: 0 auto;align-items:center;flex-wrap:wrap;
	list-style:none;padding-left:0;
}
.blog_category_list ul li:nth-of-type(n+2) {margin-left:10px;}
.blog_category_list ul li > a {display:flex;justify-content:center;align-items:center;width:auto;height:44px;padding:0 20px;box-sizing:border-box;background:#0ecc8a;color:#fff;font-weight:bold;border-radius:50vh;}

.article h2 {font-size:1.8rem;background:#F7F7F7;}
.article h2, .article h3, .article h4, .article h5, .article h6 {margin-bottom:20px;}
.article h3, .article h4, .article h5, .article h6 {width:100%;font-size:1.8rem;border:none;border-bottom: 3px solid #F9F9F9;position:relative;padding-left:10px;}
.article h3::before,.article h4::before,.article h5::before,.article h6::before {font-family: "Font Awesome 5 Free";font-weight:900;content:"\f0da";margin-right:6px;}
.article h3::after,.article h4::after,.article h5::after,.article h6::after {content:'';background-color:#E44848;width:3em;height:3px;position:absolute;bottom:-3px;left:0;z-index:1;}
.article p {font-size:1.6rem;text-align:justify;}
.entry-date {font-size:1.2rem;}
.entry-categories a {color:#fff!important;}
.toc {width:100%;}
.post-update {display:none;}

.sns-follow-buttons a {width:calc(100%/4);
}
/*------------------------------------
  parallax
------------------------------------*/
.parallax {
  width:100%;
  height:auto;
  overflow: hidden;
  position:relative;
  z-index:1;
}
.parallax::before {
  display:block;
  content:'';
  width:100%;
  height:0;
  padding-top:39.375%;
}
.parallax::after {
  display:block;
  content:'';
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background:linear-gradient(45deg,#DA1E1E,#1a1a1a);
  opacity:.4;
}
.parallax-img {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
}
.parallax-img > img {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:50%;
  transform:translate(-50%,0);
  object-fit:cover;
  object-position:top center;
}
.parallax-sp {
  display:none;
}
.parallax-ttl {
  width:90%;
  max-width:1024px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  font-family:"Playfair Display", serif;
  font-weight:400;
  font-style: normal;
  line-height:1.6;
  color:#fff;
  mix-blend-mode:overlay;
  z-index:1;
}
.mv-ttl--bold {
  font-size:7rem;
}
.mv-ttl--reg {
  font-size:4rem;
}
.category-3 .list .post-date {
  display: none;
}

@media screen and (max-width:1280px) {
  .link-btn {
    width:70%;
  }
}
@media screen and (max-width:1100px) {
  .navi.is-open {
    background:#fff;
  }
  .link-btn {
    width:70%;
  }
}
@media screen and (max-width:1024px) {
  #fv::before {
    padding-top:40%;
  }
  .copyright {
    width:auto!important;
  }
  /*--parallax---*/
  .parallax::before {
    padding-top:65%;
  }
  .parallax-sp {
    display:block;
  }
  .parallax-pc {
    display:none;
  }
}
@media screen and (max-width:896px) {
  #fv::before {
    padding-top:45%;
  }
  /*--parallax---*/
  .parallax::before {
    padding-top:85%;
  }
}
@media screen and (max-width:787px) {
}
@media screen and (max-width:680px) {
  #fv::before {
    padding-top:75%;
  }
  .fv-inner {
    width:85%;
  }
  .fv-ttl > p {
    width:45%;
  }
  /*--parallax---*/
  .parallax::before {
    padding-top:100%;
  }
}
@media screen and (max-width:480px) {
  #fv::before {
    padding-top:85%;
  }
  .fv-inner {
    width:85%;
    top:55%;
  }
  .fv-ttl > h2 {
    padding:5px 0;
    font-size:3rem;
  }
  .fv-ttl > p {
    width:70%;
  }
  .fv-ttl > p > img {
    width:10px;
  }
  .breadcrumbs-body {
    width:85%;
  }
  .breadcrumb__current {
    background:rgba(255,255,255,.6);
  }
  .loop__col {
    width:650vw;
  }
  .loop__item__1st {
    width: 17.5%;
    margin-top: auto;
    filter: drop-shadow(4px 4px  rgba(255, 0, 0, .2));
  }
  .loop__item__2nd {
    width: 17.5%;
    filter: drop-shadow(4px 4px 0 #eee);
    border-radius:8px;
  }
  .loop__item__2nd > img {
    border-radius:8px;
  }
  .loop__item__3rd {
    width:10%;
    filter:drop-shadow(4px 4px 0 #eee);
}
  /*---parallax---*/
  .mv-ttl--bold {
    font-size:4.6rem;
  }
  .mv-ttl--reg {
    font-size:2.6rem;
  }
}