@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*--------------------------------------------------------
  All
--------------------------------------------------------*/

/* 背景・外枠非表示 */
body.body.custom-background {
    background-image: none;
/* 
    background: #ede7dc;
 */
    background: #fff;
}
.container {
    background: #f9f7f4;
}
body .main ,
body #sidebar .widget,
body #pgc-1262-1-0,
body [id^="panel-1262-1-1-"],
.category .ecb-entry-border .entry-card-wrap {
    border: none;
}

/* リンク */
a {
    text-decoration: none;
    color: #67b3d3;
}
a:hover {
    text-decoration: underline;
    color: #fdb357;
}
.article-list .entry-title a,
.classified-entries a,
.entry-read a,
.related-entry-read a,
.sga-ranking a,
.widget_new_entries a,
.widget_new_popular a,
.widget_popular_ranking a,
.widget-sidebar ul li a,
.wpp-list a {
    color: #555;
}

/* レイアウト */
.content {
    margin-top: 24px;
    margin-bottom: 24px;
}
.main {
    padding: 24px 32px;
    border: 1px solid #ddd;
}
.entry-content {
    margin-top: 1.5em;
}
.under-entry-content {
    margin-bottom: 3em;
}
#sidebar {
    padding: 0;
    border: none;
    background: transparent;
}

/* 2カラム化 */
.half-half {
    margin: 1em 0;
}
.half-l {
    float: left;
    box-sizing: border-box;
    width: 50%;
    padding-right: 10px;
}
.half-r {
    float: right;
    box-sizing: border-box;
    width: 50%;
    padding-left: 10px;
}
.half-l li {
    padding-right: 0.75em;
    border-right: 1px dotted #ddd;
}

/* ヘッダー */
.logo-image {
    line-height: 1;
    padding: 1em 0;
}

/* ヘッダーメニュー */
/* トップメニュー小(右寄せ)用 */
#header-container {
/* 
    box-shadow: 0px -5px 5px -5px #bbb inset;
 */
}
#header-container,
#header-container .navi {
/* 
    background-color: #ede7dc;
 */
    background-color: #fff;
}
.header-container-in.hlt-top-menu .logo-header {
    margin-top: 1em;
    margin-bottom: 1em;
}
#navi .navi-in a,
#navi .navi-in a:hover {
    color: #666;
}
.navi-in a {
    transition: initial;
}
#navi .navi-in a:hover {
    transition: initial;
    text-decoration: none;
    border-bottom: 2px solid #999;
    background-color: transparent;
}
.navi-in .has-icon {
    font-size: 1em;
    opacity: 1;
}
.navi-in > ul li {
    line-height: 50px;
    height: 50px;
}
.navi-in > ul .sub-menu {
/* 
    border: 1px solid #dcd0ba;
    background-color: #ede7dc;
 */
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 4px;
}
.navi-in > ul .sub-menu ul {
    top: -50px;
}
#navi .navi-in ul.sub-menu:hover {
    border-top: 2px solid #999;
    border-radius: 0 0 4px 4px;
}
#navi .navi-in ul.sub-menu a:hover {
    border-bottom: none;
/* 
    background-color: #f6f3ed;
 */
    background-color: #f3f3f3;
}
#navi .navi-in ul.sub-menu ul.sub-menu {
    top: -42px;
/* 
    border-top: 1px solid #dcd0ba;
 */
    border-top: 1px solid #ddd;
}
#navi .navi-in ul.sub-menu ul.sub-menu:hover {
    border-top: 2px solid #999;
}

/* フッター */
#footer {
    margin-top: 0;
/* 
    background: #ede7dc;
 */
    background: #fff;
/* 
    box-shadow: 0px 5px 5px -5px #bbb inset, 0px -5px 5px -5px #bbb inset;
 */
}
#footer,
#footer a,
.footer-title {
    color: #666;
}
.footer-bottom {
    margin-top: 0;
}

/* フッターメニュー */
.navi-footer-in > .menu-footer li {
    border-left: none;
}
.navi-footer-in > .menu-footer li:last-child {
    border-left: 1px solid #aaa;
    border-right: none;
}
.navi-footer-in a:hover {
    text-decoration-line: underline;
    background-color: transparent;
}

/* モバイルメニュー */
.mobile-menu-buttons .menu-icon {
    font-size: 30px;
}
.mobile-menu-buttons .menu-caption {
    display:none;
}
.menu-item,
#slide-in-sidebar {
    font-size: 15px;
}

/* アイコン */
.breadcrumb .fa-home,
.breadcrumb .fa-folder,
.breadcrumb .fa-file-o {
    display: none;
}
.breadcrumb .fa-folder::before {
    content: "\f07c";
}
.post-date .fa-clock-o::before,
.post-date .fa-history::before {
    content: "\f044";
}
.post-update .fa-history::before {
    content: "\f021";
}
.category .fa-folder::before {
    content: "\f07c";
}

/* パンくずリスト */
.breadcrumb {
    font-size: 1em;
    margin: 1em 0;
}
#breadcrumb a:hover {
    text-decoration: underline;
    color: #999;
}

/* トップへ戻るボタン */
.go-to-top {
    right: 10px;
    bottom: 30px;
}
.go-to-top-button {
    width: 50px;
    height: 50px;
    opacity: 0.7;
    color: #fff;
    border-radius: 50%;
    background: #333;
}
.go-to-top-button:hover {
    text-decoration: none;
    color: #fff;
}

/* 検索ボックス */
.search-box {
    margin: 0;
}
.search-box .search-edit {
    font-size: 1em;
    color: #777;
}
/*入力欄&検索ボタン強調無効化*/
.search-box .search-edit:focus,
.search-box .search-submit:focus {
    outline: 0;
    outline-offset: unset;
}

/* SNSボタン */
.sns-buttons a:hover {
    transition: initial;
    text-decoration: none;
    opacity: 0.5;
    color: var(--cocoon-sns-color);
}
.sns-share.ss-top .sns-share-buttons,
.sns-share.ss-bottom .sns-share-buttons,
.sns-follow.sf-bottom .sns-follow-buttons,
.sns-follow.sf-widget .sns-follow-buttons {
    flex-wrap: wrap;
    justify-content: center;
}
.sns-follow.sf-profile .sns-buttons a {
    border-radius: 50%;
}
.sns-follow.sf-bottom .sns-follow-buttons .follow-button,
.sns-follow.sf-widget .sns-follow-buttons .follow-button {
    font-size: 24px;
}
.sns-share.ss-top .sns-buttons a .button-caption,
.sns-share.ss-bottom .sns-buttons a .button-caption {
    display: none;
}
.sns-share.ss-top .sns-buttons a .share-count,
.sns-share.ss-bottom .sns-buttons a .share-count,
.sns-follow.sf-bottom .sns-buttons a .follow-count,
.sns-follow.sf-widget .sns-buttons a .follow-count {
    font-size: 10px;
    right: -2px;
    bottom: -2px;
    padding: 2px;
    border: solid 1px;
    border-radius: 3px;
    background-color: inherit;
}
.sns-share.ss-top .sns-buttons a .share-count:empty,
.sns-share.ss-bottom .sns-buttons a .share-count:empty,
.sns-follow.sf-bottom .sns-buttons a .follow-count:empty,
.sns-follow.sf-widget .sns-buttons a .follow-count:empty {
    padding: 0;
    border: 0;
}
/* 丸ボタン */
.sns-share.ss-top .sns-buttons a .social-icon,
.sns-share.ss-bottom .sns-buttons a .social-icon {
    font-size: 18px;
}
.sns-share.ss-top .sns-buttons a,
.sns-share.ss-bottom .sns-buttons a,
.sns-follow.sf-bottom .sns-buttons a,
.sns-follow.sf-widget .sns-buttons a {
    width: 40px;
    height: 40px;
    margin-right: 4px;
    margin-left: 4px;
    border-radius: 50%;
}
/* (トップシェアボタン)四角ボタン */
.sns-share.ss-top .sns-buttons a .social-icon {
    font-size: 18px;
}
.sns-share.ss-top .sns-buttons a {
    width: 40px;
    height: 40px;
    margin-right: 4px;
    margin-left: 4px;
    border-radius: 4px;
}
/*コピーボタン*/
/* 
.sns-share.ss-top .sns-buttons a.copy-button,
.sns-share.ss-bottom .sns-buttons a.copy-button {
    order: 1;
    width: 95%;
    color: #777;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #f7f7f7;
}
.sns-share.ss-top .sns-buttons a.copy-button .icon-copy::after,
.sns-share.ss-bottom .sns-buttons a.copy-button .icon-copy::after {
    font-family: sans-serif;
    font-size: 0.8em;
    margin-left: 0.4em;
    content: "この記事のタイトルとURLをコピーする";
    vertical-align: top;
}
.sns-share.ss-top .sns-buttons a.copy-button .button-caption,
.sns-share.ss-bottom .sns-buttons a.copy-button .button-caption {
    display: none;
}
 */
/* コピーボタン ダイアログ*/
.copy-info {
    z-index: 99;
}
/* モバイルボタン用 */
.share-menu-content .ss-mobile .sns-share-buttons a {
    width: 32%;
}
.ss-mobile .mastodon-share-button-sq,
.ss-mobile .misskey-share-button-sq,
.ss-mobile .pocket-share-button-sq,
.ss-mobile .pinterest-share-button-sq,
.ss-mobile .linkedin-share-button-sq,
.ss-mobile .comment-share-button-sq {
    display: none;
}
.ss-mobile .sns-share-buttons .twitter-share-button-sq,
.ss-mobile .sns-share-buttons .x-corp-share-button-sq,
.ss-mobile .sns-share-buttons .bluesky-share-button-sq,
.ss-mobile .sns-share-buttons .facebook-share-button-sq,
.ss-mobile .sns-share-buttons .hatebu-share-button-sq,
.ss-mobile .sns-share-buttons .pocket-share-button-sq,
.ss-mobile .sns-share-buttons .line-share-button-sq,
.ss-mobile .sns-share-buttons .copy-share-button-sq {
    font-size: 22px;
    color: #333;
    border: 2px solid #333;
    background-color: #fff;
}
.ss-mobile .sns-share-buttons .twitter-share-button-sq {
    color: #1da1f2;
    border-color: #1da1f2;
}
.ss-mobile .sns-share-buttons .x-corp-share-button-sq {
    color: #000;
    border-color: #000;
}
.ss-mobile .sns-share-buttons .bluesky-share-button-sq {
    color: #0085ff;
    border-color: #0085ff;
}
.ss-mobile .sns-share-buttons .facebook-share-button-sq {
    color: #3b5998;
    border-color: #3b5998;
}
.ss-mobile .sns-share-buttons .hatebu-share-button-sq {
    color: #2c6ebd;
    border-color: #2c6ebd;
}
.ss-mobile .sns-share-buttons .pocket-share-button-sq {
    color: #ef4056;
    border-color: #ef4056;
}
.ss-mobile .sns-share-buttons .line-share-button-sq {
    color: #00c300;
    border-color: #00c300;
}
/* 枠外縦並び */
.content {
    padding: 0 16px;
}
.sns-share.ss-top {
    position: fixed;
    z-index: 5;
    left: 6px;
    top: 35%;
    margin: 0;
    padding: 0;
    opacity: 0.7;
}
.sns-share.ss-top .sns-share-buttons {
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-flow: column;
}

@media screen and (max-width: 1023px) {
    .content {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
    }

    .sns-share.ss-top {
        display: none;
    }
}

/* カード全般 */
.a-wrap {
    transition: initial;
    color: #555;
}
.a-wrap:hover {
    transition: initial;
    text-decoration: none;
    color: #fdb357;
    background-color: #f7f7f7;
}

/* ブログカード */
.body .blogcard-wrap {
    width: 100%;
    margin-top: 3em;
    margin-bottom: 3em;
}
.blogcard {
    min-height: 125px;
    padding: 1em;
    border: 2px solid #ddd;
}
.blogcard::after {
    font-family: 'FontAwesome';
    font-size: 1.5em;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    height: 100%;
    padding: 0 0.5em;
    content: '\f138';
    color: #fff;
    background: #eee;
    align-items: center;
}
.blogcard-thumbnail {
    margin-top: 0;
}
.blogcard-thumbnail img {
    margin-right: 16px;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    object-fit: cover;
}
.blogcard-content {
    margin-left: 0;
    padding-right: 2.85em;
}
.blogcard-title {
    font-size: 1.1em;
    line-height: 1.4;
    margin-bottom: 0;
}
.blogcard-snippet {
    display: none;
}
.blogcard-footer {
    display: none;
}
/* ラベル全般 */
.blogcard::before {
    font-size: 0.9em;
    font-weight: 700;
    line-height: 1;
    padding: 2px 5px 1px;
    color: #aaa;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: transparent;
}
/* ラベル/外部リンク(external)/関連記事(internal) */
[class*='external-blogcard-wrap'] .blogcard-content,
[class*='internal-blogcard-wrap'] .blogcard-content {
    min-height: auto;
    margin-top: 0.4em;
}
/* ラベル/外部リンク(external) */
[class*='external-blogcard-wrap'] .blogcard::before {
    content: "外部リンク";
}
/* ラベル/関連記事(internal) */
[class*='internal-blogcard-wrap'] .blogcard::before {
    content: "関連記事";
}

/* Twitter */
.video-container,
.instagram-container,
.facebook-container,
.twitter-tweet,
.instagram-media {
    margin: 3em auto !important;
}

/* blockquote */
.article blockquote {
    margin-top: 1em;
    margin-bottom: 1em;
    border: 2px solid #ddd;
    border-radius: 4px;
}
/* 余白設定 */
.body blockquote .blogcard-wrap {
    margin-top: 1em;
    margin-bottom: 0;
}
.body blockquote .blogcard-wrap + p {
    margin-top: 1em;
    margin-bottom: 0;
}

/* Cocoon - 補足/疑問/注意枠 */
.body .information {
    margin-top: 3em;
    margin-bottom: 3em;
    border: 2px solid #c2e8f1;
    background-color: #f7fcfd;
}
.information::before {
    color: #b3e3ee;
}
.body .question {
    margin-top: 3em;
    margin-bottom: 3em;
    border: 2px solid #fee6aa;
    background-color: #fefcf6;
}
.question::before {
    color: #fdd778;
}
.body .alert {
    margin-top: 3em;
    margin-bottom: 3em;
    border: 2px solid #fdd9cb;
    background-color: #fef7f4;
}
.alert::before {
    color: #fcb498;
}
.information p:last-of-type,
.question p:last-of-type,
.alert p:last-of-type {
    margin-bottom: 0;
}
/* 余白設定 */
.information .blogcard-wrap,
.question .blogcard-wrap,
.alert .blogcard-wrap {
    margin-top: 1.5em;
    margin-bottom: 0;
}
.information .blogcard-wrap + p,
.question .blogcard-wrap + p,
.alert .blogcard-wrap + p {
    margin-top: 1.5em;
    margin-bottom: 0;
}

/* 外/標準/強調/注意/補足枠/予備枠 */
div[class*="-frame"] {
    margin-top: 3em;
    margin-bottom: 3em;
    padding: 1em;
    border-radius: 4px;
}
.o-frame {
    border: 2px solid #ddd;
}
.n-frame {
    border: 2px solid #ddd;
    background-color: #fbfbfb;
}
.em-frame {
    border: 2px solid #fed9ab;
    background-color: #fefdfb;
}
.nb-frame {
    border: 2px solid #fdb3a3;
    background-color: #fefbfb
}
.sup-frame {
    border: 2px solid #b3d9e9;
    background-color: #fbfdfe;
}
.aux-frame {
    border: 2px solid #bfe5d3;
    background-color: #fcfdfd;
}
/* タイトル枠 */
div.title-frame {
    position: relative;
    margin-top: 3.5em;
    background: transparent;
}
.title-frame .frame-title {
    font-size: 1.0625em;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    top: -9px;
    left: 8px;
    display: inline-block;
    padding: 0 8px;
    background: #fff;
}
/* タイトル枠 - アイコン*/
.title-frame .frame-title.amazon::before,
.title-frame .frame-title.att::before,
.title-frame .frame-title.sale::before {
    font-family: "FontAwesome";
    font-weight: 400;
    margin-right: 0.2em;
}
.title-frame .frame-title.amazon::before {
    content: "\f270";
}
.title-frame .frame-title.att::before {
    content: "\f05d";
}
.title-frame .frame-title.sale::before {
    content: "\f0c6";
}
.title-frame .frame-title.xmas::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 0.2em;
    content: "\f7aa";
}
/* 余白設定 */
div[class*="-frame"] p:first-of-type {
    margin-top: 0;
}
div[class*="-frame"] p:last-of-type {
    margin-bottom: 0;
}
div[class*="-frame"] div.list-title:first-of-type,
div[class*="-frame"] ul:first-of-type,
div[class*="-frame"] ol:first-of-type {
    margin-top: 0;
}
div[class*="-frame"] ul:last-of-type,
div[class*="-frame"] ol:last-of-type {
    margin-bottom: 0;
}
div[class*="-frame"] .blogcard-wrap {
    margin-top: 1.5em;
    margin-bottom: 0;
}
div[class*="-frame"] .blogcard-wrap + p {
    margin-top: 1.5em;
}

/* 情報枠 */
.list-column {
    margin-top: 1em;
    margin-bottom: 1em;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.list-column h3 {
    margin-top: 12px;
    margin-bottom: 0;
    padding: 0 16px 4px 16px;
    border-bottom: 2px solid #ddd;
}
.list-column h3.amazon::before {
    content: "\f270";
}
.list-column h3.sale::before {
    content: "\f0c6";
}
.list-column ul {
    margin: 0;
    padding: 0;
    text-indent: 0 !important;
}
.list-column li {
    list-style-type: none;
    border-bottom: 1px solid #ddd;
}
.list-column li:last-of-type {
    border-bottom: none;
}
.list-column li::before {
    display: none;
}
.list-column li a {
    display: block;
    padding: 8px 12px;
    text-decoration:none;
    color: #555;
}
.list-column li a:hover {
    color: #fdb357;
    background-color: #f7f7f7;
}
/* サイドバー */
.sidebar .list-column {
    margin-top: 0;
    margin-bottom: 0;
    border: none;
}
.sidebar .list-column h3 {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
}
.sidebar .list-column li {
    padding: 8px 0;
    border-bottom: 1px dotted #ddd;
}
.sidebar .list-column li:first-of-type {
    padding-top: 0;
}
.sidebar .list-column li:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
}
.sidebar .list-column li a {
    padding: 0;
}

