@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
*/

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



/*■■■■■ ■■■■■ header.phpから移動・ここから ■■■■■ ■■■■■*/
/************************************
** ボトムシェアボタンのみ丸くする
************************************/

/*ボトムシェアボタンの枠組み*/
.sns-share.ss-bottom .sns-share-buttons {
justify-content: center; /*中央に寄せる*/
}

/*ボトムシェアボタンのリンク*/
.sns-share.ss-bottom .sns-buttons a {
width: 40px; /*横幅*/
height: 40px; /*高さ*/
margin-right: 4px; /*右側の余白*/
margin-left: 4px; /*左側の余白*/
border-radius: 50%; /*丸み*/
}

/*ボトムシェアボタンのアイコン*/
.sns-share.ss-bottom .sns-buttons a .social-icon {
font-size: 18px; /*アイコンの大きさ*/
}

@media screen and (max-width: 480px) {
.sns-share.ss-bottom .sns-buttons a .social-icon {
font-size: 16px !important;
 }
}

/*ボトムシェアボタンのキャプション*/
.sns-share.ss-bottom .sns-buttons a .button-caption {
display: none; /*非表示*/
}

/*ボトムシェアボタンのシェア数*/
.sns-share.ss-bottom .sns-buttons a .share-count {
right: -2px; /*右側からの距離*/
bottom: -2px; /*下側からの距離*/
padding: 2px; /*内側の余白*/
font-size: 10px; /*文字の大きさ*/
border: solid 1px; /*線*/
border-radius: 3px; /*丸み*/
background-color: inherit; /*背景色*/
}

/*シェア数の表示が必要ないボトムシェアボタン*/
.sns-share.ss-bottom .sns-buttons a .share-count:empty {
padding: 0; /*内側の余白*/
border: 0; /*線*/
}

/*『タイトルとURLをコピー』だけデザイン変更*/
/*
a.copy-button {
width: 40px!important;
height: 40px!important;
border-radius:5px!important;
}
*/


/************************************
** タイトルとURLをコピーするボタンに任意のテキストを追加する
************************************/
/*トップシェアボタンのコピーボタン キャプション*/
.sns-share .sns-buttons a.copy-button .button-caption {
display: none; /*非表示*/
}

/*トップシェアボタンのカラム数 6列*/
.sns-share.ss-col-6 a {
width: 19%; /*横幅*/
}

/*トップシェアボタンのカラム数 5列*/
.sns-share.ss-col-5 a {
width: 24%; /*横幅*/
}

/*トップシェアボタンのカラム数 4列*/
.sns-share.ss-col-4 a {
width: 32%; /*横幅*/
}

/*トップシェアボタンのカラム数 3列*/
.sns-share.ss-col-3 a {
width: 49%; /*横幅*/
}

/*トップシェアボタンのカラム数 2列*/
.sns-share.ss-col-2 a {
width: 100%; /*横幅*/
}

/*トップシェアボタンのコピーボタン*/
.sns-share.ss-bottom .sns-buttons a.copy-button {
order: 1; /*順番*/
width: 100%!important;
border-radius: 6px!important;
background-color: #f4f5f7!important;/*■blog.kaimonojyoz.jpとは色が違う■/*/
color: #4D4D4D !important;
}



