/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

.phonesize{
	font-size="30px";
}

/*--(S)ヘッダーメニュー関係----------------------*/
.global-nav-name{
	font-size:18px !important;
}
/*--(E)ヘッダーメニュー関係----------------------*/

/*--(S)フッターメニュー関係----------------------*/
/* フッターの背景画像 */
/*.site-footer {
    background: url(http://localhost:10067/wp-content/uploads/2023/08/23176982.png);
}*/

/*フッターパーツ*/
.site-footer{
	background:black;
}

/*コピーライト表記削除*/
.site-footer-copyright p:nth-child(2) {
    display: none;
}

.site-footer-copyright p {
	color:white !important;
}
/*--(E)フッターメニュー関係----------------------*/

/*--(S)PC・スマホ対応----------------------------*/
/*スマホ*/
/* スマホで非表示 */
@media only screen and (max-width: 768px) {
.sp1{
display:none !important;
visibility:hidden;
}
/* 工程カードの間隔 */
.process-card{
margin-bottom:25px;
}
/* 工程画像サイズ */
.process-card img{
width:100%;
height:180px;
object-fit:cover;
}
}

/*PC*/
/* PCで非表示 */
@media only screen and (min-width: 769px) {
.pc1{
display:none !important;
visibility:hidden;
}

/* PCではカード余白を広めに */
.process-card{
padding:35px;
}
}
/*--(E)PC・スマホ対応----------------------------*/

/*--(S)投稿関係------------------------------*/
/*投稿 次後記事 非表示*/
.next-prev {
display:none;
}

/*アイキャッチ非表示*/
.vk_post_imgOuter{
	display: none !important;
}

/*投稿者・最終更新日非表示*/
.entry-meta-item-author {
	display: none;
}
.entry-meta-item-updated {
	display: none; 
}

/*カテゴリ・タグ非表示*/
.entry-meta-data-list{
	display:none;
}

/* 投稿ページ ページヘッダーの背景画像 */
.post-type-post .page-header {
    background: url("https://kobayashitankou.jp/wp-content/uploads/2026/03/pageheader1.jpg") no-repeat !important;
    background-size: cover;
}

/*投稿ページアーカイブメニュー*/
.sub-section-title{
	text-align:center;
	border-bottom: 3px solid #D00505;
}

/*--(E)投稿関係------------------------------*/

/*--(S)CTA関係-------------------------------*/
/*謎のmargin除去*/
.smargin{
	margin-top:0px;
}
/*フッタリンク用*/
.smappadding{
	padding-top:3px;
	padding-bottom:3px;
}
/*--(E)CTA関係-------------------------------*/

/*--(S)HOMEページ----------------------------*/

/*サービスカード全体リンク設定*/
.service-link{
 text-decoration:none;
 color:inherit;
 display:block;
}

/*カード本体デザイン*/
.service-card{
 background:white;
 border-radius:8px;
 overflow:visible;
 transition:0.3s;
 text-align:center;
 position:relative;
}

/* ホバー時の浮き上がり効果 */
.service-card:hover{
 transform:translateY(-5px);
 box-shadow:0 10px 25px rgba(0,0,0,0.1);
}


/*サービス画像*/
.service-img img{
 width:100%;
 height:220px;
 object-fit:cover;
 border-radius:8px 8px 0 0;
}

/*丸アイコン（画像に被せる）*/
.service-icon{
 width:80px;
 height:80px;
 background:white;
 border-radius:50%;
 display:flex;
 align-items:center;
 justify-content:center;
 position:absolute;
 left:50%;
 transform:translate(-50%,0);
 top:185px;
 border:4px solid white;
 box-shadow:0 6px 18px rgba(0,0,0,0.1);
 transition:0.3s;
 z-index:2;
}

/* アイコン本体 */
.service-icon i{
 font-size:35px;
 color:#333;
 margin:0;
}

/* ホバー時アイコン色変更 */
.service-card:hover .service-icon i{
 color:#b00000;
}

/*タイトルエリア*/
.service-body{
 padding-top:50px;
 padding-bottom:10px;
 min-height:120px;
 text-align:center;
}

/* サービスタイトル */
.service-body h3{
 margin:15px 0 5px;
 font-size:24px;
 font-weight:600;
}

/* Lightningデフォルト下線削除 */
.service-body h3:after{
 display:none;
}

/*矢印アイコン*/
.service-arrow{
 font-size:30px;
 color:#888;
 transition:0.3s;
}

/* ホバー時矢印アニメーション */
.service-card:hover .service-arrow{
 transform:translateX(8px);
 color:#000;
}

/*事業についてのカード*/
/*
.service-card{
 display:block;
 background:white;
 border-radius:8px;
 box-shadow:0 5px 15px rgba(0,0,0,0.08);
 transition:0.3s;
 overflow:hidden;
 text-decoration:none;
 color:inherit;
}

.service-card:hover{
 transform:translateY(-8px);
 box-shadow:0 20px 40px rgba(0,0,0,0.15);
}

.service-img{
 overflow:hidden;
}

.service-img img{
 width:100%;
 height:220px;
 object-fit:cover;
 transition:0.4s;
}

.service-card:hover img{
 transform:scale(1.08);
}

.service-body{
 text-align:center;
 padding:35px 20px;
 background:white;
}

.service-icon{
 font-size:36px;
 margin-bottom:15px;
 color:#333;
}

.service-body h3{
 font-size:24px;
 margin-bottom:20px;
 font-weight:600;
}

.service-body h3:after{
 display:none;
}

.service-arrow{
 font-size:18px;
 color:#888;
 transition:0.3s;
}

.service-card:hover .service-arrow{
 transform:translateX(8px);
 color:#000;
}

*/
/*--(E)HOMEページ----------------------------*/