/* 吹き出し */
/* Simplicity extension.css */
.left_balloon,
.left-balloon {
    position: relative;
    background: #fff;
    border: 1px solid #777;
    margin: 10px;
    padding: 10px;
    border-radius: 15px;
    margin-right: 20%;
    clear: both;
    max-width: 500px;
    float: left;
}
.left_balloon::after,
.left_balloon::before,
.left-balloon::after,
.left-balloon::before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.left_balloon::after,
.left-balloon::after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 7px;
    margin-top: -7px;
}
.left_balloon::before,
.left-balloon::before {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #000;
    border-width: 8px;
    margin-top: -8px;
}
.right_balloon,
.right-balloon {
    position: relative;
    background: #85e249;
    border: 1px solid #777;
    margin: 10px;
    padding: 10px;
    border-radius: 15px;
    margin-left: 20%;
    clear: both;
    max-width: 500px;
    float: right;
}
.right_balloon::after,
.right_balloon::before,
.right-balloon::after,
.right-balloon::before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.right_balloon::after,
.right-balloon::after {
    border-color: rgba(133, 226, 73, 0);
    border-left-color: #85e249;
    border-width: 7px;
    margin-top: -7px;
}
.right_balloon::before,
.right-balloon::before {
    border-color: rgba(119, 119, 119, 0);
    border-left-color: #777;
    border-width: 8px;
    margin-top: -8px;
}
.clear_balloon,
.clear-balloon{
  clear: both;
  margin: 20px;
}
/* カスタマイズ */
.balloon {
    position: relative;
    z-index: 1;
    clear: both;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 16px;
    border: 2px solid #ddd;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 0 #aaa;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.balloon.l {
    float: left;
}
.balloon.r {
    float: right;
}
.balloon::before {
    position: absolute;
    z-index: 2;
    top: 23px;
    width: 10px;
    height: 10px;
    content: '';
    border-right: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    background-color: #fff;
}
.balloon.l::before {
    left: -7px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.balloon.r::before {
    right: -7px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.balloon::after {
    position: absolute;
    content: '';
    border: 2px solid #fff;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    box-shadow: 0 0 4px #aaa;
}
.balloon.conv {
    width: auto;
    max-width: calc(100% - 200px);
}
.balloon.conv + .balloon.conv {
    margin-top: 8px;
}
.balloon.conv.c {
    display: table;
    max-width: calc(100% - 70px);
    margin-right: auto;
    margin-left: auto;
}
.balloon.conv.l {
    margin: 16px 0 16px 85px;
}
.balloon.conv.r {
    margin: 16px 85px 16px 0;
}
.balloon.conv.ext {
    width: calc(100% - 85px);
    max-width: calc(100% - 85px);
}
.balloon.conv::after {
    top: -8px;
    width: 70px;
    height: 70px;
}
.balloon.conv.c::before,
.balloon.conv.c::after {
    content: none;
}
.balloon.conv.l::after {
    left: -90px;
}
.balloon.conv.r::after {
    right: -90px;
}
.balloon.cmnt {
    width: calc(100% - 115px);
    min-height: 106px;
}
.balloon.cmnt + .balloon.cmnt {
    margin-top: 0;
}
.balloon.cmnt.l {
    margin: 2.5em 0 2.5em 115px;
}
.balloon.cmnt.r {
    margin: 2.5em 115px 2.5em 0;
}
.balloon.cmnt::after {
    top: 0;
    width: 100px;
    height: 100px;
}
.balloon.cmnt.l::after {
    left: -120px;
}
.balloon.cmnt.r::after {
    right: -120px;
}
.balloon-ico-suika13go::after {
    background-image:url(https://kininaruwatashi.com/wp-content/uploads/common/suika13go_icon_balloon_1708.png);
}
.balloon-ico-otto::after {
    background-image:url(https://kininaruwatashi.com/wp-content/uploads/common/otto_icon_balloon_1709.png);
}
.balloon-ico-dayko::after {
    background-image:url(https://kininaruwatashi.com/wp-content/uploads/common/dayko_icon_balloon_1709.png);
}

/*--------------------------------------------------------
  All レスポンシブデザイン
--------------------------------------------------------*/

@media screen and (max-width: 1023px) {
    /* 背景 */
    body.body.custom-background,
    .container {
        background: #fff;
    }

    /* レイアウト */
    main.main {
        margin: 0;
        border: none;
    }

    /* モバイルメニュー */
    .mobile-menu-buttons > li {
        padding: 8px 0;
    }
    /* サブメニュー3階層目矢印アイコン追加*/
    ul.sub-menu ul li a::before {
        font-family: "FontAwesome";
        margin-right: 0.2em;
        content: "\f105";
    }

    /* モバイルボタン用サイトロゴ */
    img.site-logo-image{
        visibility: hidden;
    }
    .logo-menu-button.menu-button{
        background-image: url(https://sk13g.com/wp-content/uploads/article/header_icon_suika_mob_2201.png);
        background-size: auto 44px;
        background-position: center;
        background-repeat: no-repeat;
    }
    /* 左寄せ */
    .logo-menu-button.menu-button{
        background-position: 4% 50%;
    }

    /* フッター */
    #footer {
        border-top: 1px solid #eee;
        background: #fff;
/* 
        box-shadow: 0px 5px 5px -5px #bbb inset, 0px -5px 5px -5px #bbb inset;
 */
    }
}

@media screen and (max-width: 834px) {
    /* レイアウト */
    main.main {
        padding: 20px 16px;
    }

    /* ブログカード */
    .blogcard {
        min-height: 103px;
    }
}

@media screen and (max-width:639px){
    /* 2カラム化 */
    .half-l,
    .half-r {
        float: none;
        width: auto;
        padding: 0;
    }
    .half-l {
        margin-bottom: 0;
    }
    .half-l li {
        padding-right: 0;
        border-right: none;
    }

    /* ブログカード */
    .blogcard::before,
    .blogcard::after {
        display: none;
    }
    .blogcard-content {
        padding-right: 0;
    }
}

@media screen and (max-width: 480px){
    /* レイアウト */
    main.main {
        padding: 16px 12px;
    }

    /* ブログカード */
    .blogcard {
        min-height: 95px;
        padding: 0.75em;
    }
    /* ラベル全般 */
    .blogcard::before {
        font-size: 0.7em;
    }
    /* ラベル/外部リンク(external)/関連記事(internal) */
    [class*='external-blogcard-wrap'] .blogcard-content,
    [class*='internal-blogcard-wrap'] .blogcard-content {
        min-height: auto;
    }

    /* Cocoon - 補足/疑問/注意枠 */
    .information,
    .question,
    .alert {
        padding-right: 0.75em;
        padding-bottom: 0.75em;
        padding-left: 0.75em;
    }

    /* 外/標準/強調/注意/補足枠/予備枠 */
    div[class*="-frame"] {
        padding: 0.75em;
    }

    /* 情報枠 */
    .list-column h3 {
        margin-top: 8px;
        padding: 0 12px 4px 12px;
    }
    .list-column li a {
        padding: 4px 8px;
    }

    /* 吹き出し */
    .balloon::before {
        top: 16px;
    }
    .balloon.conv {
        max-width: calc(100% - 80px);
        padding: 8px;
    }
    .balloon.conv + .balloon.conv {
        margin-top: 0;
    }
    .balloon.conv.c {
        max-width: calc(100% - 45px);
    }
    .balloon.conv.l {
        margin-left: 60px;
    }
    .balloon.conv.r {
        margin-right: 60px;
    }
    .balloon.conv::after {
        top: -2px;
        width: 45px;
        height: 45px;
    }
    .balloon.conv.l::after {
        left: -65px;
    }
    .balloon.conv.r::after {
        right: -65px;
    }
    .balloon.cmnt {
        width: calc(100% - 75px);
        min-height: 66px;
        padding: 8px;
    }
    .balloon.cmnt.l {
        margin-left: 75px;
    }
    .balloon.cmnt.r {
        margin-right: 75px;
    }
    .balloon.cmnt::after {
        width: 60px;
        height: 60px;
    }
    .balloon.cmnt.l::after {
        left: -80px;
    }
    .balloon.cmnt.r::after {
        right: -80px;
    }
}

/*--------------------------------------------------------
  Widget
--------------------------------------------------------*/

/* 余白 */
.main .widget {
    margin-bottom: 0;
}

/* 見出し */
#related-entries h2::before,
.widget h2::before,
.widget h3::before {
    font-family: "FontAwesome";
    font-weight: 400;
}
.widget h2::before,
.widget h3::before {
    margin-right: 0.2em;
}

/* アニメーション停止 */
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover {
    transition: initial;
}

/* サイドバーウィジェット */
#sidebar .widget {
    margin-bottom: 20px;
    padding: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
}
#sidebar ul,
#sidebar ol {
    padding-left: 0;
}
#sidebar li {
    padding-bottom: 8px;
    border-bottom: 1px dotted #ddd;
}
#sidebar li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
/* リンク */
.widget-sidebar ul li a {
    display: block;
}
.widget-sidebar ul li a:hover {
    text-decoration: none;
    color: #fdb357;
    background-color: #f7f7f7;
}
/* 見出し */
.sidebar h3 {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0 8px;
    border-bottom: 3px solid #ddd;
    border-radius: 0;
    background-color: transparent;
}
/* サイドバースクロール追従位置 */
.sidebar-scroll {
    top: 20px;
}

/* カテゴリドロップダウン */
/* 文字設定 */
.widget_categories select {
    font-size: 1em;
    color: #777;
}
/*強調無効化*/
.widget_categories select {
    outline: 0;
    outline-offset: unset;
}

/* カテゴリメニュー */
.widget_categories li.cat-item-1 {
    display: none;
}
.widget_categories h3::before {
    content: "\f115";
}
.widget_categories li a::before {
    font-family: "FontAwesome";
    margin-right: 0.4em;
    content: "\f105";
}
.widget_categories li li a::before {
    font-family: "FontAwesome" !important;
    font-size: 1em !important;
    content: "\f105" !important;
}
.widget_categories ul li{
    margin-bottom: 8px;
}
.widget_categories ul li a {
    padding: 8px;
}
.widget_categories ul.children li {
    margin-bottom: 0;
}
#sidebar .widget_categories ul.children {
    padding-left: 1.25em;
}

/* widget-above-single-content-title / widget-single-content-top */
/* 文字設定 */
.widget-above-single-content-title .textwidget p {
    line-height: 1.5;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.widget-above-single-content-title .textwidget p + ul,
.widget-above-single-content-title .textwidget p + ol,
.widget-above-single-content-title .textwidget ul + p,
.widget-above-single-content-title .textwidget ol + p {
    margin-top: 0.5em;
}
/* リスト */
.widget-above-single-content-title .textwidget ul ul,
.widget-above-single-content-title .textwidget ol ul {
    margin-left: 0;
    padding-left: 1.3em;
    text-indent: -1.3em;
}
.widget-above-single-content-title .textwidget ul ul > li::before,
.widget-above-single-content-title .textwidget ol ul > li::before {
    font-family: FontAwesome;
    font-size: 0.9em;
    content: '\f10c';
    color: #999;
}
/* リスト - ul */
.widget-above-single-content-title .textwidget ul {
    padding-left: 1.25em;
    text-indent: -1.25em;
}
.widget-above-single-content-title .textwidget ul > li {
    padding-bottom: 0.25em;
    list-style-type: none;
}
.widget-above-single-content-title .textwidget ul > li::before {
    font-family: FontAwesome;
    font-size: 0.9em;
    margin-right: 0.5em;
    content: '\f111';
    color: #999;
}
/* リスト - ol */
.widget-above-single-content-title .textwidget ol {
    padding: 0;
    padding-left: 1.3em;
    text-indent: -1.3em;
    list-style-type: none;
    counter-reset: number;
}
.widget-above-single-content-title .textwidget ol > li {
    padding-bottom: 0.25em;
}
.widget-above-single-content-title .textwidget ol > li::before {
    font-size: 0.5em;
    line-height: 1.5em;
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    margin-right: 0.5em;
    padding-left: 0;
    text-indent: 0;
    content: counter(number);
    counter-increment: number;
    text-align: center;
    vertical-align: middle;
    color: #555;
    border: 1px solid #777;
    border-radius: 50%;
    background: transparent;
}
/* リスト - チェックボックス */
.widget-above-single-content-title ul.checkbox {
    margin: 0;
}
.widget-above-single-content-title ul.checkbox {
    padding-left: 1.55em;
    text-indent: -0.75em;
    list-style: none;
}
.widget-above-single-content-title ul.checkbox > li::before {
    font-family: 'FontAwesome';
    font-size: 1em;
    display: inline-block;
    margin-right: 0.5em;
    content: '\f046';
    color: #555;
}
/* リスト - 比較 */
.widget-above-single-content-title ul.comparison {
    margin: 0;
}
.widget-above-single-content-title ul.comparison {
    padding-left: 1.55em;
    text-indent: -0.75em;
    list-style: none;
}
/* リスト - 全体リンク */
ul.link-whole {
    padding-left: 1em;
    text-indent: -0.5em;
}
ul.link-whole li::before {
    display: none;
}
ul.link-whole li a {
    display: block;
    text-decoration: none;
    color: #555;
}
ul.link-whole li a:hover {
    color: #fdb357;
    background-color: #f7f7f7;
}
ul.link-whole li i {
    font-size: 0.5em;
    margin-right: 0.5em;
    color: #999;
}
.widget-above-single-content-title .textwidget ul.link-whole {
    padding-left: 1em;
    text-indent: -0.5em;
}
/* カラム */
.widget-above-single-content-title .textwidget div.half-l{
    padding-right: 0;
}
.widget-above-single-content-title .textwidget div.half-r{
    padding-left: 0;
}
.widget-above-single-content-title .textwidget div.half-l li {
    border-right: 1px dotted #ddd;
}
.widget-above-single-content-title .textwidget div.half-l li{
    padding-right: 10px;
}
.widget-above-single-content-title .textwidget div.half-r li{
    padding-left: 10px;
}
/* 外/標準/強調/注意/補足枠/予備枠 */
.widget-above-single-content-title div[class*="-frame"],
.widget-single-content-top div[class*="-frame"] {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.widget-above-single-content-title div[class*="-frame"]:first-of-type {
    margin-top: 2.5em;
}
.widget-above-single-content-title div[class*="-frame"]:last-of-type {
    margin-bottom: 2.5em;
}
/* タイトル枠 */
.widget-above-single-content-title .title-frame {
    padding-bottom: 0.5em;
}
/* 情報枠 */
.widget-above-single-content-title .list-column {
    margin-top: 1.5em;
}
.widget-above-single-content-title .list-column:first-of-type {
    margin-top: 1em;
}
.widget-above-single-content-title .list-column:last-of-type {
    margin-bottom: 2.5em;
}
.widget-above-single-content-title .list-column h3 {
    font-size: 1.0625em;
    position: static;
    margin: 0;
    padding: 0.75em 0.75em 0.25em 0.75em;
    border-top: none;
    border-right: none;
    border-bottom: 3px solid #ddd;
    border-left: none;
}
.widget-above-single-content-title .list-column h3::after {
    display: none;
}
.widget-above-single-content-title .list-column ul {
    padding-left: 0;
}
/* 情報枠 */
/* 2カラム */
.widget-above-single-content-title .list-column::after {
    display: block;
    clear: both;
    content: '';
}
.widget-above-single-content-title .list-column li {
    float: left;
    clear: none;
    box-sizing: border-box;
    width: 50%;
    padding: 8px;
    border: none;
    border-bottom: 1px solid #ddd;
}
.widget-above-single-content-title .list-column li:nth-last-child(2),
.widget-above-single-content-title .list-column li:nth-last-child(1) {
    border-bottom: none;
}
.widget-above-single-content-title .list-column li:nth-child(odd) {
    border-right: 1px solid #ddd;
}
.widget-above-single-content-title .list-column li a {
    padding: 8px !important;
}
.widget-above-single-content-title .list-column a {
    height: 40px;
/*
    font-size: 1em;
    height: 42px;
*/
/*
    font-size: 0.9em;
    line-height: 1.5;
    height: 36px;
*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}
/* アイテムリスト枠 */
.widget-above-single-content-title .textwidget .item-list li {
    font-size: 0.95em;
}
.widget-above-single-content-title .textwidget .item-list li .ref {
    font-size: 0.55em;
    vertical-align: middle;
}
/* Amazonアソシエイトリンク ロゴ */
.widget-above-single-content-title .list-column li.amazon {
  background: url(/wp-content/plugins/amazonjs/images/amazonjs.png) right 4px bottom 4px / 5% no-repeat;
}
/* 景品表示法 指定告示 */
.textwidget .af-notice {
    font-size: 0.95em;
    margin: 1.5em 0;
    color: #777;
}

/*--------------------------------------------------------
  Widget レスポンシブデザイン
--------------------------------------------------------*/

@media screen and (max-width:639px){
    /* widget-above-single-content-title */
    /* カラム */
    .widget-above-single-content-title .textwidget div.half-l li {
        border-right: none;
    }
    .widget-above-single-content-title .textwidget div.half-l li{
        padding-right: 0;
    }
    .widget-above-single-content-title .textwidget div.half-r li{
        padding-left: 0;
    }
    /* 外/標準/強調/注意/補足枠/予備枠 */
    .widget-above-single-content-title div[class*="-frame"] {
        margin-top: 1.5em;
        margin-bottom: 1.5em;
    }
    .widget-above-single-content-title div[class*="-frame"]:first-of-type {
        margin-top: 2em;
    }
    .widget-above-single-content-title div[class*="-frame"]:last-of-type {
        margin-bottom: 2em;
    }
    /* 情報枠 */
    .widget-above-single-content-title .list-column {
        margin-top: 1em;
    }
    .widget-above-single-content-title .list-column:first-of-type {
        margin-top: 0;
    }
    .widget-above-single-content-title .list-column:last-of-type {
        margin-bottom: 1.5em;
    }
    .widget-above-single-content-title .list-column h3 {
        padding-right: 8px;
        padding-left: 8px;
    }
    .widget-above-single-content-title .list-column li a {
        padding: 4px 8px !important;
    }
    /* 情報枠 */
    /* 2列 */
    .widget-above-single-content-title .list-column::after {
        display: block;
    }
    .widget-above-single-content-title .list-column li {
        box-sizing: border-box;
        width: 100%;
        padding: 0 8px 4px 8px;
    }
    .widget-above-single-content-title .list-column li:last-of-type {
        border-bottom: none;
    }
    .widget-above-single-content-title .list-column li:nth-last-child(2) {
        border-bottom: 1px solid #ddd;
    }
    .widget-above-single-content-title .list-column li:nth-child(odd) {
        border-right: none;
    }
    /* 表示数制御 */
    /*
    .widget-above-single-content-title .list-column li:nth-child(n+5) {
        display: none;
    }
    */
    .widget-above-single-content-title .list-column a {
        height: auto;
        max-height: 40px;
    }
}

@media screen and (max-width: 480px){
    /* サイドバー */
    .sidebar h2,
    .sidebar h3 {
        font-size: 1.15em;
    }
}

/*--------------------------------------------------------
  Frontpage
--------------------------------------------------------*/

/* 非表示 */
.page-id-19375 .entry-title,
.page-id-19375 .eye-catch-wrap,
.page-id-19375 .widget-page-content-bottom.widget {
    display:none;
}

/* レイアウト */
.page-id-19375 .main {
    padding: 0;
}
.page-id-19375 .entry-content {
    margin-top: 0;
    margin-bottom: 0;
}

/* 見出し */
.page-id-19375 .article h3,
.page-id-19375 .main-widget-label {
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.8;
    margin: 0 0 8px 0;
    padding: 0 8px;
    border-bottom: 3px solid #ddd;
    border-left: none;
}
.page-id-19375 .article h3::after {
    border: none;
}
.page-id-19375 .article h3 a {
    text-decoration:none;
    color: #555;
}
.page-id-19375 .article h3 a:hover {
    text-decoration: underline;
    color: #fdb357;
}

/* 見出し アイコン */
.firetablet-list h3::before,
.tablet-list h3::before {
    content: "\f10a";
}
.peripheral-list h3::before {
    content: "\f0fe";
}
.setting-list h3::before {
    content: "\f013";
}
.general-setting-list h3::before {
    content: "\f013";
}
.child-setting-list h3::before {
    font-family: 'Font Awesome 5 Free';
    font-size: 0.95em;
    font-weight: 400;
    content: "\f4da";
}
.app-list h3::before {
    content: "\f009";
}
.firetv-list h3::before {
    content: "\f26c";
}
.amazonservice-list h3::before {
    content: "\f15d";
}
.amazonsale-list h3::before {
    content: "\f218";
}
.googleplay-list h3::before {
    font-family: 'Font Awesome 5 Brands';
    font-size: 0.9em;
    font-weight: 400;
    content: "\f3ab";
}
.things-list h3::before {
    content: "\f187";
}
.tech-list h3::before {
    content: "\f0c2";
}
.game-list h3::before {
    content: "\f11b";
}
.note-list h3::before {
    content: "\f040";
}
.main-widget-label::before {
    font-family: "FontAwesome";
    font-weight: 400;
    margin-right: 0.2em;
}
.widget_popular_entries .main-widget-label::before {
    content: "\f11d";
}
.widget_new_entries .main-widget-label::before {
    content: "\f0a2";
}

/* ウィジェット */
.page-id-19375 .main .widget {
    margin-bottom: 30px;
    padding: 16px;
}
.page-id-19375 .main ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}
.page-id-19375 .main ul > li::before {
    display: none;
}
.page-id-19375 .main li a {
    color: #555;
}
.page-id-19375 .main li a:hover {
    text-decoration: none;
    color: #fdb357;
    background-color: #f7f7f7;
}
/* 2カラム */
.page-id-19375 .main ul.wpp-list li,
.widget-page-content-bottom .widget-entry-cards .a-wrap {
    float: left;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 0;
    padding: 8px;
    border-bottom: 1px dotted #ddd;
}
.page-id-19375 .main ul.wpp-list li:nth-child(odd),
.widget-page-content-bottom .widget-entry-cards .a-wrap:nth-child(odd) {
    border-right: 1px dotted #ddd;
}
.page-id-19375 .main ul.wpp-list li:last-child,
.page-id-19375 .main ul.wpp-list li:nth-last-child(2):nth-child(odd),
.widget-page-content-bottom .widget-entry-cards .a-wrap:last-child,
.widget-page-content-bottom .widget-entry-cards .a-wrap:nth-last-child(2):nth-child(odd){
    border-bottom: none;
}
.page-id-19375 ul.wpp-list img {
    position: absolute;
    width: 120px;
    height: 68px;
    object-fit: cover;
}
.page-id-19375 .main ul.wpp-list li a+a {
    padding-left: 128px;
}
/* 文字省略 */
.page-id-19375 .main li a+a,
.widget-page-content-bottom .widget-entry-card-content {
    line-height: 1.4;
    min-height: 68px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}

@media screen and (max-width: 1023px) {
    /* レイアウト */
    .page-id-19375 .content {
        background: #fff;
    }
    .page-id-19375 .main {
        padding-top: 2em;
        margin-bottom: 3em;
    }
    /* 固定ページ本文下ウィジェット 表示 */
    .page-id-19375 .widget-page-content-bottom.widget {
        display: block;
    }
    /* 固定ページ本文下ウィジェット 順位非表示 */
    .page-id-19375 .widget-page-content-bottom.widget .widget-entry-cards.ranking-visible .card-thumb::before {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    /* ウィジェット */
    .page-id-19375 .main .widget {
        margin-bottom: 15px;
    }
    /* 2カラム 解除 */
    .page-id-19375 .main ul.wpp-list li,
    .widget-page-content-bottom .widget-entry-cards .a-wrap {
        width: 100%;
        margin-bottom: 8px;
        padding: 0 8px 8px 8px;
    }
    .page-id-19375 .main ul.wpp-list li:nth-last-child(2):nth-child(odd),
    .widget-page-content-bottom .widget-entry-cards .a-wrap:nth-last-child(2):nth-child(odd) {
        border-bottom: 1px solid #ddd;
    }
    .page-id-19375 .main ul.wpp-list li:nth-child(odd),
    .widget-page-content-bottom .widget-entry-cards .a-wrap:nth-child(odd) {
        border-right: none;
    }
    /* 文字省略解除 */
    .page-id-19375 .main li a+a,
    .widget-page-content-bottom .widget-entry-card-content {
        display: flex;
        overflow: visible;
    }
    /* 固定ページ本文下ウィジェット 順位表示 */
    .page-id-19375 .widget-page-content-bottom.widget .widget-entry-cards.ranking-visible .card-thumb::before {
        display: block;
    }
}

@media screen and (max-width: 480px){
    /* ウィジェット */
    .page-id-19375 .main .widget {
        padding: 8px;
    }
    /* 文字 */
    .page-id-19375 .main li a+a,
    .widget-page-content-bottom .widget-entry-card-content {
        line-height: 1.5;
    }
}

/*--------------------------------------------------------
  Toppage
--------------------------------------------------------*/

/* アイキャッチ非表示 */
.page-id-1262 .eye-catch-wrap{
    display:none;
}

/* レイアウト */
#pl-1262 {
    margin-bottom: 0;
}
.page-id-1262 .entry-content {
    margin-top: 0;
}
.page-id-1262 .article header {
    margin: 0;
}
.page-id-1262 #main {
    float: none;
    width: auto;
    max-width: 1276px;
    padding: 0;
    border: none;
    background-color: transparent;
}
.page-id-1262 #main .page {
    margin-bottom: 0px;
}
.page-id-1262 .entry-content {
    margin-bottom: 0px;
}
.page-id-1262 #sidebar {
    display: none;
}
.page-id-1262 #breadcrumb {
    display: none;
}
.page-id-1262 .entry-title {
    display: none;
}
.page-id-1262 #sns-group {
    display: none;
}
#pg-1262-0 {
    display: none;
    margin-bottom: 0 !important;
}

