@charset "UTF-8";

@font-face {
  font-family: "Noto Sans JP", sans-serif;
  src: url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
}

body {
  font-family: "Noto Sans JP", sans-serif;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
  font-optical-sizing: auto;
  font-style: normal;
}

body::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari 対応 */
}

.text-yellow {
  color: #ffff00;
}

.text-pink {
  color: #fa6972;
}

.text__underline {
  text-decoration: underline;
}

.text-bold {
  font-weight: 600;
}

.font-30 {
  font-size: 1.875rem;
}

.font-36 {
  font-size: 2.25rem;
}

a {
  text-decoration: none;
}

.el-column__singular {
  position: relative;
  background-color: #fcfcfc;
  z-index: 1;
}

.el-column__singular table {
  width: 100%;
  border-radius: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-collapse: collapse;
}

.el-column__singular tr {
  border-bottom: 3px solid #ccc;
}

.el-column__singular tr:first-child {
  border-bottom: transparent;
}

.el-column__singular th,
.el-column__singular td {
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  padding: 18px 0;
}

.el-column__singular th {
  background-color: #050505;
  border-right: 1px solid #fff;
  color: #fcfcfc;
}

.el-column__singular th:last-child {
  border-right: transparent;
}

.el-column__singular td {
  background-color: #fcfcfc;
  color: #050505;
  border-right: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-top: transparent;
}

.el-column__singular td:first-child {
  border-left: 2px solid #ccc;
}

.table__column6 th,
.table__column6 td {
  width: 16.6666666667%;
}

.table__column5 th,
.table__column5 td {
  width: 20%;
}

.table__column4 th,
.table__column4 td {
  width: 25%;
}

.table__column3 th,
.table__column3 td {
  width: 33.3333333333%;
}

.table__column2 th {
  width: 28%;
}

.table__column2 td {
  width: 72%;
  padding: 0 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.table__column2 tr {
  border-top: 3px solid #ccc;
  border-bottom: 3px solid #ccc;
}

.el-column__section {
  width: 96%;
  max-width: 750px;
  margin: 0 auto;
}

.el-column__section__cat {
  display: block;
  background-color: #333333;
  color: #ffffff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 1.125rem 0;
  padding: 0.625rem 1.25rem;
  text-decoration: none;
}

.el-column__title {
  margin-bottom: 1.25rem;
}

.el-column__title h1 {
  line-height: 1.5;
  font-size: 1.5rem;
  font-weight: 700;
}

.el-column__eyecatch {
  width: 100%;
  overflow: hidden;
  margin-bottom: 1.875rem;
}

.el-column__eyecatch img {
  width: 100%;
}

.elcolumn__contents__thumbnail {
  width: 100%;
}

.el-column__index {
  background-color: #f9f9f9;
  width: 100%;
  padding: 1.125rem 0.625rem;
  margin-bottom: 3.125rem;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*******************

目次

********************/

.el-column__index__head {
  position: relative;
  line-height: 1;
  margin-bottom: 2.5rem;
}

.el-column__index__head .el-column__index__title {
  position: relative;
  font-size: 1.375rem;
  padding: 0 1.375rem;
  margin-bottom: 1.875rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #f9f9f9;
  z-index: 20;
}

.el-column__index__head .el-column__index__border {
  position: absolute;
  top: 50%;
  left: -4.0625rem;
  width: calc(100% + 8.125rem);
  border-top: 2px solid #f8c000;
  z-index: 1;
}

.el-column__index__list {
  padding: 0 1.375rem;
  margin-left: 1.375rem;
  position: relative;
}

.el-column__index__list li {
  font-size: 1.25rem;
  line-height: 1;
  margin-bottom: 1.25rem;
}

.el-column__index__list li span {
  text-decoration: underline;
}

.el-column__index__list li:before {
  content: "▼";
  padding-right: 8px;
  text-decoration: none !important;
  position: absolute;
  left: 0;
}

/*******************

投稿記事ページ CSS

********************/

.el-column__contents h2 {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.5rem;
  margin: 3.125rem 0 0.9375rem;
  font-weight: 700;
  border-left: 0.625rem solid #f8c000;
  padding-left: 1rem;
}

.el-column__contents h3 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  text-align: left;
  line-height: 1.5;
  border-bottom: 1px #333333 dashed;
  font-size: 1.375rem;
  margin-bottom: 1.125rem;
  font-weight: 500;
}

.el-column__contents h3:before {
  position: relative;
  content: "";
  display: block;
  background-color: #333333;
  border-radius: 50%;
  width: 1.375rem;
  height: 1.375rem;
  margin-right: 0.5rem;
}

.el-column__contents h3:after {
  position: absolute;
  content: "";
  display: block;
  display: block;
  border-bottom: 2px solid #f8c000;
  border-left: 2px solid #f8c000;
  -webkit-transform: translate(0.3125rem, -0.0625rem) rotate(-50deg);
          transform: translate(0.3125rem, -0.0625rem) rotate(-50deg);
  width: 0.625rem;
  height: 0.3125rem;
}

.el-column__contents h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}

