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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

:root {
--wp--preset--font-size--large: 27px;
	}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
}

/*834px以下*/
@media screen and (max-width: 834px){
	
	:root {
--wp--preset--font-size--small: 9px;
--wp--preset--font-size--medium: 19px;
--wp--preset--font-size--large: 29px;
--wp--preset--font-size--x-large: 30px;
	}

	.aspect1 > img {
		aspect-ratio: 1.6!important;
	}
		.wrap{
		text-align:center;
	}
	.ichi{
		display: inline-block;
    text-align: left;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	:root {
--wp--preset--font-size--small: 7px;
--wp--preset--font-size--medium: 18px;
--wp--preset--font-size--large: 22px;
--wp--preset--font-size--x-large: 24px;
	}
	
	.mida{
		max-width:60%;
	}
}