@charset "utf-8";
/*------------------------------------------------------------
テンプレート修正
-------------------------------------------------------------*/

.has-head_round{
  padding-top: 0;  
}

.tmp_localnav_report li{
  min-width: 160px;
}

.kv_tmp_heading.kv_report .kv_title h1 {
  font-family: 'DecimaMonoPro', sans-serif;
  font-size: 27px;
  line-height: 1.1;
  letter-spacing: -.025em;
  padding-top: 0;
  padding-left: 6%;
  transform: skew(-8deg);
  transform-origin: bottom;
  margin-bottom: 3px;
}

.kv_tmp_heading.kv_report .kv_title h1:before {
  transform: skew(-7deg);
  top: 0;
  bottom: 0vw;
}

@media screen and (min-width: 768px) {
.kv_tmp_heading.kv_report .kv_title h1 {
    font-size: 45px;
    padding-left: 30px;
    margin-bottom: -5px;
}
}

@media screen and (min-width: 768px) {
.kv_tmp_heading.kv_report .kv_title h1:before {
    top: 3px;
    bottom: 0px;
}
}


/*------------------------------------------------------------
2018 LGDA 夏祭り
-------------------------------------------------------------*/

.driver-list-contents{
margin-top: 20px !important;
}

.driver-list-contents li{
display: inline-block !important;
width: 32% !important;
margin-right: 1% !important;
margin-bottom: 30px !important;
vertical-align: top !important;
}

.driver-list-contents li:nth-child(3n){
margin-right: 0 !important;
}

.driver-list-contents li img{
width: 100% !important;
}

.driver-profile{
margin-top: 10px !important;
line-height: 1.3em !important;
}

.driver-profile h2{
font-size: 13px !important;
margin: 0 0 10px 0 !important;
}

.driver-profile p{
line-height: 1.3em !important;
}

.tmp_page-subtitle + .meta-steptitle {
  padding: 10px 0 20px 50px;
  background: none;
}

