/***********************************************************
 * Theme Name: ユニバーサルコンピューター 2024 (Lightning Custmize)
 * Template: lightning
 * Description: ユニバーサルコンピューター2024
 * Author: Universal Computer Co.,Ltd.
 * Version: 0.1
 *
 ***********************************************************/
/***********************************************************
 *
 * 基本スタイルの変更
 *
 ***********************************************************/
/*フッターエリアのカラー変更 */
body footer .footerMenu li a {
	border-left: 1px solid #CCCCCC;
	color: #333333;
}
body footer .footerMenu li:last-child a {
	border-right: 1px solid #CCCCCC;
}
body .siteFooter .footerMenu {
	background-color:#F9F9F9;
	border-bottom: 1px solid #CCCCCC;
}
body .siteFooter .footerMenu a{
	color: #333333;
}
body footer.section.siteFooter{
	background-color:#FFFFFF;
	color: #333333;
}

/* メインコンテンツのフォントサイズ */
body .mainSection {
	font-size:14px;
}

/* メインコンテンツの上下パディング */
body .siteContent {
	padding: 1.0em 0 1.5em;
}

/* フッターエリア上下調整 */
body .container.sectionBox {
	padding-top: 1.0em;
	padding-bottom: 1.0em;
}

body .container.sectionBox.copySection {
	padding-top: 0em;
}

/* メインコンテンツの見出し設定 */
body .mainSection h1 {
	font-size: 26px;
}
body .mainSection h2 {
	font-size:24px;
	padding: 0.4em 0.5em 0.4em;
}
body .mainSection h3 {
	background-color: #FCFCFC;
	margin-top: 1.3em;
	font-size: 20px;
	padding: 0.3em 0.5em;
	border-top:0px;
	border-top:1px dotted #337ab7;
	border-bottom:1px dotted #999999;
	border-left: 8px solid #337AB7;
}
body .mainSection h4 {
	margin-top: 1.3em;
	line-height: 1.3em;
	padding: 0.3em 0.5em;
	font-size: 16px;
	background-color: unset;
	border-bottom:1px dotted #999999;
	border-left: 4px solid #337AB7;
}
table.table-card h4 {
	margin-top: 0px;
}

body .mainSection h5 {
	margin-top: 1.3em;
	line-height: 1.3em;
	padding: 0.3em 0;
	font-size: 16px;
	background-color: unset;
	border-bottom:1px dashed #999999;
}
table.table-card h5 {
	margin-top: 0px;
}

/* ページヘッダの色変更 */
body .page-header .page-header_pageTitle{
	color: #FFFFFF;
	font-weight: bold;
}

/* リストの位置調整 */
body .mainSection dl,
body .mainSection ol,
body .mainSection ul{
	margin-top: unset;
	margin-bottom: unset;
}
body .mainSection li {
	font-size: 14px;
}

/* 3PRのコメントを左寄せに変更 */
body .prBlock .prBlock_summary {
	text-align: left;
}

body .prBlock .prBlock_image {
	width: 100%;
	border-radius: unset;
}

/* お知らせページのカテゴリフッタ非表示 */
.entry-footer {
	display: none;
}

/* お知らせページのページャーを非表示 */
ul.pager {
	display: none;
}

/***********************************************************
 *
 * サイドバーお問い合わせボックスの表示
 *
 ***********************************************************/
.askSide{
	display: block;
	position: relative;
	overflow: hidden;
	border: 3px solid rgba(0,0,0,.05);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
	padding: 12px 12px;
}

.askSide .commentSide {
	font-size: 14px;
	line-height:1.4em;
	margin-bottom: 5px;
}

.askSide .timeSide {
	font-size: 12px;
	line-height: 1.4em;
	margin-bottom: 10px;
}

.askSide .telSide{
	font-size:21px;
	font-weight:bold;
	color: #0066bf;
	line-height:1.2em;
	margin: 0px;
}

