@charset "UTF-8";
/*
Theme Name: THE SONIC
Theme URI: https://the-sonic.jp
Author: SONIC Team
Author URI: https://the-sonic.jp
Description: THE SONICは書き心地・マネタイズ機能に加え、サイトの表示速度に優れたWordPressテーマです。
Version: 2.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
*/
/*****************************************
【もくじ：書いてある順番】
0.Start Codex
1.共通部分
2.ヘッダー
3.メイン：フロントページ
4.メイン：投稿ページ（ヘッダー）
5.メイン：投稿ページ（コンテンツ）
6.メイン：投稿ページ（フッター）
7.メイン：投稿ページ（グーテンベルク）
8.メイン：カテゴリーページ
9.メイン：その他のページ
10.サイド・ウィジェット
11.フッター
12.カラー設定
13.エディタ用
******************************************/
/*****************************************

    0.Start Codex

******************************************/
.entry-content img {
    max-width: 100%;
    height: auto;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
.bypostauthor {
    background-color: #efefef;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
.gallery-caption {
    color: #333;
    font-size: 12px;
    margin: 0 0 10px;
    text-align: center;
}
/*****************************************

    1.共通部分

******************************************/
.hb {
    max-width: 1120px;
    margin: 0 auto;
}
/*--------------------------------------
  フォント・背景色・テキスト・リンク
--------------------------------------*/
html {
    font-family: sans-serif
}
body {
    line-height: 1.83;
    margin: 0;
    font-family: "Helvetica","Arial",YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 17px;
    word-break: normal;
    overflow-wrap: break-word;
    -webkit-font-smoothing: antialiased;
}
p {
    margin-top: 0;
    margin-bottom: 2em;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
/*文字装飾*/
.bold {
    font-weight: 700;
}
.underline-yellow,
.underline-red,
.underline-blue {
    font-weight: 700;
}
.underline-yellow {
    background: linear-gradient(transparent 50%, rgba(255,240,0, .45) 50%);
}
.underline-red {
    background: linear-gradient(rgba(0,0,0,0) 50%, #ff9999 0);
}
.underline-blue {
    background: linear-gradient(rgba(0,0,0,0) 50%, #99CCFF 0);
}
.label-main,
.label-ac,
.label-gray,
.rttb-file,
.rttb-folder {
    display: inline-block;
    line-height: 1.2;
    margin: 2px;
    padding: 6px 8px;
    border-radius: 4px;
    font-size: 0.9em;
}
.label-main,
.label-ac {
    color: #fff;
}
.label-gray,
.rttb-file,
.rttb-folder {
    color: #616161;
    background: #eee;
}
.rttb-folder:before,
.rttb-file:before {
    margin-right: 0.4em;
    color: #9e9e9e;
    font-family: "font awesome 5 free";
}
.rttb-file:before {
    content: "\f15b";
}
.rttb-folder:before {
    content: "\f07b";
    font-weight: 700;
}
.rttb-keyboard {
    line-height: 1.5em;
    vertical-align: text-top;
    margin: 0 0.3em;
    padding: 0.5em 0.75em;
    border: solid 2px silver;
    border-radius: 5px;
    box-shadow: 0 1px 0 #c3c3c3;
    background: whitesmoke;
    font-size: 0.8em;
}
.bold-red {
    color: #f44f4f;
    font-weight: 700;
}
.text-underline {
    padding-bottom: 2px;
    border-bottom: 2px solid;
    border-color: #999;
}
.label-circle {
    display: inline-flex;
    min-width: 34px;
    height: 34px;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    border-radius: 17px;
    color: white;
    font-size: 12px;
}
/*--------------------------------------
  アニメーション
--------------------------------------*/
.animation-speed{
    transition: .3s ease-in-out;
}
.linkarea {
    display: inline-block;
    width: 100%;
    text-decoration: none;
}
/*--------------------------------------
  非表示
--------------------------------------*/
@media (min-width: 1030px) {
.hidden-pc.hidden-pc {
    display: none;
}}
@media (max-width: 1029px) {
.hidden-mobile.hidden-mobile {
    display: none;
}}
/*****************************************

    2.ヘッダー

******************************************/
#header {
    color: #fff;
    position: relative;
    z-index: 99;
}
.header-in {
    display: flex;
}
@media (max-width: 1029px) {
.header-in {
    flex-direction: column;
}}
@media (min-width: 1030px) {
.header-row .header-in {
    justify-content: space-between;
    flex-direction: row;
}
.header-column .header-in {
    flex-direction: column;
}
.header-column .nav-style-def {
    justify-content: center;
}}
/*--------------------------------------
    タイトル
--------------------------------------*/
.header-title,
.footer-title {
    margin: 0;
    font-weight: 500;
}
.header-title {
    padding: 8px 0;
}
.header-title a {
    display: flex;
    justify-content: center;
}
/*--------------------------------------
    ロゴ
--------------------------------------*/
/*画像がない場合*/
.header-title a,
.footer-in-under .footer-title,
.footer-in-under .footer-title a {
    font-size: 30px;
    color: #fff;
}
.header-title a:hover,
.footer-in-under .footer-title a:hover {
    text-decoration: none;
    opacity: .7;
}

.logo-img,
.logo-img70,
.logo-img50,
.logo-img30 {
    width: auto;
}
@media (min-width: 1030px) {
.logo-img {
    max-height: 96px;
}
.logo-img70 {
    max-height: 67px;
}
.logo-img50 {
    max-height: 48px;
}
.logo-img30 {
    max-height: 30px;
}}
@media (max-width: 1029px) {
.header-title {
    padding: 8px 62px;
}
.header-title img,
.footer-title img {
    max-height: 54px;
    max-width: 100%;
}}
/*--------------------------------------
    キャッチコピー
--------------------------------------*/
.logo-catchcopy {
    display: block;
    font-size: 12px;
    text-align: center;
}
/*--------------------------------------
    ヘッダーメニュー
--------------------------------------*/
.header-nav-in {
    height: 100%;
}
.header-nav i {
    margin-right: 4px;
}
.header-nav-more {
    position: relative;
    padding-right: 32px;
}
.nav-style-def {
    display: inline-block;
    overflow-x: auto;
    margin: 0;
    padding-left: 0;
    white-space: nowrap;
    list-style: none;
}
.nav-style-def > .menu-item {
    display: inline-block;
    box-sizing: border-box;
    transition: backgroud-color .3s;
}
.nav-style-def a {
    display: flex;
    height: 100%;
    line-height: 44px;
    align-items: center;
    padding: 0 12px;
    color: #fff;
    text-decoration: none;
}
.nav-style-def .sub-menu {
    display: none;
    position: absolute;
    width: 200px;
    padding: 12px 8px;
    border: 1px solid;
    background: #fff;
    text-align: left;
    box-sizing: border-box;
}
.nav-style-def .menu-item .sub-menu .menu-item {
    display: block;
}
.nav-style-def .sub-menu a {
    color: #333;
    white-space: pre-line;
    line-height: 32px;
}
.nav-style-def .sub-menu a:before {
    content: "\f0da";
    font-family: "font awesome 5 free";
    font-weight: 900;
    margin-right: 8px;
    font-size: .85em;
}
.nav-style-def.nav-style-overflow-x {
    display: block;
    overflow-x: auto;
}
@media (min-width: 768px) {
.nav-style-def .sub-menu {
    top: calc(100% - 1px);
}
.nav-style-def {
    display: flex;
    height: 100%;
    overflow-x: inherit;
}
.plus-logo-catchcopy .sub-menu {
    line-height: normal;
}
.header-nav-more {
    padding-right: 0;
}
.nav-style-def>.menu-item {
    position: relative;
}
.nav-style-def .menu-item:hover .sub-menu {
    display: block;
}}
@media (max-width: 767px) {
.header-nav {
    overflow: hidden;
    height: 44px;
}
.header-nav-more:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    line-height: 44px;
    font-family: "font awesome 5 free";
    text-align: center;
    content: "\f144";
}}
/*--------------------------------------
    お知らせ欄（ヘッダーメニュー）
--------------------------------------*/
.header-info a {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
}
/*--------------------------------------
    フロントページ（トップページカテゴリ）
--------------------------------------*/
article.cat-contents:not(.cat-contents-1) {
    display: none;
}
.cat-tab-text.cat-tab-1 {
    width: 100%;
}
.main-tab-last {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}
.main-tab-last:not(.main-tab-last-active) {
    display: none;
}
.main-tab-last.main-tab-last-active {
    display: flex;
}
a.main-tab-btn {
    display: flex;
    width: 100%;
    max-width: 300px;
    justify-content: center;
    padding: 8px;
    border-radius: 4px;
    font-weight: 600;
    color: #fff;
    position: relative;
    transition: opacity .3s;
}
a.main-tab-btn:after {
    content: "\f101";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    right: 12px;
}
a.main-tab-btn:hover {
    opacity: .54;
}

/*--------------------------------------
    フロントページCTA（背景画像＋テキストエリア＋イメージエリア）
--------------------------------------*/
.header-img {
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
.imgarea-img a {
    display: flex;
    height: 100%;
    justify-content: center;
}
.imgarea-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.imgarea-text-in {
    display: flex;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}
.imgarea-text-inner {
    align-self: center;
    width: 100%;
}
.imgarea-text-none {
    display: none;
}
.imgarea-text-center {
    margin: 0 auto;
}
.imgarea-text-left {
    margin-right: auto;
}
.imgarea-text p,
.imgarea-text-inner > div:not(:last-child) {
    margin-bottom: 20px;
}
.imgarea-title {
    line-height: 1.5;
    font-weight: 600;
    text-align: center;
}
.imgarea-btn-area {
    margin-bottom: 0;
    font-weight: 700;
    text-align: center;
}
.imgarea-btn {
    display: inline-block;
    line-height: 44px;
    padding: 0 1em;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    transition: opacity 0.3s;
}
.imgarea-btn:hover {
    text-decoration: none;
    opacity: .7;
}
.imgarea-text-left, .imgarea-text-right {
    text-align: left;
}
.imgarea-text-right {
    margin-left: auto;
}
.imgarea-text {
    display: flex;
    padding: 16px;
}
.imgarea-text-inver {
    flex-direction: column-reverse;
}
.imgarea-text p:empty {
    display: none;
}
.imgarea-img {
    text-align: center;
}
@media (min-width: 1030px) {
.imgarea-text {
    padding: 60px 0;
}
.imgarea-text-inver {
    flex-direction: row-reverse;
    justify-content: center;
}
.imgarea-text-in {
    padding: 24px;
}
.imgarea-title {
    font-size: 1.9em;
}
.imgarea-img,
.imgarea-text-in {
    flex-basis: 50%;
}}
@media (min-width: 768px) and (max-width: 1029px) {
.imgarea-text-in {
    padding: 5vw;
}
.imgarea-title {
    font-size: 5.5vw;
}}
@media (max-width: 767px) {
.imgarea-img {
    display: none;
}
.imgarea-text-in {
    padding: 7vw;
}
.imgarea-title {
    font-size: 5vw;
}}
/*--------------------------------------
    人気ワード
--------------------------------------*/
@media (min-width: 1030px) {
.hotword-textlink {
    list-style: none;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}
.hotword-textlink li {
    display: flex;
    position: relative;
    align-items: center;
}
.hotiword-textlink-1:before,
.hotiword-textlink-2:before,
.hotiword-textlink-3:before {
    display: inline-block;
    line-height: 24px;
    margin-right: 4px;
    border-radius: 4px;
    color: white;
    font-size: 12px;
    text-align: center;
}
.hotiword-textlink-1:before {
    content: "HOT";
    padding: 0 8px;
}
.hotiword-textlink-2:before {
    content: "NEW";
    padding: 0 8px;
}
.hotiword-textlink-3:before {
    border-radius: 50%;
    color: white;
    font-family: "font awesome 5 brands";
    font-weight: 600;
    content: "\f3b1";
}}
@media (max-width: 1029px) {
.hotword {
    display: none;
}}
/*--------------------------------------
    ハンバーガーメニュー　検索ボタン
--------------------------------------*/
.hamburger-in-content {
    overflow: auto;
}
.not-see {
    display: none;
}
.hamburger-menu-right,
.hamburger-menu-left,
.header-search-right {
    display: flex;
    position: absolute;
    width: 62px;
    height: 62px;
    justify-content: center;
    align-items: center;
    font-size: 1.2em;
    text-align: center;
}
.hamburger-menu-right,
.header-search-right {
    right: 0;
}
.hamburger-menu-left {
    left: 0;
}
.hamburger-textmenu {
    display: block;
    line-height: 10px;
    font-size: 10px;
}
.hamburger-in-content {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 90%;
    height: 100%;
    line-height: 1.83;
    background: #fff;
    font-size: 0.8em;
    text-align: left;
    transform: translateX(-110%);
}
.header-search-in-content {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.5);
    transform: translateX(110%);
}
.hamburger-in-close,
.header-search-in-close {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}
.header-search-in-innerclose {
    display: block;
    color: #fff;
    margin: 2em 0 0;
}
.header-search-in-innerclose i {
    font-size: 3em;
    font-weight: 900;
    display: block;
}
.header-search-in-content .header-search {
    width: 80%;
}
.hotword-mobile-textlink {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.hotword-mobile-textlink li {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0 16px 8px 0;
}
.hotword-mobile-textlink li a{
    color: #fff;
}
#hamburger-in:checked~.hamburger-in-close,
#header-search-in:checked~.header-search-in-close {
    display: block;
}
#hamburger-in:checked~.hamburger-in-content,
#header-search-in:checked~.header-search-in-content {
    transform: translateX(0);
    transition: transform .3s;
}
@media (min-width: 1030px) {
.hamburger-menu-right,
.hamburger-menu-left,
.header-search-right {
    display: none;
}}

#hamburger-in-close:after {
    font-family: "font awesome 5 free";
    font-weight: 900;
    content: "\f057";
    position: absolute;
    top: 50%;
    right: 0;
    width: 10%;
    text-align: center;
}
/*****************************************

    3.メイン：フロントページ

******************************************/
#content {
    margin: 0 0 40px;
}
#content-in {
    padding: 0;
}
.main-hb {
    width: 100%;
}
@media (min-width: 1030px) {
#content {
    margin: 40px 0;
}
#content-in {
    padding: 0 10px;
    display: flex;
    justify-content: start;
}
.one-column #content-in {
    width: 900px;
}
.main-hb {
    width: 810px;
    margin-right: 30px;
}
.one-column .main-hb {
    width: 100%;
    margin-right: 0;
}
.main-in {
    padding: 0px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}