.meta-steptitle {
padding: 60px 0 20px 50px;
position: relative;
background-image: linear-gradient(to right, #cccccc, #cccccc 3px, transparent 2px, transparent 8px);
background-size: 14px 3px;
background-position: left top;
background-repeat: repeat-x;
}
.meta-steptitle p {
font-size: 20px;
font-weight: bold;
position: relative;
}
.meta-steptitle p::before {
content: "";
width: 40px;
height: 40px;
position: absolute;
left: -50px;
top: -3px;
}
.meta-steptitle.step1 p::before {
background: url(/-/media/TMC/tgr/jpn/contents/supergt/special/2023/tgda-summer-festival/images/step01.jpg);
background-size: cover;
}
.meta-steptitle.step2 p::before {
background: url(/-/media/TMC/tgr/jpn/contents/supergt/special/2023/tgda-summer-festival/images/step02.jpg);
background-size: cover;
}
.meta-steptitle.step3 p::before {
background: url(/-/media/TMC/tgr/jpn/contents/supergt/special/2023/tgda-summer-festival/images/step03.jpg);
background-size: cover;
}
.meta-steptitle.step4 p::before {
background: url(/-/media/TMC/tgr/jpn/contents/supergt/special/2023/tgda-summer-festival/images/step04.jpg);
background-size: cover;
}

.step1 + .tmp_event_item .tmp_event_photo {
padding: 35px 6px;
background: #f5f5f5;
}

.meta-apptitle {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
.meta-stepapp + .meta-apptitle {
  margin: 20px 0 0;
}
.meta-stepapp {
  grid-column-start: 2;
  grid-column-end: 3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.meta-stepapp a {
  display: inline-block;
  margin: 15px 6px 0;
  width: 122px;
  height: 36px;
  background: linear-gradient(#6C7BED, #363E77);
  border-radius: 50px;
  text-align: center;
}
.meta-stepapp a button {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 37px;
}

.fa-brands.fa-apple,
.fa-brands.fa-google-play,
.fa-solid.fa-vr-cardboard,
.fa-brands.fa-windows {
  display: inline-block;
  width: 13px;
  height: 17px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: text-top;
  margin-right: 8px;
}

.fa-brands.fa-apple {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.703%22%20height%3D%2217.497%22%20viewBox%3D%220%200%2014.703%2017.497%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2809%22%20data-name%3D%22%E3%83%91%E3%82%B9%202809%22%20d%3D%22M4.949-7A3.647%2C3.647%2C0%2C0%2C1%2C6.9-10.316a4.2%2C4.2%2C0%2C0%2C0-3.309-1.742c-1.387-.109-2.9.809-3.457.809-.586%2C0-1.93-.77-2.984-.77-2.18.035-4.5%2C1.738-4.5%2C5.2a9.736%2C9.736%2C0%2C0%2C0%2C.563%2C3.172c.5%2C1.434%2C2.3%2C4.949%2C4.187%2C4.891.984-.023%2C1.68-.7%2C2.961-.7%2C1.242%2C0%2C1.887.7%2C2.984.7%2C1.9-.027%2C3.531-3.223%2C4.008-4.66A3.872%2C3.872%2C0%2C0%2C1%2C4.949-7ZM2.738-13.418a3.679%2C3.679%2C0%2C0%2C0%2C.938-2.832%2C4.142%2C4.142%2C0%2C0%2C0-2.652%2C1.363%2C3.737%2C3.737%2C0%2C0%2C0-1%2C2.809A3.281%2C3.281%2C0%2C0%2C0%2C2.738-13.418Z%22%20transform%3D%22translate(7.344%2016.25)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A');
}

.fa-brands.fa-google-play {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.026%22%20height%3D%2219.996%22%20viewBox%3D%220%200%2018.026%2019.996%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2810%22%20data-name%3D%22%E3%83%91%E3%82%B9%202810%22%20d%3D%22M2.707-8.348%2C5.055-10.7l-10.969-6.3ZM-8.164-17.5a1.518%2C1.518%2C0%2C0%2C0-.848%2C1.379V1.117A1.518%2C1.518%2C0%2C0%2C0-8.164%2C2.5L1.859-7.5ZM8.445-8.687l-2.3-1.332L3.578-7.5%2C6.145-4.98%2C8.492-6.312a1.567%2C1.567%2C0%2C0%2C0-.047-2.375ZM-5.914%2C1.992%2C5.055-4.3%2C2.707-6.652Z%22%20transform%3D%22translate(9.012%2017.5)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A');
}

.fa-solid.fa-vr-cardboard {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2215%22%20viewBox%3D%220%200%2025%2015%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2811%22%20data-name%3D%22%E3%83%91%E3%82%B9%202811%22%20d%3D%22M10-15H-10a2.507%2C2.507%2C0%2C0%2C0-2.5%2C2.5v10A2.507%2C2.507%2C0%2C0%2C0-10%2C0h5.012a2.5%2C2.5%2C0%2C0%2C0%2C2.28-1.474l1.084-2.408A1.811%2C1.811%2C0%2C0%2C1%2C0-5%2C1.812%2C1.812%2C0%2C0%2C1%2C1.629-3.882L2.712-1.475A2.5%2C2.5%2C0%2C0%2C0%2C4.994%2C0H10a2.507%2C2.507%2C0%2C0%2C0%2C2.5-2.5v-10A2.507%2C2.507%2C0%2C0%2C0%2C10-15ZM-6.25-5.625a2.5%2C2.5%2C0%2C0%2C1-2.5-2.5%2C2.469%2C2.469%2C0%2C0%2C1%2C2.5-2.465%2C2.491%2C2.491%2C0%2C0%2C1%2C2.5%2C2.465%2C2.521%2C2.521%2C0%2C0%2C1-2.5%2C2.5Zm12.5%2C0a2.5%2C2.5%2C0%2C0%2C1-2.5-2.5%2C2.469%2C2.469%2C0%2C0%2C1%2C2.5-2.465%2C2.491%2C2.491%2C0%2C0%2C1%2C2.5%2C2.465A2.521%2C2.521%2C0%2C0%2C1%2C6.25-5.625Z%22%20transform%3D%22translate(12.5%2015)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A');
}

.fa-brands.fa-windows {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.5%22%20height%3D%2217.5%22%20viewBox%3D%220%200%2017.5%2017.5%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2812%22%20data-name%3D%22%E3%83%91%E3%82%B9%202812%22%20d%3D%22M-8.75-7.9h7.172v-6.93l-7.172.988Zm0%2C6.738%2C7.172.988V-7.016H-8.75ZM-.789-.066%2C8.75%2C1.25V-7.016H-.789Zm0-14.867V-7.9H8.75V-16.25L-.789-14.934Z%22%20transform%3D%22translate(8.75%2016.25)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A');
}
.meta-stepcaution {
margin: 30px 0 0;
padding: 50px 30px;
background: #f5f5f5;
}
p + .meta-stepcaution {
margin: 0;
padding: 0;
background: #ffffff;
}
.meta-stepcaution li {
  padding-left: 1em;
  text-indent: -1em;
}


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

.driver-list-contents li{
display: inline-block !important;
width: 48% !important;
margin-right: 1% !important;
margin-bottom: 30px !important;
vertical-align: top !important;
}

.driver-list-contents li:nth-child(3n){
margin-right: 1% !important;
}


.driver-list-contents li:nth-child(2n){
margin-right: 0 !important;
}


.meta-stepcaution {
padding: 25px 20px;
}

}