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

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

/*==================================================================
 * 　　　　　　　　　　　　　▼全体共通設定　PC　
 * ================================================================= */

/* スムーススクロール */
html {
  scroll-behavior: smooth;
}

/* 文字の折り返し */
.text-nowrap {
	display:inline-block;
}


/* -----------------------------------------------------------------
 * ▼header
 * ----------------------------------------------------------------- */

/* -----------------------------------------------------------------
 * ----------------------------------------- ▼header全画面にする */

/* メニューとロゴの横幅を全面に */
#header-in.wrap,
#navi-in.wrap {
	width:100%;
	padding:5px 220px 5px 3%; /* メニューのボタン分余白 */
}

/* ロゴ */
#header-container  .logo {
	text-align: left;
}

/* メニュー全体 */
#header-container .navi-in > ul {
	justify-content: flex-start;
}

/* 各メニュー */
#header-container .navi-in > ul > li {
    height: fit-content;
    width: 180px;
    line-height: 2.5;
}

#header-container .navi-in > ul > li a {
	padding: 0.5em 1em;
}


/* メニューの線 */
#header-container .navi-in > ul > li ~ li {
	border-right: 1px solid #333;
}

#header-container .navi-in > ul > li:first-child {
	border-left:1px solid #333;
	border-right:1px solid #333;
}


/* ------------------------------------------------------------------
 * --------------------------------------------- ▼メニューの設定 */

/* メニューhover設定 */
#navi .navi-in ul.menu-header li.menu-item > a {
	transition: all .4s ease; /* アニメーション */
}

#navi .navi-in ul.menu-header li.menu-item > a:hover {
	background:#f1f1f1; /* 背景色 */
}


/* -----------------------------------------------------------------
 * ------------------------------------- ▼トップメニューのボタン */

#header-container-in {
	position:relative;
}

/* ▼共通ボタン */
#menu-header-menu01 .h-menu-btn {
	position:absolute;
	border:2px solid #CF725F!important;
}

#menu-header-menu01 .h-menu-btn a:hover {
	opacity:.5;
}

/* ▼「ご相談窓口」ボタン */
#menu-header-menu01 .h-menu-btn.h-info {
	top:1em;
	right:3%;	
}

#menu-header-menu01 .h-menu-btn.h-info a {
	color:#CF725F;
}

#menu-header-menu01 .h-menu-btn.h-info a:hover {
	background:#fff!important;
}


/* ▼「会員ページ」ボタン */
#menu-header-menu01 .h-menu-btn.h-login {
	top:5.5em;
	right:3%;
	background:#CF725F;
}

#menu-header-menu01 .h-menu-btn.h-login a {
	color:#fff;
}

#menu-header-menu01 .h-menu-btn.h-login a:hover {
	background:#CF725F!important;
}


/* -----------------------------------------------------------------
 * ▼追従header
 * ----------------------------------------------------------------- */


/* -----------------------------------------------------------------
 * ▼サイドバー
 * ----------------------------------------------------------------- */

#sidebar .widget_block .wp-block-group h2 {
    border: 1px solid #efefef;
    background: #efefef;
    padding: 2%;
    margin-bottom: 2%;
}

#sidebar .widget_block .wp-block-group ul {
    line-height: 2.2;
}

/* 優先順位調整 */
.sidebar ul {
	list-style-type: disclosure-closed;
    padding-left: 1.5em;
}


/* -----------------------------------------------------------------
 * ▼お知らせ内容のページ
 * ----------------------------------------------------------------- */

/* タイトルと日付 */
.post-template-default header.article-header {
	padding: 2% 1em;
    margin-bottom: 3%;
    border: 1px solid #d0d0d0;
}


/* -----------------------------------------------------------------
 * -------------------------------------------------- ▼関連記事 */
#related-entries .related-entry-heading {
	border: 1px solid #d8d8d8;
    border-left: 7px solid #d8d8d8;
    padding: 0.3em;
	font-size: 1.25em;
}


