@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/
html {scroll-behavior: smooth;}
:root {
    --boueki-main: #FFD700;
	--boueki-secondary: #165FAA;
}

/* common */
.heading {
    display: flex;
    gap: 30px;
}
.heading h2 {
    display: flex;
    flex-direction: column;
    font-size: 2rem;
    letter-spacing: 1px;
    gap: 4px;
    margin: 0;
    position: relative;
	padding-left: 40px;
}
.heading h2 span {
    font-size: 0.9rem;
    font-style: italic;
    line-height: 1;
	opacity: 0.5;
}
.heading h2:before {
    content: "\f0ac";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: -1px;
    color: var(--boueki-main);
}
.heading p {
    margin: 0;
}

a.bouekiBtn {
    padding: 0.9em 1.8em 0.9em;
    position: relative;
    font-size: 1.1rem;
    min-width: 260px;
    display: flex;
    justify-content: center;
	border-radius: var(--wp--custom--rounded--small);
    margin: 0;
}
a.bouekiBtn i {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
a.bouekiBtn.whiteBtn {
    background: #fff;
    color: #222;
}
a.bouekiBtn:hover {
    opacity: 0.8;
}
a.bouekiBtn.blackBtn {
    width: fit-content;
    margin: 0 auto;
    background: #222;
}

/* banner class */
a.postBanner {
    display: flex;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
}
a.postBanner:hover {
    box-shadow: var(--wp--custom--shadow--large-hover);
    opacity: 0.8;
}

/* header */
header#header {
    position: fixed;
    display: block;
    width: 100%;
    z-index: 10;
    transition: 0.3s ease-in-out;
    top: 0;
    left: 0;
	background: #fff;
}
header#header:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s ease-in-out;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: rgba(255, 255, 255, 0.65);
}
header#header.resize {
    background: none;
}
header#header.resize:before {
    opacity: 1;
}

.header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 2%;
	 transition: 0.3s ease-in-out;
	 position: relative;
}
.header__inner h1 {
    margin: 0;
}
a.header__inner--let {
    padding: 4px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
a.header__inner--let:hover {
    opacity: 0.7;
}

.header__inner a img {
    width: 100%;
    min-height: 50px;
	 transition: 0.5s ease-in-out;
}
.header__inner--right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 25px;
}
ul.header__inner--rightText {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
	margin: 0;
}
ul.header__inner--rightText li {
    position: relative;
    display: flex;
}
/*
ul.header__inner--rightText li:after {
    content: "";
    width: 1px;
    height: 20px;
    position: absolute;
    background: #ddd;
    top: 44%;
    transform: rotate3d(1, 1, 1, 45deg) translateY(-50%);
    right: -11px;
}
*/
ul.header__inner--rightText li a, ul.header__inner--rightText li span {
    position: relative;
    padding: 15px 5px;
	color: #222;
}
ul.header__inner--rightText li span {
    transition: 0.3s ease-in-out;
    cursor: pointer;
	padding-right: 20px;
}
li.hasChild:hover .hasChild__inner {
    opacity: 1;
    pointer-events: auto;
}
body ul.header__inner--rightText li.hasChild .hasChild__inner a {
    color: #000;
    padding-left: 18px;
}
.hasChild__inner a:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0px;
    top: 52%;
    transform: translateY(-50%);
    opacity: 0.4;
}
ul.header__inner--rightText li a:hover {
    opacity: 0.6;
}
ul.header__inner--rightText li:last-child:after {
    content: none;
}
.header__inner--btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}
.header__inner--btn a {
    padding-left: 10px;
    padding-right: 10px;
	padding-bottom: 15px;
}
.header__inner--btn a:after {
    right: 10px;
}
header#header.resize ul.header__inner--rightText li a, header#header.resize ul.header__inner--rightText li span {
    color: #000;
}
header#header.resize .header__inner {
    padding-top: 2px;
    padding-bottom: 2px;
}
ul.header__inner--rightText li.hasChild:hover span {
    color: var(--main-primary);
}

/* トグル */
.toggle {
    display: none;
    transition: 0.2s ease-in-out;
}
/* MENU */
nav.navLinks a {
    text-decoration: none;
}
nav.navLinks .parentMenu {
    border: none;
    list-style: none;
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
}
.navLinks .parentMenu li {
    margin: 0;
    padding: 0;
    position: relative;
}
.navLinks .parentMenu li a {
    padding: 0 15px;
    line-height: 70px;
    display: inline-block;
    color: #313131;
    position: relative;
}
/* 親メニューのhover時の下線 */
.navLinks .parentMenu li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 100%;
    height: 3px;
    background: #f0db40;
    transition: all .3s;
    transform: scale(0, 1);
    transform-origin: center top;
}
.navLinks .parentMenu li a:hover:after {
    transform: scale(1, 1);
}
/* サブメニュー */
nav.navLinks .parentMenu li ul.navSubMenu {
    display: none;
    border-radius: 0;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    background: #FFF;
    transition: 0.3s ease-in-out;
    list-style: none;
}
.navLinks .parentMenu li ul.navSubMenu li a {
    line-height: 1;
    padding: 20px 25px;
    border-bottom: solid 1px #eee;
}
ul.navSubMenu li:last-child a {
    border: none;
}
nav.navLinks .parentMenu li:hover ul.navSubMenu {
    display: flex;
    flex-direction: column;
    box-shadow: 0 3px 5px rgb(0 0 0 / 22%);
    gap: 0;
}
nav.navLinks .parentMenu li ul.navSubMenu li a:after {
    content: none;
}
ul.navSubMenu li a:hover {
    background: #fafafa;
}
/* header sub menu */
.hasChild__inner {
    opacity: 0;
    position: absolute;
    top: 100%;
    background: #fff;
    left: 0;
    box-shadow: 0px 1px 20px 0px rgba(58, 52, 255, 0.10);
    padding: 7px 20px 12px;
    display: flex;
    flex-direction: column;
    width: max-content;
    pointer-events: none;
    transition: 0.2s ease-in-out;
    gap: 0;
    border-radius: 3px;
}
li.hasChild span:before {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 2px;
    top: 52%;
    transform: translateY(-50%);
    opacity: 0.6;
}
.spNone {
    display: inline-block;
}
img.mvundertext_sp {
    display: none;
}

/* header search */
/* モーダル全体 */
.search-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.8);
  justify-content: center;
  align-items: center;
}

/* モーダルが開いたとき */
.search-modal.is-open {
  display: flex;
}

/* モーダル内側 */
.search-modal__inner {
    border-radius: 6px;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    position: relative;
}

/* 入力フォーム全体 */
.search-form {
  display: flex;
}
.search-form input.search-field {
    margin: 0;
    border-radius: 5px 0 0 5px;
}

/* テキストボックス */
.search-field {
  flex: 1;
  padding: 12px 16px;
  font-size: 16px;
  border: 1px solid #ddd;
  border-radius: 4px 0 0 4px;
  outline: none;
}

