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

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

/*トップへ戻るボタン*/
.scrolled .page_top_btn {
    border-radius: 20px;
}

/*VKプロフィールのタイトル左寄せ*/
.veu_profile .widget-title {
    text-align: left;
}



/*問い合わせボタン非表示*/
.subNavi {
    display: none;
}
.btn-center {
    display: none;
}


/*link文字の色*/
a {
  color: #337ab7;
  text-decoration: none;
}


/*--------------------------------
 * ヘッダー
 * ------------------------------*/
/*グローバルメニューホバー時背景*/
.global-nav-list>li:hover{
	background:#999999;
}
/*グローバルメニュー開いているページ背景*/
.global-nav-list>li.current_page_item{
	background:#999999;
}
/*デフォルトで入っている下線を消す*/
.global-nav-list>li:before{
	border-bottom:none;
}

.page-header-title {
    display: block!important;
}

/**********************************
 * PCとスマホで画像を切り替え
 **********************************/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; } 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}
/***PCとスマホで画像を切り替え　ここまで***/


/**********************************
 * 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; }
}


@media only screen and (min-width: 768px){
.wp-show-posts-entry-title {
    font-size: 1rem !important;
}
}

/*固定ページのヘッダータイトルを非表示*/
h1.heading-primary {
	display:none;
}
.l-wrapper {
    margin-top: 0;
}


/*2カラム目からマージントップが入るので消す*/
.content div, .content p {
    margin-top: 0rem !important;
}

/*トップスライドの縦幅を600pxに*/
@media only screen and (min-width: 768px){
.swiper-slider {
    height: 600px !important;
}
}


/*----------------------------------------------------
  タイトル
----------------------------------------------------*/
h2.heading-main{
	font-weight:bold;
	font-family: "Fjalla One",Lato,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:60px;
	line-height: 1em;	
	text-align:center;
}
@media screen and (max-width: 600px){
h2.heading-main{
	font-size:40px;
}
}



h5.syurui {
  background: #c2edff;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
}

h1.heading-primary {
	position: relative;
  padding: 0.6em;
  background: #e0edff;
}
h1.heading-primary:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
  width: 0;
  height: 0;
}

/*求人広告3つの特徴title*/
h3.toku01 {
  color: #E24E42 !important;
  text-shadow: 0 0 5px white;
  padding: 0.3em 0.5em;
  background: -webkit-repeating-linear-gradient(-45deg, #F9DBD9, #F9DBD9 3px,#F3B7B1 3px, #F3B7B1 7px);
  background: repeating-linear-gradient(-45deg, #F9DBD9, #F9DBD9 3px,#F3B7B1 3px, #F3B7B1 7px);
}
h3.toku02 {
  color: #E9B001 !important;
  text-shadow: 0 0 5px white;
  padding: 0.3em 0.5em;
  background: -webkit-repeating-linear-gradient(-45deg, #FFEFBD, #FFEFBD 3px,#FFFAEA 3px, #FFFAEA 7px);
  background: repeating-linear-gradient(-45deg, #FFEFBD, #FFEFBD 3px,#FFFAEA 3px, #FFFAEA 7px);
}
h3.toku03 {
  color: #008F95 !important;
  text-shadow: 0 0 5px white;
  padding: 0.3em 0.5em;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

/*スタッフ紹介title*/
h3.staff{
	font-size: 22px;
    line-height: 200%;
}
.marker {
    background: linear-gradient(transparent 60%, #ff9 60%);
}



.border01 {
    color: #000000;
    text-shadow: 2px 2px #fff, 5px 5px rgba(220, 220, 220, 0.4);
	font-size:25px;
}



/*----------------------------------------------------
  お問い合わせフォーム設定
----------------------------------------------------*/

/* エラー個所をわかりやすく表示 */
.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;}

/*チェックボックスを縦並び
span.wpcf7-list-item {
display: block;
}*/

/*---お問い合わせフォーム設定ここまで---*/


/*----------------------------------------------------
  制作実績内のテーブル設定
----------------------------------------------------*/
.works-table td,.works-table th  {
		border:1px solid #555555;
}

.works-table th  {
	width: 30%;
	text-align: left;
	background:#ddd;
}
 
@media only screen and (max-width:480px){
    .works-table {
		margin: 0 -10px;
	}
    .works-table th{
		width: 100%;
   		display: block;
    	border-top: none;
    }
    .works-table td{
   		width: 100%;
    	display: block;
    	border-top: none;
    }
  .works-table tr:first-child th {
	  border-top: 1px solid #555555; 
	  background:#ddd;
	}
}
/*---制作実績内のテーブル設定ここまで---*/




/*---よくある質問---*/
.veu_postList .postList_date {
   display:none;
}

.vk_post_title_new {
    display: none;
}

/*---ボタンのアイコン位置---*/
.ow-button-base a.ow-icon-placement-right .sow-icon-image, .ow-button-base a.ow-icon-placement-right [class^="sow-icon-"] {
    margin: -0.1em -0.75em -0.2em -0.25em;
    float: right;
    padding-right: 20px;
}