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

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



/*XOカレンダー*/
.xo-event-calendar .month-event,
.xo-event-calendar .month-event-space {
	display: none;
}

.xo-event-calendar table.xo-month .month-dayname td div {
	padding: 0.5em 0 0 0;
	text-align: center;
	font-size: 0.7em;
}





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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
/*スマホサイドバー非表示*/
  #sidebar{
    display: none;
  }	
}


/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}
.kakomibody {
	font-size: 14px;
	line-height: 18pt;
}

.kakomi1{
	margin;20px;
}


/*すべての固定ページのタイトルを非表示*/
.page .entry-title{
  display: none;
}



/* 全投稿ページで非表示 */
.post .entry-title {
    display: none;
}

/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
  display: none;
}

/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow{
  display: none;
}

/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
  display: none;
}

/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
  display: none;
}

/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
  display: none;
}

button.button3 {
/* 文字サイズを1.4emに指定 */
    font-size: 1.4em;
/* 文字の太さをboldに指定 */
    font-weight: bold;
/* 縦方向に10px、* 横方向に30pxの余白を指定 */
    padding: 10px 30px;
/* 背景色を指定 */
    background-color: #ff0000;
/* 文字色を白色に指定 */
    color: #ffffff;
/* ボーダーをなくす */
    border-style: none;
}



/* ヘッダー下余白 */
.content { 
margin-top: 0px; 
padding-top:-30px;
}

/* ロゴとメニューの間の余白 */
.logo-image {
	padding: 0;
}
.logo-image * {
	display: block;
	margin: auto;
}


/*----------------------------------*/
/* 投稿日付を非表示                 */
/*----------------------------------*/



/* カテゴリー別一覧リストのスタイル  */
.news-list{
	padding:  10px;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
    align-items:stretch;  
	 justify-content:center;
}

/* 抜粋のフォントサイズ */
.wp-show-posts-entry-excerpt p{
	font-size:8px;
}
/* タイトルのフォントサイズ */
.wp-show-posts-entry-title a {
    color: #000000;
	font-size:12px;
	line-height:0.5em;
}


/* 記事と記事の間隔 */
.wp-show-posts-columns .wp-show-posts-inner {
  margin: 0px 10px 0px 10px !important;
}

/* フロント囲み記事 */
.kakomibody {
	font-size: 16px;
	line-height: 18pt;
}

.kakomibody2 {
	font-size: 12px;
	line-height: 17pt;
}

.photo1{
	float:left;
	width:160px;
	height:160px;
	margin-right:20px;
}

.photo-right{
	float:right;
	margin-left:20px;
}

.photo-left{
	float:left;
	margin-right:20px;
}

/* フロント囲みボックス */
.sample_box3_1{
    position: relative;
	z-index: 0;
    padding: 1em 1.5em;
    margin: 2em 0;
	border: solid 2px #014892;/*線*/
    border-radius: 8px;/*角の丸み*/
    color: #000000;/*文字色*/
}

.sample_box3_1 .sample_box_title{
    position:  absolute;
	z-index:;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 10px;
    line-height: 1;
    font-size: 1.3em;/*タイトル文字サイズ*/
    background: #ffffff;/*タイトル文字背景色*/
    color: #014892;/*タイトル文字色*/
    font-weight: bold;
}
.sample_box3_1 p {
    margin: 0; 
    padding: 0;
}

/* カテゴリ非表示 
.cat-item.cat-item-2 {
  display: none;
}
*/


/* bizカレンダー定休日色変更
 * 以下コントロールが効かないのでwp-content  pulaginを直接書き換えた
#biz_calendar table.bizcal .holiday,
#biz_calendar p span.boxholiday {
    background-color: #f6bfbc;
}
*/


/*---サイドバーのウィジェットタイトルの余白---
 * どうやっても反映しないので、上のパーツの最終行に改行を挿入
 * 上記同様直接記入*/
/*---サイドバーのウィジェットタイトルの余白---*/

/*特定固定ページ-2151-の背景色指定、ただし、Bodyでは全体になる*/
body{
}
body.page-id-2151 {
    background:red;
}


