?@charset "UTF-8";

/*子テーマ用「base.css」*/

/***********************************************
メイリオに変更
************************************************/
body{
font-family:'メイリオ', Meiryo,  sans-serif;
}

.site-title {
  font-family:'メイリオ', Meiryo,  sans-serif;
}

/***********************************************
行間を狭める
************************************************/
/*本文*/
.article-body p {
   margin-bottom: 20px!important;
   line-height: 120%!important;
}

/*目次内*/
/*2021/12/7*/
.toc-area_inner li ol{
  margin: 0;
}

.toc-area_inner .toc-area_list li {
	margin-bottom: 0;
}

/*****************************************************
吹き出し内下部の余白を埋める
******************************************************/
.article-body .bubble_in p {
	margin-bottom: 0!important;
}

/*****************************************************
吹き出し三角形の位置
******************************************************/
.bubble .bubble_in::after,
.bubble .bubble_in::before{
	top: 30px;
}

/*****************************************************
/*メタディスクリプション非表示*/　
******************************************************/
.keni-header_cont,
.site-description{
display: none!important;
}

/********************************************
* リストタグの位置調整 賢威7から変更の場合?
********************************************/
/*
ul,
ol{
	margin-left: 0px !important;
	padding-left: 0;
}
*/

/*****************************************************
テーブル　背景色をオリジナルに変更 薄緑ver.
******************************************************/
table{
	width: auto;
	margin:10px 0 10px;
	font-size: 80%;
	border-collapse: separate;
	border-spacing:0;
}

table thead th {
	background: #B2D9BD;
	color: #000000;
}

table tbody th{
	background: #F3FCF6;
}

table th,table td {
	margin: 0;
	padding: 6px 8px;
	border: 1px solid #757575;
	text-align: left;
}

/***********************************************
テーブルキャプション左端固定
************************************************/
caption {
	caption-side: left;
	width:100%; 
	text-align: left;
}

p.space {
	display: inline-block;
	margin: 0;
	width: 10px;
}

p.real {
	display: inline-block;
	margin: 0;
	margin-bottom: 0!important; /*賢威8用*/
	position: -webkit-sticky; /* Safari */
	position: sticky;
	left: 9px;
	top: 0px;
}

/*******************************************
スクロールBOX   2022/1/19
********************************************/
.scroll-box{
	display: inline-block;
	max-width: 100%;
	max-height: 500px;
	margin: auto;/*2021/10/13*/
	overflow: auto;
	scrollbar-width: 4%;
	-webkit-overflow-scrolling: touch;
}

/*************************************************
縦横スクロールテーブル 完全版 2.0　（セル幅自動）
**************************************************/
table.tate-yoko-ver20{
	width: auto;
	margin: auto;
	white-space: nowrap;
	text-align: left;
}

table.tate-yoko-ver20 thead th {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
}

table.tate-yoko-ver20 tbody th{
	text-align: left;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	left: 0;
}

/*左上固定*/
table.tate-yoko-ver20 th.base {
	z-index: 100;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	left: 0;
}

/*************************************************************
縦横スクロールテーブル 完全版 3.0（セル幅均等割）
**************************************************************/
/*テーブル本体*/
table.tate-yoko-ver30{
	table-layout: fixed;
	width:800px;
}

/*左上固定*/
table.tate-yoko-ver30 th.base {
	max-width: 40%;
	z-index: 100;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	left: 0;
}

/*上部見出し*/
table.tate-yoko-ver30 thead th {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
}

/*左見出し*/
table.tate-yoko-ver30 tbody th{
	position: -webkit-sticky; /* Safari */
	position: sticky;
	left: 0;
}

/*見出し以外*/
table.tate-yoko-ver30 tbody td{
	text-align: left;
}

/*****************************************************
会社情報・商品情報 スクロールなし　2:8　青消しver.
******************************************************/
table.info{
	width: 100%;
	margin:10px 0 10px;
	font-size: 80%;
	border-collapse: separate;
	border-spacing:0;
}

