@charset "UTF-8";
/*
 Theme Name: standage Child
 Theme URI: https://boueki.standage.co.jp/
 Author: STANDAGE
 Author URI: https://boueki.standage.co.jp/
 Template: standage
 Version: 1.0
*/
/*こちらは貿易ドットコムの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

/* 全体のレイアウト */
html{
  scroll-behavior: smooth;
}
body {
    background: #f9f9f9;
}
a {
	transition: 0.3s ease-in-out;
}
.wrap {
    overflow: inherit;
}
.wrapper {
    overflow: hidden;
}
.in {
    width: 100%;
    max-width: 1080px;
	 margin-bottom: 40px;
	 display: flex;
	 flex-wrap: wrap;
}
.left_column {
    width: 740px;
}
.sidebar {
    max-width: 300px;
    width: 100%;
    margin-left: 40px;
}
/* header */
header#header {
    background: #fff;
    padding: 0;
}
.header__inner {
    position: relative;
}
.header__inner--top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 40px;
    border-bottom: solid 1px #eee;
    flex-wrap: wrap;
}
a.header__inner--topLogo:hover {
    opacity: 0.6;
}
ul.header__inner--topRight {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}
ul.header__inner--topRight li a {
    display: inline-block;
    font-size: 1.2rem;
    border: solid 1px #ccc;
    border-radius: 9999px;
    padding: 4px 16px 6px 20px;
    position: relative;
}
ul.header__inner--topRight li a:after {
    color: #aaa;
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: 900;
    position: relative;
    padding-left: 7px;
}
a.headDownload {
    color: #000;
}
ul.header__inner--topRight li a.headContact {
    color: #f8951d;
    border: solid 1px #ffe0bb;
}
ul.header__inner--topRight li a.headContact:after {
    color: #f8951d;
}
a.headDownload:hover {
    background: #000;
    color: #fff;
}
ul.header__inner--topRight li a.headContact:hover {
    background: #f8951d;
    color: #fff;
}
ul.header__inner--topRight li a.headContact:hover:after {
    color: #fff;
}
.header__inner--middle {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 22px 0 5px;
}
.logo a {
    transition: 0.1s ease-in-out;
}
.logo a:hover {
    opacity: 0.7;
}
.logo a h1 {
    padding: 10px 0;
}
.logo img {
    max-height: 65px;
}
.header__inner--bottom ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: 100%;
    padding: 12px 4% 15px 4%;
}
header#header li.cat-item a {
    color: #000;
    position: relative;
    padding: 10px 5px 6px;
	 font-size: 1.35rem;
}
header#header li.cat-item a:after {
    content: "";
    width: 0px;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.3s ease-in-out;
}
header#header li.cat-item a:hover:after {
    width: 100%;
}

/* header 0124 */
.header__inner--bottom ul li a {
    padding: 0 15px 18px;
    font-size: 1.4rem;
    position: relative;
}
.header__inner--bottom ul li a:before {
    content: "";
    height: 20px;
    width: 1px;
    position: absolute;
    right: -20px;
    background: #ccc;
    top: 0;
    transform: skewX(-20deg);
}
.header__inner--bottom ul li:last-child a:before {
    content: none;
}
.header__inner--bottom ul li a:hover {
    color: #ff9800;
}
#header__inner--bottomtag {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    background: rgb(0,0,0,.7);
    width: 100%;
    justify-content: center;
    align-items: center;
	 display: none;
	 animation: fadeIn 0.7s ease 0s 1 normal;
	 z-index: 11;
	 padding: 40px 0;
}
#header__inner--bottomtag ul {
    display: flex;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
#header__inner--bottomtag ul li a {
    background: #f7f7f7;
    padding: 3px 18px 5px;
    position: relative;
    border-radius: 3px;
    font-size: 1.3rem;
    color: #000;
}
div#header__inner--bottomtag ul li a:before {
    opacity: 0.3;
    font-family: "Font Awesome 5 Free";
    content: "\f02b";
    font-weight: 900;
    position: relative;
    padding-right: 5px;
}
#header__inner--bottomtag ul li a:hover {
    background: #ff9800;
    color: #fff;
}
li#headerParentTag a:after, li#headerParentOther a:after {
    color: #aaa;
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    font-weight: 900;
    position: relative;
    padding-left: 8px;
}
#header__inner--bottomPages {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    background: rgb(0,0,0,.7);
    width: 100%;
    justify-content: center;
    align-items: center;
    display: none;
    animation: fadeIn 0.7s ease 0s 1 normal;
    z-index: 11;
    padding: 40px 0;
}
#header__inner--bottomPages ul {
    display: flex;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
#header__inner--bottomPages ul li a {
    background: #f7f7f7;
    padding: 3px 18px 5px;
    position: relative;
    border-radius: 3px;
    font-size: 1.3rem;
    color: #000;
}
#header__inner--bottomPages ul li a:hover {
    background: #ff9800;
    color: #fff;
}

/* HERO */
section#heroSwiper {
    position: relative;
    background: #fff;
    padding: 0px 0 70px;
}
.item {
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.item a {
    background: rgb(0,0,0,.6);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 620px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 120px;
    color: #fff;
	 border-radius: 3px;
}
.item a:hover {
    background: rgb(0,0,0,0.8);
}
.heroSliderItemCat {
    display: block;
    width: 100%;
    border: solid 1px #fff;
    text-align: center;
    padding: 6px 0 8px;
    margin-bottom: 20px;
    border-radius: 2px;
}
.heroSliderItemCat p {
    letter-spacing: 0.10rem;
    font-weight: 500;
}
.item a h2 {
    font-size: 3.4rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: 25px;
	 line-height: 1.6;
}
.heroSliderItemBottom {
    display: flex;
    justify-content: center;
    gap: 40px;
    font-size: 1.3rem;
    flex-wrap: wrap;
    align-items: center;
}
p.entry-meta time, p.entry-author {
    position: relative;
}
p.entry-meta time:before {
    padding-right: 5px;
    color: #FFF;
    font-family: "Font Awesome 5 Free";
    content: "\f017";
    font-weight: 100;
}
p.entry-author:before {
    padding-right: 5px;
    color: #FFF;
    font-family: "Font Awesome 5 Free";
    content: "\f406";
    font-weight: 900;
}
/* HERO - swiper */
.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,20px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,20px));
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20px;
    left: 0;
    width: 100%;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #EF9116;
}

