.contArea { background: #f6f6f6; }
@media screen and (min-width: 768px) {
	
	#content-wrap { background: #f6f6f6 url(../images/bg_motor_pc.png) no-repeat left 30px; }
	#hero { background: #000; margin-bottom: 70px }
	#hero-inner { max-width: 2000px; padding-top: 42.5%; background: url(../images/bg-hero.jpg) no-repeat center center; background-size: cover; margin: 0 auto; position: relative;
	}
	#hero-inner h1 { width: 100%; position: absolute; left: 0; text-align: center; top: 0; height: 100%; }
	#hero-inner h1 span { height: 100%; width: auto!important; text-align: center; }
	#hero-inner h1 img { height: 100%; width: auto!important; display: block; margin: 0 auto; }
	#hero-copy { position: absolute; bottom: 0; left: 0; padding: 8px 3px; }
	#hero-copy img { width: 30px; }
	#hero-copy p { color: #fff; font-size: 10px; text-align: left; }
	
	
	.wrap-h2 { background: #000; position: relative; z-index: 0; }
	h2 { max-width: 2000px; margin: 0 auto; }
	h2 img { width: 100%; }

	h3 { text-align: center; }
	h3 img { width: 32%; padding-top: 65px; }
	
	p.note-outlink { font-size: 12px; text-align:right; padding-top: 5px; top: -20px; position: relative; }
	
	.segment{
		display: flex;
		flex-direction: column;
		padding-bottom: 0;
	}
	.note-outlink{
		order: 3;
		margin-right: 30px;
	}
	.note-outlink.poscol2{
		margin-right: calc(33.333333% + 30px);
	}
    ul.list1center_col  { display: flex; padding: 45px 30px 0 30px; box-sizing:border-box; flex-wrap: wrap; min-height: 0%; text-align: center;}
    ul.list1center_col li { padding-right: 30px; padding-bottom: 30px; display: block; vertical-align: top; margin: 0 auto;}
    ul.list1center_col li a { display: block;  width: 100%;}
    ul.list1center_col li a img { width: 100%; }
	 
    ul.list1col  { display: flex; padding: 45px 0 0 30px; flex-wrap: wrap; min-height: 0%; }
	ul.list1col li { padding-right: 30px; padding-bottom: 30px; display: block; vertical-align: top; width: 100%; }
	ul.list1col li a { display: block; }
	ul.list1col li a img { width: 100%; }

	ul.list2col  { display: flex; padding: 45px 0 0 30px; flex-wrap: wrap; min-height: 0%; }
	ul.list2col li { padding-right: 30px; padding-bottom: 30px; display: block; vertical-align: top; width: 50%; }
	ul.list2col li a { display: block; }
	ul.list2col li a img { width: 100%; }

	ul.list3col  { display: flex; padding: 45px 0 0 30px; flex-wrap: wrap; min-height: 0%;  }
	ul.list3col li { padding-right: 30px; display: block; vertical-align: top; width: 33.333333%; }
	ul.list3col li a { display: block; }
	ul.list3col li a img { width: 100%; }
    
    ul.list4col  { display: flex; padding: 45px 0 0 30px; flex-wrap: wrap; min-height: 0%;  }
	ul.list4col li { padding-right: 30px; display: block; vertical-align: top; width: 25%; }
	ul.list4col li a { display: block; }
	ul.list4col li a img { width: 100%; }
      
	#supergtreport2020 segment ul.list3col,
	#supergtreport2021 segment ul.list3col{ display: flex; padding: 45px 0 0 30px; flex-wrap: wrap; min-height: 0%;  }
	ul.list3col li { padding-right: 30px; display: block; vertical-align: top; width: 33.333333%; }
	ul.list3col li a { display: block; }
	ul.list3col li a img { width: 100%; }
    
	.video_caption{
		font-family: "FOT-ロダン Pro EB";
		font-size: 1.2em;
		margin-top: 1em;
		font-weight: bold;
		text-align: left
	}  
    #video .iflame_video{
        width: 50vw;
        height: 30vw;
    }
    
	.supergtreport ul.list3col li a .text{
		font-family: "FOT-ロダン Pro EB";
		font-size: 22px;
		color: #231815;
		font-weight: bold;
		margin:1em 0;
	}

    .supergtreport2020 ul.list3col li a .text{
		font-family: "FOT-ロダン Pro EB";
		font-size: 22px;
		color: #231815;
		font-weight: bold;
		margin:1em 0;
	}

    
	.wrap-sports-link { background: #f6f6f6; position: relative; z-index: 0; border-bottom: dashed 1px #c2c2c3;  width : -webkit-calc(100% - 30px) ;
   width : calc(100% - 30px) ; margin: 0 auto;}
	.wrap-sports-link div { background: #f6f6f6; padding-top: 100px;  }
	
	#sports-link h3 img { padding-top: 90px; }
    
/* 2021.03 au x sports 応援団バナー（PC） */
	.ouendan-banner{
		padding: 0 30px;
		margin: 0 auto 65px;
	}
	.ouendan-banner a{
		display: block;
	}
	.ouendan-banner a img{
		width: 100%;
	}
	
	.banner_1col{
		padding: 0 30px;
		margin: 0 auto 65px;
	}
	.banner_1col a{
		display: block;
	}
	.banner_1col a img{
		width: 100%;
	}

	/* 超えていこう。2021秋キャンペーン */
	#cp2021 {
		padding: 0 30px;
		margin: 60px auto 112px;
		position: relative;
		width: 100%;
		max-width: 1260px;
	}
	#cp2021 a{
		display: block;
	}
	#cp2021 a img{
		width: 100%;
	
	}
	#cp2021 .badge {
		width: 322px;
		position: absolute;
		top: -30px;
		right: 0;
	}
	#cp2021 .badge img{
		width: 100%;
	}
	
}