/*特定固定ページ-2151-の背景色指定、contentが難しいのでDivクラスで指定、だが文字が入力された範囲しか表示しない*/
.sample{
	background-image: url(https://chokubai-tengoku.com/wp-content/uploads/2020/12/nihonchizu-dot-color.png);
	background-size: 600px 600px;
	background-repeat:  no-repeat; 
	background-position: center;
}

/*特定固定ページ-2151-の背景色指定、後からのものは却下、先のredになる*/
body{
}
body.page-id-2151 {
    background:green;
}



/************************************
** ■リンクテキスト カスタマイズ
************************************/
a{ /*リンクテキスト装飾無し*/
	color: black;
  text-decoration: none;
}
a:hover { /*リンクテキストホバー時アンダーライン表示*/
  text-decoration: underline;
}
.share-button{ /*シェアボタン装飾無し*/
  text-decoration: none!important;
}
.follow-button{ /*フォローボタン装飾無し*/
  text-decoration: none!important;
}
.cat-link{ /*カテゴリーラベル装飾無し*/
  text-decoration: none!important;
}
.tag-link{ /*タグラベル装飾無し*/
  text-decoration: none!important;
}

/************************************
** ヘッダー、グローバルメニューすきま
****************有効********************/
.logo-image span, 
.logo-image a, 
.logo-image img {
  display: block;
  margin-top: 5px
}


/************************************
** ヘッダー、キャッチフレーズすきま
****************有効********************/
.tagline {
	margin: 0px 0 0 0
}

/************************************
** サイドバーウィジェット
****************有効********************/

.widget {
  margin-bottom: 50px;
}

/************************************
**ポップアップ
****************有効********************/
.pop-box{
  box-sizing: border-box;
  }
/* ポップアップウインドウの設定 */
.popup{
  background-color: #ffffff;
 box-shadow: 0 0 0 9999px rgba(255,255,255,0.8);
  display: none;
  position: fixed;
   top: 10%;
  left: 40%;
  right: 0;
  bottom: 0;
	z-index:1;
  margin: 20px ;
  width:45%;
  height:40%;
  overflow-y: scroll;
}
/* チェックボックス1の初期設定 */
#popup_1-on{
  display: none;
}
/* チェックされたらポップアップウインドウを開く */
#popup_1-on:checked + .popup{
  display: block;
}
/* ポップアップの内容 */
.popup_1-content{
  margin: 40px 0px 40px 20px;
  padding: 40px 0px 20px 20px;
  width: 100%;
}
/* チェックボックス2の初期設定 */
#popup_2-on{
  display: none;
}
/* チェックされたらポップアップウインドウを開く */
#popup_2-on:checked + .popup{
  display: block;
}
/* ポップアップの内容 */
.popup_2-content{
  margin: 40px 0px 40px 20px;
  padding: 40px 0px 20px 20px;
  width: 100%;
}

/* 閉じるアイコン（右上） */
.icon-close{
  background: #000;
  color: #fff;
  font-size: 30px;
  padding: 0 10px;
  position: absolute;
  right: 0;
}

/* 閉じるボタン */
.btn-close{
  background: #000;
  border-radius: 10px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  margin: 10px auto;
  width: 95%;
  text-align: center;
}

/* 開くボタン */
.btn-open{
  background: #fff;
  border-radius: 10px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  margin: 10px auto;
  width: 95%;
  text-align: center;
}



/* ポップアップする画像を並べる */
.inline-block_pop {
    display: inline-block;      /* インラインブロック要素にする */
    background-color: #ffffff;    /* 背景色指定 */
    padding:  5px 0 0 0;             /* 余白指定 */
    height: ;              /* 高さ指定 */
}


/* 固定ページ一番下ホーム　パンくずリストを消す、今は消してない
#breadcrumb {
  display: none
}
 */



/* 画像キャプション*/
figure{text-align:center;}
figcaption{color:black;font:10px arial;}


/* show postでの使用のため*/
.article h5{
	border-bottom:none;
	padding: 0;
	text-align: center;
	font-size: 14px;
	margin-bottom: -20;
}



/* 新着一覧リストに日付表示*/
.new-entry-card-date {
  display: inline;
}
.post-update {
    display:none;
}

/* インタビューページ　トップなし サイドバーはウィジェットで非表示*/
.page-id-10281 .header{
  display: none;
} 
.page-id-10281 .navi{
  display: none;
} 

.page-id-10361 .header{
  display: none;
} 
.page-id-10361 .navi{
  display: none;
} 
body.page-id-10361 #main{
 background: #000000;
}

/* カテゴリー別、、、指定の仕方*/
.single.categoryid-102 .sidebar{
  background: #000000;
  color: #f0f8ff;
}


/* インライン画像　縦センター*/
.vcenter
{
    vertical-align: center;
	height:1em;
}


.page_id-11379 #page {
    background: green;
}


/* インライン画像 */
img.wp-image-intexts {
vertical-align: middle;
}


/* ブロック枠線*/
.waku1 {
  padding: 1em; /*段落余白*/
  border: 3px solid #f582ae; /*枠線*/
  border-bottom:0px;
}

.waku2 {
  padding: 1em; /*段落余白*/
  border: 3px solid #f582ae; /*枠線*/
  border-radius: 10px; /*角丸*/
}


/* ブロックパディング*/
.waku3 {
  padding: 1em; /*段落余白*/
}

.waku4 {
  padding: 0 1em 0; /*段落余白-上　左右　下*/
}

.waku5 {
  padding: 0; /*段落余白-上左右下ともなし*/
}

.waku6 {
  padding: 0 -1em 0; /*段落余白-上　左右　下*/
}

 /*フッターセンター合わせ*/
.footer-bottom-logo {
  float: none;
  position: static;
}

.footer-bottom-content {
  float: none;
  text-align: center;
}

/**********************************************
** 固定ページの新着記事一覧(new_list)を
** 4カラム表示にする
**********************************************/
.new-entry-cards.fp-new-entry-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
}

.fp-new-entry-cards .new-entry-card-link.a-wrap {
    display: inline-block;
    width: 24%;
}