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

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

/*#mainの背景画像を統一する*/
#main {
  background-image: url("https://takumi-hiuchi.com/test/wp-content/uploads/2025/11/bg_ptn_03.png");
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
}

/*■見出しカスタマイズ（h1-6）*/
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{ /*見出し初期化*/
  background-color:transparent;
  padding: 0;
  margin: 0;
  font-size: medium;
  border-collapse: separate;
  border-spacing: 0;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  line-height: normal;
  position:relative;
}

.article h1{ /*見出し１（タイトル）カスタマイズ*/
font-size: 28px; /*フォントサイズ*/
letter-spacing: 2px; /*文字間隔*/
margin: 35px -8px 20px -8px;
font-family: YuMincho, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Times New Roman", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Noto Serif JP", "HGS明朝B", "ＭＳ Ｐ明朝", serif, "Meiryo", "Sawarabi Mincho", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

.article h2{ /*見出し２カスタマイズ*/
font-size: 22px; /*フォントサイズ*/
letter-spacing: 2px; /*文字間隔*/
margin: 35px -8px 20px -8px;
font-family: YuMincho, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Times New Roman", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Noto Serif JP", "HGS明朝B", "ＭＳ Ｐ明朝", serif, "Meiryo", "Sawarabi Mincho", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}



/* すべてのページで共通の .appeal 設定 */
.appeal {
position: relative;
background-size: 100% auto;
background-position: center;
font-family: YuMincho, "游明朝体", "YuMincho", "游明朝", "Yu Mincho","Times New Roman", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3","Noto Serif JP", "HGS明朝B", "ＭＳ Ｐ明朝", serif,"Meiryo", "Sawarabi Mincho", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

/* before & after 共通設定 */
.appeal::before,
.appeal::after {
  position: absolute;
  transform: translate(-50%, -50%);
  color: white;
}

/* 小タイトル（英語） */
.appeal::before {
  font-size: 14px;
  letter-spacing: 1px;
}

/* 大タイトル（日本語） */
.appeal::after {
  font-size: 32px;
  font-weight: bold;
}



/* page-id-2 (こだわり）のときだけ適用する内容 */
.page-id-2 .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2025/11/h_kodawari_pc.png');
}
/* 小さい文字（英語） */
.page-id-2 .appeal::before {
content: "Commitment to meat";
top: 47%;
left: 150px;
}
/* 大きい文字（日本語） */
.page-id-2 .appeal::after {
content: "こだわり";
top: 55%;
left: 150px;
}

/* page-id-630 （炭火焼肉 肉の匠ひうち）のときだけ適用する内容 */
.page-id-630 .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_takumi_pc-1.png');
}
/* 小さい文字（英語） */
.page-id-630 .appeal::before {
content: "Nikunotakumi Hiuchi";
left: 250px;
top: 47%;
}
/* 大きい文字（日本語） */
.page-id-630 .appeal::after {
content: "炭火焼肉 肉の匠ひうち";
left: 250px;
top: 55%;
}

/* page-id-434 （炭火焼肉 ひうちはなれ）のときだけ適用する内容 */
.page-id-434 .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_hanare_pc.png');
}
/* 小さい文字（英語） */
.page-id-434 .appeal::before {
content: "Hiuchi Hanare";
left: 250px;
top: 47%;
}
/* 大きい文字（日本語） */
.page-id-434 .appeal::after {
content: "炭火焼肉 ひうちはなれ";
left: 250px;
top: 55%;
}

/* page-id-530 （焼肉ニューひうち）のときだけ適用する内容 */
.page-id-530 .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_new_pc.png');
}
/* 小さい文字（英語） */
.page-id-530 .appeal::before {
content: "Yakiniku New Hiuchi";
left: 250px;
top: 47%;
}
/* 大きい文字（日本語） */
.page-id-530 .appeal::after {
content: "焼肉ニューひうち";
left: 250px;
top: 55%;
}

/* page-id-576 （炭焼きステーキHIUCHI）のときだけ適用する内容 */
.page-id-576 .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_steak_pc.png');
}
/* 小さい文字（英語） */
.page-id-576 .appeal::before {
content: "Steak Hiuchi";
left: 250px;
top: 47%;
}
/* 大きい文字（日本語） */
.page-id-576 .appeal::after {
content: "炭焼きステーキHIUCHI";
left: 250px;
top: 55%;
}

/* page-id-644 （会社概要）のときだけ適用する内容 */
.page-id-644 .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_company_pc.png');
}
/* 小さい文字（英語） */
.page-id-644 .appeal::before {
content: "Compnay";
left: 200px;
top: 47%;
}
/* 大きい文字（日本語） */
.page-id-644 .appeal::after {
content: "会社概要";
left: 200px;
top: 55%;
}