.el-column__contents h4:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 1.25rem;
  background: #292929;
  border-radius: 0.3125rem;
  margin-right: 0.5rem;
}

.el-column__contents p {
  line-height: 1.75;
  font-size: 1rem;
  margin-bottom: 1.875rem;
  font-weight: 400;
}

.el-column__contents b {
  font-weight: bold;
}

.el-column__contents ul {
  position: relative;
  margin: 1.125rem 0;
  width: calc(100% - 1.125rem);
  left: 1.125rem;
}

.el-column__contents ul li {
  line-height: 1.5;
  font-size: 1rem;
  margin-bottom: 1.2rem;
  font-weight: 400;
}

.el-column__contents ul li:before {
  content: "・";
  position: absolute;
  left: -1.125rem;
}

.el-column__contents ol {
  position: relative;
  margin: 1.125rem 0;
  width: calc(100% - 1.125rem);
  left: 1.125rem;
}

.el-column__contents ol li {
  line-height: 1.5;
  list-style-type: none;
  counter-increment: cnt;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 1.2rem;
}

.el-column__contents ol li:before {
  position: absolute;
  left: -1.125rem;
  content: "" counter(cnt) ".";
}

.el-column__contents img {
  display: block;
}

.el-column__contents .right-img25 {
  float: right;
  width: 25%;
}

.el-column__contents .right-img50 {
  float: right;
  width: 50%;
}

.el-column__contents .left-img25 {
  float: left;
  width: 25%;
  margin-right: 1rem;
}

.el-column__contents .left-img50 {
  float: left;
  width: 50%;
  margin-right: 1rem;
}

.el-column__contents img.alignright {
  float: right;
  margin-left: 1rem;
}

.el-column__contents img.alignleft {
  float: left;
  margin-right: 1rem;
}

.el-column__contents .img100 {
  width: 100%;
}

.el-column__contents .img100-h200 {
  height: 6.25rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.el-column__contents .img100-h250 {
  height: 7.8125rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.el-column__contents .img100-h300 {
  height: 9.375rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.el-column__contents strong {
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, rgba(181, 247, 0, 0.5)));
  background: linear-gradient(transparent 50%, rgba(181, 247, 0, 0.5) 50%);
}

.el-column__contents a {
  color: #0083b3;
  text-decoration: underline;
}

.el-column__contents blockquote {
  position: relative;
  padding: 1.5rem;
  border: 2px solid #f8c000;
  text-align: left;
  border-radius: 0.5rem;
  font-size: 0.9375rem;
}

.el-column__contents blockquote p {
  margin-bottom: unset;
  font-size: 0.9375rem;
}

.el-column__contents blockquote:after {
  content: "関連記事";
  position: absolute;
  top: -1rem;
  left: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  background: #f8c000;
  padding: 0.3rem 1.3rem;
  color: #fff;
  border-radius: 0.3rem;
  font-weight: bold;
}

.el-column__contents .wp-caption.alignright {
  float: right;
  padding-left: 1rem;
}

.el-column__contents .wp-caption.alignleft {
  float: left;
  padding-right: 1rem;
}

.el-column__contents .wp-caption.aligncenter {
  margin: 0 auto;
}

.el-column__contents__area {
  padding-bottom: 3.125rem;
}

.section__p-intro {
  position: relative;
  padding: 2.5rem 1.5rem 1.5rem;
  border: 2px solid #f8c000;
  text-align: left;
  border-radius: 0.5rem;
  font-size: 0.9375rem;
}

.section__p-intro p.p-intro__midashi {
  position: absolute;
  top: -1rem;
  left: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  border: 1px solid #f8c000;
  background: #fff;
  padding: 0.3rem 1.3rem;
  color: #292929;
  border-radius: 0.3rem;
  font-weight: bold;
  font-size: 0.9375rem;
}

.section__p-intro .p-intro__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-bottom: 1rem;
  border-bottom: 1px dotted #f8c000;
  margin-bottom: 2rem;
}

