@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Squada+One&display=swap');
/* .mainContents */
.mainContents article{
	margin:10px 10px 40px;
	padding:0 0 30px;
	box-shadow: 0px 0px 6px #ccc;
	position:relative;
}
.mainContents article.hide{
	height:800px;
	overflow:hidden;
}
.mainContents article.hide:before{
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 20px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.mainContents article .rankHead{
	display:flex;
	flex-wrap:wrap;
}
.mainContents article .rankHead .rank{
	display: inline-block;
	align-items:center;
	justify-content: center;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding: 1px 5px;
    border-radius: 3px;
    margin-right: 7px;
	background:url(../img/bg_ranking.png) no-repeat;
	background-size:cover;
}
.mainContents article .rankHead .rank strong{
	font-size:20px;
}
.mainContents article .rankHead .rank.no1{
	background:url(../img/bg_ranking1.png?) no-repeat;
	background-size:cover;
}
.mainContents article .rankHead .rank.no2{
	background:url(../img/bg_ranking2.png?) no-repeat;
	background-size:cover;
}
.mainContents article .rankHead .rank.no3{
	background:url(../img/bg_ranking3.png?) no-repeat;
	background-size:cover;
}
.mainContents article .soup{
	margin:5px auto;
	font-weight:bold;
	text-align:center;
	color:#D3221D;
}
.mainContents article .mainPhoto .nomihoshi{
	text-align:center;
	width:96px;
	height:80px;
	background:url(../img/bg_nomihoshi.png) no-repeat;
	background-size:cover;
	position:absolute;
	top:0;
	right:0;
	z-index:10;
}

.mainContents article .detail{
	padding: 15px 0 15px 10px;
	width: 100%;
	background: #f5f5f5;
}
.mainContents article .detail li{
	line-height:1.2;
}
.mainContents article .detail li.catchcopy{
	font-size:18px;
	font-weight:bold;
	text-indent:-0.5em;
}
.mainContents article .detail li.shopName{
	font-size:16px;
	font-weight:bold;
}
.mainContents article .detail li.shopName a{
	color: #000;
}
.mainContents article .detail li.itemName{
	font-size: 16px;
	margin: 5px 0 0;
	font-weight: bold;
}
.mainContents article .detail li.shopArea{
	font-size: 12px;
	margin: 5px 0 0;
}
/*.mainContents article .detail li.shopName a:before{
	content:"\025b6";
	display:inline;
}*/

.mainContents article .mainPhoto{
	margin:0;
	position:relative;
}
.mainContents article .mainPhoto .nomihoshi.p90{
	background:url(../img/bg_nomihoshi90.png) no-repeat;
	background-size:cover;
}
.mainContents article .mainPhoto .nomihoshi.p100{
	background:url(../img/bg_nomihoshi100.png) no-repeat;
	background-size:cover;
}
.mainContents article .mainPhoto .nomihoshi span:first-of-type{
	display:block;
	font-size:10px;
	font-weight:bold;
	padding:8px 0 0;
}
.mainContents article .mainPhoto .nomihoshi span:last-of-type{
	display:block;
	font-size:18px;
	font-family: 'Squada One', cursive;
	margin:-5px 0 0;
}
.mainContents article .mainPhoto .nomihoshi span:last-of-type strong{
	font-size:36px;
	letter-spacing:-1px;
}
.mainContents article .mainPhoto .slider{
}
.mainContents article .mainPhoto .thumbnail-list{
	display:flex;
	margin: 5px auto 0;
    width: calc(100% - 20px);
}
.mainContents article .mainPhoto .thumbnail-item{
	position:relative;
}
.mainContents article .mainPhoto .thumbnail-item img{
	max-width: 97%;
	margin: auto;
}
.mainContents article .mainPhoto .thumbnail-item:after{
	content:'';
	background-color: rgba(0,0,0,0.3);
	position:absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: .3s opacity linear;
}
.mainContents article .mainPhoto .thumbnail-item.thumbnail-current:after{
	opacity: 0;
}

.mainContents article h2{
	font-size:16px;
	line-height:1.5;
	margin:20px 10px 0 0;
}
.mainContents article .tag{
	display:none;
	margin:10px;
}
.mainContents article .tag li{
	display:inline-block;
	font-size:12px;
	margin:0 10px 0 0;
	padding:3px 15px;
	border:1px solid #000;
	border-radius:20px;
}
.mainContents article .data{
	display:flex;
	flex-wrap:wrap;
	margin:5px 10px 10px;
}
.mainContents article .data dt{
	display:flex;
	align-items:center;
	justify-content: center;
	margin:1px 0 0 0;
	width:47px;
	min-height:34px;
	background:#E5D4C3;
	text-align: center;
}
.mainContents article .data dt.twoline{
	height: auto;
}
.mainContents article .data dd{
	display:flex;
	align-items:center;
	justify-content: flex-start;
	margin:1px 0 0 0;
	padding:5px 0 5px 5px;
	width:calc(100% - 47px);
	background:#FDF4E4;
}
.mainContents article .data dd.arrow{
	margin:5px 0;
	padding:0;
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 10px solid #E5D4C3;
}
.mainContents article .data dt,
.mainContents article .data dd{
	font-size:12px;
	line-height:1.2;
}
.mainContents article .data dd span{
	text-align:center;
	width:4.5em;
}
.mainContents article .data dd i.far:before{
	background:#D42F2B;
	border-radius:15px;
}

.mainContents article .shopData{
	display:flex;
	flex-wrap:wrap;
	margin:10px 15px;
}
.mainContents article .shopData dt{
	display:flex;
	align-items:center;
	justify-content: center;
	font-size:13px;
	line-height:1.2;
	margin:1px 0 0 0;
	width:75px;
	min-height:34px;
	background:#ddd;
}
.mainContents article .shopData dd.item{
	display:flex;
	align-items:center;
	justify-content: flex-start;
	font-size:13px;
	line-height:1.2;
	margin:1px 0 0 0;
	padding:5px;
	width:calc(100% - 75px);
	min-height:34px;
	background:#eee;
}
.mainContents article .shopData dd.arrow{
	margin:5px 0;
	padding:0;
	width: 0;
	height: 0;
	background:#eee;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 10px solid #ddd;
}
.mainContents article .shopData dd.far:before{
	background:#D42F2B;
	border-radius:15px;
}
.mainContents article .shopData dt:first-of-type{
	margin:1px 0 0 0;
}
.mainContents article .shopData dd.arrow:first-of-type,
.mainContents article .shopData dd.item:nth-of-type(2){
	margin:1px 0 0 0;
}
.mainContents article .shopData dd.graph{
	margin:1px 0 0 0;
	background:#eee;
}
.mainContents article .explanation{
	font-size:14px;
	margin: 20px 10px 10px;
	padding:0;
	border:1px solid #E0CEBF;
}
.mainContents article .explanation p{
	padding:10px;
	line-height: 170%;
}
.mainContents article .explanation p:first-of-type{
	background:#FDF4E4;
}
.mainContents article .shopAddress{
	margin:10px 10px 40px;
}
.mainContents article .shopAddress li{
	font-size:14px;
	text-align:center;
	margin:0 0 20px;
}
.mainContents article .shopAddress li.map{
	display:flex;
	align-items:center;
	justify-content:center;
	margin:5px 0 0;
}
.mainContents article .shopAddress li.map a{
	text-align:center;
	text-decoration:none;
	margin:0 5px;
	padding:10px 0;
	width:calc(50% - 10px);
	border-radius:5px;
}
.mainContents#shopListArea article .shopAddress li.map a{
	font-size:15px;
	width:calc(100% - 10px);
}
.mainContents article .shopAddress li.map a:first-of-type{
	color:#fff;
	background:#000;
}
.mainContents article .shopAddress li.map a:last-of-type{
	color:#000;
	background:#EFEB43;
	position:relative;
}
.mainContents article .shopAddress li.map a:last-of-type:after{
	content:"\f138";
	font-size:14px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	position:absolute;
	top:calc(50% - 11px);
	right:10px;
}
.mainContents article .shopAddress li.map a i{
	padding:0 5px 0 0;
}

