@charset "UTF-8";
html {
	font-size:clamp(10px, 1.42vw, 20px);
	color:#000;
}

#consult-main-wrap #mainContainerUnderTP { padding-bottom:0 !important; }

#consult-main-wrap .top-txt {
	font-size:.9rem;
	margin-bottom:5rem;
}
#consult-main-wrap ul.taste-list {
	padding:6rem 0 3rem;
	position:relative;
}
#consult-main-wrap ul.taste-list::before {
	content:"";
	width:45.75rem;
	height:100%;
	display:block;
	border-radius:3rem 3rem 0 0;
	background:#f2f2f2;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	z-index:-1;
}
#consult-main-wrap ul.taste-list li {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:5rem;
	color:#000;
}
#consult-main-wrap ul.taste-list li .txt-box {
	padding-top:.75rem;
	width:calc(100% - 33rem - 4rem);
}
#consult-main-wrap ul.taste-list li .pic-box { width:33rem; }
#consult-main-wrap ul.taste-list li:nth-child(even) .pic-box { order:2; }
#consult-main-wrap ul.taste-list li:nth-child(even) .txt-box { order:1; }
#consult-main-wrap ul.taste-list li .txt-box h2 {
	font-size:1.4rem;
	font-weight:bold;
}
#consult-main-wrap ul.taste-list li .txt-box .txt {
	font-size:.8rem;
	line-height:1.875;
	margin:1.5rem 0;
}
#consult-main-wrap ul.taste-list li .txt-box .btn a {
	font-size:.8rem;
	background:#d70a30;
	border-radius:100vmax;
	color:#fff;
	text-align:center;
	font-weight:bold;
	width:6.5rem;
	line-height:2rem;
	display:block;
	text-decoration:none;
}
#consult-main-wrap ul.taste-list li .txt-box .btn a:hover { opacity:.5; }


@media screen and (max-width: 767px) {
	#consult-main-wrap .top-txt { font-size:15px; text-align:left; }
	#consult-main-wrap ul.taste-list::before { width:75%; border-radius:20px 20px 0 0; }
	#consult-main-wrap ul.taste-list li { display:block; }
	#consult-main-wrap ul.taste-list li .pic-box { width:100%; }
	#consult-main-wrap ul.taste-list li .txt-box { width:100%; padding-top:15px; }
	#consult-main-wrap ul.taste-list li .txt-box h2 { font-size:19px; }
	#consult-main-wrap ul.taste-list li .txt-box .txt { font-size:15px; margin:10px 0 15px; }
	#consult-main-wrap ul.taste-list li .txt-box .btn a { font-size:15px; width:150px; line-height:35px; margin:0 auto; }
}



#consult-main-wrap .page-ttl-box {
	display:flex;
	justify-content:space-between;
	margin-top:3rem;
	margin-bottom:5rem;
}
#consult-main-wrap .page-ttl-box h1 { margin-top:0; }
#consult-main-wrap .page-ttl-box h1 .en {
	font-size:4rem;
	color:#b8b8b8;
	font-weight:bold;
	text-transform:capitalize;
	display:block;
}
#consult-main-wrap .page-ttl-box h1 .jp {
	font-size:1.2rem;
	color:#000;
	display:block;
	font-weight:bold;
	margin-top:-.5rem;
	text-align:left;
}
#consult-main-wrap .page-ttl-box .desp-txt {
	font-size:.8rem;
	line-height:1.875;
	width:28.5rem;
	padding-top:1rem;
	color:#000;
}
#consult-main-wrap ul.taste-item-list {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	align-items:inherit;
}
#consult-main-wrap ul.taste-item-list li {
	width:calc((100% - 4rem) / 3);
	margin-right:2rem;
	margin-bottom:3rem;
	position:relative;
	padding-bottom:4rem;
}
#consult-main-wrap ul.taste-item-list li:nth-child(3n) { margin-right:0; }
#consult-main-wrap ul.taste-item-list li .pic-box {
	width:100%;
	aspect-ratio:1 / 1;
}
#consult-main-wrap ul.taste-item-list li .pic-box img {
	width:100%;
	height:100%;
	object-fit:cover;
}
#consult-main-wrap ul.taste-item-list li .pic-box a:hover { opacity:.5; }
#consult-main-wrap ul.taste-item-list li .line-item {
	display:flex;
	align-items:center;
	font-size:.7rem;
	margin-top:.5rem;
}
#consult-main-wrap ul.taste-item-list li .line-item .ttl { width:5em; }
#consult-main-wrap ul.taste-item-list li .line-item .name { width:calc(100% - 5em); }
#consult-main-wrap ul.taste-item-list li .clr-box {
	background:#ececec;
    padding:.5rem 1rem 1rem;
}
#consult-main-wrap ul.taste-item-list li .comment-txt {
	line-height:1.875;
	font-size:.8rem;
	padding:.5rem 0 .7rem;
	/*border-bottom:1px solid #d2d2d2;
	margin-bottom:1rem;*/
}
#consult-main-wrap ul.taste-item-list li .btn {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
}
#consult-main-wrap ul.taste-item-list li .btn a {
	font-size:.8rem;
	font-weight:bold;
	color:#fff;
	background:#d70a30;
	text-align:center;
	width:9.5rem;
	line-height:2rem;
	border-radius:100vmax;
	display:block;
	margin:2rem auto 0;
}
#consult-main-wrap ul.taste-item-list li .btn a:hover { opacity:.5; }

