.tab_block .tabs {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 12px;
  position: relative;
}

.tab_block .recomend_messege{

	position: relative;
}
.tab_block .recomend_messege:after{
/*
	content: "＼1,100円お得！／";
	position: absolute;
	width: 20rem;
	top: -3.3rem;
	left: 0.3rem;
	font-size: 2rem;
	font-weight: bold;
	color: #F44336;
*/
}
.tab_block .recomend_messege.c_red{
	color: #F44336;
}

.tab_block .tabs li {
  display: inline-block;
  margin-right: 10px;
  width: 15rem;
  text-align: center;
  width: 20rem;
}

.tab_block .tabs li span {
  display: block;
  padding: 8px 3px;
  background-color: #f1f1f1;
  color: #333;
  text-decoration: none;
  border-radius: 5px 5px 0 0;
  transition: background-color 0.3s ease;
  font-size: 14px;
  font-weight: bold;
}
.tab_block .tabs li span.bigger{
    display: inline-block;
    padding: 0;
    font-size: 123%;
    background: none;
    color: inherit;
}
.tab_block .tabs li span.bigger:hover{
	background: none;
}


.tab_block .tabs li span:hover {
  background-color: #ddd;
}

.tab_block .tabs li.active span {
  background-color: #333;
  color: #fff;
	font-weight: bold;

}
.tab_block .tabs li span.active{
	background: #FF8B07;
	color: #fff;
	font-size: 14px;
}

.tab_block .tab-content{
	padding: 1.5rem 0;
}


@media screen and (max-width:768px) {
	.tab_block{
		width: 100%;
	}
	.tab_block .tabs {
	
	    display: flex;
	    align-items: baseline;
	}
	.tab_block .tabs li{
		width: calc(100%/2);
	}
	.tab_block .recomend_messege{
    font-weight: bold;
    font-size: 1.4rem;
	}
	.tab_block .recomend_messege:after{top: -3.3rem;right: 3vw;font-size: 1.5rem;left: inherit;}

	.tab_block .recomend_messege.c_red{
		color: #F44336;
	}



}
@media screen and (max-width:550px) {
	.tab_block .recomend_messege:after{
		top: -2.8rem;
    left: -3.2vw;
    font-size: 1.3rem;
	}
}
@media screen and (max-width:440px) {
	.tab_block .recomend_messege:after{top: -2.8rem;left: -5.2vw;font-size: 1.3rem;}	
}