.main-in:after {
    content:"";
    display: block;
    width:31%;
}
.one-column .main-in {
    padding-right: 0;
}}
@media (min-width: 768px) and (max-width: 1029px) {
.main-in {
    padding: 0 16px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}}
@media (max-width: 767px) {
.main-in {
    padding: 0 16px;
}}
/*--------------------------------------
    記事一覧デザイン
--------------------------------------*/
/*****  記事一覧デザイン　すべてに共通  *****/
.main-kiji {
    transition: box-shadow .3s;
    width: 100%;
    margin: 30px 0 0 0;
    position: relative;
    overflow: hidden;
    background: #fff;
}
.main-in a:hover,
.main-in:hover .kiji-text {
    text-decoration: none;
}
.main-kiji a.kiji-cat:hover {
    text-decoration: none;
    opacity: .7;
}
.main-kiji .linkarea {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-bottom: 40px;
}
.main-kiji .kiji-share {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: 0;
}
.kiji-img {
    position: relative;
    overflow: hidden;
}
.kiji-img-img {
    object-fit: cover;
}
.kanren-kiji .kiji-img {
    padding-bottom: 0;
}
.kiji-cat {
    display: inline-block;
    position: absolute;
    z-index: 1;
    color: #fff;
    font-size: 0.8em;
    transition: opacity 0.3s;
}
.kiji-new {
    display: inline-block;
    position: absolute;
    text-align: center;
    color: #fff;
}
.kiji-date {
    text-align: center;
}
.kiji-date-in {
    display: inline-block;
}
.kiji-text {
    font-size: 16px;
    margin: 0;
    font-weight: 500;
    pointer-events: none;
}
.main-kiji .iine-btn {
    flex-direction: row;
    height: auto;
    width: auto;
    border: none;
    background-color: transparent;
}
.main-kiji .total-scc {
    opacity: .38;
}
.main-kiji .total-scc span {
    font-size: 14px;
    padding: 0 8px;
}
@media (min-width: 768px) and (max-width: 1029px) {
.main-kiji {
    width: 48%;
}}
/*****  カラム別　共通  *****/
/* 1カラム */
@media (min-width: 768px) {
.kijicolumn-1 .main-kiji {
    width: 100%;
}
.kijicolumn-1 .linkarea {
    flex-direction: row;
    padding-bottom: 0;
}
.kijicolumn-1 .kiji-date {
    position: absolute;
}
.kijicolumn-1 .kiji-text {
    flex: 1;
    align-self: center;
    font-weight: bold;
}}
@media (max-width: 767px) {
.kijicolumn-1 .kiji-text {
    text-align: left;
}}
/* 2カラム */
.kijicolumn-2 .main-kiji:nth-child(2n) {
    margin-right: 0;
}
/* 3カラム */
.kijicolumn-3 .main-kiji:nth-child(3n) {
    margin-right: 0;
}
/* 2カラム */
.kijicolumn-2 .main-kiji:nth-child(2n) {
    margin-right: 0;
}
@media (min-width: 1030px) {
.kijicolumn-2 .main-kiji {
    width: 48%;
    max-width: 390px;
}
.kijicolumn-2 .kiji-text {
    padding: 0 20px 12px;
}}
/* 3カラム */
@media (min-width: 1030px) {
.kijicolumn-3 .main-kiji {
    width: 31%;
}}
/*================================
    デザインパターン
================================*/
/*****  デフォルトモード  *****/
/* 1カラム *//* 2カラム *//* 3カラム */
/*****  バイラルモード  *****/
/* 1カラム *//* 2カラム *//* 3カラム */
/*****  ラウンドモード  *****/
/* 1カラム *//* 2カラム *//* 3カラム */
/* ？ */
.main-kiji .snsbox-in-style2 span {
    position: relative;
    display: inline-block;
    font-size: 14px;
    width: auto;
    text-align: left;
    padding: 0 8px;
}
.main-kiji .pf-face-img,
.main-kiji .wp-user-avatar{
    max-width: 20px;
}
/*****  記事一覧デザイン　スマホ横長  *****/
@media (max-width: 767px) {
    .main-kiji-longcard .kiji-share,
    .main-kiji-longcard .kiji-cat,
    .viral-mode .main-kiji-longcard .kiji-img:after {
        display: none;
        }
    .main-kiji.main-kiji-longcard {
        overflow: visible;
        margin: 0;
        }
    .main-kiji-longcard a.linkarea{
        position: relative;
        height: 100px;
        flex-direction: row;
        align-items: center;
        margin: 1rem 0;
        padding-bottom: 0;
        background: #fff;
        }
    .main-kiji-longcard .kiji-img,
    .main-kiji-longcard .kiji-img img {
        width: 100px;
        height: 100px;
        padding-bottom: 0;
        }
    .main-kiji-longcard div.kiji-date {
        position: absolute;
        right: 4px;
        bottom: 4px;
        line-height: 1;
        color: #333;
        opacity: 0.38;
        font-size: 11px;
        padding: 0;
        top: auto;
        }
    .viral-mode .main-kiji-longcard .kiji-date .kiji-date-in {
        padding: 0;
        }
    .viral-mode .main-kiji-longcard h2.kiji-text {
        position: static;
        color: #333;
        font-weight: 500;
        transform: none;
        }
    .main-kiji-longcard .kiji-text {
        max-height: 66px;
        line-height: 1.4;
        overflow: hidden;
        flex: 1;
        padding: 0 8px;
        text-align: left;
        }
    }
/*--------------------------------------
    記事一覧見出し
--------------------------------------*/
.main-h2,
.main-title,
.main-tab-two {
    background: #fff;
    margin: 30px 16px 0;
    text-align: center;
    font-size: 1.2em;
    box-sizing: border-box;
}
.main-h2,
.main-title {
    padding: 12px;
}
.main-title {
    width: 100%;
    margin: 0;
}
.main-title p {
    margin-bottom: 0;
}
.cat-tab-text.active_tab {
    color: #fff;
}
.cat-tab-text:not(.active_tab) {
    background-color: #fff;
}
.cat-tab-text:hover {
    cursor: pointer;
}
.cat-tab-text.active_tab:hover {
    cursor: default;
}
.main-tab-two {
    display: flex;
}
.main-tab1, .main-tab2 {
    padding: 14px 4px;
    width: 50%;
}
@media (min-width: 1030px) {
.main-h2,
.main-title {
    font-size: 1.5em;
    padding: 14px 15px;
}
.main-h2,
.main-tab-two {
    margin: 0;
}}
/*--------------------------------------
    ページャー 記事一覧およびブロック
--------------------------------------*/
ul.page-numbers {
    list-style: none;
    padding: 0;
    margin-bottom: 2em;
    line-height: 40px;
    text-align: center;
    box-sizing: border-box;
}
ul.page-numbers li {
    display: inline-block;
}
a.page-numbers,
span.page-numbers,
.post-page-numbers {
    text-decoration: none;
    transition: .3s;
}
a.page-numbers.prev,
a.page-numbers.next,
.post-page-numbers {
    display: inline-block;
    width: 40px;
}
a.page-numbers,
span.page-numbers{
    display: inline-block;
    width: 40px;
    background: #fff;
    border-radius: 4px;
}
span.page-numbers.current,
.post-page-numbers.current {
    color: #fff;
}
.page-numbers.prev:before,
.page-numbers.next:after {
    font-family: "font awesome 5 free";
    font-weight: 600;
    padding: 0 8px;
}
.page-numbers.prev,
.page-numbers.next{
    background: none;
}
a.page-numbers:hover,
.post-page-numbers:not(.current):hover {
    color: inherit;
}
.page-numbers.prev:hover,
.page-numbers.next:hover {
    opacity: .54;
}
.page-numbers.prev:before {
    content: "\f100";
}
.page-numbers.next:after {
    content: "\f101";
}
nav.pagination span.page-numbers.dots {
    background: transparent;
    width: 20px;
}
/*****************************************

    4.メイン：投稿ページ（ヘッダー）

******************************************/
/*--------------------------------------
  レイアウト
--------------------------------------*/
.entry-header {
    background: #fff;
}
article.entry,
article.single {
    width: 100%;
    background: #fff;
}
@media (max-width: 767px) {
.single .main-in,
.page .main-in,
.one-column .main-in{
    padding: 0;
}}

