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

/*----- reCAPTCHAマークがトップへ戻るボタンとかぶるのでをずらして表示　---*/
.grecaptcha-badge{
	margin-bottom: 60px;
}
/*--------------------ここまで------------------------*/


/*lightning　classでページビルダー枠を消す*/
.so-panel{
	-webkit-box-shadow: none !important;
	box-shadow:none !important;
	padding:0px !important;
	margin-bottom:0px !important;
}

/*ページビルダーウィジェットの背景を透明*/
.mainSection .widget {
    background:transparent;
}

/*メニュー背景に色を付ける スマホメニュースクロールの修正のため*/
.siteHeadContainer{	background:#ffffff;
}


/*サイト全体の書体変更する*/
body{
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}


/* 画像リンクマウスオーバー時半透明 */
a:hover img {
  opacity: 0.7;
  transition: .3s;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*PCとスマホの改行設定*/
@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

/*画像の周りにふちをつける*/
.fuchi img{
    border: 10px solid rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}


/*ヘッダーの空白調整*/
@media (min-width: 992px){
.siteHeadContainer.container .navbar-header {
    padding: 5px 15px;
}
}

/*ヘッダー全体を固定*/
@media (min-width: 992px){
   .siteHeadContainer.container {
   	 position: fixed;
	}
    .headerTop {
      background-color: #ffffff;
      position: fixed;
	}
}
/*枠固定で表示できなくなったスライドのトップにmargin-top: 78pxで全体を表示*/
@media screen and (min-width: 650px){
.carousel-inner {
    margin-top: 78px;
}
}

/*上でヘッダー全体を固定したのでグローバルメニューの固定を外す*/
@media (min-width: 992px){
body.header_scrolled .gMenu_outer {
	position: static;
}
}
.navbar-header {
    margin-bottom:0px !important;
}

@media screen and (min-width: 650px){	
  .page-header {
    margin-top: 78px;
}
}

/*フッター背景黒、文字白*/
footer {
    background: #212529;
    color: #ffffff;
}
/*フッターメニュー文字白*/
.siteFooter .footerMenu li a {
    color: #ffffff;
	border-left: 1px solid #ffffff;
}

/*テーブルプレスのすべてのセルに枠線を付加する */
.tablepress thead th,
.tablepress tbody tr:first-child td,
.tablepress tbody td,
.tablepress tfoot th {
    border: 1px solid #999999 !important;
}



/*-------------------------------------------*/
/*  ヘッダーお問い合わせボタン調整
/*-------------------------------------------*/

/* ロゴ右側のブロック */
.logo-after {
    display: block;
    float: right;
	padding-top:10px;
}
 
.logo-after img{
    max-height: 40px;
}
 
/* ヘッダー幅を100%に */
.navbar-header {
    width: 100%;
}
#contact_b{
	margin-left:10px;
}

/*スマホの時*/
@media (max-width: 991px) {
    .logo-after {
        display:none
    }
}

@media (max-width: 991px){
.siteHeader_logo.navbar-brand a img {
    margin: 0 50px;
}
}
/********* ヘッダーお問い合わせボタン調整ここまで **********/


/*-------------------------------------------*/
/*  h3設定
/*-------------------------------------------*/

/*見出しタイトル前のボーダーアイコンを透明化*/
h3{
    border-left-color: transparent !important;
}
h3.widget-title{
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

h3.shop-title {
    text-align: center;
    color: #333333;
    padding: 0.5em 0;
    border-top: solid 1px #666666;
    border-bottom: solid 1px #666666;
}

/*インスタ見出しタイトル前に画像を挿入する*/
h3.instagram-title{
background-image: url(https://moro.automirai777.com/wp/wp-content/uploads/2020/03/Instagram_title.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 70px;
min-height:40px;/*画像の最小値に合わせる*/
max-height:110px;
}
/*h3設定ここまで*/



/*-------------------------------------------*/
/* 　　　　お問い合わせフォーム 
/* 　　　　デザインカスタマイズ 
/*-------------------------------------------*/
div.wpcf7 { background:#fafafa; border:1px solid #ddd; padding:0px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 0 30px 0; }
div.wpcf7 p { padding:20px 20px 0; margin:0; font-size:14px; }
div.wpcf7 input, .wpcf7 textarea { border:1px solid #ccc; padding:8px; font-size:14px; }
div.wpcf7 textarea { width:97.5%; height:300px; }
div.wpcf7 input.wpcf7-submit {
   cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:200px; height:45px; margin:0 auto; display:block;
   -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
   background:#333; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080; border:1px solid #666;
}
div.wpcf7 input.wpcf7-submit:hover { background:#006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border:1px solid #006080; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }
 
 
/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}
 
/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}
/*お問い合わせ設定ここまで*/