@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
*/
@font-face {
font-family: ‘Noto Serif Japanese’;
font-style: normal;
font-weight: 200;
src: url(fonts/NotoSerifCJKjp/NotoSerifCJKjp-Light.otf) format(‘opentype’);
}


/************************************
** 全体のクリック/タップ時の色を変更
************************************/

a {
-webkit-tap-highlight-color: rgba(255, 227, 204, 1);
tap-highlight-color: rgba(255, 227, 204, 1);
}
/************************************
** すべてのページのタイトル/日付を非表示にする
************************************/
.entry-title {
display: none;
}
.page .date-tags {
display: none;
}


/************************************
** reCAPTCHA保護マーク削除
************************************/
.grecaptcha-badge { visibility: hidden; }


/************************************
** 特定ページのシェア・フォローボタン非表示
************************************/
.page-id-XX .sns-share,
.page-id-XX .sns-follow {
    display: none;
}

/************************************
** 画像の上余白を削除
************************************/

#main {
  margin-top: 0;
}
.content {
  margin-top: 0;
}
.article h1 {
  margin-top: 0;
  padding-top: 0;
}

h1 {
display: none;
}
.l-mainContent__inner>.post_content {
margin-top: 0;
}

/************************************
** ヘッダーのカスタマイズ
************************************/

/*ヘッダー欄ロゴ---------------------*/
/*ヘッダーロゴ左寄せ*/
.logo {
  text-align: left;
  padding: 0px 0 0 0;
}

/*2025/03追加　ヘッダーロゴ左寄せ不具合対応*/
.logo-menu-button.menu-button {
  justify-content:flex-start;
  padding-left:22px;
}
/*2025/03追加終わり*/

/*480px以下*/
@media screen and (max-width: 480px){
	.logo {
         text-align: left;
         padding: 0 0 0 0;
	}
}


/*グローバルナビメニュー欄---------------*/

/*グローバルナビメニュー区切り線*/
#navi .navi-in > ul > li{
border-right: 1px solid #EEEEEE;
}
#navi .navi-in > ul > li:last-child{
border-right-width: 0;
}
#navi .navi-in > ul > .menu-item-has-children > a::after{
right: 0px;
}

/*グローバルナビメニュー説明*/
.sub-caption{
 font-size:16px; /*文字サイズ*/
 color:#FD7310; /*文字色*/
 /*font-weight: bold;*//*太字*/
}


/*グローバルメニューのマウスオーバー色*/
.navi-in a:hover {
/*  color: #8fb0a9 !important;*/
  background: #EEEEEE ;
}

/************************************
**グローバルナビメニュー欄（モバイル）
************************************/

/*モバイル：ヘッダ　まごころアイコン位置設定*/
.logo-menu-button img {
    margin-left: 3px;
}
/*モバイル：ヘッダーロゴ　左寄せ*/
.mobile-menu-buttons .menu-button > a {
    text-align: left;
}

/*.mobile-menu-buttons .menu-button-in {
    text-align: left;
}*/

/*モバイル：menuアイコンの文字色変更*/
.mobile-menu-buttons .menu-icon {
    text-align: center;
    width: 100%;
    display: block;
    color:#EE8132; /*文字色*/
}
.mobile-menu-buttons .menu-caption {
    font-size: 9px;
    text-align: canter;
    opacity: 0.8;
    display: block;
    color:#EE8132; /*文字色*/
}

/*モバイル：ヘッダの背景色*/
.mobile-header-menu-buttons.mobile-menu-buttons .menu-button {
    background-color: #FFFDF1;
}

/*スライドインメニューを右から*/
.navi-menu-content{
	left: auto;
	right: 0;
	background-color: #fff8dd;
	transform: translateX(101%);
}
/*モバイルスライドインメニュー---------------*/

/*　上部 矢印ボタン 設定　*/
span.fas.fa-times::before{
font-family: "Font Awesome 5 Free";
content: "\f061";
color:#EE8132;/*矢印色変更はこちら*/
}
/* 上部 Menu ＆ 点線 設定　*/
ul.menu-drawer:before{
display: block;
font-size:20px;
color:#EE8132;
margin-bottom:1em;
border-bottom:3px dotted #EE8132; /*点線の色変更はこちら*/
content: "Ｍｅｎｕ";
margin-left: auto;
margin-right: auto;
}

.menu-drawer li {
padding:0;
}
.menu-drawer a{
font-size:16px;
color:#333333;
margin: .5em 0;
}

.menu-drawer a:hover{
background-color:#FFE3CC;
}
.menu-drawer a:active{
background-color:#FFE3CC;
}
.menu-drawer .sub-menu {
padding:0;
}

