@charset "UTF-8";

/* ヘッダーコンテナ 背景色 */
.siteHeadContainer {
  /* background-color: #22222299; */
  background-color: #ffffff55;
}

.default_container {
  margin: 120px auto 30px auto !important;
  padding: 0px 25px 50px 25px !important;
  text-align: left;
  background-color: var(--root-font-color-lightgray);
  box-shadow: 0 0 6px 1px var(--root-font-color-lightgray), 0 0 6px 1px var(--root-font-color-lightgray) inset;
}


.mainSection-pos-right {
  margin: 0 auto 100px auto;
}

.mainSection header,
.category-blog .entry-meta,
.category-blog .entry-title,
.category-blog .entry-body,
.category-blog .veu_autoEyeCatchBox {
  margin: 0;
  padding: 0;
  border: none;
}

/* タイトル背景色 */
.typesquare_tags header{
  background-color: transparent;
}


/* アイキャッチ画像 */
.entry-body .veu_autoEyeCatchBox {
  margin: 20px auto 80px auto;
  border: none;
  text-align: center;
  width: 90%;
}

/* タイトル */
h1.entry-title {
  font-size: calc(16 / var(--root-font-size) * 1rem);
  display: block;
  text-align: left;
  margin: 3px auto 30px 0 !important;
  color: var(--root-font-color-sub1);
  padding: 20px 0 20px 15px !important;
  width: 100%;
  border-left: 10px solid var(--root-font-color-sub1);
  border-bottom: 1px solid var(--root-font-color-gray3) !important;
  height: auto;
}

/* 本文文章 */
.category-blog .entry-body p {
  font-size: calc(13 / var(--root-font-size) * 1rem);
  color: var(--root-font-color-darkgray);
  line-height: 2.0;
  /* padding-left: 50px; */
}






/* prev next */


/* FLEXコンテナ(親) 均等ー中 揃え */
.flex_block-between-justify-blog-post {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  min-width: 0px;
  width: 90%;
  margin: 0 auto 0 auto;
  border: 1px solid #22222222;
  box-shadow: 0 0 6px 1px var(--root-font-color-lightgray), 0 0 6px 1px var(--root-font-color-lightgray) inset;
  background-color: var(--root-font-color-white);
  min-height: 80px;
}

.previous-post {
  display: flex;
  align-self: flex-start;
  margin: 0 auto 0 0;
  width: 100%;
  line-height: 1.2;
  /* background-color: #22222222; */

}

.previous-post-all {
  text-align: center;
  margin: 0 auto 0 auto;
  width: 200px;
  padding: 10px;
  background-color: var(--root-font-color-sub1);
}

.previous-post-all a {
  color: var(--root-font-color-white);
}

.next-post {
  display: flex;
  align-self: flex-start;
  line-height: 1.2;
  margin: 0 0 0 auto;
  text-align: right;
  width: 100%;
}


.thumbnail {
  width: auto;
  height: 100%;
  flex-grow: 0.5;
}

.thumbnail-re {
  width: auto;
  height: 100%;
  flex-grow: 0.5;
}

.post-text {
  width: 100%;
  flex-grow: 2.5;
  align-self: flex-start;
  /* margin: 0 auto 0 0; */
  text-align: left;
  padding: 5px 10px 5px 10px;
}

.post-text-re {
  width: 100%;
  flex-grow: 2.5;
  align-self: flex-start;

  /* margin: 0 auto 0 0; */
  text-align: right;
  padding: 5px 10px 5px 10px;
}

.post-text-title {
  margin-bottom: 5px;
}



/* 780px未満 */
@media (max-width: 779.99px) {

  .flex_block-between-justify-blog-post {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    border: none;
  }

  .previous-post-all {
    width: 100%;
  }

}