/*トップシェアボタンのコピーボタン 疑似要素*/
.sns-share.ss-bottom .sns-buttons a.copy-button .icon-copy::after {
content: "タイトルとURLをコピーする"; /*表示する文字を変更する場合はココの文言を編集する*/
margin-left: .4em; /*左の余白*/
vertical-align: middle; /*縦方向の配置指定*/
font-size: .8em; /*文字の大きさ*/
/*■■■■■--cocoon-default-font: 'Kosugi Maru','Noto Sans CJK JP',"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;■■■■■*/

  --cocoon-default-font: "Kosugi Maru",
                         "Kosugi Maru Fallback Android",
                         "Hiragino Maru Gothic ProN",
                         "Yu Gothic",
                         "Meiryo",
                         sans-serif;
font-style: normal;
 font-weight: 400;
word-break: break-all;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.sns-share.ss-bottom .sns-buttons a.copy-button:hover,.sns-share.ss-bottom .sns-buttons a.copy-button:active,a.site-name:hover,a.site-name:active {
transform: scale(0.97);
/*●トップシェアボタンのコピーボタンではこれなしbackground-color: inherit !important;●*/
transition: inherit !important;/*●all 0.3s ease-in-out;●*/
/*●トップシェアボタンのコピーボタンではこれなしcolor: inherit !important;;●*/

transition-behavior: normal !important;
transition-delay: 0s !important;
transition-duration: 0.3s !important;
transition-property: all !important;
transition-timing-function: ease-in-out !important;

opacity: 1.0 !important;
color: rgb(53, 53, 53) !important;
}

.sns-buttons {
margin-bottom: 1em !important;
}


.sns-share-message {
background-color: #f4f5f7;/*●blog.kaimonojyoz.jpとは色が違う●*/
padding: 3.6px;
color: #4D4D4D;
margin-bottom: 10px !important;
border-radius: 6px;
}

@media screen and (max-width: 834px) {
main.main{
padding-bottom: 16px !important;
}
}



/* ■■■目次のcss追加・ここから■■■ */
/* ■目次（TOC）の DOM を軽量化 */
.toc {
  contain: layout style;
}


.toc-title {
/*●これ入れないと閉じた時に下の枠が1px広がる●*/
margin-bottom: -6px;/*■www.kaimonojyoz.jp専用■-1px + -5px■*/
}

/*■閉じた時の下の余白■*/
.toc .toc-content {
padding-bottom: 0 !important;

transition: box-shadow 0.1s ease, border 0.1s ease !important; /* ちらつき対策■このスピードでは動いてないけど、上記0.1sを1sに変更してもtransition: all 1s ease !important;でもスピードが変化しない */
}

/*■閉じた時の下の余白を消す代わりに、開いた状態の時に1番下に余白を追加■*/
.toc .toc-list {
padding-bottom: 0.5em;
}
/* ■■■目次のcss追加・ここまで■■■ */



/*■メニュー箇所の「お問い合わせ」アイコンのポップアップ■ */
.menu-item a[href*="contact-me"] {
position: relative;
}

.menu-item a[href*="contact-me"]::after {
content: 'お問い合わせ';
position: absolute;
bottom: -2em;
left: 50%;
transform: translateX(-50%);
background: rgba(0,0,0,0.75);
color: #fff;
font-size: 0.75em;
white-space: nowrap;
padding: 2px 8px;
border-radius: 3px;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s;
}

.menu-item a[href*="contact-me"]:hover::after {
opacity: 1;
}



/*■■■■■コピーボタン関係・ここから■■■■■*/
/************************************
** コピーボタン関係
************************************/
.cpytext{
position: relative;
}

button.cpybtn{
position: absolute;
top: 5px;
right: 5px;
background-color: #333;
color: #fff;
border: 1px solid #333;
border-radius: 8px;
cursor: pointer;
font-size: 17px;
margin: 0px 5px;
padding: 5px;
width: 35px;
height: 35px;
}

.balloon_top {
bottom: initial;
right: 60px;
top: 5px;
background-color: #333;
width: 150px;
position: absolute;
margin-bottom: 15px;
padding: 8px;
border-radius: 10px;
font-size: 0.7em;
text-align: center;
z-index: 1;
opacity: 0.9;
}


pre button.cpybtn{
    position: absolute;
top: 5px;
 /*●2.5だと少しダメ●   top: 2.5px;●*/

margin: auto;

    right: 5px;
    background-color: #333;
    color: #fff;
    border: 1px solid #666;
    border-radius: 8px;
}
@media screen and (max-width: 480px){/*●*/
pre button.cpybtn {
  top: 0px;
}
/*●*/}




.balloon_top::before {
content: "";
width: 0;
height: 0;
border: 1px solid #333;
position: absolute;
right: -22px;
top: initial ;


border-width: 10px 0 10px 15px;
border-color: transparent transparent transparent #333;
translate: -55% 0%;

}

pre.wp-block-code, qpre.prism, pre.hljs {
position: relative;
}




/*●デフォルトのnohighlightが効かない対策●*/
.nohighlight .hljs-string, .nohighlight .hljs-bullet, .nohighlight .hljs-subst, .nohighlight .hljs-title, .nohighlight .hljs-section, .nohighlight .hljs-emphasis, .nohighlight .hljs-type, .nohighlight .hljs-built_in, .nohighlight .hljs-builtin-name, .nohighlight .hljs-selector-attr, .nohighlight .hljs-selector-pseudo, .nohighlight .hljs-addition, .nohighlight .hljs-variable, .nohighlight .hljs-template-tag, .nohighlight .hljs-template-variable{
color:#dddddd;
}

/*●色々対策●*/
/*●
pre, code{
font-size: smaller;
}
●*/

pre.no_number::before {
content: none!important;
}

pre.no_number code span{
color: inherit!important;
}

pre.hljs.no_number{
padding: 1em!important;
}
/*■■■■■コピーボタン関係・ここまで■■■■■*/
/*■■■■■ ■■■■■ header.phpから移動・ここまで ■■■■■ ■■■■■*/



/*●WooCommerce●カート関係*/
table tr.woocommerce-cart-form__cart-item { border: 1px #808080 solid;}
table tr:nth-child(odd) td { background: #fff;}
table td.product-subtotal { background: azure!important;}

/*●support.mens-esthe-guide.comのみ●Woocommerceのカート関係*/
table td.actions {display: none!important;}

/*●WooCommerce●「並び順」機能を非表示*/
.woocommerce-ordering {
display: none;
}


/*●WooCommerceが勝手に生成するauthor情報のタグを非表示にする*/
.author-info{
display: none;
}


/*●カートに追加ボタン*/
.woocommerce ul.products li.product .button {
  margin-top: 0.1em;
}


/*■■■WooCommerce 商品一覧をグリッド化（余白をなくす）・ここから■■■ */
/* パソコン表示時（画面幅769px以上：180px） */
.woocommerce-page ul.products.columns-4,
.woocommerce ul.products.columns-4 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}
.woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-4 li.product {
    flex: 0 1 calc(25% - 6px) !important; /* 4個並ぶことを保証(gap8px×3本÷4) */
    max-width: 180px !important;
min-width: 160px!important;
    width: auto !important;
    float: none !important;
    margin: 0 5px !important;
    box-sizing: border-box !important;
    clear: none !important;
/*■上に点線■*/
border-top: 2px dotted #333;
margin-top: 1em !important;
padding-top: 5px;
}

.woocommerce ul.products li.product a,
.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a {
font-size: 17px !important;
}

/*■価格表示の文字サイズ■*/
.woocommerce ul.products li.product .price {
font-size: 0.8em;
}




@media (max-width: 1255px) {/*■■*/
.woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-4 li.product {
max-width: 165px !important; 
}

.woocommerce ul.products li.product a,
.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a {
font-size: 16px !important;
}

.woocommerce ul.products li.product .price {
font-size: 0.77em;
}

/*■■*/}


@media (max-width: 1174px) {/*■■*/
.woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-4 li.product {
max-width: 150px !important;
min-width: 150px !important;
}

.woocommerce ul.products li.product a,
.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a {
font-size: 14.5px !important;
}
/*■■*/}


@media (max-width: 871px) {/*■■*/
.woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-4 li.product {
max-width: 170px !important; 
}
/*■■*/}


@media (max-width: 782px) {/*■■*/
.woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-4 li.product {
max-width: 160px !important; 
}
/*■■*/}


/* タブレット表示時（画面幅481px〜568px●元768px：170px） */
@media (min-width: 481px) and (max-width: 568px) {/*■■*/
.woocommerce-page ul.products.columns-4,
.woocommerce ul.products.columns-4 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}
.woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-4 li.product {
    width: 170px !important;
    max-width: 170px !important;
    float: none !important;
    margin: 0 5px !important;
    box-sizing: border-box !important;
    clear: none !important;
}
/*■■*/}


/* スマホ表示時（画面幅480px以下：1列2商品かつ中央寄せ） */
@media (max-width: 480px) {/*■■*/
/* 親要素のフレックスボックス化と中央寄せを強制 */
html body .woocommerce-page ul.products.columns-4,
html body .woocommerce ul.products.columns-4 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important; /* 子要素（商品）を中央に寄せる */
    padding: 0 !important;
    margin: 0 auto !important;
    float: none !important;
}
/* Cocoonの「width: 100%」を強力に上書きして2列にする */
html body .woocommerce-page ul.products.columns-4 li.product,
html body .woocommerce ul.products.columns-4 li.product,
html body .woocommerce-page .site main ul.products li.product {
    width: 160px !important; /* 強制的に2等分 */
    max-width: 160px !important;
    min-width: 160px !important; /* 横幅の縮小・拡大を固定 */
    display: block !important;
    float: none !important;
    margin: 4px !important; /* 商品のまわりに一律4pxの余白 */
    box-sizing: border-box !important;
    clear: none !important; /* テーマ側の改行命令をリセット */
    text-align: left !important; /* 商品の中身（文字など）は左揃え */
}
/*■■*/}