/************************************
** メイン：本文全体
************************************/

/*---スマホだけ改行したいとき---*/ 
@media screen and (min-width: 768px){
.sp-br {display: none; } 
}


/* ---見出しのカスタマイズ---*/
/* 見出し2 */
.article h2{
background:none;
padding: 0;
}

/* 見出し3 */
.article h3{
	background-color:initial;/*背景色リセット*/
	border:initial;/*上下左右の枠線リセット*/
	border-radius:initial;/*角の丸みリセット*/
}

/* 見出し4 */
.article h4{
  font-size: 20px !important;/*文字のサイズ*/
  border-left: 3px solid #E07487;/*左線*/
  padding: .5em .7em;/*余白*/
  background: rgba(224,116,135,.07);/*背景色*/
  color: #323232;
  margin-bottom: 15px;
  border-top: none;
  border-bottom: none;
}


/* 区切り線設定：リセット*/
hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

/* 区切り線設定：デザイン*/
hr {
  height: 1px;
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#EE8132), to(transparent));
  background-image: linear-gradient(to right, transparent, #EE8132, transparent);
}/*#CCC*/


/************************************
**  メイン：アピールエリア　
************************************/
/*480px以上（PC）-----------------------*/
@media screen and (min-width: 480px){
/*.apple{
	height:100vh;
	background-position:center;
}*/
.appeal-in {
	min-height: 800px;/*パソコンでの高さ調整*/
	min-width:100%;/*幅を最大に*/	
	background-color:rgba(250,250,250,.3);/*背景色、白を透過させる*/
}
/*コンテンツエリア(PC)*/
.appeal-content {
	width:100%;/*幅を最大に*/
	padding:2em 1em;/*内側余白調整*/
	background-color:transparent;/*コンテンツエリアの背景無効化*/
	color:#797979; /*色*/
}

/*タイトル(PC)*/
.appeal-title{
	padding-bottom:1.5em;/*タイトル下の余白*/
	font-weight:normal;/*文字の太さ*/
	font-size:1.5em;/*タイトル文字の大きさ*/
	color:#797979; /*色*/
	
}

/*本文(PC)*/
.appeal-message {
	font-size: 1em;/*本文文字の大きさ*/
	font-style: italic;
	color:#797979; /*色*/
}

/*ボタンはPCのみ(PC)*/
.appeal-button{
background-color:transparent!important;/*ボタンの背景色無効化*/
font-weight:normal;/*文字の太さ*/
color:  #d0d0d0; /*ボタン部分文字とアイコンの色*/
}

/*アイコンを追加(PC)*/
.appeal-button:before{
display:block;
font-family: "Font Awesome 5 Free";
font-weight:bold;
content: "\f103";/*アイコン指定*/
font-size: 2em;/*アイコンの大きさ*/
color: #bababa;/*文字の色*/
animation: move 1s infinite alternate ease-in-out;/*以下、アイコンを動かすアニメーション*/
}
/*アイコンの動き(PC)*/
@keyframes move{
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(10px);
  }
}

/*スムーズにスクロール(PC)*/
html { scroll-behavior: smooth;}

/*アピールエリアのボタンの文字色変更(PC)*/
.appeal-content .appeal-button {
    color: #797979;
}
}
/*--------------------------------------*/
/*480px以下（モバイル）------------------*/
@media screen and (max-width: 480px){
#appeal {
	height: calc(100vw * calc(900 / 1300));
}
.appeal-in {
	max-width: 100%;		
	min-height: 400px!important;/*スマホでの高さ調整*/
	background-color:rgba(250,250,250,.3);/*背景色、白を透過させる*/
	position: relative; /*descriptionはメイン領域に合った位置 */
}

/*モバイル時のコンテンツエリア(ﾓﾊﾞｲﾙ)*/
.appeal-content {
	width:100%;/*幅を最大に*/
	padding:2em 1em;/*内側余白調整*/
	background-color:transparent;/*コンテンツエリアの背景無効化*/
	color:#797979; /*色*/
}

/*モバイル時のタイトル(ﾓﾊﾞｲﾙ)*/
.appeal-title{
	padding-bottom:1.1em;/*タイトル下の余白*/
	font-weight:normal;/*文字の太さ*/
	font-size:1.3em;/*タイトル文字の大きさ*/
	color:#797979; /*色*/
}

/*モバイル時の本文(ﾓﾊﾞｲﾙ)*/
.appeal-message {
	font-size: 1.1em;/*本文文字の大きさ*/
	font-style: italic;
	color:#797979; /*色*/
}

