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

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

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

.logo img  {
    width: 450px;
    height: auto;
	margin-top:16px;
	padding-top:10px;
}


/*1023px以下*/
@media screen and (max-width: 1023px){
  /*ロゴサイズ*/
.logo img  {
    width: 450px;
    height: auto;
	margin-top:0px;
	padding-top:10px;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*ロゴサイズ*/
.logo img  {
    width: 50%;
    height: auto;
	margin-top:0px;
	padding-top:0px;
}
	
.logo-image {
    width: 360px;
	margin: 0 auto;
}	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*ロゴサイズ*/
.logo img  {
    width: 50%;
    height: auto;
	margin-top:0px;
	padding-top:0px;
}
	
.logo-image {
    width: 360px;
	margin: 0 auto;
}	
}

/************************************
** ■フッターメニューカスタマイズ
************************************/
.footer.footer-container.nwa,
.footer-in.wrap.cf,
.footer-bottom.fdt-up-and-down.fnm-text-width.cf
{
  height: 55px!important; /*メニュー縦幅設定*/
  display: flex; /*並列スタイル指定*/
  align-items: flex-end; /*縦中央寄せ*/
  justify-content: center; /*横中央寄せ*/
}


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

/*834px以下*/
@media screen and (max-width: 834px){
/*必要ならばここにコードを書く*/
#header .site-name-text {
font-size: 16px;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
#header .site-name-text {
font-size: 16px;
}
}

/*****************************
** スマホのカラム幅
******************************/
@media screen and (max-width: 834px) {
    .content {
		padding: 5px 20px 0px 20px;
    }
}

    main.main, div.sidebar {
        padding: 16px 16px;
        margin: 5px 0;
        border-width: 0;
    }

/*****************************
** スマホのみフッター非表示
******************************/
@media screen and (max-width: 834px) {
#footer  {
  display:none;
}
}

/*****************************
** サイドバー文字サイズ
******************************/
.widget-sidebar ul li a {
font-size: 15px;
}

.widget h2 {
    font-size: 15px;
}

.fz-18px {
    font-size: 15px;
}

/*****************************
** 記事のサイド余白
******************************/
article {
		padding: 10px 20px 0px 20px;
}

@media screen and (max-width: 834px) {
article {
		padding: 0px 10px 0px 10px;
}
	}

/************************************
** ブログカードの日付、サイト名非表示
************************************/
.blogcard-date {
 display: none;
}

.blogcard-site {
 display: none;
}
/************************************
/*グローバルメニューのフォントサイズ等変更*/
/************************************
.navi-in .menu-header .item-label{
font-size: 16px;
font-weight: bold;
font-color:#ede29c;
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
 .item-label{
font-size: 14px;
font-weight: bold;
font-color:#fff;
}
}

/************************************
** ■カルーセル カスタマイズ
************************************/
.carousel .carousel-entry-card .carousel-entry-card-title.card-title {
  font-size: 15px; /*フォントサイズ*/
  font-weight:bold!important; /*文字強調*/
  word-break: break-all; /*表示範囲に合わせて改行*/
}
.carousel .carousel-entry-card .cat-label {
  color: #333c6d; /*ラベル 文字色*/
  border: none; /*枠削除*/
  /*display: none; ラベルを表示したい場合はコメントアウト*/
}
.carousel .carousel-in {
  margin-top: 20px; /*上マージン調整*/
	padding-bottom:0px;
  background-color: #c9d2e7; /*カルーセル全体背景色*/
}
.carousel .carousel-entry-card-thumb.card-thumb img {
  border-radius: 6px; /*角丸コーナー*/
}
.carousel .slick-arrow:before {
  color: #353f72;
  font-size: 28px;
}
/************************************
** ■プロフ文字サイズ
************************************/
#sidebar .author-box p {
    font-size: 15px;
}

/************************************
** 固定ページの日付非表示
************************************/

.page .date-tags {
 display: none;
}

/************************************
** 固定ページのタイトル非表示
************************************/
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}


/************************************
** 背景のパターン
************************************/

