@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 1.10
 Customizer: ito
*/
/*こちらは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;}
#logo a{font-size:0.7em !important;}
footer.article-footer span.sns-btn__title{font-size:1.1em;color:#bbb;}

/* Hタグ */
section.entry-content h1.wp-block-heading{font-size:1.5em;border:0;margin:0 0 1em 1.5em;padding:0;position:relative;}
section.entry-content h1.wp-block-heading::before{content:"\f559";font-family:"Font Awesome 5 Free";font-weight:900;color:#b31031;margin:-0 4em 0 -1.5em;display:block;position:absolute;}
section.entry-content h2.wp-block-heading{font-size:1.3em;border:0;margin:0 0 1em 1em;padding:1.5em 0 0 0;position:relative;}
section.entry-content h2.wp-block-heading::before{content:"\f111";font-family:"Font Awesome 5 Free";font-size:0.5em;font-weight:900;color:#b31031;margin:0.8em 4em 0 -1.9em;display:block;position:absolute;}
section.entry-content h3.wp-block-heading{font-size:1.15em;border:0;margin-left:0.5em;position:relative;}
section.entry-content h3.wp-block-heading::before{content:"\2a";font-family:"Font Awesome 5 Free";font-size:0.7em;font-weight:900;color:#006400;margin:0.28em 4em 0 -1.48em;display:block;position:absolute;}
section.entry-content h4.wp-block-heading{border:0;margin-left:1.15em;position:relative;}
section.entry-content h4.wp-block-heading::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.wp-block-heading{border:0;margin:1em 0 1em 1.35em;position:relative;}
section.entry-content h5.wp-block-heading::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.wp-block-heading{border:0;margin:0 0 1em 1.35em;position:relative;font-size:100%;}

/* リスト */
section.entry-content ul.wp-block-list{list-style:none;border:0;border-radius:5px;background-color:rgba(245,245,220,0.3);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:'\f111';color:rgba(34,139,34,0.6);}
section.entry-content ul.wp-block-list li ul li ul li::before{position:absolute;left:0;font-family:"Font Awesome 5 Free";font-weight:900;font-size:50%;content:'\2a';color:rgba(34,139,34,0.6);}
section.entry-content ul.wp-block-list ul{border:none;background-color:transparent;margin:-0.5em -0.85em -1.2em 0;}
section.entry-content ul.wp-block-list ul li{font-size:inherit;}
section.entry-content ul.wp-block-list ul 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:rgba(245,245,220,0.3);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 ol.wp-block-list li ul{border:none;background-color:transparent;margin:-0.5em -0.85em -1.2em 0;}

/* リンク */
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';}*/

/* カード式 関連記事｜記事末尾モデル */
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 p i.link{font-size:1.1em;color:#f4a460;margin-right:3px;}

/* 外部リンク｜整形済みテキスト */
section.entry-content pre.wp-block-preformatted{border-radius:5px;}
section.entry-content pre.wp-block-preformatted span.reference{font-size:0.9em;font-weight:bold;box-shadow:none;color:#333;display:inline;}
section.entry-content pre.wp-block-preformatted span.reference:hover{pointer-events:none;}
/* 外部リンク｜ul */
section.entry-content ul li span.connection,section.entry-content ol li span.connection{background-color:#dcdcdc;font-size:0.8em;font-weight:bold;color:#000;margin:0 10px 0 0;padding:4px 5px;border-radius:5px;}


/* 引用 */
section.entry-content blockquote{position:relative;background:rgba(86,170,255,0.2);border:0;border-radius:5px;padding:20px;margin-top:20px;font-size:90%;}
/*section.entry-content blockquote:before{position:absolute;left:46%;top:-14px;background-color:#FFFFFF;color:#808080;border:2px solid rgba(86,170,255,0.3);box-sizing:border-box;font-family:'FontAwesome';content:'\2a';line-height:1;padding-top:6px;text-align:center;width:28px;height:28px;font-size:1em;border-radius:24px;}*/
section.entry-content blockquote:before{display:none;}
section.entry-content blockquote p::first-line{line-height:2em;}

/* 記事内 注意書き */
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:95%;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%;}

/* 関連記事 H2 */
section.entry-content h2.related-articles{font-size:1.2em;text-align:center;color:#bbb;border:0;margin:0;padding:1.5em 0 1em;position:relative;}
section.entry-content h2.related-articles::before{content:"\f068";font-family:"Font Awesome 5 Free";font-weight:900;font-size:1.2em;display:inline-block;transform:rotate(50deg);margin-left:-25px;margin-bottom:15px;position:absolute;}
section.entry-content h2.related-articles::after{content:"\f068";font-family:"Font Awesome 5 Free";font-weight:900;font-size:1.2em;display:inline-block;transform:rotate(310deg);margin-left:5px;margin-bottom:0;position:absolute;}