/* 検索ボタン */
.search-submit {
    background-color: var(--wp--preset--color--sango-main);
    color: #fff;
    border: none;
    font-size: 1.3rem;
    cursor: pointer;
    border-radius: 0 4px 4px 0;
    transition: 0.3s;
    height: auto;
    width: 50px;
}
.search-submit:hover {
  background-color: var(--wp--preset--color--sango-main);
}

/* 閉じるボタン */
.search-modal__close {
    position: absolute;
    top: -50px;
    right: 3px;
    font-size: 1.8rem;
    color: #ccc;
    cursor: pointer;
    transition: color 0.2s;
}

.search-modal__close:hover {
  color: #fff;
}

/* 検索トリガー用アイコン（例：虫眼鏡） */
.c-search__toggle {
  cursor: pointer;
  font-size: 20px;
  color: #333;
}

.c-search__toggle:hover {
  color: #00a0e9;
}


/* mv */
section#heroSwiper {
    position: relative;
    background: linear-gradient(90deg, #F38500 0%, #FFA538 100%);
}
section#heroSwiper .wrapper {
    padding: 100px 0 25px;
    overflow: hidden;
	position: relative;
}
.wrapperPickup {
    position: absolute;
    right: 0;
    bottom: -24px;
}
.wrapperPickup p {
    margin: 0;
    color: #fff;
    font-size: 5.3rem;
    font-weight: 600;
    font-style: italic;
    opacity: 0.5;
}
.swiper-slide a {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
.topslide__img {
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
    margin: auto;
	transition: 0.3s;
}
.topslide__img img {
    height: 480px;
    object-fit: cover;
    width: 100%;
	transition: 0.5s;
}

.swiper-slide a:hover .topslide__img img {
    transform: scale(1.05);
}
.topslide__text {
    width: 85%;
    margin: -100px auto 0;
    padding: 25px 45px;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    background: rgb(255, 255, 255, 0.9);
    box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.10);
    gap: 10px;
	position: relative;
}
.topslide__text p.pubdate.entry-time {
    margin: 0;
    font-weight: 600;
    color: #aaa;
}
.topslide__text h2 {
    margin: 0 0 5px;
    color: #222;
    font-size: 1.8rem;
}
.topslide__text .ulike_mark {
    right: 30px;
    bottom: 17px;
}
.swiper-slide {
    transition: 0.5s;
}
.swiper-slide.swiper-slide-prev, .swiper-slide.swiper-slide-next {
    transform: scale(0.9);
}
.sliderContainer {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    gap: 25px;
	margin-top: 40px;
	z-index: 6;
}
.swiper-button-prev.jirei, .swiper-button-next.jirei {
    position: relative;
    left: auto;
    right: auto;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    position: relative;
    left: auto;
    width: fit-content;
}
.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
	background: #fff;
	transition: 0.5s;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 45px;
    border-radius: 20px;
}
.swiper-button-prev.jirei, .swiper-button-next.jirei {
    background: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px;
	transition: 0.3s;
}
.swiper-button-prev:after, .swiper-button-next:after {
    font-size: 1.1rem;
    color: #000;
}
.swiper-button-prev.jirei:hover, .swiper-button-next.jirei:hover {
    opacity: 0.8;
}

/* layout */
body.home #content, body.blog #content {
    margin-top: 3em;
    padding-bottom: 0;
}
.sidelong {
    grid-template-columns: repeat(1, 1fr);
}
.sidelong__img {
    height: auto;
    width: 300px;
}
.sidelong__img img {
    height: 160px;
    object-fit: cover;
}
.sidelong .sidelong__title, .sidelong h2, .sidelong h3 {
	height: auto;
	font-size: 1.2rem;
	line-height: 1.53;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.sidelong__article-info {
    padding-left: 20px;
    box-sizing: border-box;
    padding-right: 15px;
	width: calc(100% - 160px);
}

.sidelong__article-info, .sidelong__img {
    gap: 6px;
}
.sidelong__meta {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    gap: 3px 20px;
}
.sidelong__categories ul, .sidelong__tags ul {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0 15px;
    flex-wrap: wrap;
}
.sidelong__categories ul li, .sidelong__tags ul li {
    position: relative;
    color: var(--wp--preset--color--sango-main);
    font-size: 0.9rem;
    font-weight: 600;
    position: relative;
}
.sidelong__categories ul li:before, .sidelong__tags ul li:before {
    content: "\f07c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: relative;
    margin-right: 5px;
    opacity: .6;
}
.sidelong__tags ul li {
	color: #222;
}
.sidelong__tags ul li:before {
    content: "\f02b";
}
.post-tab>div {
    padding: 1.1em .2em 1.3em;
}


/* card ulike */
.ulike_mark {
    display: inline-block;
    position: absolute;
    right: 14px;
    bottom: 4px;
}
.wpulike {
    margin: 0;
    padding: 0;
}
.wpulike-heart .wp_ulike_general_class {
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}
span.count-box.wp_ulike_counter_up {
    padding: 0;
}

/* top tab */
.post-tab>div.tab-active {
    background: #000;
}

/* top know how */
section#topKnowHow {
    position: relative;
    background: #222;
}
section#topKnowHow:before {
    content: "";
    width: 90%;
    height: 85%;
    background: url(https://boueki.standage.co.jp/wp-content/uploads/2025/07/map_white.svg) no-repeat;
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    background-size: contain;
    pointer-events: none;
    opacity: 0.3;
}
.topKnowHow__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    gap: 80px;
    padding: 80px 0;
}
.topKnowHow__inner--top .heading {
    color: #fff;
}
.topKnowHow__inner--top .heading h2 {
    width: auto;
    white-space: nowrap;
}
.topKnowHow__inner--middle .sidelong {
    grid-template-columns: repeat(2, 1fr);
}
.topKnowHow__inner--middle .sidelong h3 {
    margin: 0;
    line-height: 1.43;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.topKnowHow__inner--middle article.sidelong__article:hover {
    box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px);
}
.topKnowHow__inner--bottom {
    display: flex;
    justify-content: center;
    padding-top: 40px;
}
.topKnowHow__inner--bottom a.main-bc {
    border-radius: var(--wp--custom--rounded--small);
	margin: 0;
}

/* tag search */
section#tagSearch {
    background: var(--wp--preset--color--sango-main);
    padding: 80px 0;
    position: relative;
}
.tagSearch__inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    border-radius: 8px;
    background: #FFF;
    padding: 40px 50px;
    display: flex;
    flex-direction: column;
    gap: 35px;
}
.tagSearch__inner--top .heading {
    flex-direction: column;
    gap: 12px;
}
h2.tagSearIcon:before {
    content: "\f02c";
}
ul.tagAll {
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 25px;
	flex-wrap: wrap;
	list-style: none;
}
ul.tagAll li a {
    background: #FFF;
    box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.10);
    color: #222;
    display: flex;
    justify-content: center;
    position: relative;
    padding: 0.7rem 1.4rem;
    border-radius: 3px;
	transition: var(--wp--custom--transition--default);
}
ul.tagAll li a:before {
    content: "\f02b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: relative;
    padding-right: 7px;
    opacity: 0.5;
}
ul.tagAll li a:hover {
    background: #eee;
}

