シルベサイト CSS

@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 P明朝", "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;
}
/*太文字*/
.bold{
	font-weight:bold;
}
/* 文字サイズ */
.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;
}
/*3つのサービスの「詳しく見る」の透明化を回避*/
.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(/wp-content/uploads/2023/10/service-1-c-scaled.jpg);
	background-repeat:  no-repeat;
	background-size: cover;
	}}
@media(max-width:991px){.prosecution-img{
	background-image: url(/wp-content/uploads/2023/10/service-1-c-scaled.jpg);
	background-repeat:  no-repeat;
	background-size: cover;
	}}
/*地位的財産支援 背景画*/
@media(min-width:992px){.support-img{
	background-image: url(/wp-content/uploads/2023/10/service-2-c-scaled.jpg);
	background-repeat:  no-repeat;
	background-size: cover;
	}}
@media(max-width:991px){.support-img{
	background-image: url(/wp-content/uploads/2023/10/service-2-c-scaled.jpg);
	background-repeat:  no-repeat;
	background-size: cover;
	}}
/*商標システム支援 背景画*/
@media(min-width:992px){.system-img{
	background-image: url(/wp-content/uploads/2023/10/service-3-c-scaled.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	}}
@media(max-width:991px){.system-img{
	background-image: url(/wp-content/uploads/2023/10/service-3-c-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;
}

/******************************************************************************************************************
                             理念  ページ
******************************************************************************************************************/
/*パーパス h3*/
.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%;
	}}


/******************************************************************************************************************
                   サービス  ページ
******************************************************************************************************************/
.blue-line{
	background-color:#badcf4;
	text-align:center;
	padding :0.3em;
	font-size:1.2em;
	margin-bottom:1.5em;
	border-radius:10px;
}
.pink-line{
	background-color:#f8d1dc;
	text-align:center;
	padding :0.3em;
	font-size:1.2em;
	margin-bottom:1.5em;
	border-radius:10px;
	}
.green-line{
	background-color:#c9e4cc;
	text-align:center;
	padding :0.3em;
	font-size:1.2em;
	margin-bottom:1.5em;
	border-radius:10px;
}

/*****************************************
 商業権利化 扉ページ
*****************************************/
.page-id-3409 .page-header{
	display:none !important;
}

.title-line{
	display:inline-block;
	background-color:#fff;
	margin:1.7em;
	text-align:center;
	padding :0.3em 3em;
	font-size:1.5em;
	border-radius: 10px;
}
@media(max-width:767px){.title-line{
	padding :0.3em 1.7em;
	font-size:17px;
	}}

/******************************************************************************************************************
                   商標・意匠・特許 共通の表 CSS
******************************************************************************************************************/
.service-table{
	/*border-collapse: collapse; */
	margin-bottom:1em;
}
.service-table th{ 
	background-color:#ffe100;
	border:solid 1px #d3d3d3;
	border-width: 1px 0px;
	width:20%;
	vertical-align:center;
	text-align:left;
	padding:0.5em 0 0.5em 2em;
	font-weight:bold;
	font-size:16px;
}
@media (max-width: 767px) {
	.service-table th{
		width:35%;
		text-align:left;
		padding:0.5em;
		font-size:13px;
		}
}

.service-table td{
	word-break : break-all;
	border:solid 1px #d3d3d3;
	border-width: 1px 0px;
	width:80% !important;
	padding:1em 0.5em;
	line-height:1.6em;
}
@media (max-width: 767px) {
	.service-table td{
		width:65%;
		}
}

/******************************************************************************************************************
                   商標  ページ
******************************************************************************************************************/
/*目次*/
.index-width{
	margin-right:27%;
	margin-left:27%;
}
/*.index-width .su-spoiler-title{
	text-align:center;
}*/

.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: solid 2px #d3d3d3;
	font-size:14px;
}
.content-width-type{
	margin-left:13%;
	margin-right:13%;
}
#merit ul li {
	list-style-type: none;
	padding-left: 1em;
	text-indent: -1.5em;
	line-height:1.5em;
	margin-bottom:1em;
}
#type .img-text{
	margin-left:-0.8em !important;
	margin-right:-0.8em !important;
	text-align:justify;
	
}
#type .img-txt{
	/*margin-left:-0.4em !important;
	margin-right:-0.4em !important;*/
	text-align:justify;
	
}
#flow h3{
	margin:0.2em !important;
	font-size:18px !important;
	font-weight:600 !important;
}

#flow .service-table td{
	background-color:#fff !important;
}
#flow .service-table th{
	font-size:14px;
	font-weight:600;
}

.sv-green{
	color:#1eaa39;
}
.sv-brown{
	color:#8c6239;
}
.sv-pink{
	color:#e75297;
}
.sv-l-blue{
	color:#009fe8;
}
.sv-orange{
	color:#f7821e;
}
.sv-violet{
	color:#a40b5e;
}
.sv-blue{
	color:#00439e;
}

#requirements ul li {
	padding-left: 0.5em;
	text-indent: -0.5em;
}
#abroad h3{
	font-size:18px !important;
	font-weight:600 !important;
	margin-bottom:0.1em !important;
}
.fs-14{
	font-size:14px;
	margin-bottom:0.5em;
}
/******************************************************************************************************************
                   意匠 ページ
******************************************************************************************************************/
#type .service-table td{
	background-color:#fff !important;
}
@media (max-width: 767px) {#type .service th{
	font-size:12px;
	font-weight:600;
	text-align:left !important;
	padding-left:0.5em !important;
	}}
