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

/* --------------header部分----------------------------- */

.site-header {
	background-color: rgba(0,0,0,0);
	box-shadow:none;

}

.site-header-logo a{
	margin-left:30px;
	color:#A78F45;
}


.site-header {
  position: fixed!important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
body {
  padding-top: 0 !important;
}




/* ------------------------------------------ */



.panel00 .goldcolor{
	font-size:8rem;
	line-height: 6rem;
}


.first-view{
	display:none!important;
}


.seiryotopimgmb{
	display:none;
}

.top_title{
	border:none;
}

.subtitle1{
	border-bottom:1px solid #000;
	width:600px;
	margin:auto;
	padding: 20px;
}

.subtitle-about-top{
	border-bottom:1px solid #000;
	width:400px;
	margin:auto;
	padding: 20px;
}

.subtitle2{
	padding:10px;
}

.text{
	width: 50vw;
	margin:auto;
}

.goldcolor{
	color:#98833F;
}

.wp-block-cover.first-view {
  min-height: 100svh;
  width: 100svw;
  margin-left: calc(50% - 50vw);
}

@supports (height: 100svh) {
  .wp-block-cover.first-view {
    min-height: 100svh;
  }
}

.wp-block-cover.first-view .wp-block-cover__image-background {
  object-fit: cover !important;
}

.wp-block-cover.first-view .seiryo {
  font-size: clamp(3rem, 8vw, 8rem);
}

/* --------------PROJECTS部分----------------------------- */
.PROJECTS{
	width: 100%;
	margin:auto;
	padding-top:10px;
}

.morebtn{
	pointer-events: auto; /* ボタン押せる */
  display: inline-block;
  background: rgba(255,255,255,0);
  padding: 10px 24px;
  font-weight: bold;
  white-space: nowrap;
  transition: background 0.3s ease, transform 0.18s ease;
	color:#fff;
	border-bottom:1px solid #98833F;
}

.morebtn:hover {
  background: rgba(255,255,255,0);
  transform: translateY(-1px);
}

.parent{
	text-align:center;
}
   
.morebtn {
  display: inline-block;
  position: relative; /* 擬似要素の基準 */
  padding: 10px 24px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
}

.morebtn::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;              /* 初期は0にしておく */
  height: 1.02px;            /* 下の棒の太さ */
  background-color: #fff;
  transition: width 0.5s ease; /* アニメーション */
}

.morebtn:hover::after {
  width: 100%; /* ホバーで横いっぱいに伸びる */
}


.kagerouimgmb{
	display:none!important;
}

.odagawaimgmb{
	display:none!important;
}

/* --------------culture部分----------------------------- */

.CULTURE_title{
	border-bottom:2px solid #000;
	width:450px;
	margin:auto;
	padding: 20px;
}

/* --------------news部分----------------------------- */

.news{
	width:80%;
	margin:auto;
}

.parentmb{
	display:none!important;
}

/* --------------message部分----------------------------- */
/* --------------contact_partnership部分----------------------------- */
.contactbt{
	margin-top:80px!important;
}

.partnership{
	
}

.contacttopmb{
	display:none!important;
}
/* --------------footer部分----------------------------- */
.site-footer {
    border-top:none!important;
}
.site-footer-copyright p:nth-child(2) {
    display:none;
}

.site-footer .footer-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px 40px;
}

.site-footer .footer-nav a {
    text-transform: uppercase;
    font-size: 1.5VW;
    letter-spacing: 0.05em;
	padding: 10px;
}

.site-footer .site-footer-logo {
    text-align: center;
    font-size: 16px;
    margin-bottom: 15px;
}

.site-footer .footer-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
}

.site-footer .footer-nav li {
	border:none;
	line-height: 2; /* 1.2～2.5あたりで調整 */
  margin-bottom: 10px; /* 各行の下余白 */
}

.site-footer .footer-nav a:hover{
	color:#A78F45;
}

.footer-nav {
    border-bottom:none;
}
.footerlink a,
.footerlink a:hover,
.footerlink a:active,
.footerlink a:visited {
  text-decoration: none !important; /* 下線消す */
  color: inherit !important;        /* 親の色を使う */
}


.site-body-bottom{
	background-color:#a78f45;
	    padding-top: 80px;
    padding-bottom: 50px;
}

.site-footer{
	background-color:#a78f45;
}
.footer-nav a{
	color:#fff!important;
}


/* -------------------------------各ページ------------------------------------------------- */
/* ページデフォルトのタイトル＆ページヘッダー非表示 */
.page-header,
.page-header-title,
.page-title {
  display: none !important;
}

