/*
Theme Name:tpl08
Template:astra
Version:4.6.15
*/

body{
	letter-spacing: 0.1em;
	line-height: 2em;
}

.site-title{
	display: none;
}

.ast-header-button-1 .ast-custom-button{
	background-image: url(images/header-icon-tel.png);
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 25px auto;
	padding-left: 60px !important;
}
.ast-header-button-1 .ast-custom-button:hover{
	background-image: url(images/header-icon-tel.png);
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 25px auto;
}
.ast-header-button-2 .ast-custom-button{
	background-image: url(images/header-icon-contact.png);
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 25px auto;
	padding-left: 60px !important;
}
.ast-header-button-2 .ast-custom-button:hover{
	background-image: url(images/header-icon-contact.png);
	background-repeat: no-repeat;
	background-position: 25px center;
	background-size: 25px auto;
}

/** page navi **/
.menu_slash ul.uael-nav-menu li{
	align-items: center;
  	display: flex;
  	justify-content: center;
}
.menu_slash ul.uael-nav-menu li::after {
  	background-color: #fff;
  	border-radius: 2px;
  	content: "";
  	height: 3px;
  	width: 40px;
}
.menu_slash ul.uael-nav-menu li:last-child::after{
	background: none;
}
.menu_slash ul.uael-nav-menu li::before {
  	margin-right: 10px;
}
.menu_slash ul.uael-nav-menu li::after {
  	margin-left: 10px;
  	transform: rotate(-60deg);
}
@media screen and (max-width: 767px) {
	.menu_slash ul.uael-nav-menu li{
		width: 100%;
		justify-content: flex-start;
	}
	.menu_slash ul.uael-nav-menu li::after {
  		height: 2px;
  		width: 20px;
	}
}

/** table **/
.entry-content table{
	border-collapse: collapse !important;
	border: none !important;
}

.entry-content table th{
	border-right: none !important;
	padding: 25px 25px 25px 0 !important;
	text-align: left;
}

.entry-content table td{
	border-right: none !important;
	padding: 25px 25px 25px 0 !important;
}

/**　Top blog **/
dl.list dd{
	margin-left: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #F7F4E6;
}

/*#content p{
	margin-bottom: 20px;
}*/

/** footer{
	margin-top: 100px;
} **/

@media screen and (max-width: 480px) {
.slide-circle{
	display: none;
}
}

/*　■Font Awesome■　*/
.fa-caret-down {
	font-size: 18px;
	padding-right: 8px;
}

/* ■製品仕様テーブル■ */
table.product-spec-table {
  width: 100%;
  max-width: 700px;
  border-collapse: collapse;
  text-align: center;
  background-color: #ffffff;
}

table.product-spec-table th,
table.product-spec-table td {
  border: 1px solid #cbd5e1 !important;
  padding: 8px 5px !important;
	text-align: center;
}

table.product-spec-table th {
  background-color: #f1f5f9;
  font-weight: bold;
}
/* 表が画面幅を超えたら横スクロールバーを出す */
.table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 20px;
}
table.product-spec-table th,
table.product-spec-table td {
  white-space: nowrap;
}

/* ■ページメニュー■ */
.page-nav {
  position: -webkit-sticky;
  position: sticky ;
  top: 30px;
}

/****** モバイル ******/

.sp-nav-select-wrapper select {
	border-color: var(--ast-global-color-0);
	font-size:15px;
	font-weight:500;
	color: var(--ast-global-color-2);
}
.sp-nav-select-wrapper select option {
	font-size:16px;
}

/*■　Contact Form 7カスタマイズ　■*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.form .inquiry th,.form .inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
 padding: 16px 16px 0 16px !important;
}
.inquiry tr:first-child th{
 border-top:1px solid #fff!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}
	.inquiry tr th {
		padding-bottom: 0 !important;
		border-bottom: none !important;
	}
}
.form .wpcf7-list-item {
	padding:0 16px;
}
/*見出し欄*/
.inquiry tr th{
 text-align:left;
 font-size:16px;
 color:#444;
 padding: 20px 5px 20px 20px !important;
 width:30%;
 border-bottom: solid 1px #ccc;
 vertical-align: middle;
 background: #fff;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 padding: 20px !important;
 border-bottom: solid 1px #ccc;
 background: #fff;
}
.inquiry td input, .inquiry td input:focus, .inquiry td select, .inquiry td textarea{
 background: #F1F1F4;
 border: none;
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px 10px;
 background:#d91a1a;
 color:#fff;
 border-radius:2px;
 margin-right:10px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px 10px;
 background:#68b2fb;
 color:#fff;
 border-radius:2px;
 margin-right:10px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}

/* ドロップダウンメニュー（select）の表示崩れ修正 */
.inquiry td select {
  height: 48px !important;
  line-height: 1.5 !important;
  padding: 8px 12px !important;
  vertical-align: middle !important;
  width: 100% !important;
  box-sizing: border-box !important;
  font-size: 14px !important; 
}
/* 入力欄上の補足・入力例テキスト */
.inquiry td .example-text {
  display: block;
  font-size: 14px;
  color: #777;
  line-height: 1.4;
}
/* お問い合わせフォーム 注意事項エリア */
.inquiry-notes {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-left: 4px solid var(--ast-global-color-0); 
  padding: 16px 20px;
  border-radius: 4px;
  margin-bottom: 25px;
  font-size: 14px;
  line-height: 1.7;
}

.inquiry-notes-title {
  font-weight: bold;
  margin: 0 0 8px 0;
  color: #333;
  font-size: 15px;
}

.inquiry-notes-list {
  margin: 0;
  padding-left: 20px;
  color: #555;
}

.inquiry-notes-list li {
  margin-bottom: 6px;
}

.inquiry-notes-list li:last-child {
  margin-bottom: 0;
}

.inquiry-notes-list strong {
  color: #d9534f; /* 確認画面なし・営業日数の強調色 */
  font-weight: bold;
}

/* スマホ表示用の微調整 */
@media screen and (max-width: 768px) {
  .inquiry-notes {
    padding: 12px 15px;
    font-size: 13px;
  }
  .inquiry-notes-list {
    padding-left: 18px;
  }
}


/** breadcrumb **/
div.breadcrumbs {
  color: #ffffff;
  font-size: 14px;
}
div.breadcrumbs a{
  color: #edf0ee;
}
div.breadcrumbs a:hover{
  color: #ffe100;
}