@media (min-width: 766px) {#type .service-table th{
	font-size:14px;
	font-weight:600;
	text-align:left !important;
	padding-left:1.5em !important;
	}}
#type .service-table{
	margin-bottom:1em;
}
.yellow-belt{
	margin:1em 0;
	background-color:#ffe100;
	padding:0.2em;
	font-weight:bold;
	font-size:20px;
	text-align:center;
}

/******************************************************************************************************************
                   特許  ページ
******************************************************************************************************************/

/*発明の種類の表*/
.patent-table{
	/*border-collapse: collapse; */
	margin-bottom:2.5em;
}
.patent-table th{ 
	background-color:#ffe100;
	padding:0.8em 0.5em;
	text-align:left;
	font-size:14px;
	line-height:1.8em;
	font-weight:bold;
	
}
.patent-table td{
	word-break : break-all;
	padding:0.5em;
	font-size:14px;
	line-height:1.8em;
}
.patent-table .1st{
	width:80% !important;
	}
.patent-table .2nd{
	width:10% !important;
	}
.patent-table .3rd{
	width:10% !important;
	}

/*
@media (min-width: 768px) {.patent-table .1st{
	width:20%;
	}}
@media (max-width: 767px) {.patent-table .1st{
	width:60%;
	}}
@media (min-width: 768px) {.patent-table .2nd{
	width:40%;
	}}
@media (max-width: 767px) {.patent-table .2nd{
	width:20%;	
	}}
@media (min-width: 768px) {.patent-table .3rd{
	width:40%;
	}}
@media (max-width: 767px) {.patent-table .3rd{
	width:20%;
	}}

/******************************************************************************************************************
                   知的財産コンサルティング  ページ
******************************************************************************************************************/
.page-id-3560 .page-header{
	display:none !important;
}
#content .service-table th{
	width:35%;
	padding-left:0.6em;
	background-color:#f8d1dc;
}
#content .service-table td{
	width:65%;
	background-color:#fff;
}
@media(max-width:767px){#content .service-table th{
	width:40%;
	padding-left:0.2em;
	font-size:13px;
}}

.pink-belt{
	margin:1em 0;
	background-color:#f8d1dc;
	padding:0.2em;
	font-weight:bold;
	font-size:20px;
	text-align:center;
}
@media(max-width:767px){
	.pink-belt{
	font-size:17px;
}
}

.white-box{
	width:100%;
	background-color:#fff;
	margin:0;
	padding:1.5em 2em 2em 2em;
}
/*#sl-md img{
	margin-left:2em;
	margin-bottom:1em;
}
@media(min-width:768px){#sl-md p{
	padding-right:2em;
	}}

@media(max-width:767px){#sl-md img{
	margin-left:0;
	margin-bottom:0.5em;
}}
*/
.md-img{
	margin-left:2em;
	padding-left:2dm;
}

#sl-md a , #checklist a{
	color:#1e90ff;
}
@media(max-width:767px){#checklist .header-banner{
	font-size:14px;
	}}
/******************************************************************************************************************
                   商標業務のシステムサポート  ページ
******************************************************************************************************************/
.page-id-3577 .page-header{
	display:none !important;
}
.green-belt{
	margin:1em 0;
	background-color:#c9e4cc;
	padding:0.2em;
	font-weight:bold;
	font-size:20px;
	text-align:center;
}
@media(max-width:767px){
	.green-belt{
	font-size:17px;
}
}
/******************************************************************************************************************
                   FAQ ページ
******************************************************************************************************************/
@media(min-width:768px) {.faq-width{
	margin-right:25%;
	margin-left:25%;
	}}
.page-id-3606 #trademark ul li ,.page-id-3606 #design ul li ,.page-id-3606 #patent ul li {
	list-style-type: none;
	padding-left: 1em;
	text-indent: -1.5em;
	line-height:1.5em;
	margin-bottom:1em;
}
.page-id-3606 #trademark ul li:first-child , .page-id-3606 #design ul li:first-child ,.page-id-3606 #patent ul li:first-child {
	font-weight:bold ;
}

@media(max-width:767px){.page-id-3606 a.header-banner, .page-id-3606 .header-banner{
  /*padding:  10px 45px 10px 45px;*/
	border-radius: 20px;
	padding:6px 20px;
	font-size: 13px;
	}}


/******************************************************************************************************************
                   プライバシーポリシー  ページ
******************************************************************************************************************/
#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;
}


.postList_title .entry-title a{
	margin-left:1,5em !important;
}
/************************************************************
   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;
}
.ultp-block-content{
	background-color:#fff  !important;
}

/******************************************************************************************************************
                             フッター
******************************************************************************************************************/

/*フッター 社名・住所 文字サイズ*/
@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;}
/* 問い合わせ種別フィールド(チェックボックス)の頭揃え(原因不明:1項目めの桁ズレ調整)*/
#type-1{
	margin-left:14px !important;
}
.under{
/*	text-decoration:underline!important;
   text-decoration-color: #ffe100!important;*/
	color:red !important;
}
/*tel をスマホで1行で表示*/
.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;
}

.su-spacer{
	border:none !inportant;
}