/*--------------------------------------
  タイトル
--------------------------------------*/
.entry-title,
.notpage-title {
    line-height: 1.6em;
    margin: 0;
    padding: 4px 16px;
    font-weight: 500;
    font-size: 1.2em;
}
@media (min-width: 1030px) {
.entry-title {
    font-size: 1.8em;
    padding: 16px 36px;
}}
@media (min-width: 768px) and (max-width: 1029px) {
.entry-title,
.notpage-title {
    font-size: 1.6em;
}}
/*--------------------------------------
  投稿日・更新日・閲覧数・読む時間
--------------------------------------*/
.entry-header-item {
    display: flex;
    margin: 0;
    padding: 4px 0 4px 16px;
    font-size: 2.8vw;
    text-align: center;
}
.entry-header-item span {
    margin-right: 2vw;
}
.entry-header-item span i {
    font-size: 1em;
}

.entry-header-item span.viewcount {
   margin: 0;
    opacity: 1;
}

@media (min-width: 1030px) {
.entry-header-item {
    padding: 4px 36px;
}}
@media (min-width: 768px) {
.entry-header-item span i {
    vertical-align: baseline;
}}
/*--------------------------------------
  アイキャッチ
--------------------------------------*/
.entry-eyeimg img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
/*================================
    デザインパターン    アイキャッチ＆タイトル＆投稿日
================================*/
.eyecatching-mark1,
.eyecatching-mark2 {
    min-height: 200px;
}
@media (min-width: 1030px) {
.eyecatching-mark1,
.eyecatching-mark2 {
    min-height: 300px;
}}
/*--------------------------------------
  SNSシェアボタン
--------------------------------------*/
/* シェア部分 */
.entry-snsbox .share-btn i {
    border-radius: 0px;
    font-size: 1.5em;
}
.entry-snsbox {
    padding: 12px 16px;
}
.entry-snsbox:empty {
    display: none;
}
.entry-snsbox .snsbox-in {
    display: flex;
    justify-content: space-between;
}
.snsbtn {
    flex: 1;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    transition: opacity 0.3s;
    box-sizing: border-box;
}
a.snsbtn {
    text-decoration: none;
}
.snsbox-in .snsbtn:not(:last-child) {
    margin-right: 1.5%;
}
.snsbtn.hatena-btn {
    font-weight: 600;
}
.snsbtn.pinterest-btn {
    cursor: pointer;
}
/*style-1*//*style-2*//*style-3*//*style-4 それぞれのCSSへ移行*/
/*URLコピーボタン*/
.urlcopy-btn {
    width: 100%;
    line-height: 34px;
    margin: 8px 0 0;
    border: none;
    border-radius: 4px;
    background: #fff;
    font-family: "Helvetica","Arial",YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 1em;
    text-decoration: none;
    cursor: pointer;
}
#copyUrl, #copyUrlLabel {
    position: absolute;
    bottom: 0;
    left: -500px;
    width: 1px;
    height: 1px;
}
/*--------------------------------------
  SNSシェアボタン 固定
--------------------------------------*/
.left-fixed {
    display: none;
}
@media (min-width: 1030px) {
.left-fixed {
    display: inline-block;
    width: 96px;
    margin-left: -96px;
}
.sticky-box {
    position: sticky;
    top: 0;
}
.left-fixed-in {
    display: inline-block;
    width: 80px;
    padding: 8px;
}
.left-fixed-in .snsbox-in a {
    margin-bottom: 4px;
}
.snsbox-in-style2 {
    text-align: center;
}
.snsbox-in-style2 span {
    font-size: 12px;
    line-height: 1;
}
.snsbox-in-style2 span.scc {
    font-size: 12px;
}
.left-fixed-in .snsbtn {
    display: flex;
    width: 52px;
    height: 52px;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto 8px;
    border-radius: 50%;
}
.left-fixed-in .snsbtn.hatena-bgc {
    line-height: 1.3;
}
.left-fixed-in .snsbtn i {
    line-height: 1.5;
}
.entry-snsbox .snsbtn.urlcopy-btn {
    display: none;
}}
span[data-pin-log="button_pinit_floating"] {
    height: 32px;
    width: 32px;
    background-size: 32px 32px;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiIHZpZXdCb3g9Ii0xIC0xIDMxIDMxIj48Zz48cGF0aCBkPSJNMjkuNDQ5LDE0LjY2MiBDMjkuNDQ5LDIyLjcyMiAyMi44NjgsMjkuMjU2IDE0Ljc1LDI5LjI1NiBDNi42MzIsMjkuMjU2IDAuMDUxLDIyLjcyMiAwLjA1MSwxNC42NjIgQzAuMDUxLDYuNjAxIDYuNjMyLDAuMDY3IDE0Ljc1LDAuMDY3IEMyMi44NjgsMC4wNjcgMjkuNDQ5LDYuNjAxIDI5LjQ0OSwxNC42NjIiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+PHBhdGggZD0iTTE0LjczMywxLjY4NiBDNy41MTYsMS42ODYgMS42NjUsNy40OTUgMS42NjUsMTQuNjYyIEMxLjY2NSwyMC4xNTkgNS4xMDksMjQuODU0IDkuOTcsMjYuNzQ0IEM5Ljg1NiwyNS43MTggOS43NTMsMjQuMTQzIDEwLjAxNiwyMy4wMjIgQzEwLjI1MywyMi4wMSAxMS41NDgsMTYuNTcyIDExLjU0OCwxNi41NzIgQzExLjU0OCwxNi41NzIgMTEuMTU3LDE1Ljc5NSAxMS4xNTcsMTQuNjQ2IEMxMS4xNTcsMTIuODQyIDEyLjIxMSwxMS40OTUgMTMuNTIyLDExLjQ5NSBDMTQuNjM3LDExLjQ5NSAxNS4xNzUsMTIuMzI2IDE1LjE3NSwxMy4zMjMgQzE1LjE3NSwxNC40MzYgMTQuNDYyLDE2LjEgMTQuMDkzLDE3LjY0MyBDMTMuNzg1LDE4LjkzNSAxNC43NDUsMTkuOTg4IDE2LjAyOCwxOS45ODggQzE4LjM1MSwxOS45ODggMjAuMTM2LDE3LjU1NiAyMC4xMzYsMTQuMDQ2IEMyMC4xMzYsMTAuOTM5IDE3Ljg4OCw4Ljc2NyAxNC42NzgsOC43NjcgQzEwLjk1OSw4Ljc2NyA4Ljc3NywxMS41MzYgOC43NzcsMTQuMzk4IEM4Ljc3NywxNS41MTMgOS4yMSwxNi43MDkgOS43NDksMTcuMzU5IEM5Ljg1NiwxNy40ODggOS44NzIsMTcuNiA5Ljg0LDE3LjczMSBDOS43NDEsMTguMTQxIDkuNTIsMTkuMDIzIDkuNDc3LDE5LjIwMyBDOS40MiwxOS40NCA5LjI4OCwxOS40OTEgOS4wNCwxOS4zNzYgQzcuNDA4LDE4LjYyMiA2LjM4NywxNi4yNTIgNi4zODcsMTQuMzQ5IEM2LjM4NywxMC4yNTYgOS4zODMsNi40OTcgMTUuMDIyLDYuNDk3IEMxOS41NTUsNi40OTcgMjMuMDc4LDkuNzA1IDIzLjA3OCwxMy45OTEgQzIzLjA3OCwxOC40NjMgMjAuMjM5LDIyLjA2MiAxNi4yOTcsMjIuMDYyIEMxNC45NzMsMjIuMDYyIDEzLjcyOCwyMS4zNzkgMTMuMzAyLDIwLjU3MiBDMTMuMzAyLDIwLjU3MiAxMi42NDcsMjMuMDUgMTIuNDg4LDIzLjY1NyBDMTIuMTkzLDI0Ljc4NCAxMS4zOTYsMjYuMTk2IDEwLjg2MywyNy4wNTggQzEyLjA4NiwyNy40MzQgMTMuMzg2LDI3LjYzNyAxNC43MzMsMjcuNjM3IEMyMS45NSwyNy42MzcgMjcuODAxLDIxLjgyOCAyNy44MDEsMTQuNjYyIEMyNy44MDEsNy40OTUgMjEuOTUsMS42ODYgMTQuNzMzLDEuNjg2IiBmaWxsPSIjZTYwMDIzIj48L3BhdGg+PC9nPjwvc3ZnPg==) 0 0 no-repeat;
    box-shadow: none;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
}