/* レイアウト2列 */
#main #pgc-1262-1-0 h3 {
    margin-bottom: 8px;
}
#pgc-1262-1-0 ul.wpp-list::after {
    display: block;
    clear: both;
    content: '';
}
#pgc-1262-1-0 ul.wpp-list li {
    float: left;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 0;
    padding: 8px;
    border-bottom: 1px dotted #ddd;
}
#pgc-1262-1-0 ul.wpp-list li:nth-child(odd) {
    border-right: 1px dotted #ddd;
}
#pgc-1262-1-0 ul.wpp-list li:last-child,
#pgc-1262-1-0 ul.wpp-list li:nth-last-child(2):nth-child(odd) {
    border-bottom: none;
}
.page-id-1262 ul.wpp-list img {
    width: 70px;
    height: 70px;
}
#pgc-1262-1-0 ul.wpp-list li a+a {
    min-height: 72px;
    padding-left: 78px;
}

/* サイトフッタ */
.page-id-1262 #footer-navi ul > li::before {
    display: inline-block;
    content: "|";
    padding: 0 0.6em;
}
.page-id-1262 #footer-navi ul > li:first-child::before{
    display: inline-block;
  content: "";
  padding: 0;
}

/* リスト */
.page-id-1262 ul {
    list-style-type: none;
}
.page-id-1262 ul > li::before {
    display: none;
}

/* ウィジェット */
[id^="panel-1262-1-"] {
    padding: 16px;
}
#pgc-1262-1-0 {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 68% !important;
    padding: 20px;
    border:1px solid #ddd;
    border-radius: 4px;
    background-color:#fff;
}
#pgc-1262-1-1 {
    position: relative;
    float: right;
    width: 30% !important;
}
[id^="panel-1262-1-1-"] {
    margin-bottom: 20px !important;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
}
.panel-last-child {
    margin-bottom: 0 !important;
}
.page-id-1262 #main .entry-content h3 {
    margin: 0 0 10px 0;
    padding: 0 8px;
    border-bottom: 3px solid #ddd;
    border-left: none;
}
.page-id-1262 .entry-content h3::after {
    border: none;
}
.page-id-1262 .widget li a {
    display: block;
}
.page-id-1262 .widget li a:hover {
    text-decoration: none;
    color: #fdb357;
    background-color: #f7f7f7;
}
.page-id-1262 div[class*="-list"] li a:last-child {
    min-height: 75px;
}
#pgc-1262-1-0 .widget_metaslider_widget {
    padding: 0;
    border: none;
}
.page-id-1262 #main .sga-ranking {
    margin-top: 0;
    margin-bottom: 0;
    border: none;
}
.page-id-1262 #main .sga-ranking li {
    margin-bottom: 8px;
    padding: 0 8px 8px 8px;
}
.page-id-1262 #main .sga-ranking li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}
.page-id-1262 #main .sga-ranking a+a {
    line-height: 1.5;
    min-height: 70px;
    white-space: normal;
    text-overflow: ellipsis;
}
.page-id-1262 #main .popular-posts {
    padding: 16px;
}
.page-id-1262 #main .sga-ranking h3,
.page-id-1262 #main .popular-posts h3 {
    margin-top: 0;
}

/* ウィジェットサムネイル小 */
.page-id-1262 .wpp-list img {
    width: 50px;
    height: 50px;
}
.page-id-1262 div[class*="-list"] li a:last-child {
    min-height: 50px;
}

/* ウィジェット見出し */
#post-1262 h3 a{
    text-decoration:none;
    color: #555;
}
#post-1262 h3 a:hover{
    text-decoration: underline;
    color:#fdb357;
}

/* ウィジェット文字 */
#pgc-1262-1-0 li a {
    font-weight: 700;
}

/* ウィジェット文字省略 */
#pgc-1262-1-0 li a,
.page-id-1262 #main .popular-entry-card-title,
.page-id-1262 #main .new-entry-card-title,
.page-id-1262 #main .sga-ranking a+a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/* ウィジェット記事タイトル中央揃え */
/* 
.page-id-1262 .widget li a + a {
    display: flex;
    padding-left: 58px;
    align-items: center;
}
 */

/* 順位表示 */
.page-id-1262 #main .popular-list li::before {
    width: auto;
    height: auto;
}
.page-id-1262 #main .popular-list li::before {
    font-family: Arial;
    line-height: 1;
    top: 0;
    left: 8px;
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    color: #fda675;
    border: solid 2px #fda675;
    border-radius: 4px;
    background: none repeat scroll 0 0 #fff;
}

/* 人気記事/新着記事ウィジェット */
.page-id-1262 .widget_popular_entries .popular-entry-cards,
.page-id-1262 .widget_new_entries .new-entry-cards {
    margin-top: 0;
    margin-bottom: 0;
}
.page-id-1262 .widget-entry-card:hover {
    color: #fdb357;
    background-color: #f7f7f7;
}
.page-id-1262 .widget-entry-cards .a-wrap {
    margin-bottom: 8px;
    padding: 0 8px 8px 8px;
    border-bottom: 1px dotted #ddd;
}
.page-id-1262 .widget-entry-cards .a-wrap:hover {
    background-color: transparent;
}
.page-id-1262 .widget-entry-cards .a-wrap:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.page-id-1262 .widget-entry-cards figure {
    width: 70px;
}
.page-id-1262 .widget-entry-card-thumb {
    margin-top: 0;
}
.page-id-1262 .widget-entry-card-thumb img {
    position: absolute;
    width: 70px;
    height: 70px;
    margin: 0 8px 0 0;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    object-fit: cover;
}
.page-id-1262 .widget-entry-card-content {
    line-height: 1.4;
    min-height: 69px;
    display: block;
    margin-left: 78px;
}
/* 順位表示 */
.page-id-1262 .widget-entry-cards.ranking-visible .card-thumb::before {
    font-weight: 700;
    padding: 2px;
    opacity: 1;
    color: #fda675;
    border: solid 2px #fda675;
    border-radius: 4px;
    background-color: #fff;
}
.page-id-1262 .widget-entry-cards.ranking-visible .no-1 .card-thumb::before,
.page-id-1262 .widget-entry-cards.ranking-visible .no-2 .card-thumb::before,
.page-id-1262 .widget-entry-cards.ranking-visible .no-3 .card-thumb::before {
    background: #fff;
}

@media screen and (max-width: 480px) {
    /* 人気記事/新着記事ウィジェット */
    .page-id-1262 .widget-entry-card {
        font-size: 15px;
    }
    .page-id-1262 .widget-entry-cards figure {
        width: 50px;
    }
    .page-id-1262 .widget-entry-card-thumb img {
        width: 50px;
        height: 50px;
    }
    .page-id-1262 .widget-entry-card-content {
        min-height: 50px;
        margin-left: 58px;
    }
    /* 順位表示 */
    .page-id-1262 .widget-entry-cards.ranking-visible .card-thumb::before {
        font-size: 0.8em;
        padding: 0;
    }
}

/*--------------------------------------------------------
  Toppage レスポンシブデザイン
--------------------------------------------------------*/

@media screen and (max-width: 1023px) {
    .page-id-1262 #main {
        width: auto;
        background-color:#fff;
    }
    /* 広告/メニュー重なり回避用余白 */
    .page-id-1262 .entry-content {
        margin-top: 30px;
    }
    #pg-1262-1,
    #pgc-1262-1-0,
    #pgc-1262-1-1,
    #pgc-1262-1-2 {
        margin-bottom: 30px;
    }
    #pg-1262-1 {
        display: inline-block;
    }
    #pgc-1262-1-0,
    #pgc-1262-1-1 {
        float: left;
        width: 100% !important;
    }
    #pgc-1262-1-0 {
        padding: 0;
    }
    [id^="panel-1262-1-1-"] {
        margin-bottom: 30px !important;
    }
    .#pgc-1262-1-1 .widget_categories {
        display: none;
    }
    .so-panel:last-child {
        margin-bottom: 0 !important;
    }

    /* レイアウト1列 */
    #pgc-1262-1-0 ul.wpp-list li {
        width: 100%;
    }
    #pgc-1262-1-0 ul.wpp-list li:first-of-type {
        padding-top: 0;
    }
    #pgc-1262-1-0 ul.wpp-list li:nth-child(odd) {
        border-right: none;
    }
    #pgc-1262-1-0 ul.wpp-list li:last-child,
    #pgc-1262-1-0 ul.wpp-list li:nth-last-child(2):nth-child(odd) {
        border-bottom: 1px dotted #ddd;
    }
    #pgc-1262-1-0 ul.wpp-list li:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }

    /* ウィジェット */
    [id^="panel-1262-1-"] {
        border: none;
    }
    #pgc-1262-1-0 {
        border: none;
    }
    .page-id-1262 #main .popular-entry-card-title,
    .page-id-1262 #main .new-entry-card-title,
    .page-id-1262 #main .sga-ranking a+a {
        font-weight: 700;
    }
}

@media screen and (max-width: 480px){
    /* レイアウト */
    .page-id-1262 #main {
        width: auto;
        border-top:1px solid #ddd;
    }
    #pg-1262-1,
    #pgc-1262-1-0,
    #pgc-1262-1-1,
    #pgc-1262-1-2 {
        margin-bottom: 15px !important;
    }
    .so-panel {
        margin-bottom: 15px !important;
        background-color: #fff;
    }

    /* レイアウト1列 */
    .page-id-1262 ul.wpp-list img {
        width: 50px;
        height: 50px;
    }
    #pgc-1262-1-0 ul.wpp-list li a+a {
        min-height: 50px;
        padding-left: 58px;
    }

    /* ウィジェット */
    [id^="panel-1262-1-"] {
        padding: 8px;
    }
    #pgc-1262-1-0 {
        padding: 0;
    }
    .page-id-1262 .wpp-list li:last-child {
        margin-bottom: 0;
    }
    .page-id-1262 .wpp-list img {
        height: 50px;
        width: 50px;
    }
    .page-id-1262 div[class*="-list"] li a:last-child {
        min-height: 50px;
    }
    .page-id-1262 #main .popular-posts {
        padding: 8px;
    }
    .page-id-1262 #main .popular-posts h3 {
        margin-bottom: 8px;
    }
    .page-id-1262 #main .popular-list li {
        border-bottom: 1px dotted #ddd;
    }
    .page-id-1262 #main .popular-list li:last-child {
        border-bottom: none;
    }
    .page-id-1262 #main .sga-ranking a+a {
        min-height: 50px;
    }

    /* 最上段 Google AdSense用 */
    #panel-1262-1-0-0.so-panel {
        margin-bottom: 0 !important;
    }
}

/*--------------------------------------------------------
  Page / Index / Archive
--------------------------------------------------------*/

/* 次のページ非表示 */
.pagination-next {
    display: none;
}

/* ページネーション */
.pagination a:hover {
    transition: initial;
    text-decoration: none;
    color: #fdb357;
    border: solid 1px #ddd;
    background-color: #f7f7f7;
}

/* エントリーカード */
/* デザイン */
.ecb-entry-border .entry-card-wrap {
    border: 1px solid #ddd;
    border-radius: 4px;
}
.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
    border: 1px solid #f3f3f3;
    border-radius: 4px;
}
.entry-card-info > * {
    font-size: 0.8em;
    color: #999;
}
/* ラベル非表示 */
.entry-card .cat-label {
    display:none;
}
/* 抜粋非表示 */
.entry-card-snippet {
    display:none;
}

/* 固定ページ */
/* 日付非表示 */
.type-page .date-tags {
    display:none;
}
/* 記事を読む時間非表示 */
.type-page .read-time {
    display:none;
}

/* アーカイブページ */
/* タイトルアイコン */
h1.archive-title .fa-folder-open:before {
    content: "\f115";
}

/* プロフィールページ */
.page-id-512 .article h2:first-of-type {
    margin-top: 1em;
}

/*--------------------------------------------------------
  Article
--------------------------------------------------------*/

/* 記事ヘッダー */
.article-header {
    display: flex;
    flex-direction: column;
}

/* date-tags */
.article .date-tags {
    overflow: hidden;
    order: -1;
    margin: 1em 0.25em 0 0.25em;
    text-align: left;
    color: #999;
}
.article .post-date,
.article .post-update {
    font-size: 0.8em;
}

