/*!
Theme Name: shonai-tire_saiyo
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: temp_base
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

temp_base is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

/* 下層-共通 */
.js-modal-btn:hover{
	background: var(--green);
}
.js-modal-btn:hover img{
	filter: brightness(3) saturate(0);
}
.lower_fv{
	position: relative;
	height: 100%;
	margin-bottom: var(--margin-l);
	}
.lower_fv > div{
	display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.lower_fv-title > div {
	display: flex;
	justify-content: center;
	align-items: center;
}
.lower_fv-title{
	  position: relative;
	width: fit-content;
	z-index: -1;
}
.lower_fv-title h1{
	position: absolute;
	font-size: clamp(2.4rem, 0.907rem + 5vw, 5.6rem);
	z-index: 3;
}

.lower_fv .bg_image-fv{
	border-radius: 50%;
  box-shadow: -180px 160px 90px #ccc;
	z-index: -1;
}
.lower_fv .bg_image-m{
	position: absolute;
  bottom: 0;
  right: -180px;
	transform: translateX(-50%);
  z-index: 0;
	  border-radius: 50%;
  box-shadow: -50px 50px 50px #ccc;
}

/* 会社を知る*/
.company_message{
	margin-bottom: var(--margin-l);
}
.lower_works-about{
	padding-bottom: var(--margin-l);
	margin-bottom: var(--margin-l);
	border-bottom: 2px dashed #000;
}
.company_page-vmv .vmv{
	margin-bottom: var(--margin-m);
}
.vmv_title-wrapper{
	line-height: 1;
}
.vmv_title-wrapper h2{
	font-size: var(--font-size--h1);
}
.vmv_title-wrapper p{
	margin-bottom: 0;
}
.vmv_title-wrapper > div{
	display: flex;
	align-items: flex-end;
	gap: 1em;
	margin-bottom: var(--margin-m);
}
.works_vmv-maintitle span:first-child{
	color: var(--orange);
}
.works_vmv-sub{
	font-size: 1.4rem;
	transition-delay: .6s;
}
.works_vmv-text .works_vmv-title{
	font-size: var(--font-size--h4);
	font-weight: 600;
	margin-bottom: .8rem;
}
.works_vmv-text .works_vmv-title--green{
	color: var(--green);
	margin-bottom: var(--margin-s);
}
.works_vmv-block{
	margin-bottom: var(--margin-m);
	padding-bottom: var(--margin-m);
	border-bottom: 2px dashed #000;
}
.works_vmv-block.works_vmv-6values{
	margin-bottom: var(--margin-l);
	padding-bottom: 0;
	border-bottom: none;
}
.works_vmv-block.works_vmv-6values .works_vmv-title{
	font-size: var(--font-size--h4);
	font-weight: 600;
	margin-bottom: .8rem;
}
.works_vmv-block.works_vmv-6values .works_vmv-title--green{
	margin-bottom: .8rem;
}
.works_vmv-block.works_vmv-6values .works_vmv-text{
	margin-bottom: var(--margin-s);
}
.works_vmv-caption:first-letter{
	color: var(--green);
}
.company_identity{
	margin-bottom: var(--margin-l);
}
/* VMVのPV */
.vmv_pv{
	margin-bottom: var(--margin-l);
	padding-bottom: var(--margin-l);
	/*border-bottom: 2px dashed #000;*/
}
.vmv_pv > div{
	width: fit-content;
	margin: 0 auto;
}
.vmv_pv h3{
	margin-bottom: .8rem;
}
.vmv_pv figure{
	text-align: center;
}
/* エントリーボタンエリア */
.lower_entry-btn--area{
	margin-bottom: var(--margin-l);
}
.lower_entry-btn--area > div{
	display: flex;
	gap: 2.4rem;
}
.lower_entry-btn--area .lower_btn-area{
	flex: 1;
}
.lower_btn-area .lower_btn{
	width: 100%;
}
.lower_btn-area .lower_btn a{
	display: flex;
  align-items: center;
	justify-content: center;
	gap: 2.4rem;
	}
.lower_entry-btn--area .lower_btn.lower_btn-new a{
	background: var(--light-green);
}.lower_entry-btn--area .lower_btn.lower_btn-midway a{
	background: var(--olive-green);
}.lower_entry-btn--area .lower_btn.lower_btn-senior a{
	background: var(--dark-green);
}
.lower_btn a div{
	position: relative;
}
.lower_btn a div::after{
	content: "";
	position: absolute;
	top: 50%;
  left: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	z-index: 0;
	}
.lower_btn a div img{
	position: relative;
    display: block;
	z-index: 1;
}
/* 代表メッセージ */
.lower_works-message--wrapper{
	margin-bottom: var(--margin-l);
	position: relative;
}
.lower_works-message--wrapper::after{
	content: "";
	position: absolute;
	top: -3%;
  left: 50%;
  transform: translateX(-50%);
	background: var(--gray);
	width: 70%;
	height: 106%;
	z-index: -1;
}
.lower_works-message--wrapper > div{
	display: flex;
	justify-content: space-between;
	gap: 2.4rem;
}
.lower_works-message--item{
	flex: 1;
}
.lower_works-message--item.lower_works-img{
	text-align: center;
}
.lower_works-message--item.lower_works-img img{
	max-width: 400px;
	max-height: 400px;
	}
/* youtube動画 */
.work_movie-area{
	margin-bottom: var(--margin-m);
}
.movie_area-box{
	margin-bottom: var(--margin-s);
}
.movie_area-box > div{
	width: fit-content;
	margin: 0 auto;
}
.movie_area-box h3{
	margin-bottom: .8rem;
}
/* pdfダウンロード */

.lower_btn-area--pdf{
	margin-bottom: var(--margin-l);
}
.lower_btn-area .lower_btn.lower_btn-pdf{
	width: auto;
}
.lower_btn.lower_btn-pdf img{
	filter: brightness(0) saturate(100%) invert(97%) sepia(97%) saturate(0%) hue-rotate(9deg) brightness(104%) contrast(103%);
}
.lower_btn.lower_btn-pdf a{
	color: var(--green);
	background: #fff;
	border: 1px solid var(--green);
	padding: 1.6rem 2.4rem;
}
.lower_btn.lower_btn-pdf a:hover{
	color: #d34242;
	border-color: #d34242;
	opacity: 1;
}
.lower_btn.lower_btn-pdf a div::after{
	background: var(--green);
}
/* 仕事を知る */
.lower_division-pv{
	position: relative;
	margin-bottom: var(--margin-l);
	height: 100%;
}
/* セクション */
.division_page-box{
	margin-bottom: var(--margin-l);
	padding-bottom: var(--margin-l);
	border-bottom: 2px dashed #000;
}
.division_page-box .division_page-box--sub{
	margin-bottom: .8rem;
}
.lower_division-title{
	margin-bottom: var(--margin-s);
}
.lower_division-title--box{
	margin-bottom: var(--margin-s);
}
.lower_division-title--box > div{
	display: flex;
	align-items: flex-end;
}
.lower_division-title--box .lower_division-title,
.lower_division-title--box p{
	margin-bottom: 0;
	line-height: 1;
}
.division_page-box.division_page-box--noborder{
	border-bottom: none;
	margin-bottom: var(--margin-m);
	padding-bottom: 0;
}
.division_page-box:last-child{
	margin-bottom: var(--margin-l);
	padding-bottom: 0;
	border-bottom: none;
}
/* アコーディオン（gutenkit） */
.gkit-card-header a{
	border-radius: 10px;
}
.gkit-accordion .gkit-card-header > .gkit-btn-link{
	padding-inline: 2em 4em;
}
.gkit-card-header .gkit-accordion-title{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: var(--font-size--h4);
}
.gkit-card-header .gkit-accordion-title sub{
		line-height: 24px;
	}
.gutenkit [class*="wp-block-gutenkit-"] .gkit-icon {
    height: auto;
  width: 1.5em;
}
.gkit-adv-paragraph .gkit-adv-paragraph-text strong{
	font-weight: 600;
	font-size: var(--font-size--h4);
	display: block;
}
.gkit0e8c6c .gkit-adv-paragraph .gkit-adv-paragraph-text{
	font-size: var(--font-size--text);
	font-weight: 400;
}
.gutenkit-block{
	margin-top: var(--margin-s);
}
.gkit-accordion .gkit-card-body{
	padding: 30px 0 30px;
	}
.collapse.show{
	max-height: 2500px !important;
}
.gutenkit [class*="wp-block-gutenkit-"] img:not(.wp-block-gutenkit-advanced-image .gkit-image, .wp-block-gutenkit-pro-featured-image img, .wp-block-gutenkit-team img, .wp-block-gutenkit-image-comparison .gkit-image-comparison img-comparison-slider figure img, [draggable]){
	max-height: 300px;
}
/* 人を知る */
.voice-img img{
	border-radius: 15px;
}
.page-voice-wrapper > div{
	display: flex;
	align-items: center;
}
.page-voice-wrapper{
	position: relative;
	height: 500px;
	margin-bottom: var(--margin-l);
}
.lower_page-voice--name{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}
.lower_page-voice--name > div{
	display: flex;
	flex-direction: column;
	gap: 1em;
}
.lower_page-voice--name h2{
	width: fit-content;
	border-bottom: 2px solid var(--green);
}
.lower_page-voice--name h3{
	font-size: var(--font-size--h4);
}
.lower_page-voice--name h4{
	font-size: var(--font-size--h3);
}
.page-voice-img{
	position: absolute;
  bottom: 0;
  left: 55%;
  text-align: right;
}
.page-voice-img img{
		max-height: 500px;
	min-height: 400px;
	width: auto;
	object-fit: contain;
	}
.page_voice-text-box h4{
	margin-bottom: .5em;
}
.page_voice-text-box{
	margin-bottom: var(--margin-s);
}
.page_voice-text-box p{
	padding-left: 1.3em;
}
.page_voice-history{
	margin-bottom: var(--margin-l);
}
.page_voice-description{
	margin-bottom: var(--margin-l);
}
.page_voice-future-wrapper{
	margin-bottom: var(--margin-l);
}
.page_voice-future-wrapper > div{
	display: flex;
	justify-content: space-between;
	gap: 2.4rem;
}
.page_voice-future-item.page_voice-text-box{
	width: 50%;
}
.page_voice-future-item.page_voice-future-img{
	width: 40%;
}
.page_voice-future-item.page_voice-future-img img{
	max-height: 500px;
	aspect-ratio: 1 / 3;
}
.page_voice-holiday--wrapper > div{
	display: flex;
	justify-content: space-between;
	gap: 2.4rem;
}
.page_voice-holiday{
	margin-bottom: var(--margin-l);
}
.page_voice-holiday h4{
	margin-bottom: .8rem;
}
.page_voice-myself{
	margin-bottom: calc(40px + var(--margin-l));
}
.page_voice-myself h2{
	margin-bottom: .5em;
}
.page_voice-myself-wrapper{
	position: relative;
}
.page_voice-myself-wrapper .page_voice-text-box{
  width: 90%;
  padding: 1.5em;
  background: rgba(255,255,255,.9);
  line-height: 1;
}
.page_voice-myself-wrapper .page_voice-text-box p{
	padding-left: 0;
}
.page_voice-myself-wrapper .wp-block-image figure img{
	border-radius: 15px;
}

.page_voice-myself-wrapper figure img{
	max-width: 600px;
	width: 100%;
}
.page_voice-other{
	margin-bottom: calc(24px + 2.4rem);
}
.page_voice-other h3{
	margin-bottom: 1em;
	padding-bottom: .5em;
	border-bottom: 2px dashed #000;
}
.page_voice-other .wp-block-latest-posts.is-grid{
	justify-content: center;
	colmu-gap: 1.6rem;
	row-gap: 2.4rem;
}
.wp-block-latest-posts.columns-3 li{
	margin: 0;
	width: calc((100% - 3.2rem) / 3);
	text-align: center;
}
.wp-block-latest-posts.columns-3 li img{
	margin-bottom: .5em;
	border-radius: 15px;
}
.next-post-link,
.prev-post-link{
	display: none;
}
.wp-block-latest-posts__post-title{
	font-weight: 600;
	font-size: 1.4rem;
}
/* 働く環境・カルチャーを知る */
.page_culture-text-box{
	margin-bottom: var(--margin-l);
}
.page_culture-text-box h2{
	margin-bottom: 1.6rem;
}
.page_culture-movie{
	position: relative;
	margin-bottom: var(--margin-l);
}
.page_culture-benefit{
	margin-bottom: var(--margin-l);
}
.page_culture-benefit--item{
	border-right: 2px solid #ccc;
	padding: 8rem;
}
.page_culture-benefit--item img{
	margin-bottom: 1.6rem;
}
.page_culture-benefit--item h4{
	text-align: center;
}
.page_culture-benefit--item:last-child{
	border-right: none;
}
.page_culture-benefit--flex{
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	gap: 0;
}

.page_culture-event h2{
	margin-bottom: 1.6rem;
}
.wp-block-query{
	margin-bottom: var(--margin-l);
}
.wp-block-query .wp-block-post-template{
	display: flex;
	gap: 2.4rem;
}
.wp-block-query .wp-block-post-template .wp-block-post{
	width: calc((100% - 4.8rem) / 3);
}
.wp-block-query .wp-block-post-template .wp-block-post img{
	border-radius: 15px;
	aspect-ratio: 16 / 9;
	margin-bottom: .5em;
}
/* 採用情報 */
.page-id-1356 .contents_page_inner{
max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
}
.page-id-1356 .lower_fv{
	margin-bottom: clamp(64px, 10vw, 240px);
}
.page-id-1356 .fade-text{
	margin: 0 auto;
	display: block;
}
.page-id-1356 main ul li{
	list-style: inside;
	
}
.page-id-1356 .wp-block-columns figure img,
.page-id-1356 .wp-block-columns .wp-block-cover{
  min-height: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 15px;
}

.recruit_containar{
	background: #fffdeeaa;
	padding: 1.5em 2.5em;
	border: 4px solid var(--green);
	border-radius: 15px;
	margin-bottom: var(--margin-m);
}
.recruit_containar h3{
    position: relative;
	display: inline-block;
	border-bottom: 2px solid var(--green);
	padding-bottom: 0;
	margin-bottom: .5em;
}

.recruit_containar h3::before{
    content: "・";
    position: absolute;
    left: -1em;
}
.recruit_bg-white{
	background: #fff;
	padding: 2.4rem;
	border-radius: 15px;
}
.recruit_bg-white.bg_img{
	background: #fff url('images/pages/syonaitire_bg.jpg') no-repeat 80% 50% / contain;
}
.recruit_bg-white.bg_img .wp-block-group__inner-container:has(> p){
width: fit-content;
}
.recruit_bg-white.bg_img p{
padding-bottom: .5em;
border-bottom: 1px solid #ccc;
}
.recruit_bg-white h3{
	display: inline-block;
	border-bottom: 2px solid var(--green);
	padding-bottom: 0;
}

.page_saiyo-pdf{
	margin-bottom: var(--margin-l);
}
.page_saiyo-pdf h2{
	margin-bottom: 1em;
}
.page_saiyo-pdf .saiyo_title-underline{
	margin-bottom: 1em;
}
.page_saiyo-pdf--wrapper > div{
	display: flex;
	flex-wrap: wrap;
	gap: 2.4rem;
}
.page_saiyo-pdf--item{
	width: calc((100% - 4.8rem) / 3);
	margin-bottom: .8rem;
}
.page_saiyo-pdf--item .wp-block-cover{
	min-height: 100%;
	aspect-ratio: 4 / 2;
	border-radius: 15px;
}
.page_saiyo-pdf--icon figure{
	text-align: center;
}
.page_saiyo-pdf--icon img{
	width: 3em;
	}
.recruit_banner{
	margin-bottom: var(--margin-m);
}

/* 人事ーポリシー */
.page_hr-policy-block{
	margin-bottom: var(--margin-l);
}
.page_hr-policy-block h2{
	position: relative;
	color: #fff;
  background: var(--black);
	width: 110%;
  padding: .8rem 1.6rem;
	margin-left: -5%;
	margin-bottom: var(--margin-s);
	border-left: 1em solid var(--green);
	font-size: var(--font-size--h3);
}
.hr_policy-block--container > div{
	display: flex;
	flex-wrap: wrap;
	gap: 2.4rem;
}
.hr_policy-block--card h4{
	margin-bottom: .8rem;
	color: var(--dark-green);
	}
.hr_policy-block--card{
	width: calc((100% - 2.4rem) / 2);
	padding: 2.4rem;
	background: #fff;
	border-radius: 15px;
	box-shadow: 1px 1px 3px #eee;

}
.page_hr-policy-block figure:not(.page_hr-policy-illust){
	margin-bottom: var(--margin-s);
} 
.page_hr-policy-illust{
	margin-top: var(--margin-m);
}
.page_hr-policy-flex > div{
	display: flex;
	flex-direction: column;
	gap: 2.4rem;
}
.page_hr-policy-item h3{
	margin-bottom: .8rem;
	color: var(--green);
}
.page_hr-policy-item h4{
	margin-bottom: 1.6rem;
	color: var(--dark-green);
}
.page_hr-policy-item.page_hr-policy--promise h4{
	margin-bottom: .8rem;
}
.page_hr-policy-block:has(.hr_policy-block--card){
	margin-bottom: var(--margin-l);
	padding-bottom: var(--margin-l);
	border-bottom: 2px dashed #000;
	}
.wpcf7 form p.submit-btn {
  display: flex !important;        /* グリッドを解除して中央寄せ */
  justify-content: center;         /* 横中央 */
  align-items: center;             /* 縦中央（必要なら） */
  border: none !important;
  margin-top: 24px;
}
/* エントリー */
.wpcf7-form{
	margin-bottom: var(--margin-l);
}
.wpcf7 form p {
  display: grid;
  grid-template-columns: 180px 1fr;
  align-items: center;
  border: 1px solid #ccc;
	border-bottom: none;
  padding: 12px 16px;
  margin: 0;
	font-weight: 600;
}
.wpcf7 form p:nth-last-of-type(2){
	border-bottom: 1px solid #ccc;
}

.wpcf7 form p label {
  display: contents;
}

.wpcf7 form p label > span,
.wpcf7 form p label > strong,
.wpcf7 form p label:first-child {
  font-weight: 600;
}

.required {
  color: red;
  font-size: 0.9em;
  margin-left: 4px;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.wpcf7-form-control.wpcf7-radio {
  display: flex !important;
  flex-wrap: wrap;
	justify-content: center;
  gap: 24px;
  width: auto !important;
  }

.wpcf7-form .wpcf7-radio label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.wpcf7-form .wpcf7-radio input[type="radio"] {
  margin-right: 6px;
}

.wpcf7-list-item {
  display: inline-flex;
  align-items: center;
  margin-right: 24px;
	gap: .8rem;
}

.wpcf7-list-item-label {
  margin-left: 4px;
}

.submit-btn {
  text-align: center;
  margin-top: 24px;
}

.submit-btn input[type="submit"] {
  background-color: #333;
  color: white;
  border: none;
  padding: 16px 40px;  /* 上下16px、左右40pxに拡大 */
  font-size: 1.2em;    /* 文字を少し大きく */
  border-radius: 4px;
  cursor: pointer;
}
.wpcf7 form p.submit-btn {
  border: none !important;
}
.radio_label br{
	display: none;
}
.agree{
	width: 2rem;
	height: 2rem;
	
}
/* 確認画面全体 */
form #wpcf7cpcnf {
  max-width: 600px;
  margin: 0 auto; /* ページ中央に寄せる */
  font-family: sans-serif;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 24px;
  background-color: #f9f9f9;
  text-align: center; /* 中央寄せ用 */
	left: 50%;
	transform: translateX(-50%);
}

/* テーブルの整形 */
#wpcf7cpcnf table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto; /* 中央寄せ */
}

