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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* パンくずリスト全体の調整 */
.breadcrumb {
    flex-wrap: nowrap !important;        /* 折り返しを防ぐ（横一列に強制） */
    overflow-x: auto;                    /* 横スクロールを許可（スマホなどで便利） */
    white-space: nowrap;                 /* テキストの折り返しを禁止 */
    font-size: 13px;                     /* 文字を少し小さく（好みで調整） */
    padding: 8px 15px;                   /* 余白を調整して見やすく */
}

/* 各項目のテキストが長すぎる場合に省略表示（...で切る） */
.breadcrumb-caption {
    max-width: 150px;                    /* 1項目あたりの最大幅（px単位で調整） */
    overflow: hidden;
    text-overflow: ellipsis;             /* 長い部分を「...」で省略 */
    display: inline-block;
    vertical-align: middle;
}

/* 区切り記号（>）の調整 */
.breadcrumb > span {
    margin: 0 5px;
}

.pc {
    display: block !important;
}

.sp {
    display: none !important;
}
	/* パソコンで見たときは"pc"のclassがついた画像が表示される */

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

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

.sp {
    display: block !important;
}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
}

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

/*見出しデザインリセット*/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
	background-color:initial;/*背景色リセット*/
	border:initial;/*上下左右の枠線リセット*/
	border-radius:initial;/*角の丸みリセット*/
	padding: 0;
}