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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*タイトルロゴ修正（↓20211120）*/
.site-name-text{
	font-size: 48px;
	font-weight: bold;
	font-style: italic;
	font-family: 'Shippori Mincho', serif;
/*	background-image: linear-gradient(0deg, #9e5900 0%, #ed9511 37%, #fefeb2 47%, #fafa46 50%, #fefeb2 53%, #ed9511 63%, #9e5900 100%); */
	background-image: linear-gradient(0deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
  	-webkit-background-clip: text;
  	color: transparent;
}
.header-in .logo {
		text-align: center;
		padding-left: 10em;
}
/*タイトルロゴ修正（↑20211120）*/
/*H1の装飾修正（↓20211120）*/
.article h1{
    margin: 0em auto 1em;
    padding: 0.3em 0 0.3em 0.5em;
    border-left: 13px solid #ed9f9a;
    background-color: #f9eaea;
    padding-left: 10px;
    box-shadow: 0 5px 3px #c8baa7;
    font-size: 1.25em;
	color:#705e5d;
}
/*H1の装飾修正（↑20211120）*/
/*固定ページIMFOMATIONのようこそグラデーション化（↓20211120）*/
.topcal{
	background: linear-gradient(90deg, rgba(246,234,131,1) 0%, rgba(226,9,135,1) 100%, rgba(0,212,255,1) 100%);
 	background: -webkit-linear-gradient(0deg,rgba(246,234,131,1) 0%, rgba(226,9,135,1) 100%, rgba(0,212,255,1) 100%);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}
/*固定ページIMFOMATIONのようこそグラデーション化（↑20211120）*/


.kome{
    padding-left:1em;
    text-indent:-1em;
  }
.kome:before{
	content:"※";
	color:#993300;
  }

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*768px以下*/
/*タイトルロゴ修正（↓20211120）*/
@media screen and (max-width: 840px){
  /*必要ならばここにコードを書く*/
	.site-name-text{
		font-size: 32px !important;
	}
	.header-in .logo {
		text-align: right;
		padding-right: 2em;
	}
}
/*タイトルロゴ修正（↑20211120）*/

/*480px以下*/
@media screen and (max-width: 568px){
  /*必要ならばここにコードを書く*/
/*タイトルロゴ修正（↓20211120）*/
	.site-name-text{
		font-size: 22px !important;
	}
	.header-in .logo {
		text-align: right;
		padding-right: 2em;
	}
}
/*タイトルロゴ修正（↑20211120）*/


/*キャプション表示位置（↓20220821）*/
.wp-block-image figcaption {
	text-align: left !important;
}
/*キャプション表示位置（↑20220821）*/