@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: ほっと整体はり灸院 専用テーマ
Theme URI: https://wp-cocoon.com/
Author: hpmake.info
Author URI: https://hpmake.info/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*フロント固定ページのタイトル、投稿日、更新日、投稿者名を非表示*/
.home.page h1.entry-title,.home.page .post-date,.home.page .post-update,.home.page .author-info{display: none;}
/* 固定ページの日付を消す */
.page .date-tags {display: none;}
/* メニューのちょい透明 */
#header-container, #header-container .navi, #navi .navi-in>.menu-header .sub-menu, .article h2, .sidebar h3, .cat-link, .cat-label, .appeal-content .appeal-button, .demo .cat-label, .blogcard-type .blogcard-label, #footer {background-color: #f6e1ca;opacity: 0.9;}
/* h1見出し */
.article h1{padding:6px 0;border-bottom:8px solid #482912;position:relative;}
.article h1:before, .article h1:after{content:"";display:block;height:8px;position:absolute;bottom:-8px;}
.article h1:before{width:20%;left:8%;background:rgba(255,255,255,0.7);}
.article h1:after{width:30%;left:12%;background:rgba(237,97,0,0.6);}
/* h2見出し */
.article h2 {font-size: 24px;padding: 5px 2px 5px 5px;background: -webkit-linear-gradient(to right, rgb(72, 41, 18), transparent);background: linear-gradient(to right, rgb(72, 41, 18), transparent);background-color: #f6e1ca;border-radius: 5px;color:#fff;}
.article h2:before {content: '';display: inline-block;width: 60px;height: 60px;background-image: url("https://hotaq.net/wp-content/uploads/2020/06/h2image1.png");background-size: contain;vertical-align: middle;margin-right:10px;}
/* h3見出し */
.article h3 {position: relative;background: #f6e1ca;margin-left:15px;padding: 8px 5px 8px 20px;font-size: 20px;color: #482912;border-radius: 0 10px 10px 0;}
.article h3:before {font-family: "Font Awesome 5 Free";content: "\f470";font-weight: 900;display: inline-block;line-height: 40px;position: absolute;padding: 0em;color: white;background: #482912;width: 40px;text-align: center;height: 40px;line-height: 40px;left: -1.35em;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);border-radius: 50%;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);}
/* トップボックスメニュー */
#post-2 > div > div.box-menus.no-icon > a:hover{background-color:#f6e1ca;}
/* サイドバー */
.sidebar h3 {background: none;font-size: 16px;color:#482912;   letter-spacing: 2px;display: inline-block;position: relative;width: 100%;padding: 0;text-align: center;}
.sidebar h3::before, .sidebar h3::after {content: '';position: absolute;top: 50%;width: 28%;border-top: 3px solid #e86100;}
.sidebar h3::before {left: 0;}
.sidebar h3::after {right: 0;}
.sidebar .search-edit, .search-menu-content .search-edit {width: 80%;padding: 0 10px;border: 0;border-radius: 50px 0 0 50px;font-size: 16px;}
/* サイドバー検索 */
.sidebar .search-box, .search-menu-content .search-box {width: 100%;margin: 1em 0 2em;position: relative;display: flex;border-radius: 50px;box-shadow: 0 4px 6px 0 #c4c4c4;}
.search-submit {width: 20%;position: static;right: auto;top: auto;font-size: 20px;cursor: pointer;line-height: 40px;border: 0;border-radius: 0 50px 50px 0;color: #fff;padding: 0;background: #e86100;}
/* ラベル類の色 */
.cat-link, .cat-label, .demo .cat-label, .blogcard-type .blogcard-label, #footer {background-color: #83994f;color:#fff;}
/* 診察時間テーブル */
.hotaq-hour {border-collapse: collapse;color:#482912;}
@media screen and (max-width: 414px) {
.hotaq-hour {/* スマホのときだけ親要素いっぱいに */
width: 100%;}}
.hotaq-hour th {border-top: 1px solid #e86100;}
.hotaq-hour th, .hotaq-hour td {text-align: center;border-bottom: 1px solid #e86100;}
/* 上段の背景色 */
.hotaq-hour th {background: #f6e1ca;font-weight: normal;}
/* 土曜日の文字色 */
.hotaq-hour th.sat {color: #3db2da;}
/* 日曜日の文字色 */
.hotaq-hour th.sun {color: #e66a6a;}
.timetabletme {font-size:0.8em;}
/* 診療時間の下空白 */
#post-2 .entry-content {margin-top: 0.2em;}
#post-2 > div > div > div.column-left > table {margin-bottom: 5px;}
/* 休診日電話番号の体裁 */
#post-2 .top_cta {text-align:center;color:#482912;display: table-cell;vertical-align: middle;}
#post-2 .top_cta a {color:#384222;}
/* ボックスメニューアイコンカラー */
.box-menu-icon {color: #482912;}
/* プチメモ */
.memo01 {font-size:0.8em;color:#888;}
/* 予約電話番号 */
.resvtel {font-size:1.8em;font-weight:bold;color:#482912;}
/* CTAのスタイル */
.cta-box {background-color: #83994f;}
/* 施術料金表 */
#post-23 > div > table > tbody > tr > td.txt{line-height: 1.3;font-size:0.8em;}
#post-23 > div > table > tbody > tr > th {line-height: 1.3;font-size:1em;}
table th, table td {border-color: #fff;}
table.hottbl {border-collapse: collapse;margin: 0 auto;padding: 0;width: 650px;table-layout: fixed;}
table.hottbl tr {background-color: #f6e1ca;padding: .35em;border-bottom: 2px solid #fff;}
table.hottbl th, table.hottbl td {padding: 0em 10px 0em 1em;border-right: 2px solid #fff;}
table.hottbl th {font-size: 1.1em;}
table.hottbl thead tr{background-color: #482912;color:#fff;background: -webkit-linear-gradient(to bottom right, rgb(72, 41, 18), transparent);background: linear-gradient(to bottom right, rgb(72, 41, 18), transparent);}
table.hottbl tbody th {padding: 0.5em 5px 0.5em 10px;background: #482912;color: #fff;background: -webkit-linear-gradient(to bottom right, rgb(72, 41, 18), transparent);background: linear-gradient(to bottom right, rgb(72, 41, 18), transparent);}
.txt{text-align: left;font-size: .85em;}
.price{text-align: right;color: #482912;font-weight: bold;}
.non{background:#fff;text-align:center;}
@media screen and (max-width: 700px) {
table.hottbl {border: 0;width:100%;}
table.hottbl th{background-color: #167F92;display: block;border-right: none;}
table.hottbl thead {border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
table.hottbl tr {display: block;margin-bottom: .625em;}
table.hottbl td {border-bottom: 1px solid #bbb;display: block;font-size: .8em;text-align: right;position: relative;padding: .625em .625em .625em 4em;border-right: none;}
table.hottbl td::before {content: attr(data-label);font-weight: bold;position: absolute;left: 10px;color: #482912;}
table.hottbl td:last-child {border-bottom: 0;}
table.hottbl tbody th {color: #fff;}
}
/* タイムライン */
.timeline-item:before {background: #482912;}
.timeline-item-title:before {font-family: "Font Awesome 5 Free";content: "\f54b";font-weight: 900;color:#482912;padding-right:5px;}
/* モバイルメニュー */
.mobile-menu-buttons {background: #f6e1ca;}
.new-entry-card-date {
  display: block;
}
/* 記事の日付の色 */
div.new-entry-card-date.widget-entry-card-date.display-none > span.new-entry-card-post-date {
color:#e86100;
}
/************************************
** プロフィール欄
************************************/
.nwa .author-box {
max-width:none;
padding: 0;
}
aside#author_box-2.widget.widget-sidebar.widget-sidebar-standard.widget_author_box{
padding: 0!important;
border-radius: 10px;
}
@media (max-width: 1023px){
aside {
padding: 0 .5em;
}
}
.nwa .author-box .author-thumb {
width: 100%;
height:9em;
margin:0 0 3em 0;
border-radius: 10px 10px 0 0;
}
.author-box figure.author-thumb{
float: none;
text-align: center;
background: url(//hotaq.net/wp-content/uploads/2026/03/202603shop.jpg) center bottom no-repeat;
background-size: cover;
position: relative;
z-index: 0;
}
.author-box img.avatar.photo{
border-radius: 50%;/*プロフィール画像を四角形にする場合のみ記入*/
background-image: none;
padding: 0!important;
box-shadow:none;
}
.author-box figure.author-thumb img{
width: 40%;
max-width:180px;
margin-top:5em;
}
@media (min-width:1023px){/*サイドバー表示時はMAX120pxで*/
.nwa .author-box .author-thumb {
height:8em;
}
.author-box figure.author-thumb img{
max-width:120px;
}}
@media (max-width:480px){/*モバイル表示*/
.nwa .author-box .author-thumb {
height:8em;
}
.author-box figure.author-thumb img{
max-width:130px;
}}
.author-box .author-name {
margin: 0 0 1em 0;
}
.author-box .author-content .author-name a{/*名前*/
text-decoration: none;
font-size:1.2em;
color:#545454;
}
.nwa .author-box .author-description {
margin-bottom:1.5em
}
.author-box .author-content .author-description p{
font-size:14px;
color:#7b7b7b;
line-height:1.6em!important;
margin:0.2em;
}
#author_box-2 p{/*自己紹介文の周囲の空白幅*/
margin:0.5em 0.5em;
}
div.author-follows{
padding-bottom:2em;
}
.author-box .author-content .author-description p a{ text-decoration: none; }
.author-box .author-content .author-description p a:hover{ text-decoration: underline; }
.author-box .author-content .author-follows .sns-buttons{ justify-content: center; }
.author-box .author-content .author-follows .sns-buttons a.follow-button{
border-radius: 50%;
border: none;
width: 40px;
height: 40px;
color: #fff!important;
margin:0 3px;
}
a.follow-button.website-button.website-follow-button-sq{background-color: #6eb6fd!important;}
a.follow-button.twitter-button.twitter-follow-button-sq{background-color: #7dcdf7!important;}
a.follow-button.facebook-button.facebook-follow-button-sq{background-color: #7c9dec!important;}
a.follow-button.hatebu-button.hatebu-follow-button-sq{background-color: #2c6ebd!important;}
a.follow-button.instagram-button.instagram-follow-button-sq{background: linear-gradient(135deg, #427eff 0%, #f13f79 80%) no-repeat !important;}
a.follow-button.pinterest-button.pinterest-follow-button-sq{background-color: #bd081c!important;}
a.follow-button.youtube-button.youtube-follow-button-sq{background-color: #cd201f!important;}
a.follow-button.linkedin-button.linkedin-follow-button-sq{background-color: #0A66C2!important;}
a.follow-button.note-button.note-follow-button-sq{background-color: #41C9B4!important;}
a.follow-button.soundcloud-button.soundcloud-follow-button-sq{background-color: #FF5500!important;}
a.follow-button.flickr-button.flickr-follow-button-sq{background-color: #111!important;}
a.follow-button.line-button.line-follow-button-sq{background-color: #00c300!important;}
a.follow-button.amazon-button.amazon-follow-button-sq{background-color: #ff9900!important;}
a.follow-button.rakuten-room-button.rakuten-room-follow-button-sq{background-color: #C61E79!important;}
a.follow-button.slack-button.slack-follow-button-sq{background-color: #4A154B!important;}
a.follow-button.github-button.github-follow-button-sq{background-color: #4078c0!important;}
a.follow-button.codepen-button.codepen-follow-button-sq{background-color: #47CF73!important;}
a.follow-button.feedly-button.feedly-follow-button-sq{background-color: #2bb24c!important;}
a.follow-button.rss-button.rss-follow-button-sq{background-color: #f26522!important;}
.author-box .author-content .author-follows .sns-buttons a.follow-button span{ line-height: 40px; }
.author-box .author-content .author-follows .sns-buttons a.follow-button span::before{ font-size: 20px !important; }
@media (max-width:1023px){
.nwa .author-box .author-thumb {
height:11em;
margin:0 0 7em 0;
}
.author-name{
font-size:16px!important;
}
.author-description{
line-height: 1.5 !important;
text-align:center;
margin:0 auto;
}
}
@media screen and (max-width: 1023px){/*モバイル時非表示*/
div.sidebar {
display: none;
}
}
/* facebook */
.cff-post-text {font-size:0.8em;}
#cff .cff-linebreak {display: block;height: 1px;}
/*  */
/*  */
/*  */
/*  */
/* 左寄せ */
.txt_left {text-align:left;}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1110px以下*/
@media screen and (max-width: 1110px){
  /*必要ならばここにコードを書く*/
.timetabletme {font-size:0.6em;}
}
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.timetabletme {font-size:0.8em;}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*634px以下*/
@media screen and (max-width: 634px){
  /*必要ならばここにコードを書く*/
/* プチメモ */
.memo01 {font-size:0.7em;color:#888;}
/* 予約電話番号 */
.resvtel {font-size:1.4em;font-weight:bold;color:#482912;}
}

/*599px以下*/
@media screen and (max-width: 599px){
  /*必要ならばここにコードを書く*/
.container .column-wrap > div {width: 100%;padding: 0.2em 0;}
/* プチメモ */
.memo01 {font-size:0.8em;color:#888;}
/* 予約電話番号 */
.resvtel {font-size:1.8em;font-weight:bold;color:#482912;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.article h2:before {width: 30px;height: 30px;}
.article h2 {font-size: 18px;}
}

div.new-entry-card-date.widget-entry-card-date.display-none > span.new-entry-card-post-date {display: block;}