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


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


/*********************************************************/
/* レスポンシブデザイン用のメディアクエリ (モバイルファースト) */
/*********************************************************/

/*全環境に共通のデザインを、以下に記載*/

/*フッターメニュー文字サイズ*/
.navi-footer-in a {
font-size: 12px;
}

/*フッターメニュー位置変更*/
.navi-footer-in a {
text-align: left;
}

/*改行・空白行無視・スマホ*/
.br-change-sm br {
display: none;
}

/*改行・空白行無視・PC*/
.br-change-pc br {
display: block;
}

/*画像サイズ　60％縮小*/
.img-60 img {
width: 60%;
height: auto;
margin : 0 auto
}

/*画像サイズ　70％縮小*/
.img-70 img {
width: 70%;
height: auto;
margin : 0 auto;
}

/*画像サイズ　80％縮小*/
.img-80 img {
width: 80%;
height: auto;
margin : 0 auto;
}

/*フォントサイズ　PC32・phone24px*/
.font-PC32-phone24 span {
font-size: 24px;
}

/*フォントサイズ　PC26・phone18px*/
.font-PC26-phone18 span {
font-size: 18px;
}

/*インライン画像　位置調整*/
.inline-top-bottom img {
vertical-align: bottom;
}

/*送信ボタン　幅変更*/
input.wpcf7-submit {
width: 60%;
}

/*送信ボタン　位置変更*/
.btn_send {
text-align: right;
}

/*入力欄　幅変更*/
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"], 
.wpcf7 input[type="date"],
.wpcf7 input[type="subject"] {
width: 70%;
height: 35px !important;
}

.wpcf7 input[type="email"],
.wpcf7 input[type="subject"] {
width: 100%;
height: 35px !important;
}

.wpcf7 textarea[name="your-textarea"] {
width: 100%;
height: 200px !important;
}

/*ヘッダーロゴ　モバイル非表示*/
.logo-header {
display: none;
}

/*画像切り替え*/
.sm-use img {
display: block !important;
}
.pc-use img {
display: none !important;
}

/* フッター　背景画像追加 */
#footer { 
background-image: url( https://gk-itsuki.com/wp-content/uploads/2025/06/202506180942.png );
height: 180px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

}




@media screen and (min-width: 768px) {
/*タブレット等 横幅768px以上に適用する場合、以下に記載*/

/*フッターメニュー文字サイズ*/
.navi-footer-in a {
font-size: 18px;
}

/*フッターメニュー位置変更*/
.navi-footer-in a {
text-align: center;
}

/*改行・空白行無視・スマホ*/
.br-change-sm br {
display: none;
}

/*改行・空白行無視・PC*/
.br-change-pc br {
display: block;
}

/*画像サイズ　60％縮小*/
.img-60 img {
width: 100%;
height: auto;
margin : 0 auto
}

/*画像サイズ　70％縮小*/
.img-70 img {
width: 100%;
height: auto;
margin : 0 auto;
}

/*画像サイズ　80％縮小*/
.img-80 img {
width: 100%;
height: auto;
margin : 0 auto;
}

/*フォントサイズ　PC32・phone24px*/
.font-PC32-phone24 span {
font-size: 32px;
}

/*フォントサイズ　PC26・phone18px*/
.font-PC26-phone18 span {
font-size: 26px;
}

/*インライン画像　位置調整*/
.inline-top-bottom img {
vertical-align: top;
}

/*送信ボタン　幅変更*/
input.wpcf7-submit {
width: 80%;
}

/*送信ボタン　位置変更*/
.btn_send {
text-align: left;
}

/*入力欄　幅変更*/
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"], 
.wpcf7 input[type="date"],
.wpcf7 input[type="subject"] {
width: 70%;
height: 35px !important;
}

.wpcf7 input[type="email"],
.wpcf7 input[type="subject"] {
width: 100%;
height: 35px !important;
}

.wpcf7 textarea[name="your-textarea"] {
width: 100%;
height: 200px !important;
}

/*ヘッダーロゴ　モバイル非表示*/
.logo-header {
display: none;
}

/*画像切り替え*/
.sm-use img {
display: none !important;
}
.pc-use img {
display: block !important;
}

/* フッター　背景画像追加 */
#footer {
background-image: url( https://gk-itsuki.com/wp-content/uploads/2025/06/202506180924.png );
height: 170px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;

display: flex;
justify-content: bottom;
align-items: center;
}

}




@media screen and (min-width: 1024px) {
/*パソコン等 横幅1024px以上に適用する場合、以下に記載*/

/*フッターメニュー文字サイズ*/
.navi-footer-in a {
font-size: 18px;
}

/*フッターメニュー位置変更*/
.navi-footer-in a {
text-align: center;
}

/*改行・空白行無視・スマホ*/
.br-change-sm br {
display: block;
}

/*改行・空白行無視・PC*/
.br-change-pc br {
display: none;
}

/*画像サイズ　60％縮小*/
.img-60 img {
width: 100%;
height: auto;
margin : 0 auto
}

/*画像サイズ　70％縮小*/
.img-70 img {
width: 100%;
height: auto;
margin : 0 auto;
}

/*画像サイズ　80％縮小*/
.img-80 img {
width: 100%;
height: auto;
margin : 0 auto;
}

/*フォントサイズ　PC32・phone24px*/
.font-PC32-phone24 span {
font-size: 32px;
}

/*フォントサイズ　PC26・phone18px*/
.font-PC26-phone18 span {
font-size: 26px;
}

/*インライン画像　位置調整*/
.inline-top-bottom img {
vertical-align: top;
}

/*送信ボタン　幅変更*/
input.wpcf7-submit {
width: 40%;
}

/*送信ボタン　位置変更*/
.btn_send {
text-align: left;
}

/*入力欄　幅変更*/
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"], 
.wpcf7 input[type="date"],
.wpcf7 input[type="subject"] {
width: 40%;
height: 35px !important;
}

.wpcf7 input[type="email"],
.wpcf7 input[type="subject"] {
width: 60%;
height: 35px !important;
}

.wpcf7 textarea[name="your-textarea"] {
width: 100%;
height: 200px !important;
}

/*ヘッダーロゴ　モバイル非表示*/
.logo-header {
display: block;
}

/*画像切り替え*/
.sm-use img {
display: none !important;
}
.pc-use img {
display: block !important;
}

/* フッター　背景画像追加 */
#footer {
background-image: url( https://gk-itsuki.com/wp-content/uploads/2025/06/202506180924.png );
height: 240px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;

display: flex;
justify-content: bottom;
align-items: center;
}

}