/* target: /var/www/vhosts/sugucli.com/httpdocs_stg/wp-content/themes/sugucli-d1.2/assets/csscomp/help_line.20260403-1.css */  /* help(howto) for LINE account */ /* 見出し・ナビ */ .wrap_main_contents_inner h1 { color: var(--color-mono-text2); font-size: 1.125rem; } .wrap_main_contents_inner nav { background-color: var(--color-primary-bg); border-radius: 0.375rem; padding: 0.125rem 0; } .wrap_main_contents_inner nav li { margin: 0.25rem 0; } .wrap_main_contents_inner nav a { color: var(--color-primary-text); font-weight: bold; } .wrap_main_contents_inner nav li:before { content: url(/assets/img/icon/link-primal.svg); display: inline-block; width: 0.625rem; height: 1.25rem; margin-right: 0.25rem; } .wrap_main_contents_inner h2 { padding: 0.625rem; margin-top: 1rem; font-size: 1rem; } /* 注意書き */ ul.attention { padding: 1em; border:1px solid var(--color-kk-dark-blue); border-radius:0.5em; } ul.attention li { position: relative; list-style: none; padding-left: 1rem; } ul.attention li + li { margin-top: 1em; } ul.attention li:before { content: "※"; display: inline-block; position: absolute; left: 0; line-height: 1.25; } ul.attention a { color: var(--color-primary-text); text-decoration-style: solid; text-decoration-color: var(--color-primary-text); font-weight: bold; } /* メッセージ画面 */ .wrap_messenger { /* background-color: #ccc;*/ width: 90vw; /* height: 160vw;*/ max-width:300px; /* max-height:360px;*/ margin: 1rem auto; padding: 0 0.1em; } .wrap_message { text-align: right; padding-left: 33%; } .wrap_message span { position: relative; display: inline-block; margin: 1em 0; padding:0.25em 0.5em; border-radius: 0.5em; background-color: #999; color:#fff; } .wrap_message span:after { content: ""; position: absolute; bottom: -0.5em; right: 0; width: 0; height: 1em; border-right: 1em solid #999; border-top: 0.5em solid transparent; border-bottom: 0.5em solid transparent; transform: rotate(-135deg); } .wrap_reply { padding-right: 33%; } .wrap_reply_inner { position: relative; background-color: #fff; margin: 1em 0; padding:0.25em 0.5em; border-radius: 0.5em; } .wrap_reply_inner:after { content: ""; position: absolute; bottom: -0.5em; left: 0; width: 0; height: 1em; border-left: 1em solid #fff; border-top: 0.5em solid transparent; border-bottom: 0.5em solid transparent; transform: rotate(135deg); } .wrap_reply_inner span { display: block; } .wrap_reply_inner span.title { font-weight:bold; } .wrap_reply_inner span.text { padding: 0.5em 0; } .wrap_reply_inner span.button_r { text-align: center; border-top:1px solid #ccc; padding: 0.75em 0; } /* 診療所検索のやりかた */ ol#howto { padding-left: 0; } ol#howto li { position: relative; list-style: none; min-height: 3.125rem; padding: 1rem 0.625rem 1rem 3.125rem ; margin-bottom: 2.125rem; border:1px solid var(--color-primary-text); border-radius: 0.375rem; counter-increment: counter_howto 1; } ol#howto li:before { content:counter(counter_howto); position: absolute; top:0.625rem; left:0.625rem; display: inline-block; width: 1.875rem; height: 1.875rem; line-height: 1.875rem; padding-left: 0.625rem; padding-right: 0.625rem; border-radius: 0.375rem; font-style: normal; font-weight:bold; margin-right: 0.75rem; color:white; background-color: var(--color-faq-q-bg); } ol#howto li:after { content:""; width:0; height: 0; position: absolute; bottom: -2.375rem; right:50%; margin-right: -3.75rem; border-top:0.875rem solid var(--color-primary-text); border-bottom:0.875rem solid transparent; border-left:3.75rem solid transparent; border-right:3.75rem solid transparent; } ol#howto li:last-of-type:after { border:none; } /* 症状キーワードリスト */ #wrap_keywords h3 { text-align: center; margin-top: 1rem; padding: 0 0 0.75rem; font-size: 0.875rem; color: var(--color-mono-text); } #wrap_keywords h3 img { display: block; width: 1.25rem; margin: 0 auto; } #wrap_keywords ul { padding-left: 0; } #wrap_keywords ul + h3 { margin-top: 1rem; } /* リストマーク色変更 */ #wrap_keywords li { list-style-type: none; /*点を非表示*/ position: relative; /*基準位置*/ padding-left: 0.875em; font-size: 0.875rem; line-height: 1.5; margin-top: 0; margin-bottom: 0; } #wrap_keywords li:before { content: ""; position: absolute; left: 0; top:0.5em; width: 0.375rem; height: 0.375rem; border-radius: 50%; background-color: var(--color-primary-text) ; } /* 条件絞り込みキーワードリスト */ #wrap_options dt, #wrap_options dd { padding-left: 1rem; } #wrap_options dt { position: relative; margin-bottom: 0; } #wrap_options dd + dt { margin-top: 1em; } #wrap_options dt:before { content: "■"; font-size: 0.875rem; display: inline-block; color: var(--color-accent); margin-right: 0.25em; position: absolute; left: 0; line-height: 1.5; } /* よくある質問（FAQ）LPと同じ */ #wrap_faq dt, #wrap_faq dd { position: relative; /* line-height: 1.875rem;*/ margin-bottom: 0.625rem; padding-left: 2.25rem; } #wrap_faq dt { padding-top:1rem; border-top: 1px solid var(--color-mono-blight); } #wrap_faq dd + dt { margin-top: 0; } #wrap_faq dd { margin-bottom: 0; padding-bottom: 1rem; padding-top: 0.3125rem; } /* Q＆A アイコン */ #wrap_faq dd:last-of-type { /* border-bottom:1px solid var(--color-mono-blight);*/ padding-bottom: 0; } #wrap_faq i { position: absolute; left: 0; top: 0.625rem; display: inline-block; width: 1.875rem; height: 1.875rem; line-height: 1.875rem; padding-left: 0.625rem; padding-right: 0.625rem; border-radius:0.375rem; font-style: normal; font-weight:bold; margin-right: 0.75rem; color:white; } #wrap_faq dt i { background-color: var(--color-faq-q-bg); } #wrap_faq dd i { top:0; background-color: var(--color-faq-a-bg); } #wrap_faq dd a { color: var(--color-primary-text); text-decoration: underline; text-decoration-style: solid; text-decoration-color: var(--color-primary-text); text-underline-offset: 2px; text-decoration-thickness: 1px; font-weight: bold; } picture { display: block; text-align: center; }