/* 記事を読む時間 */
.article .read-time {
    font-size: 0.8em;
    line-height: 0.8;
    position: absolute;
    right: 0;
    margin: 1.2em 2.5em 0 0;
    color: #999;
    border: none;
}
.article .read-time span.bold {
    font-weight: 400;
}

/* フォント/文字/改行 */
.br-pc {
    display: inline !important;
}
.br-rsp {
    display: none !important;
}
.br-sp {
    display: none !important;
}
.br-tb {
    display: none !important;
}
.article p {
    margin-bottom: 1em;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.article p.nrw {
    line-height: 1.5;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.article h1 {
    font-size: 1.625em;
}
.article h2 {
    font-size: 1.375em;
}
.article h3 {
    font-size: 1.25em;
}
.article h4 {
    font-size: 1.125em;
}

/* 見出し */
.article h2 {
    margin: 5.5em -5px 1em -5px;
    padding: 0.8em 0.4em 0.6em;
    border-top: 4px solid #ede7dc;
    border-bottom: 4px solid #ede7dc;
    background: transparent;
}
.article h2:first-of-type {
    margin-top: 3em;
}
.article h2 + div,
.article h2 + div.block-box,
.article h2 + table,
.article h2 + p + div,
.article h2 + p > img:first-of-type {
    margin-top: 2em;
}
.article h3 {
    position: relative;
    margin: 4.5em -5px 1em -5px;
    padding: 0.25em 0.5em;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: 6px solid #e4dbcb;
}
.article h3::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    content: '';
    border-bottom: 2px solid #e4dbcb;
}
.article h2 + h3 {
    margin-top: 2em;
}
.article h3 + div,
.article h3 + div.block-box,
.article h3 + table,
.article h3 + p + div,
.article h3 + p > img:first-of-type {
    margin-top: 2em;
}
/* 
.article h2 ~ p + h3 {
    margin-top: 3.5em;
}
 */
.article h4 {
    position: relative;
    margin: 4em -5px 20px -5px;
    padding: 0.25em 0.5em 0 0.5em;
    border: none;
}
.article h4::before,
.article h4::after {
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    content: '';
}
.article h4::before {
    z-index: 2;
    width: 15%;
    background-color: #e4dbcb;
}
.article h4::after {
    width: 100%;
    background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #e4dbcb 2px, #e4dbcb 4px);
    background:         repeating-linear-gradient(45deg, #fff, #fff 2px, #e4dbcb 2px, #e4dbcb 4px);
}
.article h3 + h4 {
    margin-top: 2em;
}
/* 
.article h3 ~ p + h4 {
    margin-top: 3em;
}
 */

/* 文字アイコン */
.ref {
    font-weight: 700;
    margin-right: 0.5em;
    padding: 1px 5px 0;
    color: #fdb357;
    border: 1px solid #fdb357;
    background-color: transparent;
}
span.link-txt {
    display: inline-block;
    padding-left: 1.3em;
    text-indent: -1.3em;
}
span.link-txt::before {
    vertical-align: middle;
    margin-right: 0.35em;
    font-family: "FontAwesome";
    font-size: 1.0625em;
    content: "\f138";
    vertical-align: middle;
    color: #bbb;
}
/* 先頭文字消える */
span.icon-official::before,
span.icon-referred::before {
    font-size: 12px;
    font-weight: 700;
    margin-right: 0.25em;
    padding: 2px 3px 3px;
    color: #fdb357;
    border: 1px solid #fdb357;
    border-radius: 2px;
    background-color: transparent;
}
span.icon-official::before {
    content: "公式";
}
span.icon-referred::before {
    content: "参考";
}

/* インデントアイコン */
div.ico-ind-2char,
div.ico-ind-3char,
div.ico-ind-4char,
div.ico-ind-wiki {
    line-height: 1.5;
    margin-top: 0.5em;
}
div.ico-ind-2char {
    padding-left: 2.6em;
    text-indent: -2.6em;
}
div.ico-ind-3char {
    padding-left: 3.35em;
    text-indent: -3.35em;
}
div.ico-ind-4char {
    padding-left: 4.1em;
    text-indent: -4.1em;
}
div.ico-ind-wiki {
    padding-left: 5.1em;
    text-indent: -5.1em;
}
div.ico-ind-2char:first-of-type,
div.ico-ind-3char:first-of-type,
div.ico-ind-4char:first-of-type,
div.ico-ind-wiki:first-of-type {
    margin-top: 0;
}
div.frame-title + div.ico-ind-2char,
div.frame-title + div.ico-ind-3char,
div.frame-title + div.ico-ind-4char,
div.frame-title + div.ico-ind-wiki {
    margin-top: 0;
}

/* リスト下アイコン設定 */
li .ref {
    margin-right: 0.25em;
    padding: 1px 3px;
}

/* 文字装飾 */
.fs{
  font-size: 0.9em;
}
.fh4{
  font-size: 1.125em;
}
.fh3{
  font-size: 1.25em;
}
.large{
  font-size: 1.5em;
}
.orange {
    color: #fdb357;
}
.red {
    color: #fc947e;
}
.blue {
    color: #67b3d3;
}
.marker-orange,
.marker-red,
.marker-blue,
.marker-yellow,
.marker-under-orange,
.marker-under-red,
.marker-under-blue,
.marker-under-yellow,
.marker-stripe-orange-yellow {
    padding: 0 0.1em;
/* 
    border-radius: 2px;
 */
}
.marker-orange {
    background-color: rgba(254,230,170,0.6)
}
.marker-red {
    background-color: rgba(252,180,152,0.6)
}
.marker-blue {
    background-color: rgba(179,227,238,0.6)
}
.marker-yellow {
    background-color: rgba(255,242,99,0.6)
}
.marker-under-orange {
    background: linear-gradient(transparent 60%, #feedc3 60%);
}
.marker-under-red {
    background: linear-gradient(transparent 60%, #fccab6 60%);
}
.marker-under-blue {
    background: linear-gradient(transparent 60%, #c9ebf3 60%);
}
.marker-under-yellow {
    background: linear-gradient(transparent 60%, #fff591 60%);
}
.marker-stripe-orange-yellow {
    font-weight: 700;
    background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 0px, #fee6aa 3px, #ffffb3 6px);
    background: repeating-linear-gradient(45deg, #fff, #fff 0px, #fee6aa 3px, #ffffb3 6px);
}
.keyboard-key {
    margin: 0 0.2em;
    padding-bottom: 0;
    white-space: nowrap;
    box-shadow: 1px 1px 1px #ddd;
}

/* 投稿ページ画像外枠 */
.entry-content>p>img,
.entry-content>p>a>img,
.entry-content>.hover-image img {
    border: 1px solid #eee;
    border-radius: 4px;
}

/* 画像余白設定 */
p>img,
.wp-caption,
.copyright-img,
.copyright-img>.wp-caption {
    margin-top: 3em;
    margin-bottom: 3em;
}
.entry-content>p>img:first-child,
.entry-content>.wp-caption:first-child,
.entry-content>.copyright-img:first-child,
.entry-content>.copyright-img>.wp-caption:first-child {
    margin-top: 0;
    margin-bottom: 0;
}

/* 画像間br削除 */
.wp-caption + br {
    display: none;
}

/* 画像キャプション設定 */
.wp-caption {
    padding-top: 0;
    border: none;
    border-radius: 4px;
    background-color: transparent;
}
.wp-caption img {
    vertical-align: bottom;
    border: 1px solid #eee;
    border-radius: 4px;
}
.wp-caption .wp-caption-text {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0.5em 1em;
    text-align: left;
}

/* コピーライト画像/CopyrightImage */
.copyright-img p.wp-caption-text {
    display: block;
}

/* リスト */
ul,
ol {
    padding: 0;
}
.article ul,
.article ol {
    line-height: 1.5;
}
.entry-content ul,
.entry-content ol {
    margin-top: 1em;
    margin-bottom: 1em;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.article ul li,
.article ol li {
    margin: 0;
}

/* リスト - リスト+p */
p + ul,
p + ol,
ul + p,
ol + p {
    margin-top: 1em;
}

/* リスト - class */
.entry-content ol li.kerning {
    padding-bottom: 0;
}
.entry-content li.mark-del::before,
.entry-content li.mark-paddingLeft-del::before {
    display: none;
}
.entry-content li.mark-paddingLeft-del {
    padding-left: 0;
}

/* リスト - タイトル */
div.list-title {
    font-size: 1em;
    font-weight: 700;
    margin-top: 1em;
    margin-bottom: 0;
    text-align: left;
}

/* リスト - タイトル+リスト */
div.list-title + ul,
div.list-title + ol {
    margin-top: 0;
    margin-left: 1em;
}

/* リスト - ul */
.entry-content ul {
    position: relative;
    padding-left: 1.25em;
}
.entry-content ul > li {
    padding-bottom: 0.25em;
    list-style-type: none;
}
.entry-content ul > li::before {
    font-family: FontAwesome;
    font-size: 0.95em;
    position: absolute;
    left: 0;
    content: '\f111';
    color: #aaa;
}
.entry-content ul > li:last-of-type {
    padding-bottom: 0;
}
.entry-content ul ul,
.entry-content ul ol {
    margin: 0;
    padding-left: 0;
}
.entry-content ul ul > li,
.entry-content ol ul > li {
    position: relative;
    padding-left: 1em;
}
.entry-content ul ul > li::before,
.entry-content ol ul > li::before {
    font-family: FontAwesome;
    font-size: 0.8em;
    position: absolute;
    top: 0.2em;
    left: 0;
    content: '\f10c';
    color: #999;
}

/* リスト - ol */
.entry-content ol {
    padding: 0;
    list-style-type: none;
    counter-reset: number;
}
.entry-content ol > li {
    position: relative;
    padding-bottom: 0.25em;
    padding-left: 1.75em;
}
.entry-content ol > li::before {
    font-size: 0.8em;
    position: absolute;
    left: 0;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    content: counter(number);
    counter-increment: number;
    text-align: center;
    color: #555;
    border: 1px solid #777;
    border-radius: 50%;
    background: transparent;
}
.entry-content ol > li:last-of-type {
    padding-bottom: 0;
}
.entry-content ol ul,
.entry-content ol ol {
    margin: 0;
    padding-left: 0;
}
.entry-content ul ol > li,
.entry-content ol ol > li {
    padding-left: 1.5em;
}
.entry-content ul ol > li::before,
.entry-content ol ol > li::before {
    font-size: 1em;
    content: counter(number)'.';
    border: none;
}
.entry-content td > ul,
.entry-content td > ol {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
}
.entry-content td > ul li {
    list-style-type: disc;
}
.entry-content td > ul li::before {
    display: none;
}

/* リスト - チェックボックス */
ul.checkbox {
    margin: 1em 0;
}
.entry-content ul.checkbox {
    padding-left: 1.45em;
    list-style: none;
    text-indent: 0;
}
.entry-content ul.checkbox > li::before {
    font-family: 'FontAwesome';
    font-size: 1em;
    display: inline-block;
    margin-right: 0.5em;
    content: '\f046';
    color: #555;
}

/* リスト - 比較 */
ul.comparison {
    margin: 1em 0;
}
.entry-content ul.comparison {
    padding-left: 1.45em;
    list-style: none;
    text-indent: 0;
}
ul.comparison > li.pos::before {
    font-family: 'FontAwesome';
    font-size: 1em;
    display: inline-block;
    margin-right: 0.5em;
    content: '\f10c';
    color: #555;
}
ul.comparison > li.neg::before {
    font-family: 'FontAwesome';
    font-size: 1em;
    display: inline-block;
    margin-right: 0.5em;
    content: '\f00d';
    color: #555;
}
ul.comparison > li.excl::before {
    font-family: 'FontAwesome';
    font-size: 0.9em;
    display: inline-block;
    margin-right: 0.5em;
    content: '\f071';
    text-align: center;
    vertical-align: middle;
    color: #555;
}
ul.comparison > li.chk::before {
    font-family: 'FontAwesome';
    font-size: 1em;
    display: inline-block;
    margin-right: 0.5em;
    content: '\f00c';
    text-align: center;
    vertical-align: middle;
    color: #555;
}

/* リスト - リンク */
.entry-content ul.link-mk {
    padding-left: 1.3em;
}
.entry-content ul.link-mk li::before {
    font-family: "FontAwesome";
    font-size: 1.0625em;
    content: "\f138";
    color: #bbb;
}

/* リスト - 関連記事/参考 */
.entry-content ul.related,
.entry-content ul.referred {
    margin-top: 3.5em;
    margin-bottom: 3em;
    padding: 1em 1em 1em 2.25em;
    border: 2px solid #ddd;
    border-radius: 4px;
}
.entry-content ul.related li::before,
.entry-content ul.referred li::before {
    font-family: "FontAwesome";
    font-size: 1.0625em;
    position: absolute;
    left: 0.9em;
    content: "\f138";
    color: #bbb;
}
.entry-content ul.related li::after,
.entry-content ul.referred li::after {
    font-family: "FontAwesome",'Avenir','Arial',sans-serif;
    font-size: 1.0625em;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    top: -15px;
    left: 16px;
    display: inline-block;
    padding: 6px 8px 4px;
    color: #777;
    border-radius: 8px;
    background: #fff;
}
.entry-content ul.related li::after {
    content: "\f0c5  関連記事";
}
.entry-content ul.referred li::after {
    content: "\f02d  参考";
}

/* テーブル */
.table {
    margin-top: 3em;
    margin-bottom: 3em;
}
/* スクロール */
.table-scroll {
    margin-top: 3em;
    margin-bottom: 3em;
    overflow: auto;
    white-space: nowrap;
}
.table-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    height: 16px;
}
.table-scroll::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #ddd;
}
.article .table-scroll table {
    margin-top: 0;
    margin-bottom: 0.75em;
}
.article .table-scroll figure.table {
    margin-top: 0;
    margin-bottom: 0.5em;
}
.article .table-scroll table caption {
    text-align: left;
}
/* マウスオーバー/行 */
tr:hover {
    background-color: #f7f7f7 !important;
}
th:hover,
td:hover {
    outline: 2px solid #bbb;
    outline-offset: -2px;
    background-color: #eff7fa;
}
/* マウスオーバー/列 - 1列目固定と併用不可 */
/* 
table {
    overflow: hidden;
}
td,
th {
    position: relative;
}
th:hover::after,
td:hover::after {
    position: absolute;
    z-index: -1;
    top: -100vh;
    left: 0;
    width: 100%;
    height: 200vh;
    content: "";
    background-color: #f7f7f7;
}
 */
/* 1列目固定 - マウスオーバー/列と併用不可 */
.table-scroll tr > th:first-child {
    position: sticky;
    position: -webkit-sticky;
    z-index: 2;
    left: 0;
}
.table tr:first-of-type th,
.table-scroll tr:first-of-type th {
    outline: none;
    background-color: #f7f7f7;
}
/* タイトル固定 - マウスオーバー/列と併用不可 */
.table-scroll caption {
    display: block;
    position: sticky;
    position: -webkit-sticky;
    z-index: 2;
    left: 0;
}
/* 余白/左右中央揃え */
.article table {
    margin: 3em auto;
}
/* 配色/文字 */
.article th,
.article td {
    font-size: 0.95em;
    line-height: 1.5;
    text-align: center;
    border: 1px solid #ddd;
}
table th {
    background-color: #f7f7f7;
}
table tr:nth-of-type(2n+1) {
    background-color: transparent;
}
.scrollable-table.stfc-sticky tr > *:first-child {
    background-color: #eee;
}
/* タイトル */
.article table caption {
    font-weight: 700;
    text-align: center;
}
/* figcaption */
figcaption {
    font-size: 0.8em;
    padding: 0 0.5em;
    opacity: 1;
}
/* figure class="table" */
.article figure.table {
    margin-top: 2.5em;
    margin-bottom: 2em;
}
.article figure.table > table{
    margin-top: 0;
    margin-bottom: 0;
}
/* figcaption + テーブル */
.article figure.table figcaption + table {
    margin-top: 0.5em;
}
/* テーブル + figcaption */
.article figure.table table + figcaption {
    margin-top: 0.5em;
}

/* カラム - 枠+カラム */
div[class*="-frame"] .half-half {
    margin: 0;
}

/* カラム - entry-content直下 */
.article .entry-content > div[class*="-frame"]:first-child {
    margin-top: 1.5em;
}

/*--------------------------------------------------------
  Article レスポンシブデザイン
--------------------------------------------------------*/

@media screen and (max-width: 1023px){
    /* フォント/文字/改行 */
    .br-rsp {
        display: inline !important;
    }
}

@media screen and (max-width: 834px){
    /* フォント/文字/改行 */
    .br-tb {
        display: inline !important;
    }

    /* テーブル */
    .article th,
    .article td {
        font-size: 0.8em;
    }
}

@media screen and (max-width: 480px){
    /* 記事を読む時間 */
    .article .read-time {
        margin-right: 2em;
    }

    /* フォント/文字/改行 */
    .br-pc {
        display: none !important;
    }
    .br-sp {
        display: inline !important;
    }
    .article .entry-content,
    #sns-group .sns-share-msg {
        font-size: 15px;
        line-height: 1.5;
    }
    .article h1 {
        margin-bottom: 0;
        padding: 0.8em 0.2em;
    }
    .article h1,
    .article h2 {
        font-size: 1.35em;
    }
    .article h2 {
        margin-top: 4em;
    }
    .article h2:first-of-type {
        margin-top: 3em;
    }
    .article h3 {
        margin-top: 3em;
    }
    .article h2 + h3 {
        margin-top: 1.5em;
    }
    .article h4 {
        margin-top: 2.5em;
    }
    .article h3 + h4 {
        margin-top: 1.5em;
    }

    /* インデントアイコン */
    div.ico-ind-2char,
    div.ico-ind-3char,
    div.ico-ind-4char,
    div.ico-ind-wiki {
        padding-left: 0;
        text-indent: 0;
    }

    /* リスト - タイトル+リスト */
    div.list-title + ul,
    div.list-title + ol {
        margin-left: 0.5em;
    }

    /* リスト - ul */
    /* リスト - ol */
    .entry-content ol > li {
        padding-left: 1.5em;
    }

    /* リスト - 関連記事/参考 */
    .entry-content ul.related,
    .entry-content ul.referred {
        padding: 0.75em 0.75em 0.75em 2em;
    }
    .entry-content ul.related li::before,
    .entry-content ul.referred li::before {
        left: 0.75em;
    }
    .entry-content ul.related li::after,
    .entry-content ul.referred li::after {
        left: 0.5em;
    }

    /* リスト - カラム+リスト */
    .entry-content .half-l ul > li:last-of-type,
    .entry-content .half-l ol > li:last-of-type {
        padding-bottom: 0.25em;
    }

    /* テーブル */
    /* テーブル - スクロール */
    .table-scroll::-webkit-scrollbar {
    height: 8px;
    }

    /* カラム - カラム+インデントアイコン */
    div.half-r div.ico-ind-2char:first-of-type,
    div.half-r div.ico-ind-3char:first-of-type,
    div.half-r div.ico-ind-4char:first-of-type,
    div.half-r div.ico-ind-wiki:first-of-type {
        margin-top: 0.5em;
    }
}

/*--------------------------------------------------------
  Article Misc
--------------------------------------------------------*/

/* 投稿ページ/h1/アイキャッチ背景 */
.single .eye-catch-wrap {
    overflow: hidden;
    margin-bottom: 2em;
    text-align: left;
    border: 1px solid #eee;
    border-radius: 4px;
}
.single .eye-catch-wrap img {
    height: 320px;
    opacity: 0.2;
    object-fit: cover;
    filter: blur(4px);
}
.single .eye-catch {
    margin-bottom: 0;
    background: linear-gradient(#ccc 0% 0%, transparent 15% 85%, #ccc 100% 100%);
}
.single .article h1 {
    position: absolute;
    z-index: 1;
    margin: 120px 2em 0 1em;
}
.single .article h1,
.single .article .date-tags,
.single .article .read-time,
.single .eye-catch-caption,
.single .eye-catch-caption a,
.single .eye-catch .cat-label {
    color: #333;
    text-shadow: 0px 0px 5px #fff, 0 0 10px #fff;
}
.single .article .date-tags {
    position: absolute;
    margin: 0.8em 0 0 0.75em;
    text-align: left;
}
.single .article .read-time {
    font-size: 0.8em;
    line-height: 0.8;
    position: absolute;
    right: 0;
    margin: 1em 3em 0 0;
    border: none;
}
.single .eye-catch-caption {
    opacity: 1;
    background: transparent;
}
.single .eye-catch-caption,
.single .eye-catch-caption a {
    font-size: 0.9em;
    text-align: left;
}
.single .eye-catch-caption a:hover {
    color: #fdb357;
}
.single .eye-catch .cat-label {
    font-size: 12px;
    position: absolute;
    z-index: 1;
    top: auto;
    right: 0.75em;
    bottom: 0.75em;
    left: auto;
    padding: 2px 8px;
    opacity: 1;
    border: 1px solid #555;
    background-color: transparent;
}

@media screen and (max-width: 480px) {
    .single .eye-catch {
        background: transparent;
    }
    .single .eye-catch-wrap img {
        height: 200px;
    }
    .single .article h1 {
        margin-top: 60px;
        padding: 0;
    }
    .single .article .read-time {
        margin-right: 2em;
    }
    .single .eye-catch .cat-label {
        right: 0.5em;
        bottom: 0.5em;
    }
}

/*--------------------------------------------------------
  Sister-Site
--------------------------------------------------------*/

div.sister-site h3::before {
    font-family: "FontAwesome";
    margin-right: 0.2em;
    content: "\f0e5";
}
div.sister-site a::after {
    display: none;
}
div.sister-site a img {
    float: left;
    width: auto;
    height: auto;
    margin: 0 0 10px 0;
    padding: 20px;
}
div.sister-site a img:hover {
    background-color: #f7f7f7;
}
div.sister-site p {
    font-size: 0.95em;
    margin: 0;
    padding: 0 10px;
    text-align: center;
}

/*--------------------------------------------------------
  Sister-Site レスポンシブデザイン
--------------------------------------------------------*/

@media screen and (max-width: 480px){
    div.sister-site p {
        text-align: left;
    }
}

/*--------------------------------------------------------
  AmazonJS
--------------------------------------------------------*/

.body .amazonjs_item {
    margin: 3.5em 0 1em;
    padding: 24px 16px 16px 16px;
    border: 2px solid #ddd;
    border-radius: 4px;
    background-image: none;
}
.body .amazonjs_item::after {
    font-family: "FontAwesome",'Avenir','Arial',sans-serif;
    font-size: 1.215em;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    top: -15px;
    left: 16px;
    display: inline-block;
    padding: 6px 8px 4px;
    content: "\f00e  商品検索";
    color: #777;
    border-radius: 8px;
    background: #fff;
}
.amazonjs_item a:hover {
    opacity: 0.7;
}
.amazonjs_box {
    display: table;
    width: 100%;
    vertical-align: middle;
}
.amazonjs_item .amazonjs_box .amazonjs_image {
    line-height: 1;
    display: table-cell;
    width: 100%;
    margin-right: 0;
    text-align: center;
    vertical-align: middle;
}
.amazonjs_item .amazonjs_box .amazonjs_info {
    display: table-cell;
    width: 100%;
    padding-left: 24px;
    vertical-align: middle;
}
.amazonjs_item .amazonjs_box .amazonjs_info h4 {
    font-size: 1.2em;
    margin-bottom: 24px;
}
.amazonjs_info h4::before,
.amazonjs_info h4::after {
    display: none;
}
.amazonjs_item h4 a {
    color: #67b3d3;
}
.amazonjs_item h4 a:hover {
    color: #fdb357 !important;
}
.amazonjs_item .amazonjs_review {
    display: none;
}
.amazonjs_item .amazonjs_box .amazonjs_info ul {
    margin-bottom: 12px;
}
.amazonjs_item .amazonjs_box .amazonjs_info ul li::before {
    display: none;
}
.amazonjs_item .amazonjs_box .amazonjs_info .amazonjs_price span {
    color: #999;
}
.amazonjs-link {
    width: 100%;
    text-align: center;
}
.amazonjs-link a::after {
    display: none;
}
.amazonjs-link div {
    font-size: 0.85em;
    font-weight: 700;
    line-height: 36px;
    display: inline-block;
    box-sizing: border-box;
    width: 32%;
    height: 36px;
    padding: 0 8px;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
}
.amazonjs-link div:hover {
    opacity: 0.7;
}
.amazonjs-link .amazon-button {
    background: #fdb357;
}
.amazonjs-link .rakuten-button {
    margin-left: 2%;
    background: #fb856b;
}
.amazonjs-link .yahoo-button {
    margin-left: 2%;
    background: #85c2db;
}
.amazonjs-link .yahoo-button img{
    display: none !important;
}
.amazonjs-link .amazon-button a,
.amazonjs-link .rakuten-button a,
.amazonjs-link .yahoo-button a {
    display: block;
    text-decoration: none;
    color: #ffffff;
}
.amazonjs-link .amazon-button a:hover,
.amazonjs-link .rakuten-button a:hover,
.amazonjs-link .yahoo-button a:hover {
    color: #ffffff !important;
}
/* 文字省略 */
.amazonjs_item h4 a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break: break-word;
}

/* 複数アイテム */
.amazonjs_item + br {
    display: none;
}
.amazonjs_item + noscript + br {
    display: none;
}
br + script + .amazonjs_item {
    margin-top: 0 !important;
}
br + script + .amazonjs_item::after {
    display: none !important;
}

/* ボタン文字変更 */
.amazonjs-link .amazon-button a,
.amazonjs-link .rakuten-button a,
.amazonjs-link .yahoo-button a {
    font-size: 0;
}
.amazonjs-link .amazon-button a::before,
.amazonjs-link .rakuten-button a::before,
.amazonjs-link .yahoo-button a::before {
    font-size: 12px;
    color: #fff;
}
.amazonjs-link .amazon-button a::before {
    content: "Amazonで検索";
}
.amazonjs-link .rakuten-button a::before{
    content: "楽天市場で検索";
}
.amazonjs-link .yahoo-button a::before {
    content: "Yahoo!で検索";
}

/* Amazon専用 */
.amazon-apps .amazonjs_item,
.amazon-ind .amazonjs_item {
    padding: 16px;
}
.body .amazon-apps .amazonjs_item::after {
    content: "\f019  ダウンロード";
}
.amazon-apps .amazonjs-link .amazon-button,
.amazon-ind .amazonjs-link .amazon-button {
    width: 95%;
}
.amazon-apps .amazonjs-link .amazon-button a,
.amazon-ind .amazonjs-link .amazon-button a {
    font-size: 0;
}
.amazon-apps .amazonjs-link .rakuten-button,
.amazon-ind .amazonjs-link .rakuten-button {
    display: none;
}
.amazon-apps .amazonjs-link .yahoo-button,
.amazon-ind .amazonjs-link .yahoo-button {
    display: none;
}
.amazon-apps .amazonjs-link .amazon-button a::before {
    font-size: 12px;
    content: "Amazonでダウンロード";
    color: #fff;
}
.amazon-ind .amazonjs-link .amazon-button a::before {
    font-size: 12px;
    content: "Amazonで検索";
    color: #fff;
}
/* smallImageTemplate = mediumImageTemplate 対策 */
.amazon-apps .amazonjs_image img {
    max-width: 100px !important;
}

/* 余白設定 */
.body .amazonjs_item + p,
.body .amazon-apps + p,
.body .amazon-ind  + p {
    margin-top: 2em;
}

/*--------------------------------------------------------
  AmazonJS レスポンシブデザイン
--------------------------------------------------------*/

@media screen and (max-width: 480px){
    .body .amazonjs_item {
        font-size: 0.88em;
        padding: 1.25em 1.25em 0.75em 1.25em;
    }
    .body .amazonjs_item::after {
        left: 0.5em;
    }
    .amazonjs_item .amazonjs_box .amazonjs_info {
        margin-bottom: 0;
        padding-left: 18px;
    }
    .amazonjs_item .amazonjs_box .amazonjs_info h4 {
        margin-bottom: 12px;
    }
    .amazonjs_item .amazonjs_info h4 a {
        font-size: 0.95em !important;
    }
    .amazonjs_item .amazonjs_box .amazonjs-link div {
        width: 100%;
        margin-bottom: 8px;
        margin-left: 0;
    }

    /* 2カラム */
    .amazonjs_item .amazonjs_image img {
        width: auto;
        max-width: 100px !important;
    }
    .amazon-apps .amazonjs_item .amazonjs_image img {
        max-width: 70px !important;
    }
}

/*--------------------------------------------------------
  ASP
--------------------------------------------------------*/

/* ValueCommerce/A8.net */
div.vc_btn,
div.a8_btn {
    line-height: 0;
    margin-top: 3em;
}
div.vc_btn + div.vc_btn,
div.a8_btn + div.a8_btn {
    margin-top: 1em;
}
div.vc_btn a,
div.a8_btn a {
    font-weight: 700;
    line-height: 1.8;
    display: block;
    box-sizing: border-box;
    width: 95%;
    margin: 0 auto;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    background: #7fcca7;
}
div.vc_btn a:hover,
div.a8_btn a:hover {
    opacity: 0.7;
}
div.vc_btn a::before,
div.a8_btn a::before {
    font-family: "FontAwesome";
    font-size: 1.1em;
    font-weight: 400;
    padding: 0 0.2em 0 0;
    content: "\f138";
}

/* 楽天アフィリエイト */
div.rktn-box {
    margin-top: 3em;
    margin-bottom: 0;
}
div.rktn-box table {
    margin: 0;
}
div.rktn-box div {
    width: 100% !important;
    border: 2px solid #ddd !important;
    border-radius: 4px !important;
}
div.rktn-box p {
    font-size: 1.5em !important;
    font-weight: bold;
    padding: 0 !important;
    margin: 0 0.25em 0.5em !important;
}
div.rktn-box td {
    line-height: 1;
    display: table-cell !important;
    width: auto !important;
    vertical-align: middle !important;
    border: none;
}
div.rktn-box td+td {
    padding: 1em !important;
}
div.rktn-box td+td div {
    margin: 0 !important;
    border: none !important;
}
div.rktn-box td+td img {
/* 
    margin: 0 0.5em 1em !important;
 */
    display: none;
}
div.rktn-box tr:hover {
    background-color: #fff  !important;
}
div.rktn-box td:hover {
    outline: none;
    outline-offset: 0;
    background-color: #fff;
}
div.rktn-box td a:hover {
    text-decoration: none;
    color: #fdb357;
}
div.rktn-box td img:hover,
div.rktn-box td+td img:hover,
div.rktn-box tr td a div:hover {
    opacity: 0.5;
}
/* 複数アイテム */
div.rktn-box + div.rktn-box {
    margin-top: 0;
}
/* 余白設定 */
.article h2 + div.rktn-box,
.article h3 + div.rktn-box,
.article h4 + div.rktn-box,
.article h2 + p + div.rktn-box,
.article h3 + p + div.rktn-box,
.article h4 + p + div.rktn-box {
    margin-top: 2em;
}
div.rktn-box+p {
    margin-top: 3em;
}

/* アプリーチ */
.appreach {
    text-align: left;
    margin-top: 3em;
    padding: 1em;
    border: 2px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}
.appreach:after {
    content: "";
    display: block;
    clear: both;
}
.appreach p {
    font-color: #777;
    margin: 0;
}
.appreach a:after {
    display: none;
}
.appreach__icon {
    float: left;
    border-radius: 10%;
    overflow: hidden;
    margin: 0 3% 0 0 !important;
    width: 25% !important;
    height: auto !important;
    max-width: 120px !important;
}
.appreach__detail {
    display: inline-block;
    font-size: 1em;
    line-height: 1.5;
    width: 72%;
    max-width: 72%;
}
.appreach__detail:after {
    content: "";
    display: block;
    clear: both;
}
.appreach__name {
    font-size: 1.15em;
    font-weight: bold;
    line-height: 1.5em !important;
    max-height: 3em;
    overflow: hidden;
}
.appreach__info {
    font-size: 12px !important;
}
.appreach__developper, .appreach__price {
    margin-right: 0.5em;
}
.appreach__posted a {
    margin-left: 0.5em;
}
.appreach__links {
    float: left;
    height: 40px;
    margin-top: 8px;
    white-space: nowrap;
}
.appreach__aslink img {
    margin-right: 10px;
    height: 40px;
    width: 135px;
}
.appreach__gplink img {
    height: 40px;
    width: 134.5px;
}
.appreach__star {
    position: relative;
    font-size: 14px !important;
    height: 1.5em;
    width: 5em;
}
.appreach__star__base {
    position: absolute;
    color: #737373;
}
.appreach__star__evaluate {
    position: absolute;
    color: #ffc107;
    overflow: hidden;
    white-space: nowrap;
}
/* 複数アイテム */
.appreach + .appreach {
    margin-top: 0;
}
/* 余白設定 */
.appreach+p {
    margin-top: 3em;
}

/*--------------------------------------------------------
  Contact Form 7
--------------------------------------------------------*/

.wpcf7 {
    margin-top: 3em;
}

.wpcf7 form input[type='submit'] {
    font-size: 0.9em;
    font-weight: 700;
    color: #555;
    border: 2px solid #ddd;
    border-radius: 4px;
    background-color: #fbfbfb;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #fed9ab !important;
    border-radius: 4px;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #b3d9e9 !important;
    border-radius: 4px;
}

/*--------------------------------------------------------
  Meta Slider
--------------------------------------------------------*/

body .metaslider .slider-wrapper {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 4px;
}
body .metaslider .slider-wrapper .nivo-controlNav {
    padding: 10px 0;
}
.nivoSlider {
    border-radius: 4px;
}

/*--------------------------------------------------------
  Meta Slider レスポンシブデザイン
--------------------------------------------------------*/

@media screen and (max-width: 480px){
    .nivo-caption {
        font-size: 0.8em;
        line-height: 1.5;
    }
    .nivo-caption {
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}

/*--------------------------------------------------------
  PS Auto Sitemap
--------------------------------------------------------*/

#sitemap_list {
    margin: 0;
    padding: 0;
}
#sitemap_list a {
    text-decoration: none;
    color: #555;
}
#sitemap_list a:hover {
    text-decoration: underline;
    color: #fdb357;
}
#sitemap_list li {
    margin: 0 0 1em 0;
    padding: 0 0 1em 0.5em;
    list-style-type: none;
}
#sitemap_list li ul {
    margin: 0;
    padding: 0.25em 0 0 0;
}
#sitemap_list li li {
    margin: 0 0 0.25em 0;
    padding: 0 0 0 2.5em;
    text-indent: -1.25em;
}
#sitemap_list li li li {
    padding-left: 1.25em;
}
#sitemap_list li.cat-item {
    border-bottom: 1px dotted #ddd;
}
#sitemap_list li.cat-item:last-of-type {
    border-bottom: none;
}
#sitemap_list li li.cat-item {
    border-bottom: none;
}
#sitemap_list li.cat-item::before {
    font-family: "FontAwesome";
    font-size: 1em;
    position: relative;
    top: 0;
    margin-right: 0.4em;
    content: "\f115";
    color: #555;
}
#sitemap_list li.post-item::before {
    font-family: "FontAwesome";
    font-size: 1em;
    position: relative;
    top: 0;
    margin-right: 0.4em;
    content: "\f0f6";
    color: #555;
}
#sitemap_list li.page_item {
    border-bottom: 1px dotted #ddd;
}
#sitemap_list li.page_item:last-of-type {
    border-bottom: none;
}
#sitemap_list li.page_item::before {
    font-family: "FontAwesome";
    font-size: 1em;
    position: relative;
    top: 0;
    margin-right: 0.4em;
}