/* cardList */
ul#toppageList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px 30px;
	 margin-bottom: 40px;
}
ul#toppageList li {
    width: 47%;
    position: relative;
	 transition: 0.3s ease-in-out;
	 box-shadow: 0 0 3px 0 rgb(0 0 0 / 12%), 0 2px 3px 0 rgb(0 0 0 / 22%);
}
ul#toppageList li:hover {
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
    transform: translateY(-4px);
}
a.toppageList__card--cat {
    position: absolute;
    z-index: 1;
    top: 8px;
    left: 8px;
    font-size: 0.9rem;
    background: #F8951D;
    color: #fff;
    font-weight: 500;
    padding: 2px 12px 4px;
    border-radius: 9999px;
}
a.toppageList__card--cat:hover {
    background: #000;
}
ul#toppageList li a.toppageList__card {
    display: flex;
    position: relative;
    flex-direction: column;
    border-radius: 2px;
    background: #fff;
    cursor: pointer;
    transition: 0.2s ease-in-out;
	 height: 100%;
}
a.toppageList__card img {
    height: 180px;
    width: 100%;
    object-fit: cover;
	 border-radius: 2px 2px 0 0;
	 margin-bottom: 15px;
}
a.toppageList__card time.pubdate.entry-time {
    font-size: 1.3rem;
    padding: 0 20px;
    position: relative;
    margin-bottom: 3px;
    color: #aaa;
}
a.toppageList__card time.pubdate.entry-time:before {
    padding-right: 5px;
    font-family: "Font Awesome 5 Free";
    content: "\f017";
    font-weight: 100;
}
a.toppageList__card h2 {
    padding: 0 20px;
    font-size: 1.8rem;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 15px;
	 flex-grow: 1;
	 color: #000;
}
.toppageList__card--bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 5px 20px 8px;
    font-size: 1.2rem;
    border-top: solid 1px #eee;
	 color: #999;
}
.toppageList__card--bottom p {
    position: relative;
}
p.toppageList__card--author:before {
    padding-right: 5px;
    color: #ccc;
    font-family: "Font Awesome 5 Free";
    content: "\f406";
    font-weight: 900;
}
p.toppageList__card--view:before {
    padding-right: 5px;
    font-family: "Font Awesome 5 Free";
    content: "\f06e";
    font-weight: 100;
}
/* pager */
ul.page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
ul.page-numbers li span, ul.page-numbers li a {
    width: 40px;
    height: 40px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px;
    font-size: 1.4rem;
	 font-weight: 600;
	 color: #f8951d;
}
ul.page-numbers li span.current {
    background: #f8951d;
    color: #fff;
}
ul.page-numbers li a:hover {
    background: #fff3e4;
}
/* ページネイション */
ul.page-numbers li span.current, ul.page-numbers li a {
    display: flex;
    border: none;
    width: 40px;
    height: 40px;
    padding: 0;
    align-items: center;
    justify-content: center;
}

/* sidebar */
.widgetItem {
    margin-bottom: 35px;
}
.sidebar .wp-block-search__inside-wrapper {
    border: solid 1px #ddd;
    border-radius: 5px;
    overflow: hidden;
}
.sidebar .wp-block-search__input {
    border: none;
}
.sidebar .wp-block-search__button {
    margin-left: 0;
    border: none;
    background: #ef9115;
    color: #fff;
}
.sidebar .wp-block-search__button {
    font-size: 0;
}
.sidebar .wp-block-search__button:before {
    color: #FFF;
    font-family: "Font Awesome 5 Free";
    content: "\f002";
    font-weight: 900;
    position: relative;
    font-size: 2rem;
    padding: 0 15px;
}
.widgetItem h3 {
    background: #f8951d;
    color: #fff;
    height: 45px;
    line-height: 42px;
    padding-left: 20px;
    border-radius: 3px 3px 0 0;
	 font-size: 1.8rem;
}
.sidebar ul.wp-block-categories-list.wp-block-categories {
    background: #fff;
}
.sidebar li.cat-item a {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px 13px 34px;
    align-items: center;
    position: relative;
	 transition: 0.1s ease-in-out;
}
.sidebar li.cat-item:last-child a {
    padding-bottom: 15px;
}
.sidebar li.cat-item a:before {
    color: #aaa;
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
    font-weight: 900;
    position: absolute;
    left: 20px;
    top: 15px;
}
.sidebar li.cat-item a:hover {
    background: #f5f5f5;
}
.sidebar li.cat-item a span {
    background: #eee;
    color: #707070;
    font-size: 1.1rem;
    width: 23px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px;
}
/* sidebar */
section.someTabs {
    background: #fff;
}
[data-tab-content]{
  display: none
}

[data-tab-content].active{
  display: block;
}

nav.tabs__nav {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin: 0 0 1rem;
    border: none;
    box-shadow: 0 7px 34px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%);
    border-radius: 3px;
    background: #FFF;
}
a.tabs__item {
    width: calc(100% / 2);
    display: flex;
    justify-content: center;
    height: 50px;
    align-items: center;
    text-decoration: none;
	 font-weight: 500;
}
a.tabs__item.active {
    position: relative;
    z-index: 1;
    color: #FFF;
}
.tabs__item:first-child.active ~ .Tabs__presentation-slider {
  transform: translateX(0) scaleX(0.5);
}
.tabs__item:nth-child(2).active ~ .Tabs__presentation-slider {
  transform: translateX(50%) scaleX(0.5);
}
.Tabs__presentation-slider {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: 0 0;
  transition: transform 0.25s;
  background: #f8951d;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
  }
}
.tabs__content.active {
    animation: fadeIn 0.7s ease 0s 1 normal;
}
ul.popularPost {
    display: flex;
    flex-direction: column;
    gap: 0px;
    padding: 10px 20px 20px;
}
ul.popularPost li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
	 border-bottom: solid 1px #eee;
    padding: 20px 0;
}
ul.popularPost li:first-child a {
    padding-top: 0;
}
ul.popularPost li:last-child a {
    border: none;
    padding-bottom: 0;
}
.tabs_img {
    position: relative;
    width: 70px;
    height: 70px;
}
.tabs_img img {
    object-fit: cover;
    height: 70px;
    width: 100%;
}
p.tabs_number {
    position: absolute;
    left: -6px;
    top: -6px;
    background: #f8951d;
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3rem;
    border-radius: 9999px;
    color: #fff;
	 z-index: 1;
}
ul.popularPost li a h4 {
    width: 175px;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0;
}
ul.popularPost li a h4:before {
    content: none;
}
ul.popularPost li a:hover h4 {
    color: #f58a07;
}
ul.popularPost li a:hover img {
    opacity: 0.85;
}

