@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){
  /*必要ならばここにコードを書く*/
}

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


/* Xシェアボタンが黒背景に埋もれて見えなくなる問題の対策：枠線を追加 */
.sns-share-buttons .x-corp-share-button-sq {
	border: 1px solid rgba(255, 255, 255, 0.5);
	box-sizing: border-box;
}


/* スマホで記事が縦長になる不具合の対策：改行入り段落を囲う特殊な枠とwhite-space:preを無効化 */
.entry-content p:has(br) {
	background: none !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	overflow-x: visible !important;
	-webkit-overflow-scrolling: auto !important;
}
@media (max-width: 680px) {
	.entry-content p:has(br) {
		font-size: inherit !important;
		line-height: inherit !important;
		white-space: normal !important;
		letter-spacing: normal !important;
	}
}


/* X（Twitter）アプリ内ブラウザ等でページ全体が縮小表示される不具合への対策 */
html {
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
}
@media (max-width: 680px) {
	html, body {
		overflow-x: hidden !important;
		max-width: 100vw !important;
	}
}