@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/

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

/*TOPのヘッダー*/
.page-id-10 .header {
	background-image: url("https://www.kagarinosato.com/wp2023/wp-content/uploads/2019/05/photo_001.jpg");
}
.page-id-10 .logo-header img {
    width: 450px !important; /*ロゴ横サイズ*/
	height: auto !important; /*ロゴ横サイズ*/
  }
.page-id-10 .header-in{
	height: 575px;
}

/*ロゴ左寄せ*/
.logo{text-align:left;}


/*メイン・サイド背景色、透明度*/
.main{background-color:rgb(255,255,255,0.9);}
.sidebar{background-color: rgb(255,255,255,0.9);}


/*トップ、新着のタブ*/
.bb-label::before {content: "お知らせ";}

/*特定ページの投稿日・更新日と著者情報をまとめて消す*/
.page .date-tags,
.page .author-info
 {display: none;} 

/*サイドバー　タイトル装飾*/
#sidebar h3 {
  position: relative;
  padding: 0.5em;
  background: #ee2;
	border: none;
}

#sidebar h3::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}
#sidebar h3::after {display: none;} 

/*h1　タイトル装飾*/

.article h1
{ /*見出し初期化*/
padding: 0;
margin: 0;
font-size: medium;
border-collapse: separate;
border-spacing: 0;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
line-height: normal;
position:relative;
}

.article h1{
 background-color: #1563f2; /* 背景色 */
 color: #fff; /* 文字色 */
 overflow: hidden;
 padding: 10px; /* 余白 */
 position: relative;
border-radius: 10px;
font-size: 1.6em;
margin-top:30px;
}
.article h1:before{
 background-color: #99ccff; /* 大きな円の色 */
 border-radius: 50%;
 content: '';
 display: block;
 opacity: 0.6; /* 大きな円の不透明度 */
 position: absolute;
 top: -20px;
 right: 100px;
 width: 200px; /* 大きな円の幅 */
 height: 200px; /* 大きな円の高さ */
}
.article h1:after{
 background-color: #fff; /* 小さな円の色 */
 border-radius: 50%;
 content: '';
 display: block;
 opacity: 0.6; /* 小さな円の不透明度 */
 position: absolute;
 bottom: -50px;
 right: 280px;
 width: 100px; /* 小さな円の幅 */
 height: 100px; /* 小さな円の高さ */
}


/*テーブル　カラー*/
table th {background:#a6d3c8;}

table.ryoukin td{text-align:center;}

/*角丸*/
.bdr_10{
    border-radius:10px;
}

.bdr_20{
    border-radius:20px;
}

.bdr_max{
    border-radius: 50%;
}

hr .dash{border-top: 2px dashed #bbb;}

/*余白*/
.mt_ss{margin-top:1.1em;}
.mt_s{margin-top:1.5em;}
.mt_m{margin-top:2.2em;}
.mt_l{margin-top:3.5em;}
.mt_xl{margin-top:4.2em;}

.p_s{padding:1.5em;}
.pb_s{padding-bottom:1.5em;}
.pb_m{padding-bottom:2.2em;}
.pb_l{padding-bottom:3.5em;}
.pb_xl{padding-bottom:4.2em;}

/*改行*/
.br-pc { display:block; }
.br-sp { display:none; }

/*frex box*/
.f-box{
        display: flex;
    }
    .f-item{
		width:30%;
		margin-right:10px;
		margin-left:10px;
		border:5px solid #dedee4;
		border-radius:5px;
		padding:10px;
		box-shadow: 6px 6px 9px rgb(0 0 0 / 20%)
    }

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
/*改行*/
.br-pc { display:block; }
.br-sp { display:none; }
}

/*1030px以下*/
@media screen and (max-width: 1030px){
/*改行*/
.br-pc { display:block; }
.br-sp { display:none; }
}


/*768px以下*/
@media screen and (max-width: 768px){
	
.logo-header img {
    width: 300px !important; /*ロゴ横サイズ*/
	height: auto !important; /*ロゴ横サイズ*/
  }


/*改行*/
.br-pc { display:block; }
.br-sp { display:none; }

 table.rp th,
    table.rp td{
      display: block;
    }

}

/*480px以下*/
@media screen and (max-width: 480px){
	
	.logo-header img {
    width: 180px !important; /*ロゴ横サイズ*/
	height: auto !important; /*ロゴ横サイズ*/
  }

	/*改行*/
.br-pc { display:none; }
.br-sp { display:block; }
	
/*PCのみ表示*/
	.pc-only{display:none;}
	
  table.rp th,
    table.rp td{
      display: block;
    }
	
/*flexbox*/	
	.f-box{
		 display:block;
    }
    .f-item{
	width: 100%;
		border:5px solid #DEDEE4;
	border-radius:15px;
	padding:10px;
	margin-top:15px;
	margin-left:0px;
		margin-right:10px;
	
    }
	
	/*フロアガイド　ボタン下スペース*/	
	.btn-teal{margin-bottom:10px;}

}

/* 団体ページのスタイル */
/* ブラウザの初期設定をクリア */
dl,dt,dd {
  margin: 0;
  padding: 0;
}

.dl_group {
  background-color: #FFF;
  border-top: 1px solid #E4E4E4;
  border-left: 1px solid #E4E4E4;
  margin: 20px;

  display: flex;
  flex-wrap: wrap;
}
.dl_group dt {
  background-color: #FBFBFB;
  font-weight: bold;
}
.dl_group dt{
  padding: 15px;
  width: 30%;
  box-sizing: border-box;
  border-right:  1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
}
.dl_group dd {
  padding: 15px;
  width: 70%;
  box-sizing: border-box;
  border-right:  1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
}

@media screen and (max-width:750px) {

.dl_group {
        width: 100%;
        display: block; /* 横並びにさせないようブロック要素にする */
    }

.dl_group dt {background-color: #FBFBFB;
  font-weight: bold;
}
    .dl_group dt,
    .dl_group dd {
        width: 100%;
        padding: 10px 15px;
    }
}

/*スマホのみ表示*/
@media(min-width:751px){
    .sponly{
        display: none !important;
    }