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

/*=============================================
 *  基本設定 
 * =============================================*/

/* 変数 */
:root {
	--common-color-1:#1D4763;/*くすんだネイビー*/ 
	--common-color-2:#dcdcdc;/*灰色*/
	--key-color-1:#bffb00;/*鮮やかな明るいイエローグリーン*/
	--key-color-2:#DCFC74;/*鮮やかな軽く明るいイエローグリーン*/
	
/* 	lightning 上書き */
	/* --vk-mobile-nav-menu-btn-bg-src: url(https://ikawaworks.co.jp/ikawaworks/wp-content/uploads/2024/08/vk-menu-btn-black.png); */
	/* --ver_page_top_button_url: url(https://ikawaworks.co.jp/ikawaworks/wp-content/uploads/2024/08/to-top-btn-icon.png); */
	--vk-mobile-nav-menu-btn-bg-src: url(//ikawaworks.co.jp/ikawaworks/wp-content/uploads/2024/08/vk-menu-btn-black.png);
	--ver_page_top_button_url: url(//ikawaworks.co.jp/ikawaworks/wp-content/uploads/2024/08/to-top-btn-icon.png);
}

h3 > span.small {
    font-size: 1rem;
}
body{
	appearance: none;
}

body , p , a , li{
	word-break:keep-all;
	overflow-wrap:anywhere;
	font-size-adjust: none;
}

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table td, .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table th{
	word-break:keep-all;
	overflow-wrap:anywhere;
	font-size-adjust: none;
}


/*=============================================
 *  共通部分
 * =============================================*/

/* パンくず 
 * ---------------------------------------------*/
.breadcrumb{
	border:none;
}
.breadcrumb span,
.breadcrumb-list li:after,
.fa-home-alt:before, 
.fa-home-lg-alt:before, 
.fa-home:before, 
.fa-house:before{
	color:var(--common-color-1);
}

/* ヘッダー 
 * ---------------------------------------------*/
.site-header{
	background:#dcdcdc;
}
.site-header--layout--nav-float{
	background:#dcdcdc;
}
.global-nav-list{
	margin-top:0;
	height:100%;
}
.global-nav-list>li {
  width:25%;
}
.global-nav-list>li:before{
	border-bottom:solid 5px #bffb00;
}
.global-nav-list>li>a {
	align-items:center;
}

.global-nav-name{
	color: var(--common-color-1);
}
@media (min-width: 992px) {
	/* liのサイズ */
	body:not(.header_scrolled) .vk-menu-acc li {
		width: 130px;
	}
	/*マウスホバー時の背景色 */
	.global-nav-list  li a:hover {
		background-color: #bffb00;
		transition:.3s;
	}
	.global-nav-list  li a{
		transition:.3s;
	}
	.global-nav-list > li::before {
		display:none;
	}
}
@media screen and (max-width:500px){
.site-header-logo img{
	max-width:200px;
	        position: relative;
        top: 8px;
}

	.site-header-container{
		height:60px;
	}
}

/*　ページヘッダー 
 * ---------------------------------------------*/
.page-header{
	color: var(--common-color-1);
}
/* ハンバーガ 
 * ---------------------------------------------*/

#vk-mobile-nav-menu-btn{
	background-color:white;
	border:var(--common-color-2) solid 1px;
	width:50px;
	height:50px;
    background-size: 60%;
    background-position: center;
}

.vk-mobile-nav{
	padding:20px 10px;
}

/* アクセスのカラー*/
#site-header .menu-item.current_page_item a{
    background-color:none; 
}
.vk-mobile-nav :where(figure) {
	margin-bottom:0;
}
.vk-mobile-nav aside{
	margin-bottom:10px;
}

.vk-mobile-nav img{
	margin:auto;
}

/* フッター
 * ---------------------------------------------*/

.ikawa-copyright {
    width:100%;
	background:#bffb00;
    margin:0;
}
.site-footer-copyright {
	background:#bffb00;
	color: var(--common-color-1);
    padding: 0.1rem;
}
.site-footer {
	background:#dcdcdc;
	border:none;
}
.footer-nav {
    border-bottom: none;
    text-align: center;
}