body.public-page  {
background: 
	linear-gradient(135deg, #fffde7 25%, transparent 25%) -20px 0/ 30px 30px,
	linear-gradient(225deg, #f0db78 25%, transparent 25%) -20px 0/ 30px 30px,
	linear-gradient(315deg, #fffde7 25%, transparent 25%) 0px 0/ 30px 30px,
	linear-gradient(45deg, #f0db78 25%, #fff1b1 25%) 0px 0/ 30px 30px;
}

/************************************
** h3,h3
************************************/

.article h3  {     
	border: double 6px #b285ce;
	border-left: none;
    border-right: none;
    padding: 10px;
    background: #fff;
	margin-top:70px;
}

.article h3:before {
   content: url( http://yakata.aries-world.com/wp-content/uploads/2025/04/star2.png );
	margin-right:5px;
	position:relative;
    top:3px;      /*上からの位置*/
    left:0;   
}


.article h2  {     
	margin-top:70px
}

.article h2:before {
   content: url( http://yakata.aries-world.com/wp-content/uploads/2025/04/star2.png );
	margin-right:5px;
	position:relative;
    top:3px;      /*上からの位置*/
    left:0;   
}

/************************************
** サイドバー丸く
************************************/
 .sidebar h3 {
	border-radius: 30px 100px 30px 30px;   /* 角丸指定*/ 
}

.sidebar h2 {
	border-radius: 30px 100px 30px 30px;    /* 角丸指定 */
}

/************************************
** リストの番号を消す
************************************/

li{
  list-style:none;
}

/************************************
** ヘッダーなみなみ
************************************/



#header-container  {
  --mask:
    radial-gradient(33.6px at 50% 47px, #000 99%, #0000 101%) calc(50% - 40px) 0/80px 100%,
    radial-gradient(33.6px at 50% -27px, #0000 99%, #000 101%) 50% 20px/80px 100% repeat-x;
  -webkit-mask: var(--mask);
  mask: var(--mask);
	    }

 
/*1023px以下*/
@media screen and (max-width: 1023px){
#header-container  {
--mask:
      radial-gradient(30.24px at 50% 42.3px, #000 99%, #0000 101%) calc(50% - 36px) 0/72px 100%,
      radial-gradient(30.24px at 50% -24.3px, #0000 99%, #000 101%) 50% 18px/72px 100% repeat-x;
	    }
}

/*834px以下*/
@media screen and (max-width: 834px){
#header-container  {
 --mask:
        radial-gradient(16.01px at 50% 22.5px, #000 99%, #0000 101%) calc(50% - 20px) 0/40px 100%,
        radial-gradient(16.01px at 50% -12.5px, #0000 99%, #000 101%) 50% 10px/40px 100% repeat-x;
	    }
}

/*480px以下*/
@media screen and (max-width: 480px){
#header-container  {
--mask:
      radial-gradient(16.01px at 50% 22.5px, #000 99%, #0000 101%) calc(50% - 20px) 0/40px 100%,
      radial-gradient(16.01px at 50% -12.5px, #0000 99%, #000 101%) 50% 10px/40px 100% repeat-x;
	    }
}

/************************************
** ヘッダー透明度
************************************/
#header-container {
    background-color: #fff;
	opacity: 0.92;
}

/************************************
** ナビメニュー
************************************/
.navi-in > ul li  { margin:3px 0px; }


/************************************
** フキダシの丸み
************************************/
[class^=is-style-balloon-], [class*=" is-style-balloon-"] {
    border-radius: 20px;
}

/************************************
** メインの背景の丸み
************************************/
main.main, div.sidebar {
    border-radius: 20px;
}

/************************************
** メインのh2
************************************/
.article h2 {
    border-radius: 15px;    /* 角丸指定 */
}


/************************************
** フォーラム設定
************************************/

/* 名前を非表示
fieldset.bbp-form fieldset.bbp-form p:nth-child(2) {
	display: none;
} */

/* メールアドレスを非表示
fieldset.bbp-form fieldset.bbp-form p:nth-child(3) {
	display: none;
} */

/* ウェブサイトを非表示 */
fieldset.bbp-form fieldset.bbp-form p:nth-child(4) {
	display: none;
}

/* フォームの注意書き消去 */
 .bbp-template-notice {
    display: none;
 }

/************************************
** 投稿者名を消す
************************************/

.author-name {
    display: none;
 }

.fa-pencil {
    display: none;
 }
	
.form-allowed-tags { 
	display:none;
}

/************************************
** TOPへ戻るボタンのサイズ調整
************************************/
.go-to-top-button {
    border-width: 0;
    color: #333;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    cursor: pointer;
    text-align: center;
    line-height: 1;
    border-radius: 5px;
    font-size: 22px;
}