.section__p-intro :last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 1rem;
}

.section__p-intro .p-intro__text {
  width: calc(60% - 1rem);
  margin-bottom: unset;
  margin-right: 1rem;
}

.section__p-intro .p-intro__text p {
  font-size: 0.9375rem;
  line-height: 1.7;
}

.section__p-intro .p-intro__text h4:before {
  width: unset;
  height: unset;
  background: unset;
  border-radius: unset;
  margin-right: unset;
}

.section__p-intro .p-intro__img {
  margin-bottom: unset;
  font-size: 0.9375rem;
  width: 40%;
  border-radius: 0.5rem;
  overflow: hidden;
}

/**********************

投稿者表示カスタム

**********************/

.author__area__title {
  font-size: 1.2rem;
  border-bottom: 1px solid #191919;
  margin-bottom: 20px;
}

.author__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.author__box .author__bottom__sns {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.author__box .author__area__detail {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.author__box__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 40px;
}

.author__avatarImg img {
  width: 13rem;
  margin-bottom: 2rem;
  height: auto;
  border-radius: 50%;
  max-width: 180px;
}

.author__area__detail {
  margin-left: 60px;
}

.author__area__detail p {
  line-height: 1.5;
}

.author__jabber {
  font-size: 1rem;
  margin-bottom: 0.8rem;
}

.author__user_nicename {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 1.25rem;
}

.author__description {
  font-size: 1rem;
  margin-bottom: 20px;
}

.author__avatarImg__top img {
  width: 80px;
  height: auto;
  border-radius: 50%;
}

.author__detail__list {
  margin-left: 30px;
}

.author__detail__list-top {
  font-size: 14px;
  margin: 10px 0;
  display: block;
}

.author__detail__list-top p {
  margin-bottom: 7px;
}

.single_content_head_time {
  margin: initial;
}

.single_content_head_time:before {
  content: "投稿日：";
}

.author__user_nicename__top {
  margin-left: 0px;
}

.author__sns__top-area i::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #000;
}

.author__sns__top-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}

.author__bottom__share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0 80px;
}

.author__bottom__share .author__sns__top-area {
  margin-left: initial;
}

.author__bottom__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.author__bottom__sns a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #191919;
}

.author__bottom__sns a[class$=icon-color] {
  padding: 0 12px;
}

.author__bottom__sns a[class$=icon-color]:before {
  margin-right: 8px;
}

.author__bottom__sns li {
  background-color: #f3f3f3;
}

.author__bottom__share p {
  margin-bottom: 0;
}

.author__detail__list-bottom {
  font-size: 0.8rem;
}

/***********************************************

SNSシェアボタン関連

***********************************************/

.twitter-icon::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23999' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'/%3E%3C/svg%3E");
}

.twitter-icon-color::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%232B9BF0' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'/%3E%3C/svg%3E");
}

.facebook-icon::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23999' d='M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z'/%3E%3C/svg%3E");
}

.facebook-icon-color::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%232577F2' d='M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z'/%3E%3C/svg%3E");
}