.site-footer-copyright p:nth-child(2) {
    display:none !important;
}

.site-footer-content>div>div:nth-child(1),
.site-footer-content>div>div:nth-child(3) {
	display:none;
}
.site-footer-content>div{
justify-content: center;
}

@media (min-width: 992px) {
    .col-lg-4 {
		flex: none;
        max-width: fit-content;
    }
}


.site-footer-cus .fa-envelope{
	position:absolute;
	right:-10px;
	bottom:10px;
}
.site-footer-cus .fa-envelope:before {
    content: "\f0e0";
    font-size:23px;
    border: 1px solid var(--common-color-1);
    padding: 6px 7px;
	border-radius: 60px;
}

.site-footer-cus {
	position:relative;
	}
.site-footer-cus p:first-child samll{
		font-size:1.5rem;
	}
.site-footer-cus p:nth-child(3) samll{
		font-size:.8rem;
	}
.site-footer-cus p{
		font-size:1.3rem;
		margin:0!important;
		line-height: normal;
	}
.site-footer-cus p:first-child{
		font-size:2.5rem;
		font-weight:bold;
	}
.site-footer-cus i{
		color:var(--common-color-1);
	}
.site-footer-cus i:hover{
		color:var(--common-color-1);
	}



	

.footer-nav-list li:first-child{
		border-left:none;
	}
.footer-nav-list li:last-child{
		border-right:none;
}



@media screen and (max-width:449px){
	.site-footer-cus i.fa-solid.fa-envelope{
			position:static;
			margin-top:20px;
		}
}

@media screen and (max-width:500px){
	.site-footer img{
		max-width:70%;
	}
}


@media screen and (max-width:767px){
	.site-footer-cus{
		width:fit-content;
		margin:auto;
	}
	.site-footer-cus i.fa-solid.fa-envelope{
			right:-20%;
		}
	img.wp-image-3020{
		margin:auto;
	}
}
/*　ページトップボタン
 * ---------------------------------------------*/
.page_top_btn{
	background-color:#bffb00;
	background-size: 70%;
	box-shadow:none;
}

@media screen and (max-width:575px)
{
	#page_top{
		display:none;
	}
}
/*=============================================
 *  TOPページ 
 * =============================================*/

/*　メインイメージ
 * ---------------------------------------------*/
.img-top{
	margin-bottom:0px;
}
.page-id-212 .site-header{
	border-bottom:var(--key-color-1) solid 20px;
}

/*　銘板設計・製作　プレス加工
 * ---------------------------------------------*/

.index--content {
    width: 25%;
    background: #5fc1c7;
    color:white;
	box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
}
.index--content >img{
    width: 80%;
    margin: 5% auto;
}

.content-img{
	border: 7px solid #5fc1c7;
	border-bottom: none;
}
.top-mid-blueCon {
	padding:0;
}

@media screen and (max-width:767px){
	.top-mid-blueCon {
		padding: 0 30px;
	}
}

@media screen and (min-width:782px){
	
body .top-mid-blueCon{
	gap:120px;
}
	
}
#top-guidance-right, #top-guidance-left {
    cursor: pointer;
}


/*　アクセス
 * ---------------------------------------------*/
.Access-map{
	width:100vw;
	height: 330px;
	margin: 0 calc(50% - 50vw);
}
.Access-map iframe {
  width: 100%;
  height: 100%;
}
/* マップ上 */
.Access-info{
	  width: fit-content;
    margin: auto;
	margin-bottom:25px;
}

body .container .Access-info p{
	margin-block-end:0;
}

.Access-info p{
	font-size:14.5px;
}
.Access-info>p:nth-child(1){
	font-size:22px;
	font-weight:bold;
	color:var(--common-color-1);
}
/* マップ上のボタン周辺 */
.Access-info-btm{
	display:flex;
	gap:10px;
	justify-content:space-between;
}
body .container .Access-info-btm p{
	margin:0!important;
}
.Access-info-btm .btn.has-background.btn-md{
	font-weight:bold;
	padding:0 10px;
	    margin: 0 !important;
		position:relative;
	top:-7px;
	font-size:15px;
}
.Access-info-btm .vk_button.vk_button-align-left{	
	margin:0!important;
}