/* sideBanner */
.widgetItem figure.wp-block-image a img {
    transition: 0.15s ease-in-out;
}
.widgetItem figure.wp-block-image a {
    filter: drop-shadow(0px 1px 2px #ccc);
}
.widgetItem figure.wp-block-image a:hover {
    filter: drop-shadow(0px 3px 5px #ccc) opacity(0.8);
}
.widgetItem figure.wp-block-image a:hover img {
    transform: translateY(-2px);
}
/* sideFix */
.sidefixed {
    position: sticky;
    top: 20px;
}
ul#sideTocBlock {
    background: #fff;
    padding: 5px 15px 5px;
    max-height: 300px;
    overflow-y: scroll;
    border: solid 1px #dddddd;
    border-top: none;
}
ul#sideTocBlock li.h1, ul#sideTocBlock li.h2, ul#sideTocBlock li.h3 {
    font-size: 1.5rem;
    font-weight: 400;
    color: #333;
	 position: relative;
}
ul#sideTocBlock li.h1:before, ul#sideTocBlock li.h2:before {
    color: #707070;
    font-size: 1.6rem;
	 content: "\f276";
    background: none;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    color: #ccc;
    top: 3px;
    left: 6px;
    position: absolute;
}
ul#sideTocBlock li a {
    line-height: 1.3;
    margin: 12px 0 8px 24px;
    display: block;
    color: #313131;
    position: relative;
    padding-bottom: 5px;
}
ul#sideTocBlock li a:hover {
    color: #ff9800;
}
ul#sideTocBlock li:before {
    content: "\f276";
    background: none;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    color: #ccc;
    left: 9px;
    position: absolute;
    top: 4px;
}
ul#sideTocBlock li.h3:before {
    content: '\f0da';
    font-size: 1.3rem;
}
ul::-webkit-scrollbar{
  width: 10px;
  height: 10px;
}
ul::-webkit-scrollbar-track{
  background: #fff;/* トラックの背景 */
  border-radius: 0px;/* トラックの丸み */
  box-shadow: inset 0 0 1px #999; /* トラックの枠 */
}
ul::-webkit-scrollbar-thumb{
  background:#FDEE7490;/* バーの色 */
  border-radius: 0px;/* バーの丸み */
  box-shadow: none;/* バーの枠 */
}
.sidebar-download {
    background: #ff9800;
    padding: 17px 5px 15px;
    display: block;
    border-radius: 3px;
    text-align: center;
}
.sidebar-download h3 {
    background: transparent;
    line-height: 1.6;
    height: auto;
    border-radius: 0;
    padding: 0;
    margin-bottom: 10px;
    font-size: 1.9rem;
}
.sidebar-download p {
    font-size: 1.2rem;
    margin-bottom: 15px;
    color: #fff;
    line-height: 1.8;
}
.sidebar-download a {
    background: #fff;
    padding: 5px 15px 7px 23px;
    display: inline-block;
    position: relative;
    border-radius: 9999px;
    font-size: 1.4rem;
    color: #ff9800;
    font-weight: 500;
}
.sidebar-download a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: 900;
    position: relative;
    padding-left: 7px;
}
.sidebar-download a:hover {
    background: #000;
    color: #fff;
}

