/**
 * post.css - ブログ・まとめ個別記事専用（style.css 分割）
 * 対象: singular（CPT 一覧は inc/enqueue.php の $post_types_for_post_css）
 * 依存: style.css（my-main-style）
 * 備考: .blogPageNav（PC/SP）・.blogSideNav 周辺、SP の .mainMatome / .matomeMenu は taxonomy.css と同一（singular は post.css のみ読込のため PC ページネーションもここに含む）
 */
@charset "UTF-8";

/* POST: まとめ個別 h2 見出し */
h3.matomeSingleH2 span.headlineJaBig {
    letter-spacing: 0.01em !important;
}

/* POST: ブログ・まとめ記事本文 */
.blogArticle a,
.matomeArticle a {
    text-decoration: underline;
}
.matomeTag {
    margin: 0 0 2rem;
}
.matomeTag .taxonomy {
    font-size: smaller;
}
span.tag-label {
    font-weight: 800;
}
span.term-list a, .term-breadcrumb li a {
    text-decoration: none;
    color: #0073aa;
    transition: opacity 0.2s;
}
.blogArticle,
.matomeArticle {
    width: 814px;
    margin-top: 0;
    margin-bottom: 0;
}
.blogArticle {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 1em;
}
.blogArticle p:empty {
    display: none;
}
.matomeArticle p {
    font-size: 16px;
    line-height: 2;
}
.blogArticle p.src,
.matomeArticle p.src {
    font-size: 80%;
    text-align: right;
}
/* POST: .mainContentsMatome .flex（taxonomy.css と同一・個別記事用） */
.mainContentsMatome .flex {
    display: flex;
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.mainContentsMatome .flex figure {
    width: calc(100% / 3);
    padding: 5px;
    box-sizing: border-box;
}
.mainContentsMatome .flex figcaption,
.mainContentsMatome .flex div {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
.mainContentsMatome .flex figcaption {
    margin-bottom: 10px;
    line-height: 1.5;
}
.matomeArticle img,
.mainContentsMatome .flex img {
    margin-bottom: 5px;
}
.blogArticle img:first-child,
.matomeArticle img:first-child {
    margin-top: 0;
}
.blogArticle h1,
.matomeArticle h1 {
    font-size: 30px;
    line-height: 1.6em;
    letter-spacing: 0.05em;
    margin: 20px 0;
}
.matomeArticle h1 {
    font-size: 20px;
    display: inline-block;
}
.matomeArticle h1:before {
    position: absolute;
    bottom: -3px;
    content: "";
    width: 100%;
    border-bottom: 2px solid #f1d661;
}
.blogArticle h1::after,
.matomeArticle h1::after {
    content: "";
    border: 0;
    width: 0;
    height: 0;
}
.blogArticle h2,
.matomeArticle h2 {
    font-size: 24px;
    font-weight: bold;
    padding-top: 0;
    margin: 10px 0;
}
.blogArticle h2 {
    background: #fff;
    padding: 10px 10px 10px 20px;
    border-left: solid 6px #F1D661;
    border-radius: 3px;
    margin: 2em 0 1em;
}
.matomeArticle h2 {
    position: relative;
    font-size: 20px;
    padding: 30px 0 0 50px;
    margin: 50px 0;
}
.matomeArticle h2:not(.matomeCatch)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 0;
    border-color: #f1d661 transparent transparent transparent;
}
.blogArticle h2::before {
    content: "";
    border: 0;
    width: 0;
    height: 0;
}
.blogArticle h3 {
    margin: 2em 0 0.8em;
    border-left: solid 5px #9F9F9E;
    padding: 3px 15px 3px 10px;
    background: #fff;
    display: inline-block;
    border-radius: 3px;
    font-size: 17px;
}
.blogArticle h4 {
    font-size: inherit;
    padding-left: 6px;
    line-height: 1.6;
    margin: 2em 0 0.5em;
}
.blogArticle h4::before {
    content: "▼";
    color: #bebebe;
}
.blogArticle ul,
.blogArticle ol {
    margin-bottom: 2em;
    background: #fff;
    padding: 20px 40px;
    border: solid 1px #ccc;
}
.blogArticle ul li {
    margin-bottom: 0.5em;
    list-style-type: disc;
}
.blogArticle ol li {
    margin-bottom: 0.5em;
    list-style-type: decimal;
}
.matomeArticle ul {
    list-style-type: disc;
}
.matomeArticle ol {
    list-style-type: decimal;
}
.matomeArticle ol {
    margin-left: 20px;
}
.matomeArticle ul li,
.matomeArticle ol li {
    margin-bottom: 14px;
}
.blogArticle ul li:last-child,
.blogArticle ol li:last-child,
.matomeArticle ul li:last-child,
.matomeArticle ol li:last-child {
    margin-bottom: 0;
}

/* POST: まとめ個別 地域メニュー（.matomeMenu） */
.matomeMenu {
    list-style: none;
    display: flex;
    margin-top: 30px;
}
.matomeMenu li:first-child:nth-last-child(6),
.matomeMenu li:first-child:nth-last-child(6)~li {
    width: calc(100% / 6);
}
.matomeMenu li:first-child:nth-last-child(5),
.matomeMenu li:first-child:nth-last-child(5)~li {
    width: calc(100% / 5);
}
.matomeMenu li:first-child:nth-last-child(4),
.matomeMenu li:first-child:nth-last-child(4)~li {
    width: calc(100% / 4);
}
.matomeMenu li:first-child:nth-last-child(3),
.matomeMenu li:first-child:nth-last-child(3)~li {
    width: calc(100% / 3);
}
.matomeMenu li:first-child:nth-last-child(2),
.matomeMenu li:first-child:nth-last-child(2)~li,
.matomeMenu li:first-child:nth-last-child(1),
.matomeMenu li:first-child:nth-last-child(1)~li {
    width: 150px;
}
.matomeMenu li {
    text-align: center;
    background-color: #f1d661;
    height: 25px;
    line-height: 25px;
    margin-right: 2px;
    list-style: none;
    border: solid 2px #50423f;
}
.matomeMenu li a {
    font-size: 13px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    line-height: 2;
    display: block;
}

.blogArticle .wp-block-image img {
    margin-bottom: 0;
    width: 600px;
    height: auto;
}
.blogArticle figcaption {
    font-size: 70%;
    color: #666;
}
.blogArticle table,
.matomeArticle table {
    width: 98%;
    border: solid 1px #ccc;
    margin: 5px 0;
}
.blogArticle table th,
.matomeArticle table th {
    border: solid 1px #666;
    background: #555;
    color: #fff;
}
.blogArticle table tbody td,
.matomeArticle table tbody td {
    padding: 10px;
    letter-spacing: 0.02em;
    background: #fff;
    border: none;
}
.blogArticle table tbody tr:nth-child(even),
.matomeArticle table tbody tr:nth-child(even) {
    background: rgba(204, 204, 204, 0.25);
}
.blogArticle blockquote,
.matomeArticle blockquote {
    position: relative;
    padding: 1rem 1rem 1rem 3rem;
    background: #fff;
    letter-spacing: 1px;
    margin: 1rem 0;
}
.blogArticle blockquote::before,
.matomeArticle blockquote::before {
    position: absolute;
    left: .5rem;
    top: -1rem;
    color: #d2cbc6;
    display: inline-block;
    content: "”";
    font-size: 500%;
}
.blogArticle .wp-block-quote img {
    height: auto;
}
.blogArticle .wp-block-quote cite {
    font-size: 11px;
    line-height: 1.5;
}
.blogArticle .blogBn {
    width: 460px;
}
/* POST: ブログサムネイル */
.blogThumbnailLabel {
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
}
.blogThumbnailLabelStores {
    background: #fff;
    font-size: 13px;
    letter-spacing: 0.02em;
    word-wrap: normal;
    word-break: normal;
    line-height: 1;
    padding: 8px 5px 5px;
}
.blogThumbnailLabelStores > span {
    font-weight: bold;
    margin-right: 10px;
    font-size: 12px;
}
.blogThumbnailLabelStores a {
    color: #333;
}
.blogThumbnailLabelStores a::before {
    content: "/";
    margin-left: 0;
    margin-right: 4px;
}
.blogThumbnailLabelStores a:first-of-type::before {
    content: "";
    margin-left: 0;
    margin-right: 0;
}
.blogThumbnailLabelStores span:first-child {
    margin-left: 0;
}
.blogThumbnailLabelStores span::before {
    content: "/";
    margin-left: 0;
    margin-right: 4px;
}
.blogThumbnailLabelStores span:first-child::before {
    content: "";
    margin-left: 0;
    margin-right: 0;
}
.blogThumbnailLabelStores.labelExtend {
    margin-top: 3px;
}
@supports (-ms-ime-align: auto) {
    .blogThumbnailLabelStores span {
        padding: 1px 5px;
    }
}
.blogThumbnailLabelCategories {
    display: inline;
    margin: 3px 3px 0 0 !important;
}
.blogThumbnailLabelCategories a::before {
    background-color: #e4e4e4;
    padding: 4px 5px;
    content: "#";
    padding-left: 2px;
    margin-right: -2px;
    font-size: 12px;
}
.blogThumbnailLabelCategories a {
    background-color: #e4e4e4;
    display: inline;
    padding: 4px 5px 4px 0;
    letter-spacing: 0.005em;
    margin: 9px 5px 0 0 !important;
    line-height: 23px;
    word-break: break-all;
    font-size: 12px;
}
.article .blogThumbnailLabel {
    font-size: 15px;
}
.article .blogThumbnailLabel .blogThumbnailLabelCategories::before {
    padding: 0 2px 0 7px;
}
.article .blogThumbnailLabel .blogThumbnailLabelCategories.labelExtend::before {
    padding: 4px 2px 4px 7px;
}
.article .blogThumbnailLabel>span {
    padding: 0 7px 0 0;
    width: auto;
}
/* POST: ブログ内吹き出し（style.css より移設） */
.blogArticle .balloon {
    margin-bottom: 2em;
    position: relative;
}
.blogArticle .balloon::before,
.blogArticle .balloon::after {
    clear: both;
    content: "";
    display: block;
}
.blogArticle .balloon figure {
    width: 60px;
    height: 60px;
}
.blogArticle .balloon-image-left {
    float: left;
    margin-right: 20px;
}
.blogArticle .balloon-image-right {
    float: right;
    margin-left: 20px;
}
.blogArticle .balloon figure img {
    width: 100%;
    height: 100%;
    border: 2px solid #aaa;
    background-color: #fff;
    border-radius: 50%;
    margin: 0;
}
.blogArticle .balloon-image-description {
    font-size: 10px;
    text-align: center;
}
.blogArticle .balloon-text-right-red,
.blogArticle .balloon-text-left-red,
.blogArticle .balloon-text-right-blue,
.blogArticle .balloon-text-left-blue,
.blogArticle .balloon-text-right-gray,
.blogArticle .balloon-text-left-gray {
    position: relative;
    padding: 10px;
    border: 2px solid;
    border-radius: 10px;
    max-width: -webkit-calc(100% - 120px);
    max-width: calc(100% - 120px);
    display: inline-block;
    background-color: #fff;
}
.blogArticle .balloon-text-right-red {
    border-color: #F89599;
}
.blogArticle .balloon-text-left-red {
    border-color: #F89599;
}
.blogArticle .balloon-text-right-blue {
    border-color: #0080B9;
}
.blogArticle .balloon-text-left-blue {
    border-color: #0080B9;
}
.blogArticle .balloon-text-right-gray {
    border-color: #aaa;
}
.blogArticle .balloon-text-left-gray {
    border-color: #aaa;
}
.blogArticle .balloon-text-right-red,
.blogArticle .balloon-text-right-blue,
.blogArticle .balloon-text-right-gray {
    float: left;
}
.blogArticle .balloon-text-left-red,
.blogArticle .balloon-text-left-blue,
.blogArticle .balloon-text-left-gray {
    float: right;
}
.blogArticle .balloon p {
    margin: 0 0 20px;
}
.blogArticle .balloon p:last-child {
    margin-bottom: 0;
}
.blogArticle .balloon-text-right-red::before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #F89599;
    top: 15px;
    left: -20px;
}
.blogArticle .balloon-text-right-red::after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #F7F7F7;
    top: 15px;
    left: -17px;
}
.blogArticle .balloon-text-left-red::before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #F89599;
    top: 15px;
    right: -20px;
}
.blogArticle .balloon-text-left-red::after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #F7F7F7;
    top: 15px;
    right: -17px;
}
.blogArticle .balloon-text-right-blue::before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #0080B9;
    top: 15px;
    left: -20px;
}
.blogArticle .balloon-text-right-blue::after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #F7F7F7;
    top: 15px;
    left: -17px;
}
.blogArticle .balloon-text-left-blue::before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #0080B9;
    top: 15px;
    right: -20px;
}
.blogArticle .balloon-text-left-blue::after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #F7F7F7;
    top: 15px;
    right: -17px;
}
.blogArticle .balloon-text-right-gray::before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #aaa;
    top: 15px;
    left: -20px;
}
.blogArticle .balloon-text-right-gray::after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #F7F7F7;
    top: 15px;
    left: -17px;
}
.blogArticle .balloon-text-left-gray::before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #aaa;
    top: 15px;
    right: -20px;
}
.blogArticle .balloon-text-left-gray::after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #F7F7F7;
    top: 15px;
    right: -17px;
}
.blogArticle .think .balloon-text-right-red,
.blogArticle .think .balloon-text-left-red,
.blogArticle .think .balloon-text-right-blue,
.blogArticle .think .balloon-text-left-blue,
.blogArticle .think .balloon-text-right-gray,
.blogArticle .think .balloon-text-left-gray {
    border-radius: 30px;
}
.blogArticle .think .balloon-text-right-red::before {
    border: 2px solid #F89599;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    left: -12px;
}
.blogArticle .think .balloon-text-right-red::after {
    border: 2px solid #F89599;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    top: 20px;
    left: -19px;
}
.blogArticle .think .balloon-text-left-red::before {
    border: 2px solid #F89599;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    top: 15px;
    right: -12px;
}
.blogArticle .think .balloon-text-left-red::after {
    border: 2px solid #F89599;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    top: 20px;
    right: -19px;
}
.blogArticle .think .balloon-text-right-blue::before {
    border: 2px solid #0080B9;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    left: -12px;
}
.blogArticle .think .balloon-text-right-blue::after {
    border: 2px solid #0080B9;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    top: 20px;
    left: -19px;
}
.blogArticle .think .balloon-text-left-blue::before {
    border: 2px solid #0080B9;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    top: 15px;
    right: -12px;
}
.blogArticle .think .balloon-text-left-blue::after {
    border: 2px solid #0080B9;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    top: 20px;
    right: -19px;
}
.blogArticle .think .balloon-text-right-gray::before {
    border: 2px solid #aaa;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    left: -12px;
}
.blogArticle .think .balloon-text-right-gray::after {
    border: 2px solid #aaa;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    top: 20px;
    left: -19px;
}
.blogArticle .think .balloon-text-left-gray::before {
    border: 2px solid #aaa;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    top: 15px;
    right: -12px;
}
.blogArticle .think .balloon-text-left-gray::after {
    border: 2px solid #aaa;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    top: 20px;
    right: -19px;
}

