CSS
/*
 * .wp-block-button a{
border-color: #e2f0d9;
    border-width: 30px;
    border-radius: 0px;
    background-color: #548235;
    padding-top: var(--wp--preset--spacing--20);
    padding-right: var(--wp--preset--spacing--40);
    padding-bottom: var(--wp--preset--spacing--20);
    padding-left: var(--wp--preset--spacing--40);
}
.wp-block-button:hover a{
    border: none;
    background-color: #2589d0;
    color: #fff;
    font-weight: 600;
}
*/

/************************************
**　　グローバルナビメニュー 
************************************/

/*ナビゲーションボタン*/

.navi {
  background: black;
}
.navi-in > ul .sub-menu {
  background: black;
  box-shadow: 0 0 10px rgba(30, 30, 30, .1);
}
.navi-in > ul li {
  width: auto;
}

.navi-in a {
  font-size: 30px; /* ナビ文字大きさ */
  font-weight: bold;
  position: relative;
  color: black; /* ナビ文字色 */
  padding: 0 20px;
  display: block;
  text-decoration: none;
}

/************************************
* 新着記事一覧ショートコード用　2024/9/27追加
************************************/
/*
* 新着記事一覧ショートコード用
*/
.news-list .news-list-inner {
 padding: 0px 0px;
 /*border: 2px solid #f5f5f5;*/
	}

.news-list ul {
 list-style: none;
 margin: 0 0px 0px;
}
.news-list li {
 padding: 10px;
 border-bottom: 2px solid #ddd;
}
.news-list a {
 color: #333;
 text-decoration-line: none;
}
.news-list a:hover {
 opacity: 0.6;
}
.news-list a.wp-block-button__link {
 color: #fff;
}
.news-list a.wp-block-button__link:hover {
 color: #F87474;
}
.news-list .news_date {
 margin: 0;
 font-size: 14px;
}
.news-list .news_title {
 margin: 0;
 font-size: 18px;
 line-height: 30px;
 padding-top: 10px;
 padding-bottom: 10px;
}

ul.archive li {
        position: relative;
}

span.new_label{
    color: #B60202; // フォント色
    font-size: 12px; // フォントサイズ
    background: #f35b69; // 背景色
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 5px 8px;
    z-index: 1;
}

.ozone-info{
	display: none;
}

/*モバイル表示の場合*/
@media screen and (max-width: 834px){
.t-tlans-block .t-tlans-info-image{
	display: none;
}
	
.buskikou-block .buskikou-info-image{
		display: none;
}
	
.okizarikakunin-block .okizarikakunin-info-image{
		display: none;		
}

.ozone-block .ozone-info-image{
		display: none;
}
	
.pc-image-block .note-pc-image{
		display: none;		
	}
	
}

/*アピールエリア設定*/
#appeal { 
	position:relative;
height: calc(100vw * calc(768 / 1920)); 	
}

/* アピールエリア高さリセット */
.appeal-in {
min-height: unset;
}

/* コンテンツ上の余白 */
.content {
margin-top: 0;	
}

.appeal-content{
	/*文字表示エリアの色を透過する*/
	background-color: transparent;
}

.appeal-button{
  position: absolute;
	top: 28vw;
	left: 70vw;
	width: clamp(10rem,calc(1.2vw + 1rem),20rem);	
}

/*モバイル表示の場合 ボタン非表示*/
@media screen and (max-width: 700px){
.appeal-button{
	display: none;
}}

/* アピールエリア画像を設定（T-TLANSページ） */
/*ボタン非表示*/
.page-id-910 .appeal-button{
	display:none;
}

/*画像url*/
.page-id-910 .appeal {
  background-image:url(https://taiheikou-its.com/wp-content/uploads/2025/03/製品_T-TLANS.png);;
}

/*画像url*/
.page-id-2323 .appeal {
  background-image:url(https://taiheikou-its.com/wp-content/uploads/2025/03/製品_T-TLANS.png);;
}

/*アピールエリア非表示 問い合わせ*/
.page-id-1048 .appeal{
	display:none;
}

/*アピールエリア非表示 問い合わせ*/
.page-id-986 .appeal{
	display:none;
}

/*アピールエリア非表示 問い合わせ*/
.page-id-2472 .appeal{
	display:none;
}