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

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

/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
	display: none;
}

/*価格表のスタイル*/
.price-table table thead{
	border-width:2px;
	border-color: #fff;
}
.price-table table th{
	border-color: #FFF;
	border-width:2px;
	background: #D24625;
	color:#fff;
}
.price-table table td{
	border-color: #fff;
	border-width:2px;
	background: #FBE9E5;
}
.price{
	color:#D24625;
	font-size:1.5em;
}
.tax{
	font-size:0.7em;
}
.price-cell td{
	text-align:center;
}
.price-pc{
	display: block !important;
}
.price-mobile{
	display: none !important;
}

/*フッター用スタイル*/
.widget_nav_menu ul li a{
	font-size:14px;
	padding:0px;
	display: ;
}
.widget_nav_menu {
	pointer-events: ;
}

/*ギャラリーブロックのサイズを揃える*/
.wp-block-gallery.has-nested-images figure.wp-block-image {
    flex-grow: 0;
}

/*YouTubeフレームのサイズ*/
iframe.youtube-16-9 {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}

/* Contact Form7 */
 
.contact7 {
	max-width: 100%;
	box-sizing: border-box;
}
.contact7 dd {
	margin: 0 0 30px 0;
	background-color:
}
.contact7 dt {
	font-weight: normal;
}
 
/* 必須マーク */
.contact7 .must {
	background: #FF1A00;
}
 
/* 任意マーク */
.contact7 .optional {
	background: #999;
}
 
.contact7 .must,
.contact7 .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 10px;
	margin-right: 10px;
	padding: 5px 10px;
	letter-spacing: 2px;
}
.btn_contact7 {
	text-align: center;
}
.btn_contact7 input {
    padding:1em !important;/* ボタン内の余白 */
    margin:2em 0em !important;/* ボタンの上下の余白 */
	width: 70%;
	background-color: #6d6e70;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #6d6e70;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #6d6e70; 
}
@media screen and (min-width: 768px) {
.contact7 dt {
	float: left;
	clear: left;
	width: 35%;
	padding: 5px 10px 5px 0;
	}
.contact7 dd {
	margin-left: 35%;
	}
 
.btn_contact7 input {
    padding:1em !important;/* ボタン内の余白 */
    margin:2em 0em !important;/* ボタンの上下の余白 */
	width: 70%;
	background-color: #6d6e70;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #6d6e70;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #6d6e70; 
}
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .price-pc{
	display: none !important;
  }
  .price-mobile{
	display: block!important;
  }
}
}