.shareArticle {
    margin-top: 3em;
    padding-bottom: 2em;
    text-align: right;
}
.shareArticle a {
    margin-right: 10px;
    text-decoration: none !important;
}
.shareArticle img {
    width: 40px;
}
/* ブログ記事の目次 */
.matomeTop .matomeMokuji h2 {
    padding-bottom: 40px;
}
.matomeTop .matomeMokuji ol {
    padding: 0 30px 40px;
}
.matomeTop .matomeMokuji ol li {
    padding: 5px 0;
    font-size: 14px;
}
.matomeTop .matomeMokuji ol li:first-of-type {
    border: none;
}
/* コワーキングスペースまとめ */
.matomeWrap a:hover {
    color: #999;
}
.matomeWrap .yellowButton a:hover {
    color: #333;
}
.mainMatome {
    padding-top: 0;
}
.mainContents.mainMatome.matomeTokusyu {
    margin-top: 3rem;
}
.mainMatome .facilityIntroTop {
    height: 450px;
}
.mainMatome .facilityLists ol li a {
    text-decoration: underline;
}
.mainMatome .mainContentsFacilityIntro {
    background-color: inherit;
}
.mainMatome h2 {
    text-align: center;
    line-height: 2.0;
    font-size: 25px;
    margin-top: 50px;
    padding: 40px 0;
}
/* まとめ詳細-画像ポップアップ */
.matomeTop .centerCatchCopy {
    padding-bottom: 40px;
}
.matomeTop .centerCatchCopy strong {
    background: linear-gradient(transparent 80%, #ffe695 80%);
}
.matomeTop .centerCatchCopy .motto {
    margin: 0 30px;
    text-align: left;
    border: double 3px #999;
    padding: 0 10px;
}
.matomeTop .centerCatchCopy .motto p {
    padding: 0;
    margin: 0;
    line-height: 1;
}
.matomeTop .centerCatchCopy .motto a {
    text-decoration: underline;
}
.matomeTop .centerCatchCopy .motto a,
.matomeTop .centerCatchCopy .motto p {
    font-size: 14px;
}
.headlineMatome {
    font-size: 50px;
    padding-bottom: 3px;
}
.matome_source,
.matome_source a {
    font-size: 10px !important;
    text-align: right;
    padding: 3px 10px 0 0;
    color: #999;
    line-height: 1.3;
}
.mainContentsMatomeArticle .matome_source {
    font-size: 10px !important;
    padding: 0;
    color: #999;
}
.matome_source a {
    text-decoration: underline;
}
.popup-on {
    cursor: pointer;
}
/* POST: tokusyu_menu 特集メニュー */
.tokusyu_menu {
    border: 1px solid #9f9f9f;
    background: #fff;
    margin: 60px 0;
    padding: 20px 30px;
    font-size: 13px;
    width: 80%;
}
.tokusyu_menu p {
    font-size: 20px;
    border-left: solid 5px #f1d761;
    padding-left: 10px;
    line-height: 1.4;
    margin: 10px 10px 10px 0px;
}
.matomeArticle .tokusyu_menu li {
    margin-bottom: 0;
}
/* まとめ特集ページ */
.tokusyuContents h2,
.tokusyuContents h3 {
    text-align: left;
}
.tagHeadline {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 50px;
}
.cat_desc {
    font-weight: normal;
    font-size: 16px;
    text-align: left;
    word-break: break-word;
}
.tokusyuTitle {
    position: relative;
    background: #fff;
    padding: 20px 15px;
    border-radius: 20px;
    border: #ccc solid 1px;
    text-align: center;
    margin-bottom: 60px;
}
.tokusyuTitle::before {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50%;
    margin-left: -30px;
    border: 30px solid transparent;
    border-top: 12px solid #f7f7f7;
    z-index: 2;
}
.tokusyuTitle::after {
    content: "";
    position: absolute;
    bottom: -58px;
    left: 50%;
    margin-left: -34px;
    border: 34px solid transparent;
    border-top: 14px solid #555;
    z-index: 1;
}
.tokusyuContents .tokusyuDl {
    display: flex;
    flex-wrap: wrap;
    border-top: none;
}
.tokusyuContents .tokusyuDt {
    background: #555;
    width: 25%;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    border: none;
    margin-bottom: 3px;
    font-size: 12px;
    padding: 3px 10px;
}
.tokusyuContents .tokusyuDd {
    margin: 0;
    width: 75%;
    background: #fff;
    box-sizing: border-box;
    margin-bottom: 3px;
    font-size: 12px;
    padding: 3px 10px;
}
.tokusyuCaption {
    font-size: 10px !important;
    padding: 3px 10px 0 0;
    color: #999;
    line-height: 1.3;
}
.matomeWrap .wp-block-gallery {
    margin-top: 30px;
}
.post-date-area {
    text-align: right;
    font-size: smaller;
    color: #616161;
}
.matomeTokusyu .wp-block-column {
    letter-spacing: 0.04em;
}
.matomeTokusyu .wp-block-column .wp-block-image,
.matomeTokusyu .wp-block-column .tokusyu_text {
    background: #fff;
    margin-bottom: 0;
    padding-bottom: 1em;
}
.matomeTokusyu .wp-block-column .tokusyu_text {
    padding: 0px 17px 30px;
    min-height: 208px;
}
.matomeTokusyu .wp-block-column h2 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 0 !important;
    margin-bottom: 20px;
    padding: 0 !important;
    text-align: left;
    line-height: 1.5;
}
.matomeTokusyu .wp-block-column h2:before {
    display: none;
}
.matomeTokusyu .wp-block-column p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 1em;
}
.matomeTokusyu h3.ribbon {
    display: inline-block;
    position: relative;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 0 40px 0 18px;
    font-size: 14px;
    background: #F1D761;
    color: #333;
    box-sizing: border-box;
    margin: 30px 0;
}
.matomeTokusyu h3.ribbon:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
    top: 0;
    right: 0;
    border-width: 18px 15px 18px 0px;
    border-color: transparent #fffcb9 transparent transparent;
    border-style: solid;
}