@media (max-width: 381px) {/*■■*/
html body .woocommerce-page ul.products.columns-4 li.product,
html body .woocommerce ul.products.columns-4 li.product,
html body .woocommerce-page .site main ul.products li.product {
min-width: 150px !important;
}

.woocommerce ul.products li.product a,
.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a {
font-size: 14.5px !important;
}
/*■■*/}
/*■■■WooCommerce 商品一覧をグリッド化（余白をなくす）・ここまで■■■ */



.single-product .woocommerce-product-gallery img,
.single-product .woocommerce-product-gallery__wrapper a.fancybox img {
width: 200px !important;
max-width: 200px !important;
height: auto !important;
}


/*●WooCommerce●ショップページトップの商品一覧にて、「◯◯件の結果・・・」を非表示*/
.woocommerce .woocommerce-result-count {
  display: none;
}


/*●WooCommerce●最大個数以上をカートに入れた時の警告の下余白*/
.woocommerce-notices-wrapper {
padding-bottom: 1em;
}


/*●WooCommerce●エラー等のアイコンの位置*/
.woocommerce-error, .woocommerce-info {
padding: 0.95em 1em 1em 1.5em;
}
.woocommerce-message {
padding: 1.1em 1em 1em 1.5em;
}
.woocommerce-error::before, .woocommerce-message::before {
left: 0.4em;
top: 1.17em;
}
.woocommerce-info::before {
left: 0.1em;
top: 1em;
}


