@charset "utf-8";
/*
Theme Name: Lightning Child LP06
Theme URI: chuo-law.com
Template: lightning
Description: Landing Page用の子テーマ。(元のコピーライトを削除して置き換え，copyrightの年号をPHPで表示はfooter.php)　ヘッダーを非表示，ハンバーガーメニューを非表示，背景色を変更，問い合わせフォームの修正，PC,スマホの表示の切り替え，telリンクをPCでは無効，フローティングメニューの設定，デザイン関係（h1,h4の変更、トップリストデザイン、メリット・デメリットリストデザイン、マーカー、マップをレスポンシブ対応）
Author: 福岡中央法律事務所
Tags: 
Version: 0.1.2
*/

/*ヘッダーを非表示*/
header.siteHeader { 
display:none; 
}

/*ハンバーガーメニューを非表示*/
.vk-mobile-nav-menu-btn {
display: none;
}

/* 背景色を変更(落ち着いた白) */
body,
header,
nav ul li a {
    background-color:#f4f5f7 !important;
    }

/*問い合わせフォームの修正*/
/*送信ボタンの修正*/
.wpcf7 input[type="submit"] {
    font-size: 100%;
    padding-right: 100px;
    padding: 0.2em 0.4em;
    background: #3066be;/*背景色は濃い青*/
    color: #ffffff;/*文字色は白*/
    border-radius: 4px;
    width: 50%;
    height:50px;
    cursor: pointer;
    box-shadow: 0 0 1px rgba(181, 235, 178, 1);
    border: 1px solid #ccc; 
}
/*必須項目の表示の変更*/
.wpcf7 span.requied {
    font-size: 12px; /* フォントサイズを12pxに */
    color: red; /* フォントカラーを赤に */
    font-weight: normal; /* フォントの太さを通常に */
}
/*「送信内容の確認」のチェックボックスを大きくする*/
.wpcf7 input[type="checkbox"] {
transform: scale(1.4);
}

/*PC,スマホでの表示の切り替え*/
/*PCの場合はpc-dspを表示*/
.pc-dsp { display:block; }
.sp-dsp { display:none; }
/*スマホの場合はsp-dspを表示*/
@media (max-width: 860px) {
.pc-dsp { display:none; }
.sp-dsp { display:block; }
}

/* telリンクをPCでは無効にする */
@media (min-width: 861px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}

/*フローティングメニューの設定*/
/*PC用*/
@media (min-width: 861px) {
  /*本文がフローティングメニューにかからないようにする(PC用)*/
  body{
     margin-top:50px;
  }
  /*メニューをページ上部に固定*/
  #floating-menu{
     position: fixed;
     top: 0px;
     left: 0px;
     width: 100%;
     font-size: 0;
     z-index: 99;
  }
}
/*スマホ用*/
@media (max-width: 860px) {
  /*フッターがフローティングメニューにかからないようにする(スマホ用)*/
  footer{
     margin-bottom:50px;
  }
  /*メニューをページ下部に固定*/
  #floating-menu{
     position: fixed;
     bottom: 0px;
     left: 0px;
     width: 100%;
     font-size: 0;
     z-index: 99;
  }
}
/*PC,スマホ共通*/
/*メニューを横並びにする*/
#floating-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}
#floating-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 14px;
   border-right: 1px solid #fff;
}
/*左側メニューを紺色に*/
#floating-menu li:first-child{
   background: #00245b;
}
/*右側メニューを青色に*/
#floating-menu li:last-child{
   background: #0c87ff;
/*border: 1px solid;*/
}
/*ボタンを調整*/
#floating-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:20px;
}


/*h1の変更（トップタイトルを中央寄せ）*/
h1  {
  text-align: center;
}

/*トップ リストデザイン*/
.top-list {
  font-weight: bold; /*太字*/
  font-size: 1.2em; /*文字サイズ1.2倍*/
}
.top-list ul {
  border: solid 2px #3399FF;
  border-radius: 5px;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}
.top-list ul li {
  line-height: 1;
  padding: 0.5em 0;
  list-style-type: none!important;
}
.top-list ul li:before {
  content: "\f138";/*アイコンの種類(右矢印)*/
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: #3399FF;/*アイコン色*/
  text-shadow:0px 1px 0px rgba(0,0,0,0.2);/*アイコンに影をつける*/
}

/*h4の見出し変更*/
h4 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #7db4e6;/*左線*/
}

/*メリットリスト リストデザイン*/
.merit-list {
  font-weight: bold; /*太字に*/
}
.merit-list ul {
margin-top:40px; /*上のマージン*/
margin-bottom:20px; /*下のマージン*/
  border: solid 3px #00bfff; /*枠線*/
  padding: 0.5em 1em 0.5em 2.3em;
  border-radius: 0 10px 10px 10px;/*左上だけ角、他は角丸*/
  position: relative;
}
.merit-list ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;/*ポチ消す*/
}
.merit-list ul li:before {
  content: "\f164";/*親指UP*/
/*  content: "\f00c";チェックマーク */
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #0000ff; /*アイコン色*/
}
/*タイトルタブ*/
.merit-list ul li:after {
  background: #00bfff;
  color: #fff;
  font-weight: bold;
  position: absolute;
  left: -2px;
  bottom: 100%;
  padding: 1px 7px;
  border-radius: 5px 5px 0 0;/*上は角丸、下は角*/
  content: "メリット";/*タブの文字*/
  letter-spacing: 0.05em;/*字間*/
}

/*デメリットリスト リストデザイン*/
.demerit-list {
  font-weight: bold; /*太字に*/
}
.demerit-list ul {
margin-top:40px; /*上のマージン*/
margin-bottom:20px; /*下のマージン*/
  border: solid 3px #ff6347; /*枠線*/
  padding: 0.5em 1em 0.5em 2.3em;
  border-radius: 0 10px 10px 10px;/*左上だけ角、他は角丸*/
  position: relative;
}
.demerit-list ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;/*ポチ消す*/
}
.demerit-list ul li:before {
  content: "\f00d";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #ff0000; /*アイコン色*/
}
/*タイトルタブ*/
.demerit-list ul li:after {
  background: #ff6347;
  color: #fff;
  font-weight: bold;
  position: absolute;
  left: -2px;
  bottom: 100%;
  padding: 1px 7px;
  border-radius: 5px 5px 0 0;/*上は角丸、下は角*/
  content: "デメリット";/*タブの文字*/
  letter-spacing: 0.05em;/*字間*/
}

/* マーカー線・黄色 */
.marker-Y-U{
background:linear-gradient(transparent 75%, #ffdc00 75%);
font-weight:bold; 
}

/*マップをレスポンシブ対応*/
/*アスペクト比を16:9にして全幅に拡大*/
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}