@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*body*/
body {background-color: #FFFFFD;}

/*ヘッダー*/
div#header-container-in { padding-top: 1em; }

/*ヘッダーメニュー*/
#header-container-in.hlt-top-menu {
align-items: end !important;
}

.navi-in > ul {
justify-content: right !important;
}

.navi-in > ul li {
width: 150px !important;
height: 30px !important;
}

.navi-in a {
align-items: end;
}


.navi-in a:hover {
  background-color: #dddddd15 !important;
}

/*マウスオーバー時にメニューにアンダーラインを出す*/
#navi .navi-in a:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
left: 0px;/*線の位置*/
bottom: 2px;/*線の位置*/
height: 2px;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #E37BB0;/*線の色*/
transform: scale(0,1);/*マウスオーバー前は線を消す*/
transition: 0.3s;/*線が0→100%になるまでの秒数*/
}

#navi .navi-in a:hover:after{
transform: scale(1);/*マウスオーバー後、線を100%出す*/
}


/*メニュー　アイコン文字色*/
i.fas.fa-store-alt,
i.fas.fa-seedling,
i.fas.fa-sign,
i.fas.fa-list-ul {
color: #aad77c !important;
}


/*フッター*/
.footer { margin-top:0 !important; }
.footer-bottom-logo { bottom: 20% !important; }
.footer-bottom { margin-top:14px !important; }


span.footer-addr { font-size: 110%; }

span.footer-tel { font-size: 140%; }


/*スマホ時サイドメニューリスト*/
li#menu-item-173 { margin-top: 1em; }
li#menu-item-175 { margin-bottom: 1em; }


/*コンテンツ　ヘッダーメニューとの間*/
.content {margin-top: 1em;}

/*コンテンツ本文　content-in*/
#content-in.wrap {width:100%;}	/***width: 1256px;から100%へ変更***/


/*コンテンツ本文　main*/
.main {
background-color: transparent;
padding: 0;
}


/*コンテンツ本文　article*/
.article {
margin-bottom: 0 !important;
}


/*コンテンツ本文　entry-content*/
.entry-content {
margin-top: 0;
margin-bottom: 0 !important;
}

/*コンテンツ本文　entry-content内のp*/
.entry-content p {margin-bottom:0;}


/*コンテンツ本文　記事ブロックエリア*/
/*entry-content-in*/
.entry-content-in {
position:relative;
display:block;
margin-bottom:0;
padding:2.5em 0;
}


/*コンテンツ本文　ブロックエリア　ピンク背景*/
.in-bgcolor {
background-color: #FFF1F6;
}


