@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* 共通 */
body {
  color: #333;
  background-color: #f3f3f3;
  letter-spacing: 0.05em;
}

*:focus {
  outline: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

.posts-not-found h2 {
  display: none;
}

.related-list p {
  margin-top: 0;
}

#main {
  padding: 0;
  border-radius: 8px;
}

body.page h2.h-title {
  padding: 20px;
}

body.page h3.h-title {
  padding: 15px 20px;
}

/* ヘッダー */
.tagline {
  display: none;
}

.logo-image {
  padding: 20px 0 5px;
}

.logo-image a {
  max-width: 300px;
}

.logo-image a img {
  width: 100%;
  vertical-align: bottom;
}

/* メニュー */
#navi {
  border-bottom: 1px solid rgba(53, 53, 53, 0.2);
}

#menu-menu1 {
  flex-wrap: nowrap;
}

#menu-menu1 li {
  width: 100%;
  height: 70px;
  line-height: 70px;
  position: relative;
}

#menu-menu1 li::before {
  position: absolute;
  bottom: -3px;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 6px;
  transition: all .2s ease;
  background: #EA75A9;
}

#menu-menu1 li:nth-child(2n)::before {
  background: #63C6F1;
}

#menu-menu1 li:hover::before {
  height: 15px;
}

#menu-menu1 li a {
  font-size: 13px;
  color: #333;
}

#menu-menu1 li a i {
  margin-right: 2px;
}

#menu-menu1 li a:hover {
  background: transparent;
}

/* 投稿リスト */
body.home #main,
body.archive #main {
  background-color: transparent;
}

#list,
.related-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	flex-direction: row;
}

#list .a-wrap,
#related-entries .a-wrap {
  padding: 0;
  margin: 0;
  transition: all .2s;
  width: 48.5%;
  background-color: #fff;
  margin-bottom: 22px;
  border-radius: 8px;
}

#list .entry-card-thumb,
#related-entries .related-entry-card-thumb {
  margin: 0;
  width: 100%;
  float: none;
  position: relative;
  z-index: 1;
  overflow: hidden;

  border-top-left-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-right-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
}

#list .card-thumb img,
#related-entries .card-thumb img {
  border-top-left-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-right-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  vertical-align: bottom;
  height: 250px;
  object-fit: cover;
  transition: all .2s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

#list .entry-card-content,
#related-entries .related-entry-card-content {
  margin: 0;
  padding: 20px;
}

#list .entry-card-title,
#related-entries h3.related-entry-card-title {
  margin: 0;
  font-weight: 500;
  line-height: 1.5;
  font-size: 18px;
  margin-top: 10px;
}

#list .info-desc-wrap,
#related-entries .info-desc-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#list .info-desc-wrap .blog-date-cat,
#related-entries .info-desc-wrap .blog-date-cat {
  font-size: 14px;
  font-weight: 700;
  color: #EA75A9;
  display: block;
}

#list .info-desc-wrap span.post-date,
#related-entries .info-desc-wrap span.post-date {
  margin: 0;
  padding: 0;
  display: block;
  font-size: 14px;
}

#list .info-desc-wrap span.fa-clock,
#related-entries .info-desc-wrap span.fa-clock {
  display: none;
}

body.archive h1.archive-title,
body.single h2.related-entry-heading {
  margin: 0;
  background: #EA75A9;
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  padding: 15px 20px;
  border-radius: 8px;
  margin-bottom: 22px;
  line-height: 1.3;
}

body.archive h1.archive-title span {
  display: none;
}

#list .a-wrap:hover,
#related-entries .a-wrap:hover {
  color: #EA75A9!important;
  background-color: #fff;
}

#list .a-wrap:hover .card-thumb img,
#related-entries .a-wrap:hover .card-thumb img {
  transform: scale(1.2);
}

/* サイドバー */
#sidebar {
  padding: 0;
  background-color: transparent;
}

#sidebar .widget-sidebar {
  background-color: #fff;
  border-radius: 8px;
  padding: 30px 20px;
  margin-bottom: 24px;
}

#sidebar h3.widget-sidebar-title {
  background-color: transparent;
  font-size: 18px;
  font-weight: 500;
  padding: 0;
  margin: 0;
  margin-bottom: 24px;
}

#sidebar .a-wrap {
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  transition: all .2s;
}