/* -----------------------------------------------------------------
 * ▼共通▼固定ページ
 * ----------------------------------------------------------------- */

/* 投稿日 非表示 */
.page .date-tags {
	display:none;
}


/*==================================================================
 * 　　　　　　　　　　　　▼トップページ　PC　
 * ================================================================= */

/* -----------------------------------------------------------------
 * ▼トップ共通設定
 * ----------------------------------------------------------------- */

/* タイトル 非表示 */
.home h1.entry-title {
	display:none;
}

/* 内容全体のトップの余白削除 */
.home .content {
	margin-top:0;
}

/* h4とh3の文字色 */
.top-section h3.widget-title,
.top-section h4.sub-title {
	border:none;
	color:#cf725f;
	padding:.3em 2% .3em 0;
	margin:2% 0 .7em;
	line-height:1.6;
}

/* メインタイトル */
.home .title-common h3.widget-title {
	background:#cf725f;
	color:#fff;
	text-align:center;
	border:none;
	margin:2% 0 0;
}


/* -----------------------------------------------------------------
 * ▼slickスライダー
 * ----------------------------------------------------------------- */

.sliderArea {
max-width: 100%;
margin: 0 auto;
}

.sliderArea.w300 {
max-width: 300px;
}

.slick-slide {
margin: 0 5px;
}

.slick-slide img {
width: 100%;
height: auto;
}

.slick-prev, .slick-next {
z-index: 1;
}

.slick-prev:before, .slick-next:before {
color: #000;
}

.slick-slide {
transition: all ease-in-out .3s;
opacity: .2;
}

.slick-active {
opacity: 1;
}

.slick-current {
opacity: 1;
}

.thumb {
margin: 20px 0 0;
}

.thumb .slick-slide {
cursor: pointer;
}

.thumb .slick-slide:hover {
opacity: .7;
}


/* -----------------------------------------------------------------
 * ----------------------------------------------- ▼ドットの設定 */

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-active {
    opacity: 1;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}


/* -----------------------------------------------------------------
 * ------------------------------------------- ▼次前の矢印の設定 */

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 25px;
    height: 25px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev, .slick-next {
    z-index: 1;
}

.slick-next {
    right: 7px;
}

.slick-prev {
    left: 7px;
}

.slick-prev:hover, .slick-next:hover {
	background:none;
}

.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 25px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-next:before {
	font-family: "Font Awesome 5 Free";
    content: '\f138';
	font-weight: 900;
}

.slick-prev:before {
	font-family: "Font Awesome 5 Free";
    content: '\f137';
	font-weight: 900;
}

.slick-prev:before, .slick-next:before {
    color: #000;
}


/* -----------------------------------------------------------------
 * ▼新着情報（.top-News）
 * ----------------------------------------------------------------- */

/* -----------------------------------------------------------------
 * --------------------------------------------------- ▼タイトル */

.top-News .top-News-conts h3.widget-title {
	border:none;
	text-align:center;
	font-size:1.5em;
	color:#cf725f;
	border-bottom:2px solid #cf725f;
}


/* -----------------------------------------------------------------
 * ------------------------------------------------------- ▼中身 */

/* 線なし */
.top-News .top-News-conts .whatsnew hr {
	display:none;
}

/* 各投稿タイトル */
.top-News .top-News-conts .whatsnew dl a {
	color:#333;
}

/* 線 */
.top-News .top-News-conts .whatsnew dl ~ dl {
	border-top:1px solid #ddd;
}


/* Newマーク */
.top-News .top-News-conts div.whatsnew .newmark {
	background:#cf725f;
}


/* -----------------------------------------------------------------
 * ▼自立準備ホームとは（.top-About）
 * ----------------------------------------------------------------- */

.top-About .text-conts h4.sub-title {
	background:rgba(207,114,95,.2)
}


/* -----------------------------------------------------------------
 * ▼代表理事挨拶（.top-Greeting）
 * ----------------------------------------------------------------- */

.top-Greeting h3.widget-title .mini-text {
	font-size:.85em;
}

