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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* トップへ戻るボタン画像サイズ */
.go-to-top-button {
width: 94px;
height: 94px;
}

.video-container{
max-width: 100%;
margin: 0px auto;
}

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

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

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

/* 引用を見やすくカスタマイズ */
blockquote{
	position: relative;
	padding: 30px 39px 30px 39px;
	box-sizing: border-box;
	font-style: Noto Serif JP;
	color: #464646;
	background: #f0f7ff;
	border: none;
	border-top: solid 3px #a5d7ff;
	border-bottom: solid 3px #a5d7ff;
}
blockquote:before,
blockquote:after{
	display: inline-block;
	position: absolute;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	text-align: center;
	content:'“';
	font-weight: 900;
	color: #FFF;
	font-size: 55px;
	line-height: 65px;
	background: #a5d7ff;
}
blockquote:before{
	top: 0; left: 0;
}
blockquote:after{
	bottom: 0; right: 0;
}
blockquote + p{
	margin-top: 1.6em;
}
blockquote p {
	position: relative;
	padding: 0;
	margin: 10px 0;
	z-index: 3;
	line-height: 1.7;
}
blockquote > p:last-child{ 
  margin-bottom: 0 !important;
}

/*YouTube動画の中央配置*/
.video-container{
margin: 0px auto;
}