#sidebar .a-wrap:last-of-type {
  margin-bottom: 0px;
}

#sidebar .widget-entry-cards figure {
  width: auto;
  margin: 0;
}

#sidebar .card-thumb img {
  width: 60px;
  height: 60px;
  object-fit: cover;
}

#sidebar .widget-entry-card-content {
  margin-left: 75px;
}

#sidebar .card-title {
  display: block;
  font-size: 13px;
  line-height: 1.6;
}

#sidebar .a-wrap:hover {
  background-color: #fff;
  color: #EA75A9;
}

.widget-sidebar ul li.cat-item a {
  display: inline-block;
  padding: 0;
  margin: 15px 0;
  font-size: 15px;
  transition: all .2s;
}

.widget-sidebar ul li.cat-item a:hover {
  background-color: #fff;
  color: #EA75A9;
}

.widget-sidebar > ul > li.cat-item,
.widget-sidebar > ul > li.cat-item ul.children {
  border-top: 1px solid #ccc;
}

.widget-sidebar > ul > li.cat-item:last-child {
  border-bottom: 1px solid #ccc;
}

.widget-sidebar > ul > li.cat-item-2 {
  border-top: 0px solid #ccc;
}

.widget-sidebar > ul > li.cat-item-2 a {
  margin-top: 0;
}

/* 投稿ページ */
body.single #main {
  padding: 0;
  background-color: #f3f3f3;
}

body.single article.type-post,
body.page article.type-page {
  background-color: #fff;
  padding: 30px;
  border-radius: 8px;
}

body.single article.type-post {
  margin-bottom: 30px;
}

body.single article.type-post h1.entry-title,
body.page article.type-page h1.entry-title {
  padding: 0;
  margin: 0 0 14px;
  background: transparent;
  letter-spacing: 0.3px;
  line-height: 1.4;
  font-weight: 500;
  font-size: 26px;
}

body.single article.type-post .date-tags{
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  line-height: 1;
  margin: 0;
  margin-bottom: 30px;
}

body.single article.type-post .post-update,
body.single article.type-post .post-date {
  display: block;
  margin: 0;
  font-size: 14px;
  padding: 0;
}

body.single article.type-post .post-date {
  margin-right: 10px;
}

body.single article.type-post a.cat-link {
  background-color: #EA75A9;
  transition: all .2s;
}

body.page article.type-page .date-tags {
  display: none;
}

body.page article.type-page #toc {
  display: none;
}

/* コンテンツ */
#toc {
  background-color: #f3f3f3;
  padding: 40px 50px;
  margin: 3em 0;
  width: 100%;
  border: 0;
}

.toc-title {
  text-align: left;
  font-size: 20px;
  font-weight: 500;
  padding: 0;
}

ol.toc-list li {
  margin: 0;
}

ol.toc-list > li {
  margin-bottom: 15px;
}

ol.toc-list > li > ol {
  margin-top: 15px!important;
}

ol.toc-list li a {
  font-size: 16px;
  transition: all .2s;
  color: #1967d2;
}

ol.toc-list li a:hover {
  text-decoration: underline;
  color: #1967d2;
}

ol.toc-list > li > ol li {
  margin-bottom: 5px;
}

.toc.tnt-number-detail ol li:before {
  margin-right: 10px;
  font-size: 16px;
}

.toc .toc-list ul, .toc .toc-list ol {
  padding-left: 1.5em;
}

body#tinymce {
  width: 100%;
}

h2.h-title {
  margin: 2em 0 1em;
  padding: 0px;
  background-color: #EA75A9;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
}

h2.h-title > span {
  padding: 20px;
  display: inline-block;
}

h3.h-title,
body.page article.type-page h2.page-title {
  margin: 2em 0 1em;
  padding: 0px;
  border: 0;
  border-left: 8px solid #EA75A9;
  font-size: 19px;
  color: #333;
  font-weight: 500;
  background: #f3f3f3;
  border-radius: 0;
  line-height: 1.4;
}

h3.h-title > span {
  padding: 20px;
  display: inline-block;
}

h4.h-title,
body.page article.type-page h3.page-title {
  margin: 2em 0 1.3em;
  padding: 0;
  border: 0;
  border-bottom: 5px dotted #EA75A9;
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 7px;
  border-radius: 0;
  line-height: 1.4;
}