/*●WooCommerce●商品コードを非表示*/
.sku_wrapper {
display: none;
}


/*●404の場合はサイドバーを非表示●WooCommerceのサイドバーが表示される対策*/
/* 404ページのサイドバーを非表示にして1カラム化 */
body.error404 #sidebar {
display: none !important;
}

body.error404 #main {
width: 100% !important;
float: none !important;
}

body.error404 #content {
display: block !important; /* flexレイアウトの場合の保険 */
}








/**目次**/.toc {display: block;padding: 0px;max-width: 600px;border: 1.2px #6ec4db solid !important;font-family: 'Noto Sans JP', sans-serif;}.toc-title {position: relative;padding: 5px 0;background: #6ec4db;color: #fff;font-weight: bold;}.toc .toc-content {padding: 5px 10px;background-color: #fff7ee;}.toc-list > li li a {font-weight: normal;font-size: 95%;color: #708090;margin-left: -5px;}.toc-list > li li ::before {content: '';width: 5px;height: 5px;display: inline-block;left: -10px;border-radius: 100%;background: #cdcdcd;position: relative;margin-bottom: 2px;}.article .toc-list > li li {list-style: none;}div.author-name ::after {content: url(img/author-name-yoko.png);position: relative;top: 0.25em;margin-right: 0.3em;margin-left: 0.3em;}/*●webp分岐●*/@supports (background-image: url(img/author-name-yoko.png.webp)) {div.author-name ::after {content: url(img/author-name-yoko.png.webp);position: relative;top: 0.25em;margin-right: 0.3em;margin-left: 0.3em;}/}.comment-form-email,.comment-form-url,.comment-notes {display:none;}/* cocoonのヘッダーのキャッチフレーズ*/.tagline{text-align: unset;}.tagcloud a{background-color: #fff8dc;}.tagcloud a:hover{background-color: #faf5f0;}.tag-link{background-color: #fff8dc;}.tag-link:hover{background-color: #faf5f0;}.sidebar h3::after{background-color: transparent;}.sidebar h3::before{background-color: #d9c8b7;opacity: 1;}.sidebar h3{border-bottom: solid 2.1px #ae9984;}p.form-submit{margin-top:8px;}button.comment-btn,input[type="submit"] {background-color: #fff8dc;}button.comment-btn:hover,input[type="submit"]:hover{background-color: #faf5f0;}div#search-menu-content > div.entry-tags{display: inline-block; margin-bottom: 0;}div.entry-tags > a.tag-cloud-link{background-color: #fff8dc;padding: 3px 7px .8px;border-radius: 7px;color: #333;text-decoration: none;display: inline-block;margin-right: 5px;padding: 1px 5px;font-size: 12px;border: 1px solid #999;word-break: break-all;}a.link-to-nob{text-decoration: underline;}a.link-to-nob:hover{cursor: hand; cursor:pointer;}h3.widget-sidebar-title, h3.widget-title {font-size: 1em;}.sidebar h3{margin:30px 0 20px;margin: 15px 0 5px;}table{text-align:center;}/*アプリーチ*/.appreach {text-align: left;padding: 10px;border: 1px solid #7C7C7C;overflow: hidden;}.appreach:after {content: "";display: block;clear: both;}.appreach p {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: 20px;line-height: 1.5;width: 72%;max-width: 72%;}.appreach__detail:after {content: "";display: block;clear: both;}.appreach__name {font-size: 16px;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;}.nob-table-2yoko{display:flex;}table th, table td {padding:6px 3px;}.nob-table-2yoko-ko{flex-grow: 1;}.article ol li{margin-left: 7px;}div.nob-head{max-width: 100%;}img.header-logo-nob{width:100%;max-width:128px;height:auto;vertical-align:middle;}.nob-head a{font-size:24px;margin-bottom:10px;text-decoration:unset;font-weight:normal;color:#333;}span.no-wrap-nob{display:inline-block;}/*aタグ付き画像のマウスオーバー【メディアのみ】*/a img.size-full{border:1px solid #FFF;}a:hover img.size-full {border:1px solid #ff0000}/*a:hover img {opacity: 0.8;}*//************************************** レスポンシブデザイン用のメディアクエリ************************************//*--●スマホ●--*//*--●●●●●●●●●●先に書くべきcss・ここから●●●●●●●●●●--*/
/*●目次のデザイン調整*/
.toc-list > li ol ::before {
 content: none;
 width: 0px;
 height: 0px;
}

.article .toc-list > li li {
list-style: inherit;
}

.toc-list > li li a {
color: inherit;
font-size: inherit;
}

.toc-list > li li::before {
background: none;
}


/*●ヘッダー画像のaタグの高さ調整*/
.nob-head a {
/*●元display: inline-flex;●*/
display: inline-block;
font-size: large;
font-weight: 700;
align-items: center;
}


/*●トグルボックスの開閉速度*/
.toggle-wrap .toggle-content {
transition: all 0.3s ease;
}

.toggle-checkbox:checked ~ .toggle-content {
transition: all 0.3s ease;
}


/*●記事タイトルを非表示*/
/*●.entry-title {
display: none;
}

*/
/*●ロゴの位置・サイズ*/
.logo-text, span.no-wrap-nob {
 font-size: 2em; 
 display: flex; 
 justify-content: center; 
 align-items: center;/*●元padding: 20px 0 30px;*/
padding: 10px 0 10px;
}


/*●ヘッダーのtagline付近の余白*/
div.nob-head{
padding: 10px 0 30px;
}


/*●ヘッダー画像付近*/
.tagline {
 text-align: center;
}





/*●画像リンクのホバーで透過*/
a img:hover{
opacity: 0.8;/*●元は0.6*/
}


/*●Woocommerceの注文画面のご注文tabelがはスマホではみ出る対策*/
.woocommerce table.shop_table {
table-layout: fixed;
}

.woocommerce table.shop_table td {
white-space: initial;
}


/*●記事タイトルを左右中央にする*/
.entry-title, .archive-title {
text-align: center;/*■www.kaimonojyoz.jp(1カラム)専用かも？■*/
}


/*●画像を保存させない */
img, li.item a img, div.shop-left-main img {
display: inline-block;
 
 pointer-events: none !important;
 
touch-callout:nonev !important;
 -moz-touch-callout:none !important;
 -webkit-touch-callout:none !important;
 user-select:none !important;
 -moz-user-select:none !important;
 -webkit-user-select:none !important;
 -ms-user-select:none !important;
-khtml-user-select:none !important;
-webkit-user-drag:none !important;
-khtml-user-drag:none !important;

}


/*●a.a-clickable-imgのimgだけはクリックできるようにする */
a.a-clickable-img img, .logo-header img{
pointer-events: initial !important;
 user-select: initial !important;
 -moz-user-select: initial !important;
 -webkit-user-select: initial !important;
 -ms-user-select: initial !important;

}




/*●枠の下の空行対策*/
.nmlbox p, .ylwbox p, .redbox p, .graybox p, .rnd1 p, .rbox1 p, .rbox2 p, .shadow1 p, blockquote p, .inyoumodoki p, .line_wrapper p,.nmlbox ul, .ylwbox ul, .redbox ul, .graybox ul, .rnd1 ul, .rbox1 ul, .rbox2 ul, .shadow1 ul, blockquote ul, .inyoumodoki ul, .line_wrapper ul,.article ul, .article p{
margin-bottom: 0;

}


/*●枠の前に空行入れたい対策*/
.border1,.border2,.border3,.border4,.border5,.border6,.border7,.border8,.border9,.border10,.borderdot1,.borderdot2,.borderdot3,.borderdot4,.borderdot5,.borderdot6,.borderdot7,.borderdot8,.borderdot9,.borderdot10,.borderdot101,.borderdot102,.borderdot103,.borderdot104,.borderdot105,.borderdot106,.borderdot107,.borderdot108,.borderdot109,.borderdot1010{
margin-top: 0;
padding-top: 0;

}


/*●cocoonだけ関係●iframeの外枠を除去*/
.video iframe{
border: none;
}


/*●プラグイン『Easy FancyBox』のよるポップアップのタイトル位置とかの変更*/
.fancybox-title-over {
top: 0!important;/*●元は　bottom: 0;●　*/
text-align: center!important;/*●元は　text-align: left;　*/
}

/*●画像が中央寄せにならないバグ？対策*/
/*●imgタグをｐタグとかで囲んで <p class="img-center-nob"> とかにする*/
.img-center-nob{
text-align: center!important;
}


/*●メニューの英単語が勝手に大文字になる対策*/
/*●.●どれだか不明●cssじゃないかも {
text-transform:none!important; //記述したそのままの通りに表示}

●*/
/*●●Autoptimizeのクリティカルcssの箇所に記述してある-2●*/
.header{
width: 100%;
max-width: 1800px;
margin: auto;
}


/*●高速化してたら画像がlargeがなくなってfullになり、画像リンクのホバーが赤枠になってしまった対策*/
a:hover img.size-full{
border: none;
}


/*●reCAPTCHA バッジを非表示●*/
.grecaptcha-badge {
 visibility: hidden; }

/*●ブログカードのドメインリンクの幅おかしい*/
div.blogcard-domain a{
width: 100%;
}


/*●404ページの画像の高さ*/
.error404 img{
max-width: 50%!important;
margin: auto!important;
}


/*●カテゴリー『ブログ』の『ページトップヘ戻る』ボタンの位置 & オーバーレイのボタンを非表示*/
.categoryid-1 .go-to-top {
/*●bottom: 10px;●*/
}

.categoryid-1 .koukoku-yoko, .categoryid-1 .koukoku-tate{
display: none;
}


/*●LiteSpeed Cacheプラグインの画像遅延時、ふわっと表する*/
/*●img[data-lazyloaded]{
opacity: 0;
}

img.litespeed-loaded{
-webkit-transition: opacity .5s linear 0.2s;
-moz-transition: opacity .5s linear 0.2s;
transition: opacity .5s linear 0.2s;
opacity: 1;
}

●*/


/*■ContactForm7関係のcssは該当投稿ページのカスタムcssにある■*/
.nob-new-blog{
max-width: 700px;
margin: 0 auto;
}




/*●Highlighting Code Blockでcssだけ上下の余白が大きい対策●*/
.wp-block-code{
padding-top: 0!important;
padding-bottom: 0!important;
}

.language-css{
padding-top: 0!important;
}


/*●Easy FancyBoの画像タイトルの背景色●*/
#fancybox-title{
background-color: #feeed8!important;
}