/*--------------------------------------------------------
  PS Auto Sitemap レスポンシブデザイン
--------------------------------------------------------*/

@media screen and (max-width: 480px){
    #sitemap_list li li {
        padding-left: 2em;
    }
}

/*--------------------------------------------------------
  Simple Author Box
--------------------------------------------------------*/

.saboxplugin-wrap {
    margin-top: 4em !important;
    margin-bottom: 4em !important;
    border: 1px solid #ddd !important;
    border-radius: 4px;
}
.saboxplugin-wrap .saboxplugin-gravatar {
    margin: 0 16px 16px 16px;
    padding: 0 !important;
}
.saboxplugin-wrap .saboxplugin-gravatar img {
    border: 2px solid #fff;
    box-shadow: 0 0 4px #aaa;
}
.saboxplugin-wrap .saboxplugin-authorname {
    margin: 16px 16px 8px 16px !important;
}
.saboxplugin-wrap .saboxplugin-authorname a:hover {
    text-decoration: underline !important;
}
.saboxplugin-wrap .saboxplugin-tab .saboxplugin-desc p {
    font-size: 16px !important;
    color: #777;
}
.saboxplugin-wrap .saboxplugin-desc a {
    text-decoration: none !important;
}
.saboxplugin-wrap .saboxplugin-desc a:hover {
    text-decoration: underline !important;
}
/*名前リンク無効化*/
.saboxplugin-authorname a {
    pointer-events: none;
    color: #555;
}

/*--------------------------------------------------------
  Simple Author Box レスポンシブデザイン
--------------------------------------------------------*/

@media screen and (max-width: 480px){
    .saboxplugin-wrap .saboxplugin-gravatar {
        margin-top: 16px !important;
    }
    .saboxplugin-wrap .saboxplugin-desc {
        margin: 0 8px 16px !important;
    }
    .saboxplugin-wrap .saboxplugin-tab .saboxplugin-desc p {
        font-size: 15px !important;
        text-align: left;
    }
}