@media screen and (max-width:576px){
	.Access-info-btm{
		flex-direction:column;
	}
}



/*=============================================
 *  設備製品案内ページ 
 * =============================================*/

.guidance-con div:first-child{
	padding:0;
}
.guidance-con h3.vk_prContent_colTxt_title{
		margin:0!important;
	font-size:1.3rem!important;
}

.guidance-con{
	gap:1.1rem;
}

/*=============================================
 *  会社概要ページ 
 * =============================================*/
.company-info-tbl th,.company-history-tbl td:first-child{
	font-weight:normal;
	color:var(--common-color-1);
	width:20%;
	max-width:200px;
	min-width:5rem;
}
.company-history-tbl th{
	font-weight:normal;
}
body.page-id-2625 .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table table,
body.page-id-2625 .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table tr,
body.page-id-2625 .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table th,
body.page-id-2625 .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table td {
    border-color: var(--common-color-1);
}
.company-history-tbl table th:first-child{
	border-right: 1px solid white!important;
}
.company-img img{
	width:100%;
}
.company-img{
	margin:0!important;
	width:100%;
}
/*=============================================
 *  お問い合わせページ 
 * =============================================*/
.ContactFormTbl {
	border:none;
}
.ContactFormTbl	:is(th,td){
		border:none;
		padding:0;
	}

.ContactFormTbl th{
		text-align:left;
		color:var(--common-color-1);
		font-weight:normal;
	}

.ContactFormTbl .text-danger {
		color: white!important;
		background: #FF0000;
		padding: 2px 5px;
		margin-left: 10px;
		border-radius: 5px;
		font-weight:bold;
	}
.ContactFormTbl input::placeholder {
  		color:#e5e5e5;
	}

.ContactFormTbl_btm .AgreementCheck{
		text-align:center;
	}
.ContactFormTbl_btm .submitbtn{
		width:fit-content;
		margin: auto;

	}
.ContactFormTbl_btm .submitbtn input{
			background-color:var(--common-color-1);	
			border:none;
			padding: 15px 25px;
            border-radius: 0;
		}
/* エラーメッセージ */
.wpcf7 form .wpcf7-response-output{
	text-align:center;
	width: fit-content;
    margin: auto;
	background:#ffb900;
}

@media screen and (min-width:576px){
	.ContactFormTbl th{
		width: 200px;
	}
}
@media screen and (max-width:575px){

	.ContactFormTbl :is(th,td){
		width: 100%;
		display:block;
	}
	.ContactFormTbl p{
		margin:5px 10px;
	}
	
}


/*　確認画面
 * ---------------------------------------------*/

.page-id-2640 .ContactFormTbl :is(th,td){
		border:var(--common-color-1) 1px solid;
	}
.page-id-2640 .ContactFormTbl th{
		background-color:var(--common-color-2);
	}
.page-id-2640 .ContactFormTbl p{
		margin:0;
		padding: 1rem;
	}

.ContactFormTbl_btm_btn{
	display:flex;
	justify-content: center;
	gap:20px;
	}
.ContactFormTbl_btm_btn p{
	margin:0;
}
.ContactFormTbl_btm_btn input{
	background-color:var(--common-color-1);	
	border:none;
	padding: 15px 25px;
	border-radius: 0;
	color:white;
	font-size:1rem;
}
.ContactFormTbl_btm_btn p:first-child input{
	color:var(--common-color-1);	
	background-color:var(--common-color-2);
	display:block!important;
}
.ContactFormTbl_btm_btn .wpcf7-spinner{
	display:none;
}

.ContactFormTbl_btm_btn p:first-child input:hover{
cursor:pointer;
	background-color:gray;
	color:white;
}
@media screen and (max-width:575px){
	.page-id-2640 .ContactFormTbl :is(th,td){
			border: var(--common-color-2) 1px solid;
		}
}