.askSide .askbtnSide{
	width: 100%;
	font-size:14px;
	line-height:2em;
	margin-top: 10px;
}

/***********************************************************
 *
 * サイドバーメニューの表示方法変更
 *
 ***********************************************************/
/* １段目 */
.sideSection .widget_archive ul>li a,
.sideSection .widget_categories ul>li a,
.sideSection .widget_link_list ul>li a,
.sideSection .widget_nav_menu ul>li a,
.sideSection .widget_pages ul>li a,
.sideSection .widget_recent_comments ul>li a,
.sideSection .widget_recent_entries ul>li a {
	padding-left: 36px;
}

.sideSection .widget_archive ul > li a::after,
.sideSection .widget_categories ul > li a::after,
.sideSection .widget_link_list ul > li a::after,
.sideSection .widget_nav_menu ul > li a::after,
.sideSection .widget_pages ul > li a::after,
.sideSection .widget_recent_comments ul > li a::after,
.sideSection .widget_recent_entries ul > li a::after {
	transform: translateY(-40%);
	font-size: 14px;
	font-family: fontAwesome;
	content: "\f152";
}
/* ２段目 */
.sideSection .widget_archive li li a,
.sideSection .widget_categories li li a,
.sideSection .widget_link_list li li a,
.sideSection .widget_nav_menu li li a,
.sideSection .widget_pages li li a,
.sideSection .widget_recent_comments li li a,
.sideSection .widget_recent_entries li li a {
	padding-left: 40px;
	font-size: 12px;
}

.sideSection .widget_archive li li a:after,
.sideSection .widget_categories li li a:after,
.sideSection .widget_link_list li li a:after,
.sideSection .widget_nav_menu li li a:after,
.sideSection .widget_pages li li a:after,
.sideSection .widget_recent_comments li li a:after,
.sideSection .widget_recent_entries li li a:after {
	left: 26px;
	font-size:12px;
	font-family: fontAwesome;
	content: "\f101";
}
/* ３段目 */
.sideSection .widget_archive li li li a,
.sideSection .widget_categories li li li a,
.sideSection .widget_link_list li li li a,
.sideSection .widget_nav_menu li li li a,
.sideSection .widget_pages li li li a,
.sideSection .widget_recent_comments li li li a,
.sideSection .widget_recent_entries li li li a {
	padding-left: 46px;
}

.sideSection .widget_archive li li li a:after,
.sideSection .widget_categories li li li a:after,
.sideSection .widget_link_list li li li a:after,
.sideSection .widget_nav_menu li li li a:after,
.sideSection .widget_pages li li li a:after,
.sideSection .widget_recent_comments li li li a:after,
.sideSection .widget_recent_entries li li li a:after {
	left: 36px;
}
/* ４段目 */
.sideSection .widget_archive li li li li a,
.sideSection .widget_categories li li li li a,
.sideSection .widget_link_list li li li li a,
.sideSection .widget_nav_menu li li li li a,
.sideSection .widget_pages li li li li a,
.sideSection .widget_recent_comments li li li li a,
.sideSection .widget_recent_entries li li li li a {
	padding-left: 50px;
}

.sideSection .widget_archive li li li li a:after,
.sideSection .widget_categories li li li li a:after,
.sideSection .widget_link_list li li li li a:after,
.sideSection .widget_nav_menu li li li li a:after,
.sideSection .widget_pages li li li li a:after,
.sideSection .widget_recent_comments li li li li a:after,
.sideSection .widget_recent_entries li li li li a:after {
	left: 40px;
}
/***********************************************************
 *
 * フッターサイトマップの表示
 *
 ***********************************************************/
#sitemap_list {
	padding: 0;
}

#sitemap_list >li {
	display:inline-block;
	width:16%;
	font-size: 14px;
	text-indent: 0;
	padding: 0;
	margin: 0px 0;
	list-style-type: none;
	vertical-align: top;
}