/*タイトル/メッセージの位置変更(ﾓﾊﾞｲﾙ)*/
.appeal{
	position:relative;/*ここを起点に*/
}
.appeal-title{
	position: absolute;/*配置する*/
	top:95px;/*ヘッダ下からの位置*/
	left:20px;/*左からの位置*/
}
.appeal-message{
	position: absolute;/*配置する*/
	top:125px;/*ヘッダ下からの位置*/
	left:20px;/*左からの位置*/
}



/*モバイル時ボタン非表示(ﾓﾊﾞｲﾙ)*/
.appeal-button {
  display:none;
}

}
/*--------------------------------------*/

/************************************
** メイン：新着情報（TOPICS）
************************************/

/*更新日は非表示*/
.new-entry-card-update-date {
	display: none;
}

/* 投稿日を先頭にする */
.new-entry-card-content {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}


/*480px以上（PC）-----------------------*/
@media screen and (min-width: 480px){
/*記事内容のカスタマイズ(PC)*/
.new-entry-cards .display-none {
	display: block;
	text-align: right;
	font-size: 18px;
}

/*投稿日カスタマイズ(PC)*/
.new-entry-card-post-date {
	font-size: 18px;
	padding-right: 4px; /*右余白*/
}

/*投稿内容カスタマイズ(PC)*/
.no-thumbnail .widget-entry-cards div.widget-entry-card-content {
	font-size: 18px;
	margin-bottom: 0em;
}
}

/*--------------------------------------*/
/*480px以下（モバイル）------------------*/
@media screen and (max-width: 480px){
/*記事内容のカスタマイズ(ﾓﾊﾞｲﾙ)*/
.new-entry-cards .display-none {
	display: block;
	text-align: right;
	font-size: 16px;
}

/*投稿日カスタマイズ(ﾓﾊﾞｲﾙ)*/
.new-entry-card-post-date {
	font-size: 16px;
	padding-right: 4px; /*右余白*/
}

/*投稿内容カスタマイズ(ﾓﾊﾞｲﾙ)*/
.no-thumbnail .widget-entry-cards div.widget-entry-card-content {
	font-size: 16px;
	margin-bottom: 0em;
}

}
	
/*202410改修（開始）--------------------------------------------------*/
/************************************
** メイン：ハローワーク情報
************************************/
/* 本文抜粋の文章を削除 */
.blogcard-snippet{
display:none;
}

/* ホバーしたとき */
/*.blogcard-wrap:hover{
	background-color: #FFDFC7;
}*/

/* 外部リンク全体 */
/* 外部リンク */
.external-blogcard{
	position: relative;
	display: inline-block;
	border: solid 3px rgba(153, 204, 255, 1);
	padding: 1rem 2rem 1rem 1rem;
	box-shadow: 3px 3px 8px rgba(95,99,119,1);
	font-size: 12px !important;
}
/* 外部リンクのリンク先アイコン表示 */
.external-blogcard-footer img{
	display: inline-block;
/*	display: none;*/
}
/* 外部リンクのリンク先文字の大きさ */
/*.external-blogcard-domain {
	font-size: 12px !important;
}*/

/* 外部リンクのサムネイルimg */
.external-blogcard-thumbnail img {
	box-shadow: none;
	border: solid 1px #dbdbdb;
	border-radius: 2px;
}
/* 外部リンクの下のラベル */
.external-blogcard::after{
	content: "詳しくはこちら \261e";
	position: absolute;
	display: inline-block;
	right: 2rem;
    bottom: 0.5rem;
	background: #F29D69;
	/*background: #b5d0e5;*/
	color: #fff;
	border-radius: 3px;
	font-size: 80%;
  padding: 0.4em 1.5em 0.4em 2em;
}
/*　画面サイズが480px以下の場合ここの記述が適用される　*/
@media screen and (max-width:480px) {
.external-blogcard-site {
	display: inline-block;
	min-width: 120px;
	max-width: 200px;
	font-size: 18px !important;
	}
/* モバイル：リンク先アイコン表示 */
.external-blogcard-footer img{
/*	display: inline-block;*/
	display: none;
}
.external-blogcard-domain {
	display: inline-block;
	font-size: 14px !important;
	}

.external-blogcard::after {
	content: "詳しくはこちら \261e";
	position: absolute;
	display: inline-block;
	right: .5rem;
    bottom: 0.5rem;
	background: #F29D69;
	color: #fff;
	border-radius: 3px;
	font-size: 80%;
  padding: 0.4em 0.5em;
}
}
/*202410改修（終了）--------------------------------------------------*/