/* search form UI */
section#wordSearch {
    padding: 30px 0 10px;
}
.wordSearch__inner {
    background: #fff;
    border: solid 1px #ddd;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 25px 30px 45px;
}
.wordSearch__inner h3 {
    margin: 0;
    font-size: 2.2rem;
}
.wordSearch__inner p {
    margin: 0;
    font-size: 1.1rem;
}
.wordSearch__inner--form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    max-width: 600px;
    margin: 20px auto 0;
}
.wordSearch__inner--form form {
    box-shadow: 0 2px 22px 0 rgba(125, 125, 125, 0.2);
    border: 1px solid #eee;
    border-radius: 5px;
    overflow: hidden;
}
.wordSearch__inner--form form input[type=search] {
    box-shadow: none;
    padding: 12px 54px 14px 25px;
    border: none;
    border-radius: 0;
}
.wordSearch__inner--form button.search-submit {
    width: 60px;
}
.wordSearch__inner--formList {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.wordSearch__inner--formList p {
    font-size: 0.9rem;
}
ul.wordSearch__inner--formListLists {
    margin: 0;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    align-items: center;
}
li.wordSearch__inner--formListList {
    display: flex;
    justify-content: center;
    align-items: center;
}
li.wordSearch__inner--formListList a {
    text-decoration: underline;
    font-size: 0.9rem;
}
li.wordSearch__inner--formListList a:hover {
    opacity: 0.7;
}

/* seminar list */
section#seminarLink {
    background: var(--wp--preset--color--sango-main);
    padding: 40px 0 140px;
    position: relative;
}
section#seminarLink:after {
    content: "";
    width: 100%;
    height: 200px;
    background: url(https://boueki.standage.co.jp/wp-content/uploads/2025/07/underwave.svg) no-repeat;
    bottom: 0;
    position: absolute;
    background-size: cover;
}
.seminarLink__inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
	position: relative;
    z-index: 1;
}
.seminarLink__inner--top .heading {
    flex-direction: column;
    gap: 12px;
}
.seminarLink__inner--middle {
    display: flex;
    justify-content: space-between;
	align-items: flex-start;
}
.seminarLink__inner--middleLeft {
    width: 50%;
    max-width: 460px;
}
.seminarLink__inner--middleLeft a {
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.22);
    cursor: pointer;
    transition: 0.2s ease-in-out;
    overflow: hidden;
    height: 100%;
	transition: var(--wp--custom--transition--default);
	animation: var(--wp--custom--animation--fade-in);
}
.seminarLink__inner--middleLeft a:hover, ul#seminar-list li a:hover {
    box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px);
}
.seminarLink__inner--middleRight {
    margin: 0;
    width: 57%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.seminarLink__text {
    padding: 15px 25px;
    display: flex;
    flex-direction: column;
	gap: 5px;
}
.seminarLink__text p, .seminarLink__text h3 {
    margin: 0;
    position: relative;
}
p.seminarDate {
    color: var(--boueki-secondary);
    font-weight: 600;
    position: relative;
    letter-spacing: 1px;
}
p.seminarDate:before {
    content: "\f51b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: relative;
    padding-right: 5px;
    opacity: 0.7;
}
p.seminarDate span {
    padding-left: 12px;
}
h3.seminarTitle {
    color: #555;
	line-height: 1.53;
}

ul#seminar-list li a {
    align-items: center;
    display: flex;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.22);
    cursor: pointer;
    transition: 0.2s ease-in-out;
    overflow: hidden;
	animation: var(--wp--custom--animation--fade-in);
}
ul#seminar-list li a .seminarLink__img {
    width: 300px;
}
ul#seminar-list li a .seminarLink__text {
    padding: 0 25px;
    width: calc(100% - 300px);
}
ul#seminar-list li a h3.seminarTitle {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
p.seminarDate.youtubeWatch {
    color: #FF0000;
}
p.seminarDate.youtubeWatch:before {
    content: none;
}
h2.seminarIcon:before {
    content: "\f51b";
}
.seminarLink__inner a.bouekiBtn {
    margin-top: 20px;
}

/* wpDL */
section#wpDL {
    background: #fff;
    position: relative;
}
.wpDL__inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: relative;
    padding: 60px 0 80px;
}
.wpDL__inner--top .heading {
    flex-direction: column;
    gap: 12px;
}
ul.wpDL__inner--middle {
    display: flex;
    justify-content: space-between;
}
ul.wpDL__inner--middle li {
    width: 31%;
}
a.wpDLLink {
    gap: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.wpDLLink__img {
    display: flex;
    justify-content: center;
    padding: 0 20px;
    transition: 0.3s ease-in-out;
    position: relative;
    z-index: 1;
}
.wpDLLink__imgInner {
    position: relative;
    width: 280px;
    filter: drop-shadow(0px 2px 5px #aaa);
    transition: 0.3s ease-in-out;
}
.wpDLLink__imgInner img {
    width: 100%;
}
.wpDLLink__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;
}
.wpDLLink__text {
    filter: drop-shadow(0px 1px 7px #eee);
    transition: 0.3s ease-in-out;
    background: #fff;
    flex-grow: 2;
    padding: 50px 35px 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: -46px;
    border-radius: 5px;
}
.wpDLLink__text h3 {
    flex-grow: 1;
    color: #555;
    line-height: 1.53;
    margin: 0;
	transition: var(--wp--custom--transition--default);
}
.wpDLLink__text button {
    padding: 0.9em 1.8em 1em;
    position: relative;
    font-size: 1.1rem;
    min-width: 260px;
    display: flex;
    justify-content: center;
    border-radius: var(--wp--custom--rounded--small);
    margin: 0 auto;
    border: solid 1px #ddd;
    background: #fff;
    font-weight: 600;
    width: fit-content;
	transition: var(--wp--custom--transition--default);
}
.wpDLLink__text button:after {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 16px;
    top: 48%;
    transform: translateY(-50%);
    opacity: 0.4;
}
a.wpDLLink:hover .wpDLLink__img {
    transform: translateY(-4px);
}
a.wpDLLink:hover .wpDLLink__text h3 {
    color: #707070;
}
a.wpDLLink:hover .wpDLLink__text button {
    background: #222;
    color: #fff;
}
h2.bookIcon:before {
    content: "\f02d";
}

/* mail */
section#mails {
    position: relative;
    background: var(--boueki-main);
}
section#mails:before {
    content: "";
    width: 900px;
    height: 440px;
    background: url(https://boueki.standage.co.jp/wp-content/uploads/2025/07/map_white.svg) no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
    background-size: cover;
    pointer-events: none;
    opacity: 1;
    transform: translateY(-50%);
}
.mails__inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 70px 0;
    display: flex;
    justify-content: space-between;
	position: relative;
    z-index: 1;
}
.mails__inner--left {
    display: flex;
    flex-direction: column;
    width: 58%;
    gap: 28px;
}
.mails__inner--leftTop {
    display: flex;
    flex-direction: column;
	gap: 22px;
	width: 100%;
    max-width: 520px;
}
.mails__inner--leftTop h2 {
    text-align: center;
    border-top: solid 3px #222;
    border-bottom: solid 3px #222;
    padding: 5px 0;
    font-size: 2rem;
    letter-spacing: 1px;
    font-weight: 600;
	margin: 0;
}
p.mailsDesc {
    margin: 0;
    font-size: 1.2rem;
}
.mails__inner--left a.bouekiBtn.blackBtn {
    margin: 0;
}
.mails__inner--right {
    display: flex;
    justify-content: center;
}
.mails__inner--right img {
    width: 100%;
}