/* 画像全体 */
.top-Greeting .so-panel:nth-of-type(1) {
	float:right;
	width:30%;
}

/* テキスト全体 */
.top-Greeting .so-panel:nth-of-type(2) {
	max-width:100%;
}


/* -----------------------------------------------------------------
 * ▼メッセージ（.）
 * ----------------------------------------------------------------- */

/* -----------------------------------------------------------------
 * ------------------------------------------------------ ▼文章 */

/* タイトル「名前と所属」 */
.top-Message h3.widget-title .mini-text {
	font-size:.85em;
}

/* 文章 */
.top-Message .text-conts .text {
	margin-bottom:0;
	text-indent:1em;
}


/* -----------------------------------------------------------------
 * ------------------------------------------------------ ▼画像 */

.face-photo .sow-image-container {
	max-width:280px;
	margin: 0 auto;
}


/* -----------------------------------------------------------------
 * ▼入所者支援（.top-Support）
 * ----------------------------------------------------------------- */

/* -----------------------------------------------------------------
 * ------------------------ ▼ボタン「ご相談窓口はこちらです。」 */

.top-Support .info-btn a {
	border:2px solid #cf725f!important;
	transition: all .4s ease;
}

.top-Support .info-btn a:hover {
	background:#cf725f!important;
}


/* -----------------------------------------------------------------
 * ▼加盟団体（.top-Member）
 * ----------------------------------------------------------------- */

/* -----------------------------------------------------------------
 * --------------------------------------- ▼アコーディオンの設定 */

/* メニュータイトル */
.top-Member .top-Member-conts .sow-accordion .sow-accordion-panel-header {
	background-color:#cf725f!important;
	font-size:1.3em;
}


/* -----------------------------------------------------------------
 * ---------------------------------------------------- ▼表設定 */

/* 中身全体 */
.top-Member .top-Member-conts .sow-accordion .sow-accordion-panel-border {
	background-color:#fff!important;
}

/* 表　線、背景なし */
.top-Member .top-Member-conts .sow-accordion .sow-accordion-panel-border .area-table tr,
.top-Member .top-Member-conts .sow-accordion .sow-accordion-panel-border .area-table th,
.top-Member .top-Member-conts .sow-accordion .sow-accordion-panel-border .area-table td {
	border:2px solid #fff;
	background:none;
}

/* 4の倍数セルと4の倍数+１のセル */
.top-Member .top-Member-conts .sow-accordion .sow-accordion-panel-border .area-table tr:nth-child(odd){
	background:#fff6e9;
}

/* 都道府県のtdを中央寄せ */
.top-Member .top-Member-conts .sow-accordion .sow-accordion-panel-border .area-table tr td:first-child {
	text-align:center;
}


/* -----------------------------------------------------------------
 * ▼協力団体リンク（.top-Member-link）
 * ----------------------------------------------------------------- */

/* -----------------------------------------------------------------
 * ---------------------------------------------------- ▼ボタン */

.top-Member-link .linkimg a {
	border: 1px solid;
    border-color: #dedede #d9d9d9 #d1d1d1 #d9d9d9!important;
	transition: all .3s ease;
}

.top-Member-link .linkimg a:hover {
	border: 1px solid;
    border-color: #dedede #d9d9d9 #d1d1d1 #d9d9d9!important;
	opacity:.6;
}


/*==================================================================
 * 　　　　　　　　　　　　　▲トップページ　PC　
 * ================================================================= */
/*==================================================================
 * 　　　　　　　　▼会員ページトップ(.page-id-94)　PC　
 * ================================================================= */

/* ページタイトル */
.page-id-94 h1.entry-title {
	display:none;
}

.page-id-94 .member-pagetitle h3.widget-title {
	border:none;
	margin:0;
	color:#fff;
	padding: .5em;
	font-size:1.8em;
}

/* 共通 全体 */
.page-id-94 #member-menu {
	flex-wrap:wrap;
}

