/*
Template:lightning
Theme Name:lightning_child
Version:6.10.1
*/

/* フォント変更にする */
body,
p {
    font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
    font-weight:500;
    }


/* Pタグのフォント変更にする */
@media (min-width: 992px) {
    
p {
    font-size:20px;
    } 
    
}


/* メニューフォント太字に変更にする */
.gMenu_name {
    font-weight:bold;
    }

/* フッター空白非表示にする */
footer .sectionBox {
    display:none;
    }

footer .copySection {
    display:block;
    border-top:none;
    }

/* フッターのLightningクレジット表記を消す */
footer .copySection p:nth-child(2) {
    display:none;
    }

/* h2タグ変更 */
.mainSection-title,
h2 {
    border-top:none;
    border-bottom:none;
    background-color:#ff729c;
    border-radius:5px;
    color:#fff;
    padding: 7px 10px 7px 20px;
    line-height: 2.5em;
    }

.mainSection-title:before,
h2:before {
    margin:0 10px 0 0;
    content:" ";
    display:inline-block;
    width:50px;
    height:50px;
    margin-right:20px;
    background-image:url( "http://sample.vertpalette.net/wp-content/uploads/2019/08/eff03cb1f6484b5dd7c2c4f9852d04be.png" );
    background-size:contain;
    background-repeat: no-repeat;
    vertical-align:middle;
    }

/* 最初の大見出し変更 */
#text-2 h2 {
    text-align:center;
    background-color:#ffffff;
    color:#333;
    border-radius:0;
    padding: 0 0 20px 0;
    margin-bottom:30px;
    position: relative;
    }

#text-2 h2:before {
    margin-right:0px;
    background-image:none;
    width:0px;
    height:0px;
    }

#text-2 h2:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 0;
    border-bottom:solid 1px #ff729c;
    }

/* Facebookページの囲みを消す */
.veu_fbPagePlugin
.fbPagePlugin_body {
    border:none;
    background-color:#ffffff;
    }

/* 「3PRセクション」の変更 */
.prBlock .prBlock_image {
    width:100%;
    max-width:200px;
    margin-left:auto;
    margin-right:auto;
    height:auto;
    border-radius:10%;
    margin-bottom:20px;
    }

.prBlock .prBlock_image img {
    width:100%;
    max-width:400px;
    height:auto;
    }


/* 「3PRセクション」の文字変更 */
.prBlock_title {
    background-color:#02c676;
    color:#fff;
    font-weight:bold;
    padding:10px 0;
    }

.prBlock
.prBlock_summary {
    text-align:left;
    margin-top:25px;
    }

@media (min-width: 992px) {

.prBlock_summary {
    font-size:18px;
    } 

    }


/* 「3PRセクション」の画像にシャドウを入れる */
.prBlock .prBlock_image {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }


/* プロフィールカスタマイズ */
.profile_text {
    border:dotted 1px #ff729c;
    padding:20px 20px;
    border-radius:10px;
    margin-top:30px;
    }
    
@media (min-width: 768px) {
    
.profile_text {
    font-size:20px;    
    }
    
}  

@media (min-width: 992px) {

.profile_text {
    padding:20px 30px;
    margin-top:50px;
    }
    
}

/* インフォメーションのタイトル下のラインの色変更 */
    .mainSection header {
    border-bottom: 2px solid #ff729c;
}

/* インフォメーションの文字 */
.veu_postList .postList_miniThumb .postList_title {
    font-size: 18px;
}

/* Chat Bubbles　CSS Setting 吹き出し */
/* 全体のスタイル */
.voice {
  margin-bottom: 40px;
}
/* 左画像 */
.voice-img-left {
  margin-left: 4px;
  margin-top: -1px;
  float: left;
  width: 60px;
  height: 60px;
}
/* 右画像 */
.voice-img-right {
  margin-right: 4px;
  margin-top: -1px;
  float: right;
  width: 60px;
  height: 60px;
}
.voice figure img {
  width: 100%;
  height: 100%;
  border: 2px solid #eee;
  border-radius: 50%;
  margin: 0;
}
/* 画像の下のテキスト */
.voice-img-description {
  padding: 5px 0 0;
  font-size: 10px;
  text-align: center;
}
/* 左からの吹き出しテキスト */
.voice-text-right {
  color: #444;
  position: relative;
  margin-left: 100px;
  padding: 1.2em;
  border: 3px solid #eee;
  background-color: #fff;
  border-radius: 5px;
}
/* 右からの吹き出しテキスト */
.voice-text-left {
  position: relative;
  margin-right: 100px;
  padding: 1.2em;
  border: 3px solid #eee;
  background-color: #fff;
  border-radius: 5px;
}
p.voice-text {
  margin: 0 0 8px;
}
p.voice-text:last-child {
  margin-bottom: 0px;
}
/* 左の三角形を作る */
.voice-text-right:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #eee;
  top: 15px;
  left: -20px;
}
.voice-text-right:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #fff;
  top: 15px;
  left: -16px;
}
/* 右の三角形を作る */
.voice-text-left:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #eee;
  top: 15px;
  right: -23px;
}
.voice-text-left:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #fff;
  top: 15px;
  right: -19px;
}


/* 回り込み解除 */
.voice:after,.voice:before {
  clear: both;
  content: "";
  display: block;
}

/* 囲み枠 */
 .box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #fff;
    border: dashed 1px  #ff729c;/*点線*/
}
.box1 p {
    margin: 0; 
    padding: 0;
}


/* 地図カスタマイズ */
.map {
    text-align:center;
    margin-top:0px;
    }

.map iframe {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }

@media (min-width: 992px) {

.map {
    margin-top:20px;
    } 
       
}

/* プロフィールの画像にシャドウを入れる */
.veu_profile
.profile_media {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