#consult-main-wrap .page-nav {
	margin-bottom:10rem;
	margin-top:2rem;
}
#consult-main-wrap .page-nav .nav-links {
	display:flex;
	justify-content:center;
}
#consult-main-wrap .page-nav .nav-links .page-numbers {
	width:2rem;
	line-height:2rem;
	border:2px solid #d70a30;
	margin:0 .5rem;
	font-size:1.1rem;
	font-weight:bold;
	text-align:center;
	color:#d70a30;
}
#consult-main-wrap .page-nav .nav-links .page-numbers.current {
	background:#d70a30;
	color:#fff;
}
#consult-main-wrap .page-nav .nav-links .page-numbers.next,
#consult-main-wrap .page-nav .nav-links .page-numbers.prev { border:0; }
#consult-main-wrap .page-nav .nav-links a:hover { opacity:.5; }

@media screen and (max-width: 767px) {
	#consult-main-wrap .page-ttl-box { display:block; }
	#consult-main-wrap .page-ttl-box h1 .jp { font-size:20px; text-align:center; }
	#consult-main-wrap .page-ttl-box .desp-txt { font-size:15px; padding-top:20px; }
	#consult-main-wrap ul.taste-item-list { display:block; }
	#consult-main-wrap ul.taste-item-list li { width:100%; margin-right:0; margin-bottom:40px; padding-bottom:55px; }
	#consult-main-wrap ul.taste-item-list li .line-item { font-size:14px; margin-top:5px; }
	#consult-main-wrap ul.taste-item-list li .clr-box { padding:6px 10px 11px; }
	#consult-main-wrap ul.taste-item-list li .comment-txt { font-size:15px; margin-top:5px; }
	#consult-main-wrap ul.taste-item-list li .btn a { font-size:15px; line-height:35px; width:150px; text-decoration:none; }
	#consult-main-wrap .page-nav { margin-top:60px; }
	#consult-main-wrap .page-nav .nav-links .page-numbers { width:25px; line-height:25px; font-size:14px; text-decoration:none; }
}

#consult-main-wrap ul.anc-link {
	display:flex;
	justify-content:center;
    font-size:.9rem;
    margin-bottom:5rem;
    line-height:1;
}
#consult-main-wrap ul.anc-link li {
	margin:0 1rem;
	position:relative;
}
#consult-main-wrap ul.anc-link li::after {
	content:"|";
	display:block;
	position:absolute;
	right:-1rem;
	top:-.1rem;
}
#consult-main-wrap ul.anc-link li:last-child::after { display:none; }

@media screen and (max-width: 767px) {
	#consult-main-wrap ul.anc-link { flex-wrap:wrap; font-size:15px; }
	#consult-main-wrap ul.anc-link li { margin-bottom:10px; }
	#consult-main-wrap ul.anc-link li a { text-decoration:none; }
}