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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*コンタクトフォーム数値ボックスの幅を狭く*/
.wpcf7 input[type="number"] {
        width: 80px; /* 例：幅を80pxに設定 */
}
/*サイドバー新着情報ボーダー変更*/
.sidebar .info-list-item {
	border-bottom: dotted 2px #cccccc;
}
/*サイドバー新着情報カテゴリー非表示*/
.sidebar .info-list-item-categorys {
	display:none;
}
/*サイドバー新着情報日付大きく*/
.info-list-item-date {
	font-size: 1.1em;
}
/*サイドバーカテゴリーに下線を引く*/
.sidebar .widget_categories ul li a{
	border-bottom : dotted 2px #CCCCCC;
}
/*サイドバーの画像のマウスオーバー時浮くように*/
#sidebar a:hover img{
	opacity: 0.6; /*不透明度*/
	transform: translateY(6px);
	-webkit-transform: translateY(6px);/*アニメーション*/
	transition:.5s ease-in-out;/*速度*/
}
/*カテゴリーページのアイコン非表示*/
.archive-title :before {
	display: none;
}
.archive-title {
	background-color: #dd626b;
	color: #ffffff;
	padding: 1.2rem;
}
.textwidget h2{
	display: none;
}
/*バレエ一覧ページの外部リンクアイコン非表示*/
.no-icon > .fa-link::before{content: none;}

/*大きいサムネイルをエントリーカード風に*/
.like-entry-cards .new-entry-card-link.widget-entry-card-link.a-wrap {
  padding: 1.5%;
  max-width: none;
  margin-bottom: 3%;
  border: 1px solid #ccc;
}
.like-entry-cards .new-entry-card-thumb.widget-entry-card-thumb.card-thumb {
  width: 320px;
  float: left;
  margin-right: 1.6%;
}
.like-entry-cards .new-entry-card-content.widget-entry-card-content.card-content {
  margin-left: 330px;
  padding-bottom: 1.2em;
}
.like-entry-cards .new-entry-card-title.widget-entry-card-title.card-title {
  font-size: 18px;
  margin: 0 0 5px 0;
  line-height: 1.2;
  font-weight: bold;
}
.like-entry-cards .new-entry-card-snippet.widget-entry-card-snippet.card-snippet {
  font-size: 0.8em;
  max-height: 7.8em;
  line-height: 1.3;
  overflow: hidden;
}
.like-entry-cards .new-entry-card-date.widget-entry-card-date.display-none {
  bottom: 0;
  position: absolute;
  right: 0;
  text-align: right;
  line-height: 1;
  display: block;
  font-size: 0.7em;
}
/*ナビカードを中央寄せ*/
.navi-entry-cards {
	display: flex;
	text-align:center;
	justify-content: center;
}

/*更新日非表示*/
.widget-entry-card-update-date {
  display: none;
}
@media screen and (max-width:1280px) {
  .like-entry-cards .new-entry-card-thumb.widget-entry-card-thumb.card-thumb {
    width: 38%;
  }
  .like-entry-cards .new-entry-card-content.widget-entry-card-content.card-content {
    margin-left: 40%;
  }
}
@media screen and (max-width: 480px) {
  .like-entry-cards .new-entry-card-content.widget-entry-card-content.card-content {
    margin-left: 0;
  }
  .like-entry-cards .new-entry-card-thumb.widget-entry-card-thumb.card-thumb {
    margin-bottom: 6px;
  }
  .like-entry-cards .new-entry-card-title.widget-entry-card-title.card-title {
    font-size: 16px;
    line-height: 1.3;
  }
  .like-entry-cards .new-entry-card-snippet.widget-entry-card-snippet.card-snippet {
    margin-bottom: 0;
    clear: both;
    font-size: 13px;
    /*display: none;スニペットを非表示にする場合に使用*/
  }
}