/* footer */
footer#footer {
    position: relative;
    background: #000;
}
.footer__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 60px 0 0;
	gap: 70px;
}
.footer__inner--top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer__inner--topLeft {
    width: 35%;
}
.footer__inner--topLeft a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    color: #fff;
	transition: 0.3s;
}
.footer__inner--topLeft a p {
    margin: 0;
    letter-spacing: 1.6px;
}
.footer__inner--topLeft a span {
    display: flex;
    justify-content: center;
    align-items: inherit;
    gap: 12px;
}
.footer__inner--topLeft a:hover {
    opacity: 0.7;
}
.footer__inner--topRight {
    display: flex;
    flex-direction: column;
    gap: 25px;
    width: 60%;
}
ul.footerCat {
    margin: 0;
    display: flex;
    justify-content: flex-end;
    gap: 15px 40px;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
}
ul.footerCat li a {
    color: #fff;
    position: relative;
    transition: 0.3s;
}
ul.footerCat li a:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: relative;
    margin-right: 11px;
}
ul.footerCat li a:hover {
    opacity: 0.7;
}
.footerBtns {
    display: flex;
    justify-content: flex-end;
    gap: 30px;
}
.footer__inner--bottom {
    display: flex;
    justify-content: space-between;
    border-top: solid 1px #707070;
    align-items: center;
	padding-bottom: 3px;
}
.footer__inner--bottomLeft p {
    font-size: 0.9rem;
    color: #707070;
    margin: 0;
}
.footer__inner--bottomRight {
    display: flex;
    justify-content: flex-end;
    gap: 25px;
    align-items: center;
}
ul.footer__inner--bottomRightLink {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 25px;
}
ul.footer__inner--bottomRightLink li a {
    color: #fff;
    font-size: 0.8rem;
    letter-spacing: 0.7px;
    transition: 0.3s;
}
ul.footer__inner--bottomRightLink li a:hover {
    opacity: 0.7;
}
a.outerLink:after {
    content: "\f2d2";
    font-family: "Font Awesome 5 Free";
    font-weight: 100;
    position: relative;
    margin-left: 6px;
}
a.backTop {
    width: 40px;
    height: 40px;
    border: solid 1px #ccc;
    border-radius: 9999px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
	color: #fff;
}
a.backTop:hover {
    background: #222;
}

.footerOtherLink {
    margin: 0;
    display: flex;
    justify-content: flex-end;
    gap: 15px 40px;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
}
.footerOtherLink a {
    color: #fff;
    position: relative;
    transition: 0.3s;
}
.footerOtherLink a:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: relative;
    margin-right: 11px;
}
.footerOtherLink a:hover {
    opacity: 0.7;
}

/* main side */
aside.insidesp {
    display: flex;
    flex-direction: column;
    gap: 30px;
	padding-bottom: 40px;
}
.normalSide {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.normalSide input.search-field {
    background: #fff;
}
.stickySide {
    position: sticky;
    top: 80px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.linkBanner a {
    box-shadow: var(--wp--custom--shadow--solid);
    position: relative;
    transition: var(--wp--custom--transition--default);
    display: block;
	border-radius: 8px;
    overflow: hidden;
}
.linkBanner a:hover {
    box-shadow: var(--wp--custom--shadow--large-hover);
}
.linkBanner a img {
    vertical-align: bottom;
}

/* archive */
#content.catPage {
    position: relative;
    margin-top: 4.5rem;
}
#content.catPage:before {
    content: "";
    width: 100%;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #F8951D 0%, #FFAE4C 100%);
}
#archive_header {
    padding: 0;
    background: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 350px;
    justify-content: center;
}
.catPage__inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
	position: relative;
}
#archive_header h2 {
    display: flex;
    flex-direction: column;
    font-size: 2.4rem;
    letter-spacing: 1px;
    gap: 4px;
    position: relative;
}
#archive_header h2 span {
    font-size: 1rem;
    font-style: italic;
    line-height: 1;
    text-transform: capitalize;
}
#archive_header h2, #archive_header p {
    margin: 0;
}
#archive_header .taxonomy-description {
    margin: 10px 0 0;
}

.catPage__inner .sidelong {
    grid-template-columns: repeat(2, 1fr);
}

.catHeaderText {
    position: absolute;
    right: 0;
    top: 160px;
}
.catHeaderText p {
    font-size: 7rem;
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
    margin: 0;
    font-style: italic;
    color: rgb(255, 255, 255, 0.2);
}

/* download */
/* 20240606 */
.in.clearfix.downloadlist {
    display: flex;
    flex-direction: column;
    gap: 100px;
    padding-top: 120px;
    padding-bottom: 100px;
}

.downloadWrapper.renew {
    display: flex;
    flex-direction: column;
    gap: 100px;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}
