/* CSS Document */
/*ページタイトル*/
.page_title h2::after{
	content: "VOICE";
}
/*コンテンツ*/
main{
	background-color: #f0f8ff;
}
.voice_area{
	margin: var(--headerHeight) auto 0;
	background-color: #fff;
	box-sizing: border-box;
	padding: 1.5rem;
	border-radius: 0.25rem;
}
body[wc-view-code="sp"] .voice_area{
	width: 86vw;
	padding: 1rem;
}
body[wc-view-code="tb"] .voice_area{
	width: 90vw;
}
body[wc-view-code="pc"] .voice_area{
	width: 750px;
}
.voice_area > .top_area{
	display: flex;
	flex-direction: column;
}
.voice_area > .top_area h2{
	font-size: 1.25rem;
	font-weight: 700;
	order: 2;
}
.voice_area > .top_area > .article_info{
	display: flex;
	justify-content:space-between; 
	margin-block:0.5rem;
	order: 1;
}
.voice_area > .top_area > .article_info *{
	font-weight: 700;
	font-size: 0.9rem;
}
.voice_area > .top_area > .article_info h3{
	color: var(--accentColor);
  font-weight: 700;
  font-size: 0.9rem;
  padding: 0.15rem 0.5rem;
  display: table;
  border: solid 1px var(--accentColor);
  box-sizing: border-box;
  background-color: #fff;
}
.voice_area > .top_area > .people_info{
	font-size: 0.9rem;
	font-weight: 700;
	order: 3;
}
.voice_area > article{
	margin-top: 1.25rem;
}
.voice_area > article .v_c_title{
	font-weight: 700;
  align-items: center;
  display: flex;
  gap: 0.15rem;
	font-size: 1.1rem;
}
.voice_area > article .v_c_title::before{
	content: "";
  -webkit-mask-image: url("/img/svg/title_deco.svg");
  mask-image: url("/img/svg/title_deco.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: var(--accentColor);
  width: 0.7rem;
  height: 0.8rem;
}
.voice_area > article .v_c_title.orange_h2::before{
	background-color: #f26d00;
}

.voice_area > article .v_c_title .navy,
.voice_area > article .v_c_title .orange,
.voice_area > article .v_c_title .purple{
	font-weight: 700;
}
.voice_area > article > p{
	line-height: 1.8rem;
	padding: 0 1rem;
	box-sizing: border-box;
}
.voice_area > article > ul{
	padding-left: 2rem;
	box-sizing: border-box;
	list-style-position: outside;
}
.voice_area > article > ul > li:not(:first-of-type){
	margin-top: 0.25rem;
}
.excursion{
	margin: 1rem auto calc(var(--headerHeight) / 2) auto;
  display: flex;
  justify-content: space-between;
  padding: 0 0.75rem;
  box-sizing: border-box;
}
body[wc-view-code="sp"] .excursion{
	width: 86vw;
	margin: 0.5rem auto calc(var(--headerHeight) / 2) auto;
}
body[wc-view-code="tb"] .excursion{
	width: 90vw;
}
body[wc-view-code="pc"] .excursion{
	width: 750px;
}
.excursion a{
	color: var(--defColor);
	width: fit-content;
	position: relative;
	z-index: 1;
	text-decoration: none;
	height: var(--headerBtnSize);
  display: flex;
  align-items: center;
}
.excursion .preview:only-of-type{
	margin-right: auto;
}
.excursion .next:only-of-type{
	margin-left: auto;
}
.excursion .preview{
	padding-left: 1rem;
}
.excursion .next{
	padding-right: 1rem;
}
.excursion .preview::before,
.excursion .next::after{
	content: "";
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 53%;
  z-index: 2;
}
.excursion .preview::before{
	left: 0;
	border-top: 1px solid var(--defColor);
	border-left: 1px solid var(--defColor);
	transform: translateY(-50%) rotate(-45deg);
}
.excursion .next::after{
	right: 0;
	border-top: 1px solid var(--defColor);
	border-right: 1px solid var(--defColor);
	transform: translateY(-50%) rotate(45deg);
}
.btn_block{
	margin-bottom: var(--headerHeight);
}
body[wc-view-code="sp"] .btn_block{
	margin-left: auto;
	margin-right: auto;
}