/*--(S)事業内容ページ------------------------*/

/*工程カード全体のデザイン*/
.process-card{
background:#f5f5f5;
padding:25px;
border-radius:10px;
text-align:center;
box-shadow:0 10px 20px rgba(0,0,0,0.08);
height:100%;

/*カード内を縦並びにしてレイアウト安定させる*/
display:flex;
flex-direction:column;
}

/*工程タイトル*/
.process-card h3{
font-size:20px;
margin-top:10px;
margin-bottom:10px;
}

/*工程説明文*/
.process-card p{
font-size:16px; /*少し小さくすると読みやすい*/
color:#555;
line-height:1.6;
}

/*工程画像*/
.process-card a{
margin-top:auto; /*文章量が違っても画像を下に揃える*/
display:block;
}

.process-card img{
border-radius:8px;
width:100%; /*カード幅に合わせる*/
height:auto;
max-width:220px; /*画像が大きくなりすぎないように*/
margin-left:auto;
margin-right:auto;
}

/*STEP番号*/
.step{
background:#d60000;
color:#fff;
width:55px;
height:55px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-weight:bold;
margin:0 auto 10px;
font-size:18px;
}

/*カードホバーエフェクト*/
.process-card:hover{
transform:translateY(-6px);
transition:0.3s;
box-shadow:0 20px 40px rgba(0,0,0,0.15);
}

/*--(E)事業内容ページ------------------------*/

/*--(S)製品案内ページ------------------------*/
/*設備一覧画像*/
.thumbs {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* ← 2列グリッド */
  gap: 10px;
}

.thumbs img {
  width: 100%;
  height: auto;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border 0.3s;
}

.thumbs img:hover {
  border-color: #0073aa;
}
/*--(E)製品案内ページ------------------------*/

/*--(S)会社概要ページ------------------------*/
/*社是pc表示*/
.syazefont{
	font-family: serif;
font-size: 28px;
letter-spacing: 0.15em;
}
/*社是スマホ表示*/
.syazefont2{
	font-family: serif;
font-size: 24px;
letter-spacing: 0.15em;
}

/*--(E)会社概要ページ------------------------*/

/*--(S)問合せフォーム------------------------*/
/*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:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#D00505;
 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:20%;
 background:#D00505;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:px;
 border: none;
 margin-left: auto;
 margin-right:auto;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#f00505;
 color:#fff;
}

/*スマホ時の送信ボタンサイズ*/
@media(max-width:500px){
#formbtn{
 display: block;
 padding:1em 0;
 margin-top:30px;
 width:60%;
 background:#D00505;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:px;
 border: none;
 margin-left: auto;
 margin-right:auto;
}
#formbtn:hover{
 background:#f00505;
 color:#fff;
}
}
/*--(E)問合せフォーム------------------------*/

/*--(S)各パーツ等の細かいCSS------------*/
/*ブロックの隙間を詰める*/
.midasibottom {
     margin-bottom:0px;
}

/*ブロックの隙間を詰める*/
.pbottom{
	padding-bottom:0px;
}

/*ブロックの隙間を詰める*/
.ctatop{
	margin-top:5px;
}

/*ブロック要素の真ん中に*/
.my-column {
  display: flex;
  align-items: center; /* 縦方向中央 */
  justify-content: center; /* 横方向中央*/
}

/*画像マウスーバー時拡大*/
.zoom-img {
  overflow: hidden;
  display: inline-block;
}

.zoom-img img {
  transition: transform 0.5s ease;
  display: block;
}

.zoom-img:hover img {
  transform: scale(1.1);
}

/*リンクボタン関係*/
a.btn_red {
  color: #D00505;
  font-size: 16px;
  font-weight: bold;
  background: transparent;
  padding: 10px 30px;
  border: 3px solid #D00505;
  border-radius: 6px;
  position: relative;
  z-index: 1;
  transition: .3s;
}
a.btn_red::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #333;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}
a.btn_red:hover {
  color: #fff;
}
a.btn_red:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}

/*見出し 下線*/
.underline {
  /*線の種類（実線） 太さ 色*/
  border-bottom: solid 3px #D00505;
}


/*見出し サイドライン*/
.sideline {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: black;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 10px #D00505;/*左線*/
}

/*見出し 囲枠*/
.squre {
  color: #D00505;/*文字色*/
  border: solid 3px #D00505;/*線色*/
  padding: 0.5em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
}

/*見出し 短い下線*/
.heading {
  position: relative;
  text-align: center; /* 文字の中央寄せ */
}
.heading::before {
  background-color: #D00505; /* 線の色 */
  border-radius: 5px; /* 線の両端を丸く */
  bottom: -10px; /* 線の位置 */
  content: "";
  height: 3px; /* 線の高さ */
  left: 50%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-50%); /* 線の中央寄せ */
  width: 50px; /* 線の長さ */
}

/*見出し margin調整*/
.mmargin{
  margin-bottom:0px!important;
}

.hmmargin{
	margin-bottom:10px!important;
}

/*-採用ページ-*/
.recbg{
	background-color:#efefef;
}
/*gap調整 一旦様子見*/
.mainagap{
    gap: 10px!important;
}

/*TOPへ戻るボタン画像変更*/
.page_top_btn {
right: 0;
bottom: 0px;
width: 90px;
height: 90px;
font-size:0px;
text-indent:100%; /*page-topテキスト非表示↓ overflowまで*/
white-space:nowrap;
overflow:hidden;
box-shadow: none;
background-size:100% !important;
background: rgba(0,0,0,0);
background-image: url("https://kobayashitankou.jp/wp-content/uploads/2025/09/topbutton1.png");
/*background-image: url("http://localhost:10126/wp-content/uploads/2026/03/kobatan.png");*/
}

/*--(E)各パーツ等の細かいCSS------------*/