.mainContents article .acordionBtn{
	width:200px;
	position:absolute;
	bottom:0;
	right: 0;
    left: 0;
	z-index:5;
	margin: auto;
}
.mainContents article .acordionBtn a{
	display:block;
	color:#fff;
	font-size:15px;
	text-align:center;
	text-decoration:none;
	margin:0 0 0 auto;
	padding: 8px 0 3px 0;
	background:#000;
	border-radius:7px 7px 0 0;
}
.mainContents article .balloon{
	position: relative;
	margin: 20px 10px 15px 10px;
	background: #EFEB43;
	padding: 10px;
	font-weight: bold;
}
.mainContents article .balloon::before{
	content: '';
	position: absolute;
	bottom: -10px;
	left:50%;
	display: block;
	width: 0;
	height: 0;
	border-right: 10px solid transparent;
	border-top: 10px solid #EFEB43;
	border-left: 10px solid transparent;
}

.mainContents .shopMenu{
	margin:0 15px;
}
.mainContents .shopMenu h3{
	margin:20px 0 0px;
}
.mainContents .shopMenu dl{
	display:flex;
	flex-wrap:wrap;
}
.mainContents .shopMenu dt{
	font-size:14px;
	margin:5px 0 0;
	padding:3px 10px;
	width:70%;
	border-bottom:1px solid #ccc;
}
.mainContents .shopMenu dd{
	font-size:14px;
	text-align:right;
	line-height:1.5;
	margin:5px 0 0;
	padding:3px 10px;
	width:30%;
	border-bottom:1px solid #ccc;
}
.mainContents .shopMenu .teishoku dt{
	width:55%;
}
.mainContents .shopMenu .teishoku dd{
	width:45%;
}
.mainContents .shopMap{
	padding-bottom: 56.25%;
	width:100%;
	height: 0;
	position: relative;
	overflow: hidden;
}
.mainContents .shopMap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* .mainContents#shopListArea */
.mainContents#shopListArea article.adBox{
	background:#ffffef;
}
.mainContents#shopListArea article .adTitle{
	color:#D3221D;
	font-size:14px;
	font-weight:bold;
	padding:7px 10px 7px;
	background:#EFEB43;
}
.mainContents#shopListArea article .detail{
	margin:0;
	padding:10px;
	width:100%;
}
.mainContents#shopListArea article .shopName{
	font-size:16px;
	font-weight:bold;
	line-height:1.5;
	padding:0;
}
.mainContents#shopListArea article .detail li.shopName a:before{
	display:none;
}
.mainContents#shopListArea article .shopAddress{
	margin:10px 10px 0;
	width:calc(100% - 20px);
}
.mainContents#shopListArea article .explanation {
	margin: 0;
    padding: 15px 15px 0 15px;
    background: none;
    border: none;
}