body.page article.type-page h1.entry-title {
  background-color: #EA75A9;
  padding: 15px 20px;
  color: #fff;
  border-radius: 8px;
  font-size: 22px;
}

body.page article.type-page h2.page-title {
  padding: 15px 20px;
}

a.blogcard-wrap,
a.blogcard-wrap:hover {
  transition: all .2s;
}

a.blogcard-wrap .blogcard {
  padding: 20px;
}

.blogcard-thumbnail {
  margin-top: 0px;
  width: auto;
}

.blogcard-thumbnail img {
  width: 160px;
  height: 110px;
  object-fit: cover;
}

.blogcard-title {
  font-weight: 500;
  color: #EA75A9;
  line-height: 1.7;
  text-decoration: underline;
}

.blogcard-content {
  margin-left: 175px;
}

.speech-wrap {
  margin-top: 1.4em;
  margin-bottom: 1.4em;
}

.speech-person {
  width: 15%;
  min-width: 15%;
}

div.speech-balloon {
  padding: 15px 20px;
}

.sbs-flat .speech-balloon {
  background-color: #f3f3f3;
  border-color: #f3f3f3;
}

.dashed-box-gray,
.dashed-box-pink,
.dashed-box-blue {
  margin: 1.4em 0;
  padding: 30px;
}

.dashed-box-gray p:last-child,
.dashed-box-pink p:last-child,
.dashed-box-blue p:last-child {
  margin-bottom: 0;
}

.dashed-box-gray {
  background: #fafafa;
  border: dashed 2px #dbdbdb;
}

.dashed-box-pink {
  background: #fef6fa;
  border: dashed 2px #EA75A9;
}

.dashed-box-blue {
  background: #f6fcfe;
  border: dashed 2px #63C6F1;
}

.border-solid {
  border-style: solid!important;
}

.is-style-primary-box, .primary-box, .sp-primary, .primary {
  color: #333;
  background-color: #d9f1fc;
  border-color: unset;
  padding: 30px;
}

.is-style-success-box, .success-box, .sp-success, .success {
  color: #333;
  background-color: #e6f4e9;
  border-color: unset;
  padding: 30px;
}

.is-style-info-box, .info-box, .sp-info, .info {
  color: #333;
  background-color: #fff3cd;
  border-color: unset;
  padding: 30px;
}

.is-style-warning-box, .warning-box, .sp-warning, .warning {
  color: #333;
  background-color: #fae0ec;
  border-color: unset;
  padding: 30px;
}

.is-style-danger-box, .danger-box, .sp-danger, .danger {
  color: #333;
  background-color: #f8d7da;
  border-color: unset;
  padding: 30px;
}

.box-label,
.box-label-pink {
  position: relative;
  margin: 3.4em 0 1.4em;
  padding: 30px;
  border: solid 3px #63C6F1;
  background: #f6fcfe;
}

.box-label p.box-title,
.box-label-pink p.box-title {
  position: absolute;
  display: inline-block;
  top: -35px;
  left: -3px;
  padding: 0 15px;
  height: 35px;
  line-height: 35px;
  font-size: 17px;
  background: #63C6F1;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  margin: 0;
}

.box-label-pink {
  background: #fef6fa!important;
  border: solid 3px #EA75A9!important;
}

.box-label-pink .box-title {
  background: #EA75A9!important;
}

.box-label p,
.box-label-pink p {
  margin: 0;
  margin-bottom: 1.4em;
}
.box-label p:last-child,
.box-label-pink p:last-child {
  margin-bottom: 0;
}

.is-style-information-box, .is-style-question-box, .is-style-alert-box, .is-style-memo-box, .is-style-comment-box, .is-style-ok-box, .is-style-ng-box, .is-style-good-box, .is-style-bad-box, .is-style-profile-box, .information-box, .question-box, .alert-box, .information, .question, .alert, .memo-box, .comment-box, .common-icon-box {
  margin: 1.4em 0;
  padding: 30px 30px 30px 82px;
}

