@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 1.04
 Customizer: Ayaka
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

body{text-align:justify;text-justify:inter-ideograph;letter-spacing:0.05em;}
#logo,#logo img,.desktop-nav li a,#drawer__open{height:80px;line-height:80px;object-fit:contain;}

/* Hタグ */
/*section.entry-content h2{padding:0.5em 0 0.5em 0.5em;margin-bottom:1.5em;background:transparent;border-left:solid 6px #c0c0c0;font-size:125%;}*/
section.entry-content h2{font-size:1.3em;border:0;margin:0 0 1em 1.5em;padding:1.5em 0 0 0;position:relative;}
section.entry-content h2::before{content:"\f5fd";font-family:"Font Awesome 5 Free";font-weight:900;color:#666666;margin:-0 4em 0 -1.5em;display:block;position:absolute;}
section.entry-content h3{border:0;margin-left:1em;position:relative;}
section.entry-content h3::before{content:"\f5bc";font-family:"Font Awesome 5 Free";font-size:1em;font-weight:900;color:#666666;margin:0 4em 0 -1.55em;display:block;position:absolute;}
section.entry-content h4{border:0;margin-left:1.15em;position:relative;}
section.entry-content h4::before{content:"\f111";font-family:"Font Awesome 5 Free";font-size:0.5em;font-weight:900;color:#666666;margin:0.8em 4em 0 -2.35em;display:block;position:absolute;}
section.entry-content h5{border:0;margin:1em 0 1em 1.35em;position:relative;}
section.entry-content h5::before{content:"\f111";font-family:"Font Awesome 5 Free";font-size:0.5em;font-weight:100;color:#666666;margin:0.65em 4em 0 -2.7em;display:block;position:absolute;}
section.entry-content h6{border:0;margin:0 0 1em 1.35em;position:relative;font-size:100%;}
/*section.entry-content h6::before{content:"\f219";font-family:"Font Awesome 5 Free";font-weight:900;color:#c0c0c0;margin:0 0 0 -1.45em;display:block;position:absolute;}*/

/* リスト */
section.entry-content ul.wp-block-list{list-style:none;border:0;border-radius:5px;background-color:#f5f5dc;border:1px solid #eee;}
section.entry-content ul.wp-block-list li{position:relative;padding:0 1em 1em 1em;margin:0 0 0 -1em;font-size:0.95em;}
section.entry-content ul.wp-block-list li:first-child{position:relative;padding-top:1em;}
section.entry-content ul.wp-block-list li::before{position:absolute;left:0;font-family:"Font Awesome 5 Free";font-weight:900;font-size:50%;content:'\4f';color:#228b22;}
section.entry-content ol.wp-block-list{border:0;border-radius:5px;background-color:#f5f5dc;border:1px solid #eee;counter-reset:li;}
section.entry-content ol.wp-block-list li{list-style:none;padding:0 1em 1em 0;margin:0 0 0 0.9em;font-size:0.95em;position:relative;}
section.entry-content ol.wp-block-list li:first-child{position:relative;padding-top:1em;}
section.entry-content ol.wp-block-list li::before {display:inline-block;min-width:1.7em;margin-right:5px;border-radius:50%;background-color:#6b8e23;color:#fff;font-weight:bold;font-size:0.75em;line-height:1.7em;text-align:center;content:counter(li);counter-increment:  li;position:absolute;margin:0.4em 1.5em 0 -2.4em;}

/* リンク */
section.entry-content a.link-deco,section.entry-content a.link-deco:visited,section.entry-content a.link-deco:active{text-decoration:underline;font-weight:lighter;color:#0000ff;}
section.entry-content a.link-deco:hover{text-decoration:none;}

/* カード式 関連記事｜スタンダードモデル */
section.entry-content p.connection-border{padding:20px 15px;font-size:0.9em;background-color:#fafafa;border:1px solid #f7f7f7;border-radius:5px;}
section.entry-content p span.connection{background-color:#dcdcdc;font-weight:bold;color:#000;margin:0 10px 0 0;padding:4px 5px;border-radius:5px;}
/*section.entry-content p span.connection:after{font-family:'FontAwesome';content:'\f061';}*/
/* カード式 関連記事｜スタンダードモデル｜ul li ver. */
section.entry-content ul li span.li-connection-box{padding:5px 0;display:inline-block;}
section.entry-content ul li span.li-connection-border{font-size:0.9em;}
section.entry-content ul li span.li-connection{background-color:#eedcba;font-size:0.9em;font-weight:bold;color:#000;margin:0 10px 0 0;padding:4px 5px;border-radius:5px;}
/*section.entry-content p span.connection:after{font-family:'FontAwesome';content:'\f061';}*/
/* カード式 関連記事｜記事末尾モデル */
section.entry-content p.cardlink-border{padding:20px 15px;font-size:0.9em;background-color:#fafafa;border:1px solid #f7f7f7;border-radius:5px;}
section.entry-content p i{font-size:1.1em;color:#666666;margin-right:3px;}

/* 引用 */
section.entry-content blockquote{position:relative;background:#ffeee7;border:0;border-radius:5px;padding:20px;font-size:90%;}
section.entry-content blockquote:before{position:absolute;left:45%;top:-24px;background-color:#FFFFFF;color:#808080;border:2px solid #ffeee7;box-sizing:border-box;font-family:'FontAwesome';content:'\21';line-height:1;padding-top:12px;text-align:center;width:48px;height:48px;font-size:20px;border-radius:24px;}

/* 記事内 注意書き */
p.is-style-sango-paragraph-idea-alt{font-size:95%;border:1px solid #eee;}
p.is-style-sango-paragraph-exclamation-alt{font-size:95%;border:1px solid #eee;}
p.is-style-sango-paragraph-memo-alt{font-size:95%;border:1px solid #eee;}
p.is-style-sango-paragraph-memo{font-size:85%;border:1px solid #eee;}

/* Contact Form必須フィールドのラベルスタイル */
.wpcf7-form .required {background-color:#ff0000;color:#ffffff;padding:2px 5px;border-radius:3px;margin-left:10px;font-size:80%;}

/* 関連記事カード */
.entry-content a.linkto.table{margin:2em 0;border:solid 2px #999;/background:none;transition:.3s;}
.entry-content a.linkto.table img{box-shadow:none;}
.entry-content a.linkto.table:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);opacity:1;background-color:#fff;}
.entry-content a.linkto{position:relative;max-width:100%;}
.entry-content a.linkto:before{position:absolute;content:"＼ヒントになるかも？／";top:-17px;left:6px;display:inline-block;width:200px;height:27px;text-align:center;vertical-align:middle;background:#fff;font-size:90%;line-height:28px;color:#dc143c;letter-spacing:0.1rem;padding-left:3px;border-radius:0;}
.entry-content a.linkto:after{position:absolute;display:flex;height:15%;padding:8px 15px;content:"続きを読む \f138";font-family:"Font Awesome 5 Free";bottom:9px;right:9px;font-size:80%;color:#fff;background:#dc143c;font-weight:700;text-decoration:none;align-items:center;border-radius:5px;}
.entry-content a.linkto .tbtext{font-feature-settings:"palt";padding:5px 0 0 5px;line-height:1.2rem;vertical-align:top;font-size:0.8em;color:#333;}