.tokusyuH2 {
    margin-bottom: 20px;
}
.mainMatome .tokusyuContents h2 {
    text-align: left;
}
.mainMatome .tokusyuContents h2.tokusyu_store_name,
.mainMatome .tokusyuContents h3.tokusyu_store_name {
    font-size: 20px;
    padding: 0 0 0 10px;
    margin: 30px 0 10px;
    border-left: solid 5px #F1D761;
    line-height: 1.4;
}
.mainMatome .tokusyuContents h2.tokusyu_store_name::before,
.mainMatome .tokusyuContents h3.tokusyu_store_name::before {
    display: none;
}
.matomeWrap:not(.matomePageWrap) h2 {
    padding: 10px 0 10px 40px;
}
.mainMatome .tokusyuContents h3 {
    margin: 60px 0 30px;
    text-align: left;
    border-left: solid 5px #bbb;
    padding-left: 10px;
    line-height: 1.4;
    font-size: 20px;
}
.mainMatome .tokusyuContents h4 {
    margin: 60px 0 30px;
    text-align: left;
    border-left: solid 5px #bbb;
    padding-left: 10px;
    line-height: 1.4;
    font-size: 20px;
}
.mainMatome .tokusyuContents h3.osusume,
.mainMatome .tokusyuContents h4.osusume,
.mainMatome .tokusyuContents h5.osusume {
    border-left: none;
}
.mainMatome .tokusyuContents h4.osusume {
    margin: 60px 0 30px;
    text-align: left;
    padding-left: 10px;
    line-height: 1.4;
    font-size: 20px;
}
.mainMatome .tokusyuContents h3.osusume::before,
.mainMatome .tokusyuContents h4.osusume::before,
.mainMatome .tokusyuContents h5.osusume::before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 40px;
    background-image: url(../img/icon_light.png);
    background-size: contain;
    vertical-align: bottom;
    background-repeat: no-repeat;
    filter: brightness(0.9);
}
.mainMatome .tokusyuContents strong {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fde88e));
    background: -webkit-linear-gradient(transparent 60%, #fde88e 60%);
    background: linear-gradient(transparent 60%, #fde88e 60%);
    padding: 0 1px 2px;
}
.mainMatome .tokusyuContents hr {
    border-top: 2px solid #9f9f9f;
    margin: 30px 0;
    border-bottom: none;
}
.mainMatome .tokusyuContents .btn_detail {
    text-align: center;
    margin-bottom: 60px;
}
.mainMatome .tokusyuContents .btn_detail a
,a.btn_detail {
    background: #F1D661;
    padding: 10px 15px;
    border-radius: 6px;
    text-decoration: none;
    box-shadow: 0px 3px 0px #e1c137;
    font-size: 14px;
}
.mainMatome .tokusyuContents .btn_detail a:hover {
    color: #333;
    opacity: .8;
}
.mainMatome .tokusyuContents .matomeThumbnailmage {
    max-width: 500px !important;
    width: 100% !important;
    height: 200px;
}
.mainMatome .tokusyuContents .wp-block-image img {
    max-width: 500px !important;
    width: 100% !important;
    height: 100%;
}
.mainMatome #search_tokusyu h2 {
    margin-top: 0;
    padding-top: 20px;
}
.mainMatome #search_tokusyu h2:before {
    border-width: 25px 25px 0 0;
}
.mainMatome .matomeCatch {
    text-align: left;
    padding: 0 20px;
    margin: 20px 0 30px;
}
.mainMatome h2 p span {
    background: linear-gradient(transparent 70%, #F9D561 70%);
}
.mainMatome h3 {
    text-align: center;
}
.mainMatome .mainContentsFacility>div {
    margin-bottom: 50px;
}
.mainMatome .bn_wrap {
    display: flex;
    margin: 50px 0;
    justify-content: center;
}
.mainMatome .bn_area {
    text-align: center;
}
.mainMatome .bn_area img {
    max-width: 349px;
    width: 95%;
}
.mainMatome .bn_area img:hover {
    opacity: .7;
}
.matome_bn .bn_area {
    max-width: 665px;
}
.matome_bn .bn_area img {
    max-width: 665px;
}
.matome_bn {
    margin-top: 18px;
}
.mainMatome .wp-block-media-text {
    margin-bottom: 60px;
}
.mainMatome .matomeCenterText {
    text-align: center;
    margin-top: 20px;
}
.mainMatome .matomeCenterText a {
    border-bottom: 1px solid #555;
}
/* POST: まとめアーカイブ用 dl（taxonomy.css と同一・個別は post.css のみ読込） */
.mainMatome .tokusyuContents .matomeArchiveDl {
    margin: 30px 0;
}
.mainMatome .tokusyuContents .matomeArchiveDl dt,
.mainMatome .tokusyuContents .matomeArchiveDl dd {
    font-size: 12px;
    padding: 3px 10px;
}
.matomeArchiveDl {
    display: flex;
    flex-wrap: wrap;
    border-top: none;
}
.matomeArchiveDl a {
    text-decoration: underline;
    word-break: break-word;
}
.matomeArchiveDl dt {
    background: #555;
    width: 25%;
    padding: 10px;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    border: none;
    margin-bottom: 3px;
    font-size: 14px;
}
.matomeArchiveDl dd {
    padding: 10px;
    padding-left: 20px;
    margin: 0;
    width: 75%;
    background: #fff;
    box-sizing: border-box;
    margin-bottom: 3px;
    font-size: 14px;
}
/* 東京コワーキング 駅リスト  */
.station-list-container ul{
    display: flex;
    flex-wrap: wrap;
    gap: 5px 15px;
    list-style: none;
    list-style-position: inside;
    padding-left: 0;
  }
  .station-list-container li::before {
    content: "\f239";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
    color: #333;
    font-size: 0.9em;
  }
  .station-list-container ul li a{
    text-decoration: underline;
  }
  .btn_detail {
    text-align: center;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .btn_detail a, a.btn_detail {
    background: #F1D661;
    padding: 10px 15px;
    border-radius: 6px;
    text-decoration: none;
    box-shadow: 0 3px 0 #e1c137;
    font-size: 14px;
  }
/* POST: サイドナビ・前後記事 */
.mainContentsBlogArticle+.blogSideNav,
.mainContentsMatomeArticle+.blogSideNav {
    margin-top: 60px;
}
.mainContentsBlogArticle+.blogSideNav li,
.mainContentsMatomeArticle+.blogSideNav li {
    font-size: 16px;
}
.mainContentsMatomeArticle+.blogSideNav.matomeSidebar {
    margin-top: 0;
}
.blogSideNav {
    min-width: 248px;
    width: 248px;
}
.blogSideNav h4 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 30px;
}
.blogSideNav ul li {
    font-size: 18px;
    margin-bottom: 10px;
    letter-spacing: 0.01em;
}
.blogSideNav ul li a {
    position: relative;
    text-decoration: underline;
}
.matomeSideNav ul li {
    font-size: 16px;
}
.matomeSideNav li .children li a::before {
    content: " - ";
    padding-left: 10px;
}
.blogSideNavBox {
    margin-bottom: 70px;
}
.recruitBn.sp_none img {
    margin-bottom: 15px;
}
.blogSideNav .blogSideNavBox .recruitBn {
    width: 330px;
    margin-bottom: 50px;
}
.blogSideNav .blogSideNavBox .recruitBn p {
    background: #fff;
    padding: 3px 6px 0;
}
.blogSideNavBox .matomeSidebarBn img {
    margin-bottom: 30px;
}
.blogSideNavBox .matomeSidebarBn img:hover {
    opacity: 0.8;
    transition: 0.8s;
}

/* POST: ページネーション（taxonomy.css と同一・singular は post.css のみ読込のため） */
.blogPageNav {
    margin-top: 40px;
    font-size: 24px;
    color: #999;
    text-align: center;
    width: 100%;
}
.blogPageNav > * {
    margin: 0 3px;
}
.blogPageNav a,
.blogPageNav span {
    color: #999;
    display: inline-block;
}
.blogPageNav .page-numbers {
    display: inline;
    letter-spacing: 0.02em;
}
.blogPageNav .current {
    font-weight: bold;
    pointer-events: none;
    color: #000;
    position: relative;
}
.blogPageNav .current::before {
    position: absolute;
    bottom: -10px;
    content: "";
    width: 100%;
    border-bottom: 4px solid #f1d661;
}
.blogPageNav .next {
    margin-left: 10px;
}
.blogPageNav .prev {
    margin-right: 10px;
}
.blogPageNav svg {
    padding-bottom: 2px;
}

/* POST: 前後記事サムネイル */
.blogPageNavThumbnails {
    display: flex;
    justify-content: space-between;
    margin-top: 90px;
    margin-bottom: 80px;
}
.blogPageNavThumbnails .blogNavThumb {
    display: flex;
    width: 530px;
    height: 180px;
    background-color: #fff;
    position: relative;
}
.blogPageNavThumbnails .blogNavThumb a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.blogPageNavThumbnails .blogNavImg {
    width: 270px;
    height: 180px;
    position: relative;
    overflow: hidden;
}
.blogPageNavThumbnails .blogNavText {
    padding: 20px;
    width: 260px;
}
.blogPageNavThumbnails .blogNavText .blogNavDate {
    font-weight: bold;
    color: #666;
    font-size: 16px;
    margin-top: 20px;
}
.blogPageNavThumbnails .blogNavText .blogNavTitle {
    font-weight: bold;
    color: #000;
    font-size: 18px;
}
.blogNavNext {
    margin-right: auto;
    margin-left: 0;
}
.blogNavPrev {
    margin-right: 0;
    margin-left: auto;
}
.blogPageNavThumbnails .blogNavImg img {
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.blogNavNext a img {
    position: absolute;
    bottom: -30px;
    left: 20px;
}
.blogNavPrev a img {
    position: absolute;
    bottom: -30px;
    right: 20px;
}

/* POST: ブログ一覧へボタン */
.toBlogPageButton div {
    width: 276px;
    position: relative;
}
.toBlogPageButton div a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
/* まとめ内のコワーキングPRセクション */
section.pr-coworking {
    padding: 0.1rem 1.5rem;
    margin: 0.5rem 0;
}
/* サイドバー見出し */
.sec-h {
    display: flex;
    align-items: center;
    font-weight: bold;
  }
  .sec-h::before {
    content: "▶";
    color: #333;
    font-size: 0.8em;
    margin-right: 8px;
  }
/* コワーキングまとめ */
.mainWrap h1.matomeTopHead {
    font-size: 60px;
    font-weight: bold;
    position: relative;
    z-index: 300;
    color: #000;
}
.mainWrap h1.matomeTopHead::after {
    display: block;
    content: "";
    width: 4000px;
    position: absolute;
    bottom: 7px;
    left: -50vw;
    border-top: 2px solid #000;
}
.mainWrap h1.matomeTopHead span {
    display: block;
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
}
.mainWrap h1.matomeTopHead span.headlineJa {
    font-size: 24px;
    letter-spacing: 0.11em;
    line-height: 30px;
}
.mainWrap h1.matomeTopHead span.headlineEn {
    font-size: 40px;
    position: relative;
    padding-top: 6px;
}
.mainWrap div.matomeTopCatch span {
    display: inline;
    width: auto;
}

@media screen and (max-width: 767px) {
    /* PC 用 width:814px より後に読み込まれるため、SP では必ず 100% に戻す */
    .blogArticle,
    .matomeArticle {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
    .blogArticle blockquote::before,
    .matomeArticle blockquote::before,
    .mainMatome blockquote::before {
        top: 2rem;
    }
    .matomeArchiveDl dt,
    .matomeArchiveDl dd {
        font-size: 3.2vw;
        padding: 2%;
    }
    .blogArticle,
    .matomeArticle p {
        font-size: 3.2vw;
        line-height: 2.2em;
        letter-spacing: 0.02em;
    }
    .matomeArticle .matomeArchiveDl dt,
    .matomeArticle .matomeArchiveDl dd {
        line-height: 1.7em;
    }
    /* post.css ベースの .matomeArticle h2 より後に効かせる（読み込み順のため） */
    .matomeArticle h2 {
        padding: 5vw 2vw;
        margin-bottom: 0;
    }
    .mainMatome {
        padding-top: 0;
    }
    .matomeWrap:not(.matomePageWrap) h2 {
        padding: 0 0 10px 20px;
    }

    .mainWrap h1.matomeTopHead {
        font-size: 10.6vw;
        line-height: 100%;
    }
    .mainWrap h1.matomeTopHead::after {
        bottom: 1.4vw;
        width: 1024px;
    }
    .mainWrap h1.matomeTopHead span.headlineMatome {
        font-size: 30px;
        padding-top: 0;
    }
    .mainWrap h1.matomeTopHead span.headlineJa {
        font-size: 4vw;
        margin-bottom: 2vw;
    }
    .mainMatome .tokusyuContents h4.osusume::before {
        width: 1rem;
        height: 1.5rem;
        padding-right: 0.5rem;
    }
    .mainMatome .tokusyuContents h3.osusume::before {
        width: 1rem;
        height: 1.5rem;
        padding-right: 0.5rem;
    }
    .mainContents.tokusyu {
       margin-top: 1rem;
    }
    .matomeTag {
        margin: 0 0;
    }
    .mainMatome h2 {
      text-align: left;
    }
    img.otoku-info {
        width: 100%;
    }
    .mainMatome .matomeCatch {
        margin: 10px 0 0;
        padding: 0;
        text-align: left;
    }
    .matomeMenu {
        margin-top: 10px;
    }
    .mainMatome .bn_wrap:not(.bn_wrap_bt) {
        display: block;
    }
    .mainContents.mainMatome .matomeArticle h1 {
        line-height: 1.8;
    }
    .mainContents.mainMatome .matomeArticle .matomeMenu li {
        height: 30px;
        border: none;
    }
    .mainContents.mainMatome .matomeArticle .matomeMenu li a {
        font-size: 10px;
        padding: 5px 0px;
        line-height: 1.2;
        font-weight: normal;
    }
    .mainContents.mainMatome .matomeArticle .matomeMenu li.oneline a {
        padding: 10px 0px;
    }
    .mainContents .recruitBn {
        width: 250px;
        margin: auto;
        margin-bottom: 21px;
    }
    .blogPageNav {
        width: 100%;
        font-size: 4.8vw;
        margin-top: 2vw;
    }
    div.blogPageNav span {
        display: inline;
    }
    .blogPageNav .current::before {
        bottom: -1.4vw;
    }
    .blogArticle .blogBn {
        width: 336px;
    }
    .tokusyu_menu {
        width: 100%;
        margin-top: 30px;
    }
    .blogSideNav {
        margin-top: 7vw;
        padding-top: 6vw;
        border-top: 1px solid #333;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        max-width: 767px;
        width: 100%;
    }
    .blogSideNav h4 {
        font-size: 4vw;
        margin-bottom: 3.2vw;
    }
    .blogSideNav ul {
        width: 18.66vw;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .blogSideNav ul li {
        font-size: 3.2vw;
        white-space: normal;
        margin-bottom: 0.5vw;
    }
    .blogSideNav ul li a {
        width: 100%;
    }
    .blogSideNavBox {
        margin-bottom: 10vw;
        flex-basis: 50%;
    }
    .blogSideNavBox.matomeSidebarBox {
        flex-basis: 100%;
    }
    .blogSideNavBox ul {
        width: 100%;
    }
    .blogSideNavBox .matomeSidebarBn img {
        width: 100%;
    }
    .matomeSidebarBox .yellowButton {
        font-size: 3.4vw;
    }
    .shareArticle {
        text-align: right;
    }
    .shareArticle img {
        max-width: 35px;
    }
    .blogPageNavThumbnails {
        flex-direction: column;
        margin-bottom: 5vw;
        margin-top: 4vw;
    }
    .blogPageNavThumbnails .blogNavThumb {
        width: 100%;
        height: 24vw;
        margin-bottom: 5.33vw;
    }
    .blogPageNavThumbnails .blogNavImg {
        width: 36vw;
        min-width: 36vw;
        height: 24vw;
    }
    .blogPageNavThumbnails .blogNavText {
        width: 100%;
        min-height: 24vw;
        padding: 2.66vw;
    }
    .blogPageNavThumbnails .blogNavText .blogNavDate {
        margin-top: 0;
        font-size: 2.66vw;
    }
    .blogPageNavThumbnails .blogNavText .blogNavTitle {
        font-size: 3.2vw;
        line-height: 1.6em;
    }
    .blogNavThumb a img {
        width: 5.33vw;
        height: 9.6vw;
        bottom: -4vw;
    }
    .blogNavNext a img {
        left: 3vw;
    }
    .blogNavPrev a img {
        right: 3vw;
    }
    .mainContentsBlogArticle + .blogSideNav {
        margin-top: 4vw;
    }
    .mainContentsBlogArticle + .blogSideNav li {
        font-size: 3.2vw;
        line-height: 6.4vw;
    }
    .mainContentsMatomeArticle + .blogSideNav {
        margin-top: 4vw;
    }
    .mainContentsMatomeArticle + .blogSideNav li {
        font-size: 3.2vw;
        line-height: 6.4vw;
    }
    /* ブログ記事SP */
    .blogThumbnailLabel {
        font-size: 2.4vw;
        line-height: 4vw;
        clear: both;
        letter-spacing: 0.02em;
    }
    .blogThumbnailLabelStores{
        font-size: 2.4vw;
        padding: 0 1vw !important;
    }
    .blogThumbnailLabel .blogThumbnailLabelStores {
        margin-top: 2vw;
        margin-right: 0.5em !important;
        line-height: 2.4vw;
    }
    .blogThumbnailLabel .blogThumbnailLabelStores span {
        line-height: 2;
        margin: 0;
        font-size: 2.4vw;
        margin-left: -0.9vw !important;
        margin-top: 3.22vw;
        padding: 0;
        min-height: 4vw;
    }
    .blogThumbnailLabelCategories a{
        font-size: 2.4vw;
    }
    .blogThumbnailLabelCategories a::before{
        padding: 0 0 0 2px;
        margin-right: 1px;
        font-size: 2.4vw;
    }
    .blogThumbnailLabel .blogThumbnailLabelStores span::before {
        margin-left: -1vw;
        margin-right: 0.2em;
    }
    .blogThumbnailLabel .blogThumbnailLabelStores span:first-child::before{
        content: "";
        margin-left: 0;
        margin-right: 0;
    }
    .blogThumbnailLabel .blogThumbnailLabelCategories {
        padding: 0;
    }
    .article .blogThumbnailLabel {
        font-size: 2.4vw;
    }
    .article .blogThumbnailLabel>span {
        padding: 0 0.5vw 0 0;
    }
    .article .blogThumbnailLabel .blogThumbnailLabelStores {
        padding-left: 0;
        margin-right: 1vw !important;
    }
    .article .blogThumbnailLabel .blogThumbnailLabelCategories::before {
        margin-left: -1.5vw;
    }
    /* まとめ特集ページ */
   .matomeTokusyu .wp-block-column {
       margin-top: 30px !important;
   }
   .matomeTokusyu .wp-block-column:first-of-type {
       margin-top: 0;
   }
   .matomeTokusyu .wp-block-column:not(:first-child) {
       margin-left: 0;
   }
   .matomeTokusyu .wp-block-column .tokusyu_text {
       padding: 0px 5% 5%;
       min-height: initial;
   }
   .matomeTokusyu .wp-block-column .tokusyu_text p {
       line-height: 7vw;
       font-size: 3.2vw;
   }
   .matomeTokusyu .wp-block-column h2 {
       font-size: 4.8vw;
   }
   .breadCrumb.blog_only {
       margin-top: 0;
   }
}

@media screen and (max-width: 320px) {
    .matomeArchiveDl {
        flex-flow: column nowrap;
    }
    .matomeArchiveDl dt,
    .matomeArchiveDl dd {
        width: 100%;
    }
    .matomeArchiveDl dd {
        border-left: none;
    }
}