/* .mainContents#shopDetailArea */
.mainContents#shopDetailArea article .mainPhoto .slick-slide:not(.slick-center){
	-webkit-filter: opacity(70%);
	-moz-filter: opacity(70%);
	-o-filter: opacity(70%);
	-ms-filter: opacity(70%);
	filter: opacity(70%);
	transition: 0.2s linear;
}
.mainContents#shopDetailArea article .shopMenu h2{
	line-height:1;
	margin:40px 0 0;
	padding:10px;
	background:#FDF4E4;
}
.mainContents#shopDetailArea article .shopMenu h3{
	line-height:2;
	margin:20px 0 0;
	padding:0 0 0 40px;
	background:url(../img/icon_ramen.png) no-repeat;
	font-size:16px;
	background-size:35px auto;
}
.mainContents#shopDetailArea article .shopAddress{
	margin:10px 10px 20px;
}
.mainContents#shopDetailArea article .mapBtn{
	margin:0 0 0 auto;
	width:180px;
}
.mainContents#shopDetailArea article .mapBtn a{
	display:block;
	color:#000;
	text-align:center;
	text-decoration:none;
	padding:10px;
	background:#EFEB43;
	border-radius:0 0 0 8px;
}

.mainContents article .pcWrapper{
	margin:0;
}
/* ========== スマホ・タブレット専用（幅1024px以下） ========== */
@media screen and (max-width: 1024px) {
}
/* === タブレット専用（幅768px～1024px） === */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.mainContents article{
		display:flex;
		flex-wrap:wrap;
		margin:0 0 40px;
	}
	.mainContents article .mainPhoto{
		width:50%;
	}
	.mainContents article .pcWrapper{
		margin:0;
		width:50%;
	}
	.mainContents article .pcWrapper h2{
		margin:0 10px;
	}
}
/* ========== PC専用（幅1025px以上） ========== */
@media screen and (min-width: 1025px) {
	#wrapper{
		display:flex;
		flex-wrap:wrap;
		margin:0 auto;
		/*width:1000px;*/
		width:800px;
	}

	/* .mainContents */
	.mainContents{
		width:800px;
	}
	.mainContents article{
		display:flex;
		flex-wrap:wrap;
		margin:0 0 40px;
	}
	.mainContents article.hide{
		padding:0;
		/*height:560px;*/
		height:auto;
	}
	.mainContents article.hide:before{
		display:none;
	}
	.mainContents article .rankHead{
		width:100%;
	}
	
	.mainContents article .mainPhoto{
		width:50%;
	}
	.mainContents article .pcWrapper{
		margin:0;
		width:50%;
	}
	.mainContents article .pcWrapper h2{
		margin: 10px 10px 0;
	}
	.mainContents article .explanation{
		width:100%;
		margin: 30px 15px 10px;
	}
	.mainContents article .shopData{
		width:100%;
	}
	.mainContents article .shopData dd.arrow{
		margin:5px 0;
	}
	.mainContents article .shopData dd.item{
		width:calc(50% - 75px);
	}

	.mainContents article .shopData dt:nth-of-type(2n){
	}
	.mainContents article .shopData dt:nth-of-type(2n+1){
		margin:1px 0 0 0;
	}
	.mainContents article .shopData dd.item:nth-of-type(4n+1){
		margin:1px 0 0 0;
	}
	.mainContents article .shopData dd.item:nth-of-type(4n+3){
	}

	.mainContents article .shopData dt:first-of-type,
	.mainContents article .shopData dd.arrow:first-of-type{
		margin:1px 0 0 0;
	}
	.mainContents article .shopData dd:first-of-type{
		width: calc(100% - 75px);
	}
	.mainContents article .shopData dd.item:nth-of-type(2){
		margin:1px 0 0 0;
		width:calc(100% - 85px);
	}
	.mainContents article .shopData dd.graph{
		display:flex;
		align-items:center;
		justify-content:center;
		margin:0;
		background:#F7F6F6;
		width:100%;
	}
	.mainContents article .shopData dd.graph img{
		max-width: 60%;
	}
	.mainContents article .detail{
		padding:10px;
	}
	.mainContents article .detail li.shopName{
		font-size:18px;
	}
	.mainContents article .detail li.shopArea{
		margin: 7px 0 0;
	}
	.mainContents article .detail li.itemName{
		margin: 7px 0 0;
		font-size:18px;
	}
	.mainContents#shopListArea .shopData dt{
	}
	.mainContents#shopListArea .shopData dd.item{
		width:calc(100% - 115px);
	}
	.mainContents article .mainPhoto .thumbnail-list{
		padding-left: 10px;
	}

	.mainContents article .shopAddress{
		width:100%;
	}
	.mainContents article .shopAddress li{
		text-align:center;
		padding:0 10px 0 0;
	}
	.mainContents article .shopAddress li.map{
		margin:5px 0 0 10px;
	}
	.mainContents article .shopAddress li.map a{
		margin:0 5px;
		width:45%;;
	}

	.mainContents .shopMap{
		width:100%;
	}

	/* .mainContents.shopListArea */
	.mainContents#shopListArea .pcWrapper{
		margin:0;
	}
	.mainContents#shopListArea article .explanation{
		width:100%;
	}
	
	/* .mainContents#shopDetailArea */
	.mainContents#shopDetailArea article .mainPhoto{
		position:static;
		width:100%;
	}
	.mainContents#shopDetailArea article .mainPhoto .thumbnail-list{
		width:500px;
		margin:0 auto;
	}
	.mainContents#shopDetailArea article .shopMenu{
		display:flex;
		flex-wrap:wrap;
	}
	.mainContents#shopDetailArea article .shopMenu h2{
		width:100%;
	}
	.mainContents#shopDetailArea article .shopMenu div{
		width:50%;
	}
	.mainContents#shopDetailArea article .shopMenu div:nth-of-type(odd){
		padding:0 10px 10px 0;
	}
	.mainContents#shopDetailArea article .shopMenu div:nth-of-type(even){
		padding:0 0 10px 10px;
	}

	.mainContents article .acordionBtn{
		display:none;
	}
	.slick-slide img{
		margin: 20px 0 0 10px;
	}
	.mainContents article .mainPhoto .nomihoshi{
		top: 20px;
	}
	.mainContents article .data dt{
		width: 80px;
	}
	.mainContents article .data dd{
		width: calc(100% - 80px);
	}
}