table.info thead th {
	/*background: #6495ED;*/
	/*color: #FFFFFF;*/
	text-align: left;
	white-space:nowrap;
}

table.info tbody th{
	/*background: #fffacd;*/
	white-space:nowrap;
}

table.info th,table.info td {
	margin: 0;
	padding: 6px 8px;
	/*border: 1px solid #ccc;*/
}

/*左上のセル幅　干渉解除*/
table.info th.base {
	width: 20%;
}

/*********************************************************
<tr>の背景色を濃い緑に変更 平均　B2D9BD　2023/2/21　追加
**********************************************************/
tr.B2D9BD {
	background-color: #B2D9BD;
}

tr.B2D9BD th {
	background-color: #B2D9BD;
}

/*********************************************************
<tr>の背景色をライトイエローに変更 平均　　2023/6/25　追加
**********************************************************/
tr.ffffe0 {
	background-color: #ffffe0;
}

tr.ffffe0 th {
	background-color: #ffffe0;
}

/*********************************************************
<tr>の背景色を薄い水色に変更 平均　　2023/6/25　追加
**********************************************************/
tr.DCE6F1 {
	background-color: #DCE6F1;
}

tr.DCE6F1 th {
	background-color: #DCE6F1;
}

/*********************************************************
<tr>の背景色を薄いピンクに変更 平均　　2023/6/25　追加
**********************************************************/
tr.F2DCDB {
	background-color: #F2DCDB;
}

tr.F2DCDB th {
	background-color: #F2DCDB;
}

/************************************************************************
<th>の背景色を赤、フォントを白に変更　2023/3/26　追加
************************************************************************/
th.netsu-hakai {
	background-color: #FF0000;
	color: #FFFFFF;
}

/************************************************************************
<th>の背景色を青、フォントを白に変更 　2023/3/26　追加
************************************************************************/
th.heat-storage {
	background-color: #00B0F0;
	color: white;
}

/*********************************************************
<th>の背景色を薄い水色に変更 平均　　2023/12/8　追加
**********************************************************/
th.DCE6F1 {
	background-color: #DCE6F1;
}

/*********************************************************
<th>の背景色を薄いピンクに変更 平均　　2023/12/8　追加
**********************************************************/
th.F2DCDB {
	background-color: #F2DCDB;
}

/*********************************************************
<th>の背景色をライトイエローに変更 平均　　2023/12/8　追加
**********************************************************/
th.ffffe0 {
	background-color: #ffffe0;
}

/***************************************
* ボタン用マイクロコピー上下
***************************************/
.micro-copy-box {
	max-width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: auto;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}

.micro-copy-upper {
	margin-top: 0;
	margin-bottom: 0;
	text-align:center;
	font-weight: bold;
}

.micro-copy-bottom {
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	font-size: 80%;
	color:red;
}

/*****************************************************
リンクボタン（橙ver.2）（改行削除・リンク範囲全体）
******************************************************/
.buttonlink {
	max-width: 600px;
	text-align: center;
	margin: 0 auto;
	font-weight: bold;
	color: #ffffff !important;
	height: auto;	
}

.buttonlink > img{
	display:inline !important;
	position: absolute;
	z-index: 0;
}

.buttonlink :after {
	content:"の公式サイト \f08e";
	font-family: FontAwesome;
}

.buttonlink a {
 text-decoration: none !important;
 color: #ffffff !important;
 display:block;
 padding: 10px;
 background-color: #FF723F;/*橙ver.2*/
	margin-right: auto;
	margin-left: auto;
	border-radius: 100px;/*半円2023/1/29*/
	-webkit-border-radius: 100px;/*半円2023/1/29*/
	-moz-border-radius: 100px;/*半円2023/1/29*/
}

.buttonlink a:hover {
 text-decoration: none !important;
 color:#666666 !important;
 background-color: #fff;
 border:2px solid #FF6F33;/*濃い橙*/
}

