@charset "UTF-8";
/* *** Variables Settings *** */
/* Colors */
/* Fonts */
/* Break Point */
/* Container width margine 1100px + 20px */
/* Speces */
/* *** mixin *** */
/* break point */
/* gradation */
/* clearfix */
/* *** 共通 *** */
/* *** 一覧ページ *** */
/* KV */
.kv_area {
  position: relative;
}
.kv_area .catchphrase_area {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-right: 3%;
}
@media (min-width: 768px) {
  .kv_area .catchphrase_area {
    padding-top: 8%;
    padding-left: 8%;
  }
}
@media (max-width: 767.89px) {
  .kv_area .catchphrase_area {
    padding-top: 10%;
    padding-left: 3%;
  }
}
.kv_area .catchphrase_area .catchphrase {
  animation-name: fadeInLeft;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}
@media (min-width: 768px) {
  .kv_area .catchphrase_area .catchphrase {
    margin-left: 0;
  }
}
@media (max-width: 767.89px) {
  .kv_area .catchphrase_area .catchphrase {
    padding-right: 17%;
  }
  .kv_area .catchphrase_area .catchphrase p {
    margin: 0.5rem 0;
  }
}

/* イレギュラー画面幅対応 */
@media screen and (min-width: 768px) and (max-width: 1100px) {
  .catchphrase {
    padding: 1rem 3rem 2rem 2.5rem;
  }
  .catchphrase p {
    font-size: 1rem;
  }
}
/* KV オープニングアニメ */
/* keyframes for catchphrase animate */
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* *** post 詳細ページ *** */
/* 下部リンク */
.ls_owners_link {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .ls_owners_link {
    flex-direction: row;
  }
}
.ls_owners_link li {
  flex-basis: 100%;
  margin-bottom: 1rem;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .ls_owners_link li {
    flex-basis: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.container img {
  max-width: 100%;
  height: auto;
}

/* iframe 調整 Youtube GoogleMaps 16:9 */
.blog_content iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

/* iframe 調整 instagram */
.blog_content iframe#instagram {
  width: 70%;
  max-height: 860px;
  aspect-ratio: 3 / 4;
}

/* ブログ詳細 reset.css打ち消し */
.blog_content h1,
.blog_content h2,
.blog_content h3,
.blog_content h4,
.blog_content h5,
.blog_content h6,
.blog_content pre,
.blog_content strong,
.blog_content em,
.blog_content strike,
.blog_content ul,
.blog_content ol,
.blog_content dl,
.blog_content dd,
.blog_content header,
.blog_content address {
  all: revert;
}
.blog_content img {
  vertical-align: bottom;
}

.WebEditor h1,
.WebEditor h2,
.WebEditor h3,
.WebEditor h4,
.WebEditor h5,
.WebEditor h6,
.WebEditor pre,
.WebEditor strong,
.WebEditor em,
.WebEditor strike,
.WebEditor ul,
.WebEditor ol,
.WebEditor dl,
.WebEditor dd,
.WebEditor header,
.WebEditor address {
  all: revert;
}/*# sourceMappingURL=information.css.map */