/*●新着記事一覧のタイトルのfont-weight●*/
.new-entry-card-title{
font-weight: 700;
}


/*●コンテンツ最下の余白が多すぎる対策●*/
.entry-content, #list {
margin-bottom: 2em!important;/*●初期値：3em●*/
}

.entry-content {
padding-bottom: 0 !important;/*●1.2em;●*/
}

.main {
padding-bottom: 1em;
}



/*●フッターエリアの上の余白が多すぎる対策●*/
.footer-bottom {
margin-top: 0;
}


/*●パンくずがPageSpeed Insightsでコントラストが足らない対策●*/
.breadcrumb a {
color: #575757;
}


.inyoumodoki {
/*元
background-image: url(../../../img/quote2.png);
padding-bottom: 10px;
●*/
background-image: none;
}

.inyoumodoki{
position:relative;
border-left:3px solid #b2b2b2;
padding-left:10px;
}

.inyoumodoki p{
position:relative;
padding-left:30px;
}

.inyoumodoki cite{
display: block;
font-size:0.8rem;
color:#F8C8B2;
text-align:right;
}

.inyoumodoki:before{
position:absolute;
font-family:'FontAwesome';
content:'\f10d';
font-size: 15px;
color:#b2b2b2;
top:10px;
left:10px;
}

