/*
Theme Name: lightning-child
Template: lightning
*/ 


/***************************************************
ヘッダー
***************************************************/
/* タイトル画像 */
.siteHeader_logo {
	width: 320px;
	background:url("image/HeaderLogo_TaiyoshaInsatsujo.png") no-repeat;
}
/* 元のタイトル画像非表示 */
.siteHeader_logo img {
	visibility:hidden;
}
.navbar-brand img {
	max-height: 60px;
}
.siteHeader {
	min-height: 50px !important;
}
/* タイトル画像右側のお問い合わせ画像 */
#header_question {
	text-align: right;
}
/* アコーディオンメニュー表示ボタン */
.menuBtn {
	margin-top: 0px;
	margin-right: 20px;
}
.btn {
	padding: 12px 15px;
	border: 2px solid transparent;
}

/* デバイスサイズの最小幅(992px)。このサイズより大きい場合に適用 */
@media all and (min-width:992px){
	/* アコーディオンメニュー関連 */
	ul.gMenu > li > a {
		width:133px;
		height:45px;
		overflow: hidden;  /* はみ出た内容の表示方法を指定する： はみ出た部分を表示しない */
		text-indent: 150%;  /* 一行目のインデント幅を指定する：100% */
		white-space: nowrap;  /* ソース中のスペース・タブ・改行の表示の仕方を指定する：自動的改行しない */
		border-left: solid 1px #9f9f9f;
	}
	/*　製品（menu-item-605 id内のaタグにのみ有効）　*/
	#menu-item-605 > a {
		background-image:url("image/Products.png");
	}
	/*　サービス・技術　*/
	#menu-item-29 > a {
		background-image:url("image/ServiceTech.png");
	}
	/*　素材データベース　*/
	#menu-item-126 > a {
		background-image:url("image/Picta.png");
	}
	/*　求人情報　*/
	#menu-item-145 > a {
		background-image:url("image/Recruit.png");
	}
	/*　パートナー募集　*/
	#menu-item-149 > a {
		background-image:url("image/BusinessPartner.png");
	}
	/*　企業情報　*/
	#menu-item-136 > a {
		background-image:url("image/CompanyProfile.png");
	}
	/*　アクセス　*/
	#menu-item-127 > a {
		background-image:url("image/Access.png");
		border-right: solid 1px #9f9f9f;
	}
}

/* デバイスサイズの最小幅(1200px)。このサイズより大きい場合に適用 */
@media all and (min-width:1200px){
	/* アコーディオンメニュー関連 */
	ul.gMenu > li > a {
		width:160px;
		height:54px;
	}
	#menu-item-605 > a {
		background-image:url("image/Products_L.png");
	}
	#menu-item-29 > a {
		background-image:url("image/ServiceTech_L.png");
	}
	#menu-item-126 > a {
		background-image:url("image/Picta_L.png");
	}
	#menu-item-145 > a {
		background-image:url("image/Recruit_L.png");
	}
	#menu-item-149 > a {
		background-image:url("image/BusinessPartner_L.png");
	}
	#menu-item-136 > a {
		background-image:url("image/CompanyProfile_L.png");
	}
	#menu-item-127 > a {
		background-image:url("image/Access_L.png");
		border-right: solid 1px #9f9f9f;
	}
}

/* デバイスサイズの最大幅(991px)。このサイズより小さい場合に適用 */
@media all and (max-width:991px){
	/* 991px以下の時は、画面にスクロールバーを表示 */
	div #bodyInner {
		height:100%;
		overflow:scroll;
	}
	
	/* アコーディオンメニュー関連 */
	/* アコーディオンメニューが表示された際のサイトコンテンツの配置 */
	#wrap {
		margin-left:0px !important;
	}
	#wrap .siteHeader {
		left:0px !important;
	}
	/* メニュー背景色 */
	ul.gMenu > li > a,
	ul.gMenu > li > a:hover,
	ul.gMenu > li > a:active {
		background-color: #DDD;
	}
	/* 文字位置 */
	ul.gMenu > li > a {
		padding: 10px;
		margin: 0;
		border: 1px solid #ccc;
	}
	/* サブメニュー背景色（枠線含む） */
	ul.gMenu ul {
		background-color: #FFF;
		border: 1px solid #ccc;
	}
	/* メニューサイズ */
	#navSection {
		max-width:500px !important;
		min-width:220px !important;
		overflow-x:hidden !important;
		right:0px !important;
	}
	/* メニュー左端のボーダー削除 */	
	.navSection_open_right {
		border-left:none !important;
	}
	/* 文字サイズ */
	.gMenu_name {
		font-size:110% !important;
		font-weight:bold !important;
	}
	/* メニューへマウスオーバー時の文字色 */	
	ul.gMenu a:hover {
		color: #00cc99 !important;
	}
	/* メニュー上部の余白削除 */	
	.searchform {
		margin:0px !important;
		display:block !important;
	}
	/* アコーディオンメニュー表示ボタンの色 */
	.menuBtn.btn-default {
		border-color: #00cc99;
		color: #00cc99;
	}
	/* タイトル横のお問い合わせ画像を非表示 */
	#header_question img {
		display:none;
	}
	/* タイトル画像の位置 */
	.siteHeader_logo {
		position: absolute;
		top: 0%;
		left: 5%;
	}
	/* 検索バーと検索ボタンを非表示 */
	#s, #searchsubmit {
		display:none;
	}	
	.gMenu_outer {
		/*margin-top: 50px;*/
		margin-top: 10px;
	}
}

