@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, .sidebar {
    background-color: #ffffff;
}

/* フロントページの余白を強制的にゼロにする */
.home .main {
    padding: 0 !important;
}

.page-id-9 .footer,
.page-id-9 .content{
	margin-top: 0px;
}

/* アピールエリアのボタンを並べる設定 */
.appeal-buttons {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  flex-wrap: wrap; /* スマホで縦に並ぶように */
}

.appeal-button {
  margin: 5px 10px;
  border-radius: 60px;
}

/* カラム内のグループ全体をクリック可能にする */
.full-link-box {
	position: relative; /* リンクの基準点にする */
	transition: all 0.3s; /* 動きを滑らかにする */
}

/* 中にあるリンクを箱いっぱいに広げる魔法 */
.full-link-box a::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

/* マウスを乗せた時に少し浮かせる */
.full-link-box:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

/* リンクの文字色と下線をリセット */
.full-link-box a {
	text-decoration: none !important; /* 下線を消す */
	color: inherit !important;       /* 親要素（グループ）の文字色を引き継ぐ */
}

/* もしホバー時にも下線を出したくない場合 */
.full-link-box a:hover {
	text-decoration: none !important;
}

/* 背景をきれいな円にする */
.page-id-9 .icon-circle-bg {
  width: 136px !important;  /* 幅を136pxに固定 */
  height: 136px !important; /* 高さを136pxに固定 */
}
/* デフォルトで非表示 */
.grecaptcha-badge {
    display: none !important;
}

/* 問い合わせページのみ表示 */
.page-id-17 .grecaptcha-badge {
    display: block !important;
    bottom: 100px !important;
}

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

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

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