/* =============================
voice一覧
============================= */
body.post-type-archive-voice{
background:#fffef8!important;
}
.voice-container{
margin-top:30px!important;
}
.voice-list{
padding:60px 20px;
}

.voice-container{
max-width:1080px;
margin:0 auto;

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

/* =============================
カード
============================= */

.voice-card{
background:#fff;
border-radius:10px;
padding:25px 20px;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
text-align:center;
}

/* =============================
お得表示
============================= */

.voice-otoku{
margin-bottom:15px;
font-weight:900;
line-height:1.3em;
font-size:20px;
font-family: 'Noto Sans JP', sans-serif;
}

.voice-otoku p:first-child{
font-size:15px;
color:#666;
margin-bottom:5px;
 font-weight : 600;
}

.voice-otoku strong{
font-size:32px;
color:#e60023;
}

/* =============================
写真
============================= */

.voice-photo img{
width:100%;
border-radius:8px;
margin-bottom:15px;
}

/* =============================
名前
============================= */

.voice-name{
font-size:18px;
font-weight:700;
margin-bottom:10px;
}

/* =============================
コメント
============================= */

.voice-text{
font-size:14px;
line-height:1.7;
margin-bottom:20px;
}

/* =============================
詳細ボタン
============================= */

.voice-link{
display:inline-block;
padding:10px 22px;
background:#191970;
color:#fff;
border-radius:30px;
font-size:14px;
text-decoration:none;
transition:0.3s;
}

.voice-link:hover{
background:#00004d;
}

/* =============================
スマホ
============================= */

@media (max-width:768px){

.voice-container{
grid-template-columns:1fr;
gap:20px;
}

.voice-card{
padding:20px;
}

.voice-otoku strong{
font-size:24px;
}

}


/***********************************
 * 記事ページ
 * ********************************/

.voice-box{
border:1px solid #ddd;
padding:25px;
 margin-top : 40px;
margin-bottom:40px;
background:#fff;
}

.top-voice-title{
padding:0px;
font-size:20px;
font-weight:700;
margin-bottom:15px;
box-sizing:border-box;
}
.voice-title{
	background : #e5f9ca;
padding:15px;
font-size:20px;
font-weight:700;
margin-bottom:15px;
}

.voice-row{
display:flex;
gap:20px;
margin-bottom:20px;
}

.voice-left{
width:40%;
}

.voice-right{
width:60%;
}

.voice-photo{
width:100%;
border-radius:6px;
}

.voice-name{
margin-top:5px;
font-weight:600;
 text-align : center;
 font-size : 15px;
}
.voice-heading{
width:100%;
border:1px solid #ccc;
padding:8px 12px;
margin:20px 0 10px;
font-weight:600;
background:#f8f8f8;
box-sizing:border-box;
}

.voice-comment{
margin:0;
line-height:1.8;
}

.voice-bukken{
width:100%;
border-collapse:collapse;
}

.voice-bukken th{
background:#f5f5f5;
padding:8px;
text-align:left;
width:35%;
}

.voice-bukken td{
padding:8px;
}

.voice-staff-comment{
margin-bottom:15px;
 line-height : 1.6;
}

.voice-staff-btn{
display:inline-block;
font-size:13px;
padding:6px 12px;
border:1px solid #333;
text-decoration:none;
}

.voice-more-btn{
display:block;
margin:20px auto 10px;
padding:8px 20px;
border:none;
background:#333;
color:#fff;
cursor:pointer;
}

.voice-anq{
display:none;
border-top:1px solid #ddd;
padding-top:15px;
}
.voice-anq-text{
	line-height : 1.6;
	margin : 0 0  40px 0;
}

/***********************************
 * スマホ
***********************************/
@media (max-width:768px){
.voice-box{
border:1px solid #ddd;
padding:15px;
 margin : 30px 10px;
background:#fff;
}
	
.voice-row{
display:block;
}

.voice-left,
.voice-right{
width:100%;
}

.voice-title{
  display:block;
  background:#e5f9ca;
  padding:15px !important;
  font-size:20px;
  font-weight:700;
  line-height:1.4 !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  margin:0 0 15px !important;
  box-sizing:border-box;
}
	
.voice-photo{
width:100%;
height:auto;
}

.voice-name{
text-align:center;
margin-top:8px;
}

.voice-heading{
margin-top:20px;
}

.voice-staff-btn{
display:block;
width:100%;
text-align:center;
margin-top:10px;
padding:10px;
}

.voice-more-btn{
width:100%;
}

}
/* 担当者情報ボックス */

.voice-staff-box{
border:1px solid #ddd;
padding:15px;
margin-top:20px;
background:#fafafa;
display:flex;
flex-wrap:wrap;
gap:18px;
align-items:flex-start;
}

.voice-staff-box::before{
content:"担当者情報";
display:block;
width:100%;
font-size:14px;
font-weight:700;
margin-bottom:10px;
border-bottom:1px solid #ddd;
padding-bottom:6px;
box-sizing:border-box;
}

.voice-staff-photo{
width:90px;
flex-shrink:0;
}

.voice-staff-photo img{
width:100%;
border-radius:50%;
display:block;
}

.voice-staff-info{
flex:1;
min-width:0;
}

.voice-staff-motto{
font-size:13px;
line-height:1.6;
margin-bottom:8px;
}

.voice-staff-btn{
display:inline-block;
font-size:12px;
padding:6px 12px;
border:1px solid #333;
text-decoration:none;
}

.voice-back{
text-align:center;
margin:40px 0 20px;
}

.voice-back-btn{
padding:10px 30px;
background:#333;
color:#fff;
border:none;
cursor:pointer;
font-size:14px;
}