/*****  いいねボタン  *****/
.iine-btn {
    display: flex;
    width: 52px;
    height: 52px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    border-radius: 50%;
    color: #ccc;
    background: #fff;
    transition: color 0.3s;
    cursor: pointer;
    box-sizing: border-box;
    line-height: 1.5;
}
.iine-btn:hover {
    color: #e7609e;
}
.iine-btn-click {
    animation: iineani .5s ease-out;
}
@keyframes iineani {
    0% {
        transform: scale(1)
    }
    30% {
        transform: scale(1.5)
    }
    100% {
        transform: scale(1)
    }
}
@media (min-width: 1030px) {
.left-fixed-in .iine-btn {
    position: relative;
    margin: 0 auto;
}}
/*記事内フッターいいねボタン*/
.entry-footer-iine {
    padding: 0 16px 16px;
}
.entry-footer-iine .iine-btn {
    flex-direction: row;
    height: 32px;
    border: none;
    width: fit-content;
}
.entry-footer-iine .iine-btn-img {
    display: flex;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 8px;
    justify-content: center;
    align-items: center;
    border: 1px solid;
}
@media (min-width: 1030px){
.entry-footer-iine {
    padding: 0 36px 16px;
}
.entry-footer-iine .iine-btn span {
    font-size: 16px;
}}
/*****************************************

    5.メイン：投稿ページ（コンテンツ）

******************************************/
/*--------------------------------------
  レイアウト
--------------------------------------*/
.entry-content {
    background: #ffffff;
    padding: 16px;
}
@media (min-width: 1030px) {
.entry-content {
    padding: 16px 36px;
}}
/*--------------------------------------
  この記事を書いた人
--------------------------------------*/
.entry-header .entry-writer {
    margin: 1em 0;
}
.writer-in {
    display: flex;
    margin: 0 16px;
    flex-direction: column;
    position: relative;
}
.writer-img {
    text-align: center;
    display: flex;
    align-items: center;
}
.writer-in:before {
    content: "この記事を書いた人";
    position: absolute;
    font-size: 14px;
}
.writer-img-in img {
    margin: auto;
    border-radius: 50%;
    object-fit: cover;
}
.writer-name,
.writer-katagaki {
    margin-bottom: 0;
}
.writer-katagaki {
    font-size: 14px;
}
.writer-text {
    padding: 12px;
    flex: 1;
}
.writer-text-in .pf-share>p {
    border-top: none;
    margin-bottom: 0;
}
.writer-text-in .pf-btn {
    max-width: unset;
}
.writer-text-in .pf-share {
    padding-bottom: 0;
}
/*プロフィールのカスタムボタン*/
.pf-custom-btn {
    display: inline-block;
    width: 100%;
    color: #fff;
    margin-top: 8px;
    padding: 8px;
    border-radius: 4px;
    transition: opacity .3s;
    font-weight: 700;
}
.pf-custom-btn:after {
    content: "サイト";
}
a.pf-custom-btn:hover {
    color: #fff;
    opacity: .7;
    text-decoration: none;
}
@media (min-width: 1030px) {
.writer-in {
    flex-direction: row;
    margin: 0 36px;
}
.writer-img {
    min-width: 260px;
    width: 260px;
}
.writer-text {
    margin-left: 16px;
    padding: 16px;
}}
/*================================
    デザインパターン    この記事を書いた人（本文）
================================*/
.entry-footer .writer-mark1,
.entry-footer .writer-mark2,
.entry-footer .writer-mark3 {
    margin-bottom: 1em;
    padding-top: 1em;
}
/*mark1 デフォルト*//*mark2 シンプル*/
/*mark3 スクエア*//*mark4 スタンプ*/
/*--------------------------------------
  カテゴリータグエリア
--------------------------------------*/
/*****  カテゴリー・タグエリア  *****/
.entry-catetagbox {
    padding: 8px 16px;
}
.category-area,
.tag-area {
    margin: 4px 0;
    max-width: 100%;
}
.catetagbox-label {
    display: inline-block;
}
.category-area ul,
.tag-area ul,
.catetagbox-list {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: top;
}
.category-area .catetagbox-list {
    max-width: calc(100% - 110px);
}
.tag-area .catetagbox-list {
    max-width: calc(100% - 60px);
}
.category-area li {
    display: inline-block;
}
.catetagbox-list li a:not(:last-child) {
    margin-right: 1em;
}
.category-area a,
.tag-area a {
    text-decoration: none;
    transition: opacity .3s;
    display: inline-block;
}
.category-area a:hover,
.tag-area a:hover {
    opacity: .7;
}
.category-area li a:before,
.tag-area li a:before {
    margin-right: 4px;
    font-family: "font awesome 5 free";
    font-weight: 900;
}
.category-area li a:before {
    content: "\f07b";
}
.tag-area li a:before {
    content: "\f02b";
}
@media (min-width: 1030px) {
.entry-catetagbox {
    padding: 12px 36px;
}}
/*--------------------------------------
  保護ページ
--------------------------------------*/
.entry-content .post-password-form p:last-child {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.entry-content .post-password-form p:last-child label {
    display: flex;
    width: 70%;
    flex-direction: column;
    margin-right: 8px;
    text-align: left;
}
.entry-content .post-password-form p:last-child label input {
    display: inline-block;
    width: 100%;
    min-height: 44px;
    line-height: normal;
    flex: 1;
    margin: 0;
    padding: 0 12px;
    border: 1px solid #e1e8ed;
    color: #757575;
    box-sizing: border-box;
    -webkit-appearance: none;
}
.entry-content .post-password-form p:last-child label + input {
    display: inline-block;
    width: 84px;
    height: 44px;
    border: none;
    color: #fff;
    background: #1e73be;
    box-sizing: border-box;
    -webkit-appearance: none;
}
@media (min-width: 1030px) {
.entry-content .post-password-form p:last-child label {
    width: 50%;
}}
/*****************************************

    6.メイン：投稿ページ（フッター）

******************************************/
/*--------------------------------------
  レイアウト
--------------------------------------*/
.main-article-under {
    width: 100%;
    box-sizing: border-box;
}
@media (max-width: 767px){
.main-article-under {
    padding: 0 16px;
}}
/*--------------------------------------
  次の記事 前の記事
--------------------------------------*/
.entry-prevnext-in {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.prev-kiji,
.next-kiji {
    position: relative;
    width: 100%;
    margin: 1.5em 0;
    background: #fff;
    transition: box-shadow .3s;
}
.prev-kiji:hover,
.next-kiji:hover {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
}
.prev-kiji-in,
.next-kiji-in {
    display: flex;
    height: 100px;
    overflow: hidden;
    font-size: .95em;
}
.entry-prevnext-2 .prev-kiji-in,
.entry-prevnext-2 .next-kiji-in {
    height: auto;
}
.next-kiji-in {
    flex-direction: row-reverse;
}
.prevnext-img {
    flex-basis: 32%;
    background-size: cover;
    background-position-x: 50%;
    background-position-y: 50%;
}
.prevnext-text {
    max-width: calc(100% - 124px);
    max-height: 100px;
    flex: 1;
    align-self: center;
    padding: 4px 8px;
    color: #333;
    font-size: 14px;
    box-sizing: border-box;
}
.prevnext-title {
    display: inline-block;
    position: absolute;
    z-index: 2;
    padding: 4px 12px;
    color: #fff;
    font-size: 14px;
}
.next-kiji-in .prevnext-title {
    right: 0;
}
@media (min-width: 1030px) {
.entry-prevnext-in {
    flex-direction: inherit;
}
.prev-kiji,
.next-kiji {
    width: 48%;
}}
/*--------------------------------------
  スマホ スワイプ型
--------------------------------------*/
/* サムネ付きスワイプ */
.paging-card-swipe-box{
    position: fixed;
    z-index: 100;
}
.mobile-left-linkcard {
    left: -200px;
    transform : translate(-200px, 0);
    padding: 10px 32px 10px 8px;
    border-radius: 0 4px 4px 0;
}
.mobile-right-linkcard {
    right: -200px;
    transform : translate(200px, 0);
    padding: 10px 8px 10px 32px;
    border-radius: 4px 0 0 4px;
}
.paging-card-swipe {
    position: fixed;
    top: calc(50% - 50px);
    z-index: 100;
    width: 250px;
    max-width: 300px;
    max-height: 100px;
    background: rgba(51, 51, 51, 0.5);
    transition: all 500ms;
    box-sizing: border-box;
}
.mobile-left-linkcard.allshow {
    left: 0;
    transform : translate(-150px, 0);
}
.mobile-right-linkcard.allshow {
    right: 0;
    transform : translate(200px, 0);
}
.paging-card-swipe.show {
    transform : translate(0, 0);
    opacity : 1;
}
i.paging-card-swipe-i {
    position: absolute;
    top: 0;
    width: 24px;
    line-height: 100px;
    color: #fff;
    background: #23282d33;
    text-align: center;
}
.paging-card-swipe-next {
    content: "\f105";
    left: 0;
}
.paging-card-swipe-prev {
    content: "\f104";
    right: 0;
}
.mobile-right-linkcard .paging-card-swipe-i {
    border-radius: 4px 0 0 4px;
}
.mobile-left-linkcard .paging-card-swipe-i {
    border-radius: 0 4px 4px 0;
}
.mobile-left-linkcard span{
    right: 32px;
}
.mobile-left-linkcard span,
.mobile-right-linkcard span {
    position: absolute;
    top: 10px;
    width: 80px;
    border-radius: 4px 4px 0 0;
    color: #fff;
    background: rgba(51, 51, 51, 0.2);
    font-size: 12px;
    text-align: center;
}
.linkcard-swipe-in {
    display: flex;
}
.mobile-left-linkcard .linkcard-swipe-in {
    flex-direction: row-reverse;
}
.paging-card-swipe a.linkcard-swipe {
    color: #333;
}
.linkcard-swipe-img {
    height: 80px;
    width: 80px;
    flex-basis: 80px;
}
.linkcard-swipe-img img {
    border-radius: 4px;
    object-fit: cover;
    height: 80px;
    width: 80px;
}
.linkcard-swipe-title {
    max-height: 80px;
    overflow: hidden;
    flex: 1;
}
.linkcard-swipe-title p {
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 0;
}
.mobile-right-linkcard .linkcard-swipe-title p {
    padding: 0 0 0 8px;
}
.mobile-left-linkcard .linkcard-swipe-title p {
    padding: 0 8px 0 0;
}
/* スワイプ型（次の記事・前の記事） */
.paging-swipe {
    display: inline-block;
    position: fixed;
    top: calc(50% - 50px);
    z-index: 100;
    width: 24px;
    height: 100px;
    line-height: 20px;
    padding: 8px;
    background: rgba(51, 51, 51, 0.2);
    font-size: 14px;
    text-align: center;
    transition: all 500ms;
}
.paging-swipe a {
    color: #333;
}
.paging-swipe.mobile-left-btn {
    transform : translate(-45px, 0);
    left: 0;
    border-radius: 0 8px 8px 0;
}
.paging-swipe.mobile-right-btn {
    transform : translate(45px, 0);
    right: 0;
    border-radius: 8px 0 0 8px;
}
.paging-swipe.show {
    opacity : 1;
    transform : translate(0, 0);
}
/* テキストカード */
.entry-prevnext-2 {
    margin: 4em 0 2em;
}
.entry-prevnext-2 .prevnext-title {
    top: -33px;
}
.entry-prevnext-2 .prevnext-text {
    flex-basis: auto;
}
/*--------------------------------------
  関連記事
--------------------------------------*/
/*「関連記事」タイトル*/
.kanren-kiji-title {
    margin: 2em 0 1em;
    font-weight: 600;
    font-size: 1.2em;
    text-align: center;
}
/*================================
    デザインパターン    関連記事
================================*/
/*--------------------------------------
  コメント
--------------------------------------*/
.comment-reply-title {
    margin: 2em 0 1em;
}
.comment-reply-title:before {
    margin-right: 8px;
    font-family: "font awesome 5 free";
    content: "\f086";
}
.comment-form-comment {
    border: 1px solid;
}
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-cookies-consent {
    margin-bottom: 1em;
}
.comment-respond .comment-notes {
    font-size: 13px;
}
.required {
    color: #ea4335;
}
.comment-form-comment label {
    display: block;
    position: relative;
    padding: 0.5em 1em;
    color: #fff;
}
.comment-respond textarea,
.comment-respond input {
    display: block;
    width: 100%;
    line-height: 1.8;
    padding: 0.5em 1em;
    border: none;
    font-size: 16px;
    box-sizing: border-box;
    resize: vertical;
}
.comment-form-cookies-consent label {
    display: block;
    font-size: 13px;
}
.comment-respond textarea {
    outline: none;
    font-family: "Helvetica","Arial",YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.form-submit .submit {
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    transition: opacity .3s;
    -webkit-appearance: none;
}
.form-submit .submit:hover {
    opacity: .7;
}
.comment-respond input[type="checkbox"] {
    display: inline-block;
    margin: 0;
    width: 20px;
    height: 20px;
}
#comments-list {
    background-color: #fff;
    padding: 1em;
    list-style-type: none;
}
#comments-list .comment.parent:not(:last-child) {
    margin-bottom: 2em;
    padding-bottom: 1.5em;
    border-bottom: 4px double #eee;
}
.comment-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1em;
}
.comment-content p {
    margin-bottom: 0;
    padding: 1em;
    font-size: 0.95em;
}
.comment-body .reply {
    margin-bottom: 0.5em;
    padding: 0 1em 1em;
    text-align: right;
}
.comment-reply-link {
    display: inline-block;
    padding: 0.25em 1em;
    border-radius: 4px;
    background: rgba(0,0,0,0.05);
    font-size: 0.9em;
}
.comment-author {
    display: flex;
    align-items: center;
}
.comment-author img {
    border-radius: 50%;
    margin-right: 8px;
}
.comment-metadata {
    font-size: 12px;
    padding-top: .5em;
    text-align: right;
}
.comment .children {
    list-style-type: none;
}
.comment-content pre {
    line-height: 2.2;
    padding: 1em 1.5em;
    border: 1px solid #eee;
    color: #777;
    background: #f9f9f9;
    font-size: 0.95em;
    letter-spacing: 0.5px;
    white-space: pre-wrap;
    font-family: "Helvetica","Arial",YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
@media (max-width: 767px) {
.comment-meta {
    align-items: end;
    flex-direction: column;
}
.comment .children {
    padding-left: 0px;
}}
/*****************************************

    7.メイン：投稿ページ（グーテンベルク）

******************************************/
/*--------------------------------------
  段落ブロック
--------------------------------------*/
/*共通*/
p[class*="is-style-para-mark"] {
    padding: 1em 1.5em;
}
/*共通（アイコンブロック）*/
p[class*="is-style-para-icon"] {
    padding: 1em 1.5em 1em 68px;
    position: relative;
}
p[class*="is-style-para-icon"]:before {
    font-family: "font awesome 5 free";
    position: absolute;
    left: 0;
    width: 36px;
    line-height: 36px;
    text-align: center;
    top: calc(50% - 18px);
    color: #fff;
    font-weight: 600;
    margin-left: 16px;
    border-radius: 50%;
}
/*================================
    デザインパターン    段落ブロック
================================*/
/*--------------------------------------
  画像ブロック
--------------------------------------*/
/*共通*/
.wp-block-image img[class^="wp-image"] {
    display: block;
}
.wp-block-image {
    margin: 0 0 2em;
}
.wp-block-image .alignleft {
    float: inherit;
    margin: 0;
}
.wp-block-image .aligncenter {
    margin: 0 auto;
}
.wp-block-image .alignright {
    float: inherit;
    margin: 0 0 0 auto;
}
.wp-block-image figcaption {
    margin-top: 0.75em;
    margin-bottom: 0;
    text-align: center;
    font-size: .9em;
}
/*================================
    デザインパターン    画像ブロック
================================*/
/*--------------------------------------
  見出しブロック
--------------------------------------*/
.entry h2,
.entry h3,
.entry h4 {
    position: relative;
    box-sizing: border-box;
}
.entry h2 {
    margin: 3em 0 1em;
}
.entry h3 {
    margin: 2em 0 0.75em;
}
.entry h4 {
    margin: 1.5em 0 0.5em;
}
@media (max-width: 767px) {
.entry h2 {
    font-size: 1.2em;
}}
/*================================
    デザインパターン　見出しh2 h3 h4
================================*/
/*--------------------------------------
  リスト
--------------------------------------*/
/*--------------------------------------
  引用
--------------------------------------*/
/*--------------------------------------
  カバー・ファイル
--------------------------------------*/
/*--------------------------------------
  表（テーブル）
--------------------------------------*/
.wp-block-table {
    margin: 0 0 2em;
}
table,
th,
td {
    border: 1px solid #eeeeee;
    text-align: center;
    border-collapse: collapse;
}
th,
td {
    padding: 12px;
}
th {
    background: #f9f9f9;
    color: #797979;
}
/*================================
    デザインパターン    テーブル
================================*/
/*--------------------------------------
  グループ化
--------------------------------------*/
/*共通*/
.wp-block-group {
    margin-bottom: 2em;
}
.wp-block-group__inner-container > *:last-child {
    margin-bottom: 0;
}
@media (min-width: 1030px){
[class*="is-style-group"] {
    padding: 1.8em;
}}
@media (max-width: 1029px){
[class*="is-style-group"] {
    padding: 1em;
}}
/*================================
    デザインパターン    グループ化ブロック
================================*/
/*--------------------------------------
  カラム
--------------------------------------*/
/*モバイル表示時の2カラム*/
@media (max-width: 599px) {
.mobile-2column .wp-block-column {
    max-width: calc(50% - 10px);
}
.mobile-2column .wp-block-column:nth-child(2n+2) {
    margin-left: 20px;
}
.mobile-2column figure.wp-block-image {
    margin-bottom: 1em;
}
.two-box-set .mobile-2column .wp-block-column {
    max-width: 49.7%;
}
.two-box-set .mobile-2column .wp-block-column:nth-child(2n+2) {
    margin-left: 0;
}
.two-box-set .mobile-2column {
    border: 2px solid #eee;
}
.two-box-set .mobile-2column .sonic-box {
    margin-bottom: 0;
}
.two-box-set .mobile-2column .wp-block-column .is-style-titlebox-mark8,
.two-box-set .mobile-2column .wp-block-column .is-style-titlebox-mark9,
.two-box-set .mobile-2column .wp-block-column .is-style-titlebox-mark10 {
    border: none;
}
.two-box-set .mobile-2column .wp-block-column:not(:first-child) {
    margin-left: 0;
    border-left: 2px solid #eee;
}
}
/*モバイル表示時の3カラム*/
@media (max-width: 599px){
.mobile-3column .wp-block-column {
    max-width: calc(34% - 2%);
}
.mobile-3column .wp-block-column:nth-child(3n+2) {
    margin-left: 2%;
    margin-right: 2%;
}
.mobile-3column figure.wp-block-image {
    margin-bottom: .5em;
}}
/*--------------------------------------
  ボタン
--------------------------------------*/
/*****  コア部分  *****/
.wp-block-button {
    text-align: center;
    margin-bottom: 2em;
}
.wp-block-button.aligncenter {
    margin: 0 0 2em;
}
.wp-block-button.alignright,
.wp-block-button.alignleft {
    float: inherit;
    margin: 0 0 2em;
}
.wp-block-button__link {
    min-width: 48%;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
}
.wp-block-button__link:hover {
    opacity: .7;
}
/*--------------------------------------
  改ページ
--------------------------------------*/
/*--------------------------------------
  区切り線
--------------------------------------*/
hr.wp-block-separator {
    max-width: 100px;
    border: 1px solid #8f98a1;
}
hr.is-style-wide {
    max-width: 100%;
}

/*--------------------------------------
  タイトル付きボックス
--------------------------------------*/
/*共通*/
.sonic-box {
    margin-bottom: 2em;
    padding: 1.5em 2em;
}
.ob-title {
    font-weight: bold;
    font-size: 1.05em;
    margin-bottom: .5em;
}
.ob-contents *:last-child {
    margin-bottom: 0;
}
/*--------------------------------------
      メリット・デメリットボックス
--------------------------------------*/
/*--------------------------------------
  ダブルボタン
--------------------------------------*/
.btn-box {
    margin-bottom: 2em;
    text-align: center;
}
.btn-box .wp-block-button,
.btn-box .tsnc-btn-area {
    display: inline-block;
    margin: 8px 0;
}
@media (min-width: 768px) {
.btn-box .wp-block-button,
.btn-box .tsnc-btn-area {
    width: 49%;
}}
@media (max-width: 767px) {
.btn-box .wp-block-button,
.btn-box .tsnc-btn-area {
    width: 100%;
}}
/*--------------------------------------
  Q&A
--------------------------------------*/
/*--------------------------------------
  タイムライン
--------------------------------------*/
.timeline {
    margin-bottom: 2em;
    padding: 0;
    counter-reset: tsnc-timeline;
    list-style: none;
}
.process-step {
    position: relative;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px dashed #ddd;
}
.process-step *:last-child {
    margin-bottom: 0;
}
.process-label {
    display: inline-block;
    width: 60px;
    color: #fff;
    font-size: 0.8em;
    text-align: center;
}
.process-label-num:before {
    content: counter(tsnc-timeline);
    counter-increment: tsnc-timeline;
}
.process-title {
    margin: 8px 0;
    font-weight: bold;
}
/*================================
    デザインパターン    タイムライン
================================*/
/*--------------------------------------
  アコーディオン
--------------------------------------*/
.tsnc-accordion {
    margin-bottom: 2em;
    border: 1px solid;
    border-radius: 4px;
}
.tsnc-accordion-title {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 8px 44px 8px 16px;
    box-sizing: border-box;
}
.tsnc-accordion-title:before,
.tsnc-accordion-title:after {
    display: inline-block;
    position: absolute;
    right: 20px;
    width: 16px;
    height: 2px;
    background: #333;
    content: "";
}
.tsnc-accordion-title:before {
    top: calc(50% - 1px);
}
.tsnc-accordion-title:after {
    top: calc(50% - 1px);
    transform: rotate(90deg);
    transition: transform .3s;
}
.tsnc-accordion-input {
    display: none;
}
.tsnc-accordion-content {
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    padding: 0 16px;
    border-top: 1px dashed #eee;
    opacity: 0;
    transition: height 0.1s, padding 0.1s;
}
.tsnc-accordion-input:checked ~ .tsnc-accordion-content {
    height: auto;
    overflow: visible;
    padding: 16px;
    opacity: 1;
}
.tsnc-accordion-input:checked ~ .tsnc-accordion-title:after {
    transform: rotate(0deg);
}
.tsnc-accordion-content *:last-child {
    margin-bottom: 0;
}
/*================================
    デザインパターン    アコーディオン
================================*/
/*--------------------------------------
  内部リンク外部リンク
--------------------------------------*/
.exlink,
.inlink {
    position: relative;
    max-width: 600px;
    margin-bottom: 2em;
    border: 1px solid #ccc;
    transition: opacity 0.3s;
    box-sizing: border-box;
}
.exlink-linkarea,
.inlink-linkarea {
    display: flex;
    align-items: center;
    padding: 12px;
}
.exlink-linkarea .exlink-img,
.inlink-linkarea .inlink-img {
    object-fit: cover;
}
.exlink-linkarea div,
.inlink-linkarea div {
    flex: 1;
    padding-left: 12px;
}
.noimg .exlink-linkarea div,
.noimg .inlink-linkarea div {
    padding-left: 52px;
}
.exlink-label,
.inlink-label {
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 2px 8px;
    color: #fff;
    font-size: 0.75em;
}
.exlink-title,
.inlink-title {
    margin-bottom: 0;
    font-weight: bold;
}
.exlink-site,
.inlink-site {
    font-size: .8em;
    opacity: .54;
}
.exlink:hover,
.inlink:hover {
    opacity: .7;
}
a.exlink-linkarea:hover,
a.inlink-linkarea:hover {
    text-decoration: none;
}
.link-text {
    border: none;
    max-width: 100%;
    text-decoration: underline;
}
.link-text .inlink-linkarea,
.link-text .exlink-linkarea {
    padding: 0;
}
.link-text .inlink-linkarea div,
.link-text .exlink-linkarea div {
    padding-left: 0;
}
.link-text .inlink-label,
.link-text .exlink-label {
    display: none;
}
.link-text .exlink-site {
    display: inline-block;
    background: #eee;
    border-radius: 20px;
    padding: 0 8px;
}
.link-text .exlink-site:before {
    content: "\f2d0";
    font-family: 'Font Awesome 5 Free';
    padding-right: 6px;
}
/* link-color */
.link-text .inlink-title,
.link-text .exlink-title {
    color: #1e73be;
}
@media (min-width: 1030px) {
.exlink-linkarea .exlink-img,
.inlink-linkarea .inlink-img {
    width: 160px;
}
.inlink-title,
.exlink-title {
    font-size: 1em;
}}
@media (max-width: 1029px) {
.exlink-linkarea .exlink-img,
.inlink-linkarea .inlink-img {
    width: 90px;
    height: 90px;
}
.inlink-title,
.exlink-title {
    font-size: 14px;
}}
/*================================
    デザインパターン    内部・外部リンク
================================*/
/*--------------------------------------
  カウントダウンタイマー
--------------------------------------*/
.count {
    border: 3px solid;
    text-align: center;
    box-sizing: border-box;
    background: #fff;
}
.count-top p {
    margin-bottom: 0;
    padding: 8px;
    color: #fff;
}
.time-item {
    display: inline-block;
}
.count-time {
    padding: 16px 0;
}

.count-text .count-time {
    padding: 0;
}
.count-bottom-in p {
    margin-bottom: 0;
    display: inline-block;
}
.count-num {
    font-size: 5vw;
}
.count-date {
    opacity: .54;
}
.count-end {
    font-size: 1.1em;
    margin-bottom: 32px;
    font-weight: bold;
}
.count-time-in,
.count-bottom,
.count-end {
    display: none;
}
.tsnc-count-down .show {
    display: block;
}
.tsnc-count-down.hidden {
    display: none;
}
@media (min-width: 1030px){
.count-num {
    font-size: 2em;
}}
/* ヘッダーナビ設置時 */
.header-info .count-end {
    margin-bottom: 0;
    font-size: 1em;
}
/*--------------------------------------
  目次
--------------------------------------*/
.table_of_contents_is_close {
    display: none;
}
.mkj {
    margin-bottom: 2em;
}
.mkj-in {
    position: relative;
}
.mkj-title {
    margin-bottom: 0;
    font-weight: bold;
}
.mkj-input {
    display: none;
}
.mkj-openclose {
    display: inline-block;
    position: absolute;
}
.mkj-openclose:hover {
    cursor: pointer;
}
.entry-content .mkj-content {
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: height .3s, opacity .3s;
}
.mkj-input:checked ~ .mkj-content {
    height: auto;
    opacity: 1;
}
.mkj-input:checked ~ .mkj-openclose:before {
    display: none;
}
.mkj-list {
    margin: 0;
    counter-reset: num;
    list-style: none;
}
.mkj-list li {
    position: relative;
}
.mkj-list > li:before {
    display: inline-block;
    position: absolute;
    left: -30px;
    width: 24px;
    line-height: 24px;
    text-align: center;
    content: counter(num, decimal-leading-zero);
    counter-increment: num;
}
.mkj-list:nth-of-type(9) > li:before {
    content: counter(num, decimal-leading-zero);
}
.mkj-list ol {
    position: relative;
    padding-left: 20px;
    font-size: 0.9em;
    list-style: none;
}
.mkj-list ol li:before {
    position: absolute;
    top: 15px;
    left: -15px;
    width: 5px;
    height: 5px;
    border: 1px solid;
    border-radius: 50%;
    content: "";
}
.mkj-list a {
    display: inline-block;
    width: 100%;
    color: #333;
    transition: opacity .3s;
}
.mkj-list a:hover {
    opacity: 0.54;
}
.mkj-active {
    border-radius: 4px;
}
.widget .mkj-in {
    overflow-y: auto;
    overflow-x: hidden;
}
/*サイドバーの目次*/
.widget .mkj {
    margin: 0;
}
.mkj-side-style .mkj-list,
.mkj-side-style li,
.mkj-side-style .mkj-list ol {
    padding-left: 0;
}
.mkj-side-style .mkj-list a {
    padding: 4px 4px 4px 26px;
    box-sizing: border-box;
}
.mkj-side-style .mkj-list li ol a {
    padding: 4px 4px 4px 40px;
}
.mkj-side-style .mkj-list > li:before {
    left: 0;
}
.mkj-side-style .mkj-list ol li:before {
    left: 26px;
}
/*================================
    デザインパターン    目次
================================*/
/*スタイル１*/
/*スタイル２*/
/*スタイル3（リッチ）*/
/*スタイル4（Google風）*/
/*--------------------------------------
  rinker
--------------------------------------*/
.yyi-rinker-main-img {
    width: 100%;
    height: auto;
}
.yyi-rinker-image img {
    max-width: 100%;
    height: auto;
}
/*--------------------------------------
  広告ボタン
--------------------------------------*/
.tsnc-btn-area {
    margin-bottom: 2em;
    text-align: center;
}
.tsnc-btn {
    display: inline-block;
    min-width: 48%;
    padding: 12px 16px;
    border-radius: 4px;
    color: #fff;
    background: #1a73e8;
    font-weight: 700;
    transition: opacity 0.3s;
    box-sizing: border-box;
}
a.tsnc-btn:hover {
    color: #fff;
    opacity: .7;
}
.tsnc-btn + img {
    display: none;
}
/*================================
    デザインパターン    ASP広告ボタン
================================*/
/*--------------------------------------
  ランキングブロック
--------------------------------------*/
.ranking-set {
    padding: 12px;
}
.ranking-number,
.ranking-icon {
    counter-reset: numb;
}
.ranking-title {
    margin-bottom: 0;
    padding: 8px 0;
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;
    text-align: center;
}
.ranking-item {
    padding: 12px;
    margin: 12px 0 0 0;
    background: #fff;
}
.ranking-heading {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    padding: 8px 0;
    font-weight: bold;
    font-size: 1.1em;
}
.ranking-heading-icon {
    display: inline-block;
    min-width: 44px;
    line-height: 44px;
    margin-right: 8px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
}
.ranking-number .ranking-heading-icon:before,
.ranking-icon .ranking-item:nth-child(n) .ranking-heading-icon:before {
    counter-increment: numb;
    content: counter(numb)"";
}
.ranking-item .wp-block-columns,
.ranking-item .btn-box {
    margin-bottom: 8px;
}
.ranking-item .wp-block-columns a+img {
    display: none;
}
.ranking-icon .ranking-item:nth-child(2) .ranking-heading-icon:before,
.ranking-icon .ranking-item:nth-child(3) .ranking-heading-icon:before,
.ranking-icon .ranking-item:nth-child(4) .ranking-heading-icon:before {
    content: "\f521";
    font-family: "font awesome 5 free"
}
.ranking-set .ranking-item:nth-child(2) .ranking-heading-icon {
    background: #e1a625;
}
.ranking-set .ranking-item:nth-child(3) .ranking-heading-icon {
    background: #a9b5bb;
}
.ranking-set .ranking-item:nth-child(4) .ranking-heading-icon {
    background: #cf8129;
}
.ranking-item .btn-box .wp-block-button__link {
    width: 100%;
}
@media (min-width: 1030px) {
.ranking-item .btn-box {
    display: flex;
    justify-content: space-between;
}}
/*--------------------------------------
  コメントボックス
--------------------------------------*/
.comment-box {
    margin-bottom: 2em;
    padding: 1em 1.5em;
    border: 1px solid;
}
.comment-box p {
    margin-bottom: 0;
}
.comment-title {
    display: flex;
    flex-direction: column;
}
.entry-content .comment-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}
.comment-title-text {
    display: flex;
    justify-content: flex-end;
    margin: .5em 0;
}
.comment-title-text p {
    font-weight: bold;
    font-size: 1.2em;
}
.comment-star {
    width: 100px;
    margin-right: 16px;
    color: #ffbc00;
}
@media (min-width: 1030px) {
.comment-title-text {
    flex-direction: row-reverse;
    align-items: center;
}}
@media (max-width: 1029px) {
.comment-title-text {
    flex-direction: column-reverse;
    align-items: start;
}}
/*================================
    デザインパターン    コメントボックス
================================*/
/*--------------------------------------
  ソースコード
--------------------------------------*/
.entry-content pre {
    line-height: 2.2;
    padding: 1em 1.5em;
    border: 1px solid #eee;
    color: #777;
    background: #f9f9f9;
    font-size: 0.95em;
    letter-spacing: 0.5px;
    white-space: pre-wrap;
}
.entry-content pre,
.entry-content code {
    font-family: "Helvetica","Arial",YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
/*****************************************

    8.メイン：カテゴリーページ

******************************************/
@media (min-width: 1030px) {
.main-top {
    margin: 0;
}}
@media (max-width: 1029px) {
.main-top {
    margin: 16px;
}}
/*--------------------------------------
  タイトル
--------------------------------------*/
/*****  タイトル背景ありver  *****/
.main-title-bg-image {
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding: 20px 0;
}
.main-title-bg-image:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
    filter: opacity(0.35);
    content: "";
}
.main-title-bg-image h1 {
    font-weight: bold;
}
/*--------------------------------------
  サブタイトル
--------------------------------------*/
.child-category {
    line-height: 40px;
}
.cat_list {
    margin: 1em 0;
}
.cat_list ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.child-category .cat-item{
    display: inline;
    margin: 0 6px 8px;
}
.child-category a {
    display: inline-block;
    padding: 0 8px;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    transition: opacity 0.3s;
}
.child-category a:hover {
    opacity: 0.7;
}
@media (min-width: 1030px) {
.child-category {
    font-size: 16px;
}
.child-category a {
    padding: 0 12px;
}}
@media (max-width: 1029px) {
.child-category {
    font-size: 14px;
}}
/*--------------------------------------
  カテゴリーページ本文
--------------------------------------*/
.category-main-in {
    margin-bottom: 0px;
}
@media (max-width: 767px) {
.category .category-main-in {
    padding: 0;
}}
/*****************************************

    9.メイン：その他のページ

******************************************/
/*--------------------------------------
  固定ページ
--------------------------------------*/
/*--------------------------------------
  404ページ
--------------------------------------*/
.notpage-title {
    text-align: center;
    position: relative;
    padding: 12px 0;
    font-size: 1em;
}
.notpage-title i {
    font-size: 1em;
}
.notpage-title:after {
    content: "";
    position: absolute;
    bottom: -22px;
    left: calc(50% - 22px);
    border-style: solid;
    border-width: 22px 22px 0 22px;
    border-color: #ffffff transparent transparent transparent;
    z-index: 1;
}
.entry-404-eyeimg {
    height: 170px;
    text-align: center;
    position: relative;
    color: #fff;
    font-size: 1.5em;
}
.notpage-404 {
    margin-bottom: 0;
    position: absolute;
    width: 320px;
    left: calc(50% - 160px);
    top: calc(50% - 60px);
}
.notpage-404 span {
    display: block;
    line-height: 1;
    font-size: 3em;
}
@media (min-width: 1030px) {
.notpage-title {
    font-size: 2em;
}
.entry-404-eyeimg {
    height: 430px;
    font-size: 3em;
}
.notpage-404 {
    top: calc(50% - 120px);
}}
@media (max-width: 1029px) {
.error404 .main-top {
    margin: 0;
}
.error404 .main-in {
    padding: 0;
}}
/*--------------------------------------
  タグ一覧ページ
  アーカイブページ
--------------------------------------*/
.main-title h1 {
    font-size: 25px;
    margin: 0;
    font-weight: 500;
}
/*--------------------------------------
  検索結果ページ
--------------------------------------*/
.search .entry {
    margin: 2em 0;
}
.custom_search_header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.custom_search_text_wrap {
    flex-basis: 100%;
}
.custom_search_select_wrap {
    margin-right: 20px;
}
.postform,
select[id^="archives-dropdown"] {
    line-height: 2;
    border: 1px solid #eee;
    background-color: #fff;
    height: 40px;
    padding: 0 8px;
    color: #757575;
    margin: 1em 0;
    -webkit-appearance: none;
}
.custom_search_toggle {
    margin: 1em 0 .25em;
}
.custom_search_toggle span:before {
    content: "\f14a";
    font-family: "font awesome 5 free";
    margin-right: 4px;
    font-weight: 900;
}
.custom_search_footer {
    padding: 12px;
    border: 1px solid;
    color: #757575;
}
.custom_search_footer_inner label {
    margin-right: 20px;
    display: inline-block;
}
.custom_search_footer_bottom {
    margin-top: 1em;
}
@media (max-width: 767px) {
.search .entry-content {
    margin: 0 16px;
}}
/*****************************************

    10.サイド・ウィジェット

******************************************/
.sidebar aside {
    width: 100%;
}
@media (min-width: 1030px) {
#sidebar {
    width: 280px;
    min-width: 280px;
    padding: 0;
    margin-top: 0;
}}
@media (max-width: 1029px) {
#sidebar {
    padding: 0 16px;
    margin-top: 2em;
}}
/*****  サイドバー共通部分  *****/
.widget {
    margin-bottom: 2em;
    box-sizing: border-box;
}
.widget ul {
    position: relative;
    line-height: 44px;
    margin: 0 0 32px;
    padding: 12px;
    background: #fff;
    list-style: none;
}
.widget img {
    max-width: 100%;
    height: auto;
}
.entry .widget ul {
    line-height: 1.83;
}
.widget ul li:not(:last-child) {
    margin-bottom: 4px;
    border-bottom: 1px solid #eee;
}
.entry .widget ul li:not(:last-child) {
    margin-bottom: 0;
    border-bottom: none;
}
.widget ul li {
    display: inline-block;
    position: relative;
    width: 100%;
}
.widget ul li a {
    display: inline-block;
    width: 100%;
    color: #333;
    text-decoration: none;
    box-sizing: border-box;
}
.widget ul ul {
    margin-bottom: 0;
    padding: 0 0 0 12px;
    font-size: 0.9em;
}
.widget ul ul li:before {
    position: absolute;
    font-family: "font awesome 5 free";
    font-weight: 900;
    content: "\f0da";
}
.widget ul ul li a {
    width: 100%;
    text-indent: 12px;
}
.widget ul li .kiji-num {
    position: absolute;
    top: 6px;
    right: 0;
    width: 26px;
    line-height: 26px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
/* widget内のグループ化ブロック内のリスト背景除去 */
.widget .wp-block-group ul,
.widget .wp-block-group ol {
    background: transparent;
}
/*****  サムネイル用画像  *****/
.tsncorg.thumbnail .centered {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
}
.tsncorg.thumbnail.size10070 .centered {
    width: 100px;
    height: 70px;
}
.tsncorg.thumbnail.size100100 .centered {
    width: 100px;
    height: 100px;
}
.tsncorg.thumbnail.size125100 .centered {
    width: 125px;
    height: 100px;
}
.tsncorg.thumbnail .centered img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
}
.tsncorg.thumbnail.size10070 .centered img {
    height: 70px;
}
/*****  記事内にウィジェットを挿入した場合  *****/
.entry-header .widget,
.entry-footer .widget {
    padding: 16px;
    background-color: #fff;
    box-sizing: border-box;
}
.entry-footer .widget,
.entry-header .textwidget *:last-child,
.entry-footer .textwidget *:last-child,
.widget.toppage-top *:last-child,
.widget.toppage-bottom *:last-child {
    margin-bottom: 0;
}
div.widget.toppage-top,
div.widget.toppage-bottom {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
    margin: 1em 0;
}
div.widget.toppage-top img,
div.widget.toppage-bottom img {
    max-width: 100%;
    height: auto;
}
div.widget.toppage-top a + img,
div.widget.toppage-bottom a + img {
    display: none;
}
@media (min-width: 1030px) {
div.widget.toppage-top,
div.widget.toppage-bottom {
    padding: 0;
}
div.widget.toppage-top {
    margin: 0 0 1em;
}
div.widget.toppage-bottom {
    margin: 1em 0 0;
}
.entry-header .widget,
.entry-footer .widget {
    padding: 16px 36px;
}}
@media (max-width: 1029px) {
.mobile-footer {
    padding: 0 16px;
}}
/*--------------------------------------
  タイトル（見出し）
--------------------------------------*/
/*================================
    デザインパターン
================================*/
[class*="side-title-mark"] .widget-title {
    text-align: center;
    position: relative;
}
.side-title-mark1 .widget-title,
.side-title-mark2 .widget-title,
.side-title-mark3 .widget-title,
.side-title-mark4 .widget-title {
    color: #fff;
}
.side-title-mark3 .widget-title,
.side-title-mark4 .widget-title,
.side-title-mark5 .widget-title,
.side-title-mark5 .widget-title-in,
.side-title-mark6 .widget-title,
.side-title-mark6 .widget-title-in,
.side-title-mark7 .widget-title,
.side-title-mark7 .widget-title-in,
.side-title-mark8 .widget-title-in,
.widget-content {
    background-color: #fff;
}
/* mark1~8 それぞれのCSSへ移動 */
/*****  ウィジェットコンテンツ  *****/
.widget-content {
    position: relative;
    margin-bottom: 32px;
    padding: 12px;
    box-sizing: border-box;
}
/*--------------------------------------
  ランキング
--------------------------------------*/
.widget-rank:not(:last-child) {
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
    margin-bottom: 12px;
}
.rank-kiji .linkarea {
    display: flex;
}
.rank-kiji .linkarea:hover {
    text-decoration: none;
}
.rank-kiji-img {
    height: 100px;
    position: relative;
}
.rank-kiji-img .kiji-img-img {
    position: relative;
    width: 100px;
    height: 100px;
}
.widget_tsnc_pv_rankings {
    counter-reset: num;
}
.widget_tsnc_pv_rankings .widget-rank .rank-kiji-img:before {
    display: inline-block;
    position: absolute;
    z-index: 2;
    width: 24px;
    line-height: 24px;
    color: #fff;
    font-size: 0.85em;
    text-align: center;
    content: counter(num)"";
    counter-increment: num;
}
.rank-kiji-content {
    font-size: .8em;
    margin-left: 8px;
    height: 100px;
    overflow: hidden;
    color: #333;
    flex: 1;
}
.rank-kiji .post-date {
    display: none;
}
/*--------------------------------------
  レビューボックス
--------------------------------------*/
.review-box {
    margin: 2em 0;
    border: 1px solid #eee;
    padding: 0;
    max-width: 420px;
    box-sizing: border-box;
}
.review-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.5em 1em;
    border-bottom: double #eee;
}
.review-inner {
    display: flex;
    justify-content: space-between;
    padding: 0.5em 1em;
}
.review-inner:not(:last-child) {
    border-bottom: 1px dashed #eee;
}
.review-label {
    max-width: 230px;
}
.review-rate {
    color: #f58a13;
}
.review-star{
}
.review-star i {
    padding: 0 1px;
}
.review-star .far.fa-star {
    color: #eee;
    font-weight: 900;
}
.review-inner.comp-row {
    background: #FFFDE4;
}
.review-inner.comp-row .review-label {
    font-weight: bold;
}
/*--------------------------------------
  プロフィール
--------------------------------------*/
/*あとで削除*/
body img.alignnone {
    margin: 0;
}
/*あとで削除*/
.widget_tsnc_writer p {
    margin-bottom: 0;
}
.widget_tsnc_writer .widget-content {
    padding: 0;
}
.pf-bgfacename {
    position: relative;
}
img.pf-bg-img {
    width: 100%;
    object-fit: cover;
    display: block;
}
.pf-facename {
    display: flex;
    position: absolute;
    z-index: 1;
    width: 100%;
    flex-direction: column;
    text-align: center;
}
.pf-face .pf-face-img,
.pf-face img{
    display: inline-block;
}
.pf-facename .pf-name {
    line-height: 1.5;
    padding: 2px 0;
}
.pf-text {
    font-size: .85em;
}
.pf-share {
    text-align: center;
    font-size: .8em;
}
.pf-share-title {
    font-weight: bold;
    padding-bottom: 8px;
}
.pf-btn {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: center;
}
.share-btn {
    display: inline-block;
    width: 48px;
    margin: 0 4px 4px;
}
.pf-btn .share-btn {
    text-decoration: none;
}
.share-btn i {
    width: 100%;
    line-height: 48px;
    font-size: 1.4em;
}
.share-btn p {
    width: 100%;
    line-height: 24px;
    font-size: 10px;
}
.share-btn.note-btn i {
    transform: scale(-1,1);
}
@media (max-width: 767px) {
.pf-bgfacename {
    height: 70vw;
}
img.pf-bg-img {
    height: 70vw;
}}
/*================================
    書いた人 デザインパターン
================================*/
/*--------------------------------------
  カテゴリー
--------------------------------------*/
.widget_categories ul {
    padding: 12px 24px;
}
/*--------------------------------------
  タグラウンド
--------------------------------------*/
.tagcloud{
    background: #fff;
    margin-bottom: 32px;
    padding: 12px;
}
.tagcloud .tag-cloud-link {
    display: inline-block;
    color: #fff;
    margin: 6px 4px 6px 0;
    padding: 2px 8px;
    line-height: 24px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    transition: opacity .3s;
}
.tagcloud .tag-cloud-link:hover {
    opacity: .54;
}
/*--------------------------------------
  カレンダー
--------------------------------------*/
.widget_calendar {
    margin-bottom: 32px;
}
.widget_calendar table {
    background-color: #fff;
    margin: 0 auto;
}
.calendar_wrap caption {
    font-size: 14px;
    background: #fff;
    padding: 8px 0;
}
.widget_calendar td,
.widget_calendar th {
    padding: 4px 10px;
}
.widget_calendar table,
.widget_calendar th,
.widget_calendar td {
    border: 1px solid transparent;
}
.widget-title:before{
    opacity: .54;
}
/*--------------------------------------
  ナビゲーションメニュー
--------------------------------------*/
/*--------------------------------------
  最近のコメント
--------------------------------------*/
.recentcomments {
    font-size: .8em;
    line-height: 2;
    padding: 8px 0;
}
.widget ul li.recentcomments a {
    color: #1e73be;
    text-decoration: underline;
}
.widget ul li.recentcomments .comment-author-link a {
    text-decoration: none;
}
/*--------------------------------------
  RSS
--------------------------------------*/
.widget_rss ul {
    line-height: 2;
    font-size: .9em;
}
.widget_rss ul li:not(:last-child) {
    margin-bottom: 12px;
}
.widget-title a.rsswidget {
    color: #fff;
}
li .rsswidget {
    padding: 12px;
    background: #f4f4f5;
}
.rss-date {
    display: block;
    text-align: right;
    font-size: 12px;
    color: #ccc;
}
.rssSummary, .widget_rss cite {
    display: none;
}
/*--------------------------------------
  ギャラリー
--------------------------------------*/
/*--------------------------------------
  動画
--------------------------------------*/
.wp-block-video {
    margin: 0 0 2em;
}
.wp-block-video video {
    display: block;
}
.wp-block-video figcaption {
    margin-top: 1em;
    margin-bottom: 0;
    text-align: center;
    font-size: .9em;
}
/*--------------------------------------
  画像  テキスト  固定ページ  最近の投稿
--------------------------------------*/
/*--------------------------------------
  検索欄
--------------------------------------*/
.search-form-title {
    font-weight: 600;
}
.search.-form-text {
    padding: 0 15px;
    opacity: .38;
}
.search-form {
    margin-bottom: 32px;
    position: relative;
    text-align: initial;
}
.search-field:focus {
    outline: none;
    border: 1px solid #ccc;
}
.search-field {
    display: inline-block;
    min-height: 44px;
    line-height: 42px;
    width: 100%;
    padding: 0 12px;
    -webkit-appearance: none;
    border: 1px solid #e1e8ed;
    margin: 0;
    color: #333;
}
.search-submit {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    border: none;
}
/*--------------------------------------
  追尾
--------------------------------------*/
#tsnc-sidebar-tracking-widget.fixed {
    display: none;
}
#tsnc-sidebar-tracking-widget {
    overflow-y: auto;
    overflow-x: hidden;
}
@media (min-width: 1030px) {
    .sidebar,
    .left-side {
        display: flex;
    }
    .side aside,
    .side-in{
        height: 100%;
        min-height: 100%;
    }
}
@media (min-width: 1030px) {
    #tsnc-sidebar-tracking-widget.fixed {
        display: block;
    }
}
/*================================
    デザインパターン    検索欄
================================*/
/*--------------------------------------
  埋め込み
--------------------------------------*/
.entry-content .wp-block-embed {
    overflow: hidden;
}
.wp-block-embed {
    margin: 0 0 2em;
}
.wp-block-embed-youtube .wp-block-embed__wrapper {
    position: relative;
    height: 0;
    padding-top: 56.25%;
}
.wp-block-embed-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Twitter中央寄せ */
.aligncenter .twitter-tweet {
    margin-left: auto;
    margin-right: auto;
}
/* サイドバー　リアルタイム検索 */
.header-search-in-content .search-list-ul,
#content-in .search-list-ul {
    font-size: 12px;
    line-height: 1.8;
    box-shadow: 0 0 4px rgb(0 0 0 / 12%);
    margin-top: 5px;
}
.header-search-in-content .search-list-ul li,
#content-in .search-list-ul li {
    padding: 4px 0;
    margin: 0;
}
.header-search-in-content .search-list-ul a:after,
#content-in .search-list-ul a:after {
    font-weight: 600;
    font-family: "Font Awesome 5 Free";
    margin-left: 4px;
    content: "\f35d";
}
.header-search-in-content .search-list-ul {
    background: rgb(255 255 255 / 87%);
    margin: 4px 0 0;
    padding: 6px 12px;
    max-height: 50vh;
    overflow-y: scroll;
}
.header-search-in-content .search-field {
    font-size: 16px;
}
/* google map youtube 埋め込み */
.responsive_iframe {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.responsive_iframe iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe,
figure.wp-block-embed-youtube {
    height: 100% !important;
}
.wp-block-embed-youtube .wp-block-embed__wrapper {
    padding-top: 0;
}
/*****************************************

    11.フッター

******************************************/
#footer-in {
    display: flex;
    justify-content: space-between;
}
.footer-column  {
    flex-basis: 30%;
    padding: 16px 0;
}
.footer-title {
    font-size: 1.1em;
    line-height: 40px;
    border-bottom: 2px solid;
    position: relative;
}
.footer-in-under {
    text-align: center;
    color: #fff;
}
@media (min-width: 1030px) {
.footer-column {
    min-width: 336px;
}
#footer-in {
    flex-direction: row;
    flex-wrap: wrap;
}}
@media (max-width: 1029px) {
#footer-in {
    flex-direction: column;
}}
.footer-column .tagcloud{
    background-color: transparent;
    padding: 8px 0 0;
}
.footer-column div.widget_categories ul {
    padding: 8px 0;
    background-color: transparent;
}
.footer-column div.widget_categories ul li {
    border: none;
}
/*--------------------------------------
  ロゴ
--------------------------------------*/
.footer-in-under .footer-title {
    padding: 12px 0 0;
    border: none;
}
/*--------------------------------------
  フッターメニュー
--------------------------------------*/
.footer-container {
    display: flex;
    flex-direction: column;
}
.footer-container ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.footer-container .menu-item {
    display: inline-block;
}
.footer-container .menu-item a {
    display: inline-block;
    margin: 0.5em;
    padding: 0.25em 0.75em;
    border: 1px solid rgba(255,255,255, 0.38);
    border-radius: 4px;
    color: #fff;
    font-size: 0.8em;
    text-decoration: none;
    transition: background-color 0.3s;
    box-sizing: border-box;
}
.footer-container a:hover {
    background-color: rgba(255,255,255,0.2)
}
/*--------------------------------------
  スマホフッターメニュー
--------------------------------------*/
.mobile-footer-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    background: #fff;
}
.mobile-footer-menu-item {
    display: flex;
    min-height: 56px;
    margin: 0;
    padding-left: 0;
    border-top: 1px solid #eee;
    font-size: 12px;
    text-align: center;
    list-style: none;
    padding-bottom: env(safe-area-inset-bottom);
}
.mobile-footer-menu-item .menu-item {
    display: flex;
    position: relative;
    flex-basis: 100%;
    align-items: center;
}
.mobile-footer-menu-item a {
    width: 100%;
    line-height: 1;
}
.mobile-footer-menu-item a:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    content: "";
}
.mobile-footer-menu-item a:hover {
    text-decoration: none;
}
.mobile-footer-menu-item i {
    display: block;
    font-size: 2em;
    margin: 4px 0;
}
@media (min-width: 1030px) {
.mobile-footer-menu-margin {
    margin-bottom: 0;
}
.mobile-footer-menu {
    display: none;
}}
@media (max-width: 1029px) {
.mobile-footer-menu-margin {
    margin-bottom: 56px;
}}
/*フッター固定メニューをタップしたときに出てくる要素*/
.footer-menu-snsbox {
    display: flex;
    position: fixed;
    bottom: 0;
    z-index: 10;
    width: 100%;
    justify-content: center;
    padding: 8px;
    background: rgba(0,0,0,0.1);
    transform: translateY(100%);
    transition: transform 0.5s;
    box-sizing: border-box;
}
.footer-menu-snsbox .snsbtn {
    margin: 0 4px;
    line-height: 46px;
}
.footer-menu-snsbox .share-btn {
    margin: 0 4px;
    border-radius: 4px;
    text-align: center;
}
/*--------------------------------------
  上に戻る
--------------------------------------*/
.gotop {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid #fff;
    z-index: 9;
    box-sizing: border-box;
    color: #fff;
}
.gotop:hover {
    text-decoration: none;
}
@media (min-width: 1030px) {
.gotop {
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
}}
@media (max-width: 1029px) {
.gotop {
    bottom: calc(60px + env(safe-area-inset-bottom));
    right: 10px;
    width: 48px;
    height: 48px;
}}
/*--------------------------------------
  コピーライト
--------------------------------------*/
.copyright {
    margin-bottom: 0;
    font-size: .8em;
    padding: 4px 0;
}
/*--------------------------------------
  Scroll Hint対応（表を非レスポンシブに）
--------------------------------------*/
.wp-block-table.js-scrollable {
    overflow: auto;
    white-space: nowrap;
}