/**************************************************************
リンクボタン（黄土色）（改行削除・リンク範囲全体）2023/10/18
**************************************************************/
.buttonlink02 {
	max-width: 600px;
	text-align: center;
	margin: 0 auto;
	font-weight: bold;
	color: #ffffff !important;
	height: auto;	
}

.buttonlink02 > img{
	display:inline !important;
	position: absolute;
	z-index: 0;
}

.buttonlink02 :after {
	content:" \f0c1";
	font-family: FontAwesome;
}

.buttonlink02 a {
 text-decoration: none !important;
 color: #ffffff !important;
 display:block;
 padding: 10px;
 background-color: #AB9205;/*黄土色*/
	margin-right: auto;
	margin-left: auto;
	border-radius: 100px;/*半円2023/1/29*/
	-webkit-border-radius: 100px;/*半円2023/1/29*/
	-moz-border-radius: 100px;/*半円2023/1/29*/
}

.buttonlink02 a:hover {
 text-decoration: none !important;
 color:#666666 !important;
 background-color: #fff;
 border:2px solid #AB9205;/*黄土色*/
}

/******************************************************************************
リンクボタン（小豆色 アフィリリンク用）（改行削除・リンク範囲全体）2023/10/18
******************************************************************************/
.buttonlink03 {
	max-width: 600px;
	text-align: center;
	margin: 0 auto;
	font-weight: bold;
	color: #ffffff !important;
	height: auto;	
}

.buttonlink03 > img{
	display:inline !important;
	position: absolute;
	z-index: 0;
}

.buttonlink03 :after {
	content:"の公式サイト \f08e";
	font-family: FontAwesome;
}

.buttonlink03 a {
 text-decoration: none !important;
 color: #ffffff !important;
 display:block;
 padding: 10px;
 background-color: #AB0574;/*小豆色*/
	margin-right: auto;
	margin-left: auto;
	border-radius: 100px;/*半円2023/1/29*/
	-webkit-border-radius: 100px;/*半円2023/1/29*/
	-moz-border-radius: 100px;/*半円2023/1/29*/
}

.buttonlink03 a:hover {
 text-decoration: none !important;
 color:#666666 !important;
 background-color: #fff;
 border:2px solid #AB0574;/*小豆色*/
}

/*****************************************************
リンクボタン（小）2024/6/28
******************************************************/
.buttonlink04 {
	max-width: 600px;
	text-align: center;
	margin: 0 auto;
	font-weight: bold;
	color: #ffffff !important;
	height: auto;	
}

.buttonlink04 > img{
	display:inline !important;
	position: absolute;
	z-index: 0;
}

.buttonlink04 :after {
	font-family: FontAwesome;
}

.buttonlink04 a {
 text-decoration: none !important;
 color: #ffffff !important;
 display:block;
 padding: 10px;
 background-color: #FF723F;/*橙ver.2*/
	margin-right: auto;
	margin-left: auto;
	border-radius: 100px;/*半円2023/1/29*/
	-webkit-border-radius: 100px;/*半円2023/1/29*/
	-moz-border-radius: 100px;/*半円2023/1/29*/
}

.buttonlink04 a:hover {
 text-decoration: none !important;
 color:#666666 !important;
 background-color: #fff;
 border:2px solid #FF6F33;/*濃い橙*/
}


/*****************************************************
タブ付きの枠（緑）
******************************************************/
.box-keni8-green {
	position: relative;
	margin: 3em 0 2em 0;
	padding-right: 1em;/*改修ポイント*/
	border: solid 3px #05A5AB;/*緑*/
}
.box-keni8-green .box-title {
	position: absolute;
	display: inline-block;
	top: -27px;
	left: -3px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	font-size: 17px;
	background: #05A5AB;/*緑*/
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}


.box-keni8-green p {/*2022/02/09*/
	margin-left: 1em; 
	position: relative;
	line-height: 120%;
}

/*****************************************************
枠内用のリスト（丸点）
******************************************************/
ul.wakunai-list {
  padding-left: 1em;
  position: relative;
}