.inyoumodoki:after{
position:absolute;
font-family:'FontAwesome';
content:'\f10e';
font-size: 15px;
color:#b2b2b2;
right:10px;
bottom:10px;
}



pre.hljs{
margin-bottom: 0;/*■元は0.1em■*/
}


/*●問い合わせページの送信エラーの文言のマウスオーバー時の矢印 ●*/
/*●目次をタップした時に青くなるのを回避 ●*/
label:not(.toggle-button), .wpcf7-not-valid-tip{
cursor: initial!important;
}

/*●ブログカード関係 ●*/
/*●●●
.internal-blogcard::after,
.entry-card-content::after{
content: '続きを読む \00bb';
position: absolute;
bottom: .5rem;
right: 1rem;
font-size: 70%;
background-color: #6ec4db;
padding: .4em 3em;
font-weight: bold;
color: #fff; 
border-radius: 2px;
}


.internal-blogcard{
position: relative;
padding-bottom:40px;
}

article.entry-card{
position: relative;
padding-bottom:15px;
}
●●●*/

.internal-blogcard-footer{
display: none; /* 内部ブログカードのアイコンとURLを非表示 */
}



/*●PC表示でファーストビュー以外を■content-visibility■で囲む ●*/
.section-nob {
width: 100%;
max-width: 100%;
/*■content-visibility: auto;
contain-intrinsic-size: 650px;■autoおよびファーストビュー以外の残り全体の高さはfooter.phpのscriptで動的に処理・計算する■*/
}