#sitemap_list >li a {
	color: #333;
	text-decoration: none;
	display: inline-block;
	padding-left: 0px;
	line-height: 1.4em;
}

#sitemap_list >li >a:before {
	margin-right: 5px;
	content: '\f152';
	color: #666;
	font-size: 14px;
	font-family: fontAwesome;
}

#sitemap_list ul.children {
	padding:0 0 0 14px;
}

#sitemap_list >li li {
	display:block;
	font-size: 12px;
	background: none;
	margin: 7px 0 0 0;
	padding: 0px 0 0 0px;
}

#sitemap_list >li li a {
	padding-left: 0px;
	line-height: normal;
	text-decoration: none;
	display: inline-block;
}

#sitemap_list >li li a:before {
	margin-right: 4px;
	content: '\f101';
	color: #666;
	font-size: 12px;
	font-family: fontAwesome;
}

/***********************************************************
 *
 * 表のカスタマイズ
 *
 ***********************************************************/
/* 表は左マージン15px */
body .mainSection table {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}
/* 1列目を改行なしにする */
body .mainSection table th.cell-nowrap,
body .mainSection table td.cell-nowrap
{
	white-space: nowrap;
}

/* セルのパディングを少なくする */
body .mainSection table tbody tr td,
body .mainSection table tbody tr th,
body .mainSection table td,
body .mainSection table th,
body .mainSection table thead tr td,
body .mainSection table thead tr th {
	padding: 0.8em;
	font-size: 14px;
}

/***********************************************************
 *
 * 2段組表示の際に囲むdivタグ用のスタイル
 * 2段組表示用table-cardクラスtableタグをこれで一気に囲むと
 * きれいに2段組になる
 *
 ***********************************************************/
div.BlockFull {
	clear: both;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
	width: 100%;
}

/***********************************************************
 *
 * 段組表示の際に使用するtalbeタグ用スタイル
 * ※1段分をtable-cardクラスのtableタグで作成する
 *
 ***********************************************************/
@media (min-width: 541px){
body .mainSection table.table-card {
	width: 48%;
}}

@media (min-width: 541px){
body .mainSection table.table-card.cols3 {
	width: 31.3%;
}}

@media (min-width: 541px){
body .mainSection table.table-card.cols32 {
	width: 64.5%;
}}

@media (min-width: 541px){
body .mainSection table.table-card.cols4 {
	width: 23%;
}}

@media (min-width: 541px){
body .mainSection table.table-card.cols5 {
	width: 18%;
}}

body .mainSection table.table-card {
	border: 0px;
	margin-left: 0px;
	margin-right: 2%;
}

body .mainSection table.table-card td{
	border: 0px;
	background-color: #FFFFFF;
	padding: 0;
	line-height: 1.8em;
	margin-bottom: 1.2em;
}


/***********************************************************
 *
 * リンクカードカスタマイズ
 * pzカードプラグイン用
 *
 ***********************************************************/
@media (min-width: 541px){
.linkcard{
	width:49.5%;
}}

.linkcard {
	margin-bottom:10px;
}

.lkc-internal-wrap{
	background-color: #FFFFFF;
	border: 3px solid rgba(0,0,0,.05);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
	padding: 12px;
}

.lkc-card, .lkc-content{
	margin: 0;
}

.lkc-thumbnail{
	margin: 0px 14px 0px 0px;
}

.lkc-title-text {
	display: block;
	font-size: 15px;
	line-height: 1.4em;
	margin-bottom: 10px;
	padding: 0 0 3px;
	border-bottom: 1px solid rgba(0,0,0,.1);
}

.lkc-excerpt{
	font-size: 14px;
	line-height: 1.5em;
}

/*******************************************************
 *
 * 商品紹介用のカード
 * div class="BlockProduct"で区切り、
 * キャッチコピー：pタグ
 * 商品画像：imgタグ
 * 概要箇条書き：ulタグ
 * で記載をする。画像は100pxの正方形になるので、それを
 * 考慮して用意する。
 *
 *******************************************************/
