@charset "utf-8";

/*
Theme Name:川崎こころ病院公式サイトオリジナルテーマ
Author: Unigraphic
Description: 川崎こころ病院公式サイトのオリジナルテーマです。
*/

/*フォント設定*/
html{
	font-size: 10px; /* initial 10px */
}

body {
  font-family: "Noto Sans JP", "Yu Gothic", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-weight: 300;
  line-height: 1.5;
  color: #1a1a1a;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 1.6rem; /* default font-size 16px */
  }
}

@media print, (min-width: 768px) {
  body {
    font-size: 1.8rem; /* default font-size 16px */
  }
}

.key-blue{
  color:#41C7F2;
}

.key-green-l{
  color:#52CC65;
}
.key-green-d{
  color:#38B14B;
}







/*----------------------------------------------------------
/* リセット・基本定義
-----------------------------------------------------------*/

/* 段落 */
p {
  margin: 0.5em 0 1.5em 0;
}

/* 空のタグは表示しない */
p:empty,
div:empty,
a:empty {
  display: none !important;
}

/* アンカー */
a,
a:link,
a:visited {
  text-decoration: none;
  color: #1a1a1a;
}

a:active,
a:hover {
  text-decoration: none;
}

a:hover img {
  opacity: 0.7;
  transition: all .2s ease-out;
}

/* ページのみリストスタイルリセット */
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*** 汎用クラス ***/
.mb0 {
  margin-bottom: 0px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.indent1 {
  padding-left: 1em;
  text-indent: -1em;
}

@media screen and (max-width: 767px) {}

@media print,
(min-width: 768px) {}



/*--------------------------------------------------
/* 見出し基本
----------------------------------------------------*/
h2,h3,h4,h5{
  position: relative;
  line-height: 1.3;
  font-weight: bold;
}
h2{
  padding:10px 10px;
  font-size:3.2rem;
  background-color:#E6F9E6;
}
h2::before{
  content: '';
  position: absolute;
  top:50%;
  left:0;
  width:6px;
  height:32px;
  transform: translateY(-50%);
  background-color: #52cc65;
}
h3{
  padding-bottom: 6px;
  font-size:2.8rem;
  border-bottom: solid 3px #52cc65;
}
h4{
  padding-left: 10px;
  font-size:2.4rem;
  border-left: solid 6px #52cc65;
}
h5{
  padding-bottom: 6px;
  font-size:2rem;
  border-bottom: solid 3px #e6f9e6;
}
h5::after{
  content: '';
  position: absolute;
  bottom:-3px;
  left:0;
  width:30%;
  height:3px;
  border-bottom: solid 3px #52cc65;
}
/* 小見出し共通 */
.md-shikaku,
.md-maru{
  position: relative;
  padding-left: 1em;
}
.md-shikaku::before,
.md-maru::before{
  display: inline-block;
  position: absolute;
  top:2.2px;
  left:0;
  font-size:1.6rem;
  color:#52cc65;
}
/* 小見出し1 ■ */
.md-shikaku::before{
  content:'■';
}
/* 小見出し2 ● */
.md-maru::before{
  content:'●';
}




/*--------------------------------------------------
/* 包含
----------------------------------------------------*/
/*** bootstrap style override ***/
.container {
  position: relative;
  max-width: 1200px !important;
}

.container,
.container-fluid {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {}

@media print,
(min-width: 768px) {}



















/*レイアウト確認用アタリ*/

.container {
	border : 2px solid #000;
}
.container-fluid {
	border : 2px solid #000;
}
.row {
	border : 1px solid #f60;
}
div[class^=col]{
	border : 1px dashed #009;
	background-color : #fffacd;
}

/* Bootstrapのガター幅を調整するための汎用CSS */
.row-0{ margin-left:0px;  margin-right:0px}
.row-0 >div{ padding-right:0px;  padding-left:0px}
.row-10{ margin-left:-5px;  margin-right:-5px}
.row-10 >div{ padding-right:5px;  padding-left:5px}
.row-20{ margin-left:-10px;  margin-right:-10px}
.row-20 >div{ padding-right:10px;  padding-left:10px}
.row-30{ margin-left:-15px;  margin-right:-15px}
.row-30 >div{ padding-right:15px;  padding-left:15px}
.row-40{ margin-left:-20px;  margin-right:-20px}
.row-40 >div{ padding-right:20px;  padding-left:20px}
.row-50{ margin-left:-25px;  margin-right:-25px}
.row-50 >div{ padding-right:25px;  padding-left:25px}

img {
	width: 250px;
	height: 250px;
	object-fit: cover; /* この一行を追加するだけ！ */
}





















/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/* 暫定スタイル 2022.12.28現在 エディタースタイルの検証用で仮設定 */
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*		画像基本		**/
img[class*="wp-image-"],
img[class*="attachment-"] {
  max-width: 100%;
  height: auto;
}


/*** 段落 ***/
p {
  margin: 0.5em 0 1.5em 0;
  /* アタリケイ */
  border-bottom:dashed 1px #ccc;
}

/*** アンカー ***/
a,
a:hover {
  color: #4588E6;
}

/** テーブル（表） **/
table {
  margin: 1em 0 1.5em 0;
  width: 100%;
  border: solid 1px #e4e4e4;
}
table tr th,
table tr td {
  padding: 8px;
  text-align: left;
  border: solid 1px #e4e4e4;
}
table tr th {
  background-color: #c3dde6;
}

/** リスト **/
ul,
ol {
  margin: 1em 0 1.5em 0;
  padding-left: 0;
  /* アタリケイ */
  border:dashed 1px #ccc;
}
.cmncont-inner ul li:nth-child(n + 2),
.cmncont-inner ol li:nth-child(n + 2) {
  margin-top: 20px;
}

/* ●付きリスト */
ul:not([class]){
  margin-left: 1.2em;
}
ul:not([class]) li{
  list-style-type: disc;
}

/* ◆付きリスト */
.list-icon-rhombus li {
  list-style: none;
  position: relative;
  padding-left: 1.2em;
}
.list-icon-rhombus li::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 10px;
  height: 10px;
  background: #c3dde6;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* 数字付きリスト／ブラウザ標準のolスタイルは使わない */
ol {
  position: relative;
  padding-left: 1.8em;
  list-style: none;
  counter-reset: item;
}
ol li::before {
  counter-increment: item;
  content: counter(item) ".";
  font-weight: bold;
  position: absolute;
  left: 0;
}

/* 左寄せ・右寄せ・センタリング */
.aligncenter {
  display: block;
  margin: 0 auto;
}
.alignright {
  float: right;
}
.alignleft {
  float: left;
}

/*** 水平線 ***/
hr.common-hr {
  margin: 30px 0;
  height: 1px;
  border: none;
  border-top: solid 1px #0a3f6b;
}

@media screen and (max-width: 767px) {
}

@media print, (min-width: 768px) {
  /* テーブル */
  table {
    width: 100%;
  }
}