/*コンテンツ本文　ブロックエリア　トップごあいさつ背景*/
.in-bgdot {
background-image: radial-gradient(circle, rgb(255 230 226) 2px, #ffe2e23b 4px), radial-gradient(circle, rgb(255 232 232) 3px, #ffe2e23b 2.5px);
background-position: 0 2.4px, 5px 7.4px;
background-size: 10px 10px;
background-color: rgb(253 253 253 / 0%);
}


/*コンテンツ本文　記事エリア*/
.entry-content-main {
display:block;
position:relative;
width: 1256px;
margin: 0 auto;
padding:0 1.8em;
}


/*コンテンツ本文　記事エリア　白背景*/
.main-white {
background-color: #FFFFFD;
border-radius:20px;
padding:1.8em;
}


/*パンくず（ページ下部）*/
.breadcrumb {
width: 1256px;
margin:0 auto;
padding:0 1.8em;
}


/*トップイメージ*/
.topimg-in {
display:block;
position:absolute;
width:70%;
left:15%;
z-index:-1;
}

.topimg-in-sp {
display:none;
}

.topimg {
position:relative;
content:url(https://nadeshiko102.blobiz.net/wp-content/themes/cocoon-child-master/images/topimage01-pc.png);
width:100%;
z-index:1;
}

.toptx {
z-index:2;
}

.toptx p {
display:block;
position:absolute;
top:20%;
left:20%;
color:#FFFFFF;
line-height:0.5;
font-family: "しまなみ";
}

.toptx span {
display:inline-block;
background-color:rgba(211,74,128,0.8);
font-size:1.7em;
line-height:1.2;
padding:0.1em 0.4em 0.15em;
border-radius:3px;
}


/*トップページ　記事一覧 */
ul.news_list {
  list-style: none;
  padding-left: 0;
}
ul.news_list a {
  color: #333;
  text-decoration-line: none;
}
ul.news_list a:hover {
  color: #f89174;
}
ul.news_list li:first-child {
  padding:9px 10px 5px;
  border-top:1px solid #E6AFBE;
}
ul.news_list li {
  padding:5px 10px;
  border-bottom:1px solid #E6AFBE;
}

span.cat {
background-color: #DB3191;
border-radius:15% / 50%;
color:#FFFFFF;
padding:0 1.5em;
}


/*トップページ　ごあいさつ*/
.aisatsu-width {
margin:0 10%;
}

.bgtopleft {
background-image:url(https://nadeshiko102.blobiz.net/wp-content/themes/cocoon-child-master/images/aisatsu-upleft.jpg);
background-repeat:no-repeat;
background-position:left top;
}

.bgbottomright {
background-image:url(https://nadeshiko102.blobiz.net/wp-content/themes/cocoon-child-master/images/aisatsu-lowright.jpg);
background-repeat:no-repeat;
background-position:right bottom;
}


/*施設案内　Googleマップ*/
.kiji-in {
margin:0 auto;
padding:0 1em;
}


/*サービス内容　機能訓練 */
div.kunren {
display:block;
position:relative;
text-align:center;
}

div.kunrentx {
display:block;
position:absolute;
bottom:0;
right:0;
left:0;
margin:0 auto;
background-color:rgba(211,74,128,0.7);
padding:0.2em 0.4em 0.1em;
border-radius:5px;
color:#FFFFFF;
font-weight:normal;
font-size:1em;
line-height:1.2;
}


/*投稿ページ*/
article.post {
background-color: #FFF1F6;
}

article.post header {
padding: 4.5em 0 2.5em;
}

article.post h1 {
position:relative;
width: 1184px;
text-align:left;
padding:0 0.8em;
}

article.post h1:before {
  position: absolute;
  background-color: #c60078;
  border-radius: 4px;
  content: "";
  left: 0%;
  top: 0%;
  width: 8px;
  height: 98%;
}

article.post .entry-content {
width: 1256px;
margin: 0 auto;
padding:0 1.8em;
background-color: #FFFFFF;
border-radius:20px;
padding:1.8em;
}

/*投稿ページ　タグ表示エリア*/
article.post footer {
width: 1256px;
margin: 0 auto;
padding:1em 1.8em 0.1em;
}

/*投稿ページ　関連記事表示エリア*/
.under-entry-content {
width: 1256px;
margin: 0 auto;
padding:0 1.8em;
}


/*h1*/
.article h1 {
max-width: 1338px;
margin:0 auto;
font-size:2em;
font-weight:normal;
text-align:center;
padding:2.7em 0 2.5em;
}

.page-id-20 .article h1,
.page-id-21 .article h1,
.page-id-23 .article h1,
.page-id-18 .article h1 {
display:block;
background-repeat: no-repeat;
background-position: center;
color:#FFFFFF;
line-height:1;
}

.page-id-20 .article h1 {
background-image: url(https://nadeshiko102.blobiz.net/wp-content/themes/cocoon-child-master/images/h1_shisetsu.png);
}/*施設案内*/

.page-id-21 .article h1 {
background-image: url(https://nadeshiko102.blobiz.net/wp-content/themes/cocoon-child-master/images/h1_service.png);
}/*サービス内容*/

.page-id-23 .article h1 {
background-image: url(https://nadeshiko102.blobiz.net/wp-content/themes/cocoon-child-master/images/h1_goriyou.png);
}/*ご利用案内*/

.page-id-18 .article h1 {
background-image: url(https://nadeshiko102.blobiz.net/wp-content/themes/cocoon-child-master/images/h1_oshirase.png);
}/*お知らせ一覧*/


/*h2*/
.article h2 {
font-size:2em;
font-weight:normal;
color:#C90078;
text-align:center;
background-color:transparent;
margin-bottom:0;
padding-top:0 !important;
}

.article h2::before {
display:block;
text-align:center;
content:url(https://nadeshiko102.blobiz.net/wp-content/themes/cocoon-child-master/images/h2-top.png);
}

.article h2::after {
display:block;
position:relative;
top:-0.6em;
text-align:center;
content:url(https://nadeshiko102.blobiz.net/wp-content/themes/cocoon-child-master/images/h2-bottom.png);
}

/*h3*/
.article h3 {
display: block;
position: relative;
font-weight:normal;
color:#C90078;
margin-top:2em !important;
border:none;
border-bottom: 2px dotted #737373;
padding:0.5em 1em 0.2em;
}

.article h3::before {
content: "";
display: block;
position: absolute;
bottom: -7px;
left: 0;
width: 12px;
height: 12px;
background: #88BD20;
border-radius: 50%;
}


/*****汎用*******/

/*下線*/
.txuline {text-decoration:underline #ffedab 0.3em;}

/*角丸*/
.kado7px {border-radius:7px;}
.kado10px {border-radius:10px;}

/*アコーディオン*/
.toggle-button {
background-color:#DB3191;
color:#fff;
font-weight:normal;
font-size:1.2em;
border-radius:10px;
border:none;
padding:0.7em 0.7em 0.55em;
display:flex;
flex-wrap:nowrap;
align-items:center;
justify-content:center;
line-height:1;
}

.toggle-button::before {content: none !important;}
.toggle-checkbox:checked ~ .toggle-button::before {content: none !important;}

.toggle-button::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f055";
color:#fff;
opacity:1;
font-size:1.2em;
margin-left:0.8em;
display:block;
position:relative;
top:-1.5px;
}

.toggle-checkbox:checked ~ .toggle-button::after {content: "\f056";}

.toggle-checkbox:checked ~ .toggle-content {
border:none;
display:block;
text-align:center;
padding:1em;
background-color:#fafaf9;
border-radius:0 0 1em 1em;
}


/*幅*/
.w20re {width:19%}
.w30re {width:29%}
.w40re {width:39%}
.w50re {width:49%}
.w60re {width:59%}
.w70re {width:69%}


/*マージン*/
.mgtp1em {margin-top:1em !important;}
.mgtp2em {margin-top:2em !important;}
.mgtp3em {margin-top:3em !important;}

/*パディング*/
.padding0 {padding:0 !important;}
.pdtop1 {padding-top:1em !important;}

/*テキスト横位置*/
.txleft {text-align:left;}
.txcenter {text-align:center;}
.txright {text-align:right;}

/*テーブル*/
table {
border-collapse: collapse;
}

table th {
border: 3px solid #FFFFFF !important;
background-color: #E37BB0;
color:#FFFFFF;
font-weight: normal;
}

table td {
border-top: 1.5px solid #E6E4E4 !important;
border-bottom: 1.5px solid #E6E4E4 !important;
border-left: 3px solid #FFFFFF !important;
border-right: 3px solid #FFFFFF !important;
background-color: #FFFFFF;
}

table .tbtop {
border-top:none !important;
}

table .tbbottom {
border-bottom:none !important;
}

table.tb2c th {
border: 3px solid #FFFFFF !important;
font-weight:600;
}

.tb2c-td {
background-color: #f7eeed;
border: 3px solid #FFFFFF !important;
}

table.tb2c tbody th {
background-color: #FFF1F6;
color: #333;
border-block: 3px dotted #E37BB0 !important;
}


/*フレックスボックス*/
.dpflex {
display:flex;
flex-wrap:wrap;
row-gap:1em;
column-gap:1em;
}

.jcspacebw {
justify-content:space-between;
}

.jccenter {
justify-content:center;
}

.aiflend {
align-items:flex-end;
}

.fdrow {
column-gap:0.5em;
flex-direction:row;
}

.fdcolumn {
flex-direction:column;
}

.cg3em {
column-gap:3em;
}


/*Instagram feed*/
.instagram_feed {
width:100%;
height:auto;
background-color:#fdf3f3;
margin:0 auto 2em auto;
padding:0 1.2em;
background-image:linear-gradient(rgba(255,255,255,0.3) 50%, transparent 50%);
background-size: 25px 25px;
}

.instagram_feed h3::before {
content: none;
}


#sb_instagram #sbi_load .sbi_load_btn, 
#sb_instagram .sbi_follow_btn a {
background-color: #DB3191;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1256px以下*/
@media screen and (max-width: 1256px){
  /*必要ならばここにコードを書く*/

/*コンテンツ本文　記事エリア*/
.entry-content-main {
width: 95%;
}


/*トップイメージ*/
.toptx span {
font-size:1.5em;
}


/*トップページ　ごあいさつ*/
.aisatsu-width {
margin:0 2%;
}


/*投稿ページ*/
article.post .entry-content,
article.post footer,
.under-entry-content {
width: 95%;
}

article.post h1 {
width: 88%;
}


/*h1*/
.article h1,
.breadcrumb {
width: 100%;
background-size:100%;
}


}

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


/*スマホ時　下部メニュー*/
  .mobile-menu-buttons { background: #fff1f6; }
  .mobile-menu-buttons .menu-caption{ display: none; }
  .mobile-menu-buttons .menu-icon,
  .mobile-menu-buttons .menu-close-button { color:#c60078; font-size:1.8em; }


/*コンテンツ本文　記事エリア*/
.entry-content-main {
padding: 0 0.8em;
}

.entry-content-main.main-white {
padding: 1.8em 0.8em;
}


/*ヘッダー*/
#header-container-in.hlt-top-menu { align-items: center !important; }


/*フッター*/
.logo-footer { margin: 8px auto 13px !important; }
.navi-footer { margin: 2em 0 !important; }

span.footer-addr { font-size: 120%; }


/*トップイメージ*/
.toptx span {
font-size:1.2em;
}


/*トップページ　ごあいさつ*/
.bgtopleft, 
.bgbottomright {
background-size:40%;
}


/*h1*/
.article h1 {
font-size:1.5em;
}


/*h2*/
.article h2 {
font-size:1.5em;
}


}

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


/*コンテンツ本文　main*/
main.main {
padding:0;
}


/*トップイメージ*/
.toptx span {
font-size:1em;
}


/*トップページ　記事一覧 */
a.news_title::before {
content:"\A";
white-space: pre;
}


/*汎用　幅*/
.w20re,
.w30re,
.w40re,
.w50re,
.w60re,
.w70re {width:100%;}


/* テーブルセルを縦並びに */
.content table,
.content table caption,
.content table thead,
.content table tbody,
.content table tr,
.content table tr th,
.content table tr td { display:block; width:auto !important; text-align:left;}
.content table tr th,
.content table tr td { margin:-1px; /* borderが二重になるのを防ぐ */ font-size:17px;}


}

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

/*トップイメージ*/
.topimg-in {
display:none;
}

.topimg-in-sp {
display:block;
position:absolute;
width:100%;
left:0;
z-index:-1;
}

.topimg {
content:url(https://nadeshiko102.blobiz.net/wp-content/themes/cocoon-child-master/images/topimage01-sp.png);
}

.toptx p {
top:20%;
left:10%;
line-height:0.3;
}

.toptx span {
font-size:0.8em;
}


/*h1*/
.article h1 {
padding:2.4em 0 2.2em;
}

.page-id-20 .article h1 {
background-image: url(https://nadeshiko102.blobiz.net/wp-content/themes/cocoon-child-master/images/h1_shisetsu-sp.png);
}/*施設案内*/

.page-id-21 .article h1 {
background-image: url(https://nadeshiko102.blobiz.net/wp-content/themes/cocoon-child-master/images/h1_service-sp.png);
}/*サービス内容*/

.page-id-23 .article h1 {
background-image: url(https://nadeshiko102.blobiz.net/wp-content/themes/cocoon-child-master/images/h1_goriyou-sp.png);
}/*ご利用案内*/

.page-id-18 .article h1 {
background-image: url(https://nadeshiko102.blobiz.net/wp-content/themes/cocoon-child-master/images/h1_oshirase-sp.png);
}/*お知らせ一覧*/


}