@media screen and (min-width: 1200px) {
	
}
@media screen and (max-width: 1199px) and (min-width: 980px) {
	
}

/* tablet */
@media screen and (max-width: 979px) and (min-width: 768px) {

}

/*  SP */

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


.view-sp { display: none; }
.view-pc { display: block; }

@media screen and (min-width: 0px) and (max-width: 767px) {
	.contArea { padding-top: 0!important; }
	#content-wrap { background: #f6f6f6 url(../images/bg_motor_sp.png) no-repeat left top; background-size: 200%;  }
	#hero {  margin-bottom: 10%; position: relative;}
	#hero-inner { }
	#hero-inner h1 {  }
	#hero-inner h1 img { width: 100%; }
	#hero-copy { position: absolute; bottom: 0; left: 0; padding: 1% 1%; }
	#hero-copy img { width: 5%; }
	#hero-copy p { color: #fff; font-size: 2.3vw; text-align: left; }
	
	
	.wrap-h2 { background: #000; position: relative; z-index: 0; }
	h2 { max-width: 2000px; /*padding-top: 12.5%; background: url(../images/h2-camp.jpg) no-repeat center center; background-size: cover;*/ margin: 0 auto;
	}
	h2 img { width: 100%; }
	h3 { text-align: center; width: 90%; margin: 0 auto; }
	h3 img { width: 100%; padding-top: 18%; }
	
	
	p.note-outlink { padding: 3% 5% 0; font-size: calc(18 / 750 * 100vw);  }
		
	ul.list1center_col  { display: block; padding: 5%; }
	ul.list1center_col li { margin-bottom: 5%; margin-top: 5%;}
	ul.list1center_col li a { display: block; }
	ul.list1center_col li a img { width: 100%; }
	ul.list1center_col.withoutlink  { padding-top: calc(12 / 750 * 100vw); }
	
	ul.list1col  { display: block; padding: 5%; }
	ul.list1col li { margin-bottom: 5%; }
	ul.list1col li a { display: block; }
	ul.list1col li a img { width: 100%; }
	ul.list1col.withoutlink  { padding-top: calc(12 / 750 * 100vw); }

	ul.list2col  { display: block; padding: 5%; }
	ul.list2col li { margin-bottom: 5%; }
	ul.list2col li a { display: block; }
	ul.list2col li a img { width: 100%; }
	ul.list2col.withoutlink  { padding-top: calc(12 / 750 * 100vw); }

	ul.list3col  { display: block; padding: 5%; }
	ul.list3col li { margin-bottom: 5%; }
	ul.list3col li a { display: block; }
	ul.list3col li a img { width: 100%; }
	ul.list3col.withoutlink  { padding-top: calc(12 / 750 * 100vw); }
    
    ul.list4col  { display: block; padding: 5%; }
	ul.list4col li { margin-bottom: 5%; }
	ul.list4col li a { display: block; }
	ul.list4col li a img { width: 100%; }
	ul.list4col.withoutlink  { padding-top: calc(12 / 750 * 100vw); }
	
	.video_caption{
		font-family: "FOT-ロダン Pro EB";
		font-size: 1em;
		margin-top: 1em;
		font-weight: bold;
		text-align: left
	}
    #video .iflame_video{
        width: calc(100%);
        height: 50vw;
    }
    
	.supergtreport ul.list3col li a .text{
		font-family: "FOT-ロダン Pro EB";
		font-size: calc(36 / 750 * 100vw);
		line-height: calc(55 / 36);
		color: #231815;
		font-weight: bold;
		margin:calc(31 / 750 * 100vw) 0 calc(60 / 750 * 100vw);
	}
    
	.supergtreport2020 ul.list3col li a .text{
		font-family: "FOT-ロダン Pro EB";
		font-size: calc(36 / 750 * 100vw);
		line-height: calc(55 / 36);
		color: #231815;
		font-weight: bold;
		margin:calc(31 / 750 * 100vw) 0 calc(60 / 750 * 100vw);
	}

	.wrap-sports-link { background: #f6f6f6; position: relative; z-index: 0; border-bottom: dashed 1px #c2c2c3;  width : 90%; margin: 0 auto;}
	.wrap-sports-link div { background: #f6f6f6; padding-top: 10%;  }

	.view-sp { display: block; }
	.view-pc { display: none; }

	.shadow-effect6 div {
		min-height: 64px;
	}
    	/* 2021.03 au x sports 応援団バナー（SP） */
	.ouendan-banner{
		padding: 0 5% 0;
		margin: 0 auto 10%;
	}
	.ouendan-banner a{
		display: block;
	}
	.ouendan-banner a img{
		width: 100%;
	}
    
 	/* 2021.5 オンラインファンシート用バナー（SP） */
    .banner_1col{
        padding: 0 5% 0;
		margin: 0 auto 10%;
	}
	.banner_1col a{
		display: block;
	}
	.banner_1col a img{
		width: 100%;
	}
    
	/* 超えていこう。2021秋キャンペーン */
	#cp2021 {
		padding: 0 5%;
		margin: calc(100/750*100vw) auto calc(140/750*100vw);
		position: relative;
		width: 100vw;
	}
	#cp2021 a{
		display: block;
	}
	#cp2021 a img{
		width: 100%;
	
	}
	#cp2021 .badge {
		width: calc(297/750*100vw);
		position: absolute;
		top: calc(-40/750*100vw);
		right: calc(10/750*100vw);;
	}
	#cp2021 .badge img{
		width: 100%;
	}

}





.shadow-effect6{ position:relative; }
.shadow-effect6:before, .shadow-effect6:after{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px 20px rgba(0,0,0,0.1);
    box-shadow:0 0 20px 20px rgba(0,0,0,0.1);
    top:50%;
    bottom:0;
    left:15%;
    right:15%;
    border-radius:110% / 50%;
}
.shadow-effect6:after{
    /*
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
	*/
}

.white { color:#fff!important; }
.orange { color:#f3507f!important; }
.red { color:#f24073!important; }
.red2 { color:#ffb6c1!important; }
.fwb { font-weight: bold!important; }
.taC { text-align: center!important;}
.fsL { font-size: 120%; }



/*new label*/

.lbl_new {
    position:relative
}
.lbl_new:before {
    background-image: url(../images/ico_new.png);
    background-size: 100%;
    background-repeat: no-repeat;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 40px;
    z-index: 2;
}

#sports-link{
    display: none;
}