/* footer */
footer#footer {
	 padding: 60px 0 0;
    background: #fff;
}
.footer__inner {
    display: flex;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
	 padding: 5px 0 25px;
}
.footer__inner--left, .footer__inner--center, .footer__inner--right {
    width: 30%;
}
.footer__inner--center {
    padding-left: 5%;
}
/* footerのウィジェット */
#footer form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search {
    border: solid 1px #ddd;
    border-radius: 5px;
    overflow: hidden;
}
#footer .wp-block-search__input {
    border: none;
}
#footer .wp-block-search__button {
    margin-left: 0;
    border: none;
    background: #ef9115;
    color: #fff;
	 font-size: 0;
}
#footer button.wp-block-search__button:before {
    color: #FFF;
    font-family: "Font Awesome 5 Free";
    content: "\f002";
    font-weight: 900;
    position: relative;
    font-size: 2rem;
    padding: 0 15px;
}
#footer .widgetItem h3 {
    background: none;
    padding: 0;
    color: #000;
    position: relative;
    padding-bottom: 3px;
    margin-bottom: 23px;
    font-weight: 600;
    line-height: 1;
}
#footer .widgetItem h3:after {
    content: "";
    width: 100px;
    height: 1px;
    background: #f8951d;
    position: absolute;
    bottom: 0;
    left: 0;
}
#footer p.wp-block-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 11px 13px;
    align-items: center;
}
#footer a.tag-cloud-link {
    background: #f7f7f7;
    padding: 3px 10px 5px;
    position: relative;
	 border-radius: 3px;
}
#footer a.tag-cloud-link:before {
    opacity: 0.3;
    font-family: "Font Awesome 5 Free";
    content: "\f02b";
    font-weight: 900;
    position: relative;
    padding-right: 5px;
}
#footer a.tag-cloud-link:hover {
    background: #f8951d;
    color: #fff;
}
#footer a.wp-block-pages-list__item__link {
    display: flex;
    justify-content: space-between;
    padding: 6px 20px 10px 18px;
    align-items: center;
    position: relative;
    transition: 0.1s ease-in-out;
    border: none;
    color: #333;
	 font-size: 1.6rem;
}
#footer a.wp-block-pages-list__item__link:before {
    color: #aaa;
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
    font-weight: 900;
    position: absolute;
    left: 3px;
    top: 11px;
}
#footer a.wp-block-pages-list__item__link:hover {
    opacity: 0.6;
}
#footer .footer__inner--right figure.wp-block-image a {
    filter: none;
}
#footer .footer__inner--right p {
    color: #333;
    font-size: 1.4rem;
    line-height: 1.8;
}
#footer .footer__inner--right figure.wp-block-image a img:hover {
    transform: none;
    opacity: 0.6;
}
.footer__copyright {
    display: flex;
    justify-content: center;
    color: #aaa;
    font-size: 1.3rem;
    padding: 8px 0 10px;
    border-top: solid 1px #eee;
}
/* post */
.post-template .left_column {
	 border-radius: 3px;
}
.left_column .post-header {
    background: #fff;
    border-radius: 3px 3px 0 0;
}
.article-header.entry-header {
    padding: 30px 40px;
    display: flex;
    flex-direction: column;
}
nav#breadcrumb ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    gap: 25px;
}
nav#breadcrumb ul li a {
    position: relative;
}
nav#breadcrumb ul li a:after {
    color: #ddd;
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
    font-weight: 900;
    position: absolute;
    right: -15px;
    top: 6px;
}
nav#breadcrumb ul li:first-child a:before {
    color: #707070;
    font-family: "Font Awesome 5 Free";
    content: "\f015";
    font-weight: 900;
    position: relative;
    padding-right: 5px;
    vertical-align: baseline;
}
.article-header.entry-header h1 {
    font-weight: 500;
    color: #000;
    line-height: 1.6;
    font-size: 2.9rem;
    margin: 20px 0;
}
.article-header_botttom {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    color: #999;
    font-size: 1.4rem;
}
.article-header_botttom p {
    position: relative;
}
.article-header_botttom time.pubdate.entry-time {
    letter-spacing: 0.06rem;
}
span#readTime {
    position: relative;
}
.article-header_botttom p time.pubdate.entry-time:before, span#readTime:before {
    padding-right: 5px;
    font-family: "Font Awesome 5 Free";
    content: "\f017";
    font-weight: 100;
}
span#readTime:before {
    content: "\f252";
    font-weight: 900;
}
/* post content */
.left_column article {
    background: #fff;
}
div#contentWrapper {
    padding: 0 40px 25px;
}

.article_header .imgarea {
    margin-bottom: 35px;
}
.single .article_content h2, .single .article_content h1 {
    border: none;
    font-size: 2.3rem;
    background: linear-gradient( 90deg , rgb(249 249 249) 0%, rgba(255,255,255,1) 100%);
    margin-left: -40px;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 600;
	 position: relative;
}
.single .article_content h1:before, .single .article_content h2:before {
    content: "\f276";
    display: inline-block;
    position: absolute;
    padding: 0em;
    color: white;
    background: #F8951D;
    width: 45px;
    text-align: center;
    height: 45px;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    box-shadow: 0px 2px 1px rgb(0 0 0 / 29%);
    border-bottom: solid 2px #ffb153;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 48px;
}
.single .article_content h1:after, .single .article_content h2:after {
    content: none;
}
.single .article_content h1:first-child, .single .article_content h2:first-child {
    margin-top: 35px;
}
/* toc */
.accordionToc {
    border-top: solid 5px #f8951d;
    background: #fefefe;
    margin: 35px auto;
    padding: 25px 32px;
    box-shadow: 0 1.5px 2.4px rgb(0 0 0 / 15%);
}
.accordionToc p, button.accordion-header {
    display: inline-block;
    margin: 0;
    width: auto;
}
.accordionToc p {
    margin-right: 20px;
    font-size: 2rem;
    font-weight: 600;
    position: relative;
	 color: #f8951d;
}
.accordionToc p:before {
    background: #f8951d;
    border-radius: 9999px;
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    line-height: 50px;
    margin-right: 8px;
    color: #FFF;
    content: "\f0ca";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    text-align: center;
    font-size: 2.1rem;
}
.accordion-header {
    cursor: pointer;
    line-height: 1.35;
    margin: 0;
    padding: 4px 16px;
    text-decoration: none;
    transition: all 0.2s ease 0s;
    position: relative;
    border-radius: 5px;
    background: #cbcbcb;
    color: #fff;
    border: none;
    font-size: 0.8rem;
    vertical-align: 2px;
}
button.accordion-header:before {
    content: "[ 表示 ]";
}
button.accordion-header.active:before {
    content: "[ 非表示 ]";
}
#tocBlock {
    background-color: #fff;
    display: none;
    overflow: hidden;
    border: none;
    animation: fadeIn 0.7s ease 0s 1 normal;
    list-style: none;
    padding: 20px 0 0;
    margin: 20px 0 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
#tocBlock.show {
  display: block;
}
li.h1, li.h2, li.h3 {
    margin: 0;
    font-size: 1rem;
    line-height: 1;
    padding: 0;
    position: relative;
}

ul#tocBlock li:before {
    content: "\f276";
    background: none;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    color: #ccc;
    top: 50%;
    left: 9px;
    position: absolute;
    transform: translateY(-50%);
}
ul#tocBlock li.h3 {
    margin-left: 7px;
}
ul#tocBlock li.h3:before {
    content: '\f0da';
    font-size: 1.3rem;
    left: 23px;
}
ul#tocBlock li a {
    line-height: 1.3;
    margin: 10px 0 4px 28px;
    display: inline-block;
    color: #313131;
    position: relative;
    padding-bottom: 5px;
}
ul#tocBlock li.h3 a {
    margin-left: 36px;
    font-weight: 400;
}

ul#tocBlock li a:after {
    content: "";
    width: 0;
    height: 1px;
    background: #aaa;
    bottom: 3px;
    left: 0;
    position: absolute;
    transition: all .3s ease;
}
ul#tocBlock li a:hover:after {
    width: 100%;
}

