/*
Theme Name:tpl09
Template:astra
Version:1.0.0
*/

/** @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;700&display=swap'); **/

@font-face {
  font-family: AdjustedYuGothic;
  font-weight: 400;
  src: local("Yu Gothic Medium");
}

@font-face {
  font-family: AdjustedYuGothic;
  font-weight: 700;
  src: local("Yu Gothic Bold");
}

body{
	line-height: 2em;
	/** font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; **/
	font-family: AdjustedYuGothic, Yu Gothic, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.mincho{
	font-family: 'Noto Serif JP', serif;
}

.site-title{
	display: none;
	/** letter-spacing: 0.2em;
	font-weight: bold;
	margin-bottom: 10px; **/
}

.site-description{
	font-size: 80%;
	color: #6D5514;
}

.tel{
	background: url(images/icon_tel.png) no-repeat left center;
	padding: 0 0 0 20px;
	letter-spacing: 2px;
}

li {
	list-style: none;
}
a[href^="tel"] {
	color: inherit;
	text-decoration: none;
}

/* header
--------------------- */
body:not(.home) #header_{
	width:75% !important;
	margin-left:15%;
	background:#fafafa;
}
@media (max-width:1200px){
	body:not(.home) #header_{
		width:100% !important;
		margin-left:0;
	}
}
.header_catch{
	position:relative;
	font-family:A1 Mincho !important;
}

/* #main_colmn
--------------------- */
#content,
#main_colmn,
footer,
.astra-advanced-hook-512{
	width:80% !important;
	margin-left:20%;
}
@media (max-width:1200px){
	#content,
	footer,
	.astra-advanced-hook-512,
	#main_colmn{
		width:100% !important;
		margin-left:0;
	}
}
#main{
	width:100%;
	margin:0 auto;
}
@media (max-width:1500px){
	#main{
		width:100%;
	}
}
@media (min-width:1200px){
	body.single .entry-title,
	body.single .post-thumb-img-content{
		text-align:center;
	}
	body.single .entry-meta,
	body.single .entry-content{
		width:960px;
		margin:0 auto;
	}
}


/* #gloval_nav
--------------------- */
#gloval_nav{
	position: fixed !important;
	top: 0px !important;
	left:0% !important;
	width:20% !important;
	height:100vh !important;
}
#gloval_nav ul.uael-nav-menu li a{
	border-bottom: 1px solid #808181;
}
#gloval_nav ul.uael-nav-menu li:last-child a{
	border: none;
}
@media (max-width:1200px){
	#gloval_nav{
		display:none;
	}
}

/* #tablet_nav
--------------------- */
@media (max-width:1200px){
	#tablet_nav{
		z-index: 1 !important;
		position: fixed !important;
		top: 20px !important;
		left: 20px !important;
		width: auto !important;
		margin: 0 auto !important;
		border-radius: 20px;
	}
	#tablet ul.uael-nav-menu li a{
		border-bottom: 1px solid #808181;
	}
	#tablet ul.uael-nav-menu li:last-child a{
		border: none;
	}
}
@media (min-width:1200px){
	#tablet_nav{
		display:none;
	}
}

/** home news **/
.uael-post__content-wrap .uael-post__terms{
	margin: 0 20px 0 100px;
	display: inline !important;
}
.uael-post__content-wrap .uael-post__title{
	display: inline !important;
}
.uael-post__content-wrap .uael-post__meta-data{
	position: absolute;
	top: 7px;
	left: 0;
}
@media (max-width:767px){
	.uael-post__content-wrap .uael-post__title{
		display: block !important;
	}
}
/** home Slider **/
.slider1 {
  display: flex;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height:375px;
  overflow: hidden;
}
.slider1 ul{
	display:flex;
	padding: 0;
	margin:0;
}
.slider1 li{
	width:500px;
	list-style: none;
}
.slider1 ul:first-child {
  animation: slide1 150s -75s linear infinite;
}

.slider1 ul:last-child {
  animation: slide2 150s linear infinite;
}
@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

/** home Slider end **/

li.widget-custom-menu-item{
	padding-right: 0;
	margin: 0;
}

.main-navigation{
	margin: 0;
	padding: 0;
}

ul.original_menu li{
	display: inline-block;
	margin: 0;
}

ul.original_menu li.first a, ul.original_menu li.first a:visited{
	color: #fff !important;
	background-color: #309639;
	padding: 20px 15px;
}

ul.original_menu li.second a, ul.original_menu li.second a:visited{
	color: #fff !important;
	background-color: #e99411 !important;
	padding: 20px 15px;
}

ul.original_menu li a:hover, ul.original_menu li.second a:hover{
	color: #fff !important;
	background-color: #3FAD35 !important;
	/** background: -moz-linear-gradient(left, #65e079, #16ce87) !important;
  	background: -webkit-linear-gradient(left, #65e079, #16ce87) !important;
  	background: linear-gradient(to right, #65e079, #16ce87) !important; **/
}

