@charset "UTF-8";

.appeal-content {
  font-weight: 600;
}

.appeal-button {
  color: var(--white);
  background-color: #CD6C29;
  font-weight: 600;
}

.hover-opacity {
  transition: opacity 0.5s;
}

.hover-opacity:hover {
  opacity: 0.7;
}

.page .date-tags {
  display: none;
}

nav {
  margin-left: auto; /* メニューを右寄せ */
}

.article h2::before {
  display: block;
  content: "";
  width: 30%;
  border-bottom: solid 4px #0071BC;
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 1;
}

.skin-grayish .appeal-title {
  font-size: 3.2em;
  letter-spacing: 0.32em;
}

.apdt-pc-only {
  display: none;
}

.footer-bottom-logo {
  float: none;
  position: static;
}

.footer-bottom-content {
  float: none;
  text-align: center;
}

.skin-grayish .footer-bottom-logo img {
  height: auto;
  width: min(30%, 200px);
}

.skin-grayish .footer {
  background-color: #EAEAEA;
  overflow-x: hidden;
  margin-top: 0;
}

.grecaptcha-badge {
  visibility: hidden;
}

.skin-grayish .mobile-menu-buttons .menu-button,
.skin-grayish .mobile-menu-buttons .menu-button > a,
.skin-grayish .sidebar-menu-content .sidebar-menu-close-button {
  color: #0071BC;
}

.logo-text {
  padding: 0;
  font-size: 1em;
}

.tagline {
  text-align: center;
  font-size: 18px;
}

@media screen and (max-width: 1023px) {
  .skin-grayish.front-top-page .container .header-container .header {
    background-image: url(https://www.torch-biz.jp/wp-content/uploads/2024/11/torch_14_1-scaled.jpg);
    background-position: center center;
  }
}

/* 834px以下 */
@media screen and (max-width: 834px) {
  /* 必要ならばここにコードを書く */
}

/* 480px以下 */
@media screen and (max-width: 480px) {
  /* 必要ならばここにコードを書く */
}



/*
media screen and (max-width: 480px){
　.site-logo-image{
		visibility: hidden;
　}
　.logo-menu-button.menu-button{
		background-image: url(https://www.torch-biz.jp/wp-content/uploads/2024/11/torch_14-scaled.jpg);
		background-position: center;
		background-repeat: no-repeat;
　　　　background-size: auto 20px;
　}
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
/*
@media screen and (max-width: 1023px){

/* モバイル時に表示したい画像のURLを設定する */
/*
 .skin-grayish.front-top-page .container .header-container .header {
 	background-image: url(https://www.torch-biz.jp/wp-content/uploads/2024/11/torch_14-scaled.jpg);
	background-position: center center;
 }	

}
*/


/*834px以下*/
/*
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
/*
}

/*480px以下*/
/*
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
/*
}