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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*
 img{
 box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
 padding: 0.6em 2em;
 margin: 0 0 1em;
 cursor: pointer;
 transition: all 0.3s ease 0s;
 max-width: 100%;	
 height: auto;
}
img:hover {
 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
 transform: translateY(-0.1875em);
}
.hoge .scrollable-table td {
	white-space: normal;
}
.hoge .scrollable-table table {
	width: 100% !important;
}
.hoge .scrollable-table tr > td {
	width: 138px !important;
}
.hoge .scrollable-table tr > td + td {
	width: calc(100% - 138px) !important;
}
.wp-block-cocoon-blocks-blogcard  {
	overflow-x: hidden;
	max-width: 100%;
}
.container{
	max-width: 100%;
	margin: 0 auto;
  padding: 0;
}
.speech-person {
	overflow-x: hidden;
	max-width: 100%;
}
figure {
	position: relative; // 図形やビデオを相対位置関係に指定する
	display: inline-block;
}
	figure img {
		vertical-align: top; // 画像の範囲をどこからにするか指定している
	}

*/



/* タイトル フォント */
.site-name-text {
font-family: "Noto Sans JP", sans-serif;
font-size: 50px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
#header .site-name-text {
font-size: 40px;
}
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
#header .site-name-text {
font-size: 40px;
}
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
#header .site-name-text {
font-size: 30px;
}
}
@media (max-width: 768px) {
  body {
    font-size: 16px;
    line-height: 1.6;
    word-break: break-word;
  }
}