/*　デバイスサイズの最大幅(420px)。このサイズより小さい場合に適用　*/
@media all and (max-width:420px){
	/* タイトル画像 */
	/* タイトル画像を非表示にして、元の画像を表示 */
	.siteHeader_logo {
		background:none;
	}
	.siteHeader_logo img {
		visibility:visible;
		position: absolute;
		left: 5%;
	}
}



/***************************************************
トップページ
***************************************************/
/* コンテンツエリア */
.col-md-12 {
	padding-right:0px !important;
	padding-left:0px !important;
}



/***************************************************
VK_最新記事：新着情報ウィジェット
***************************************************/
/* 横幅指定と中央寄せ */
.widget_vkexunit_post_list, .sectionBox {
	width:992px !important;
	margin:0 auto;
}



/***************************************************
テキストウィジェット①
***************************************************/
/* 動く画像の移動 */
.simply-scroll-container {
	margin-left:-700px;
}
.carousel-inner {
	display:none;
}
.siteContent .container {
	width:100% !important;
	z-index:0 !important;
}
#pickupContentLink {
	border-right:1px solid #9f9f9f !important;
}
#pickupContentLink .pickupItem {
	border-left:1px solid #9f9f9f !important;
}
.pickupItem > h2 {
	border-top:none !important;
	border-bottom:none !important;
	background-color:#FFFFFF !important;
}
h2:first-child {
	margin-bottom:0px !important;
}



/***************************************************
ヘッダー
***************************************************/
/* テキストウィジェット②
----------------------------------------------------- */
.widget_text .tw02Body {
	width:992px !important;
	margin:0 auto;
}
.tw02Body > h3 {
	background-color:#f5f5f5;
	padding:14px 10px 10px;
	border-top:2px solid #00cc99;
	border-bottom:1px solid #e9e9e9;
	font-size:24px;
}
.tw02Body > h3::after {
	border-bottom:none;
}
.tcContent{
	width: 992px;
	margin: 0px;
	padding: 0px;
}
/* 画像 */
#tc_pic{
	width:240px;
	float: left;
	/*width:220px;*/
}
/* 文章 */
#tc_text{
	float: right;
	width: 100%;
	margin-left: -240px;
	padding-left: 240px;
	box-sizing:border-box;
}
/* 文章タイトル */
#tc_text h3 {
	font-size: 20px;
	border-bottom:none;
	color:#333333;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#tc_text h3::after {
	border-bottom:none;
}
/* 文章リンク */
#tc_text li {
	list-style:none;
	font-size: 16px;
}
#tc_text li:before{
    content: 'â–¸';
}

/* デバイスサイズの最大幅(991px)。このサイズより小さい場合に適用 */
@media all and (max-width:991px){
	#pickupContent {
		display:none;
	}
	/* テキストウィジェット①_流れる画像を非表示にしてスライドショーを表示 */
	#text-7 {
		display:none;
	}
	.carousel-inner {
		display:inline;
	}
	/* VK_最新記事：新着情報ウィジェット */
	.widget_vkexunit_post_list,
	.sectionBox {
		width:95% !important;
		margin:0 auto !important;
	}
	/* テキストウィジェット② */
	.widget_text .tw02Body{
		width:95% !important;
		margin:0 auto !important;
	}
	.widget_text .tcContent{
		width:100% !important;
		overflow:hidden;
	}
}

/* デバイスサイズの最大幅(420px)。このサイズより小さい場合に適用 */
@media all and (max-width:420px){
	/* テキストウィジェット② */
	#tc_text{
		float:none;
	}
	#tc_vriable{
		width:340px;
	}	
}


	
/***************************************************
固定ページ
***************************************************/
/* 固定ページ上部の隙間削除 */
.siteContent{
	padding: 1.5em 0 0 0;
}
/* パン屑リスト下のボーダー削除 */
.breadSection{
	border-bottom:none;
}
/* ソーシャルアイコンの削除 */
.veu_socialSet {
	display:none;
}
/* 描画順の変更 */
.breadSection {
	position:relative;
	z-index:10;
}
.siteContent {
	position:relative;
	z-index:20;
}
.siteFooter {
	position:relative;
	z-index:30;
}

@media all and (max-width:420px){
	/* チラシページのカレンダーサイズ */
	.gcalendar {
		width:350px !important;
		margin-right: 20px;
	}
}