section.download__cat--block {
    display: flex;
    flex-direction: column;
    gap: 45px;
}
.download__cat--blockTitle {
    display: flex;
    justify-content: center;
}
.download__cat--blockTitle p {
    font-weight: 600;
    color: #000;
    font-size: 2.4rem;
    width: fit-content;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    padding-bottom: 20px;
}
.download__cat--blockTitle p:after {
    content: "";
    width: 100px;
    height: 2px;
    background: #f8951d;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
/* アンカー */
.download__cat--links {
    width: 100%;
    display: block;
    position: relative;
    top: 0;
    z-index: 1;
}
.download__cat--links ul {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    background: #FFF;
    filter: drop-shadow(0px 1px 7px #eee);
    overflow: hidden;
}
.download__cat--links ul li {
    width: calc(100% / 3);
}
.download__cat--links ul li a {
    background: #fff;
    display: flex;
    justify-content: center;
    padding: 20px 0 24px;
    border-right: solid 1px #eee;
    position: relative;
    color: #555;
    transition: 0.3s;
}
.download__cat--links ul li:last-child a {
    border: none;
}
.download__cat--links ul li a:after {
    color: #aaa;
    font-family: "Font Awesome 5 Free";
    content: "\f0ab";
    font-weight: 900;
    position: relative;
    padding-left: 8px;
}
.download__cat--links ul li a:hover {
    background: #eee;
}

/* メインのダウンロード用 */
.download__cat--main {
    width: 100%;
    max-width: 900px;
    margin: -60px auto 0;
    padding-top: 20px;
    position: relative;
}
.download__cat--main:before {
    background: var(--main-gradORG, linear-gradient(180deg, #ED6C00 0%, #F8951D 100%));
    content: "";
    width: 100vw;
    height: 400px;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    z-index: 2;
	 pointer-events: none;
}
.download__cat--main:after {
    content: "";
    width: 100vw;
    height: 300px;
    top: 0;
    left: 0;
    background: none;
    position: absolute;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    z-index: 1;
    pointer-events: none;
}
.download__cat--main a {
    display: flex;
    flex-direction: column;
    filter: drop-shadow(0px 1px 5px #ddd);
    position: relative;
    z-index: 3;
}
.download__cat--mainImg {
    display: flex;
    justify-content: center;
    position: relative;
}
.download__cat--mainImg:before {
    content: "";
    width: 100%;
    height: 300px;
    background: #F3F3F3;
    position: absolute;
    bottom: 0;
    border-radius: 8px 8px 0 0;
}
.download__cat--mainImg img {
    position: relative;
}
.download__cat--mainText {
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 45px 40px;
    border-radius: 0 0 8px 8px;
    gap: 15px;
	 transition: 0.3s ease-in-out;
}
.download__cat--mainText h2 {
    font-weight: 600;
    color: #555;
    font-size: 2.2rem;
    letter-spacing: 1px;
    margin: 0;
}
.download__cat--mainText p {
    line-height: 1.93;
    width: 100%;
    margin: 0;
    color: #555;
}
.download__cat--mainText button {
    padding: 0.9em 1.8em 1em;
    position: relative;
    font-size: 1.1rem;
    min-width: 260px;
    display: flex;
    justify-content: center;
    border-radius: var(--wp--custom--rounded--small);
    margin: 0 auto;
    border: solid 1px #ddd;
    background: #fff;
    font-weight: 600;
    width: fit-content;
    transition: var(--wp--custom--transition--default);
}
.download__cat--mainText button:after {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 16px;
    top: 48%;
    transform: translateY(-50%);
    opacity: 0.4;
}

.download__cat--main a:hover button {
    background: #000;
	color: #fff;
}

/* ダウンロード資料一覧 */
.downloadlist:before, .downloadlist:after {
    content: none;
}
.downloadWrapper {
    width: 100%;
}
ul#downloadpageList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	 gap: 50px 20px;
}
ul#downloadpageList:after {
    content: "";
    width: 30.5%;
}
ul#downloadpageList li {
    width: 31.5%;
}

/* post */
body.single-post #content, body.error404 #content {
    margin-top: 7rem;
}
.singleWPULike button.wp_ulike_btn {
    border: solid 1px #ddd;
    border-radius: 9999px;
    padding: 16px;
    margin-right: 6px;
}
.singleWPULike span.count-box {
    font-size: 1.2rem;
    min-width: 16px;
}
.singleWPULike.dfont .wp_ulike_general_class.wp_ulike_is_liked span.count-box {
    color: #ff5f56;
}
.singleWPULike .wpulike-heart .wp_ulike_general_class {
    display: flex;
    align-items: center;
    justify-content: center;
}
/* post header */

.articleTime {
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin-top: 16px;
}
.articleTime .entry-meta {
    margin: 0;
}
p.post-thumbnail {
    position: relative;
}
p.post-thumbnail:after {
    content: "";
    width: 100%;
    height: 110px;
    background: url(https://boueki.standage.co.jp/wp-content/uploads/2025/07/underwave.svg) no-repeat;
    bottom: 0;
    position: absolute;
    background-size: cover;
    z-index: 1;
    left: 0;
}
.fab-btn {
    margin-top: -45px;
}
/* post article */
.entry-content .sidelong__article-info h2 {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.53;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.entry-content .sidelong__article-info ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}
.entry-content .sidelong__article-info time.pubdate.entry-time {
    color: #b5b5b5;
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin: 0;
}
.entry-content .sidelong__article-info p {
    display: none;
}
p.post-thumbnail {
    margin-left: -40px;
    margin-right: -40px;
	margin-top: 25px;
}

/* post footer */
.postFooter {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	margin: 30px 0;
}
.postFooter .footer-meta {
    padding: 0;
    display: flex;
    flex-direction: column;
}

.prnx_tb figure {
    width: 115px;
}
.prnx_tb figure img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

/* rec post */
section.recPost {
    position: relative;
    padding: 40px 0 60px;
    display: block;
}
.recPost__inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 35px 30px 14px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    background: #fff;
    border-radius: var(--wp--custom--rounded--medium);
    overflow: hidden;
	box-shadow: var(--wp--custom--shadow--small);
}
h2.postLinkHeading {
    text-align: center;
    position: relative;
    font-size: 1.8rem;
    letter-spacing: 1.2px;
	margin: 0;
}
h2.postLinkHeading:before {
    content: "\f02d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: relative;
    margin-right: 8px;
}
.recPost__inner .sidelong {
    grid-template-columns: repeat(2, 1fr);
}

h2.postLinkHeading.favoriteHead:before {
    content: "\f004";
    color: #ff5f56;
}
section.recPost.favorites {
    padding: 0 0 80px;
}

/* ribbon */
span.rankribbon14 {
    display: inline-block;
    position: absolute;
    top: 0;
    left : 16px;
    margin: 0;
    padding: 4px 0;
    z-index: 2;
    width: 40px;
    text-align: center;
    font-size: 1.3rem;
    color: white;
    background: #ff5f56;
    font-weight: 600;
    line-height: 1.2;
}
span.rankribbon14:after {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    width: 0;
    border-left: 20px solid #ff5f56;
    border-right: 20px solid #ff5f56;
    border-bottom: 10px solid transparent;
}
a.sidelong__link span.rankribbon14 {
    font-family: var(--wp--preset--font-family--dfont);
}

/* single download */
body.single-download {
    background: #fff;
}
div#content.downloadPage #archive_header {
    gap: 5px;
    height: auto;
    padding: 80px 0;
}
#content.downloadPage .catHeaderText p {
    color: var(--boueki-main);
    opacity: 0.3;
}
.downloadPages {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 80px;
}
.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;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 25px;
    border: solid 1px #eee;
    position: relative;
    border-radius: 5px;
    background: #f9f9f9;
}
.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;
	margin: 0;
}
.download__right {
    width: 52%;
    background: #fff;
    border-radius: 6px;
    padding: 30px 35px;
    box-sizing: border-box;
    filter: drop-shadow(0px 1px 7px #eee);
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.download__right p {
    font-size: 1.4rem;
    line-height: 2;
	margin: 0;
    font-size: 0.8rem;
}
.download__right--form iframe {
    min-height: 720px;
}
/* contact */
ul.downloadLists {
    background: #fff;
    padding: 25px 30px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 5px;
}
ul.downloadLists li {
    position: relative;
    font-weight: 600;
    padding-left: 25px;
}
ul.downloadLists li:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    color: var(--boueki-main);
}

/* mail page */
section#mailsP {
    position: relative;
    background: var(--boueki-main);
}
section#mailsP:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -25px;
    border: 25px solid transparent;
    border-top: 25px solid var(--boueki-main);
}
.mailsP__inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 60px 0 80px;
    gap: 40px;
    display: flex;
    flex-direction: column;
    position: relative;
}
.mailsP__inner--heading {
    display: flex;
    flex-direction: column;
    align-items: center;
	gap: 15px;
}
.mailsP__inner--heading h2 {
    display: flex;
    flex-direction: column;
    gap: 28px;
}
.mailsP__inner--heading h2 span {
    text-align: center;
    border-top: solid 3px #222;
    border-bottom: solid 3px #222;
    padding: 1px 0 4px;
    font-size: 2rem;
    letter-spacing: 1px;
    font-weight: 600;
    margin: 0;
}
p.mailsP__inner--headingDesc {
    margin: 0;
    text-align: center;
    font-size: 1.1rem;
    letter-spacing: 1px;
}
ul.mailsP__inner--lists {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
li.mailsP__inner--list {
    background: #fff;
    border-radius: var(--wp--custom--rounded--medium);
    box-shadow: var(--wp--custom--shadow--small);
    width: 31%;
    display: flex;
    flex-direction: column;
    align-items: center;
	padding: 32px 25px;
    gap: 10px;
}
li.mailsP__inner--list p, li.mailsP__inner--list h3 {
    margin: 0;
}
p.mailsP__inner--listTokuten {
    background: var(--boueki-secondary);
    color: #fff;
    padding: 2px 20px 4px;
    border-radius: 9999px;
    font-weight: 600;
    letter-spacing: 1px;
}
p.mailsP__inner--listCotp {
    font-weight: 600;
    text-align: center;	
    font-size: 0.9rem;
	flex-grow: 1;
}
li.mailsP__inner--list h3 {
    text-align: center;
    color: var(--boueki-secondary);
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.43;
}
li.mailsP__inner--list img {
    width: 120px;
    height: 120px;
    margin-top: 10px;
}
/* mail form */
section#mailForm {
    position: relative;
    padding: 100px 0 70px;
}
.mailForm__inner {
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0 1px 20px 0 rgba(58, 52, 255, 0.10);
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 35px;
}

