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

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

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
	.container .column-wrap {gap: 1em;}
	.romatop{width:100%;}
}


/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	.logo-header img {
    width: 95%;
    height: auto;
}
}

/************************************
** 固定ページのカスタマイズ
************************************/
.page .date-tags {
display: none;
}

/************************************
** カルーセルのカスタマイズ
************************************/
.carousel-entry-card-title{
display:none;
}

.slick-dots li button:before{
display:none;
}

.carousel .cat-label {
	display: none;
}
.content-top {
margin: 0px;
padding: 0px;
}
/************************************
** 記事内容を内側に
************************************/
p {
	margin-left:10px;
	margin-right:10px;
}


.content{
	padding:0px 20px 0px 20px;
}

/************************************
** カルーセルカスタマイズ
************************************/

.carousel-in {
  background-color: rgba(255, 255, 255, 0.562);
}

}
.carousel-content .slick-track {
    display: flex;
    padding: 0px 0px;
	margin: 0px 0px;
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.carousel-content .slick-track {
    display: flex;
    padding: 0px 0px;
	margin: 0px 0px;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
    main.main, div.sidebar {
        padding: 12px 16px;
        margin: 12px 0;
        border-width: 0;
    }
}
/************************************
** ビデオの幅
************************************/
video{
	 width: 100%;
}
}
/************************************
** フッター調整
************************************/
.footer {
	margin-top: 0;
	padding-top: 0;
}
#custom_html-8,
.footer-bottom {
	margin-top: 0;
	padding-top:0;
}
/************************************
** メニュー太字に
************************************/
#navi .navi-in{
 font-weight:bold;
}
/************************************
** ブログカードのサイトURLをなくす
************************************/
.blogcard-site{
display:none;
}
/************************************
** ブログカードの画像サイズ
************************************/
.blogcard-thumbnail{
width: 40%;
}
.blogcard-title{
font-size:1.2em;
font-weight: bold;
margin:1em; /*タイトル周り余白*/
}

/*枠線なし*/
.blogcard{
border:none;
}

/* 引用カスタム＝＝＝ここから↓↓ */
blockquote{
  background: #ffeff2;/*背景色を少し濃いめの灰色に*/
  border-radius: 5px; /*角を丸める*/
}
blockquote:before{ /*上の引用アイコン*/
  position: absolute;
  font-family: FontAwesome;
  content: '\f10d';
  top: 10px;/*上からの距離*/
  left: 10px;/*左からの距離*/
  color: #ffeff2;
  font-size: 1.5em;
}
blockquote:after{ /*下の引用アイコン*/
  position: absolute;
  font-family: FontAwesome;
  content: '\f10e';
  bottom: 20px;/*下からの距離*/
  right: 10px;/*右からの距離*/
  color: #ffeff2;
  font-size: 1.5em;
}
/* 引用カスタム＝＝＝ここまで↑↑ */

/************************************
** ボックスメニュー
************************************/
/*ボックスメニュー　背景色・罫線を消す*/
.box-menu {
box-shadow: none; 
background: transparent;　
}
/************************************
** トップに戻るボタン
************************************/
.go-to-top-button {
    width: 100px;
    height: 100px;
    font-size: 80px;	
}

.article h5{
margin-bottom:10px;
margin-top:40px;
}

.article h3{
margin-bottom:10px;
margin-top:50px;
}


/************************************
** 背景透過
************************************/