.line-icon::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 284.87 269.9'%3E%3Cpath fill='%23999' d='M130.54 267.31c-.54-1.41-.2-8 .76-14.6 1.8-12.27 1-17.39-3.06-20.83-1.23-1-9.4-3.31-18.18-5.09-56.34-11.44-95.69-44.3-107.28-89.65-9.4-36.8 5.43-76.35 38.67-103.33C52.94 24.54 76 12.27 91 7.67A208.53 208.53 0 0 1 142.42 0a208.53 208.53 0 0 1 51.37 7.67A196.8 196.8 0 0 1 219.1 18.4c33.4 17.13 54.7 42.33 62.9 74.36C292 132 276.1 169 233.34 206c-30.87 26.77-88.14 63.87-98.51 63.87a4.8 4.8 0 0 1-4.29-2.58ZM89.35 151.82c2.94-1.12 3.94-2.59 3.94-5.83 0-6.75-2.49-8-15.64-8h-11.9v-25.55c0-21.64-.4-26-2.55-28.37-3.07-3.48-6.35-3.56-10-.26-2.61 2.3-2.81 5.42-2.81 32.74 0 30.67.52 33.73 6.13 35.79 4 1.44 28.79 1.12 32.87-.43Zm25-2.85c1.38-1.72 1.92-10.52 1.92-31.64 0-24-.43-29.89-2.39-32.68-2.84-4.06-6.31-4.36-10.14-.87-2.54 2.33-2.74 5.49-2.74 33.67 0 29.94.12 31.21 3.23 33.39 3.51 2.51 7.16 1.84 10.12-1.84Zm26.07-17.69c.23-10.65.92-19.35 1.54-19.33s7.56 8.94 15.45 19.81 15.66 20.06 17.19 20.52a8.51 8.51 0 0 0 5.95-1.54c3.07-2.11 3.18-3.63 3.18-33.46 0-26.36-.38-31.62-2.41-33.64-3-3-5.34-3.07-9.2-.25-2.58 1.87-3.07 4.6-3.74 20.32l-.77 18.14-14.4-19.5c-7.89-10.74-15.62-19.94-17.21-20.41a8.86 8.86 0 0 0-5.89.87c-3.06 1.53-3.06 3.07-3.06 33.74s.1 32.2 3.23 34.33a6.92 6.92 0 0 0 6.52 1.08c3-1.19 3.25-2.46 3.65-20.65ZM234 150.93a7.68 7.68 0 0 0 3.37-5c0-5.85-2.65-7.19-15.63-8L209 137.2v-12.27l13-.76c12.54-.74 13.05-.91 14.49-5 2.43-7-1.54-9.45-16-10.11l-12.27-.55v-11.9H220c15.69 0 21.62-5 14.83-12.53-2.15-2.37-5-2.8-18.49-2.8-8.79 0-17.3.72-18.94 1.53-2.69 1.53-2.81 3.56-2.81 33.74 0 38.79-1.13 36.8 21.47 36.8 10.73 0 15.55-.63 18.06-2.38Z'/%3E%3C/svg%3E");
}

.instagram-icon-color::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/Insta_grad.svg");
}

.paste-icon::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23999' d='M160 0c-23.7 0-44.4 12.9-55.4 32H48C21.5 32 0 53.5 0 80V400c0 26.5 21.5 48 48 48H192V176c0-44.2 35.8-80 80-80h48V80c0-26.5-21.5-48-48-48H215.4C204.4 12.9 183.7 0 160 0zM272 128c-26.5 0-48 21.5-48 48V448v16c0 26.5 21.5 48 48 48H464c26.5 0 48-21.5 48-48V256H416c-17.7 0-32-14.3-32-32V128H320 272zM160 40a24 24 0 1 1 0 48 24 24 0 1 1 0-48zm256 88v96h96l-96-96z'/%3E%3C/svg%3E");
}

.tooltip-container {
  position: relative;
  text-align: center;
  margin-left: 20px;
}