#wpcf7cpcnf th,
#wpcf7cpcnf td {
  text-align: center; /* 各項目を中央寄せ */
  padding: 12px 16px;
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
}

#wpcf7cpcnf th {
  font-weight: 600;
  color: #333;
}

#wpcf7cpcnf td p {
  margin: 0;
}

/* ボタン周り */
.wpcf7cp-btns {
  display: flex;
  justify-content: center; /* 中央寄せ */
  gap: 16px;
  margin-top: 24px;
}

.wpcf7cp-btns button {
  padding: 14px 36px;
  font-size: 1.1em;
  border-radius: 4px;
  border: none;
  cursor: pointer;
}

.wpcf7cp-cfm-edit-btn {
  background-color: #ccc;
  color: #333;
}

.wpcf7cp-cfm-submit-btn {
  background-color: #333;
  color: #fff;
}

/* プライバシーポリシー */
.scroll-box {
  max-height: 500px;     
  overflow-y: auto;      
  padding: 2.4rem;         
  border: 1px solid #ccc; 
  background: #fff;      
  scrollbar-width: bold;  
	margin-top: var(--margin-l);
	margin-bottom: var(--margin-l);
}

/* Chrome, Edge, Safari用 スクロールバー */
.scroll-box::-webkit-scrollbar {
  width: 12px;
}
.scroll-box::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}

 /*エントリー*/

   #quiz h2 {
      text-align: center;
	   margin-top: var(--margin-m);
	   margin-bottom: var(--margin-s);
    }

    #progress {
		position: relative;
		top: 0;
      text-align: center;
      margin-top: var(--margin-l);
      margin-bottom: var(--margin-l);
      font-size: 28px;
      letter-spacing: 4px;
		z-index: 1;
		    }

    .quiz-area {
      position: relative;
      height: 260px;
    }

    .question {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      padding: 20px;
      opacity: 0;
      pointer-events: none;
    }

    .question.active {
      opacity: 1;
      pointer-events: auto;
    }

    .question dl {
  display: flex;
  flex-direction: column; /* 縦方向に変更 */
  align-items: center;    /* 中央寄せ */
  gap: 10px;
  margin: 0;
  padding: 0;
}