/* about */
#content.onepage {
    padding-bottom: 0;
}
section#aboutPG {
    background: var(--main-gradient, linear-gradient(90deg, #F8951D 0%, #FFAE4C 100%));
    position: relative;
	overflow: hidden;
}
section#aboutPG:after {
    content: "";
    width: 1400px;
    height: 600px;
    background: url(https://boueki.standage.co.jp/wp-content/uploads/2025/07/mapscrew.svg) no-repeat;
    position: absolute;
    right: 0;
    background-size: cover;
    top: 0;
}
.aboutPG__inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
	position: relative;
    z-index: 1;
}
.aboutPG__inner--top {
    display: flex;
    flex-direction: column;
    padding: 60px 0 140px;
    gap: 80px;
}
.aboutPG__inner--topTitle {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
p.aboutCopy {
    margin: 0;
    font-weight: 600;
    font-size: 2rem;
    letter-spacing: 2px;
}
p.aboutDesc {
    margin: 0;
    letter-spacing: 1px;
    font-size: 1.1rem;
    line-height: 2.33;
}

/* about bottom */

section#aboutInfo {
    background: #fff;
    position: relative;
}
.aboutInfo__inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 80px 0;
}
.aboutInfo__inner h3 {
    margin: 0;
    text-align: center;
    font-size: 1.8rem;
}
ul.aboutInfo__inner--bottom {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
}
ul.aboutInfo__inner--bottom li {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 400px;
    align-items: center;
    border: solid 1px #ddd;
    padding: 25px 30px;
    border-radius: 5px;
}
ul.aboutInfo__inner--bottom li h4, ul.aboutInfo__inner--bottom li p {
    margin: 0;
}
ul.aboutInfo__inner--bottom li h4 {
    font-size: 1.4rem;
    text-align: center;
    flex-grow: 1;
    display: flex;
    align-items: center;
}
.aboutInfo__inner--bottomImg {
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f9f9f9;
    border-radius: 9999px;
    padding: 15px;
}
p.aboutInfo__innerText {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
    display: flex;
    flex-direction: column;
	gap: 15px;
}
p.aboutInfo__innerText span {
    font-weight: 400;
    font-size: 0.8rem;
    letter-spacing: 1px;
}

/* keyword search */
.catPage__inner.searchPage #inner-content main {
    width: 100%;
}
.catPage__inner.searchPage {
    gap: 17px;
}
.catPage__inner.searchPage #inner-content {
    max-width: 900px;
    padding-bottom: 40px;
}
.searchContainer {
	width: 100%;
	display: flex;
    flex-direction: column;
    gap: 40px;
}
.searchContainer input[type=search] {
    border: 1px solid #eee;
    padding: 18px 54px;
    display: block;
    width: 100%;
    outline: none;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 2px 22px 0 rgba(125, 125, 125, 0.30);
	margin: 0;
}
.search-wrapper {
    position: relative;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}

.search-wrapper::before {
  font-family: "Font Awesome 5 Free";
    content: "\f002";
    font-weight: 900;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #aaa;
    pointer-events: none;
    font-size: 1.5rem;
}

.searchContainer li.item {
	animation: fadeIn 0.7s ease 0s 1 normal;
}
li.item p {
    margin: 0;
}

/* thanks page */
div#content.pageThanks {
    margin-top: 7em;
}
div#content.pageThanks .author-info.pastel-bc {
    display: none;
}

@media screen and (min-width:1512px) {
    /*　画面サイズが1512px以上はここを読み込む　*/
	section#seminarLink:after {
    height: 250px;
	}
}

