@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){
  /*必要ならばここにコードを書く*/
	.LargeTxt{font-weight:bold; line-height:1.4}
	.article .MediumTxt{font-size:1em; margin-bottom:0}
	main.main, div.sidebar{padding:15px}
	.CharaImg{margin-bottom:10px}
	.CharaAreaTtl{font-size:16px}
	.entry-content{margin-top:0}
	.fz-16px {
  font-size: 13px;
}

.fz-17px {
  font-size: 14px;
}

.fz-18px {
  font-size: 15px;
}

.fz-19px {
  font-size: 16px;
}

.fz-20px {
  font-size: 17px;
}

.fz-21px {
  font-size: 18px;
}

.fz-22px {
  font-size: 19px;
}

.fz-24px {
  font-size: 21px;
}

.fz-28px {
  font-size: 25px;
}

.fz-32px {
  font-size: 29px;
}

.fz-36px {
  font-size: 33px;
}
}

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

@media screen and (min-width: 834px){
	.pc_none{display:none}
	.logo-header img{width:500px}
	.CharaAreaTtl{font-size:22px}
	img.CharaHeadimg{width:500px}
}
html{font-feature-settings: "palt";}
.site-name-text-link{padding:0}
.logo-image{padding:0; line-height:1}
.tagline{margin:0}
.LargeTxt,
.MediumTxt{text-align:center}
#header{background-image:linear-gradient(to top,#0adee3,#001647)}
.HorseDesc,
.CharaTxt,
.CharaFlex+div{text-align:justify}
.HorseInfo{line-height:1.3}

.logo-image span,
.logo-image a,
.site-logo-image{display:block}
.site-logo-image{margin:0 auto}
#content{margin-top:0}

.MpwpTopBox{background:#000; border-radius:30px; display:block; color:#5fa2ff; text-align:center; padding:20px 0; text-decoration:none; line-height:1.4; font-size:20px; font-wight:bold}
@media screen and (max-width: 834px){
.MpwpTopBox{margin-top:50px}
}
@media(min-width:834px){
.MpwpTopBox{width:600px; margin:50px auto}
}
.wp-image-85{margin:0 auto; display:block}