/*
Template:ystandard
Theme Name:ystandard-child
Theme URI: https://wp-ystandard.com
Author: yosiakatsuki
Author URI: https://yosiakatsuki.net
Description:「自分色に染めた、自分だけのサイトを作る楽しさ」を感じてもらうために作った一風変わったWordPressテーマ「ystandard」の子テーマ
Version: 4.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*見出し*/
h1 {
  position: relative;
  font-weight:bold;
  border-bottom: solid 3px #f1f1f3;
  margin: 0 auto 50px;
  padding: 5px 0 5px 0;
}
h1::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #e60012;
  bottom: -3px;
  width: 30%;
}
h3.wp-block-heading{
    font-size: 24px;
    font-weight: bold;
    margin: 30px 10px 10px;
	padding-left: 30px;
    display: block;
    position: relative;
}
h3.wp-block-heading::before {
	    content: "✿";
    font-weight: 900;/*マーク部の太さ*/
    position: absolute;
    font-size: 25px;/*マーク部のサイズ*/
    left: 0;
    top: 0;
    color: #ffb6c1;/*マーク部の色*/
}

/*テーブル*/
.wp-block-table {
  overflow-x: scroll !important;
	white-space: nowrap !important;
}


/*メールフォーム*/
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output{
    color: #dc3232 !important;
	font-weight: 900;
	border: 3px solid #dc3232;
	border-radius: 2px;
	margin: 1.5em 0;
	padding: 0.5em 1em;
	text-align: center;
}
.spam1 {
    border: 3px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    color: #f00;
    font-weight: 900;
}
.inquiry p {margin-bottom:5px !important;}

/* ”必須項目に入力してください”のボックス非表示 */
div.screen-reader-response{
  display: none;
}

@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 .must,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#000;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;
 text-align:left;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.must{
 font-size:10px;
 padding:3px 5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:10px;
 padding:3px 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:15px;
 width:350px;
 background:#ffaa56;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 margin:25px auto 0;
	 border:2px solid #ffaa56;

}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#ffaa56;
 border:2px solid #ffaa56;
}

.wpcf7-list-item-label{
margin-left:5px;
}
.wpcf7-not-valid-tip, .screen-reader-response{
color:#ff0000;
 font-size:14px;
margin-left:10px;
}
.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
    font-size: 14px;
}
.inquiry td {
    font-size: 16px;
    text-align: left;
}
option {
    padding:0 12px;
}
.content {
    margin-top: 0px;
}
textarea {
    min-height: 50px;
}
.form-notic{
    font-size: 12px;
    color: #dc143c;
    margin:0.5em 1em 0em 1em !important;
}
.inquiry p {
  margin: 0px !important;
}

@media screen and (max-width: 480px){
	.form-notic{
    font-size: 10px !important;
	overflow-wrap:break-word;
}
	input[type="date"] {
		width:95% !important;
	}
	.inquiry td {
    font-size: 12px !important;
}
}

.form-sbutitle {
font-size: 24px;
font-weight: bold;
margin: 30px 10px 10px;
}
.form-sbutitle::before { content: "<"; }
.form-sbutitle::after  { content: ">"; }


/*備考注意書きエリア*/
.alert-box ,.information-box, .question-box {
    padding: padding: 10px 10px 10px 80px;
}

.alert-box ul,.information-box ul, .question-box ul {
    margin: 0.5em 0;
    padding-left: 10px;
}
 .alert-box ul li, .information-box ul li, .question-box ul li {
font-size:14px;
}


/*送信注意事項のテンプレート*/
.pic-background {
    background-image: var(--pic-image-data, none);
    background-size: cover;
    background-position: center;
}
.mf-box {
    position: relative;
    padding: 4rem 1rem 1rem;
    background-color: #f5f5f5;
    background-image: repeating-linear-gradient(45deg, #EBBB2F 0 5px, #333 5px 10px);
    background-position: top;
    background-size: 100% 2rem;
    background-repeat: no-repeat;
}

.mf-box::before {
    position: absolute;
    top: 1rem;
    left: 50%;
    padding: 0.5rem 1rem;
    transform: translateX(-50%);
    border-radius: 30px;
    background-color: #333;
    box-shadow: 0 0 5px black;
    color: #EBBB2F;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    content: attr(data-title);
}