.tocWrapper {
    padding: 0 40px;
}
.accordionToc button {
    font-size: 1.2rem;
}
ul#tocBlock li.h1, ul#tocBlock li.h2, ul#tocBlock li.h3 {
    font-size: 1.5rem;
    font-weight: 400;
    color: #333;
}
ul#tocBlock li.h1:before, ul#tocBlock li.h2:before {
    color: #707070;
    font-size: 2rem;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
  }
}

/* author */
/* SNS */
.fa-hatena:before {
    content: "B!";
    font-family: Verdana;
    font-weight: bold
}
ul.snsshare {
    border: none;
    list-style: none;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0 40px;
	 margin: 50px 0 20px;
}
ul.snsshare li {
    width: 20%;
    text-align: center;
    transition: 0.3s ease-in-out;
    font-size: 1.2rem;
}
ul.snsshare li i {
    display: block;
    font-size: 2.9rem;
}
.single .article_content ul.snsshare li.twitter a {
    color: #39b4ff;
}
.single .article_content ul.snsshare li.facebook a {
    color: #3a8df7;
}
.single .article_content ul.snsshare li.hatena a {
    color: #45b5f7;
}
.single .article_content ul.snsshare li.pocket a {
    color: #ff7b7b;
}
.single .article_content ul.snsshare li a {
    text-decoration: none;
	 color: #59d869;
}
ul.snsshare li:hover {
    opacity: 0.7;
}
.single .author-info {
    background: #f8951d;
    padding: 35px 40px;
}
.author-profile {
    background: #fff;
    border-radius: 5px;
    filter: drop-shadow(0px 1px 2px #ccc);
    align-items: center;
    flex-wrap: wrap;
}
.author__left {
    border-right: solid 1px #eee;
    padding-bottom: 25px;
	 width: 31%;
}
.author-profile .imgarea {
    margin-bottom: 0;
    padding: 35px 40px 15px;
}
.author-profile h2 {
    margin: 0;
    font-size: 1.4rem;
}
.author-profile h2 a {
    display: block;
    text-align: center;
    padding: 0 10px 0;
}
.single .authormeta {
    width: 67%;
    padding: 0 30px;
}
.single .authormeta p {
    line-height: 1.9;
}
/* postbottom cat */
.single .article_content .articleBottom__cat p {
    margin: 10px 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
	 gap: 10px;
}
.single .article_content .articleBottom__cat p.postTags a {
    background: #f7f7f7;
    padding: 2px 10px 1px;
    position: relative;
    border-radius: 3px;
    text-decoration: none;
    color: #707070;
    font-size: 10pt;
}
.single .article_content .articleBottom__cat p.postTags a:before {
    opacity: 0.3;
    font-family: "Font Awesome 5 Free";
    content: "\f02b";
    font-weight: 900;
    position: relative;
    padding-right: 5px;
}
.single .article_content .articleBottom__cat p.postTags a:hover {
	 background: #f8951d;
    color: #fff;
}
/* post recommend */
section#postRecommend {
    margin-top: 60px;
}
.postRecommend__inner h2 {
    margin: 0 0 15px;
    position: relative;
    text-align: center;
    font-size: 2.2rem;
    letter-spacing: 0.06rem;
}
.postRecommend__inner h2:before {
    content: "\f249";
    display: inline-block;
    position: relative;
    padding: 0;
    color: white;
    background: #F8951D;
    width: 42px;
    text-align: center;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0px 2px 1px rgb(0 0 0 / 29%);
    border-bottom: solid 2px #ffb153;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 42px;
    margin-right: 7px;
}
.postRecommend__inner--reclist {
    background: #fff;
    padding: 35px 40px;
    border-radius: 3px;
}
ul.postRecommend__inner--reclistCard {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}
ul.postRecommend__inner--reclistCard li {
    width: 47%;
    border-bottom: solid 1px #eee;
    padding-bottom: 20px;
}
ul.postRecommend__inner--reclistCard li:last-child, ul.postRecommend__inner--reclistCard li:nth-last-child(2) {
    border: none;
    padding-bottom: 0;
}
ul.postRecommend__inner--reclistCard li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
ul.postRecommend__inner--reclistCard li a img {
    width: 120px;
    height: 80px;
    object-fit: cover;
    box-shadow: 0 2px 4px rgb(0 0 0 / 30%);
    transition: 0.3s;
    object-position: center;
}
ul.postRecommend__inner--reclistCard li a h3 {
    font-size: 1.4rem;
    width: calc(100% - 160px);
    padding-left: 20px;
    line-height: 1.7;
}
ul.postRecommend__inner--reclistCard li a:hover > img {
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 25%);
    transform: translateY(-4px);
}
ul.postRecommend__inner--reclistCard li a:hover > h3 {
    color: #f8951d;
}
/* post widget */
.postwidgetItem {
    margin-top: 60px;
}
.postwidgetItem a {
    display: block;
    transition: 0.3s;
    background: #fff;
    box-shadow: 0 2px 4px rgb(0 0 0 / 30%);
    padding: 10px 13px 4px;
}
.postwidgetItem a:hover {
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 25%);
    transform: translateY(-4px);
}
.postwidgetItem a img {
    width: 100%;
}
/* category */
section#postlist__header {
    position: relative;
    margin-bottom: 40px;
}
.postlist__header--inner {
    background: #fff;
    border-top: solid 3px #ff9800;
    padding: 25px 30px;
}
.postlist__header--inner h1 {
    color: #000;
    font-weight: 600;
	 font-size: 2.2rem;
}
.postlist__header--description {
    border-top: solid 1px #eee;
    padding-top: 20px;
    margin-top: 10px;
}
/* 各ポリシー */
body.page.guide .left_column, body.page.privacy .left_column, body.page.contact .left_column, body.page.company .left_column, body.editorial-policy .left_column {
    background: #fff;
    border-radius: 3px;
    padding: 15px 40px 30px;
    width: 660px;
}
body.page .in {
	align-items: flex-start;
}
/* 投稿者一覧 */
ul#author__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
}
ul#author__list:after {
    content: "";
    width: 31%;
}
li.author__list--info {
    width: 31%;
    background: #fff;
    filter: drop-shadow(0px 1px 7px #eee);
}
.author__list--profile {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 25px;
}
.author__list--profile h2 {
    display: block;
    text-align: center;
}
.author__list--profile h2 a:hover {
    color: #ff9800;
}
.imgarea.inline {
    display: flex;
    justify-content: center;
}
.inline.authormeta {
    padding: 15px 0 0;
    font-size: 1.4rem;
    line-height: 1.7;
    border-top: solid 1px #eee;
    margin-top: 5px;
}
/* 資料ダウンロード */
.downloadpost {
    justify-content: space-between;
    flex-wrap: wrap;
}
.downloadpost:before, .downloadpost:after {
    content: none;
}
.download__left {
    width: 42%;
}
.download__left .article-header.entry-header {
    padding: 0;
}
.download__left nav#breadcrumb {
    font-size: 1.4rem;
}
.download__left .article-header.entry-header h1 {
    color: #ef9117;
    font-weight: 600;
    padding: 0;
    margin: 10px 0;
}
.download__left .article-header_botttom {
    display: none;
}
.download__left--img {
    margin: 20px 0;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 45px;
    border: solid 1px #eee;
    position: relative;
}
.download__left--imginner {
    position: relative;
    filter: drop-shadow(0px 1px 4px #eee);
}
.download__left--imginner:after {
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    border-radius: 5px;
    background: linear-gradient(-90deg,#fff0,#ffffff1a 80%,#ffffff4d 95%,#fff6 96.5%,#cbcbcb14 98%,#6a6a6a1a);
    border-radius: 3px;
}
.download__left p {
    line-height: 1.9;
    color: #000;
}
.download__right {
    width: 52%;
    background: #fff;
    border-radius: 3px;
    padding: 40px 45px;
    box-sizing: border-box;
	 filter: drop-shadow(0px 1px 7px #eee);
}
.download__right p {
    font-size: 1.4rem;
    line-height: 2;
    margin-bottom: 15px;
}
/* ダウンロード資料一覧 */
.downloadlist:before, .downloadlist:after {
    content: none;
}
.downloadWrapper {
    width: 100%;
}
ul#downloadpageList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	 align-items: end;
	 gap: 45px 20px;
}
ul#downloadpageList:after {
    content: "";
    width: 30.5%;
}
ul#downloadpageList li {
    width: 31.5%;
}
a.downloadCard {
	 gap: 20px;
    display: flex;
    flex-direction: column;
}
.downloadCard__img {
    display: flex;
    justify-content: center;
    padding: 0 40px;
	 transition: 0.3s ease-in-out;
}
.downloadCard__imginner {
    position: relative;
    width: 250px;
    filter: drop-shadow(0px 2px 5px #aaa);
	 transition: 0.3s ease-in-out;
}
.downloadCard__imginner:after {
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    border-radius: 5px;
    background: linear-gradient(-90deg,#fff0,#ffffff1a 80%,#ffffff4d 95%,#fff6 96.5%,#cbcbcb14 98%,#6a6a6a1a);
    border-radius: 3px;
}
.downloadCard__imginner img {
    width: 100%;
}
.downloadCard__bottom {
    background: #fff;
    border-radius: 3px;
    padding: 60px 25px 25px;
    position: relative;
    margin-top: -60px;
    z-index: -1;
	 filter: drop-shadow(0px 1px 7px #eee);
	 transition: 0.3s ease-in-out;
}
.downloadCard__bottom h2 {
    font-weight: 600;
    color: #000;
    font-size: 2.1rem;
    margin-bottom: 9px;
}
.downloadCard__bottom p {
    font-size: 1.5rem;
    line-height: 1.7;
    margin-bottom: 15px;
}
.downloadCard__bottom button {
    border: none;
    background: #ef9115;
    color: #fff;
    display: block;
    padding: 8px 28px 8px 38px;
    font-size: 1.6rem;
    border-radius: 9999px;
    margin: 0 auto;
    position: relative;
}
.downloadCard__bottom button:after {
    color: #fff;
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: 900;
    position: relative;
    padding-left: 7px;
}
a.downloadCard:hover > .downloadCard__img {
    transform: translateY(-4px);
}
a.downloadCard:hover > .downloadCard__img .downloadCard__imginner {
    filter: drop-shadow(0px 6px 6px #aaa);
}
a.downloadCard:hover > .downloadCard__bottom {
    background: #fff4e6;
}
a.downloadCard:hover > .downloadCard__bottom button {
    background: #000;
}
/* 動画一覧 */
#movieContent.displaynone, #movieForm.displaynone, #movieimg.displaynone {
    display: none;
}
span#movieTime:before {
    padding-right: 5px;
    font-family: "Font Awesome 5 Free";
    content: "\f03d";
    font-weight: 900;
}
.article_content.thankspage {
    line-height: 1.8;
}
ul#toppageList.thanksList {
    margin-top: 30px;
}
div#movieContent {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
#movieContent iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
/* 検索結果 */
nav#breadcrumb.searchresult {
    margin-bottom: 15px;
}