.question dt {
  font-weight: bold;
  font-size: 1.2em;
}

.question dd {
  margin: 0 0 .8rem 0;
  font-size: var(--font-size--h3);
	font-weight: 500;
  line-height: 1.5;
  text-align: center; 
}

    /* === ボタン周り === */
    .btns {
      display: flex;
      justify-content: center;
      gap: 8rem;
      margin-top: 2.4rem;
    }

    .btn-wrap {
  position: relative;
  display: inline-block;
  width: 200px;  /* 幅を200pxに */
  height: 200px; /* 高さを200pxに */
  cursor: pointer;
}

.btn-wrap img {
  width: 100%;   
  height: 100%;  
  display: block;
	border-radius: 50%;
  box-shadow: -50px 50px 50px #ccc;
  transition: transform 0.25s ease, filter 0.25s ease;
}

.btn-wrap button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none;
  font-weight: bold;
  color: #000;
  font-size: var(--font-size--h2); 
	font-family: var(--main-font);
  width: 100%;
  height: 100%;
  line-height: 200px; /* 高さに合わせて中央寄せ */
  text-align: center;
  border-radius: 50%;
  transition: transform 0.15s ease;
	display: flex;
  justify-content: center;
  align-items: center;
	border: none;
	background: transparent;
	cursor: pointer;
	
}

    /* ホバー時：少し拡大 */
    .btn-wrap:hover img {
      transform: scale(1.05);
    }

    /* 押したとき：へこむアニメーション */
    .btn-wrap:active button {
      transform: translate(-50%, -50%) scale(0.92);
    }

    .btn-wrap:active img {
      transform: scale(0.92);
      filter: brightness(0.9);
    }

    /* === 結果画面 === */
    #result {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: none;
      background: rgba(255, 255, 255, 0.95);
      align-items: center;
      justify-content: center;
      flex-direction: column;
      text-align: center;
      z-index: 10;
    }

    #result h2 {
      font-size: 2em;
      margin-bottom: 10px;
    }

    .star-display {
      font-size: 32px;
      color: gold;
      letter-spacing: 5px;
      margin: 15px 0;
    }

    .retry {
      display: inline-block;
      margin-top: 20px;
      padding: 10px 25px;
      background: #007bff;
      color: #fff;
      border-radius: 5px;
      text-decoration: none;
      transition: background 0.3s;
    }

    .retry:hover {
      background: #0056b3;
    }
