@charset "utf-8";
/* CSS Document */
/*ルールページ固有*/

.pages_title img{
    width: 35%;
}
.page_header_sp_pnly{
    display:none;
}
.page_header_pc_only{
    display:block;
}
.grandprix_logo{
	width: 45%;
	position: absolute;
	top: 10px;
	left: calc(50% - 300px);
}

#contents .page_title{
    position: relative;
    width: 100%;
    display: flex;
    /*padding: 30px 0;*/
    margin: 80px 0;
}
#contents .page_title img{
    display: block;
    width: 100%;
    max-width: 313px;
    margin: 0 auto;
}
@media screen and (max-width: 767px){
#contents .page_title img {
    display: block;
    width: 90%;
    max-width: 413px;
    margin: 0 auto;
}
}
#contents .sections {
    width: 100%;
    margin: 0 auto;
    height: auto;
    background-color: transparent;
}


#section1 ul{
	list-style: none;
}
#section1 li{
	font-size: 22px;
	line-height: 1.2em;
}


/* カテゴリフィルタ */
.category-filter {
    width: 85%;
    margin: 0 auto;
  margin-bottom: 24px;
}
.category-filter button {
  border: 1px solid #C9A86A;
  background: #000;
  color: #fff;
  padding: 6px 14px;
  border-radius: 4px;
  margin-right: 12px;
  cursor: pointer;
}
.category-filter button.active {
  background: #111;
  border-bottom: 2px solid #D40000;
}
.category-filter button:hover {
  background: #222;
}

.chart_contents{
padding:40px;
background:url(../images/bg_img.png);
background-size:cover;
background-repeat:no-repeat;
background-position:center top;
background-size:cover;
padding: 1% 10%;
}


@media screen and (max-width: 767px){
    .chart_contents{
        padding:20px;
    }
}


@media screen and (max-width: 767px){
}

@media only screen and (max-device-width: 480px){
}