@charset "utf-8";
/* CSS Document */
section.tripcontent{
	width: 1200px;
}
table.tiip{
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
	min-width: 1200px;
}
.table_wrap {
    overflow-x : auto; /* 横スクロール */
}


table.tiip th{
  text-align: center;
  padding: 10px 0;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  width: 155px;
}

table.tiip th:nth-child(1){
  background-color:#dddddd;
}

table.tiip td{
  text-align: center;
  padding: 13px;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  width: 155px;
}

table.tiip td a{
  background-color: #25b327;
  color: white;
  padding:5px 20px;
  border-radius: 30px;
  font-weight: bold;
}

table.tiip .popular{
  width: 180px;
}

table.tiip th.popular{
  position: relative;
}

table.tiip th.popular span.no1{
  position: absolute;
  top: -10px;
  left:calc(50% - 30px);
  background: #bdcc28;
  width: 60px;
  font-size: 10px;
  border-radius: 15px;
  line-height: 1;
  padding: 5px;
}

table.tiip th.popular span.inner{
  position: absolute;
  color:white;
  background-color: #f34955;
  left: 0;
  bottom: 0;
  display: block;
  width: 180px;
  padding: 10px 0;
}
@media screen and (max-width: 1200px){
	section.tripcontent{
		width: 90%;
	}
	
}