.result-inline {
  text-align: center;      
  position: absolute;       
  top: 50%;                 
  left: 50%;              
  transform: translate(-50%, -50%);
}
.result-inline .star-display {
  font-size: var(--font-size--h2);        
  color: var(--light-green);
  margin-bottom: 1.6rem;
}
.result-inline p {
    margin: 0;
}

.result-inline.perfect-result,
.result-inline.fail-result{
	margin-top: 20rem;
		display: none;
	}
.score-percent{
	  font-size: var(--font-size--h2);
	font-weight: 600;
	margin-bottom: var(--margin-s);
}
/* イベントページ */
.single-event .entry-title{
	margin-bottom: .5em;
}
.single-event .entry-meta{
	margin-bottom: 1em;
}
.single-event .entry-content{
	margin-bottom: var(--margin-l);
}
.single-event .entry-title,
.single-event .entry-meta{
	display: block;
}
.single-event .next-post-link,
.single-event .prev-post-link{
	display: flex;
	align-items: center;
	gap: 1em;
	font-size: 1.4rem;
}
.single-event .next-post-link a:hover,
.single-event .prev-post-link a:hover{
	opacity: 1;
	color: #d34242;
}
.single-event .post-navigation{
	display: flex;
	justify-content: space-around;
	margin-bottom: var(--margin-l);
}