/* 共通 各リンクブロック */
.page-id-94 #member-menu .panel-grid-cell {
	width: calc((100% / 3) - 10px ); 
	padding: 2% 5px;
}

/* 共通 aタグ */
.page-id-94 #member-menu .member-menu-block a {
	border: 2px solid #CF725F;
    width: 100%;
    height: 30vh;
	padding: 0.8em;
    display: flex;
    justify-content: center;
    align-items: center;
	box-shadow:2px 2px 7px 2px #aaa;
	cursor:pointer;
	transition: all .4s ease;
}

/* 共通 a:hover */
.page-id-94 #member-menu .member-menu-block a:hover {
	box-shadow:4px 4px 10px 2px #aaa;
	transform:translate(-3px,-3px);
}

/*==================================================================
 * 　　　　　　　　▲会員ページトップ(.page-id-94)　PC　
 * ================================================================= */

/*********************************************************************
** 　　　　▽▼レスポンシブデザイン用のメディアクエリ▼▽
**********************************************************************/

/* ####=========================================================####
 * 　　　　　　　　　▼1023px以下  タブレット
 * ####=========================================================#### */
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/


/*==================================================================
 * 　　　　　　　　　　　▼全体共通設定　1023px以下　
 * ================================================================= */
	
	
/* -----------------------------------------------------------------
 * ▼header
 * ----------------------------------------------------------------- */

	/* ロゴ */
	.has-logo-button .logo-menu-button {
	    display: flex;
    	align-items: center;
		padding-left: 7px;
	}
	
/* ----------------------------------------------------------------
* ---------------------------------- ▼モバイルスライドメニュー */
	
	/* 全体 */
	#navi-menu-content {
		opacity:.9;
	}
	
	/* ×ボタン */
	.menu-close-button {
		text-align: right;
    	padding: 0 0.5em;
	}

	/* メニュー */
	.menu-drawer a {
		padding: 0.5em 0;
	}
	


/*==================================================================
 * 　　　　　　　　　　　▼トップページ　1023px以下　
 * ================================================================= */

/* -----------------------------------------------------------------
 * ▼トップ共通設定
 * ----------------------------------------------------------------- */



/* -----------------------------------------------------------------
 * ------------------------------------ ▼ */
/* -----------------------------------------------------------------
 * ------------------------------------ ▼ */
	
	
/* -----------------------------------------------------------------
 * ▼
 * ----------------------------------------------------------------- */
	
/* -----------------------------------------------------------------
 * ------------------------------------ ▼ */
/* -----------------------------------------------------------------
 * ------------------------------------ ▼ */


/*==================================================================
 * 　　　　　　　　　　　▲トップページ　1023px以下　
 * ================================================================= */



}/* ◀ 1023px以下 */

/* ####=========================================================####
 * 　　　　　　　▼834px以下  ハンバーガーアイコン
 * ####=========================================================#### */
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/

	
/*==================================================================
 * 　　　　　　　　　　▼全体共通設定　　834px以下
 * ================================================================= */

/* ---------------------------------------------------------
 * ハンバーガーアイコンになる▼header
 * --------------------------------------------------------- */	
	
	
		
	
	
	
	
}/* ◀ 834px以下 */


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

/*==================================================================
 * 　　　　　　　　　　▼全体共通設定　　780px以下
 * ================================================================= */

/* -----------------------------------------------------------------
 * ▼加盟団体（.top-Member）
 * ----------------------------------------------------------------- */

/* -----------------------------------------------------------------
 * ---------------------------------------------------- ▼表設定 */

/* 中身全体 */
.top-Member .top-Member-conts .sow-accordion .sow-accordion-panel-border {
	padding:3% 0!important;
}

/* ▼横並びの解除 */
.top-Member .top-Member-conts .sow-accordion .sow-accordion-panel-border .area-table tbody {
	flex-wrap: nowrap;
    flex-direction: column;
}


