@charset "utf-8";

/*==================切り替えボタン==================*/

section#changeBtn ul{
	display:flex;
	justify-content:space-between;
	margin-bottom:20px;
}

section#changeBtn ul li{
	width:50%;
	margin-right:10px;
	padding:10px 0;
	background:#f5f5f5;
	border-radius:5px 5px 0 0;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}

section#changeBtn ul li a{
	display:block;
}

section#changeBtn ul li:last-child{
	margin-right:0;
}

section#changeBtn ul li.active{
	position:relative;
	background:#c80037;
	color:#fff;
}

section#changeBtn ul li.active a{
	color:#fff;
}

section#changeBtn ul li.active:after{
	content:"";
	display:inline-block;
	position:absolute;
	left:calc(50% - 10px);
	bottom:-18px;
	border:10px solid transparent;
	border-top:8px solid #c80037;
}

/*==================説明文==================*/

#mainCont .description{
	padding:10px 0;
	border-bottom:1px solid #aaa;
}

#mainCont .description h4{
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
}

#mainCont h3{
	margin:10px 0;
	font-size:18px;
	font-weight:bold;
}

/*==================コンテンツ部分==================*/

#mainCont .itemlist{
	display:flex;
	flex-wrap:wrap;
}

#mainCont .itemlist li{
	display:flex;
	flex-wrap:wrap;
	width:49%;
	margin:0 2% 10px 0;
}

#mainCont .itemlist li:nth-child(2n){
	margin-right:0;
}

#mainCont .itemlist li h4{
	width:100%;
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
}

#mainCont .itemlist li h4 img{
	vertical-align:top;
	margin-right:5px;
}

#mainCont .itemlist li figure{
	box-sizing:border-box;
	width:140px;
	height:140px;
	margin-right:10px;
	overflow:hidden;
}

#mainCont .itemlist li .rankInfo{
	width:calc(100% - 150px);
	font-size:12px;
}

#mainCont .itemlist li .rankInfo h5{
	margin-bottom:5px;
	font-size:16px;
}

#mainCont .itemlist li .rankInfo a{
	font-weight:bold;
}

#mainCont .itemlist li .rankInfo .time:before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	background:url('https://img.undernavi.com/front/pc/common/icon_clock.png');
	width:18px;
	height:18px;
	margin-right:5px;
}

#mainCont .itemlist li .rankInfo .catchCopy{
	margin-top:5px;
}

#mainCont .itemlist li:hover figure{
	border:1px solid #c80037;
}

#mainCont .itemlist li:hover a{
	color:#c80037;
	text-decoration:underline;
}
/****************************グループランキング****************************/
.groupRanlTtl {
	padding: 7px 10px;
	background: #c90037;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}
.groupRanking .col4 {
	display: flex;
}

.groupRanking .col4 li {
	width: 20.5%;
	margin-right: 6%;
}
.groupRanking .col4 li:nth-child(4) {
	margin-right:0;
}
.groupRanking .col4 li:hover a {
	color:#c80037;
	text-decoration: underline;
}
.rank {
	font-size: 20px;
	font-weight: bold;
	display: flex;
	align-items: baseline;
}
.rank img {
	width: 15%;
}
.rank1 {
	color:#e5bf00;
}
.rank2 {
	color:#b2b2b2;
}
.rank3 {
	color:#cc8f52;
}
.rank4 {
	color: #000;
	height: 31px;
}
.moreBtn a {
	display: block;
	width: 18%;
	margin: 35px auto;
	background: #c90037;
	padding: 7px 0;
	border-radius: 5px;
	color: #fff;
	text-align: center;
}
.groupRanking .shopName,
.groupRanking .galName {
	font-size:15px;
}
.groupRanking .col4 li figure {
	margin-bottom: 5px;
}
.groupRanking .content {
	line-height: 1.5;
}
.cate-deli > span:after {
    content: "/";
}
.cate-deli > span:last-child:after {
    content: none;
}