@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

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


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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
/* ==========================
   Contact Form 7（問合せフォーム）
   前提：<table class="inquiry">
   ========================== */
@media(max-width:500px){
.entry-content .inquiry th,.entry-content .inquiry td {
 display:block;
 width:100%;
 border-top:none;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;	
}
.entry-content .inquiry tr:first-child th{
 border-top:1px solid #d7d7d7;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
	}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
.btnwidth{
 position:relative;	
 width:100%;	
}
#formbtn{
 padding:20px;
 max-width:350px;
 background:#ffaa56;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 position:absolute;
 top:50%;
 left:50%;
 -ms-transform: translate(-50%,-50%);
 -webkit-transform: translate(-50%,-50%);
 transform: translate(-50%,-50%);	
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#ff870f;
 border:2px solid #ffa042;
}
/*入力エラー強調*/
.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
color: #cc0000;
font-weight: bold;
}

/* ブロックギャラリーサムネイル表示 */
.wp-block-gallery .wp-block-image img {
  aspect-ratio: 1 / 1;        /* 画像表示を正方形にして統一して表示 */
  border: 1px solid #eee;     /* 画像枠 */
}

/* ブロックギャラリーキャプションタイトル */
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  background: none;           /* タイトル背景の影を消す */
  color: #333;                /* 文字色 */
  position: relative;         /* テキストを画像と重ねない */
}