/*--------------------------------------
  code
--------------------------------------*/

.entry-content :not(.wp-block-code)>code {
    padding: 2px;
    border-radius: 2px;
    background: #f3f4f5;
}

/*--------------------------------------
  細字にするクラス名
--------------------------------------*/
.font-weight_500 {
    font-weight: 500;
}
/*--------------------------------------
  お問い合わせページ（Contact Form 7）
--------------------------------------*/
.wpcf7 {
    border-radius: 8px;
}
.wpcf7 * {
    box-sizing: border-box;
}
.wpcf7 label + br {
    display: none;
}
.wpcf7 label {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 14px;
}
.wpcf7 p {
    margin-bottom: 1em;
}
.wpcf7-text,
.wpcf7-textarea {
    width: 100%;
    line-height: 2;
    padding: 8px 12px;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    background-color: #fff;
    -webkit-appearance: none;
}
.wpcf7-text:focus,
.wpcf7-textarea:focus {
    border: 1px solid #b8b8b8;
    outline: none;
}
.wpcf7-textarea {
    resize: vertical;
}
.wpcf7-textarea,
.wpcf7-submit {
    font-family: "Helvetica","Arial",YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.wpcf7 *::placeholder {
    color: #bbb;
}
.wpcf7-select {
    padding: 8px;
    border: 1px solid #e8e8e8;
}
.wpcf7-checkbox span.wpcf7-list-item:first-child,
.wpcf7-radio  span.wpcf7-list-item:first-child {
    margin-left: 0;
}
.wpcf7-list-item label {
    font-weight: 500;
}
.wpcf7-submit {
    width: 100%;
    margin-top: 1em;
    padding: 12px;
    border: none;
    border-radius: 4px;
    color: #fff;
    background: #1a73e8;
    font-weight: 600;
    font-size: 16px;
    transition: opacity 0.3s;
    cursor: pointer;
    -webkit-appearance: none;
}
.wpcf7-submit:hover {
    opacity: 0.7;
}
div.wpcf7 .ajax-loader {
    display: block;
    width: 0;
    height: 0;
}
.wpcf7 i {
    margin-right: 4px;
}
.wpcf7-arbitrary,
.wpcf7-required {
    margin-left: 8px;
    padding: 0 12px;
    border-radius: 12px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
}
.wpcf7-required {
    background: #ec4848;
}
.wpcf7-arbitrary {
    background: #6ca3ea;
}
/*--------------------------------------
  下方向の余白設定
--------------------------------------*/
body *.margin-bottom-0 {
    margin-bottom: 0;
}
body *.margin-bottom-05 {
    margin-bottom: 1em;
}
body *.margin-bottom-15 {
    margin-bottom: 3em;
}
body *.margin-bottom-20 {
    margin-bottom: 4em;
}
/*--------------------------------------
  WPアソシエイトポスト
--------------------------------------*/
body[class*="copia-microcopy"] p.wpap-link {
    margin-top: 0;
}
body[class*="copia-microcopy"] .wpap-link a {
    position: relative;
    margin-top: 8px;
    text-align: center;
}
body[class*="copia-microcopy"] .wpap-tpl-with-detail .wpap-link {
    display: block;
}
body[class*="copia-microcopy"] .wpap-tpl-with-detail .wpap-link a {
    width: 34.5%;
}
body[class*="copia-microcopy"] .wpap-tpl-with-image-text-h .wpap-link a {
    width: 35%;
}
body[class*="copia-microcopy"] .wpap-tpl-with-image-text-v .wpap-link a {
    width: 30%;
}
.copia-microcopy-amazon .wpap-link-amazon:before {
    color: #f89400;
}
.copia-microcopy-rakuten a.wpap-link-rakuten:before {
    color: #be0000;
}
.copia-microcopy-yahoo a.wpap-link-yahoo:before {
    color: #d14615;
}
body[class*="copia-microcopy"] .wpap-link a:before {
    position: absolute;
    top: -17px;
    left: 0;
    width: 100%;
    height: 17px;
    font-weight: 600;
    font-size: 11px;
}
/* マイクロコピーの出方調整 */
.copia-microcopy-amazon .wpap-link a.wpap-link-amazon,
.copia-microcopy-rakuten .wpap-link a.wpap-link-rakuten,
.copia-microcopy-yahoo .wpap-link a.wpap-link-yahoo {
    margin-top: 22px;
}
/* sp */
@media screen and (max-width: 767px){
    body[class*="copia-microcopy"] .wpap-tpl p.wpap-link {
        flex-direction: column;
    }
    body[class*="copia-microcopy"] .wpap-tpl p.wpap-link a {
        width: 100%;
        box-sizing: border-box;
    }
    body[class*="copia-microcopy"] .wpap-tpl-with-image-text-h .wpap-link a {
        margin-bottom: 0;
    }
}