/* blog single（最新情報）のときだけ適用する内容 */
.blog .appeal,
.single .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_post_pc-1.png');
}
/* 小さい文字（英語） */
.blog .appeal::before,
.single .appeal::before {
content: "News";
left: 200px;
top: 47%;
}
/* 大きい文字（日本語） */
.blog .appeal::after,
.single .appeal::after {
content: "最新情報";
left: 200px;
top: 55%;
}

/* page-id-688 （採用情報）のときだけ適用する内容 */
.page-id-688 .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_recruit_pc-1.png');
}
/* 小さい文字（英語） */
.page-id-688 .appeal::before {
content: "Recruitment Information";
left: 200px;
top: 47%;
}
/* 大きい文字（日本語） */
.page-id-688 .appeal::after {
content: "採用情報";
left: 200px;
top: 55%;
}

/* page-id-736 （お問い合わせ）のときだけ適用する内容 */
.page-id-736 .appeal,
.page-id-738 .appeal,
.page-id-741 .appeal{
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_contact_pc.png');
}
/* 小さい文字（英語） */
.page-id-736 .appeal::before,
.page-id-738 .appeal::before,
.page-id-741 .appeal::before {
content: "Contact";
left: 200px;
top: 47%;
}
/* 大きい文字（日本語） */
.page-id-736 .appeal::after,
.page-id-738 .appeal::after,
.page-id-741 .appeal::after {
content: "お問い合わせ";
left: 200px;
top: 55%;
}


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

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

	
/* page-id-2 (こだわり）のときだけ適用する内容 */
.page-id-2 .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2025/11/h_kodawari_tb.png');
}

/* page-id-630 （炭火焼肉 肉の匠ひうち）のときだけ適用する内容 */
.page-id-630 .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_takumi_tb.png');
}
/* 小さい文字（英語） */
.page-id-630 .appeal::before {
left: 130px;
}
/* 大きい文字（日本語） */
.page-id-630 .appeal::after {
left: 190px;
}


/* page-id-434 （炭火焼肉 ひうちはなれ）のときだけ適用する内容 */
.page-id-434 .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_hanare_tb.png');
}
/* 小さい文字（英語） */
.page-id-434 .appeal::before {
left: 130px;
}
/* 大きい文字（日本語） */
.page-id-434 .appeal::after {
left: 190px;
}
	
/* page-id-530 （焼肉ニューひうち）のときだけ適用する内容 */
.page-id-530 .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_new_tb.png');
}
/* 小さい文字（英語） */
.page-id-530 .appeal::before {
left: 130px;
}
/* 大きい文字（日本語） */
.page-id-530 .appeal::after {
left: 190px;
}

/* page-id-576 （炭焼きステーキHIUCHI）のときだけ適用する内容 */
.page-id-576 .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_steak_tb.png');
}
/* 小さい文字（英語） */
.page-id-576 .appeal::before {
left: 130px;
}
/* 大きい文字（日本語） */
.page-id-576 .appeal::after {
left: 200px;
}

/* page-id-644 （会社概要）のときだけ適用する内容 */
.page-id-644 .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_company_tb.png');
}
/* 小さい文字（英語） */
.page-id-644 .appeal::before {
left: 100px;
}
/* 大きい文字（日本語） */
.page-id-644 .appeal::after {
left: 120px;
}
/* blog single（最新情報）のときだけ適用する内容 */
.blog .appeal,
.single .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_post_tb-1.png');
}
/* 小さい文字（英語） */
.blog .appeal::before,
.single .appeal::before {
content: "News";
left: 120px;
}
/* 大きい文字（日本語） */
.blog .appeal::after,
.single .appeal::after {
content: "最新情報";
left: 120px;
}
/* page-id-688 （採用情報）のときだけ適用する内容 */
.page-id-688 .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_recruit_tb-1.png');
}
/* 小さい文字（英語） */
.page-id-688 .appeal::before {
left: 120px;
}
/* 大きい文字（日本語） */
.page-id-688 .appeal::after {
left: 120px;
}

/* page-id-736 （お問い合わせ）のときだけ適用する内容 */
.page-id-736 .appeal,
.page-id-738 .appeal,
.page-id-741 .appeal{
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_contact_tb.png');
}
/* 小さい文字（英語） */
.page-id-736 .appeal::before,
.page-id-738 .appeal::before,
.page-id-741 .appeal::before {
left: 150px;
}
/* 大きい文字（日本語） */
.page-id-736 .appeal::after,
.page-id-738 .appeal::after,
.page-id-741 .appeal::after {
left: 150px;
}
	
}

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


/* page-id-2 (こだわり）のときだけ適用する内容 */
.page-id-2 .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2025/11/h_kodawari_sp.png');
}
/* 小さい文字（英語） */
.page-id-2 .appeal::before {
top: 42%;
left: 100px;
}
/* 大きい文字（日本語） */
.page-id-2 .appeal::after {
font-size: 30px;
left: 100px;
}

