@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

/*ページ内検索のボタン装飾*/
input[type="button"] {
   /* input要素のうちtype属性値がbuttonのものに対して装飾 */
	background: #ffb36b;
	border-radius: 3px;
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	border: 1px solid #ffb36b;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
input[type="button"]:hover {
   /* マウスが載ったとき */
	background: #FFF;
	color: #ffb36b;
}
/*ページ内検索ハイライト*/
.highlight{
font-weight:bold;
background-color:Yellow;
}

/*******************************
* Contact Form 7のカスタマイズ
********************************/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.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:15px;
 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;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:100%;
 background:#ffaa56;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#ffaa56;
}

/*******************************
* 画像を常に中央寄せで表示
********************************/
.entry-content figure.wp-block-image {
    width: 100%;
    text-align: center;
}

/*******************************
* reCAPTCHAのロゴを非表示
********************************/
.grecaptcha-badge { visibility: hidden; }

/*******************************
* Googleスライドのカスタマイズ
********************************/
/*Googleスライドを綺麗に表示する*/
.g-slide{
	position: relative;
	overflow: hidden;
	margin: 15px 0 20px 0;
	padding-bottom: 50%;
	padding-top: 65px;
}
.g-slide iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}



/*データセットインストール時に自動追加されたCSS 詳しくはScrapboxにて。*/
.wp-block-sgb-header-mobile-navigation {
	overflow-x: auto;
	width: 100vw;
}

/*******************************
* Googleフォームのカスタマイズ
********************************/
/*Googleフォームの埋込をレスポンシブ対応にする*/
iframe[src^="https://docs.google.com/forms/d/e"]{
width:100%;
}