@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* -----------
全体
----------- */
/* タイトル削除 */
.page .entry-title{
  display: none;
}

/* aタグの下線と文字色 */
a {
  text-decoration: none;
  color: #000000; /* 今回は#000000を指定していますが、好きな色を指定できます */
}

* {
  box-sizing:border-box;
}

li {
  list-style: none;
}

.position-center {
  text-align: center;
}

.txt-bold {
  font-weight:bold;
}

.color-gray {
  color:gray;
}

.color-lightgray {
  color:lightgray;
}

.color-red {
  color:red;
}

.color-green {
  color:#00793D;
}

.color-gold {
  color:#af9b65;
}

.color-yellow {
  color:#C98808;
}

.color-purple {
  color:#574287;
}

.color-brown {
  color:#6C1921;
}

.color-instagram { 
  color:#E1306C;
}

.color-facebook {
  color:#4267b2;
}

.font-size-95rem {
  font-size: 0.95rem;
}

.text-align-right {
  text-align: right;
}

.text-align-left {
  text-align: left!important;
}

.text-align-center {
  text-align: center!important;
}

.display-flex {
  display:flex;
  width:100%;
}

.font-bold {
  font-weight: bold;
}

.font-normal {
  font-weight: normal!important;
}

/* -----------
マイページ
----------- */

.mypage-h2 {
  font-size:22px;
  font-weight:bold;
  color:#1a4473;
  letter-spacing: 0.1rem;  
  margin-bottom: 10px;
  text-align: center;
}

.form-second {  
  margin:0px auto 50px auto;
  width: 600px;
}

/* -----------
背景画像
----------- */

.bg-img-homecare {
  background-image: url("https://izumiotsu.cocosulu.net/wp-content/uploads/2025/08/homecare.png");
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: right top;
}

.bg-img-transition {
  background-image: url("https://izumiotsu.cocosulu.net/wp-content/uploads/2025/08/transition.png");
  background-size: 125px;
  background-repeat: no-repeat;
  background-position: right top;
}

.bg-img-lifecare {
  background-image: url("https://izumiotsu.cocosulu.net/wp-content/uploads/2025/08/lifecare.png");
  background-size: 165px;
  background-repeat: no-repeat;
  background-position: right top;
}

.bg-img-stay {
  background-image: url("https://izumiotsu.cocosulu.net/wp-content/uploads/2025/08/stay.png");
  background-size: 165px;
  background-repeat: no-repeat;
  background-position: right top;
}

.bg-img-advisory {
  background-image: url("https://izumiotsu.cocosulu.net/wp-content/uploads/2025/08/advisory.png");
  background-size: 120px;
  background-repeat: no-repeat;
  background-position: right top;
}

.bg-img-child {
  background-image: url("https://izumiotsu.cocosulu.net/wp-content/uploads/2025/08/child.png");
  background-size: 150px;
  background-repeat: no-repeat;
  background-position: right top;
}