h2.elementor-heading-title{
	display: inline-block;
	/** border-bottom: 1px solid #333; **/
	padding-bottom: 20px !important;
}

/** h2.elementor-heading-title:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0px;
	display: inline-block;
	width: 34%;
	height: 1px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: black;
} **/

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

.entry-content table th{
	border-right: none !important;
	border-bottom: 1px solid #ccc !important;
	padding: 15px 15px 15px 15px !important;
	text-align: left;
	background: #edfaf4;
	width: 25%;
}

.entry-content table td{
	border-right: none !important;
	border-bottom: 1px solid #ccc !important;
	padding: 15px 15px 15px 15px !important;
}

@media(max-width:500px){
	.entry-content table th,.entry-content table 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;
	}
}

/**　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;
}
}



/** breadcrumb **/
div.breadcrumbs {
  color: #fff;
}

div.breadcrumbs a{
  color: #fff;
}

/* ------ メールフォーム ------ */
/*  全体調整  */
.wpcf7 form {
  margin: 0 auto;
  font-size: 16px;
  color: #333;
}

/*  テーブル基本デザイン  */
table.inquiry {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 25px;
}

table.inquiry th,
table.inquiry td {
	background-color: #fff;
  border: 1px solid #ddd;
  padding: 20px 15px 0;
  vertical-align: middle;
}

table.inquiry th {
  width: 30%;
	padding: 20px 15px;
  text-align: left;
  font-weight: 600;
}


.wpcf7 form p {
  margin: 0 !important;
  padding: 0 !important;
}
/*  必須マーク  */
.haveto {
  display: inline-block;
  background-color: #e54242;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border-radius: 3px;
  padding: 1px 6px;
  margin-left: 8px;
}

/*  入力欄  */
table.inquiry input[type="text"],
table.inquiry input[type="email"],
table.inquiry input[type="tel"] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  transition: all 0.3s ease;
  font-size: 15px;
}

table.inquiry input:focus {
  border-color: #e54242;
  box-shadow: 0 0 0 3px rgba(229, 66, 66, 0.15);
  outline: none;
}
.inquiry td input,
.inquiry td textarea,
.inquiry td select {
  margin-bottom: 4px !important;
}
/*  テキストエリア  */
.wpcf7 textarea {
  width: 100%;
  min-height: 160px;
  padding: 12px 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  transition: all 0.3s ease;
  font-size: 15px;
}

.wpcf7 textarea:focus {
  border-color: #e54242;
  box-shadow: 0 0 0 3px rgba(229, 66, 66, 0.15);
  outline: none;
}


/*  見出し  */
.wpcf7 h5 {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin: 40px 0 15px;
  color: #333;
}

/*  注意文  */
.look {
  margin: 20px 0;
  background: #f8f8f8;
  padding: 15px 25px;
  border-radius: 6px;
}

.look ul {
  margin: 0;
  padding-left: 20px;
}

.look li {
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 1.6;
}

/*  送信ボタン  */
#formbtn {
  display: block;
  margin: 30px auto 0;
  background-color: #e54242;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  border: none;
  border-radius: 6px;
  padding: 14px 50px;
  cursor: pointer;
  transition: all 0.3s ease;
}

#formbtn:hover {
  background-color: #546391;
  transform: translateY(-2px);
}

/*  メッセージ表示  */
.wpcf7 form .wpcf7-response-output {
  margin-top: 25px;
  padding: 15px;
  border-radius: 6px;
  font-weight: 500;
}

.wpcf7 form .wpcf7-mail-sent-ok {
  border: 2px solid #546391;
  color: #546391;
  background: #f0f3f9;
}

.wpcf7 form .wpcf7-validation-errors {
  border: 2px solid #e54242;
  color: #e54242;
  background: #fff5f5;
}
/*  必須マークの位置を右揃えにする  */
table.inquiry th {
  position: relative;
  padding-right: 80px;
}

table.inquiry .haveto {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 0;
}


/*  スマホ対応  */
@media (max-width: 767px) {
  table.inquiry,
  table.inquiry tbody,
  table.inquiry tr,
  table.inquiry th,
  table.inquiry td {
    display: block;
    width: 100%;
  }

  /* 各行をカード化 */
  table.inquiry tr {
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 15px;
    padding: 10px 12px;
    background: #fff;
  }

  /* th・td の細かい調整 */
  table.inquiry th {
    background-color: transparent;
    border: none;
    padding-top: 10px;
    font-weight: bold;
  }

  table.inquiry td {
    border: none; /* 下線も不要なら削除 */
    padding-top: 5px;
    padding-bottom: 15px;
  }

  /* 送信ボタン */
  #formbtn {
    width: 100%;
    padding: 16px;
  }
}
/*投稿*/
.author-name, .comments-link {
	display: none;
}