ul.graf.men{
	margin: 0 auto;
	padding: 20px 0 20px 0;
    list-style: none;
    background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAjCAMAAAB4muVkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM1MiwgMjAyMC8wMS8zMC0xNTo1MDozOCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0Q0VBNzAxQUVCNDExRUFBMTBCODA3MzIwQkMwODhEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0Q0VBNzAyQUVCNDExRUFBMTBCODA3MzIwQkMwODhEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzRDRUE2RkZBRUI0MTFFQUExMEI4MDczMjBCQzA4OEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzRDRUE3MDBBRUI0MTFFQUExMEI4MDczMjBCQzA4OEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7VgOK3AAAABlBMVEUzMzP///8jKH/HAAAAAnRSTlP/AOW3MEoAAAFASURBVHja7JdRCsMwDEOV+196MBLbclvYRlQYVT5KEwqyX1Q7wfA4HTCCD8FgO9L//NBgDMZgNGA8DMZdyTXGYAzGXcldyV3JNeYhYJ45DOZnMB4GYzAGsxcMRilAuJUaUgSr8N+gTBmTGhhMLmBkfO/nRc3eEx+1BHAASmU09CgBLd35JEwYcwXyzQMHyMYV7gexwJnuRLG2BhgBZn4MLRaQfSMcqXLN+OCYADMnsQZyjNLQdbPi54VemTJm26YuRoa1qgvVmG53cRtIx+iUa8YEpurGWykryzHoP6TIM32zxMot47PWWMEUJDFTO4Zac3GMVpkybmAIR/MusvjOhn+fY+LP1iqj+hFxZiFdUGtkx5TurXcM+slCqAw2apLh88rh5BvFd1xeyrc7BnWqVi4Z81G36Pqu5Evkd+MlwACqQSISvbg+YAAAAABJRU5ErkJggg==) no-repeat 0 15px;
	width: 280px;
}
ul.graf.suop{
	margin: 0 auto;
	padding: 20px 0 20px 0;
    list-style: none;
    background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAjCAMAAAB4muVkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM1MiwgMjAyMC8wMS8zMC0xNTo1MDozOCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBERkQ4OUE1QUVCRjExRUE4OEVFQTNCOThCMDMwMUU0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBERkQ4OUE2QUVCRjExRUE4OEVFQTNCOThCMDMwMUU0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MERGRDg5QTNBRUJGMTFFQTg4RUVBM0I5OEIwMzAxRTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MERGRDg5QTRBRUJGMTFFQTg4RUVBM0I5OEIwMzAxRTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7atHrdAAAABlBMVEUAAAD///+l2Z/dAAAAAnRSTlP/AOW3MEoAAAEKSURBVHja7JjRDoIwDEXP/v+njTqkHRugoV0MtyREZQ93p7ftkKLoBkJwEgyXI/3PhQIjMAITA0YhMJpK6jECIzCaSppKmkrqMTcBc88QmJ/BKARGYATmYjCcoEaOCJb2P53LTl+uYokG4xQwzceLhqpg5JhVbIZUnDljLdPzwXanr+9DIUk5pF6WEnO6igVTdXBc/PHVzH6iUsbQAuadHUzfwwj+2Jw8eXmOcSnAlXUF47e+VtA7geGlZAROcAwNGMoemGZ1cI9x91jHcASmmFJqPNErnUzHPK/5YAo9Lpt1JccxhDeX8R9QdM4PpgXZT7RPox3D4JwRMQW3W3M/6l1JL5HfxUOAAQCPDyL0ThYrhAAAAABJRU5ErkJggg==) no-repeat 0 15px;
	width: 280px;
}


ul.graf li {
    height: 15px;
    padding: 0;
    margin: 0;
    color: #000;
    font-weight: bold;
    font-size: 15px;
}

ul.graf li span {
    padding: 3px;
    font-size: 12px;
    background:#D3221D;
    color:#fff;
    width: 80px;
	display: inline-block;
	position: relative;
	top: -15px;
}
ul.graf li span::before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 33%;
    display: block;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-top: 10px solid #D3221D;
    border-left: 10px solid transparent;
}