div.BlockProduct{
	display: block;
}

/* 商品画像 */
div.BlockProduct.imageLeft img {
	float:left;
}
div.BlockProduct.imageRight img {
	float:right;
}
div.BlockProduct img {
	width: 100px;
	outline: solid 1px #CCCCCC;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}

/* 商品キャッチコピー */
div.BlockProduct p {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom:1em;
}

/* 概要箇条書き */
div.BlockProduct ul {
	overflow: hidden;
	padding-left: 2.2em;
	padding-right: 1.2em;
}

div.BlockProduct ul>li {
	font-size: 12px;
	margin-bottom:0.3em;
}


/***********************************************************
 * 画像の枠
 * 枠をつけるとともに、レスポンシブ
 * デザインのためのサイズ調整を行う。
 * メインセクションの画像には必ず
 * 設定すること.。
 * また画像サイズは横幅344px以上とし
 * 最大サイズ設定すること
 ***********************************************************/
body .mainSection img.imgFrame{
	border: solid 3px #FFF;
	outline: solid 1px #CCC;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
	height:auto;
}

/***********************************************************
 *
 * 埋め込みGoogle Maps表示用]
 *
 ***********************************************************/
.ggmap {
	position: relative;
	margin: 20px 0px;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe,.ggmap object,.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/***********************************************************
 *
 * 当社からのお知らせのカスタマイズ
 *
 **********************************************************/
/* お知らせ一覧BOX */
.media {
	padding:1em 0;
}
/* タイトル */
.media .media-body .media-heading {
	font-size: 18px;
	margin-bottom:0.2em;
}
/* 日付・カテゴリ行 */
.entry-meta {
	margin-bottom:0.2em;
}

/***********************************************************
 *
 * Display Posts Shortcode
 *
 **********************************************************/
/* 新着情報一覧 */
ul.display-posts-listing,
ol.display-posts-listing
{
	margin-top: unset;
	margin-bottom: unset;
	padding: unset;
}

h2.display-posts-title{
	margin-bottom: 0px;
}

/* 新着情報１記事分 */
ul.display-posts-listing .listing-item,
ol.display-posts-listing .listing-item {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px dotted #666;
	line-height: 1.4em;
}
/* 日付 */
ul.display-posts-listing .listing-item .date,
ol.display-posts-listing .listing-item .date {
	color: #666;
	font-size: 12px;
	margin: 0 10px 0 0;
}
ol.display-posts-listing .listing-item .date {
	display: block;
	padding-bottom: 1px;
}
/* カテゴリ */
ul.display-posts-listing .listing-item .category-display a,
ol.display-posts-listing .listing-item .category-display a {
	font-size: 11px;
	margin-right: 3px;
	padding: 0px 5px;
	border-radius: 3px;
	background-color: #efefef;
	color: #464646;
	text-decoration: none;
}
/* 記事タイトル
   wrapper="ul"：記事のタイトルを無可能でそのまま表示
   wrapper="ul"：記事のタイトルを変更【「タイトル」の情報を更新しました】 */
ul.display-posts-listing .listing-item .title, 
ol.display-posts-listing .listing-item .title {
	display: block;
	clear: both;
	margin: 3px 0 0;
	color: #464646;
	text-decoration: none;
}
ol.display-posts-listing .listing-item .title:before {
	content: "「";
}
ol.display-posts-listing .listing-item .title:after {
	content: "」の情報を更新しました";
}

/***********************************************************
 *
 * 子ページインデックスのカスタマイズ
 *
 ***********************************************************/
.childPage_list_more {
	display: none;
}
.veu_childPage_list .childPage_list_body {
	margin-bottom: 0px;
}

@media(min-width:541px){
.veu_childPage_list .childPage_list_box {
	width: 49.5%;
}}

.veu_childPage_list .childPage_list_box {
	margin-bottom: 0.5em;
}

.veu_childPage_list .childPage_list_box_inner{
	border: 3px solid rgba(0,0,0,.05);
	padding: 0 12px;
}

.veu_childPage_list .childPage_list_box_inner h3 {
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 0 0 3px;
	margin: 12px 0px;
}
.veu_childPage_list .childPage_list_title {
    margin-top: 10px;
    color: #464646;
    font-size: 16px;
    line-height: 1.4;
}
.veu_childPage_list .wp-post-image{
	margin-bottom: 12px;
}

/***********************************************************
 *
 * お問い合わせボタンのカスタマイズ
 *
 ***********************************************************/
/* メインコンテンツ */
div#main .veu_contact a {
  margin-top: auto;
	margin-bottom: auto;
}
div#main .veu_contact .contact_txt_tel {
  font-size: 20px;
  line-height: 1em;
	color: #337AB7;
}
/* ヘッダ */
div.siteHeader_sub .contact_txt_tel  {
  line-height:1.1em;
	font-size: 23px;
}
div.siteHeader_sub .contact_txt_time  {
	font-size: 14px;
}