/*--------------------------------------------------------
  Table of Contents Plus
--------------------------------------------------------*/

/* 記事用 */
#toc_container {
    font-size: 0.95em !important;
    margin: 30px 0 !important;
    padding-right: 1em !important;
    padding-left: 1em !important;
    border: 1px solid #ddd !important;
    border-radius: 4px;
    background-color: #f7f7f7 !important;
}
#toc_container .toc_title {
    color: #777;
}
#toc_container .toc_title::before {
    font-family: FontAwesome;
    font-weight: 400;
    padding-right: 6px;
    content: '\f0f6';
    color: #777;
}
#toc_container .toc_toggle a {
    color: #777;
}
#toc_container ul {
    list-style: none;
    counter-reset: number;
}
#toc_container ul li {
    line-height: 1.25em;
    margin-bottom: 0.5em;
    margin-left: 16px;
}
#toc_container ul li::before {
    font-size: 1em;
    font-weight: 700;
    position: relative;
    top: -2px;
    margin-left: -15px;
    padding-right: 5px;
    content: counter(number)".";
    counter-increment: number;
    color: #777;
}
#toc_container ul li a {
    font-weight: 700;
    text-decoration: none;
    color: #777;
}
#toc_container ul li a:hover {
    text-decoration: underline;
}
#toc_container ul ul {
    margin-top: 0.5em;
}
#toc_container ul ul li {
    line-height: 1.25em;
    margin-bottom: 0.5em;
    margin-left: -10px;
}
#toc_container ul ul li::before {
    font-family: FontAwesome;
    font-weight: 400;
    margin-left: 0;
    margin-left: -11px;
    content: '\f0da';
    color: #777;
}
#toc_container ul ul li a {
    font-weight: 400;
    color: #777;
}

/* サイドバーウィジェット */
/* 見出し */
.toc_widget h3::before {
    font-family: "FontAwesome";
    margin-right: 0.2em;
    content: '\f0f6';
}
/* リンク */
#sidebar .toc_widget a,
#slide-in-sidebar .toc_widget a {
    display: block;
    text-decoration:none;
    color: #555;
}
#sidebar .toc_widget a:hover,
#slide-in-sidebar .toc_widget a:hover {
    color: #fdb357;
    background-color: #f7f7f7;
}
#sidebar .toc_widget a,
#slide-in-sidebar .toc_widget a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
/* リスト */
#sidebar .toc_widget ul,
#slide-in-sidebar .toc_widget ul {
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 8px;
}
#sidebar .toc_widget li,
#slide-in-sidebar .toc_widget li {
    margin-bottom: 0;
    padding: 2px 0;
}
#sidebar .toc_widget li:last-of-type,
#slide-in-sidebar .toc_widget li:last-of-type {
    margin-bottom: 8px;
}
#sidebar .toc_widget ul li a,
#slide-in-sidebar .toc_widget ul li a {
    font-weight: 700;
}
#sidebar .toc_widget ul ul,
#slide-in-sidebar .toc_widget ul ul {
    margin-left: 0;
    padding-left: 4px;
}
#sidebar .toc_widget ul ul li a::before,
#slide-in-sidebar .toc_widget ul ul li a::before {
    padding-right: 4px;
    color: #555;
    font-family: FontAwesome;
    content: '\f0da';
}
#sidebar .toc_widget ul ul li a,
#slide-in-sidebar .toc_widget ul ul li a {
    font-size: 0.9em;
    font-weight: 400;
}
/* スクロールバー */
.toc_widget ul.toc_widget_list {
    z-index: 1;
    pointer-events: auto;
    overflow-y: auto;
    max-height: 400px;
    scrollbar-arrow-color: transparent;
}
.toc_widget ul.toc_widget_list::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 12px;
}
.toc_widget ul.toc_widget_list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #ddd;
}

/*--------------------------------------------------------
  Wordpress Popular Posts / Relation Widget / Classified Entries / Simple GA Ranking
--------------------------------------------------------*/

/* レイアウト */
.wpp-list {
    padding-left: 0  !important;
}
.classified-entries ul,
.sga-ranking ul,
.sga-ranking ol,
ul.new-entrys,
ul.wpp-list {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}
.classified-entries li,
.sga-ranking li,
.popular-list li{
    list-style-type: none;
}
.classified-entries li,
.new-entrys li,
.sga-ranking li,
ul.wpp-list li {
    margin-bottom: 8px;
    padding: 0 8px 8px 8px;
    border-bottom: 1px dotted #ddd;
}
.classified-entries li:last-of-type,
.new-entrys li:last-of-type,
.sga-ranking li:last-of-type,
.wpp-list li:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.classified-entries img,
.sga-ranking img,
.widget_new_entries ul li img,
.wpp-list img {
    position: absolute;
    width: 70px;
    height: 70px;
    margin: 0 8px 0 0;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    object-fit: cover;
}

/* リンク設定*/
.classified-entries a,
.new-entry-content a,
.sga-ranking a,
.popular-posts a {
    text-decoration:none;
}
.classified-entries a:hover,
.new-entry-content a:hover,
.sga-ranking a:hover,
.popular-posts a:hover,
.widget_new_entries a:hover,
.widget_popular_ranking a:hover {
    text-decoration: none;
    color: #fdb357;
    background-color: #f7f7f7;
}

/* 見出し */
.category-popular-list h3::before,
.related-cat-new-list h3::before,
.related-cat-rand-list h3::before {
    content: "\f115";
}
.new-entry-list h3::before {
    content: "\f0a2";
}
.pickout-list h3::before {
    content: "\f0a2";
}
.popular-list h3::before {
    content: "\f11d";
}
.popular-posts h3::before {
    content: "\f11d";
}
.recommend-list h3::before,
.related-tag-order-list h3::before {
    content: "\f0c1";
}

/* 順位表示 */
.popular-list {
    counter-reset: wpp-ranking;
}
.popular-list li{
    position: relative;
    padding-bottom: 8px;
}
.popular-list li::before {
    font-family: Arial;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 8px;
    padding: 2px 4px;
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    color: #fda675;
    border: solid 2px #fda675;
    border-radius: 4px;
    background: none repeat scroll 0 0 #fff;
}

/* サイドバー */
#sidebar .classified-entries a+a,
#sidebar .sga-ranking a+a,
#sidebar .new-entry-content a,
#sidebar .popular-posts a+a,
#sidebar-menu-content .sga-ranking a+a {
    line-height: 1.5;
    display: block;
    min-height: 70px;
    padding-left: 78px;
}
/* 複数行文字省略 */
#sidebar .classified-entries a+a,
#sidebar .new-entry-content a,
#sidebar .sga-ranking a+a,
#sidebar .wpp-list a+a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/* ウィジェット1カラム */
.main .classified-entries h3,
.main .sga-ranking h3,
.widget-index-top .popular-posts h3,
.widget-below-related-entries .popular-posts h3,
.widget-below-related-entries .widget_new_entries .main-widget-label {
    font-size: 1.25em;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 0;
    padding: 0 8px;
    border-bottom: 3px solid #ddd;
}
.main .classified-entries ul,
.main .sga-ranking ul,
.main .sga-ranking ol {
    margin: 0;
    padding: 0;
}
.main .classified-entries li,
.main .sga-ranking li,
.widget-index-top .popular-posts li,
.widget-below-related-entries .popular-posts li,
.widget-below-related-entries .widget_new_entries li {
    position: relative;
    margin-bottom: 0;
    padding: 12px 16px;
}
.main .classified-entries li:last-of-type,
.main .sga-ranking li:last-of-type,
.widget-index-top .popular-posts li:last-of-type,
.widget-below-related-entries .popular-list li:last-of-type,
.widget-below-related-entries .widget_new_entries li:last-of-type {
    border-bottom: none;
}
.main .classified-entries a,
.main .sga-ranking a,
.widget-index-top .popular-posts a,
.widget-below-related-entries .popular-list a,
.widget-below-related-entries .widget_new_entries a {
    display: block;
}

/* 投稿関連記事下ウィジェット */
.main .classified-entries a+a,
.main .sga-ranking a+a,
.widget-below-related-entries .new-entry-content a,
.widget-below-related-entries .popular-posts a+a {
    line-height: 1.4;
    min-height: 69px;
    padding-left: 78px;
}
/* 順位表示位置設定 */
.widget-below-related-entries .popular-list li::before {
    top: 12px;
    left: 4px;
    margin-left: 12px;
}
/* 文字中央揃え&省略 */
.main .classified-entries a+a,
.main .sga-ranking a+a,
.widget-below-related-entries .new-entry-content a,
.widget-below-related-entries .popular-posts a+a {
    line-height: 438%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 投稿関連記事下ウィジェット内2カラム */
/* 
.main .classified-entries h3,
.main .sga-ranking h3,
.widget-index-top .popular-posts h3,
.widget-below-related-entries .popular-posts h3,
.widget-below-related-entries .widget_new_entries .main-widget-label {
    margin-bottom: 8px;
}
.widget-below-related-entries .classified-entries ul::after,
.widget-below-related-entries .sga-ranking ol::after,
.widget-below-related-entries .widget_new_entries::after {
    display: block;
    clear: both;
    content: '';
}
.widget-below-related-entries .classified-entries li,
.widget-below-related-entries .sga-ranking li,
.widget-below-related-entries .widget_new_entries li {
    float: left;
    clear: none;
    box-sizing: border-box;
    width: 50%;
    padding: 8px;
    border: none;
    border-bottom: 1px dotted #ddd;
}
.widget-below-related-entries .classified-entries li:nth-last-of-type(2),
.widget-below-related-entries .sga-ranking li:nth-last-of-type(2),
.widget-below-related-entries .widget_new_entries li:nth-last-of-type(2) {
    border-bottom: none;
}
.widget-below-related-entries .classified-entries li:nth-child(odd),
.widget-below-related-entries .sga-ranking li:nth-child(odd),
.widget-below-related-entries .widget_new_entries li:nth-child(odd) {
    border-right: 1px dotted #ddd;
}
.widget-below-related-entries .classified-entries a+a,
.widget-below-related-entries .sga-ranking a+a,
.widget-below-related-entries .widget_new_entries .new-entry-content a {
    line-height: 1.4;
    min-height: 69px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}
.widget-below-related-entries .popular-list li::before {
    left: 0px;
}
 */

/*--------------------------------------------------------
  Wordpress Popular Posts / Relation Widget / Classified Entries / Simple GA Ranking レスポンシブデザイン
--------------------------------------------------------*/

@media screen and (max-width: 480px){
    /* レイアウト */
    .classified-entries img,
    .sga-ranking img,
    .widget_new_entries ul li img,
    .wpp-list img {
        height: 50px;
        width: 50px;
    }

    /* ウィジェット1カラム */
    .main .classified-entries h3,
    .main .sga-ranking h3,
    .widget-index-top .popular-posts h3,
    .widget-below-related-entries .popular-posts h3,
    .widget-below-related-entries .widget_new_entries .main-widget-label {
        margin: 8px 0;
    }
    .main .classified-entries li,
    .main .sga-ranking li,
    .widget-index-top .popular-posts li,
    .widget-below-related-entries .popular-list li,
    .widget-below-related-entries .widget_new_entries li {
        position: relative;
        margin-bottom: 8px;
        padding: 0 12px 8px 12px;
        border-bottom: 1px solid #ddd;
    }
    .widget-index-top .popular-posts li::before,
    .widget-below-related-entries .popular-list li::before {
        top: 0;
        left: 0;
        margin-left: 8px;
    }

    /* 投稿関連記事下ウィジェット */
    .main .classified-entries a+a,
    .main .sga-ranking a+a,
    .widget-below-related-entries .new-entry-content a,
    .widget-below-related-entries .popular-posts a+a {
        padding-left: 58px;
    }
    /* 文字中央揃え&省略解除 */
    .main .classified-entries a+a,
    .main .sga-ranking a+a,
    .widget-below-related-entries .new-entry-content a,
    .widget-below-related-entries .popular-posts a+a {
        line-height: 1.4;
        min-height: 50px;
        display: flex;
        overflow: visible;
        white-space: normal;
        text-overflow: clip;
    }

    /* 投稿関連記事下ウィジェット内2カラム */
    .widget-below-related-entries .classified-entries ul::after,
    .widget-below-related-entries .sga-ranking ol::after,
    .widget-below-related-entries .widget_new_entries::after {
        display: block;
    }
    .widget-below-related-entries .classified-entries li,
    .widget-below-related-entries .sga-ranking li,
    .widget-below-related-entries .widget_new_entries li {
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 8px;
        padding: 0 8px 8px 8px;
    }
    .widget-below-related-entries .classified-entries li:last-of-type,
    .widget-below-related-entries .sga-ranking li:last-of-type,
    .widget-below-related-entries .widget_new_entries li:last-of-type {
        margin-bottom: 0;
    }
    .widget-below-related-entries .classified-entries li:nth-last-of-type(2),
    .widget-below-related-entries .sga-ranking li:nth-last-of-type(2),
    .widget-below-related-entries .widget_new_entries li:nth-last-of-type(2) {
        border-bottom: 1px solid #ddd;
    }
    .widget-below-related-entries .classified-entries li:nth-child(odd),
    .widget-below-related-entries .sga-ranking li:nth-child(odd),
    .widget-below-related-entries .widget_new_entries li:nth-child(odd) {
        border-right: none;
    }
}

/*--------------------------------------------------------
  WP-Appbox
--------------------------------------------------------*/

.article div.wpappbox {
    margin-top: 3em;
    margin-bottom: 3em;
    border: 2px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: none;
}
.article div.wpappbox.compact {
    height: 80px;
}
.article div.wpappbox.simple {
    height: 124px;
}

.article div.wpappbox div.appicon {
    border-right: none;
}
.article div.wpappbox div.appicon {
    height: 120px;
    width: 124px;
    padding: 16px;
}
.article div.wpappbox.compact div.appicon {
    height: 76px;
    width: 80px;
    padding: 12px;
}
.article div.wpappbox div.qrcode {
    padding: 14px;
}

.article div.wpappbox div.applinks, .article div.wpappbox.compact a.applinks {
    border-left: none;
}
.article div.wpappbox div.applinks, .article div.wpappbox.compact a.applinks {
    background-position: center 10px !important;
}
.article div.wpappbox.compact a.applinks {
    background-position: center 16px !important;
}
.article div.wpappbox.simple .applinks,
.article div.wpappbox.screenshots .applinks,
.article div.wpappbox.screenshots-only .applinks {
    width: 100%;
    max-width: 200px;
}
.article div.wpappbox.compact .applinks {
    width: 100%;
    max-width: 80px;
}

.article div.wpappbox div.appbuttons {
    width: 100%;
}
.article div.wpappbox div.appbuttons a,
.article div.wpappbox div.appbuttons span,
.article div.wpappbox.error div.buttons a {
    font-size: 12px;
    padding: 5px 5px;
    color: #fff;
    background: #555;
    box-shadow: none;
}
.article div.wpappbox div.appbuttons a,
.article div.wpappbox div.appbuttons span {
    margin: 8px 16px 0 16px;
}
.article div.wpappbox div.appbuttons a:hover,
.article div.wpappbox div.appbuttons span:hover,
.article div.wpappbox.error div.buttons a:hover {
    color: #fdb357 !important;
    background: #eee !important;
}

.article div.wpappbox.simple .appdetails,
.article div.wpappbox.screenshots .appdetails {
    padding-top: 16px;
}
.article div.wpappbox.compact .appdetails {
    padding-top: 12px;
}
div.wpappbox div.appdetails div.developer,
div.wpappbox div.appdetails div.price {
    font-size: 14px;
    padding: 4px 8px;
}

.wpappbox + br {
    display: none;
}

/*--------------------------------------------------------
  WP-Appbox レスポンシブデザイン
--------------------------------------------------------*/

@media screen and (max-width: 500px){
    .article div.wpappbox.simple,
    .article div.wpappbox.compact {
        height: 76px;
    }
    .article div.wpappbox div.appicon,
    .article div.wpappbox.compact div.appicon {
        height: 72px;
        width: 72px;
        padding: 12px;
    }
    .article div.wpappbox.compact a.applinks {
        background-position: center 12px !important;
    }
    div.wpappbox.compact a.applinks {
        display: block !important;
    }
    .article div.wpappbox.simple .appdetails,
    .article div.wpappbox.screenshots .appdetails {
        padding-top: 12px;
    }
}

/*--------------------------------------------------------
  By site sk13g
--------------------------------------------------------*/

/* All */
/* ブログカード/サイト別ラベル/姉妹サイト */
/* sk13g */
[href*='kininaruwatashi'] .blogcard::before {
    content: "姉妹サイト";
}

@media screen and (max-width: 480px){
    /* All */
    /* ブログカード/サイト別ラベル/姉妹サイト */
    /* sk13g */
    [href*='kininaruwatashi'] .blogcard-content {
        min-height: auto;
    }
}

/* Widget */
/* サイト別見出し */
/* sk13g */
.widget_categories li.cat-item-5 > a::before {
    content: "\f10a";
}
.widget_categories li.cat-item-7 > a::before {
    content: "\f013";
}
.widget_categories li.cat-item-8 > a::before {
    content: "\f040";
}
.widget_categories li.cat-item-17 > a::before {
    content: "\f270";
}
.widget_categories li.cat-item-18 > a::before {
    content: "\f009";
}
.widget_categories li.cat-item-41 > a::before {
    content: "\f10a";
}
.widget_categories li.cat-item-42 > a::before {
    content: "\f0c2";
}
.widget_categories li.cat-item-43 > a::before {
    font-family: 'Font Awesome 5 Brands';
    font-size: 0.9em;
    font-weight: 400;
    content: "\f3ab";
}
.widget_categories li.cat-item-44 > a::before {
    content: "\f013";
}
.widget_categories li.cat-item-45 > a::before  {
    font-family: 'Font Awesome 5 Free';
    font-size: 0.95em;
    font-weight: 400;
    content: "\f4da";
}
.widget_categories li.cat-item-47 > a::before {
    content: "\f26c";
}

/* PS Auto Sitemap */
/* サイト別固定ページアイコン */
/* sk13g */
#sitemap_list li.page-item-512::before {
    content: "\f0a1";
}
#sitemap_list li.page-item-531::before {
    content: "\f0e0";
}

/*--------------------------------------------------------
  Cocoon
--------------------------------------------------------*/

/* カラム */
.entry-content>.column-wrap {
    margin-top: 3em;
    margin-bottom: 3em;
}
/* 2column(1:0) */
.column-wrap.column-2-2-1-0 {
    display: block;
}
.column-wrap.column-2-2-1-0 .column-left {
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width: 834px) {
    /* 画像キャプション */
    .column-wrap .wp-caption .wp-caption-text {
        padding-bottom: 2em;
    }
}

@media screen and (max-width: 599px) {
    .column-wrap>div {
        margin-bottom: 2em;
    }
}

