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

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

/* 2024/10/29 */
/* リンクの下線を消す */
a{
text-decoration: none;
}

/* Figmaでは横1440px */

/* カバー画像上のテキストのセレクタ */
.cover-text {
/* 	padding-left: 164px; */
	padding-left: 20%;
}

/* ブロック */
.main-block{
/* 	padding-left: 162px;
	padding-right: 162px; */
	padding: 0 12%;
}

/* 狭めのブロック */
.narrow-block{
/* 	padding-left: 280px;
	padding-right: 280px; */
	padding: 0 20%;
}

/* 木の温もりに包まれて… */
.sub-title {
	font-size: 28px;
	font-weight: Bold;
}

/* 骨格やファッション…など */
.main-title {
	font-size: 22px;
}

/* 人それぞれ頭の形…など */
.main-text {
	font-size: 16px;
}

/* h1(サロンについて・メニュー・お知らせなど) */
h1{
	font-size: 29px;
}
/* h2(店名・CUTなど) */
h2{
	font-size: 22px;
}

/*グローバルメニュー 文字の大きさを変更*/
#navi .navi-in > .menu-header .item-label{
	font-size: 18px;
}

/* お知らせの投稿タイトル 文字の大きさを変更*/
.wp-block-latest-posts__post-title{
	font-size: 24px;
}

/* お知らせの投稿本文 文字の大きさを変更*/
.wp-block-latest-posts__post-full-content p{
	font-size: 20px;
}

/* メニューのタイトル補足部分 */
.menu_title_sub{
	font-size: 16px;
}

/* フッター上メニュー横並び・中央揃え */
#nav_menu-3 ul {
	display: flex;
	/* 主軸方向に中央揃え */
	justify-content: center; 
	/* 交差軸方向に中央揃え */
	align-items: center; 
}

/* @media screen and (min-width: 1024px) {
  .article {
    width: 1116px;
    margin: 0 auto;
  }
} */

/* 1240と1023はPC、834はタブレット、480はスマホの設定 */
/* 
 * タブレットのブレイクポイントは768px〜1,280px 
 * 一般のグローバルナビは、768pxより大きな幅の端末で表示されます。
 * 768px以下の場合は、モバイル用のグローバルナビが表示されます。
 * */

/* 複数カラム
 * iPhoneSE 375 縦
 * iPad Mini 768 縦
 * Surface Pro 912 横
 * Dell Inspiron 1920x1200→1280 X 800
 * Dell Monitor 1920x1080
 * */

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

}

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

}

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

	/* モバイルヘッダーボタン　#menuのキャプション非表示 */
	.navi-menu-caption{
		display:none !important;
	}

	/* モバイルスライドインメニュー */
	.site-logo-image-mobile-slid{
   		width: 152px !important;
	}
	#menu-item-822{
		margin-bottom: 77px !important;
	}

	/* フッター上メニュー非表示 */
/* 	#nav_menu-3 ul { */
	#nav_menu-3{
		display:none!important;
	}
	
	/* 予約ボタン */
	.resurve-button{
		margin: 0 20%;
	}
/* 	.main-block{
		padding-left: 15px;
		padding-right: 15px;
	} */
	/* カバー画像上のテキストのセレクタ */
	.cover-text {
		padding-left: 21px;
	}
	
	/* 木の温もりに包まれて… */
	.sub-title {
		font-size: 20px;
		font-weight: Bold;
	}
	/* タイトル(骨格やファッション…など) */
	.main-title {
		font-size: 18px;
	}
	/* （人それぞれ頭の形…） */
	.main-text {
		font-size: 14px;
	}
	
	/* お知らせの投稿本文 文字の大きさを変更*/
	.wp-block-latest-posts__post-full-content p{
		font-size: 18px;
	}
	
	/* メニューのタイトル補足部分 */
	.menu_title_sub{
		font-size: 14px;
	}
	
	/*480以下でロゴの大きさ変更*/
	.logo-menu-button img {
		width:152px;
		max-height: none;
		margin: 19px auto;
		margin-left: 15px;
	}

	/*ヘッダーモバイルボタン高さ変更*/
/* 	.search-menu-button.menu-button,
	.navi-menu-button.menu-button{
		height: 65px;
		padding-top: 8px;
	} */
	
		/* モバイルヘッダーボタン　#logoだけを左端に表示する */
/*   .mobile-header-menu-buttons .navi-menu-button .navi-menu-icon { */
	.site-logo-image｛
   		text-align: left !important;
    	padding-left: 15px;
		padding-top: 19px;
	}
}