.tooltip-item {
  font-family: "Helvetica", sans-serif;
  text-align: center;
  min-width: 3rem;
  max-width: 21rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: 0.3ch;
  background: #333;
  color: #fff;
  display: block;
  font-size: 0.75rem;
  left: 50%;
  bottom: 100%;
  opacity: 0;
  position: absolute;
  top: -2rem;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.tooltip-item:after {
  position: absolute;
  display: block;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(10%);
          transform: translateX(-50%) translateY(10%);
  opacity: 0;
  content: "";
  border: 5px solid transparent;
  border-top-color: #333;
  z-index: 1001;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.tooltip-container-target {
  cursor: pointer;
  display: block;
  -webkit-animation: all 300ms ease-out forwards;
          animation: all 300ms ease-out forwards;
}

.tooltip-container-target:hover + .tooltip-item,
.tooltip-container-target:hover + .tooltip-item::after {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.tooltip-container-target:hover + .tooltip-item {
  -webkit-transform: translateX(-50%) translateY(-30%);
          transform: translateX(-50%) translateY(-30%);
}

.tooltip-container-target:hover + .tooltip-item::after {
  -webkit-transform: translateX(-50%) translateY(30%);
          transform: translateX(-50%) translateY(30%);
}

/* URLコピー完了時のメッセージ（非表示）*/

.url-copied {
  display: none;
}

.url-copied span {
  background: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: absolute;
  top: -2.65rem;
  left: -5rem;
  width: 10rem;
  height: 2.05rem;
  font-size: 0.75rem;
  color: #fff;
  padding: 2px 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 14px;
  border-radius: 3px;
}

@media (min-width: 800px) {
  .sp-only {
    display: none !important;
  }

  .sp-only__flex {
    display: none !important;
  }

  .pc-only {
    display: block;
  }

  .pc-only__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .el-column__section {
    width: 750px;
  }

  .el-column__section__cat {
    margin: 28px 0;
    padding: 10px 28px;
  }

  .el-column__title {
    margin-bottom: 28px;
  }

  .el-column__title h1 {
    font-size: 26px;
  }

  .el-column__eyecatch {
    margin-bottom: 50px;
  }

  .el-column__index {
    padding: 28px 43px;
    margin-bottom: 50px;
  }

  .el-column__index__head {
    margin-bottom: 40px;
  }

  .el-column__index__head .el-column__index__title {
    font-size: 22px;
    padding: 0 22px;
    margin-bottom: 40px;
  }

  .el-column__index__head .el-column__index__border {
    left: -65px;
    width: calc(100% + 130px);
  }

  .el-column__index__list {
    padding: 0 22px;
    margin-left: 22px;
  }

  .el-column__index__list li {
    font-size: 20px;
  }

  .el-column__contents h2 {
    font-size: 24px;
    margin: 50px 0 15px;
    border-left: 10px solid #f8c000;
    padding-left: 16px;
  }

  .el-column__contents h3 {
    font-size: 22px;
    margin-bottom: 18px;
  }

  .el-column__contents h3:before {
    width: 22px;
    height: 22px;
    margin-right: 8px;
  }

  .el-column__contents h3:after {
    -webkit-transform: translate(5px, -1px) rotate(-50deg);
            transform: translate(5px, -1px) rotate(-50deg);
    width: 10px;
    height: 5px;
  }

  .el-column__contents h4 {
    font-size: 20px;
    margin-bottom: 8px;
  }

  .el-column__contents h4:before {
    width: 8px;
    height: 20px;
    background: #292929;
    border-radius: 5px;
    margin-right: 8px;
  }

  .el-column__contents p {
    font-size: 16px;
    margin-bottom: 30px;
  }

  .el-column__contents ul {
    margin: 18px 0;
  }

  .el-column__contents ul li {
    font-size: 16px;
  }

  .el-column__contents ol {
    margin: 18px 0;
  }

  .el-column__contents ol li {
    font-size: 16px;
  }

  .el-column__contents .img100-h200 {
    height: 200px;
  }

  .el-column__contents .img100-h250 {
    height: 200px;
  }

  .el-column__contents .img100-h300 {
    height: 300px;
  }

  .el-column__contents .wp-caption-text {
    font-size: 14px;
  }

  .el-column__contents__area {
    padding-bottom: 50px;
  }

  .author__avatarImg img {
    width: 180px;
    margin-bottom: 0;
  }

  .author__detail__list-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px;
  }

  .author__user_nicename__top {
    margin-left: 20px;
  }
}

@media (max-width: 799px) {
  .sp-only {
    display: block;
  }

  .sp-only__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .pc-only {
    display: none !important;
  }

  .pc-only__flex {
    display: none !important;
  }

  .el-column__contents .wp-caption.alignright,
  .el-column__contents .wp-caption.alignleft,
  .el-column__contents .wp-caption.aligncenter {
    width: 100% !important;
    float: unset;
    padding-right: unset;
    padding-left: unset;
  }

  .el-column__contents .wp-caption.alignright img,
  .el-column__contents .wp-caption.alignleft img,
  .el-column__contents .wp-caption.aligncenter img {
    width: 100%;
  }

  .author__box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .author__area__detail {
    width: 100%;
    display: block;
    margin-left: 0;
  }

  .author__detail__list-top p {
    margin-bottom: 0;
  }

  .author__bottom__share {
    padding: 1.25rem 0 5rem;
  }
}
/*# sourceMappingURL=single-elcolumn.css.map */