.is-style-information-box::before, .is-style-question-box::before, .is-style-alert-box::before, .is-style-memo-box::before, .is-style-comment-box::before, .is-style-ok-box::before, .is-style-ng-box::before, .is-style-good-box::before, .is-style-bad-box::before, .is-style-profile-box::before, .information-box::before, .question-box::before, .alert-box::before, .information::before, .question::before, .alert::before, .memo-box::before, .comment-box::before, .common-icon-box::before {
  font-size: 40px;
  width: 50px;
}

.blank-box.bb-tab, .bb-tab.is-style-blank-box-red, .bb-tab.is-style-blank-box-navy, .bb-tab.is-style-blank-box-blue, .bb-tab.is-style-blank-box-yellow, .bb-tab.is-style-blank-box-green, .bb-tab.is-style-blank-box-pink, .bb-tab.is-style-blank-box-orange, .bb-tab.is-style-sticky-gray, .bb-tab.is-style-sticky-yellow, .bb-tab.is-style-sticky-red, .bb-tab.is-style-sticky-blue, .bb-tab.is-style-sticky-green {
  padding: 25px;
  margin-top: 2.5em;
}

/* ページネーション */
.pagination-next {
  display: none;
}

.pagination {
  margin: 15px 0 30px;
}

.page-numbers {
  color: #EA75A9;
  border: 1px solid #EA75A9;
  border-radius: 50%;
  background-color: #fff;
  transition: all .2s;
  letter-spacing: 0;
  line-height: 45px;
}

.pagination a:hover {
  color: #fff;
  background-color: #EA75A9;
  transition: all .2s;
}

.pagination .current {
  color: #fff;
  background-color: #EA75A9;
}

/* パンくず */
#breadcrumb {
  background-color: transparent;
}

.breadcrumb a:hover {
  color: #777;
}

.list-breadcrumb-category span.sp,
body.post-type-archive-news div.breadcrumb-home > span.sp.sp-b {
  margin-left: 5px;
}

body.archive.category #breadcrumb .breadcrumb-item {
  margin-left: 5px;
}

body.single #breadcrumb > div:nth-child(2) {
  margin-left: 5px;
}

body.single-news div.breadcrumb-home > span.sp.sp-b {
  margin: 0 5px;
}

body.archive.tag #breadcrumb .breadcrumb-item {
    margin-left: 5px;
}

body.archive.tag .breadcrumb .sp {
  margin: 0 6.2px 0 6.3px;
}

body.single .entry-tags {
  display: block;
}

.tag-link,
.tag-link:hover {
  transition: all .2s;
}

/* 固定ページ */
table tr:nth-of-type(2n+1) {
  background-color: transparent;
}

table th {
  font-weight: 500;
  background-color: #f3f3f3;
}

table th, table td {
  padding: 15px;
}

.career-table table th {
  word-break: keep-all;
}

.profile-wrap {
  display: flex;
  justify-content: space-between;
  margin: 2em 0;
}

.profile-l {
  width: 49%;
}

.profile-r {
  width: 49%;
}

.profile-l img,
.profile-side img {
  vertical-align: bottom;
}

ul.profile-sns {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 15px;

  display: flex;
  justify-content: center;
}

ul.profile-sns li {
  margin: 0;
  margin-right: 15px;
}

ul.profile-sns li:last-child {
  margin-right: 0px;
}

ul.profile-sns li a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-size: 20px;
  width: 45px;
  height: 45px;
  color: #fff;
  border-radius: 50%;
  letter-spacing: 0;
  line-height: 1;
  transition: all .2s;
}

ul.profile-sns li:nth-child(1) a {
  background: #3B5998;
}
ul.profile-sns li:nth-child(2) a {
  background: #1DA1F2;
}
ul.profile-sns li:nth-child(3) a {
  background: #DA1725;
}

ul.profile-sns li a:hover {
  opacity: 0.7;
}

p.profile-name,
p.profile-side-name {
  background: #63C6F1;
  color: #fff;
  text-align: center;
  padding: 8px 0;
  font-weight: 500;
  font-size: 18px;
  margin: 0;
}

p.profile-side-name {
  padding: 10px 0;
  font-size: 16px;
}

.sns-share-buttons a,
.sns-share-buttons a:hover {
  transition: all .2s;
}

/* カテゴリータイル */
.app-card {
  background: #fff;
  padding: 30px;
  border-radius: 8px;
}

.app-card img {
  vertical-align: bottom;
}

.app-card-title {
  display: flex;
  align-items: center;
  margin-bottom: 1.2em;
}