/* page-id-630 （炭火焼肉 肉の匠ひうち）のときだけ適用する内容 */
.page-id-630 .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_takumi_sp.png');
}
/* 小さい文字（英語） */
.page-id-630 .appeal::before {
top: 42%;
left: 105px;
}
/* 大きい文字（日本語） */
.page-id-630 .appeal::after {
font-size: 22px;
left: 140px;
}

/* page-id-434 （炭火焼肉 ひうちはなれ）のときだけ適用する内容 */
.page-id-434 .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_hanare_sp.png');
}
/* 小さい文字（英語） */
.page-id-434 .appeal::before {
top: 42%;
left: 105px;
}
/* 大きい文字（日本語） */
.page-id-434 .appeal::after {
font-size: 22px;
left: 140px;
}
	
/* page-id-530 （焼肉ニューひうち）のときだけ適用する内容 */
.page-id-530 .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_new_sp.png');
}
/* 小さい文字（英語） */
.page-id-530 .appeal::before {
top: 42%;
left: 105px;
}
/* 大きい文字（日本語） */
.page-id-530 .appeal::after {
font-size: 22px;
left: 120px;
}

/* page-id-576 （炭焼きステーキHIUCHI）のときだけ適用する内容 */
.page-id-576 .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_steak_sp.png');
}
/* 小さい文字（英語） */
.page-id-576 .appeal::before {
top: 42%;
left: 105px;
}
/* 大きい文字（日本語） */
.page-id-576 .appeal::after {
font-size: 22px;
left: 130px;
}
	
/* page-id-644 （会社概要）のときだけ適用する内容 */
.page-id-644 .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_company_sp.png');
}
/* 小さい文字（英語） */
.page-id-644 .appeal::before {
top: 42%;
left: 60px;
}
/* 大きい文字（日本語） */
.page-id-644 .appeal::after {
font-size: 22px;
left: 70px;
}
/* blog single（最新情報）のときだけ適用する内容 */
.blog .appeal,
.single .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_post_sp-1.png');
}
/* 小さい文字（英語） */
.blog .appeal::before,
.single .appeal::before {
content: "News";
top: 42%;
left: 70px;
}
/* 大きい文字（日本語） */
.blog .appeal::after,
.single .appeal::after {
content: "最新情報";
font-size: 22px;
left: 70px;
}
/* page-id-688 （採用情報）のときだけ適用する内容 */
.page-id-688 .appeal {
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_recruit_sp-1.png');
}
/* 小さい文字（英語） */
.page-id-688 .appeal::before {
top: 42%;
left: 100px;
}
/* 大きい文字（日本語） */
.page-id-688 .appeal::after {
font-size: 22px;
left: 70px;
}

/* page-id-736 （お問い合わせ）のときだけ適用する内容 */
.page-id-736 .appeal,
.page-id-738 .appeal,
.page-id-741 .appeal{
background-image: url('https://takumi-hiuchi.com/test/wp-content/uploads/2026/02/h_contact_sp.png');
}
/* 小さい文字（英語） */
.page-id-736 .appeal::before,
.page-id-738 .appeal::before,
.page-id-741 .appeal::before {
top: 42%;
left: 90px;
}
/* 大きい文字（日本語） */
.page-id-736 .appeal::after,
.page-id-738 .appeal::after,
.page-id-741 .appeal::after {
font-size: 22px;
left: 90px;
}

}



/* ================================
見出し構造改善（トップページ用）
h1→h2変更してもデザイン維持
================================ */

/* セクションタイトル */
.article .section_title{
font-size: 28px;
letter-spacing: 2px;
margin: 35px -8px 20px -8px;
font-family: YuMincho, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Times New Roman", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Noto Serif JP", "HGS明朝B", "ＭＳ Ｐ明朝", serif, "Meiryo", "Sawarabi Mincho", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
line-height: normal;
font-weight: 700;
}

/* サブタイトル */
.article .sub_title{
font-size: 22px;
letter-spacing: 2px;
margin: 35px -8px 20px -8px;
font-family: YuMincho, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "Times New Roman", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Noto Serif JP", "HGS明朝B", "ＭＳ Ｐ明朝", serif, "Meiryo", "Sawarabi Mincho", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
line-height: normal;
font-weight: 700;
}

/* 念のため太字維持 */
.article h2.section_title,
.article h3.sub_title{
font-weight:700 !important;
}

.bg_menu_frame {
  min-height: 600px;
  height: auto !important;
  padding: 80px 0;
}

.bg_menu_text h2,
.bg_menu_text h3 {
  margin: 0;
}


.grecaptcha-badge {
    visibility: hidden;
}