/***********************************************************
 *
 * グローバルメニューのカスタマイズ
 *
 ***********************************************************/
span.gMenu_description{
	color: #888888;
}
ul.gMenu > li.current-post-ancestor > a,
ul.gMenu > li.current-menu-parent >a,
ul.gMenu > li.current-menu-item > a,
ul.gMenu > li.current-menu-ancestor > a,
ul.gMenu > li.current_page_parent > a,
ul.gMenu > li.current_page_item > a,
ul.gMenu > li.current_page_ancestor > a,
ul.gMenu > li.current-page-ancestor > a,
ul.gMenu > li > a:hover {
	background-color: #337ab7;
	color: #FFFFFF
}
ul.gMenu > li:hover > a .gMenu_description,
ul.gMenu > li.current-post-ancestor > a .gMenu_description,
ul.gMenu > li.current-menu-parent > a .gMenu_description,
ul.gMenu > li.current-menu-item > a .gMenu_description,
ul.gMenu > li.current-menu-ancestor > a .gMenu_description,
ul.gMenu > li.current_page_parent > a .gMenu_description,
ul.gMenu > li.current_page_ancestor > a .gMenu_description,
ul.gMenu > li.current-page-ancestor > a .gMenu_description {
	color: unset;
}
ul.gMenu > li ul.sub-menu > li.current-menu-item > a,
ul.gMenu > li ul.sub-menu > li.current-page-ancestor > a,
ul.gMenu > li ul.sub-menu > li > a:hover {
	border-top: 1px solid #FFFFFF;
	background-color: #337ab7;
	color: #FFFFFF
}
h1.entry-title:first-letter, .single h1.entry-title:first-letter {
  color: unset;
}

/**********************************************************
 *
 * Call to Action (CTA)スタイルの設定
 *
 *********************************************************/
.veu_cta {
	clear: both;
	position: relative;
	display: block;
	overflow: hidden;
	background: #FFFFFF;
	border: 3px solid rgba(0,0,0,.05);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
	padding: 15px 15px;
	margin-top: 50px;
	margin-bottom: 30px;
}
.veu_cta .cta_title {
	display: block;
	overflow: hidden;
	margin: 5px 5px 10px 5px;
	padding: 0px 10px 10px 0px;
	background-color: #FFFFFF;
	color: #333;
	font-size: 20px;
	line-height: 1.2em;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.veu_cta .cta_body {
	padding: 5px 5px;
}
.veu_cta span.cta_tel{
	font-size: 24px;
	line-height: 1.2em;
	color: #337AB7;
}
.veu_cta .cta_body_link {
	margin-top: 15px;
}
/***********************************************************
 *
 * Contact Form 7スタイルの設定
 *
 *********************************************************/
div.wpcf7-mail-sent-ok {

	display: block;
	overflow: hidden;
	background: #FFFF;
	border: 5px solid rgba(0,0,0,.05);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
	padding: 15px 15px;
}