/* -----------
Bootstrap補助
----------- */
.form-control-month {
  display: block;
  width: 40%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-file {
  display: block;
  width: 70%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-textarea {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control-image-order {
  display: block;
  width: 20%!important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.bg-green {
  background-color: #00793D;  
}

.bg-lightgreen {
  background-color: #B4DDC0;
}

.bg-blue {
  background-color: #008dde;
}

.bg-darkblue {  
  background-color: #1a4473!important;
}

.bg-lightgray {
  background-color: lightgray!important;
}

.bg-gold {
  background-color: #af9b65!important;
  color: white!important;
}

.bg-gray {
  background-color: gray!important;
  color: white!important;
}

.bg-green {
  background-color: #00793D!important;
  color: white!important;
}

.bg-yellow {
  background-color:#C98808!important;
  color: white!important;
}

.bg-purple {
  background-color:#574287!important;
  color: white!important;
}

.bg-brown {
  background-color:#6C1921!important;
  color: white!important;  
}

.bg-light-yellow {
  background-color:#FFFCEB!important;  
  color: black!important;
}

.bg-instagram {
  background-color: #E1306C!important;
  color: white!important;
}

.bg-facebook {
  background-color: #4267b2!important;
  color: white!important;
}

.margin-right-01rem {
  margin-right: 0.1rem;
}

.margin-auto {
  margin: auto!important;
}

.margin-bottom-01rem {
  margin-bottom: 0.1rem;
}

.margin-top-1rem {
  margin-top: 1rem!important;
}

.margin-top-3rem {
  margin-top: 3rem;
}

.margin-top-minus-3rem {
  margin-top: -3rem;
}

.margin-bottom-10rem {
  margin-bottom: 10rem;
}

.margin-bottom-05rem {
  margin-bottom: 0.5rem!important;
}

.margin-bottom-1rem {
  margin-bottom: 1rem!important;
}

.margin-bottom-5rem {
  margin-bottom: 5rem!important;
}

.margin-bottom-minus-3rem {
  margin-bottom: -4rem!important;
}

.padding-01rem {
  padding: 0.1rem;
}

.border-radius-03rem {
  border-radius:0.3rem;
}

.fontsize-small {
  font-size: 13px!important;
}

.fontsize-tiny {
  font-size: 10px!important;
}

.fontsize-1 {
  font-size: 16px;
}

.fontsize-18 {
  font-size: 18px;
}

.fontsize-middle {
  font-size: 20px!important;
}

.fontsize-large {
  font-size: 30px!important;
}

.fontsize-visitor {
  font-size: 16px!important;
}

.form-check-input-week {
  --bs-form-check-bg: var(--bs-body-bg);
  width: 0.8em;
  height: 0.8em;
  margin-top: 0.25em;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
}

.form-check-label-week {
  font-size: 16px;
}

.padding-sm-btn {
  padding:3px 8px!important;
  vertical-align:top!important;
  margin-top: 0.5px;
}

.padding-sm-select {
  padding:3px 8px!important;
  vertical-align:top!important;
  margin-top: 4px!important;
}

.letter-space02 {
  letter-spacing: 0.2rem;
}

.blink {
  animation: blinkAnime 1s infinite alternate;
}
@keyframes blinkAnime{
   0% { color: #ffff1a }
 100% { color: #ff0000 }
}

/* -----------
ニュースページ 
----------- */

.dl-news{
 width:100%;
}

.dt-news{
 border-bottom:1px solid #ccc;
  float:left;
  padding:10px 5px;
}

.dd-news{
 border-bottom:1px solid #ccc;
  margin-left:100px;
  padding:10px 5px;
}

.a-news{  
  border-radius:5px;
  color:#fff;  
  margin:0 10px;
  padding:4px 6px;
  text-decoration:none;
}

/* -----------
事業所ページ 
----------- */

.facility-page-main {
  /*padding:0px 140px;*/
  margin:0 auto;
  max-width:1350px;
  width:90%;
}

.facility-page-main h1 {
  font-size:30px;
  font-weight:bold;
}

/* top */
.facility-page-title-topright {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.facility-page-topright {
  font-size: 12px;
}

/* 画像 */
.img-object-fit {
  width:100%;
  /*width: 230px;*/
  height: 145px;
  object-fit: cover;
}

.facility-page-slide {
  overflow-x: auto;       /* 横幅が画面からはみ出たら横スクロールさせる */
  white-space: nowrap;
}

.facility-page-slide li {
  display: inline-block;  /* 要素を横並びにする */
  width: auto;
}

.facility-page-slide img {
  height: 200px;
  margin-right:5px
}

/* 編集ボタン */
.edit_green_button {
  color: #B4DDC0;
}

.edit_green_button:hover {
  color: #84bd95;
}

/* 事業所情報 */
.facility-page-h2 {
  font-size:19px;
  font-weight:bold;
  color:#1a4473;
  letter-spacing: 0.1rem;
  border-bottom: 2px solid #dee7ec;
  margin-bottom: 5px;
}

.facility-page-h3 {
  font-size:16px;
  font-weight:bold;
  /*color:#1a4473;*/
  /*border-bottom: 2px solid #dee7ec;
  margin-bottom: 5px;*/
}

.facility-page-container {
  display: flex;
  font-size:16px;
  margin-bottom: 30px;
}

.facility-page-contents {
  width:450px;
  margin-right:10px
}

.facility-page-contents-100per {
  width:100%;
  margin-right:10px
}

.facility-page-contents-675 {
  width:675px;
  margin-right:10px
}

.facility-page-contents-1350 {
  width:1350px;
  margin-right:10px
}

.facility-page-contents-380 {
  width:380px;
  margin-right:10px
}

.facility-page-contents-520 {
  width:520px;
  margin-right:10px
}

.facility-page-contents-570 {
  width:570px;
  margin-right:10px
}

.facility-page-contents-330 {
  width:330px;
  margin-right:10px;
}


.facility-page-contents-337 {
  width:337px;
  margin-right:10px;
}

.facility-page-contents-337-border {
  width:337px;
  margin-right:10px;
  border-right: 2px solid #dee7ec;
}

.facility-page-contents-91per {  
  width:91%;
  margin-right:0.1rem;
}

.facility-page-contents-9per {
  width:9%;
}

span.background-color {
  background: #ebefb6;
  padding: 2px;  
}

.facility-page-inputrange {
  appearance: none;
  width: 110px;
  height: 0px;
  border: 1px solid #333333;
  border-radius: 999px;
  background: linear-gradient(90deg, #377494 0%, #dddddd 0%);
  cursor: pointer;
}

.facility-page-inputrange::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border: 2px solid #333333;
  border-radius: 9999px;
  background: #fff;  
  box-shadow: none;
}

.facility-page-inputrange::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border: 1.5px solid #333333;
  border-radius: 9999px;
  background: #fff;
  box-shadow: none;
}

.facility-page-slidertable {  
  background: #f4f5f7;
  border:1px solid;
  border:none;
  font-size:13px;
  text-align: center;
  width:230px;
}

.width-400 {
  width:400px!important;
}

.facility-page-slidertable tr {  
  background: #f4f5f7;
  border:none;
  /*border:1px solid;*/
}

.facility-page-slidertable-textcell {  
  background: #f4f5f7;
  border:none;
  /*border:1px solid;*/
  padding: 2px 2px 0px 2px;
}

.facility-page-slidertable-figcell {  
  border:none;
  background: #f4f5f7;
  /*border:1px solid;*/
  padding: 0px 2px 6px 2px;
}

.facility-page-chargetable {  
  background: #f4f5f7;
  border:1px solid;
  border:none;
  font-size:13px;
  text-align: center;
  line-height:18px;
  max-width:420px;
  margin-top:5px;
}

.facility-page-chargetable-slim { 
  background: #f4f5f7;
  border:1px solid;
  border:none;
  font-size:13px;
  text-align: center;
  line-height:18px;
  max-width:200px;
  margin-top:5px;
}

.facility-page-chargetable-slim-left { 
  background: #f4f5f7;
  border:1px solid;
  border:none;
  font-size:13px;  
  line-height:18px;
  max-width:200px;
  margin-top:5px;
}

.facility-page-chargetable th,.facility-page-chargetable-slim th,.facility-page-chargetable-slim-left th {  
  background: gray;
  border:0.3px solid lightgray;
  color:white;
  padding: 2px;
}

.facility-page-chargetable tr,.facility-page-chargetable td,.facility-page-chargetable-slim tr,.facility-page-chargetable-slim td,.facility-page-chargetable-slim-left tr,.facility-page-chargetable-slim-left td {  
  background: #f4f5f7;
  border:0.3px solid lightgray;
  padding: 2px;
}

/* 並び替え */
input.order {
  width: 80px;
}

.facility_page_image_order {
  height: 100px;
  width: 100%;
  object-fit: cover;  
}

/* -----------
情報登録フォーム
----------- */
.form-main {  
  margin:0 auto;
  width: 700px;
}

.form-main p{
  font-size: 15px;  
  text-align: right;
}

.form-title {
  margin:5px 40px 40px 40px;
}

.form-title h1{
  font-size: 30px;
  font-weight: bold; 
}

.form-title h2{
  font-size: 30px;
  text-align: center;
  letter-spacing: 0.1rem;
}

.form-agree {
  margin:0 auto;
  margin-top: 35px;
  width:50%;
  border: 3px solid var(--bs-border-color);
  background-color: white;
  padding:20px;
}

.form-agree p{
  text-align: left;
  font-size: 14px;
}

.form-button {
  text-align: center;
}

.form-img-30rem {
  width:30rem;
  margin-left:2rem;
}

.form-label-bold {
  font-weight: bold;
}

/* トップ */
.top-main {  
  margin:0 auto;
  width: 900px;
}

.top-background {
  width: 100%;
  height: 250px;  /*高さを適切に設定 */
  background-image: url('https://izumiotsu.cocosulu.net/wp-content/uploads/2025/07/top-banner.png'); /* 背景画像のパス */
  background-size: cover; /* 画像を横幅いっぱいに表示 */
  background-position: center; /* 画像を中央に配置 */
}

.img-45 {
  width:45px;
}

.img-33 {
  width:33px;
}

.img-35 {
  width:35px;
}

.img-30 {
  width:30px;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /* -----------
  事業所ページ 
  ----------- */
  /* 事業所情報 */
  .facility-page-container {    
    flex-wrap: wrap;    
  }
  
  /*
  .facility-page-contents {    
    width:50%;    
  }
  */
  
  
}

/*834px以下*/
@media screen and (max-width: 834px){
  /* top */
  .top-background {
    width: 100%;
    height: 70px;  /*高さを適切に設定 */
    background-image: url('https://izumiotsu.cocosulu.net/wp-content/uploads/2025/07/top-banner.png'); /* 背景画像のパス */
    background-size: cover; /* 画像を横幅いっぱいに表示 */
    background-position: center; /* 画像を中央に配置 */
  }

  .margin-top-minus-3rem {
    margin-top: -2rem!important;
  }

  .margin-bottom-5rem {
    margin-bottom: 1rem!important;
  }

  .top-main {  
    margin:0 auto;
    width: 100%;
  }

  .fontsize-large {
    font-size: 18px!important;
  }

  .fontsize-middle {
    font-size: 15px!important;
  }

  .fontsize-news {
    font-size: 14px!important;
  }

  .img-45 {
    width:25px;
  }

  .img-33 {
    width:20px;
  }

  .img-35 {
    width:20px;
  }

  .img-30 {
    width:20px;
  }

  /* アーカイブ */
  .form-title {
    width:100%;
    margin:0rem 0rem 1rem 0rem;
  }

  .form-title h1{
    font-size: 18px;
    font-weight: bold; 
  }

  .bg-img-homecare {
    background-image: none;
  }

  .bg-img-transition {
    background-image: none;
  }

  .bg-img-lifecare {
    background-image: none;
  }

  .bg-img-stay {
    background-image: none;
  }

  .bg-img-advisory {
    background-image: none;
  }

  .bg-img-child {
    background-image: none;
  }

  /* ログイン */

  .form-main {
    /*padding:0px 140px;*/
    margin:0 auto;    
    width:95%;
  }

  .form-second {  
    margin:0px auto 50px auto;
    width: 100%;
  }

  .fontsize-18 {
    font-size: 14px;
  }

  /* フォーム */
  .form-title h2{
    font-size: 17px;
    text-align: center;
    letter-spacing: 0rem;
  }

  .form-agree {
    margin:0 auto;
    margin-top: 35px;
    width:95%;
    border: 3px solid var(--bs-border-color);
    background-color: white;
    padding:20px;
  }

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .facility-page-main {
    padding:0px 10px;
    width:100%;
  }

  .facility-page-main h1 {
    font-size:22px;
    font-weight:bold;
  }  
  
}