/* toc */
.toc {
    font-size: 1em;
}
.toc-title::after {
    font-size: 0.9em;
}
.toc ol li a {
    font-weight: 700;
    color: #777;
}
.toc ol li a:hover {
    text-decoration: underline;
    color: #fdb357;
}
.toc ol ol li a {
    font-weight: 400;
}
/* Font Awesome 表示修正 */
.toc li .fa {
    display: inline;
}
/* 記事用 */
.main .toc {
    font-size: 0.95em;
    width: 92%;
    margin: 3em auto;
    padding: 0.65em 1em;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fbfbfb;
}
.main .widget-single-content-top .toc {
    margin: 1em auto 2em;
}
.main .toc .toc-title {
    font-weight: 700;
    padding: 0;
    color: #777;
}
.main .toc .toc-title::before {
    font-family: FontAwesome;
    font-weight: 400;
    padding-right: 0.5em;
    content: '\f0f6';
    color: #777;
}
.main .toc .toc-content {
    transition: initial;
    border-top: 1px dotted #777;
}
.main .toc .toc-checkbox:checked ~ .toc-content {
    padding: 0;
}
.main .toc .toc-list {
    margin: 0 0.5em;
    padding-top: 1em;
}
.main .toc ol li {
    margin-bottom: 0.5em;
    padding: 0 0 0 1.5em;
    text-indent: -0.75em;
}
.main .toc ol li::before,
#sidebar .toc ol li::before {
    font-size: 1em;
    font-weight: 700;
    position: relative;
    width: auto;
    margin-right: 0.25em;
    color: #777;
    border: none;
}
.main .toc ol ol {
    padding-left: 1em;
}
.main .toc ol ol li {
    margin-bottom: 0.25em;
    padding-left: 0;
    text-indent: -0.75em;
}
.main .toc ol ol li:last-child {
    margin-bottom: 0;
}
.main .toc ol ol li::before,
#sidebar .toc ol ol li::before {
    font-family: FontAwesome;
    font-weight: 400;
    content: '\f0da';
}
.main .toc ol ol ol {
    padding-left: 0.75em;
}
.main .toc ol ol ol li::before,
#sidebar .toc ol ol ol li::before {
    content: '\f105';
}
/* サイドバーウィジェット */
/* 見出し */
.widget_toc h3::before {
    content: '\f0f6';
}
/* 目次タイトル非表示 */
.sidebar .toc-title {
    display: none;
}
/* リスト */
#sidebar .toc {
    width: 100%;
    margin: 0;
    padding: 0;
}
#sidebar .toc ol {
    line-height: 1.3;
    padding: 0 4px 0 12px;
}
#sidebar .toc li {
    margin-bottom: 0.5em;
    padding-bottom: 0;
    padding-left: 1em;
    text-indent: -1.3em;
    border-bottom: none;
}
#sidebar .toc ol ol {
    padding: 0;
}
#sidebar .toc li li {
    margin-bottom: 0.25em;
    padding-left: 0.7em;
    text-indent: -0.7em;
}
#sidebar .toc li li a {
    font-size: 0.9em;
}
/* スクロールバー */
.widget_toc ol.toc-list {
    z-index: 1;
    pointer-events: auto;
    overflow-y: auto;
    max-height: 400px;
    scrollbar-arrow-color: transparent;
}
.widget_toc ol.toc-list::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 12px;
}
.widget_toc ol.toc-list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #ddd;
}

@media screen and (max-width: 480px){
    .main .toc {
        width: 100%;
        padding: 0.5em;
    }
}

/* トグルボックス */
/* 開閉速度 */
.toggle-wrap .toggle-content,
.toggle-checkbox:checked ~ .toggle-content,
.open .toggle-checkbox:checked ~ .toggle-content {
    transition: initial;
}
/* コンテンツ上不明余白削除 */
.toggle-button + p {
    margin-top: 0;
    margin-bottom: 0;
}
/* レイアウト */
.article .toggle-wrap {
    line-height: 0;
    margin-top: 3em;
    margin-bottom: 3em;
}
.toggle-wrap > * {
    line-height: 1.8;
}
.toggle-button,
.tb-orange .toggle-button,
.tb-red .toggle-button,
.tb-blue .toggle-button,
.tb-green .toggle-button {
    font-size: 1.0625em;
    font-weight: 700;
    line-height: 1.5;
    padding: 0.7em 1em 0.5em 2.2em;
    text-align: left;
    text-indent: -1.2em;
    color: #555;
}
.toggle-button {
    border: 2px solid #ddd;
    background-color: #fbfbfb;
}
.toggle-checkbox ~ .toggle-button,
.open .toggle-checkbox:checked ~ .toggle-button {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.toggle-checkbox:checked ~ .toggle-button,
.open .toggle-checkbox ~ .toggle-button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.toggle-checkbox ~ .toggle-content,
.open .toggle-checkbox:checked ~ .toggle-content {
    display: block;
    visibility: hidden;
    opacity: 0;
    padding: 0 1em;
    height: 0;
    overflow: hidden;
}
.toggle-checkbox:checked ~ .toggle-content,
.open .toggle-checkbox ~ .toggle-content {
    visibility: visible;
    height: 100%;
    padding: 1em;
    opacity: 1;
    border: 2px solid #ddd;
    border-top-width: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.tb-orange .toggle-button {
    border: 2px solid #fed9ab;
    background-color: #fefdfb;
}
.tb-orange .toggle-checkbox:checked ~ .toggle-content,
.tb-orange.open .toggle-checkbox ~ .toggle-content {
    border: 2px solid #fed9ab;
    border-top-width: 0;
}
.tb-red .toggle-button {
    border: 2px solid #fdb3a3;
    background-color: #fefbfb;
}
.tb-red .toggle-checkbox:checked ~ .toggle-content,
.tb-red.open .toggle-checkbox ~ .toggle-content {
    border: 2px solid #fdb3a3;
    border-top-width: 0;
}
.tb-blue .toggle-button {
    border: 2px solid #b3d9e9;
    background-color: #fbfdfe;
}
.tb-blue .toggle-checkbox:checked ~ .toggle-content,
.tb-blue.open .toggle-checkbox ~ .toggle-content {
    border: 2px solid #b3d9e9;
    border-top-width: 0;
}
.tb-green .toggle-button {
    border: 2px solid #bfe5d3;
    background-color: #fcfdfd;
}
.tb-green .toggle-checkbox:checked ~ .toggle-content,
.tb-green.open .toggle-checkbox ~ .toggle-content {
    border: 2px solid #bfe5d3;
    border-top-width: 0;
}
/* before */
.toggle-button::before,
.tb-orange .toggle-button::before,
.tb-red .toggle-button::before,
.tb-blue .toggle-button::before,
.tb-green .toggle-button::before,
.open .toggle-checkbox:checked ~ .toggle-button::before {
    font-size: 1em;
    line-height: 1;
    opacity: 0.5;
    color: #777;
}
/* before - +/- */
.toggle-button::before,
.tb-orange .toggle-button::before,
.tb-red .toggle-button::before,
.tb-blue .toggle-button::before,
.tb-green .toggle-button::before,
.open .toggle-checkbox:checked ~ .toggle-button::before {
    content: '\f067';
}
.toggle-checkbox:checked ~ .toggle-button::before,
.open .toggle-checkbox ~ .toggle-button::before {
    content: '\f068';
}
/* before - 三角 */
/* 
.toggle-button::before,
.tb-orange .toggle-button::before,
.tb-red .toggle-button::before,
.tb-blue .toggle-button::before,
.tb-green .toggle-button::before,
.open .toggle-checkbox:checked ~ .toggle-button::before {
    font-size: 1.2em;
    content: '\f0d7';
}
.toggle-checkbox:checked ~ .toggle-button::before,
.open .toggle-checkbox ~ .toggle-button::before {
    content: '\f0d8';
}
 */
/* after */
.toggle-button::after,
.open .toggle-checkbox:checked ~ .toggle-button::after {
    font-size: 0.75em;
    line-height: 1;
    margin-left: 0.4em;
    content: '[表示]';
    color: #777;
}
.toggle-checkbox:checked ~ .toggle-button::after,
.open .toggle-checkbox ~ .toggle-button::after {
    content: '[非表示]';
}
/* 
.open .toggle-checkbox ~ .toggle-button::after,
.open .toggle-checkbox:checked ~ .toggle-button::after {
    display: none;
}
 */
/* コンテンツ */
.toggle-wrap .toggle-content * {
    margin-top: 0;
}
.toggle-content .blogcard-wrap {
    margin-bottom: 1em;
}
.toggle-content div.half-half,
.toggle-content p>img,
.toggle-content .wp-caption,
.toggle-content .copyright-img,
.toggle-content .copyright-img>.wp-caption,
.toggle-wrap .toggle-content ul,
.toggle-wrap .toggle-content ol,
.toggle-content .table-scroll,
.toggle-content .column-wrap {
    margin-bottom: 2em;
}
.body .toggle-content .table-scroll table {
    margin-bottom: 0.75em;
}
/* カタログ画像ポップアップ表示用 */
.toggle-wrap .toggle-content {
    overflow: visible;
}

@media screen and (max-width: 834px) {
    /* トグルボックス */
    /* コンテンツ */
    .toggle-content .column-wrap {
        margin-bottom: 0;
    }
}

/* FAQ */
/* 共通レイアウト */
div.wp-block-cocoon-blocks-faq.faq-wrap {
    margin: 2em 0;
    padding: 0;
}
.faq-question {
    align-items: start;
    margin-bottom: 1.5em;
}
.faq-question-label {
    line-height: 24px;
    color: #fc947e;
}
.faq-answer-label {
    line-height: 24px;
    color: #67b3d3;
}
.faq-answer-content {
    margin-top: 0;
}
/* 角形ラベル */
.is-style-square:not(.not-nested-style) .faq-item-label {
    border-radius: 4px;
    background-color: #fc947e;
}
.is-style-square:not(.not-nested-style) .faq-answer-label {
    border-radius: 4px;
    background-color: #67b3d3;
}
.is-style-square:not(.not-nested-style) .faq-item-content {
    margin-top: 0.25em;
}
/* アコーディオン */
.is-style-accordion:not(.not-nested-style) .faq-question .faq-question-content {
    padding-right: 2em;
}
.is-style-accordion:not(.not-nested-style) .faq-question {
    padding: 0.7em 0.7em 0.5em;
    border: 2px solid #ddd;
    border-radius: 4px;
    background-color: #fbfbfb;
}
.is-style-accordion:not(.not-nested-style) .faq-question.active {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.is-style-accordion:not(.not-nested-style) .faq-question::before {
    font-size: 2em;
    font-weight: 700;
    top: 0;
    right: 0.25em;
    color: #777;
}
.is-style-accordion:not(.not-nested-style) .faq-question.active::before {
    font-size: 2.5em;
}
.is-style-accordion:not(.not-nested-style) .faq-answer {
    padding: 0.7em;
    border-right: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    border-left: 2px solid #ddd;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
/* 枠内レイアウト */
.wp-block-cocoon-blocks-faq .wp-caption,
.wp-block-cocoon-blocks-faq .copyright-img {
    margin-top: 1em;
    margin-bottom: 1em;
}
/* 並列 */
div.wp-block-cocoon-blocks-faq + div.wp-block-cocoon-blocks-faq {
    padding-top: 2em;
    border-top: 2px dotted #ddd;
}
div.wp-block-cocoon-blocks-faq + div.is-style-accordion,
div.wp-block-cocoon-blocks-faq +div.is-style-accordion,
div.is-style-accordion + div.is-style-accordion {
    padding-top: 0;
    border-top: none;
}

/* プロフィール */
.body .author-box {
    margin-top: 4em;
    margin-bottom: 4em;
    border: 1px solid #ddd;
    border-radius: 4px;
  padding: 1em;
}
.author-box img {
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 4px #aaa;
}
.author-thumb {
    margin-top: 0;
}
.author-description {
  margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.author-box p {
    margin: 0;
}
.author-box .feedly-button,
.author-box .rss-button {
    display: none;
}

@media screen and (max-width: 480px){
    .author-box img {
        max-width: 95%;
    }
}

/* 投稿関連記事/人気記事/新着記事/関連記事ウィジェット */
.widget_popular_entries h2::before,
.widget_popular_entries h3::before {
    content: "\f11d";
}
.widget_new_entries h2::before,
.widget_new_entries h3::before {
    content: "\f0a2";
}
#related-entries h2::before,
.widget_related_entries h2::before,
.widget_related_entries h3::before {
    content: "\f0c1";
}
.widget_popular_entries .popular-entry-cards,
.widget_new_entries .new-entry-cards {
    margin-top: 0;
    margin-bottom: 0;
}
.related-entry-card:hover,
.widget-entry-card:hover {
    color: #fdb357;
    background-color: #f7f7f7;
}
.related-list {
    row-gap: 0;
}
.related-list .a-wrap,
.widget-entry-cards .a-wrap {
    margin-bottom: 8px;
    padding: 0 8px 8px 8px;
    border-bottom: 1px dotted #ddd;
}
.related-list .a-wrap:hover,
.widget-entry-cards .a-wrap:hover {
    background-color: transparent;
}
.related-list .a-wrap:last-of-type,
.widget-entry-cards .a-wrap:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.rect-mini-card .related-list {
    column-gap: 0;
}
.rect-mini-card .related-entry-card-thumb,
.widget-entry-card-thumb {
    margin-top: 0;
}
.rect-mini-card .related-entry-card-thumb img,
.widget-entry-card-thumb img {
    position: absolute;
    margin: 0 8px 0 0;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
}
.related-entry-card-content {
    padding-bottom: 0;
}
.related-entry-card-title {
    margin: 0;
    font-weight: 400;
}
.related-entry-card .cat-label {
    display: none;
}
/* 順位表示 */
.widget-entry-cards.ranking-visible .card-thumb::before {
    font-weight: 700;
    padding: 2px;
    opacity: 1;
    color: #fda675;
    border: solid 2px #fda675;
    border-radius: 4px;
    background-color: #fff;
}
.widget-entry-cards.ranking-visible .no-1 .card-thumb::before,
.widget-entry-cards.ranking-visible .no-2 .card-thumb::before,
.widget-entry-cards.ranking-visible .no-3 .card-thumb::before {
    background: #fff;
}
/* 複数行文字省略 */
.sidebar .widget-entry-card-title,
.rect-mini-card .related-entry-card-content,
.rect-mini-card .related-entry-card-title,
.widget-below-related-entries .widget-entry-card-content,
.widget-below-related-entries .widget-entry-card-title {
    line-height: 1.4;
    min-height: 68px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}
/* 投稿関連記事/投稿関連記事下ウィジェット */
#related-entries,
.widget-below-related-entries.widget {
    margin-top: 3em;
    padding: 0;
}
#related-entries h2,
.widget-below-related-entries .main-widget-label {
    font-size: 1.25em;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 0;
    padding: 0 8px;
    border-bottom: 3px solid #ddd;
}
.related-list .a-wrap,
.widget-below-related-entries .widget-entry-cards .a-wrap {
    margin-bottom: 0;
    padding: 12px 16px;
}
/* 投稿関連記事下ウィジェット内2カラム */
#related-entries h2,
.widget-below-related-entries .main-widget-label {
    margin-bottom: 8px;
}
.widget-below-related-entries .popular-entry-cards::after {
    display: block;
    clear: both;
    content: '';
}
.rect-mini-card .related-entry-card-wrap,
.widget-below-related-entries .widget-entry-cards .a-wrap {
    float: left;
    clear: none;
    box-sizing: border-box;
    width: 50%;
    padding: 8px;
    border: none;
    border-bottom: 1px dotted #ddd;
}
.rect-mini-card .related-entry-card-wrap:last-of-type,
.widget-below-related-entries .widget-entry-cards .a-wrap:last-of-type {
    border-bottom: none;
}
.rect-mini-card .related-entry-card-wrap:nth-last-of-type(2),
.widget-below-related-entries .widget-entry-cards .a-wrap:nth-last-of-type(2) {
    border-bottom: none;
}
.rect-mini-card .related-entry-card-wrap:nth-child(odd),
.widget-below-related-entries .widget-entry-cards .a-wrap:nth-child(odd) {
    border-right: 1px dotted #ddd;
}
/* 投稿関連記事下ウィジェット 表示・非表示 */
.widget-below-related-entries.widget {
    display: none;
}

@media screen and (max-width: 1023px) {
    /* 投稿関連記事下ウィジェット 表示・非表示 */
    .widget-below-related-entries.widget {
        display: block;
    }
    /* 投稿関連記事下ウィジェット 順位表示・非表示 */
    .widget-below-related-entries .widget-entry-cards.ranking-visible .card-thumb::before {
        display: none;
    }
}

@media screen and (max-width: 834px) {
    .single .rect-mini-card .related-entry-card-thumb,
    .single .widget-entry-cards figure {
        width: 30%;
    }
    .single .rect-mini-card .related-entry-card-content,
    .single .widget-entry-card-content {
        margin-left: 32%;
    }
}

@media screen and (max-width: 480px) {
    .rect-mini-card .related-entry-card-title,
    .widget-entry-card {
        font-size: 15px;
    }
    /* 投稿関連記事下ウィジェット 順位表示・非表示 */
    .widget-below-related-entries .widget-entry-cards.ranking-visible .card-thumb::before {
        display: block;
    }
    /* 順位表示 */
    .widget-entry-cards.ranking-visible .card-thumb::before {
        font-size: 0.8em;
        padding: 0;
    }
    /* 文字中央揃え&省略解除 */
    .rect-mini-card .related-entry-card-content,
    .rect-mini-card .related-entry-card-title,
    .widget-below-related-entries .widget-entry-card-content,
    .widget-below-related-entries .widget-entry-card-title {
        display: flex;
        overflow: visible;
    }
    /* 投稿関連記事/投稿関連記事下ウィジェット */
    #related-entries h2,
    .widget-below-related-entries .main-widget-label {
        margin-bottom: 8px;
    }
    .related-list .a-wrap,
    .widget-below-related-entries .widget-entry-cards .a-wrap {
        margin-bottom: 8px;
        padding: 0 8px 8px 8px;
        border-bottom: 1px solid #ddd;
    }
    .related-list .a-wrap:last-of-type,
    .widget-below-related-entries .widget-entry-cards .a-wrap:last-of-type {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
    /* 投稿関連記事下ウィジェット内2カラム */
    .widget-below-related-entries .popular-entry-cards::after {
        display: block;
    }
    .related-list .a-wrap,
    .widget-below-related-entries .widget-entry-cards .a-wrap {
        box-sizing: border-box;
        width: 100%;
        margin-bottom: 8px;
        padding: 0 8px 8px 8px;
    }
    .related-list .a-wrap:nth-last-of-type(2),
    .widget-below-related-entries .widget-entry-cards .a-wrap:nth-last-of-type(2) {
        border-bottom: 1px solid #ddd;
    }
    .related-list .a-wrap:nth-child(odd),
    .widget-below-related-entries .widget-entry-cards .a-wrap:nth-child(odd) {
        border-right: none;
    }
}

/* フロントページ/トップページ */
/* 新着記事リスト非表示 */
div.list-new-entries {
    display: none;
}
/* float解除 */
.home.blog .ect-vertical-card,
.home.blog .index-tab-buttons,
.home.blog .list-columns {
    clear: both;
}
/* 矢印 */
.card-arrow .a-wrap::after {
    right: 15px;
    border-top: solid 2px #555;
    border-right: solid 2px #555;
}
.card-arrow .card-content {
    margin-right: 17px;
}
/* 共通レイアウト */
.list-title,
.home.blog .main-widget-label {
    font-size: 1.25em;
    font-weight: 700;
    margin-top: 2em;
    margin-bottom: 1em;
    text-align: center;
}
.list-title-in:before,
.list-title-in:after,
.home.blog .main-widget-label:before,
.home.blog .main-widget-label:after {
    position: relative;
    top: -6px;
    display: inline-block;
    width: 30px;
    height: 1px;
    content: '';
    background-color: black;
}
.home.blog .main-widget-label:before {
    left: 0;
    margin-right: 20px;
}
.home.blog .main-widget-label:after {
    right: 0;
    margin-left: 20px;
}
.home.blog .list-column,
.home.blog .main .widget {
    padding: 0 0.5em;
    border: 1px solid transparent;
    border-radius: 4px;
}
/* カテゴリー別リスト */
.list-title-in {
    padding: 0;
}
.home.blog .list-column {
    margin-top: 0;
    margin-bottom: 2em;
}
.list-more-button {
    transition: initial;
    color: #555;
    border: solid 2px #ddd;
    border-radius: 8px;
}
.list-more-button {
    transition: initial;
}
.list-more-button:hover {
    transition: initial;
    text-decoration: none;
    color: #fdb357;
    background-color: #f7f7f7;
}
/* カテゴリー別リスト3カラム左寄せ */
.home.blog .list-columns.ect-3-columns {
    justify-content: flex-start;
}
/* ウィジェットレイアウト */
.home.blog .main .widget {
    margin-bottom: 4em;
}
.home.blog .main .widget .widget-entry-cards .a-wrap:last-of-type {
    border-bottom: none;
}
/* ウィジェット2カラム */
.home.blog .main .widget {
    float: left;
    width: 50%;
}
.home.blog .main .widget .widget-entry-cards .a-wrap {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 0;
    padding: 8px;
    border: none;
    border-bottom: 1px dotted #ddd;
}
/* ウィジェット文字省略 */
.home.blog .list-column .widget-entry-card-content,
.home.blog .list-column .widget-entry-card-title,
.home.blog .main .widget .widget-entry-card-content,
.home.blog .main .widget .widget-entry-card-title {
    line-height: 1.4;
    min-height: 69px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}

@media screen and (max-width: 834px) {
    .home.blog .main .widget {
        width: 100%;
        padding: 0;
    }
    .home.blog .main .widget .widget-entry-cards .a-wrap {
        width: 100%;
    }
    .home.blog .main .widget .widget-entry-cards .a-wrap:nth-child(odd) {
        border-right: none;
    }
}

@media screen and (max-width: 480px) {
    .home.blog .main {
        padding: 8px;
    }
    /* 文字省略解除 */
    .home.blog .list-column .widget-entry-card-content,
    .home.blog .list-column .widget-entry-card-title,
    .home.blog .main .widget .widget-entry-card-content,
    .home.blog .main .widget .widget-entry-card-title {
        line-height: 1.4;
        display: flex;
        overflow: visible;
        white-space: normal;
        text-overflow: clip;
    }
}

/* Amazon ショートコード */
.article .product-item-box {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 3em;
    margin-bottom: 1em;
    padding: 1.25em 1em 1em;
    border: 2px solid #ddd;
    border-radius: 4px;
}
.product-item-box a:hover {
    text-decoration: none;
}
.product-item-thumb{
    margin-bottom: 0 !important;
}
.swatchimages {
    margin-top: 8px !important;
}
.product-item-content a {
    color: #777;
}
.product-item-content a:hover {
    text-decoration: underline;
    color: #fdb357;
}
.product-item-title {
    font-size: 1.1em;
    font-weight: 700;
    display: flex;
    justify-content: center;
    margin-bottom: 0.6em;
    text-align: left;
}
.product-item-snippet {
    font-size: 1em;
    margin-top: 0.6em;
    text-align: center;
}
.product-item-maker {
    display: none;
    font-size: 0.8em;
}
.product-item-review {
    font-size: 0.9em;
    margin-top: 0.6em;
}
.product-item-review .fa-comments-o::before {
    display: none;
}
.product-item-review a::before {
    font-family: "FontAwesome",'Avenir','Arial',sans-serif;
    display: inline-block;
    margin-right: 0.4em;
    content: "\f27b";
    transform: scaleX(-1);
}
.product-item-review a::after {
    content: "の商品レビュー・評価を見る";
}
.product-item-buttons {
    margin-top: 0.6em !important;
}

.product-item-buttons > * {
    width: 49%;
    margin: 0 0.5% !important;
}
.product-item-buttons a {
    margin-bottom: 8px !important;
    border-radius: 4px;
}
.product-item-buttons a:hover {
    text-decoration: none;
    opacity: 0.6;
    color: #fff;
}
.shoplinkamazon a,
.shoplinkrakuten a ,
.shoplinkyahoo a {
    background: #fff;
}
.shoplinkamazon a {
    color: #fdb357;
    border: 1px solid #fdb357;
}
.shoplinkrakuten a {
    color: #fb856b;
    border: 1px solid #fb856b;
}
.shoplinkyahoo a {
    color: #85c2db;
    border: 1px solid #85c2db;
}
.shoplinkamazon a:hover {
    background: #fdb357;
}
.shoplinkrakuten a:hover {
    background: #fb856b;
}
.shoplinkyahoo a:hover {
    background: #85c2db;
}
.shoplinkamazon a::after,
.shoplinkrakuten a::after,
.shoplinkyahoo a::after {
    font-family: "FontAwesome",'Avenir','Arial',sans-serif;
    content: "で検索 \f138";
}
/* カタログ画像ポップアップ */
.image-content {
    top: 5px;
    right: 5px;
    max-width: calc(100% - 180px);
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}
.image-content img {
    border-radius: 4px;
}
/* 画像Lサイズ */
.pis-l figure.product-item-thumb img {
    width: auto;
    max-height: 250px;
}
.pis-l figure.product-item-thumb .image-content img {
    max-height: 500px;
}
.pis-l .product-item-buttons {
    justify-content: center;
}
.pis-l .product-item-buttons > * {
    width: 90%;
}
/* Amazon Android アプリストア */
.mobile-applications .product-item-buttons {
    justify-content: center;
}
.mobile-applications .product-item-buttons > * {
    width: 90%;
}
.mobile-applications .product-item-buttons a {
    margin-bottom: 0 !important;
}
.mobile-applications .shoplinkamazon a::after,
.mobile-applications .shoplinkrakuten a::after,
.mobile-applications .shoplinkyahoo a::after {
    content: "アプリストアでダウンロード \f019";
}
.mobile-applications .shoplinkrakuten a,
.mobile-applications .shoplinkyahoo a {
    display: none;
}
/* 外枠ラベル */
/* 
.product-item-box::before {
    font-family: "FontAwesome",'Avenir','Arial',sans-serif;
    font-size: 1.05em;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    top: -15px;
    left: 16px;
    display: inline-block;
    padding: 6px 8px 4px;
    content: "\f00e  商品検索";
    color: #777;
    border-radius: 8px;
    background: #fff;
}
.product-item-box.mobile-applications::before {
    content: "\f019  ダウンロード";
}
 */
/* 複数アイテム */
.article br + .product-item-box {
    margin-top: 1em !important;
}
.product-item-box + br {
    display: none;
}
br + .product-item-box::before {
    display: none !important;
}
/* 余白設定 */
.article h2 + .product-item-box,
.article h3 + .product-item-box,
.article h4 + .product-item-box,
.article h2 + p + .product-item-box,
.article h3 + p + .product-item-box,
.article h4 + p + .product-item-box {
    margin-top: 2em;
}
.product-item-box  + p {
    margin-top: 3em;
}
/* 枠内 */
.article div[class*="-frame"] .product-item-box,
.article .toggle-wrap .product-item-box {
    margin-top: 0;
    padding-right: 0.5em;
    padding-left: 0.5em;
    border: 0;
    border-radius: 0;
}
.article div[class*="-frame"] br + .product-item-box,
.article .toggle-wrap br + .product-item-box {
    border-top: 2px dotted #ddd;
}
/* タイトル枠内(不要p要素対策) */
div.title-frame .product-item-box + p {
    margin-top: 0;
}
div.title-frame p:has(+ .product-item-box) {
    margin-bottom: 0;
}

@media screen and (max-width: 834px) {
    .product-item-thumb {
        width: 160px;
        min-width: 160px;
        margin-right: 0 !important;
    }
    .product-item-buttons > * > a {
        font-size: 13px;
    }
}

@media screen and (min-width: 769px) {
    .product-item-thumb {
        min-width: 160px !important;
    }
    /* Amazon Android アプリストア */
    .mobile-applications .product-item-thumb {
        width: 120px;
        min-width: 120px !important;
        margin-left: 1em !important;
    }
}

@media screen and (max-width: 768px) {
    .product-item-thumb {
        margin-right: 3% !important;
    }
    .product-item-review a::after {
        content: "レビューを見る";
    }
    .product-item-buttons {
        justify-content: center;
    }
    .product-item-buttons > * {
        width: 90%;
    }
    /* Amazon Android アプリストア */
    .mobile-applications .product-item-thumb {
        width: 120px;
        min-width: 120px !important;
        margin-left: 0.5em !important;
    }
}

@media screen and (max-width:639px){
    .product-item-buttons > * {
        width: 100% !important;
    }
    .product-item-buttons a {
        padding: 6px;
    }
    .product-item-buttons > .shoplinkyahoo > a {
        font-size: 11px;
    }
}

@media screen and (max-width: 480px) {
    .product-item-content {
        width: 100% !important;
    }
    .product-item-review {
        font-size: 0.9em;
    }
    .product-item-review a::after {
        content: "レビュー";
    }
    .shoplinkamazon a::after,
    .shoplinkrakuten a::after,
    .shoplinkyahoo a::after {
        content: " \f138";
    }
    /* 画像Mサイズ 2カラム 調整*/
    .pis-m .product-item-title {
        word-break: break-word;
    }
    .pis-m .product-item-thumb {
        width: 100px;
        min-width: 100px;
    }
    /* Amazon Android アプリストア */
    .mobile-applications .product-item-thumb {
        width: 80px;
        min-width: 80px !important;
        margin-left: 0 !important;
    }
    .mobile-applications .shoplinkamazon a::after,
    .mobile-applications .shoplinkrakuten a::after,
    .mobile-applications .shoplinkyahoo a::after {
        content: "アプリストア \f019";
    }
    /* 画像Lサイズ 1カラム */
/* 
    .pis-l.product-item-box {
        display: block;
    }
    .pis-l .product-item-thumb {
        float: none !important;
        margin: 0 auto 1em !important;
    }
 */
    /* 画像Mサイズ 1カラム */
/* 
    .pis-m.product-item-box {
        display: block;
    }
    .pis-m .product-item-thumb {
        float: none !important;
        margin: 0 auto 1em !important;
    }
    .pis-m .product-item-thumb img {
        width: 100px;
    }
    .mobile-applications .product-item-thumb {
        width: 100px;
        min-width: 100px !important;
    }
 */
}

/*--------------------------------------------------------
  タイトル&URLコピー
--------------------------------------------------------*/

.copy_btn_outer {
    margin-top: 2em;
    margin-bottom: 2em;
    text-align: center;
}
.copy_btn {
    display: inline-block;
    padding: 0.7em 1em 0.5em;
    text-decoration: none;
    color: #777;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #f7f7f7;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
}
.copy_btn::before {
    font-family: 'FontAwesome';
    font-size: 1.1em;
    font-weight: 400;
    margin-right: 0.5em;
    content: '\f0ea';
    text-align: center;
    vertical-align: middle;
    color: #777;
}
.copy_btn:active {
    transform: translateY(2px);
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
}
.copy_btn:hover {
    opacity: 0.5;
}
.copied {
    color: #fff;
    border: none;
    background: #777;
    box-shadow: none;
}
.copied::before {
    content: '\f00c';
    color: #fff;
}
.copied:active {
    transform: translateY(0);
}

/*--------------------------------------------------------
  星評価
--------------------------------------------------------*/

.rating-star {
    font-size: 1.1em;
    color: #fdb357;
}
.rating-number {
    font-size: 0.9em;
    margin-left: 0.4em;
    color: #555;
}

/*--------------------------------------------------------
  グローバルナビ検索ボックス
--------------------------------------------------------*/

.header-container-in.hlt-top-menu.hlt-tm-small .navi-in > ul > li {
    line-height: 50px;
    height: 50px;
}
#navi .navi-in>ul>li.nav-search-box {
    width: 35%;
}
li.nav-search-box {
    margin: 0 16px;
}
.navi-footer-in li.nav-search-box {
    display: none;
}

@media screen and (max-width: 1023px) {
    li.nav-search-box {
        display: none;
    }
}

/*--------------------------------------------------------
  目次ボタン
--------------------------------------------------------*/

/* 目次表示切替無効 */
#mobile-toc-widget-wrap .toc-title {
    pointer-events:none;
}
#mobile-toc-widget-wrap .toc-title::after {
    display: none;
}
#mobile-toc-widget-wrap .toc-content {
    visibility: visible;
    opacity: 1;
}

/* 位置 */
#mobile-toc-widget-wrap {
    position: fixed;
    z-index: 5;
    right: 10px;
    bottom: 90px;
    margin: 0;
    padding: 0;
    counter-reset: mobile-toc;
}

/* ボタン */
#mobile-toc-widget-wrap label .mobile-toc-button {
    position: relative;
    z-index: 3;
    width: 50px;
    height: 50px;
    text-align: center;
    opacity: 0.7;
    border-radius: 50%;
    background: #333;
}
#mobile-toc-widget-wrap label .mobile-toc-button::before {
    font-size: 10px;
    position: absolute;
    top: 30px;
    left: 10px;
    display: flex;
    content: "もくじ";
    color: #fff;
}

