@charset "utf-8";
/*
Theme Name: lightning-child
Theme URI:
Template: lightning
Description:
Author: silbet with MarkleDesign
Tags:
Version: 0.1.2
*/
/**************************************
WEBフォント指定
*************************************/
/* ウェブフォントの読み込み*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600&display=swap');
*{
font-family: 'Noto Sans JP', sans-serif;
}
.postList_terms .postList_meta_items {
color:black!important;
}
/************************************************
ヘッダーロゴの位置 （右側「お問い合わせ」と高さをあわせる
*************************************************/
@media(min-width:767px){ .site-header-container .site-header-logo {
margin-top:1em;
margin-bottom:0 !important;
}}
@media(min-width:767px){.site-header-sub{
margin-bottom:0 !important;
padding-bottom:0 !important;
}}
/**********************************************************
グローバルメニュー CSS
***********************************************************/
@media (min-width: 767px) {.global-nav-name{
/*color:#696969 !important;*/
color:black;
font-weight:normal;
}}
@media (min-width: 767px) {.sub-menu {
/*background-color:#f2f2f2 !important;*/
background-color:#c0c0c0 !important;
}}*
@media (min-width: 767px) {.global-nav-list li a{
color:#696969 !important;
}}
/*****グローバルメニューのホバー時の色を変更******/
.sub-menu :hover{
background-color:#a9a9a9 !important;
color:black !important;
}
.global-nav-list li a:hover {
/* color:#00a33b !important;*/
color:white !important;
}
/**************************************
コピーライト非表示、明朝指定、フロート
***************************************
/*コピーライト 非表示 */
.site-footer-copyright p:nth-child(2) {
display: none;
}
/*明朝体*/
.mincho {font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif !important;}
/*フロートライト*/
.float-r{
float: right;
}
/*フロートレフト*/
.float-l{
float: left;
}
/*フロート クリア*/
.cb{
clear:both;
}
/**************************************
Hタグの装飾を変更
**************************************/
/*.entry-title--post-type--page, h2 {*/
h2 {
padding: 0.5em 0;
/* border-top: 2px solid var(--vk-color-primary);*/
border-top: none;
border-bottom: none;
margin-bottom: 1em !important;
}
.site-footer-title, h3 {
position: static;
border-bottom:none;
background: 0 0;
padding: 0 0 0.5em;
}
.title_font{
font-weight:200 !important;
font-size:1.3em;
}
/************************************************************
画面幅、 コンテンツ幅、背景色
**********************************************************/
/*画面横幅いっぱい */
.full-width {
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
/*コンテンツ行の幅 セルフチェック 大
.content-w{
margin-left:5%;
margin-right:5%;
}*/
/*コンテンツ行の幅 大*/
.content-width{
margin-left:10%;
margin-right:10%;
}
/*コンテンツ行の幅 中*/
.content-width-m{
margin-left:20%;
margin-right:20%;
}
/*スマホ・タブレットで表示する際の列幅*/
@media (max-width: 767px) {.content-width-mb{
margin-left:5%;
margin-right:5%;
}}
/*コンテンツ行の幅 中 一部スマホのみ*/
@media (max-width: 767px) {.content-width-mb-m{
margin-left:25%!important;
margin-right:25%!important;
}}
/*コンテンツ行の幅 中 スマホ 「ご挨拶」と「税理士紹介ブロック」のみ*/
@media (max-width: 767px) {.content-width-greet{
margin-left:10%!important;
margin-right:10%!important;
}}
/*背景色*/
.bg-cream{
background-color:#fffceb;
}
.bg-yellow{
background-color:#ffe100;
}
.bg-gray{
background-color:#fafafa;
}
.bg-white{
background-color:#ffffff;
}
/*リンク色*/
a:link {
color: #000;
text-decoration: none;
font-weight:normal;
}
a:hover{
color:#ffe100 !important;
font-weight:bold;
}
a:visited {
color: inherit;
text-decoration: none;
}
/***********************************************************************************
下層ページ（固定ページ ） 共通 CSS ・タイトル非表示、サブタイトル等
*********************************************************************************/
/*各固定ページのタイトルの高さ調節*/
.page-header{
background-color:#ffe100;
padding-top:0 !important;
padding-bottom:0 !important;
/*height:0px !important;*/
min-height: 4rem;
}
/*各固定ページのタイトルの文字サイズ*/
.page-header-inner, .page-header-title{
/* display:none !impor;
color:#ffe100;*/
font-size:15px !important;
font-weight:normal;
}
/*サブタイトル*/
@media (min-width: 768px) {.sub-title{
text-align:center;
font-size:23px;
font-weight:bold;
letter-spacing:0.1em;
margin:1em 0 2em;
text-decoration:underline !important;
text-decoration-color: #ffe100 !important;
/* text-underline-position:15px !important;*/
text-underline-offset:5px !important;
}}
@media (max-width: 767px) {.sub-title{
text-align:center;
font-size:18px;
font-weight:bold;
/* letter-spacing:0.1em;*/
margin:1em 0 2em;
text-decoration:underline !important;
text-decoration-color: #ffe100 !important;
/* text-underline-position:15px !important;*/
text-underline-offset:5px !important;
}}
/***********************************************************************************
各ページで利用するクラス スマホ／PC 、 センタリング・右寄せ・左寄せ 、文字サイズ、 文字色
*********************************************************************************/
/*スマホ・タブレットで表示する*/
@media (max-width: 767px) {.only_pc {display:none}} /*スマホでのみ表示する （only_pc クラスを非表示）*/
/*PCで表示する*/
@media (min-width: 768px) {.only_mb {display:none}} /*PCでのみ表示する （only_mb クラスを非表示）*/
/*画像オンマウスで半透明化*/
.gazou:hover {
opacity: 0.7;
}
/*左寄せ*/
.left{
text-align:left;
}
/*右寄せ*/
.right {
text-align:right;
}
/*センタリング*/
.center{
text-align:center;
}
/* 文字色 */
.black{
color:black;
}
.red{
color:#c30d23;
}
.blue{
color:#009fe8;
}
.deep-gray{
color:gray;
}
.gray{
color:#808080;
}
/* 文字サイズ */
.xl{
font-size:50px;
}
.ll{
font-size:40px;
}
.l{
font-size:30px;
}
.m{
font-size:22px;
}
.n{
font-size:18px;
}
.s{
font-size:15px;
}
/****************************************************************************
シルベラボ ヘッダー右 お問い合わせボタン、各ページのリンクボタン
ヘッダー右ウィジェットの作成と表示は、functions.php で設定済
***************************************************************************/
a.header-banner, .header-banner{
justify-content: center;
align-items: center;
width: 100%;
display:inline-block;
position: relative;
/* background: #fff;*/
border-radius: 30px;
box-sizing: border-box;
padding: 10px 45px 10px 45px;
font-size: 16px;
letter-spacing: 0.1em;
line-height: 1.3;
text-decoration: none;
/* transition-duration: 0.3s;
font-weight:bold;*/
/* margin-bottom:2.5em;*/
opacity:1!important;
}
.header-banner{
font-size:18px;
}
/* お問合せ、 代表あいさつ、詳しく見る 共通ボタン*/
a.yellow-b ,.yellow-b{
border: 1px solid #ffe100;
background: #ffe100;
color:black !important;
opacity:1!important;
}
a.yellow-b:hover {
background: #fff ;
color:#ffe100 !important;
}
/*３つのサービスの「詳しく見る」の透明化を回避*/
.outside{
margin-top:-7em;
}
/******************************************************************************************************************
トップページ
******************************************************************************************************************/
/* トップブロックのタイトル文字サイズ (1行目）*/
h2.top{
font-size:16px !important;
font-weight:normal !important;
}
/************************************************************
シルベラボの 3つのサービス BOX （共通）
*************************************************************/
/*タイトル枠付きBOX 外枠 文字部分の半透明化*/
.transparent{
opacity: 0.8;
background: #ffffff;
margin-top:-2.15em;
border-radius: 0 0 10px 10px;
}
/*タイトル枠付きBOX 外枠*/
.box-belt {
margin: 2em 0;
/* background: #ffffff;
/* opacity: 0.8; */
border-radius: 10px;
}
.box-belt .box-title {
font-size: 1.5em;
padding: 10px;
text-align: center;
color: #000;
border-radius: 10px 10px 0 0;
font-weight: normal;
/* margin-bottom:1.8em; 上記 font-size を、1.2em → 1.5em に変更したため*/
margin-bottom:1.4em
}
.box-belt p {
padding: 15px 20px;
margin-bottom: -1em;
}
.box-belt p img{
vertical-align: middle;
margin-left:0.5em;
}
/*タイトル枠付きBOX 色*/
.box-belt .yellow{
background: #ffe100;
}
.opaque{
background: #ffd000;
border: 1px solid #ffe100;
color:black !important;
}
.box-belt .blue{
background: #48d2ff;
}
.box-belt .pink{
background: #ffadcc ; /*#fe7fe3;*/
}
.box-belt .green{
background: #60cf63;
}
/**************************************
シルベラボの 3つのサービス BOX 背景画像
******************************************/
/*出願・権利化 背景画*/
@media(min-width:992px){.prosecution-img{
background-image: url(https://silbet-ip.jp/en/wp-content/uploads/2025/10/service-1-c_en-scaled.jpg);
background-repeat: no-repeat;
background-size: cover;
}}
@media(max-width:991px){.prosecution-img{
background-image: url(https://silbet-ip.jp/en/wp-content/uploads/2025/10/service-1-c_en-scaled.jpg);
background-repeat: no-repeat;
background-size: cover;
}}
/*地位的財産支援 背景画*/
@media(min-width:992px){.support-img{
background-image: url(https://silbet-ip.jp/en/wp-content/uploads/2025/10/service-2-c_en-scaled.jpg);
background-repeat: no-repeat;
background-size: cover;
}}
@media(max-width:991px){.support-img{
background-image: url(https://silbet-ip.jp/en/wp-content/uploads/2025/10/service-2-c_en-scaled.jpg);
background-repeat: no-repeat;
background-size: cover;
}}
/*商標システム支援 背景画*/
@media(min-width:992px){.system-img{
background-image: url(https://silbet-ip.jp/en/wp-content/uploads/2025/10/service-3-c_en-scaled.jpg);
background-repeat: no-repeat;
background-size: cover;
}}
@media(max-width:991px){.system-img{
background-image: url(https://silbet-ip.jp/en/wp-content/uploads/2025/10/service-3-c_en-scaled.jpg);
background-repeat: no-repeat;
background-size: cover;
}}
/*アクセス 道のり の文字サイズ*/
.access-text{
font-size:14px;
}
/*アクセスマップの左余白 PCのみ*/
@media (min-width: 768px){.access-map{
margin-left : 1.5em;
}}
/*お問い合わせ ブロック tel と お問い合わせ ボタンの間隔*/
@media(min-width:991px){.contact-1{
text-align:right !important ;
}}
@media(min-width:991px){.contact-2{
text-align:left;
}}
/******************************************************************************************************************
シルベラボとは ページ
******************************************************************************************************************/
/*代表あいさつの本文 文末揃え*/
p.just{
text-align: justify;
}
/*ロゴに込めた思い */
#logo h3{
font-size:17px;
font-weight:normal;
}
/*会社概要の表*/
.overview-table{
/*border-collapse: collapse; */
margin-bottom:3.5em;
}
.overview-table th{
background-color:#ffe100;
border:solid 1px #d3d3d3;
border-width: 1px 0px;
width:25%;
padding:0.5em;
vertical-align:center;
text-align:center;
font-weight:normal;
}
.overview-table td{
word-break : break-all;
border:solid 1px #d3d3d3;
border-width: 1px 0px;
width:75% !important;
padding:1em;
line-height:1.6em;
}
/*英語版 スタッフ人数*/
.members{
margin-left:35%;
}
/******************************************************************************************************************
理念 ページ
******************************************************************************************************************/
/*パーパス ｈ３*/
.page-id-2768 h3{
font-size:22px;
font-weight:normal;
}
/*スマホでの画像サイズ*/
@media (max-width: 767px) {#logo img, #mission img{
width:75%;
}}
@media (max-width: 767px) {#purpose img{
width:80%;
}}
@media (max-width: 767px) { #value img{
width:100%;
}}
/******************************************************************************************************************
プライバシーポリシー ページ
******************************************************************************************************************/
#policy h2{
margin-bottom:0 !important;
padding-bottom: 0 !important;
}
#policy ul li{
padding-left: 0.5em;
text-indent: -0.5em;
}
h2.poolicy{
font-size:18px;
}
/************************************************************
投稿文書
**********************************************************/
/*投稿文書のメタアイテムの非表示設定*/
.breadcrumb .fa-home,/*パンくずリストのアイコン*/
.entry-meta .fa-calendar-alt, /*作成日のカレンダーアイコン*/
.entry-meta .entry-meta-item-updated, /*更新日*/
.entry-meta .entry-meta-item-updated, /*作成日*/
.entry-meta .published, /*作成者*/
.entry-meta .entry-meta-item-author-image, /*作成者アイコン*/
.next-prev,/*前後の記事へのリンク*/
.comments-area/*コメントエリア*/
{
display:none;
}
/* 上部余白をあける */
#breadcrumb{
margin-top:1.3em;
}
header.entry-header{
margin-top:1.3em;
}
/*投稿分署 固定ページ のタイトル文字サイズを変更*/
@media (min-width: 751px){
h1.entry-title {
font-size:1.7em;
font-weight:400;
}}
@media (max-width: 750px){
h1.entry-title {
font-size:1.5em;
font-weight:400;
}}
/*リストフィールドのタイトル*/
.list-head{
font-size:20px;
margin:0.4em 0 0;
}
/************************************************************
News 一覧ページ
（/category/news/ 、お知らせ一覧 等）
**********************************************************/
/*最後のリストと フッターエリアとの間隔*/
.wp-show-posts{
margin-bottom:2em;
}
/* 画像を入れた場合 */
.vk_post.media{
margin-bottom:1.5em !important;
margin-top:-1.5em !important;
}
/*続きを読む のボタンの色*/
.vk_post_btn{
/* background-color:#ffe100 !important;
border-color: #ffe100 !important;
color:#5c5b59 !important;*/
background-color: #ffe100 !important;
color:#000 !important;
border-style: solid; border-color:#ffe100;
border-width:1px !important;
}
.vk_post_btn:hover,
.vk_post_btn:hover{
/* color: #ffe100 !important;
background-color: white !important;
border-color: #ffe100 !important;*/
background-color:#fff !important;
color:#ffe100 !important;
border-style: solid;
border-color: #ffe100 !important;
border-width:1px !important;
}
/*一覧表示時に見える本文の文字サイズを変更*/
.pt-cv-content, .pt-cv-content * {
font-weight: 200;
font-size:0.9em;
margin-top :0.8em;
}
/*一覧表示時の各情報ページの間隔を変更*/
.pt-cv-meta-fields{
margin-top:2em;
}
/*「新着」を消す*/
.vk_post_title_new {
display:none;
}
.ultp-block-author{
margin:0 0.3em;
padding:0 0.3em;
}
/******************************************************************************************************************
フフッター
******************************************************************************************************************/
/*フッター 社名・住所 文字サイズ*/
@media (max-width: 767px) {.c-name{
margin-left:0.3em;
font-size:17px;
color:black;
}}
@media (min-width: 768px) {.c-name{
margin-left:0.3em;
font-size:19px;
color:black;
}}
.c-tel , a.c-tel{
font-size:15px !important;
color:black !important;
}
a.c-tel:hover{
color:#ffe100 !important;
font-weight:bold;
}
/*フッター下部を非表示*
.site-footer{
display:none !important;
}
/*スマホのフッターロゴの位置とサイズ*/
@media(max-width: 767px) {.logo-footer{
margin :0 3em !important;
/* width:80%;*/
text-align:center;
}}
@media(max-width: 767px) {.logo-footer img{
width:60%;
}}
/*@media(min-width: 768px) {.site-footer-copyright{
margin-top:-5em !important;
padding-top:-5 !important;
}}
@media(max-width: 767px) {.site-footer-copyright{
margin-top:-4em !important;
margin-bottom:-1em !important;
}}*/
@media(min-width: 768px) {.site-footer-copyright{
margin-top:-2.5em !important;
padding-top:-2.5 !important;
}}
@media(max-width: 767px) {.site-footer-copyright{
margin-top:-1em !important;
margin-bottom:-1em !important;
}}
/*フッター(グレー部分）左右余白調整*/
.site-body-bottom{
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
/* margin-top:-1em;*/
padding-top:3em;
margin-bottom:0 !important;
padding-bottom:0 !important;
/* padding-bottom:3em;*/
z-index: 9999 !important;
background-color:#f7f7f5;
}
@media(max-width: 767px) {.site-body-bottom{
margin-bottom:0 !important;
padding-bottom:0 !important;
}}
/* コピーライトと、その下の余白の調節*/
.site-footer-content{
height:3em !important;
margin-bottom: 0 !important;
}
/* margin-top と padding-top は、各ページでの上余白も" 0 " にしている*/
.site-body{
margin-top:0 !important;
padding-top:0 !important;
margin-bottom: 0 !important;
padding-bottom:0 !important;
}
/*グレー部分とコピーライトの間のマージンとパディングをゼロに*/
.wp-block-columns{
margin-bottom:0 !important;
padding-bottom:0 !important;
}
/****************************************************************************************************** */
/* フォーム （一般的なCSS） cssのみ一応作成 */
/****************************************************************************************************** */
/* お問い合わせ、確認画面 メニューとフッター 表示*/
.page-id-2814 .site-body-bottom ,.page-id-2814 .site-header-sub, .page-id-2814 #global-nav,.page-id-2830 .site-body-bottom ,.page-id-2830 .site-header-sub, .page-id-2830 #global-nav{
display:none;
}
.page-id-2814 .site-header-container .site-header-logo ,.page-id-2830 .site-header-container .site-header-logo {
margin-bottom:1em!important;
}
/*フォーム 必須 */
.must {
padding:1px;
background: #FF1A00;
color: white;
font-size: 65%;
vertical-align: top;
position: relative;
top: -0.1em;
border-radius: 3px;
}
/* 問い合わせ種別フィールド（チェックボックス）の項目内折返し防止 */
label {display:inline-block;}
/* 問い合わせ種別フィールド（チェックボックス）の頭揃え(原因不明：１項目めの桁ズレ調整)*/
#type-1{
margin-left:14px !important;
}
.under{
/* text-decoration:underline!important;
text-decoration-color: #ffe100!important;*/
color:red !important;
}
/*tel をスマホで１行で表示*/
.form-tel{
margin-left:0;
margin-right:-10%;
}
/*button*/
/*送信ボタン */
.button {
background-color: #ffe100 !important;
color:#000 !important;
border-style: solid;
border-color:#ffe100!important;
border-width:2px !important;
}
.button:hover {
background-color:#fff !important;
color:#ffe100 !important;
border-style: solid;
border-color: #ffe100!important;
border-width:2px !important;
}
/**************************************
フロートバナー（PC)
**************************************/
/* フローティングバナーのラップ要素 */
#fixed_right_banner{
position: fixed;
top: 220px;
right: -5px ;
z-index: 9999;
}
/* 画像の共通設定 */
#fixed_right_banner > * {
width: 55px;
}
/* 2個目以降の画像の上部に余白を作る */
#fixed_right_banner > * ~ * { margin-top: -3px; }
/* リンク要素 */
#fixed_right_banner > a {
display: block; /* ブロック要素に変更 */
}
/*************************************************
モバイルフッターバナー (モバイル)
***************************************************/
/*フロートバナーでのみ利用 スマホ・タブレットで表示する*/
@media (max-width: 599px) {.only_tablet {display:none}} /*スマホでのみ表示する （only_tablet クラスを非表示）*/
/*PCで表示する*/
@media (min-width: 600px) {.only_sp {display:none}} /*PCでのみ表示する （only_sp クラスを非表示）*/
.wrap{
display: block;
position: fixed;
left: 0px;
right: 0px;
bottom: -3px;
/* height:75px;*/
z-index: 9999;
}
.inner-tel{
float: left;
width: 13%;
margin-left : 10;
}
.inner-1{
float: left;
width: 50%;
margin-left : 0;
}
.inner-2{
float: left;
width: 50%;
margin-left : 0;
}
.contact-mail{
width: 100%;
margin-left : 0;
}
.su-spacer{
border:none !inportant;
}