/*シェアボタンカスタマイズ*/
/*シェア・フォローボタンの枠組み*/
.sns-share.ss-top .sns-share-buttons,
.sns-share.ss-bottom .sns-share-buttons,
.sns-follow.sf-bottom .sns-follow-buttons,
.sns-follow.sf-widget .sns-follow-buttons {
	justify-content: center; /*中央に寄せる*/
	flex-wrap: wrap; /*折り返す*/
}
/*シェア・フォローボタンのリンク*/
.sns-share.ss-top .sns-buttons a,
.sns-share.ss-bottom .sns-buttons a,
.sns-follow.sf-bottom .sns-buttons a,
.sns-follow.sf-widget .sns-buttons a {
	width: 40px; /*横幅*/
	height: 40px; /*高さ*/
	margin-right: 4px; /*右側の余白*/
	margin-left: 4px; /*左側の余白*/
	border-radius: 50%; /*丸み*/
}
/*プロフィールウィジェットのリンク*/
.sns-follow.sf-profile .sns-buttons a {
	border-radius: 50%; /*丸み*/
}
/*シェアボタンのアイコン*/
.sns-share.ss-top .sns-buttons a .social-icon,
.sns-share.ss-bottom .sns-buttons a .social-icon {
	font-size: 18px; /*アイコンの大きさ*/
}
/*フォローボタンのアイコン*/
.sns-follow.sf-bottom .sns-follow-buttons .follow-button,
.sns-follow.sf-widget .sns-follow-buttons .follow-button {
	font-size: 24px; /*アイコンの大きさ*/
}
/*シェアボタンのキャプション*/
.sns-share.ss-top .sns-buttons a .button-caption,
.sns-share.ss-bottom .sns-buttons a .button-caption {
	display: none; /*非表示*/
}
/*シェア・フォローボタンのシェア数*/
.sns-share.ss-top .sns-buttons a .share-count,
.sns-share.ss-bottom .sns-buttons a .share-count,
.sns-follow.sf-bottom .sns-buttons a .follow-count,
.sns-follow.sf-widget .sns-buttons a .follow-count {
	right: -2px; /*右側からの距離*/
	bottom: -2px; /*下側からの距離*/
	padding: 2px; /*内側の余白*/
	font-size: 10px; /*文字の大きさ*/
	border: solid 1px; /*線*/
	border-radius: 3px; /*丸み*/
	background-color: inherit; /*背景色*/
}
/*シェア数の表示が必要ないシェア・フォローボタン*/
.sns-share.ss-top .sns-buttons a .share-count:empty,
.sns-share.ss-bottom .sns-buttons a .share-count:empty,
.sns-follow.sf-bottom .sns-buttons a .follow-count:empty,
.sns-follow.sf-widget .sns-buttons a .follow-count:empty {
	padding: 0; /*内側の余白*/
	border: 0; /*線*/
}

/*固定ページの日付非表示*/
.page .date-tags {
display: none;
}

/*アピールエリア画像サイズ変更*/
#appeal {
	height: calc(100vw * calc(915 / 1920))
}

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

/*リンクフーバー*/
.entry-content a:hover {
	color: #e3424d;
}

/*見出し２　リンクページのみ*/
.entry-content h2.link{
	background-color: #ffffff;
	color: #35251d;
	border-left: solid 5px #dd626b;
	border-top: solid 1px #dd626b;
	border-right: solid 1px #dd626b;
	border-bottom: solid 1px #dd626b;
	padding: 0.6rem 1.2rem;
}
/* 目次全体デザイン */
.toc{
    background:#fcf9f9;
    border:none;
    display:block;
    border-top:5px solid;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    padding: 20px 25px;
	margin: 0 8%;
}
/* 目次の文字指定 */
.toc-title {
    text-align:left;
    margin: 0 20px 20px -10px;
    padding-left: -20px;
    font-size: 23px;
    font-weight: 700;
    color: #35251d;
}
/* 目次のアイコン設定 */
.toc-title:before {
    top: 0;
    left: -45px;
    width: 50px;
    height: 50px;
    font-family: "Font Awesome 5 Free";
    content : "\f03a"; /* アイコンを変える場合はここを変更 */
    font-size:20px;
    margin-right:5px;
    color:#FFF; /* アイコンの色を変える場合はここを変更 */
    background-color:#dd626b; /* アイコンの背景色を変える場合はここを変更 */
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    padding:14px;
}
/* 目次のデザインカスタマイズ */
.toc-content ol {
    padding: 0 0.5em;
    position: relative;
}
.toc-content ol li {
    line-height: 1.5;
    padding: 0.7em 0 0.5em 1.4em;
    border-bottom: dashed 1px silver;
    list-style-type: none!important;
}
/* 目次の各節の先頭にあるアイコンを設定 */
.toc-content ol li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f138"; /* アイコンを変える場合はここを変更 */
    position: absolute;
    left : 0.5em;
    color: #dd626b; /* 色を変える場合はここを変更 */
    font-weight: bold;
}
.toc-content ol li:last-of-type {
    border-bottom: none;
}
.toc-content .toc-list li {
    font-weight:700; /* h2のみ太文字に */
}
.toc-content .toc-list li li {
    font-weight:normal; /* h3以降の文字サイズを普通に */
}
.wpcf7 input::placeholder {
	font-size: 0.8em; }
.wpcf7 textarea::placeholder {
	font-size: 0.8em; }

/*細かい点線の区切り線*/
.hr_dot {
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #dd626b;
}
/*パソコンで非表示*/
@media screen and (min-width:1024px) {
.for-sp{
	display:none;
}
 /*　画面サイズが1024pxからはここを読み込む　*/
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	/*新着記事画像*/
.entry-card-thumb {
	width: 48%;
	float: left;
	margin-right: 1.6%;
}
.entry-card-content {
	margin-left: 50%;
	padding-bottom: 1.2em;
}

}

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

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