/* トリガー */
#mobile-toc-widget-wrap .menu-trigger,
#mobile-toc-widget-wrap .menu-trigger span {
    display: inline-block;
    box-sizing: border-box;
    transition: all 0.2s;
}
/* FontAwesome文字有 */
#mobile-toc-widget-wrap .menu-trigger {
    position: relative;
    width: 40px;
    height: 40px;
}
#mobile-toc-widget-wrap .menu-trigger::before {
    font-family: 'FontAwesome';
    font-size: 24px;
    position: absolute;
    top: 0;
    left: 9px;
    content: "\f03a";
    color: #fff;
}
/* メニュー非表示アイコン
#mobile-toc-widget-wrap .menu-trigger.active::before {
    font-size: 24px;
    top: 0;
    left: 11px;
    content: "\f00d";
}
 */

/* ウィンドウ */
#mobile-toc-widget-wrap label:hover {
    background: #efefef;
}
#mobile-toc-widget-wrap input {
    display: none;
}
#mobile-toc-widget-wrap .mobile-toc-show {
    display: none;
}
#mobile-toc-widget-wrap input:checked ~ label .mobile-toc-show {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-animation: 0.5s fade-in;
    animation: 0.5s fade-in;
    background-color: rgba(0,0,0,0.5);
}
#mobile-toc-widget-wrap input:checked ~ label .mobile-toc-widget {
    position: fixed;
    top: 15%;
    left: 15%;
    display: block;
    overflow-y: scroll;
    width: 70%;
    height: 70%;
    padding: 1em;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
}
.mobile-toc-show::after {
    font-size: 1.15em;
    position: absolute;
    bottom: 10%;
    left: 47%;
    content: "[X] 閉じる";
    color: #fff;
}
@-webkit-keyframes fadeIn {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 0.93;
    }
}
@keyframes fade-in {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 0.93;
    }
}

/* コンテンツ */
#mobile-toc-widget-wrap .widgettitle,
#mobile-toc-widget-wrap .toc-title {
    font-size: 1.15em;
    font-weight: 700;
    text-align: center;
    color: #777;
    border-bottom: 3px solid #ddd;
}
/* タイトル前 閉じるアイコンVer. */
#mobile-toc-widget-wrap .widgettitle::before,
#mobile-toc-widget-wrap .toc-title::before {
    margin-right: 0.2em;
    content: "[X]";
}
/* タイトル前 目次アイコンVer.
#mobile-toc-widget-wrap .widgettitle::before,
#mobile-toc-widget-wrap .toc-title::before {
    font-family: 'FontAwesome';
    font-weight: 400;
    margin-right: 0.2em;
    content: "\f0f6";
}
 */
#mobile-toc-widget-wrap .toc-widget-box {
    margin: 0 1em;
}
#mobile-toc-widget-wrap .mobile-toc-show .toc {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
}
#mobile-toc-widget-wrap .toc-list {
    padding: 0;
}
#mobile-toc-widget-wrap .toc-list li {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 8px 8px 8px 1.5em;
    text-indent: -1.35em;
    color: #777;
    border: none;
}
#mobile-toc-widget-wrap .toc-list li::before {
    margin-right: 0.25em;
}
#mobile-toc-widget-wrap .toc-list li ol {
    padding-left: 0.25em;
}
#mobile-toc-widget-wrap .toc-list li ol li {
    padding: 2px 0 2px 0.5em;
    text-indent: -0.35em;
}
#mobile-toc-widget-wrap .toc-list li ol li::before {
    display: none;
}
#mobile-toc-widget-wrap .toc-list li ol li a::before {
    font-family: 'FontAwesome';
    display: inline-block;
    margin-right: 0.25em;
    content: "\f0da";
    color: #777;
}
#mobile-toc-widget-wrap .toc-list li ol ol li a::before {
    content: '\f105";
}

/* スクロールバー */
.mobile-toc-widget::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 12px;
}
.mobile-toc-widget::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #ddd;
}

@media screen and (max-width: 480px) {
    .menu-content {
        max-width: 80%;
    }
    #mobile-toc-widget-wrap input:checked ~ label .mobile-toc-widget {
        top: 15%;
        left: 5%;
        width: 90%;
        height: 70%;
    }
    #mobile-toc-widget-wrap .toc-widget-box {
        margin: 0;
    }
    .mobile-toc-show::after {
        left: 39%;
    }
}

/*--------------------------------------------------------
  カテゴリーウィジェット特定カテゴリー非表示
--------------------------------------------------------*/

.selector-hide {
    display: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}