@media screen and (max-width: 1180px) {
/* （ここに1180px以下のスタイルを記述） */
	/* header */
	.headeroverlay {
	  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;
	  backdrop-filter: blur(10px);
	}
	nav.navLinks {
	  width: 300px;
	  height: 100vh;
	  background-color: #222;
	  right: -300px;
	  top: 0;
	  position: fixed;
	  padding: 20px 0;
	  transition: all 200ms ease-in-out;
	  z-index: 999;
	}
	nav.navLinks .parentMenu {
		border: none;
		padding: 0;
		flex-direction: column;
	}
	.toggle {
	  position: absolute;
	  right: 100%;
	  width: 50px;
	  height: 50px;
	  color: #313131;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  font-size: 20px;
	  cursor: pointer;
	  top: 15px;
	}
	span.toggler,
	span.toggler:before,
	span.toggler:after {
		content: '';
		display: block;
		height: 3px;
		width: 25px;
		border-radius: 3px;
		background-color: #313131;
		position: absolute;
		pointer-events: none;
	}

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

	.navLinks ul li {
	  display: block;
	  list-style: none;
	  margin: 0;
	  padding: 0;
	  width: 100%;
	 padding-left: 20px;
	}
	.navLinks .parentMenu li a {
	  padding: 10px 20px;
	  display: block;
	  color: #313131;
	  font-size: 1rem;
	  text-decoration: none;
	  transition: all 200ms ease;
	  line-height: 1;
	  display: block;
	}
	.navLinks ul li a:hover {
	  background-color: rgb(255, 255, 255, 0.1);
	}
	/* Show Nav */
	.show-nav nav.navLinks {
	  right: 0;
	  box-shadow: 0 2px 4px rgba(0,0,0,.6);
	}
	.show-nav .headeroverlay {
	  opacity: 1;
	  visibility: visible;
	}
	/* SUBMENU */
	nav.navLinks .parentMenu li ul.navSubMenu {
		display: block;
		position: relative;
	}

	/* スクロールで可変 */
	div#header.resize .headerInner {
		height: 35px;
	}
	div#header.resize .toggle {
		height: 35px;
	}
	div#header.resize .toggle .toggler, div#header.resize .toggle .toggler:before, div#header.resize .toggle .toggler:after {
		height: 2px;
		width: 18px;
	}
	div#header.resize span.toggler:before{
		bottom: 6px;
	}
	div#header.resize span.toggler:after {
		top: 6px;
	}
	div#header.resize span.deleteclass::before {
		bottom: 0;
	}
	div#header.resize span.deleteclass::after {
		top: 0;
	}
	/* header inner */
	.header__inner--right {
    display: flex;
    flex-direction: column;
	}
	ul.header__inner--rightText {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 0;
	}
	ul.header__inner--rightText li a, ul.header__inner--rightText li span {
    padding: 14px 20px;
    font-size: 1.1rem;
    padding-left: 25px;
	 display: block;
	 width: 100%;
	 color: #fff !important;
	}
	ul.header__inner--rightText li:after {
    content: none;
	}
	ul.header__inner--rightText li a:before, ul.header__inner--rightText li span:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 5px;
    top: 52%;
    transform: translateY(-50%);
    opacity: 0.4;
    color: #fff;
	}
	.header__inner--btn {
    flex-direction: column;
	}
	.header__inner--btn a {
    width: 240px;
	}
	/* */
	header#header.resize ul.header__inner--rightText li a {
    color: #fff;
	}
	/* header accordion */
	.hasChild__inner {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease-out;
	}

	/* アコーディオンメニューが開いている状態 */
	.hasChild.open .hasChild__inner {
		max-height: 1000px; /* 十分に大きな値を設定（必要に応じて調整可能） */
	}
	.hasChild__inner {
   		padding: 0;
        position: relative;
        opacity: 1;
        pointer-events: auto;
        display: flex;
        flex-direction: column;
        background: none;
		padding-left: 27px;
	}
	ul.header__inner--rightText li.hasChild .hasChild__inner a {
    padding-left: 30px;
    color: #fff;
    font-size: 1rem;
    width: 100%;
    display: block;
	}
	li.hasChild.open span {
    color: var(--main-primary);
	}
	li.hasChild span:after {
    content: "\f055";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 20px;
    top: 49%;
    transform: translateY(-50%);
    opacity: 0.8;
    color: #fff;
    font-size: 0.9rem;
	}
	li.hasChild.open span:after {
    content: "\f056";
	}
	ul.header__inner--rightText li.hasChild.open span, ul.header__inner--rightText li.hasChild.open span:after {
    color: var(--main-primary);
	}
	.spNone {
    display: block;
	}
	.header__inner--btn a.bouekiBtn.blackBtn {
    background: #fff;
    color: #222;
	}
	/* toppage */
	.topKnowHow__inner {
    padding-left: 4%;
    padding-right: 4%;
	}
	section#tagSearch {
    padding-left: 4%;
    padding-right: 4%;
	}
	.seminarLink__inner {
    padding-left: 4%;
    padding-right: 4%;
	}
	.seminarLink__inner--middleLeft {
    width: 42%;
	}
	.seminarLink__inner--middleRight {
    width: 54%;
	}
	.wpDL__inner {
    padding-left: 4%;
    padding-right: 4%;
	}
	.mails__inner {
    padding-left: 4%;
    padding-right: 4%;
	}
	p.mailsDesc br {
    display: none;
	}
	.footer__inner {
    padding-left: 4%;
    padding-right: 4%;
	}
	/* cat page */
	.catPage__inner {
    padding-left: 4%;
    padding-right: 4%;
	}
	.catHeaderText p {
    font-size: 4.2rem;
	}
	/* dl page */
	.downloadWrapper.renew {
    padding-left: 4%;
    padding-right: 4%;
	}
	/* mail regist */
	.mailsP__inner {
    padding-left: 4%;
    padding-right: 4%;
	}
	/* about page */
	.aboutPG__inner {
    padding-left: 4%;
    padding-right: 4%;
	}
	/* post page */
	section.recPost, section.recPost.favorites {
    padding-left: 4%;
    padding-right: 4%;
	}
}

@media screen and (max-width: 1000px) {
/* （ここに1000px以下のスタイルを記述） */
	/* top pgae */
	.heading {
    flex-direction: column;
    gap: 15px;
	}
	ul.wpDL__inner--middle {
    flex-wrap: wrap;
    justify-content: center;
	gap: 40px;
	}
	ul.wpDL__inner--middle li, ul#downloadpageList li {
    width: 43%;
	}
	/* dl page */
	ul#downloadpageList {
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
	}
	/* about page */
	p.aboutDesc br {
    display: none;
	}
	/* download page */
	.downloadPage #inner-content {
    flex-direction: column;
    gap: 40px;
	width: 100%;
	}
	.download__left, .download__right {
    width: 100%;
	}
	.download__right {
    padding: 15px 20px;
	}
}

@media screen and (max-width: 900px) {
/* （ここに900px以下のスタイルを記述） */
	/* layout */
	.wrap {
    width: 92%;
    flex-direction: column;
	}
	#main {
    width: 100%;
    padding-right: 0;
	}
	/* seminar */
	.seminarLink__inner--middle {
    flex-direction: column;
    gap: 32px;
	}
	.seminarLink__inner--middleLeft {
        width: 100%;
		max-width: max-content;
    }
	.seminarLink__inner--middleLeft a {
    flex-direction: row;
    align-items: center;
	}
	.seminarLink__inner--middleRight {
    width: 100%;
	}
	.seminarLink__img img {
    width: 300px;
	}
	.seminarLink__text {
    padding: 0 25px;
    width: calc(100% - 300px);
	}
	/* side */
	aside.insidesp {
    padding-bottom: 50px;
	}
	.linkBanner {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
	}
	.normalSide form.search-form {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
	}
	/* cat */
	.catPage__inner .sidelong {
    grid-template-columns: repeat(1, 1fr);
	}
	/* download */
	.download__cat--main {
    padding-left: 4%;
    padding-right: 4%;
	}
	.download__cat--links {
    padding-left: 4%;
    padding-right: 4%;
	}
	/* mail */
	ul.mailsP__inner--lists {
    justify-content: center;
    gap: 30px;
	flex-wrap: wrap;
	}
	li.mailsP__inner--list {
    width: 42%;
	}
	section#mailsP:after {
    z-index: 1;
	}
	section#mailForm {
    padding: 0;
	}
	.mailForm__inner {
    border-radius: 0;
    box-shadow: none;
	}
	/* footer */
	.footer__inner--topRight {
    align-items: end;
	}
	.footerBtns {
    flex-direction: column;
	width: fit-content;
	}
	/* post page */
	.recPost__inner .sidelong {
    grid-template-columns: repeat(1, 1fr);
	}
	p.post-thumbnail {
    margin-left: -25px;
    margin-right: -25px;
	}	
}

