@charset "utf-8";
/* CSS Document */

/* page-ttl-head
-------------------------------------------------- */
.page-ttl-head {
	text-align: center;
	margin-bottom: 60px;
}
.page-ttl-head__ttl {
    font-size: 3.2rem;
    line-height: 1.4;
    letter-spacing: 0.1em;
    font-weight: 400;
}
.page-ttl-head__ttl > span {
    display: block;
	margin-top: 5px;
    font-size: 2rem;
    line-height: 1.6;
    letter-spacing: 0.15em;
    color: #808080;
}
.page-ttl-head__text {
	font-size: 1.5rem;
	letter-spacing: 0.1em;
	line-height: 2;
	margin-top: 30px;
}
.page-ttl-head__btn {
	margin-top: 20px;
}

/* voice-list
-------------------------------------------------- */
.voice-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
.voice-detail-nav + .voice-list {
	margin-bottom: 100px;
}
.voice-list__block {
	width: 47%;
	padding: 40px 0;
	border-bottom: 1px solid #DBDBDB;
}
.voice-list__block a {
	display: block;
	transition: .2s all;
}
.voice-list__block a:hover {
	opacity: .6;
}
.voice-list__block__ttl {
	text-decoration: underline;
	margin-bottom: 10px;
}
.voice-list__block__text {
	height: 4em;
	overflow: hidden;
	margin-bottom: 15px;
}
.voice-list__block__info {
	color: #808080;
}
.voice-list__block__info__shop::before {
	content: "｜";
	display: inline-block;
	margin: 0 10px 0 5px;
}

/* voice-shop-list
-------------------------------------------------- */
.voice-shop-list {
	border: 1px solid #000;
	padding: 40px 50px;
	margin: 80px 0 100px;
}
.voice-shop-list__ttl {
	font-size: 2.0rem;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
	font-weight: 400;
}
.voice-shop-list__cont {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.voice-shop-list__cont::after {
	content:"";
	display: block;
	width: 32%;
}
.voice-shop-list__cont li {
	width: 32%;
	margin: 5px 0;
}
.voice-shop-list__cont li a {
    display: block;
    padding: 0;
    line-height: 1.6;
    color: #000;
    letter-spacing: 0.05em;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"><line class="cls-1" x1="0" y1="0" x2="5" y2="5" style="stroke:rgb(0,0,0);stroke-width:1" /><line class="cls-1" x1="5" y1="4.8" x2="0" y2="9.8" style="stroke:rgb(0,0,0);stroke-width:1"/></svg>');
    background-size: 8px auto;
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-left: 1.4em;
    text-align: left;
    transition: all .7s cubic-bezier(0.19, 1, 0.22, 1)
}
.voice-shop-list__cont li a:hover,
.voice-shop-list__cont li a:active,
.voice-shop-list__cont li a:focus {
    color: #666;
    background-position: 5px 50%;
    filter: alpha(opactiy=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7
}

/* voice-detail-block
-------------------------------------------------- */
.voice-detail-block {
	width: 100%;
	max-width: 950px;
	margin: 0 auto;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 60px 40px;
	margin-bottom: 30px;
	box-sizing: border-box;
}
.voice-detail-block__ttl {
	font-size: 2.2rem;
	margin-bottom: 25px;
	letter-spacing: 0.08em;
}
.voice-detail-block__text {
	font-size: 1.5rem;
	margin-bottom: 20px;
}
.voice-detail-block__info {
	font-size: 1.5rem;
	color: #808080;
	text-align: right;
}

/* voice-detail-nav
-------------------------------------------------- */
.voice-detail-nav {
	width: 100%;
	border-bottom: 1px solid #DBDBDB;
	padding-bottom: 120px;
	margin-bottom: 40px;
}
.voice-detail-nav ul {
	width: 100%;
	display: block;
	max-width: 950px;
	margin: 0 auto;
	position: relative;
	font-size: 1.5rem;
	text-align: center;
}
.voice-detail-nav ul li {
	float: none;
	letter-spacing: 0.08em;
}
.voice-detail-nav__back,
.voice-detail-nav__next {
	position: absolute;
	top: 0;
}
.voice-detail-nav__back {
	left: 40px;
}
.voice-detail-nav__next {
	right: 40px;
}
.voice-detail-nav ul li a {
	position: relative;
	transition: all .2s;
}
.voice-detail-nav__list a {
	background-image: url(https://image.lazarediamond.jp/assets/img/common/ic-archive.svg);
	padding-left: 29px;
	background-position: center left;
	background-size: 17px 17px;
	background-repeat: no-repeat;
}
.voice-detail-nav__back a {
	display: block;
	padding-left: 20px;
}
.voice-detail-nav__next a {
	display: block;
	padding-right: 20px;
}
.voice-detail-nav__back a::after,
.voice-detail-nav__next a:after {
	content: "";
	width: 5px;
	height: 5px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	position: absolute;
	top: 50%;
}
.voice-detail-nav__back a::after {
	left: 0;
	transform: translateY(-50%) rotate(135deg);
}
.voice-detail-nav__next a::after {
	right: 0;
	transform: translateY(-50%) rotate(-45deg);
}
.voice-detail-nav ul li a:hover {
	opacity: .6;
}


.page-ttl-head .link-box{
	width:auto;
	padding:10px 20px;
}
.page-ttl-head .link-box span{
	padding-right: 20px;
}