.app-card-title-l {
  width: 70px;
}

.app-card-title-l img {
  width: 100%;
  height: 70px;
  object-fit: cover;
}

.app-card-title-r {
  margin-left: 25px;
}

.app-card-title-r a {
  text-decoration: none;
  font-weight: 700;
  font-size: 24px;
}

.app-card-title-r a:hover {
  color: #1967d2;
  text-decoration: underline;
}

p.app-card-desc {
  margin: 1.2em 0;
}

.app-card table tr,
.app-card table td {
  text-align: center;
}

.app-card-link a {
  background: #1967d2;
  color: #fff;
  text-decoration: none;
  display: block;
  width: 100%;
  text-align: center;
  border-radius: 8px;
  padding: 12px 0;
  font-size: 18px;
  box-shadow: 0px 2px 7px 0px #ccc;
  position: relative;
  transition: all .2s;
}

.app-card-link a::after {
  content:'\f054';
	font-family:'Font Awesome 5 Free';
	font-weight:700;
  font-size: 16px;
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

.app-card-link a:hover {
  opacity: 0.7;
}

/* フッター */
.footer {
  margin-top: 50px;
}

.navi-footer-in a {
  color: #fff;
  transition: all .2s;
}

.navi-footer-in a:hover {
  color: #fff;
  background: transparent;
  transition: none;
  text-decoration: underline;
}

#footer {
  border-top: 6px solid #EA75A9;
  background: #333;
  color: #fff;
}

.footer-bottom {
  padding: 16px;
}

.copyright {
  margin-top: 10px;
}

/* お問い合わせフォーム */
.contact-form-wrap table tr:nth-of-type(2n+1) {
  background: transparent!important;
}

.contact-form-wrap table th,
.contact-form-wrap table td {
  border: 0!important;
  font-weight: 500;
  padding: 10px;
  white-space: nowrap;
}

span.required {
  color: #ff9900;
  font-size: 10px;
  letter-spacing: 3px;
  border: 1px solid #ffaa00;
  border-radius: 2px;
  padding: 1px 3px;
  line-height: 100%;
  vertical-align: 2px;
  margin: 0 5px 6px 8px;
  font-weight: 500;
}

input[type="text"],
input[type="email"] {
  padding: 8px;
  font-size: 16px;
}

textarea {
  min-height: inherit;
  font-size: 16px;
}

input[type="submit"] {
  font-size: 18px;
  font-weight: normal;
  width: 80%;
  padding: 15px 20px;
  background: #EA75A9;
  border: none;
  color: #fff;
  border-radius: 8px;
  line-height: 1;
  margin: 0 auto;
  display: block;
  transition: all 0.2s;
}

input[type="submit"]:hover {
  opacity: 0.8;
}

/* CTAボタン */
.pc-cta {
  display: block;
}

.sp-cta {
  display: none;
}

#custom_html-3 {
  display: none;
}

#sidebar .scroll-sticky {
  background: transparent;
  padding: 0;
  padding-top: 20px;
}

.cta-wrap {
  display: block;
  max-width: 450px;
}

.cta-wrap p {
  margin: 0;
  line-height: 1;
}

a.cta-btn {
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.7px;
  color: #333;
  border-radius: 0.5rem;
  font-size: 17px;
  display: block;
  overflow: hidden;
  padding: 1.5rem 2rem 1.5rem 2rem;
  border-bottom: 5px solid #6de9b1;
  background: #83ecbd;
  will-change: transform;
}

a.cta-btn::before {
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: 400;

  position: absolute;
  top: 1.2rem;
  left: -3.2rem;

  padding: 0 3rem;

  content: "無料!";
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: top;
  transform-origin: top;

  color: #333;
  background: #EFCBBD;
  -webkit-box-shadow: 0 3px 3px #6de9b1;
  box-shadow: 0 3px 3px #6de9b1;
  will-change: transform;
}

a.cta-btn:hover {
  transform: translateY(3px);

  border-bottom: 2px solid #6de9b1;
  background: #83ecbd;
}

