@charset "utf-8";
/*
Theme Name: lightning-pro-child
Theme URI:
Template: lightning-pro
Description:
Author: le-mina-rie with MarkleDesign
Tags:
Version: 0.1.2
*/
/**************************************************************************************************************
全ページ 共通 CSS
**************************************************************************************************************/
/**************************************
フォント指定
***************************************/
body,
p {
font-family :"游ゴシック", YuGothic,"ヒラギノ角ゴ ProN W3",
"Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,
"Helvetica Neue", Helvetica, Arial,
sans-serif !important;
font-weight:500 !important;
line-height: 1.5;
}
/************************************************************
ヘッダーの高さを変更 （100px → 80px）
*************************************************************/
div.section.page-header{
height:80px;
}
/******************************************************************
各ボタン（ヘッダーの採用エントリー、フォームの確認・送信ボタン）の枠線
*******************************************************************/
.btn-primary ,.page_top_btn{
background-color: #002f82;
border-color: #002f82;
}
/*************************************
スマホ・PCで表示 を切り替えるクラス
**************************************/
/*スマホでのみ表示する （only_pc クラスを非表示）*/
@media (max-width: 750px) {.only_pc {display:none}}
/*PCでのみ表示する （only_mb クラスを非表示）*/
@media (min-width: 751px) {.only_mb {display:none}}
@media only screen and (max-device-width: 750px) {
width: 100%;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
/*******************************************
トップメニュー 中央揃え
********************************************/
ul.gMenu li{
margin: 0 0 0 -1em !important;
padding-right: 0 !important;
font-size: 15px;
}
ul.gMenu li{
margin: 0 0 0 -1em !important;
padding-right: 0 !important;
font-size: 15px;
}
/* メニューの固定表示を解除
@media (min-width: 992px){
ul.gMenu>li.current-menu-ancestor>a:after,
ul.gMenu>li.current-menu-item>a:after,
ul.gMenu>li.current-menu-parent>a:after,
ul.gMenu>li.current-post-ancestor>a:after,
ul.gMenu>li.current_page_ancestor>a:after,
ul.gMenu>li.current_page_parent>a:after,
ul.gMenu>li>a:hover:after{
content:none;
}
}
*/
/************************************************************
フッターの余白調整 （サイト共通）
*********************************************************
.siteContent_after #pc_footer1,.siteContent_after #pc_footer2 {
margin-top:-6em;
}
.siteContent_after #mb_footer {
margin-top:-3em;
}*/
/************************************************************
【全ページで利用】 蛍光マーカー風css
********************************************************/
/* 黄色いマーカー */
.yellow-under{
background: linear-gradient(transparent 50%, yellow 50%);
}
/* ピンクのマーカー */
.pink-under{
background: linear-gradient(transparent 50%,#ffb6c1 50%);
}
/************************************************************
要素の隙間をゼロにするcss （マージン・パディング ０）
**********************************************************/
.m-p-0{
margin:0;
padding:0;
}
/********************************************************************************************
【全ページで利用】 画面幅いっぱい表示で背景色を入れる要素に使用 （divで指定・階層を変えて記述する）
横幅いっぱいに表示するクラス
*********************************************************************************************/
.full-cont {
width: 100%;
}
.full-width {
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
.mb_width{
margin-left: 1%;
margin-right: 1%;
}
/********************************************************************************
投稿文書の１文字目の文字色 (テーマの「投稿」で１文字目の文字の変色させない）
*********************************************************************************/
h1.entry-title:first-letter,
.single h1.entry-title:first-letter { color:inherit; }
/*******************************************
画像オンマウスで半透明化
********************************************/
.gazou:hover {
opacity: 0.7;
}
/*文字リンク色とホバー色*/
a{
/* color:#1e90ff; */
color:#002f82;
}
a:hover {
color:#0092f4;
}
/*******************************************************************************************
基本CSS 文字色・サイズ・配置・改行幅・文字ピッチ・段落間隔 等
********************************************************************************************/
/*左寄せ*/
.left{
text-align:left;
}
/*右寄せ*/
.right {
text-align:right;
}
/*センタリング*/
.center{
text-align:center;
}
/* 文字サイズ */
.fs-40{
font-size:40px;
}
.fs-36{
font-size:36px;
}
.fs-33{
font-size:33px;
}
.fs-28{
font-size:28px;
}
.fs-24{
font-size:24px;
}
.fs-22{
font-size:22px;
}
.fs-20{
font-size:20px;
}
.normal{
font-size:medium;
}
.fs-18{
font-size:18px;
}
.fs-15{
font-size:15px;
}
.fs-12{
font-size:12px;
}
.fs-10{
font-size:10px;
}
.bold{
font-weight:bold;
}
.x-bold{
font-weight:600;
}
.no-bold{
font-weight:normal;
}
/* 文字色 */
.black{
color:black;
}
.red{
color:red;
}
.blue{
color:#0071bc;
}
.d-blue{
color:#002f82!important;
}
.white{
color:white;
}
.gray{
color:gray;
}
.yellow{
color:#ffff00;
}
.orange{
color:#F7931E;
}
.green{
color:#009635;
}
.brown{
color:#BA9135;
}
/*改行幅 特大*/
.blank_space{
line-height:4em;
}
/*改行幅 大*/
.blank_line3{
line-height:3em;
}
/*改行幅 大*/
.blank_line2{
line-height:2em;
}
/*改行幅 やや大*/
.blank_line16{
line-height:1.6em!important;
}
/*改行幅 小*/
.blank_line1{
line-height:1em;
}
/*改行幅 極小*/
.blank_line03{
line-height:03em;
}
/* 文字ピッチを変える */
.c-pitch01 {
letter-spacing: 0.1em;
}
.c-pitch03 {
letter-spacing: 0.3em;
}
/*段落の間隔 (margin-bottom)*/
.mb-2{
margin-bottom: -2em;
}
.mb-1{
margin-bottom: -1em;
}
.mb0{
margin-bottom: 0em;
}
.mb07{
margin-bottom: 0.7em;
}
.mb1{
margin-bottom: 1em;
}
.mb1-5{
margin-bottom: 1.5em;
}
.mb2{
margin-bottom: 2em;
}
.mb3{
margin-bottom: 3em;
}
.mb5{
margin-bottom: 5em;
}
/*段落の間隔 (margin-top)*/
.mt05{
margin-top: 0.5em;
}
.mt1{
margin-top: 1em;
}
.mt15{
margin-top: 1.5em;
}
.mt2{
margin-top: 2em;
}
.mt5{
margin-top:5em;
}
.mt-5{
margin-top:-2em;
}
/*
.pt-5{
padding-top:-5em;
}
*/
.pt1{
padding-top: 1em;
}
.pt2{
padding-top: 1em;
}
/*書き出し位置 （マージンレフト ）*/
.ml4 {
margin-left:4em;
}
/*********************************************************************************************
コンテンツ幅 （マージンレフト 左右少し内側へ）
**********************************************************************************************/
.ml-15{
margin-left:15%;
margin-right:15%;
}
.ml-20{
margin-left:20%;
margin-right:20%;
}
.ml-5{
margin-left:5%;
margin-right:5%;
}
.ml-10{
margin-left:10%;
margin-right:10%;
}
/**************************************************************************************************************
企業情報ページ
**************************************************************************************************************/
/************************************************
会社 基本情報の表
************************************************/
.info_table {
display: table;
/* table-layout: fixed;*/
border: 1px solid #a9a9a9;
border-top: 0px;
border-left: 0px;
}
.info_table p{
line-height: 1.3em;
}
.info_tr {
display: table-row;
}
.info_th,
.info_td {
display: table-cell;
padding:1em 0.6em 0em;
/* padding-bottom:0;*/
}
.info_th {
/* width:20%;*/
width: 18em;
border: 1px solid #a9a9a9;
border-right: 0px;
border-bottom: 0px;
}
.info_td {
width: 100em;
/* max-width: 100%;*/
/* background: #fff;*/
border: 1px solid #a9a9a9;
border-right: 0px;
border-bottom: 0px;
}
/*会社概要の表の頭出し （マージンレフト ）*/
.tab {
position: absolute;left: 15em;
margin:0;
padding:0;
}
.overview2{
position: relative;
}
.tab1 {
position: absolute;left: 5em;
margin:0;
padding:0 1px 0 1px;
}
.tab2 {
position: absolute;left: 18em;
margin:0;
padding:0 1px 0 1px;
}
.tab3 {
position: absolute;left: 26em;
margin:0;
padding:0 1px 0 1px;
}
.overview hr,.overview2 hr{
margin-top: 0.5em;
margin-bottom: 0.5em;
background-color: black;
}
hr.tb{
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: 5em;
background-color: black;
}
.tab_mb {
margin-left: 2em;
margin:0;
padding:0 1px 0 1px;
}
.tab_mb2 {
position: absolute;left:12em;
margin:0;
padding:0 1px 0 1px;
}
.f-right{
float: right;
}
.clear{
clear:both;
}
hr.tb-mb{
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: 8em;
background-color: black;
}
/*箇条書きインデント ul li なし １行分指定などに使用*/
.indent{
padding-left: 1em;
text-indent:-1em;
line-height:1em;
}
/************************************************************
四角い枠内に文字を記入
**********************************************************/
.common-box{
padding: 0.5em 1em;
margin: 0 0 2em 0;
background-color : white ;
border: solid 1px #a9a9a9;
/* border-left: double 7px #fff462;左線*/
/* border-right: double 7px #fff462;/*右線*/
}
.common-box p {
margin: 0;
padding: 0.8em;
font-size:0.9em;
line-height: 1.6em;
}
/*四角に入った文字 背景色指定（白）*/
.policy-box{
padding: 0.5em 2em;
margin: 0 0 2em 0;
background-color : white ;
}
.policy-box p{
padding:2em;
}
/**************************************************************************************************************
施工実績ページ
**************************************************************************************************************/
#construction hr{
height: 1px;
border: none;
border-top: 1px #000000 solid;
}
#construction-mb hr{
height: 1px;
border: none;
border-top: 1px #000000 solid;
margin:-0.1em 0 0.4em;
}
.img-flex {
display: flex;
align-items: flex-start;/*子要素を上部で揃える指定*
height: 150px;*/
}
/*
.img-item {
width: 710px;
}
.img-head{
margin:-4.2em 0.3em 0.3em 0.3em;
}
/**************************************************************************************************************
施設案内、工場案内 ページ
**************************************************************************************************************/
/************************************************
施設・ 工場 写真 番号のcss
************************************************/
/*施設*/
.fcl-no {
display: inline-block;
width:30px;
padding:0 3px;
margin-bottom:5px;
background: red;
color: white;
font-size: 23px;
/* font-weight:bold;*/
vertical-align: center;
/* position: relative;*/
}
/*工場*/
.fac-no {
display: inline-block;
width:30px;
height:30px;
padding:0 3px;
margin-bottom:10px;
background: #920783;
color: white;
/* font-size: 23px;
font-weight:bold;
vertical-align: middle;*/
vertical-align: center;
}
/*工場 画像上の番号 二桁対応*/
.fac-bg{
background: #920783;
color: white;
margin:0 3px;
}
/*画像上に余白*/
.img-mt{
margin-top:10px;
}
/* スマホ 画像の余白*/
.mb-img{
margin:0.3em;
}
/************************************************************************************
採用情報ページ
/************************************************************************************/
/*h４ サブタイトル*/
#recruit h4{
/*display:inline-block;*/
margin-bottom:-0.4em;
padding-bottom:0.2em;
}
/************************************************************************************
フォーム
/************************************************************************************/
/*フォーム 必須
.must {
padding:1px;
background: #FF1A00;
color: white;
font-size: 65%;
vertical-align: top;
position: relative;
top: -0.1em;
border-radius: 3px;
}
/*フォーム 必須 の文字高さを合わせる
p span {
vertical-align: baseline;
}*/
/*フォーム フィールド幅 */
.field{
display: block;
width: 24em;
}
/*フォーム 段落間隔*/
.space{
line-height:2em;
}
/*フォーム注意書き クレパス線*/
.crepas-line{
background: linear-gradient(white, #ffb6c1);
}
/*********************************************************
/* フォーム で パンくず と フッター 非表示 */
/**********************************************************/
.page-id-30 footer .sectionBox,.page-id-32 footer .sectionBox,.page-id-34 footer .sectionBox,.page-id-575 footer .sectionBox,.page-id-577 footer .sectionBox,.page-id-578 footer .sectionBox {
display:none !important;
}
.page-id-30>.breadSection,.page-id-32>.breadSection,.page-id-34>.breadSection,.page-id-575>.breadSection,.page-id-577>.breadSection,.page-id-578>.breadSection {
display:none !important;
}
/*メニュー のみ非表示*/
.page-id-30 .gMenu li,.page-id-32 .gMenu li, .page-id-34 .gMenu li, .page-id-575 .gMenu li, .page-id-577 .gMenu li, .page-id-578 .gMenu li {
display:none !important;
}
/*ヘッダー メニュー とも非表示
.page-id-30 header.siteHeader, .page-id-32 header.siteHeader, .page-id-34 header.siteHeader, .page-id-575 header.siteHeader, .page-id-577 header.siteHeader, .page-id-578 header.siteHeader {
visibility:hidden !important;
}*/
/*モバイル フッター固定ナビ 非表示*/
.page-id-30 nav,.page-id-32 nav,.page-id-34 nav,.page-id-575 nav,.page-id-577 nav,.page-id-578 nav{
display:none
}