@charset "utf-8";
/*
Theme Name: Lightning Child　2024
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2


/*-------------------------------------------*/
/*  基本の設定
/*-------------------------------------------*/

.page-header {display:none;  }
body {
	color: #000;
}

/*G3ヘッダーロゴの高さ指定*/
.site-header-logo img {max-height: 80px;}

h2{font-size:36px!important;border-top:none!important;border-bottom: none!important;}
h3{font-size:24px;}
h6{font-weight:bold!important;color:#000;}


/*-------------------------------------------*/
/*  メディアで非表示
/*-------------------------------------------*/

@media screen and (min-width: 481px){
.kesu-pc { display: none;}
}


@media screen and (max-width: 480px){
.kesu-sumaho { display: none;}
}



/*-------------------------------------------*/
/*  マウスオーバー半透明
/*-------------------------------------------*/

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*-------------------------------------------*/
/*  右メニュー　一つ前に戻る
/*-------------------------------------------*/
.hitoumaeni{
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  background-color: #00643D;
  width:100%;
  font-family: FontAwesome;
}

/*-------------------------------------------*/
/*  申し込みフォームボタン
/*-------------------------------------------*/
a.taikenbutton {
    width:100%;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:10px 0px;
    color:#fff;
    background-color:#00643D;
    border-radius:10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

a.taikenbutton:hover{
    color:#000;
    background-color:#cce0d8;
    
    }


/* -------------------------------------------*/
/*  蛍光アンダーライン
/*-------------------------------------------*/

.keiko-pen {
  background: linear-gradient(transparent 70%, yellow 50%);
  }



/*-------------------------------------------*/
/*  施工事例一覧
/*-------------------------------------------*/

.sekou-zirei-title{color:#fff;font-size: 18px;margin-bottom:0!important;}
.sekou-zirei-title-back{background-color:rgba(25,25,112,0.5);margin-bottom:0!important;}

/*-------------------------------------------*/
/*  マウスオーバー画像拡大
/*-------------------------------------------*/

.kakudai img:hover {
  opacity: 0.6!important;
  filter: alpha(opacity=60)!important;
  -ms-filter: "alpha(opacity=60)";
}



/*----------------------------------------------------*/
/*  写真上アイコン
/*----------------------------------------------------*/

/* 　基本設定　*/

.thumbnail-btn-3d {
  position: absolute;
  top: 5%;
  left: 5%;
  -ms-transform: translate(-5%,0);
  -webkit-transform: translate(-5%,0);
  transform: translate(-5%,0);
  margin:0;/*余計な隙間を除く*/
  font-size:clamp(0.56rem, 0.34vi + 0.48rem, 0.75rem);
  border: solid white 2px; /*線で囲う*/
  padding: 7px;/*文字と線の間の余白*/
  color: white;/*文字色*/
  text-decoration: none;/*下線を表示させない*/
  color: #FFF;
  /*clamp(3.13rem, 2.27vi + 2.56rem, 4.38rem);*/
  width:clamp(3.13rem, 2.27vi + 2.56rem, 4.38rem);
  height:clamp(3.13rem, 2.27vi + 2.56rem, 4.38rem);
  line-height:clamp(0.7rem, 0.54vi + 0.57rem, 1rem);
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
  overflow: hidden;
}
@media(max-width: 480px){
  .thumbnail-btn-3d{
    font-size:clamp(0.88rem, 0.83vi + 0.67rem, 1.33rem);
    line-height:clamp(1.1rem, 1.23vi + 0.79rem, 1.78rem);
    width:clamp(2rem, 21.62vi + -0.72rem, 4.69rem);
    height:clamp(2rem, 21.62vi + -0.72rem, 4.69rem);
  }
}
/*　下段設定　*/
.thumbnail-btn-3d.gedan{
  top:clamp(4.38rem, 3.34vi + 3.96rem, 5.63rem);
  left: 5%;
}
@media(max-width: 480px){
  .thumbnail-btn-3d.gedan{
    top:clamp(5.47rem, 5.42vi + 4.79rem, 7.5rem);
    left: 5%;
  }
}

/*セール*/
.thumbnail-btn-3d.sale{
  padding-top:16px;
  display:block;
  background: rgba(255,0,0,0.7);
  border: solid rgb(255, 255, 0) 3px;
  }
  @media(max-width: 480px){
    .thumbnail-btn-3d.sale{
      padding-top:12px;
    }
  }
/*商談中*/
.thumbnail-btn-3d.syoudan{
  padding-top:24px;
  background: rgba(48, 2, 126, 0.6);
  }
@media(max-width: 480px){
    .thumbnail-btn-3d.syoudan{
      padding-top:22px;
    }
  }

/*中古*/
.thumbnail-btn-3d.used.gedan{
  padding-top:24px;
  background: rgba(24, 46, 18, 0.7);
  }
@media(max-width: 480px){
  .thumbnail-btn-3d.used.gedan{
    padding-top:20px;
    background: rgba(24, 46, 18, 0.7);
  }
}
/*KJ1*/
.thumbnail-btn-3d.kj1{
  padding-top:16px;
  display:block;
  background: rgba(255,0,0,0.7);
  }
/*下段PC*/
.thumbnail-btn-3d.kj2{
  padding-top:16px;
  display:block;
  background: rgba(255,0,0,0.7);
  }

/*----------------------------------------------------*/
/*  サムネイルアイコン
/*----------------------------------------------------*/
.icon--used{
  font-size:clamp(0.78rem, 0.7vi + 0.61rem, 1.17rem);
  color: #fff;
  font-weight: bold;
  background-color:rgba(24, 46, 18, 0.7);
  border-radius: 10px;
}
/*
.icon--ookisa{
  color: #fff;
  font-weight: bold;
  background-color: #B1C67F;
  border-radius: 10px;
}
*/
.icon--ookisa{
  font-size:clamp(0.78rem, 0.7vi + 0.61rem, 1.17rem);
  color: #000;
  border :solid #000 1px;
  border-radius: 10px;
}

.icon--dr{
  font-size:clamp(0.78rem, 0.7vi + 0.61rem, 1.17rem);
  color: #fff;
  font-weight: bold;
  background-color: #227CC1;
  padding-top:3px;
  padding-bottom:3px;
  border-radius: 10px;
}
.icon--tenji{
  font-size:clamp(0.78rem, 0.7vi + 0.61rem, 1.17rem);
  color: #000;
  background-color: #FCDA01;
  border-radius: 10px;
}
/*----------------------------------------------------*/
/*  施工トップページ一覧
/*----------------------------------------------------*/
.seko-ichigyo-grid{
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center; /* グリッド全体を中央に寄せる設定 */

}
@media all and (-ms-high-contrast: none) {
  .seko-ichigyo-grid {
    display: -webkit-flex;
    display: flex; 
    flex-wrap:wrap;
    width: 100%;
    }
  .seko-ichigyo-block{
    width: 25%;
  }
}

.seko-ichigyo-thumbnail {
  padding:3px;
  width: 100%;
  height:auto;
  -webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
    -moz-box-shadow: 0 10px 8px -6px #8d8c8c;
     box-shadow: 0 10px 8px -6px #8d8c8c;
}
.seko-ichigyo-title{
  font-size:12px;
  text-align: center;
  padding:16px 0;
}

/*フッター内カテゴリー次のページを消す*/
.entry-footer{
  display:none;
}
.next-prev{
  display:none;
}

.entry-meta{
  display:none;
}
/*----------------------------------------------------*/
/*　Table　*/
/*----------------------------------------------------*/
/*Table*/
.tbl-r02 th {
  background: #a0a0a0;
  border: solid 1px #808080;
  color: #fff;
  padding: 2px;
}
.tbl-r02 td {
  border: solid 1px #808080;
  padding: 2px;
  text-align: center;
}
/*
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 80%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}
*/
/*----------------------------------------------------*/
/*　おすすめ楽器画像　*/
/*----------------------------------------------------*/
.fit-cover{
  width:150px;
  height:150px;
  object-fit: cover;
  border-radius: 50%;
  padding:3px;
  border:4px solid #ededed;
}

/*-------------------------------------------*/
/* 画像の上に文字を重ねる */
/*-------------------------------------------*/

.kasaneru{
  position: relative;/*親要素にrelative*/
}
.kasaneru p{
  position: absolute;/*重ねたい子要素にabsolute*/
  top:70%;
  left: 50%;
  width:130px;
 -ms-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  -webkit-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  transform: translate(-50%,-50%);/*センター寄せの修正*/
  background-color: #f5f5f5;
  border: 1px #fff solid;
  border-radius: 10px;
  padding:6px;
  color: #000;
  font-size: 0.8rem;
  margin: 0!important;/*文字がずれている場合や*/
}



/*--カテゴリー表示------------------------------*/
.used-piano-cate {
  position: relative;
  color:#0A643E;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 6px;
}

.used-piano-cate:before {
    font-family:"FontAwesome";
    content:"\f152";
    color:#0A643E;
    font-size:18px;
    margin-right:4px;
}
/*-------------------------------------------*/
.table-used-piano-kakaku{
  font-weight: bold;
  margin-top:6px;
  margin-bottom: 6px;
}

.table-used-ichiran-kakaku{
  border: 2px solid #ffcccc;
  color:#fff!important;
  background:red!important;
}

.table-used-piano-kakaku.seiten{
  border-top: 2px solid black;
  border-bottom: 2px solid black;
}

.table-used-piano-kakaku.hanten{
  border: 2px solid red;
  color:red!important;
  background:#fff!important;
}

.table-used-ichiran-kakaku.hanten{
  border: 2px solid red;
  color:red!important;
  background:#fff!important;
}

.table-used-ichiran-kakaku.black{
  border: 1px solid;
  background:#fff!important;
}

.table-used-piano-kakaku.seiten th {font-size:16px;padding:3px 12px;}
.table-used-piano-kakaku.seiten td {font-size:18px;padding:0 12px;text-align:right!important;}

.table-used-piano-kakaku.hanten th {font-size:12px;padding:3px 12px;font-weight: normal!important;}
.table-used-piano-kakaku.hanten td {font-size:16px;padding:0 12px;text-align:right!important;}

.table-used-piano-kakaku.black th {font-size:12px;padding:3px 12px;font-weight: normal!important;}
.table-used-piano-kakaku.black td {font-size:16px;padding:0 12px;text-align:right!important;}

/*----------------------------------------------------*/
/* 3つのこだわり */
/*----------------------------------------------------*/
.whitetext{color:#fff;}

/*----------------------------------------------------*/
/* Table border 消す */
/*----------------------------------------------------*/
.table-used-piano-kakaku tr{border:0px solid #fff;}

/*-------------------------------------------*/
/*  防音室買取フォーム
/*-------------------------------------------*/

@media screen and (max-width: 480px){
  .kaitorired{
  color:#fff;
  font-size: 20px;
  text-align: center;
  background-color: red;
  padding:10px 10px;
  font-weight: bold;
  }
  }
  
  /*pc*/
  @media screen and (min-width: 769px){
  .kaitorired{
  color:#fff;
  font-size: 32px;
  text-align: center;
  background-color:red;
  padding:20px 20px;
  font-weight: bold!important;
  }
  }
  
  .sec60{
   color:red;
   text-align: center;
   background-color: #E3DDCD;
   padding:20px 20px;
   font-weight: bold!important;
  }
  
  @media screen and (max-width: 480px){
  .kaitoritel{
  color:red;
  font-size: 32px;
  text-align: center;
  padding:20px 20px;
  font-weight: bold!important;
  }
  }
  
  /*pc*/
  @media screen and (min-width: 769px){
  .kaitoritel{
  color:red;
  font-size: 50px;
  text-align: center;
  padding:20px 20px;
  font-weight: bold!important;
  }
  }
  
  .shop-tel{
  color:red;
  font-size: 24px;
  padding:0;
  font-weight: bold!important;
  }
/* ===== Contact Form 7 スクリーンショット再現 ===== */

/* フォーム全体 */
.wpcf7 form {
  font-family: "Hiragino Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  color: #333;
}

/* ラベル（左側の見出し） */
.wpcf7-form label {
  font-weight: bold;
  display: block;
  margin-bottom: 6px;
}

/* 必須マーク */
.requied {
  background: #ff5252;
  color: #fff;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 4px;
  margin-left: 6px;
  vertical-align: middle;
}

/* 入力欄（テキスト、メール、電話、住所など） */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  background: #ffe5e5; /* ピンク背景 */
  border-radius: 2px;
  box-sizing: border-box;
  font-size: 14px;
}

/* プレースホルダー */
.wpcf7 ::placeholder {
  color: #999;
  font-size: 13px;
}

/* ラジオボタン */
.wpcf7 input[type="radio"] {
  margin-right: 6px;
}

/* ラジオボタン横のラベル */
.wpcf7-list-item-label {
  margin-right: 20px;
}

/* セレクトボックス */
.wpcf7 select {
  background: #ffe5e5;
  border: 1px solid #ccc;
  padding: 8px;
}

/* 任意項目（建物名・部屋番号）は背景白 */
.wpcf7 input.optional,
.wpcf7 textarea.optional {
  background: #f9f9f9;
}

/* エラー時のメッセージ */
.wpcf7-not-valid-tip {
  color: #d50000;
  font-size: 13px;
  margin-top: 4px;
}

/* フォーム下部のエラーメッセージ */
.wpcf7 form.invalid .wpcf7-response-output {
  border: 2px solid #d50000;
  background: #ffe5e5;
  color: #d50000;
  padding: 10px;
  border-radius: 2px;
}

/* 送信ボタン */
.wpcf7 input[type="submit"] {
  background: #1976d2;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  border: none;
  padding: 10px 20px;
  border-radius: 2px;
  cursor: pointer;
}

.wpcf7 input[type="submit"]:hover {
  background: #1565c0;
}
@media only screen and (max-width:480px){
    .tabletform { margin: 0 -10px; }
    .tabletform th,
    .tabletform td{
    width: 100%;
    display: block;
    border-top: none;
    text-align: left; 
    }
  .tabletform tr:first-child th { border-top: 1px solid #ddd; }
}