/*●トップページ下部のサービスパッケージ紹介のh2タグの不具合対策●*/
.entry-card-title-nob {
font-size: 17px !important;
background-color: unset !important;
margin: 0 0 .4em 0 !important;
line-height: 1.6 !important;
font-weight: 700 !important;
display: -webkit-box !important;
overflow: hidden !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
padding: 0 !important;
}


/*■タップターゲット対策■*/
.search-submit {
font-size: 24px;
top: calc(50% - 16px);
}


/*■「Contact Form 7」の問い合わせで余計な線？枠？が表示される対策■*/
.hidden-fields-container{
display: none;
}



/*--●●●●●●●●●●先に書くべきcss・ここまで●●●●●●●●●●--*/
/* ボックス */.ylwboxnmlbox,.dottbox,.ylwbox,.graybg{ padding:15px; margin-top: 10px; margin-bottom: 10px; clear:both;} .graybg{ background-color:#EBEBEB;}.dottbox{ border:dotted 1px #666;}.nmlbox { border: 2px solid #CCCCCC;}.ylwbox { background-color: #FFFFD2; border: 2px solid #CC0000;}

/* 角丸 */.rnd1{padding: 15px;margin: 15px auto 15px auto;}.rnd1{position:relative;z-index:1;padding: 15px;margin: 15px auto 15px auto;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}.rbox1 {background-color: #f0f0f0;border: 1px solid #d7d7d7;}.rbox2 {background-color: #FFF;border: 2px solid #FF843F;}.rbox3 {background-color: #FFF;}.rbox4 {background-color: #F5F5F5;}

/* 文字装飾 */.bai-strong-under{font-size: 2rem; font-weight: bold; text-decoration: underline; line-height: 1.2em;}.red-strong{font-weight: bold; color: #ff0a0a!important; line-height: 2em; font-size: larger;}blockquote { font-size:12px; color:#666666; border: 2px dotted #CCCCCC; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin: 15px; line-height: 130%;}.alert,.accept,.attention,.thint{ font-size: 12px; line-height: 130%; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 55px; margin-top: 10px; margin-bottom: 10px; background-position:8px 3px;}.alert { background-color: #FFEFEF; background-image: url(../../../img/alert.png); background-repeat: no-repeat; color: #A2462F; border: 1px solid #FABDA7;}.accept { border: 1px solid #C2E39B; background-color: #EFFADA; background-image: url(../../../img/accept.png); background-repeat: no-repeat; color: #346F15;}.attention { border: 1px solid #FDE8A8; background-color: #FEF8E0; background-image: url(../../../img/attention.png); background-repeat: no-repeat; color: #804900;}.thint { border: 1px solid #C5D7ED; background-color: #EFF4FA; background-image: url(../../../img/thint.png); background-repeat: no-repeat; color: #2C4F7A;} .user1,.user2 { font-size: 12px; line-height: 130%; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 100px; margin-top: 10px; margin-bottom: 10px; background-repeat: no-repeat; background-position: 12px 12px; background-color: #EFF4FA; border: 1px solid #C5D7ED; min-height: 70px; _height:70px; _zoom: 1; overflow: hidden;} .user1{ background-image: url(../../../img/user1.png);} .user2{ background-image: url(../../../img/user2.png);}.noimage{ padding-left:12px; background-image: none; min-height:15px;}.ylw{ background-color:#FFE566; font-weight:bold; padding:2px;}

/* 水平線 */.border1,.border2,.border3,.border4,.border5,.border6,.border7,.border8,.border9,.border10,.borderdot1,.borderdot2,.borderdot3,.borderdot4,.borderdot5,.borderdot6,.borderdot7,.borderdot8,.borderdot9,.borderdot10,.borderdot101,.borderdot102,.borderdot103,.borderdot104,.borderdot105,.borderdot106,.borderdot107,.borderdot108,.borderdot109,.borderdot1010,{ margin: 10px; padding: 1em 0px;  line-height: 1px; height: 1px; _zoom: 1; overflow: hidden;}.border1 { border-bottom:solid 2px #000000;}.border2 { border-bottom:solid 2px #808080;}.border3 { border-bottom:solid 2px #ff0000;}.border4 { border-bottom:solid 2px #ff00ff;}.border5 { border-bottom:solid 2px #00ff00;}.border6 { border-bottom:solid 2px #ffff00;}.border7 { border-bottom:solid 2px #0000ff;}.border8 { border-bottom:solid 2px #00ffff;}.borderdot1 { border-bottom:dotted 2px #000000;}.borderdot2 { border-bottom:dotted 2px #808080;}.borderdot3 { border-bottom:dotted 2px #ff0000;}.borderdot4 { border-bottom:dotted 2px #ff00ff;}.borderdot5 { border-bottom:dotted 2px #00ff00;}.borderdot6 { border-bottom:dotted 2px #ffff00;}.borderdot7 { border-bottom:dotted 2px #0000ff;}.borderdot8 { border-bottom:dotted 2px #00ffff;}.borderdot101 { border-bottom:dashed 2px #000000;}.borderdot102 { border-bottom:dashed 2px #808080;}.borderdot103 { border-bottom:dashed 2px #ff0000;}.borderdot104 { border-bottom:dashed 2px #ff00ff;}.borderdot105 { border-bottom:dashed 2px #00ff00;}.borderdot106 { border-bottom:dashed 2px #ffff00;}.borderdot107 { border-bottom:dashed 2px #0000ff;}.borderdot108 { border-bottom:dashed 2px #00ffff;}.layout_l{ float:left;}.layout_r{ float:right;}.hd,.hd:hover,.hd:visited{ color:#333; text-decoration:none;}