ul.wakunai-list li {
	margin: 0; 
	padding: 0;
	line-height: 120%; /*賢威8用*/
	padding: 0.5em 0.5em 0.5em 0em;/*2022/12/8*/
}

/*****************************************************
枠内用のリスト（番号）
******************************************************/
ol.wakunai-list {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0em 0.5em 0em 0.5em;
  margin-left: 0;
}

ol.wakunai-list li {
  position: relative;
  padding-left: 30px;
  line-height: 120%;
  padding: 0.5em 0.5em 0.5em 30px;
}

ol.wakunai-list li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #05A5AB;/*緑*/
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight: bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*********************************************************
* 枠内用番号リスト 横並び （施術部位）2022/7/21
**********************************************************/
ol.parts02{
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	padding:0.5em;
}

ol.parts02 li{
	position: relative;
	display: inline-block;
  padding-left: 30px;
  line-height: 120%;
  padding: 0.5em 0.5em 0.5em 30px;
}

ol.parts02 li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #05A5AB;/*緑*/
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight: bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/************************************
* リストタグ内の文章　上・左右・下
************************************/
.text-box-style-box01 {
 padding: 0 1em 0;
 line-height: 120%!important; /*賢威8用？*/
 }

/*****************************************************
タブ付きの枠（GOOD ）
******************************************************/
.box-good {
	position: relative;
	margin: 3em 0 2em 0;
	padding-right: 1em;/*改修ポイント*/
	border: solid 3px #05A5AB;/*濃い緑*/
	background: #FAFFFA;/*薄い緑*/
}

.box-good .box-title {
	position: absolute;
	display: inline-block;
	top: -27px;
	left: -3px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	font-size: 17px;
	background: #05A5AB;/*濃い緑*/
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}

/*********************************************************
* 口コミリスト（緑 サムアップ）
**********************************************************/
ul.thumbs-up li {
  list-style-type: none!important;/*ポチ消す*/
  position: relative;
  padding-left: 30px;
  line-height: 1.5;
  padding: 0.5em 0.5em 0.5em 30px;
}

