/*
 Theme Name:   XT-9 Child
 Template:     x-t9
 Description:  XT-9用の子テーマ
 Version:      1.0.0
*/


/* ここにカスタムCSSを書く */
.has-bg-dark-background-color {background-color: #101828!important;}
a:where(:not(.wp-element-button)) {text-decoration: none!important;}
header :where(.wp-block-group.has-background) {padding: 0;}
header .wp-block-separator{display:none;}


.hpmaintopbgimg {
	width:100vw;margin: 0 calc(50% - 50vw);padding:10rem 0rem!important;position: relative;
	background-image: url('https://www.fukui-denki.com/wp-content/uploads/2025/11/headerdesing-mainimg.webp');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


.fullwidecontainer{width:100vw;margin: 0 calc(50% - 50vw);padding: 7rem 0rem;position: relative;}
.maxwidth800 {max-width: 800px;margin: 0 auto;}
.maxwidth1000 {max-width:1000px;margin: 0 auto;}
.maxwidth1200 {max-width:1200px;margin: 0 auto;}
.maxwidth600{max-width:600px;margin: 0 auto;}
.maxwidth400{max-width:400px;margin: 0 auto;}
.maxwidth300{max-width:300px;margin: 0 auto;}
.maxwidth230{max-width:230px;margin: 0 auto;}

.topservucegrid{max-width:1000px;margin:0 auto;}

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
.topheadtitle{  font-family: "Noto Serif JP", serif;font-optical-sizing: auto;font-weight: 700;font-style: normal;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.7);}

.navytextcolor,
.navytextcolor a{color:#0e357f!important;}

.boldcopyfont{font-weight:700!important;}

.box-with-blueline{position: relative;z-index:1;margin-bottom:15px!important;}
.box-with-blueline::before{content: "";position: absolute;top: 0;left: 0;width: 5px;height: 100%;z-index:2;}
.box-with-blueline::before{background-color: #1E40AF;}
.blue-box-text{background:#1e3a8a;width:100%;padding:10px 5px;text-align:center;margin:20px auto 10px;color:#fff!important;border-radius:15px;}

.historytable td{padding: 2.5em .5rem;}
.historytable tr td:first-child{color:#0e357f;text-align:center;}
.historytable tr:not(:last-child){border-bottom:7px solid #f9fafb;}
.historytable tr:first-child td{border-top:none;}
.historytable tr:last-child td{border-bottom:none;}


.gameicontext{font-weight:700;}
.gameicontext p::before{
	content: "\f11b"; 
	font-family: "Font Awesome 6 Free"; 
	font-weight: 900; 
	margin-right: 8px; 
	color: #fff;
	font-size:19px;
}
.treeicontext{font-weight:700;}
.treeicontext p::before{
	content: "\f1bb"; 
	font-family: "Font Awesome 6 Free"; 
	font-weight: 900; 
	margin-right: 8px; 
	color: #fff;
	font-size:19px;
}
.cafeicontext{font-weight:700;}
.cafeicontext p::before{
	content: "\f0f4"; 
	font-family: "Font Awesome 6 Free"; 
	font-weight: 900; 
	margin-right: 8px; 
	color: #fff;
	font-size:19px;
}
.recruiticontext{font-weight:700;}
.recruiticontext p::before{
	content: "\f274"; 
	font-family: "Font Awesome 6 Free"; 
	font-weight: 900; 
	margin-right: 8px; 
	color: #fff;
	font-size:19px;
}


.margin-zero {margin:0!important;}
.margin-topzero{margin-top:0!important;}
.margin-bottomzero{margin-bottom:0!important;}
.margin-top-bottom-zero{margin-top:0!important;margin-bottom:0!important;}
.margin-topplus3 {margin-top:3rem!important;}
.margin-topplus6 {margin-top:6rem!important;}
.margin-topplus10 {margin-top:10rem!important;}
.margin-topplus15 {margin-top:15rem!important;}
.margin-topplus20 {margin-top:20rem!important;}
.margin-bttomplus1 {margin-bottom:1rem!important;}
.margin-bttomplus5 {margin-bottom:5rem!important;}
.margin-bttomplus10 {margin-bottom:10rem!important;}
.margin-bttomplus15 {margin-bottom:15rem!important;}
.margin-topbottomplus1 {margin-top:1rem!important;margin-bottom:1rem!important;}
.margin-topbottomplus3 {margin-top:3rem!important;margin-bottom:3rem!important;}
.margin-topbottomplus5 {margin-top:5rem!important;margin-bottom:5rem!important;}
.margin-topbottomplus10 {margin-top:10rem!important;margin-bottom:10rem!important;}
.margin-bottomplus7em {margin-bottom:7rem!important;}
.margin-bottomplus10em {margin-bottom:10rem!important;}
.margin-topminus10 {margin-top:-10rem!important;}

.padding-zero {padding:0!important;}
.padding-bottomplus10 {padding-bottom:10rem!important;}
.padding-bottomplus15 {padding-bottom:15rem!important;}
.padding-bottomplus20 {padding-bottom:20rem!important;}
.padding-topbottom1rem {padding:1rem 0!important;}
.padding-topbottom5rem {padding:5rem 0!important;}
.padding-topbottom15vw {padding:15vw 0!important;}

.wp-block-template-part{margin:0!important;}

.contentscenter{margin:0 auto!important;}

/* contact form */
.inquiry,
.inquiry table{width:100%!important;}

.inquiry-txt p {line-height: 2!important;}

.inquiry th{text-align:left;font-size:15px;color: #1a1a1a;background: #fff;padding: 25px 5px 25px 20px;width: 10%;border-color: transparent transparent transparent transparent;}

.inquiry tr{border: solid 0.5px #71686c;border-color: transparent transparent transparent transparent;padding: 20px 10px;}

.inquiry td{
	font-size:17px;
	border-color: transparent transparent transparent transparent;
	padding: 25px 5px 25px 10px;
}

.must{
   font-size: 10px;
   padding: 2px 5px;
   background: #fff;
   color: #e8383d;
   border-radius: 2px;
   border: #e8383d 2px solid;
   margin-right: 7px;
   vertical-align: middle;
}

.may {
   font-size: 10px;
   padding: 2px 5px;
	background: #4e454a;
	border: #4e454a 2px solid;
   color: #fff;
   border-radius: 2px;
   margin-right: 7px;
   vertical-align: middle;
}

.inquiry input[type="text"],.inquiry input[type="password"],.inquiry input[type="datetime"],.inquiry input[type="datetime-local"],.inquiry input[type="date"],.inquiry input[type="month"],.inquiry input[type="time"],.inquiry input[type="week"],.inquiry input[type="number"],.inquiry input[type="email"],.inquiry input[type="url"],.inquiry input[type="search"],.inquiry input[type="tel"],.inquiry input[type="color"],.inquiry select,.inquiry textarea,.inquiry .field{
	margin-bottom: 0;
	border-radius: 0;
	width: 95%;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea {
	font-size: 1.5rem!important;
}

.inquiry textarea {
	padding: 12px;
}

.submit{
	text-align: center;
	margin: 0 auto!important;
}

.color-bgbox {
	background: #fffacd;
	padding: 30px;
	border-radius: 5px;
	width: 550px;
	max-width: 100%;
	margin: 25px auto;
}

#submit-btn {
    padding: 1em;
    margin: 0 auto!important;
    background: #0e357f;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
    border: none;
    width: 280px;
    text-align: center;
}

#submit-btn:hover{
	margin: 0 auto!important;
	background: #ec6800;
	font-weight: 900;
	color: #fff;
	transition: all 0.5s ease-out;
}

.submit-margin {
	margin: 40px 10px;
}

input[type=checkbox]
{
  /* チェックボックス設定 */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  padding: 10px;
	margin-right: 10px;
}

/* チェックボックステキスト設定 */
.checkboxtext {
  font-size: 110%;
  display: inline;
}

.inquiry input[type="text"], .inquiry input[type="tel"], .inquiry input[type="email"] {border: 1px solid #000;padding: 15px;}

:root :where(.wp-block-cover p:not(.has-text-color)) {text-align: center;}

.wpcf7-spinner {position: absolute;}


/* メディアクエリ */
@media(max-width:1200px){
	.maxwidth1200 {max-width:93%;margin: 0 auto;}
}

@media(max-width:1080px){
	.hpmaintopbgimg {background-image: url('https://www.fukui-denki.com/wp-content/uploads/2025/11/headerdesing-mainimg-tablet.webp');}
}

@media(max-width:1000px){
	.maxwidth1000 {max-width:93%;margin: 0 auto;}
	.topservucegrid{max-width:70%;}
}

@media(max-width:800px){
	.maxwidth800 {max-width:93%;margin: 0 auto;}
	.topservucegrid{max-width:80%;}
}

@media (max-width:600px){
	.inquiry th {padding: 25px 0px;width: 20%;}
	.hpmaintopbgimg {background-image: url('https://www.fukui-denki.com/wp-content/uploads/2025/11/headerdesing-mainimg-SP.webp');}
	.maxwidth600{max-width:93%;margin: 0 auto;}
	.topservucegrid{max-width:75%;}
}


@media (max-width: 414px) {
.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 input[type="text"], .inquiry input[type="tel"], .inquiry input[type="email"], .inquiry textarea {width:85%;}
} 

@media(max-width:400px){
	.maxwidth400{max-width:93%;margin: 0 auto;}
	.topservucegrid{max-width:85%;}
}

@media (max-width: 320px){
	.inquiry td {padding: 25px 5px 25px 0px;}
}


@media(max-width:300px){
	.maxwidth300{max-width:93%;margin: 0 auto;}
}