/***************************************************
サイドバー共有
***************************************************/
/* サイドバー共有
----------------------------------------------------- */
/* 最近の投稿の表示位置変更   */
/* .widget media {float:right;}*/
.subSection .widget {
	text-align:right;
}
.localNav {
	display: block;
}
.localNav h1{
	font-size:14px;
	font-weight:bold;
	text-align:right;
	padding:0px;
	width:auto;
	border-bottom:1px solid #555;
	height:30px;
}
.localNav ul{
	width:auto;
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:right;
}
.localNav ul li{
	font-size: 14px;
	font-weight: normal;
	color:#00cc99;
	margin: 0px;
	text-align:right;
	line-height:150%;
	padding:0px;
	float:none;
	zoom:1;
}
.localNav a:link,
.localNav a:visited{
	/*color:#7f7f7f;*/
	color:#666666;
	text-decoration:none;
}
.localNav a:hover{
	/*color:#515151;*/
	color:#333333;
	text-decoration:underline;
}
.widget_link_list ul li a,
.widget_nav_menu ul li a,
.widget_archive ul li a,
.widget_categories ul li a,
.widget_pages ul li a,
.widget_recent_entries ul li a {
	border-bottom:none;
}

@media all and (max-width:991px){
	.subSection .widget {
		text-align:left;
	}
	.localNav {
		display: none;
	}
	.localNav h1{
		text-align:left;
	}
	.localNav ul{
		text-align:left;
	}
	.localNav ul li{
		text-align:left;
	}	
}



/***************************************************
ページ　副題
***************************************************/
#bcTitle{
	width: auto;
	margin: 0;
	padding: 0px;
}
#bcTitle h2{
	display:none;
}
#bcTitle img{
	width:auto;
	margin:0px 0px 20px 0px;
}



/***************************************************
PageTop ボタン
***************************************************/
.bodyPageTop{
	margin: 0px auto 20px auto;
	padding: 0px 10px 0px 10px;
	text-align:right;
}
.bodyPageTop p{
	font-size: 16px;
	background-image: url("image/pagetop_icon.png");
	background-repeat:no-repeat;
	background-position-x:right;
	background-position-y: 10px;
	margin: 0px;
	padding: 0px 14px 0px 14px;
	zoom: 1;
}
.bodyPageTop a:link,
.bodyPageTop a:visited{
	color:#666666;
	text-decoration:none;
}
.bodyPageTop a:hover{
	color:#333333;
	text-decoration:underline;
}

@media all and (max-width:991px){
	.bodyPageTop{
		text-align:left;
	}
	.bodyPageTop p{
		background-position-x:left;
	}
}



/***************************************************
投稿ページ
***************************************************/
/* 横幅指定 */
.siteContent {
	/*width:1170px !important;*/
	margin: 0 auto;
}
/* タイトルの色 */
.h1.entry-title::first-letter,
.single h1.entry-title::first-letter {
	color:#000 !important;
}
/* ページの余分な表示削除 */
.mainSection .veu_followSet,	/* 「Follow me!」削除 */
.mainSection .comments-area,	/* 「Follow me!」削除 */
.mainSection .pager,			/* 「pager」削除 */
.entry-meta_items,				/* カテゴリアイコンの削除 */
.entry-meta-dataList{			/* カテゴリの削除 */
	display:none;
}

/*
@media all and (max-width:420px){
	.entry-meta_items {
		display:none !important;
	}
}
*/



/***************************************************
ページ　副題
***************************************************/
#bcTitle{
	width: auto;
	margin: 0;
	padding: 0px;
}
#bcTitle h2{
	display:none;
}
#bcTitle img{
	width:auto;
	margin:0px 0px 20px 0px;
}



/***************************************************
お問合せ
***************************************************/
/* 横幅指定 */
.form-control {
    display: inline !important;
    width: auto !important;
    max-width: 100%;
    height: auto !important;
}



/***************************************************
フッター
***************************************************/
/* フッターの高さ */
.sectionBox {	
	padding-top:1em;
	padding-bottom:1em;
	font-size:16px;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}
/* フッター内のボーダー削除 */
footer .copySection {
	border-top:none;
}
#footer_item div {
	margin:0 auto;
}
#footer_item li,
#footer_item a {
	color: #333;
	font-size:14px;
	line-height:1em;
}
.fitem_02 {
	margin-top:25px;
}
/* リストのマーカーを三角にする :before とセットで利用 */
.fitem_02 li{
    margin-left: 1.8em;
    list-style-type: none;
}
.fitem_02 li:before{
    content: 'â–¸';
    margin-left: -1.8em;
}

/* デバイスサイズの最大幅(420px)。このサイズより小さい場合に適用 */
@media all and (max-width:420px){
	/* タイトル画像 */
	/* タイトル画像を非表示にして、元の画像を表示 */
	.siteHeader_logo {
		background:none;
	}
	.siteHeader_logo img {
		visibility:visible;
		position: absolute;
		left: 5%;
	}
}