ul.thumbs-up li:before{
  display:inline-block;
  color: #05A5AB;/*アイコン色 濃い緑*/
  font-family: "Font Awesome 5 Free";
  content: "\f164";/*サムアップ*/
  font-weight: 900;/*Solidは900 Regularは400*/
  position: absolute;
  font-size: 1.5em;
  left:0;/*左端からのアイコンまで*/
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*****************************************************
タブ付きの枠（BAD）
******************************************************/
.box-bad {
	position: relative;
	margin: 3em 0 2em 0;
	padding-right: 1em;/*改修ポイント*/
	border: solid 3px #B87804;/*濃い茶色*/
	background: #f6ecdb;/*薄い茶色*/
}

.box-bad .box-title {
	position: absolute;
	display: inline-block;
	top: -27px;
	left: -3px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	font-size: 17px;
	background: #B87804;/*濃い茶色*/
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}

/*********************************************************
* 口コミリスト（緑 サムダウン）
**********************************************************/
ul.thumbs-down li {
  list-style-type: none!important;/*ポチ消す*/
  position: relative;
  padding-left: 30px;
  line-height: 1.5;
  padding: 0.5em 0.5em 0.5em 30px;
}

ul.thumbs-down li:before{
  display:inline-block;
  color: #B87804;/*濃い茶色*/
  font-family: "Font Awesome 5 Free";
  content: "\f165";/*サムダウン*/
  font-weight: 900;/*Solidは900 Regularは400*/
  position: absolute;
  font-size: 1.5em;
  left:0;/*左端からのアイコンまで*/
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/**************************************************
* 囲み《枠色=濃い肌色,背景=肌色》2022/2/11
**************************************************/
.kakomi{
	position: relative;
	margin: 1em 0 1em 0;
	background:#FFFBF4;
	border-style: solid;
	border-color: #E8E2D1;
}

.kakomi p {
	margin: 1em; 
	position: relative;
	line-height: 120%;
}

/**************************************************
* 囲み《枠色=黒,背景=なし》2022/8/27
**************************************************/
.kakomi-simple{
	width: 60%;
	position: relative;
	margin: 1em 0 1em 0;
	padding:2em;
	border-style: solid;
	border-color: black;
}

/*********************************
* 動くリンク画像
*********************************/
a:hover img{
	position : relative;
	top : 3pt;
	left : 3pt;
}

/*********************************
* 矢印アイコン　2022/7/2
*********************************/
.arrow-right {
  position: relative;
  padding-left: 40px;
  line-height: 120%; /*賢威8用*/
  margin: 1em;
}

.arrow-right::before { 
  font-family: "Font Awesome 5 Free";
  content: "\f35a";/*丸に→*/
  font-weight: 900;/*Solidは900 Regularは400*/
  color: #61c359;/*緑*/
  position: absolute;
  font-size: 1.7em;
  left:0;/*左端からのアイコンまで*/
  margin: auto;
}

/*********************************
* 矢印アイコン ↑ 　2023/10/5
*********************************/
.arrow-up-simple {
	font-size: 1em;
	position: relative; /*ファビコンを動かす基準にする*/
	padding-left: 1em; /*font-sizeと同じにするとバランスがいい*/
}
.arrow-up-simple::before {
font-family: "Font Awesome 5 Free";
font-weight: 400;
content: "\f35b";
position: absolute; /*上の基準からabsoluteで位置を調整*/
left: 0; /* アイコンのスタート位置 */
}

/*********************************
* 矢印アイコン ↓ 　2023/10/7
*********************************/
.arrow-down-simple {
	font-size: 1em;
	position: relative; /*ファビコンを動かす基準にする*/
	padding-left: 1em; /*font-sizeと同じにするとバランスがいい*/
}
.arrow-down-simple::before {
font-family: "Font Awesome 5 Free";
font-weight: 400;
content: "\f358";
position: absolute; /*上の基準からabsoluteで位置を調整*/
left: 0; /* アイコンのスタート位置 */
}

/***************************************************
* 注意書き等で文頭のマークを一番前に固定 2023/9/29
***************************************************/
p.indent-1 {
	padding-left:1em;
	text-indent:-1em;
}

/***********************************************
関連記事のサムネサイズ変更
▲　保留　下に余白ができる
************************************************/
.related-entry-list_style01 .related-entry_thumb {
    width: 100px;
    height: 80px;
}
.related-entry-list_style01 .related-entry_thumb img {
    width: 100px;
}

/***********************************************
【賢威】画像付きの投稿一覧、【賢威】人気記事
＝最近の投稿のサムネサイズ変更
シンプルなリスト、画像+テキストを選択の場合
************************************************/
.widget_recent_entries_img .list_widget_recent_entries_img li{
 width: 150px; /* 幅を調整する */
 height: 120px; /* 高さを調整する */
}
.widget_recent_entries_img .list_widget_recent_entries_img .widget_recent_entries_thumb{
 width: 150px; /* 幅を調整する */
 height: 120px; /* 高さを調整する */
}

/* タイトルリストを表示させる */
@media only screen and (max-width : 736px){
.widget_recent_entries_img .list_widget_recent_entries_img li {
    width: 100%;
    height: auto;
}
}

/***********************************************
トップページのアイキャッチ全体表示 
*************************************************/
.entry-list .entry_thumb {
    max-height: initial;
}

@media only screen and (max-width : 736px){
.entry-list .entry_thumb {
    max-height: initial;
}
}

/*****************************************************
トップ スライダーのサイズ調整　2023/12/22
******************************************************/
.keni-slider img {
    width: auto;
    height: 100%;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    margin-left: 30%;
}

/*****************************************************
タグクラウドの大きさを均等にする　2024/2/25
******************************************************/
.tagcloud a {
    font-size: 12px!important;
}