@media screen and (max-width: 767px) {
/* （ここにモバイル用スタイルを記述） */
	/* header */
	.header__inner a img {
    max-height: 42px;
    min-height: auto;
	}
	.toggle {
    top: 5px;
	}
	a.js-search-toggle.search-toggle.c-search__toggle {
    color: #fff;
	}
	/* mv */
	.topslide__img img {
    height: 300px;
	}
	.wrapperPickup p {
	opacity: 0.1;
	}
	.topslide__text {
    width: 94%;
    padding: 15px 20px;
	gap: 3px;
	margin-top: -40px;
	}
	.topslide__text h2 {
    font-size: 1.6rem;
	}
	p.pubdate.entry-time {
    display: flex;
    justify-content: flex-start;
	flex-direction: column;
    gap: 0;
	}	
	.topslide__text p.pubdate.entry-time time.update.entry-time {
    margin-top: -25px;
	}
	.topslide__text .ulike_mark {
    right: 20px;
    bottom: 9px;
	}
	/* top page */
	.sidelong__img {
    width: 120px;
    height: 120px;
	}
	.sidelong__article-info {
    gap: 2px;
    width: calc(100% - 120px);
	}
	.topKnowHow__inner--middle .sidelong {
    grid-template-columns: repeat(1, 1fr);
	}
	.tagSearch__inner {
    padding: 15px 20px 30px;
	}
	/* seminar */
	.seminarLink__inner--middleLeft a {
    flex-direction: column;
	}
	.seminarLink__img, .seminarLink__img img {
    width: 100%;
	}
	
	ul#seminar-list li a {
    flex-direction: column;
	}
	ul#seminar-list li a .seminarLink__img, ul#seminar-list li a .seminarLink__img img {
    width: 100%;
	}
	
	ul#seminar-list li a .seminarLink__text, .seminarLink__text {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 25px;
	}
	/* top WP */
	ul.wpDL__inner--middle li {
    width: 100%;
	}
	.mails__inner {
    flex-direction: column-reverse;
    padding-top: 20px;
    gap: 25px;
	}
	.mails__inner--left, .mails__inner--right {
    width: 100%;
	}
	.mails__inner--left {
    align-items: center;
	}
	.mails__inner--right {
    width: 80%;
    margin: 0 auto;
	}
	/* footer */
	.footer__inner--top, .footer__inner--bottom {
    width: 100%;
    flex-direction: column;
    align-items: center;
	}
	.footer__inner--topLeft, .footer__inner--topRight {
    width: 100%;
	}
	.footer__inner--top {
    gap: 30px;
	}
	ul.footerCat {
    flex-direction: column;
    align-items: center;
	}
	.footer__inner--topRight {
    align-items: center;
	}
	.footer__inner--bottom {
    flex-direction: column-reverse;
	}
	.footer__inner--bottomRight {
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    padding-bottom: 20px;
	}
	ul.footer__inner--bottomRightLink {
    justify-content: center;
    flex-wrap: wrap;
	}
	.footerOtherLink {
    justify-content: center;
	}
	/* archive */
	#archive_header {
	height: auto;
	min-height: 320px;
	padding: 30px 0;
	}
	#content.catPage {
    margin-top: 3.8rem;
	}
	.catPage__inner .wrap {
    width: 100%;
	}
	/* post */
	body.single-post #content, body.error404 #content {
    margin-top: 3.8rem;
	}
	.articleTime {
    padding-right: 4%;
	}
	.postFooter {
    padding-left: 4%;
    padding-right: 4%;
	flex-direction: column;
	gap: 15px;
	}
	section.recPost {
    padding-left: 0;
    padding-right: 0;
	}
	.recPost__inner {
    padding-left: 4%;
    padding-right: 4%;
    border-radius: 0;
	}
	section.recPost, section.recPost.favorites {
    padding-left: 0;
    padding-right: 0;
	}
	p.post-thumbnail {
    margin-left: 0;
    margin-right: 0;
	margin-top: 18px;
	}
	/* download */
	.download__cat--mainText {
    padding-left: 20px;
    padding-right: 20px;
	}
	
	.download__cat--links ul {
    flex-direction: column;
	}
	.download__cat--links ul li {
    width: 100%;
	}
	.download__cat--links ul li a {
    border-bottom: solid 1px #eee;
	}
	.download__cat--mainImg:before {
    height: 165px;
	}
	.download__cat--mainText h2 {
    font-size: 1.6rem;
	}
	ul#downloadpageList li {
    width: 100%;
	}
	.downloadWrapper.renew {
    gap: 40px;
    }
	/* about */
	.aboutPG__inner--top {
    padding-bottom: 80px;
	}
	p.aboutCopy {
    font-size: 1.5rem;
	}
	section#aboutPG:after {
    height: 100%;
	opacity: 0.3;
	}
	.aboutInfo__inner {
    padding-left: 4%;
    padding-right: 4%;
	}
	li.mailsP__inner--list {
    width: 100%;
	}
	
	ul.aboutInfo__inner--bottom li {
    width: 100%;
	}
	/* keyword */
	#content.catPage:before {
    height: 350px;
	}
	/* sidebar */
	.sidebar {
    margin-top: 40px;
	}
	/* ribbon */
	span.rankribbon14 {
	width: 32px;
	padding: 2px 0;
	font-size: 1.2rem;
	}
	span.rankribbon14:after {
    border-left: 16px solid #ff5f56;
    border-right: 16px solid #ff5f56;
    border-bottom: 8px solid transparent;
	}
	/* thanks page */
	div#content.pageThanks {
    margin-top: 4em;
	}
	/* tag search page */
	.wordSearch__inner {
        padding-left: 4%;
        padding-right: 4%;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        border-radius: 0;
        border: none;
    }
	.wordSearch__inner--formList {
    flex-wrap: wrap;
    gap: 1px;
	}
	ul.wordSearch__inner--formListLists {
    flex-wrap: wrap;
	}
	.wordSearch__inner--form form input[type=search] {
    padding-right: 15px;
	}
}