a.cta-btn::after {
  content: '\f061';
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  font-size: 16px;
  color: #333;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

a.cta-btn:hover::after {
  right: 10px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 1139px){
  .wrap {
    width: 100%;
    padding: 0 16px;
  }

  .main {
    width: 69%;
    margin: 0;
  }

  .sidebar {
    width: 29%;
    margin: 0;
  }
}

@media screen and (max-width: 1023px){
  main.main, div.sidebar {
    margin: 0;
  }

  main.main {
    width: 69%;
  }

  div.sidebar {
    width: 29%;
  }

  .content-in {
    display: flex;
  }

  .mobile-menu-buttons {
    display: none;
  }

  .mblt-footer-mobile-buttons {
    margin-bottom: 0;
  }

  .mblt-header-mobile-buttons {
    margin-top: 0px;
  }
}

@media screen and (max-width: 999px){
  .entry-content>*, .demo .entry-content p {
    line-height: 1.7;
}
  .content-in {
    display: block;
  }

  main.main, div.sidebar {
    width: 100%;
  }

  .logo-image {
    padding: 18px 0 12px;
  }

  .content {
    margin-top: 16px;
  }

  .page-numbers {
    height: 46px;
    width: 46px;
  }

  .logo-image a {
    max-width: 240px;
  }

  .logo-image {
    padding: 13px 0 7px;
}

  #sidebar {
    margin-top: 40px;
  }

  #sidebar .card-title {
    font-size: 14px;
    line-height: 1.5;
  }

  #list,
  .related-list {
    display: block;
  }

  #list .a-wrap,
  #related-entries .a-wrap {
    width: 100%;
  }

  #list .card-thumb img,
  #related-entries .card-thumb img {
    height: 220px;
  }

  body.single article.type-post,
  body.page article.type-page,
  #sidebar .widget-sidebar {
    padding: 30px 16px;
  }

  #footer {
    padding-bottom: 50px;
    margin-top: 20px;
  }

  .footer-bottom {
    padding-left: 0;
    padding-right: 0;
  }

  .navi-footer-in > .menu-footer {
    display: block;
  }

  .navi-footer-in > .menu-footer li.menu-item {
    width: 100%;
    margin-bottom: 20px;
  }

  /* コンテンツ */
  .blogcard-thumbnail img {
    width: 60px;
    height: 60px;
  }

  .blogcard-content {
    margin-left: 70px;
  }

  .blogcard-thumbnail {
    margin-top: 5px;
}

  .blogcard-snippet {
    display: none;
  }

  body.single article.type-post h1.entry-title, body.page article.type-page h1.entry-title {
    font-size: 20px;
  }

  #toc {
    padding: 30px;
  }

  .speech-person {
    width: 25%;
    min-width: 25%;
  }

  .speech-wrap .speech-balloon {
    padding: 15px 10px;
}