.top-Member .top-Member-conts .sow-accordion .sow-accordion-panel-border .area-table tbody tr {
	width:100%;
}
	
		
/*==================================================================
 * 　　　　　　　　　　▼ログインページ　780px以下　
 * ================================================================= */
	
	
	/* ログインフォーム全体 */
	#wpmem_login {
    width: 90%!important;
    margin: 0 auto;
	}
	
	
/*==================================================================
 * 　　　　　　　　　　▲ログインページ　780px以下　
 * ================================================================= */
/*==================================================================
 * 　　　　　　　　　　▼トップページ　780px以下　
 * ================================================================= */

/* -----------------------------------------------------------------
 * ▼代表理事挨拶（.top-Greeting）
 * ----------------------------------------------------------------- */

/* 画像全体 */
.top-Greeting .so-panel:nth-of-type(1) {
	float:inherit;
	width:100%;
}


/* -----------------------------------------------------------------
 * ▼協力団体リンク（.top-Member-link）
 * ----------------------------------------------------------------- */



/* -----------------------------------------------------------------
 * ---------------------------------------------------- ▼ボタン */

.top-Member-link .linkimg a {
	border: 1px solid;
    border-color: #dedede #d9d9d9 #d1d1d1 #d9d9d9!important;
	transition: all .3s ease;
}

.top-Member-link .linkimg a:hover {
	border: 1px solid;
    border-color: #dedede #d9d9d9 #d1d1d1 #d9d9d9!important;
	opacity:.6;
}


/*==================================================================
 * 　　　　　　　　　　▲トップページ　780px以下　
 * ================================================================= */
/*==================================================================
 * 　　　　　　▼会員ページトップ(.page-id-94)　780px以下
 * ================================================================= */
	
/* ページタイトル */
.page-id-94 .member-pagetitle h3.widget-title {
	font-size:1.5em;
}

/* 共通 全体 */
.page-id-94 #member-menu {
	flex-direction:row!important;
}

/* 共通 各リンクブロック */
.page-id-94 #member-menu .panel-grid-cell {
	width: calc((100% / 2) - 10px )!important; 
	padding: 5px;
}

/* 共通 aタグ */
.page-id-94 #member-menu .member-menu-block a {
    height: 25vh;
    font-size: 22px;
}


/*==================================================================
 * 　　　　　　▲会員ページトップ(.page-id-94)　780px以下　
 * ================================================================= */

}/* ◀ 780px以下 */


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

/*==================================================================
 * 　　　　　　　　　　　▼全体共通設定　480px以下　
 * ================================================================= */


/* -----------------------------------------------------------------
 * ▼
 * ----------------------------------------------------------------- */
	
/* -----------------------------------------------------------------
 * ------------------------------------ ▼ */
/* -----------------------------------------------------------------
 * ------------------------------------ ▼ */
	
/*==================================================================
 * 　　　　　　　　　　　▼トップページ　480px以下　
 * ================================================================= */

/* -----------------------------------------------------------------
 * ▼トップ共通設定
 * ----------------------------------------------------------------- */
	
/* -----------------------------------------------------------------
 * ------------------------------------ ▼ */
/* -----------------------------------------------------------------
 * ------------------------------------ ▼ */
	

/* -----------------------------------------------------------------
 * ▼
 * ----------------------------------------------------------------- */
	
/* -----------------------------------------------------------------
 * ------------------------------------ ▼ */
/* -----------------------------------------------------------------
 * ------------------------------------ ▼ */

/*==================================================================
 * 　　　　　　　　　　　▲トップページ　480px以下　
 * ================================================================= */
/*==================================================================
 * 　　　　　　▼会員ページトップ(.page-id-94)　780px以下
 * ================================================================= */

		
/* ページタイトル */
.page-id-94 .member-pagetitle h3.widget-title {
	font-size:1.3em;
}

/* 共通 aタグ */
.page-id-94 #member-menu .member-menu-block a {
    height: 20vh;
    font-size: 18px;
}


/*==================================================================
 * 　　　　　　▲会員ページトップ(.page-id-94)　780px以下　
 * ================================================================= */
	
	
}/* ◀ 480px以下 */