/* パンくずリスト非表示 */
.breadcrumb,
.breadcrumb-list {
  display: none !important;
}

.page_subtitle1 {
	border-bottom:1px solid #A78F45;
	width:450px;
	margin:auto;
	padding: 20px;
}


.custom-hero {
  position: relative;
  width: 100%;
  height: 500px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.custom-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45);
}
.custom-hero h1 {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 32px;
  padding: 0 20px;
}
/* クロスボーダーデジタルマーケティング各ページ */
.key_text{
	border-bottom:1px solid #A78F45;
	padding: 10px 24px;
	width: 35%;
    margin: auto;
}

.keylist{
	padding-top:30px;
	padding-bottom:30px;
	width: 85%;
	margin:auto;
	
	
}

.keyli_container{
	border-top:1px solid #A78F45;
	border-bottom:1px solid #A78F45;
	width: 80%;
	
}
/* オダガワカゲロウ各ページ */

.page_subtitle2 {
	border-bottom:1px solid #000;
	width:250px;
	margin:auto;
	padding: 20px;
	margin-bottom:20px;
}

.gallery_grid figure{
	width:80%;
	margin:auto;
}

.gallery_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3カラム想定 */
  gap: 20px;
  justify-content: center; /* グリッド自体を中央に */
  margin: 0 auto; /* ブロックを中央寄せ */
  max-width: 1000px; /* 横幅制限、お好みで調整! */
}

.page_subtitlekagerou {
	border-bottom:1px solid #A78F45;
	width:550px;
	margin:auto;
	padding: 20px;
}

.mbBR{
	display:none:
}

/* newsページ */

.news_title {
	border:none;
	margin-bottom:0!important;
	margin-top:50px!important;
}


/* 社長挨拶、会社概要ページ */

.kaisya_table td:first-child {
	width:25%;
	padding-left: 50px !important;
	padding-top:50px;
	padding-bottom:50px;
	

}

.kaisya_table td:last-child {
  width: 25%;
}

.kaisya_table{
	width: 70%!important;
    margin: auto;
	border:none;
	
}

.kaisya_table table {
  border-collapse: collapse;
  width: 100%;
}

.kaisya_table table td {
  padding: 10px 0;

  border-top: 1px solid #A78F45;    /* 上線 */
  border-bottom: 1px solid #A78F45; /* 下線 */
  border-left: none !important;  /* 左線消す */
  border-right: none !important; /* 右線消す */
}

/*ContactForm7カスタマイズ*/

table.CF7_table{
	width:60%;
	margin:0 auto;
}

table.CF7_table p{
	font-size: 1.2vw;
    line-height: 3.0vw;
}
table.CF7_table tr{
	
	line-height:1.3vw;
}


/*枠線を消す*/
.wpcf7 table {
    border: none !important;
    border-collapse: collapse !important;
}

.wpcf7 table td, table th {
    border: none !important;
	
}


.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;

}


/*「必須」文字*/
.CF7_req{
	font-size:.9em;
	padding: 5px;
	background: #FBE2E9;/*うすピンク*/
	color: #f8afaf;/*濃いピンク*/
	border-radius: 3px;
	margin-right:1em;
}

/*「任意」文字*/
.CF7_unreq{
	font-size:.9em;
	padding: 5px;
	background: #bdbdbd;/*グレー*/
	color: #8b847b;/*濃いグレー*/
	border-radius: 3px;
	margin-right:1em;
}

/* タイトル列 */
@media screen and (min-width: 768px){
	.CF7_table th{
	width:100%;/*横幅*/
float: left;
		text-align:left;
	}
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	table.CF7_table{
	width:100%;
	}
	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: 100%;
	line-height:2.5em;
		text-align:center;
	}

}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#D9D9D9;
	border: 1px solid #A78F45;
	color:#000;
	font-size:1.2em;
	margin:0 auto;
	
}

.wpcf7 input.wpcf7-submit:hover {
	background-color:#A78F45;
	border: 1px solid #D9D9D9;
	color:#fff;
	font-size:1.2em;
	margin:0 auto;
	
}

.CF7_btn{
	text-align:center;
	margin-top:20px;
}

.wpcf7-spinner{
	width:0;
	margin:0;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea

  {
  outline:none;
	background-color:rgba(217, 217, 217, 1);
		width:100%;

}
/* 見出しの太字を解除 */
h1, h2, h3, h4, h5, h6,
strong, b {
  font-weight: 400 !important;
}