div.speech-balloon p {
    line-height: 1.5;
}

  .blogcard-title {
    font-size: 14px;
  }

  .dashed-box-gray, .dashed-box-pink, .dashed-box-blue {
    padding: 30px 20px;
  }

  .is-style-information-box, .is-style-question-box, .is-style-alert-box, .is-style-memo-box, .is-style-comment-box, .is-style-ok-box, .is-style-ng-box, .is-style-good-box, .is-style-bad-box, .is-style-profile-box, .information-box, .question-box, .alert-box, .information, .question, .alert, .memo-box, .comment-box, .common-icon-box {
    padding: 74px 26px 26px;
  }

  .is-style-information-box::before, .is-style-question-box::before, .is-style-alert-box::before, .is-style-memo-box::before, .is-style-comment-box::before, .is-style-ok-box::before, .is-style-ng-box::before, .is-style-good-box::before, .is-style-bad-box::before, .is-style-profile-box::before, .information-box::before, .question-box::before, .alert-box::before, .information::before, .question::before, .alert::before, .memo-box::before, .comment-box::before, .common-icon-box::before {
    margin-left: -0.6em;
    top: 1em;
  }

  .is-style-primary-box, .primary-box, .sp-primary, .primary,.blank-box.bb-tab, .bb-tab.is-style-blank-box-red, .bb-tab.is-style-blank-box-navy, .bb-tab.is-style-blank-box-blue, .bb-tab.is-style-blank-box-yellow, .bb-tab.is-style-blank-box-green, .bb-tab.is-style-blank-box-pink, .bb-tab.is-style-blank-box-orange, .bb-tab.is-style-sticky-gray, .bb-tab.is-style-sticky-yellow, .bb-tab.is-style-sticky-red, .bb-tab.is-style-sticky-blue, .bb-tab.is-style-sticky-green {
    padding: 30px 20px;
  }

  .box-label, .box-label-pink {
    padding: 30px 20px;
  }

  table th, table td {
    padding: 7px;
    font-size: 15px;
  }

  .profile-wrap {
    display: block;
  }

  .profile-l,
  .profile-r,
  .profile-l img {
    width: 100%;
  }

  .profile-r {
    margin-top: 25px;
  }

  /* カテゴリータイル */
  .app-card {
    padding: 22px 16px;
  }

  .app-card-title-l {
    width: 50px;
  }

  .app-card-title-l img {
    height: 50px;
  }

  .app-card-title-r {
    margin-left: 10px;
  }

  .app-card-title-r a {
    font-size: 18px;
  }

  .app-card table th,
  .app-card table td {
    padding: 7px 0;
    font-size: 14px;
  }

  /* お問い合わせフォーム */
  .su-table.su-table-responsive table {
    width: 100%!important;
  }

  .contact-form-wrap table {
    margin-bottom: 0;
  }

  .contact-form-wrap p {
    margin: 0;
  }

  .contact-form-wrap tbody {
    display: block;
  }

  .contact-form-wrap tbody tr {
    display: block;
    width: 100%;
    margin-bottom: 22px;
  }

  .contact-form-wrap tbody tr td {
    display: block;
    width: 100%;
    padding: 2px;
    font-size: 16px;
  }

  select {
    padding: 0px!important;
  }

  input[type="submit"] {
    width: 100%;
  }

  /* モバイル */
  .mobile-menu-buttons {
    display: flex;
    align-items: stretch;
    box-shadow: none;
  }

  .mobile-menu-buttons > li.menu-button {
    /* border-right: 1px solid #fff; */
  }

  .mobile-menu-buttons > li.menu-button:last-child {
    border-right: 0px;
  }

  .mobile-menu-buttons > li.menu-button:hover {
    background: #333;
  }

  .mobile-menu-buttons .menu-button {
    background: #333;
  }

  span.menu-icon,
  span.menu-caption {
    color: #fff;
    font-weight: 500;
  }

  .menu-drawer li {
    border-bottom: 1px solid #ccc;
  }

  .menu-drawer a {
    font-size: 16px;
    font-weight: 400;
    padding: 15px 15px;
    transition: all 0.3s;
  }

  .menu-close-button {
    margin-top: 10px;
  }

  .menu-close-button span.fa-times {
    font-size: 30px;
  }

  .mobile-menu-buttons .menu-caption {
    opacity: 1;
  }

  .menu-drawer a:hover {
    transition: all 0.3s;
  }

  /* CTAボタン */
  .pc-cta {
    display: none;
  }

  .sp-cta {
    display: block;
  }

  .bottom-cta {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    background: rgba(0,0,0,0.3);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }

  .bottom-cta-inner {
    padding: 10px 15px;
  }

  .cta-wrap {
    margin: 0 auto;
  }

  a.cta-btn {
    padding: 1rem 2rem;
  }

  a.cta-btn::before {
    top: 0.8rem;
    left: -3.5rem;
  }

  ul.mobile-header-menu-buttons {
    background: transparent;
    min-height: auto;
    min-width: auto;
    left: unset;
    top: 0;
    right: 0;
  }

  ul.mobile-header-menu-buttons li.logo-menu-button,
  ul.mobile-header-menu-buttons li.search-menu-button {
    display: none;
  }

  .has-logo-button .menu-button {
    width: 60px;
    height: 50px;
  }

  .mobile-menu-buttons > li {
    padding-top: 4px;
  }

  .logo {
    text-align: left;
  }

  .logo-image a {
    max-width: 270px;
  }

  body.single #footer {
    padding-bottom: 120px;
  }
}

@media screen and (device-aspect-ratio: 40/71) {
  #list .card-thumb img, #related-entries .card-thumb img {
    height: 190px;
  }

  #toc {
      padding: 20px;
  }

  .logo-image a {
    max-width: 220px;
  }
}

/*投稿日を非表示にする、おまじない*/
.date-tags {
  display: none!important;
}
/*更新日を非表示にする、おまじない*/
.post-update{
  display: none;
}