@charset "utf-8";
/*
Theme Name: HOLOS child
Theme URI:https://tcd-theme.com/tcd108/
Description:WordPressテーマ「HOLOS」の子テーマ
Template:holos_tcd108
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0
*/

/*
ここから下にCSSを追記してください。
*/

/*共通設定
-------------------------------------- */
/*見出し調整*/
span.design_headline2 {
font-size: 26px !important;
display: table;
width: fit-content;
border-bottom: 5px solid var(--main_color);
padding: 0 0 15px 0;
line-height: 1;
}
/*テーブル - テキスト揃え*/
.tx_l table th, .tx_l table td {
text-align: left;
}
table th, table td {
vertical-align: middle;
}
.tx_l_td table td {
text-align: left;
}
.tx_ver_m th, .tx_ver_m td {vertical-align: middle;}
/*囲み枠 - グレー背景*/
.gray_bg {
background: #f3f3f3;
padding: 70px;
margin-bottom: 50px;
margin-top: 50px;
}

/*トップページ 
-------------------------------------- */
/*チェックリスト調整*/
.post_content .sc_check_list ul {
list-style-type: none;
}
/*施術表*/
.recepBlock table {
width: 100%;
letter-spacing: 0.01em;
line-height: 1.8rem;
}
#side_col .recepBlock table {font-size: 76%;}
.recepBlock th {
text-align: center;
width: 8%;
border-bottom: 1px solid;
font-weight: bold;
border-top: 1px solid;
padding: 10px 0;
}
.recepBlock th.koumoku {
width: 20%;
}
.recepBlock tr.am td, .recepBlock tr.pm td {
border-bottom: 1px solid;
padding: 10px 0;
}
.recepBlock td {
text-align: center;
letter-spacing: 0.01em;
}
.recepBlock td.bt {
border-top: none;
}

/*サイドバー
-------------------------------------- */
/*TEL*/
.infoBlock p {line-height:1.6;}
.infoBlock p.tel {
font-size: 168.75%;
font-weight: bold;
letter-spacing: 0.01em;
}
.infoBlock p.tel span.teltxt {
font-weight: normal;
padding-right: 6px;
}

/*アクセス
-------------------------------------- */
.accordion_item h3 {
color: #FFF;
background: #928218;
border: 1px solid #928218;
padding: 0 1em !important;
border-radius: 4px;
}

/*症状ページ - FAQ（プラグイン装飾）
-------------------------------------- */
/**
#faq-block .single-faq .faq-question {
position: relative;
background: #d5b52b;
padding: 20px 20px 20px 42px !important;
margin: 20px auto;
border-radius: 6px;
color: #fff !important;
font-size: 113% !important;
line-height: 1.6rem;
}
#faq-block .single-faq .faq-question::before {
content: "Q";
padding-right: 6px;
position: absolute;
left: 20px;
}
**/
.faq-item {
margin: 8px auto;
}
.faq-question {
position: relative;
background-color: #d5b52b;
padding: 20px 20px 20px 42px !important;
border-radius: 6px;
color: #fff !important;
font-size: 113% !important;
line-height: 1.6rem;
}
.faq-question::before {
content: "Q.";
padding-right: 6px;
position: absolute;
left: 20px;
}
.faq-question:hover {
background-color: #d5b52b;
opacity: .6;
border: #d5b52b 1px solid;
}
/* 料金ページ
------------------------------ */
/*クレカ決済、スマホ決済*/
.kessai {
margin: 40px auto;
}
ul.creditcard {
-js-display: flex;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin: 20px auto;
}
ul.creditcard li {
padding: 4px;
list-style: none;
}
ul.creditcard li img {
width: 100%;
max-width: 80px!important;
}

/* お問い合わせ - プラグイン（Contactform7）
------------------------------ */
.wpcf7 .required {
padding: 5px 6px 5px 8px;
background: #f14545;
color: #fff;
border-radius: 4px;
margin-left: 3px;
font-weight: normal;
font-size: 80%;
}

/* 症状ページの症例一覧セクション記事の調整 - プラグイン（Shortcode Ultimate）
------------------------------ */
.su-posts {
background: #faf8f4;
padding: 2rem;
}
.su-posts-default-loop h2.su-post-title {
text-align: left;
font-size: 1.0em!important;
}
.su-posts-default-loop .su-post-excerpt {
font-size: 88%;
}
.su-posts-default-loop .su-post-meta {display: none;}
.su-posts-default-loop .su-post:not(:last-child) {
border-bottom: var(--main_color) 1px solid;
margin-bottom: 1.8em;
padding-bottom: 1.0em;
}
.su-posts-default-loop .su-post:last-child {
margin-bottom: 0;
}