/*1920px以下*/
@media screen and (max-width: 1920px){
  /*必要ならばここにコードを書く*/
	
.header {
    background-image: url(http://hazuki.moo.jp/event2/wp-content/uploads/2025/02/haikei_1920.png);
}
}

/*1536px以下*/
@media screen and (max-width: 1536px){
  /*必要ならばここにコードを書く*/
	
.header {
    background-image: url(http://hazuki.moo.jp/event2/wp-content/uploads/2025/02/haikei_1536.png);
}
}
	


/*1366px以下*/
@media screen and (max-width: 1366px){
  /*必要ならばここにコードを書く*/
	
.header {
    background-image: url(http://hazuki.moo.jp/event2/wp-content/uploads/2025/02/haikei_1366.png);
}  
}


/*1069px以下*/
@media screen and (max-width: 1069px){
  /*必要ならばここにコードを書く*/
	
.header {
    background-image: url(http://hazuki.moo.jp/event2/wp-content/uploads/2025/02/haikei13.png);
}
}


/************************************
** メニュー
************************************/

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.menu1 img{width:30%;
		
	}	
	
}
/************************************
** リスト
************************************/
.is-style-border-radius-s-dotted {
    border-color:#eb96a5;
	text-decoration:underline;
	line-height:30px;
}
/************************************
** ぱんくず非表示
************************************/
#breadcrumb {
display:none;
}
/************************************
** 固定ページ
************************************/
.page .entry-title{
  display: none;
}

/************************************
** ブログカード
************************************/
.blogcard-title {
    margin: 5px;
}

/************************************
** ラベル非表示
************************************/
.cat-label {display:none}

/************************************
** リストの点なし
************************************/
ul{
  padding-left:0;}

li{
  list-style:none;
}
/************************************
** メニュー下の余白を消す
************************************/
.body .widget{
margin-bottom:0em;
}
/************************************
** カテゴリ読み出し後の抜粋文字下の余白
************************************/
.wp-block-latest-posts__post-excerpt{
margin-bottom:70px;
	margin-top:20px;
}


.wp-block-latest-posts__post-title{
    border-top: 2px solid var(--cocoon-thin-color);
    border-bottom: 2px solid var(--cocoon-thin-color);
    font-size: 18px;
    padding: 9px 10px;
    line-height: 1.25;
    font-weight: bold;
    border-color: #eb96a5;
	text-decoration: none;
	color:#eb96a5;
}

.wp-block-latest-posts__featured-image{
margin-bottom:30px;
}

/************************************
** h5カスタマイズ
************************************/
.article h5{ /*見出し5カスタマイズ*/
  background: #fef0f4; /*背景カラー*/
  font-size: 16px; /*フォントサイズ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 30px 0px 10px 0px;
  padding: 8px 7px 8px 20px;
  border-left: 0px solid #eb96a5; /*左ラインの太さとカラー*/
  line-height: 23px; /*高さ*/
}

/************************************
** 申し込みバナー余白
************************************/
.body .wp-block-image , .body .blank-box{
margin-bottom: 0.2em;
}

/************************************
** h2カスタマイズ
************************************/
.article h2{
	margin-top:50px;
	padding: 13px;
	font-size: 20px;
	margin-bottom: 1em;
	border-radius:5px;
}
/************************************
** サイドバー
************************************/
.sidebar h2, .sidebar h3 {
	margin-top:50px;
	padding: 13px;
	font-size: 20px;
	margin-bottom: 1em;
	border-radius:5px;
}
/************************************
** htop
************************************/
.htop{
	margin-top:0px;}

/************************************
** カラー
************************************/
.bold-red { 
	color : #de4a65; 
}

.red { 
	color : #de4a65; 
}

.bold-blue { 
	color : #3fa4c3; 
}

.blue { 
	color : #3fa4c3; 
}

.bold-green { 
	color : #9a683c; 
}

/************************************
** 訪問済みカラー

a:visited {
   color: #3d82bf;
}
************************************/


/************************************
** リスト内リンク先
************************************/
ul li a {
    color: #3d82bf;
}

p a {
    color: #3d82bf;
}

/************************************
** 引用カスタム
************************************/
/* 引用カスタム＝＝＝ここから↓↓ */
blockquote{
  background: #fcf6e5;/*背景色*/
  border-radius: 5px; /*角を丸める*/
	border:none;
	margin-top:20px;
}
blockquote:before{ /*上の引用アイコン*/
  position: absolute;
  font-family: FontAwesome;
  content: '\f10d';
  top: 10px;/*上からの距離*/
  left: 10px;/*左からの距離*/
  color: #fcf6e5;
  font-size: 1.5em;
}
blockquote:after{ /*下の引用アイコン*/
  position: absolute;
  font-family: FontAwesome;
  content: '\f10e';
  bottom: 20px;/*下からの距離*/
  right: 10px;/*右からの距離*/
  color: #fcf6e5;
  font-size: 1.5em;
}

blockquote:before {
    color: #fff8e1;
}

blockquote:after {
    color: #fff8e1;
}
/* 引用カスタム＝＝＝ここまで↑↑ */

.kousin {  margin-bottom: 0em;
}



.white a:visited {
   color: #fff;
}
	
.entry-content>*, .body .button-block {
	margin-bottom: 0.5em;
}


a:hover {
    color: #db6277;
}

.tomsneddon {
	text-align:center;
}