/* banner style*/
.single .article_content .banner a img {
    margin: 30px 0 0;
}
.banner a {
    filter: drop-shadow(0px 1px 2px #ccc);
    display: block;
}
.banner a:hover {
    filter: drop-shadow(0px 3px 5px #ccc) opacity(0.95);
    transform: translateY(-4px);
}

img.pc--banner {
    display: block;
}
img.sp--banner {
    display: none;
}

.single .article_content figure.wp-block-image.size-full img {
    margin: 0;
}

@media screen and (max-width: 767px) {
/* （ここにモバイル用スタイルを記述） */
	html {
    font-size: 100%;
	}
	ul::-webkit-scrollbar{
  height: 20px;
	}
	h4 {
    font-size: 1.8rem;
	}
	/* header */
	ul.header__inner--topRight {
    display: none;
	}.header__inner--top {
    justify-content: center;
    padding: 0;
	}
	.logo img {
    max-height: 75px;
	}
	a.header__inner--topLogo {
    padding: 5px 0 10px;
	}
	a.header__inner--topLogo img {
    height: 35px;
	}
	.header__inner--middle {
    padding-bottom: 25px;
	}
	/* top */
	body.home .in .left_column {
    box-sizing: border-box;
    padding-left: 6%;
    padding-right: 6%;
	}
	.item {
    height: 600px;
	}
	.item a {
    width: 420px;
    padding: 5% 8%;
	}
	.item a h2 {
    font-size: 2.4rem;
	}
	.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,30px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,30px));
	}
	ul#toppageList {
	 gap: 60px 30px;
	}
	ul#toppageList li {
    width: 100%;
	}
	a.toppageList__card img {
    height: 320px;
    margin-bottom: 30px;
	}
	a.toppageList__card h2 {
    font-size: 2.2rem;
    padding-left: 40px;
    padding-right: 40px;
	 text-align: left;
	}
	a.toppageList__card time.pubdate.entry-time {
    font-size: 1.5rem;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 5px;
	}
	.toppageList__card--bottom {
    font-size: 1.5rem;
    padding: 10px 40px 16px;
	}
	a.toppageList__card--cat {
    top: 16px;
    left: 16px;
    font-size: 1.4rem;
    padding: 4px 24px 8px;
	}
	ul.page-numbers {
    gap: 20px;
	}
	ul.page-numbers li span.current, ul.page-numbers li a {
    width: 80px;
    height: 80px;
    font-size: 1.8rem;
	}
	/* sidebar */
	.sidebar, .home .sidebar {
    margin: 80px 0 0;
    max-width: max-content;
    box-sizing: border-box;
    padding-left: 6%;
    padding-right: 6%;
	}
	.widgetItem {
    margin-bottom: 60px;
	}
	.wp-block-search__input {
    padding: 16px;
	}
	.sidebar .wp-block-search__button:before {
    padding: 0 25px;
	}
	.widgetItem figure.wp-block-image a img {
    width: 100%;
	}
	.sidebar li.cat-item a {
    padding: 20px 40px 22px 55px;
	 font-size: 1.8rem;
	}
	.sidebar li.cat-item a:before {
    left: 30px;
    top: 28px;
	}
	.sidebar li.cat-item:last-child a {
    padding-bottom: 35px;
	}
	.widgetItem h3 {
    height: 90px;
    line-height: 84px;
    padding-left: 40px;
    font-size: 2.2rem;
	}
	.sidebar li.cat-item a span {
    font-size: 1.5rem;
    width: 43px;
    height: 44px;
	}
	.tabs_img {
    width: 140px;
    height: 140px;
	}
	.tabs_img img {
    height: 140px;
	}
	p.tabs_number {
    width: 44px;
    height: 44px;
    font-size: 1.6rem;
	}
	ul.popularPost li a h4 {
    width: 390px;
    font-size: 1.6rem;
	}
	a.tabs__item {
    height: 90px;
	}
	/* footer */
	.footer__inner {
    flex-wrap: wrap;
    padding-left: 6%;
    padding-right: 6%;
    box-sizing: border-box;
	}
	.footer__inner--left, .footer__inner--center, .footer__inner--right {
    width: 100%;
    padding: 0;
	}
	#footer a.tag-cloud-link {
    font-size: 24px !important;
    padding: 6px 20px 10px;
	}
	#footer p.wp-block-tag-cloud {
    gap: 22px 26px;
	}
	#footer a.wp-block-pages-list__item__link {
    padding-top: 12px;
    padding-bottom: 20px;
    font-size: 1.8rem;
    padding-left: 25px;
	}
	#footer a.wp-block-pages-list__item__link:before {
    left: 0px;
    top: 21px;
	}
	/* post */
	nav#breadcrumb ul li a {
    font-size: 1.4rem;
	}
	.article-header.entry-header h1 {
    font-size: 2.4rem;
	}
	.accordionToc p:before {
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin-right: 14px;
	}
	.accordionToc button {
    font-size: 1.4rem;
	}
	ul#tocBlock li a {
    font-size: 1.6rem;
    margin: 20px 0 12px 44px;
	}
	ul#tocBlock li:before {
		top: 38px;
		transform: none:
	}
	ul#tocBlock li.h1:before, ul#tocBlock li.h2:before {
    top: 38px;
	}
	.single .article_content h2, .single .article_content h1 {
    font-size: 2.1rem;
	}
	.single .article_content p {
    font-size: 1.6rem;
    line-height: 1.9;
	}
	.single .article_content h1:before, .single .article_content h2:before {
    position: relative;
    top: 0;
    transform: none;
    font-size: 2rem;
    padding: 8px;
	}
	.single .article_content h3 {
    font-size: 2rem;
	}
	ul.snsshare {
    padding: 0;
	}
	.single .article_content .articleBottom__cat p.postTags a {
    font-size: 20px;
	}
	.post-template.in .sidebar {
    padding-left: 6%;
    padding-right: 6%;
    box-sizing: border-box;
	}
	.author__left {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: none;
    border-bottom: solid 1px #eee;
    margin-bottom: 20px;
	}
	.authormeta {
    width: 100%;
    padding: 0;
	}
	.single .authormeta {
    max-width: none;
    width: 100%;
	}
	.single .authormeta p {
    width: 100%;
    line-height: 1.8;
    font-size: 1.6rem;
    padding-bottom: 20px;
	}
	.author__left .imgarea {
    max-width: none;
    padding: 0;
	}
	.author__left .imgarea img {
    width: 300px;
    padding: 30px 0;
	}
	.author-profile h2 a {
    font-size: 1.8rem;
	}
	.postwidgetItem {
    padding-left: 6%;
    padding-right: 6%;
	}
	.postRecommend__inner h2:before {
    padding: 10px;
	}
	/* recommend */
	.postRecommend__inner--reclist {
    padding: 40px;
	}
	ul.postRecommend__inner--reclistCard {
    gap: 40px;
	}
	ul.postRecommend__inner--reclistCard li {
    width: 100%;
	 padding-bottom: 40px;
	}
	ul.postRecommend__inner--reclistCard li:nth-last-child(2) {
    border-bottom: solid 1px #eee;
    padding-bottom: 40px;
	}
	ul.postRecommend__inner--reclistCard li a img {
    width: 180px;
    height: 180px;
	}
	ul.postRecommend__inner--reclistCard li a h3 {
    width: 63%;
    font-size: 1.8rem;
    line-height: 1.5;
	}
	/* archive */
	body.archive .left_column {
    padding-left: 6%;
    padding-right: 6%;
	}
	body.archive .sidebar {
    padding-left: 6%;
    padding-right: 6%;
    box-sizing: border-box;
	}
	/* download */
	.downloadWrapper {
    padding-left: 6%;
    padding-right: 6%;
    box-sizing: border-box;
	}
	.postlist__header--description {
    font-size: 1.6rem;
	}
	ul#downloadpageList {
    gap: 90px;
	}
	ul#downloadpageList li {
    width: 100%;
	}
	.downloadCard__imginner {
    width: 100%;
	}
	.downloadCard__img {
    padding: 0 80px;
	}
	.downloadCard__bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 70px 55px 40px;
	}
	.downloadCard__bottom button {
    padding: 16px 0;
    width: 100%;
    font-size: 1.8rem;
	}
	/* download post */
	.in.downloadpost {
    padding-left: 6%;
    padding-right: 6%;
    box-sizing: border-box;
	}
	.download__left {
    margin-bottom: 60px;
	}
	.download__left, .download__right {
    width: 100%;
	}
	.download__left--imginner img {
    width: 400px;
	}
	.download__left .article-header.entry-header h1 {
    font-size: 3rem;
	}
	.download__right p {
    font-size: 1.6rem;
    line-height: 1.8;
	 margin-bottom: 40px;
	}
	/* author */
	body.writer .in .left_column {
    box-sizing: border-box;
    padding-left: 6%;
    padding-right: 6%;
	}
	ul#author__list {
    gap: 50px;
	}
	ul#author__list li {
    width: 100%;
    padding: 30px 35px;
	}
	.author__list--profile .imgarea.inline img {
    width: 250px;
	}
	/* 検索結果 */
	body.search.search-results .in .left_column {
    box-sizing: border-box;
    padding-left: 6%;
    padding-right: 6%;
	}
	/* 新着記事 */
	body.page.new .left_column {
	 box-sizing: border-box;
    padding-left: 6%;
    padding-right: 6%;
	}
	/* Drawer */
	.overlay {
	  width: 100%;
	  height: 100vh;
	  position: fixed;
	  left: 0;
	  top: 0;
	  background-color: rgba(0,0,0,.3);
	  z-index: 190;
	  opacity: 0;
	  visibility: hidden;
	  transition: all 200ms ease-in;
	}
	nav.nav {
	  width: 500px;
	  height: 100vh;
	  background-color: #FFF;
	  left: -500px;
	  top: 0;
	  position: absolute;
	  padding: 20px 0;
	  transition: all 200ms ease-in-out;
	  z-index: 199;
	}
	nav.nav .logo {
		margin: 20px 0 0;
		padding: 0 40px 46px;
		border-bottom: solid 1px #eee;
	}
	nav.nav ul {
		border: none;
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 0px;
	}
	.toggle {
	  position: absolute;
	  left: 100%;
	  width: 70px;
	  height: 65px;
	  color: #fff;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  font-size: 20px;
	  cursor: pointer;
	  top: 100px;
	}
	span.toggler,
	span.toggler:before,
	span.toggler:after {
		content: '';
		display: block;
		height: 3px;
		width: 45px;
		border-radius: 3px;
		background-color: #000;
		position: absolute;
		pointer-events: none;
	}

	span.toggler:before{
		bottom: 15px;
	}
	span.toggler:after {
		top: 15px;
	}
	span.deleteclass {
		background-color: transparent;
	}
	span.deleteclass::before {
		bottom: 0;
		transform: rotate(45deg);
	}
	span.deleteclass::after {
		top: 0;
		transform: rotate(-45deg);
	}

	.logo {
	  text-align: center;
	  margin-bottom: 5px;
	}
	.logo  a{
	  text-decoration: none;
	  color: #888;
	  font-size: 2rem;
	}
	.nav ul li {
	  display: block;
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}
	.nav ul li a {
		padding: 20px 60px;
		display: inline-block;
		color: #313131;
		font-size: 1.6rem;
		text-decoration: none;
		transition: all 200ms ease;
		width: 375px;
		position: relative;
	}
	.nav ul li a:before {
		color: #aaa;
		font-family: "Font Awesome 5 Free";
		content: "\f0da";
		font-weight: 900;
		position: absolute;
		left: 36px;
		top: 28px;
	}
	.nav ul li a:hover {
	  background-color: #f1f1f1;
	}

	/* Show Nav */
	.show-nav .nav {
	  left: 0;
	  box-shadow: 0 2px 4px rgba(0,0,0,.6);
	  position: fixed;
	}
	.show-nav .overlay {
	  opacity: 1;
	  visibility: visible;
	}
	span.toggler.deleteclass:before, span.toggler.deleteclass:after {
		background: #fff;
	}
	/* drawerInner */
	ul#drawerFirst {
		padding: 20px 0;
	}
	.nav .drawerTag ul {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
		gap: 10px 20px;
		padding: 0 30px;
	}
	.drawerTag ul li {
		display: inline-block;
		width: fit-content;
		position: relative;
	}
	.drawerTag ul li a {
		width: auto;
		background: #f7f7f7;
		padding: 6px 22px 9px;
		position: relative;
		border-radius: 3px;
		font-size: 1.3rem;
	}
	.drawerTag ul li a:before {
    opacity: 0.3;
    font-family: "Font Awesome 5 Free";
    content: "\f02b";
    font-weight: 900;
    position: relative;
    padding-right: 5px;
    top: auto;
    left: auto;
	}
	/* mobile banner */
	.single .article_content .banner a img {
    margin: 50px 0 0;
	}
	img.pc--banner {
    display: none;
	}
	img.sp--banner {
		display: block;
	}
	.banner {
    padding: 0 60px;
	}

}