@charset "UTF-8";
/* CSS Document */
html {
    height: 100%;
}

#wrapper{
	padding-top:0;
}

.overview{
	width: 800px;
	margin: 0 auto 10px;
	padding: 10px 50px 30px 50px;
	background-color: #F0EEEE;
}
.overview h3{
	display: inline-block;
	font-size:20px;
	font-weight:bold;
	color:#d80c18;
	line-height:1.6;
	border-bottom: 3px solid;
	margin:20px 0 20px 0;
}
.overview h3 span{
	font-size:14px;
	font-weight: normal;
}
.overview p{
	font-size:13px;
	margin-bottom:15px;
}

/*タイトル*/
.content_t h2,.content_t h3{
	font-size:28px !important;
	font-weight:bold;
}
.content_t h2{
	color: #D80B17;
	line-height: 1.6;
	margin-bottom: 40px;
	padding: 0 !important;
}
.content_t h3{
	margin-bottom:10px;
}
.content_t h2 span{
	font-size:16px;
	color:#fff;
	font-weight:bold;
	padding:4px 2px 3px 3px;
	background-color:#d80c18;
}

/*年度*/
/*車両*/
.ca2014{
	color:#E60012;
}
.ca2015{
	color:#E50012;
}
.ca2016{
	color:#E5006A;
}
.ca2017{
	color: #910781;
}
.ca2018{
	color:#E85098;
}
.ca2019{
	color: #D83358;
}
.ca2020{
	color:#C60180;
}
.ca2022{
	color:#e73462;
}
.ca2023{
	color:#e60012;
}
.ca2024{
	color:#e6442b;
}
/*ブース*/
.cb2014{
	color: #F2C800;
}
.cb2015{
	color:#F2C800;
}
.cb2016{
	color:#601986;
}
.cb2017{
	color:#F2C800;
}
.cb2018{
	color:#00B0EC;
}
.cb2019{
	color: #019C84;
}
.cb2020{
	color:#0079C3;
}
.cb2022{
	color:#0079c3;
}
.cb2023{
	color:#005bac;
}
.cb2024{
	color:#63c3d7;
}


/*TOP*/
.top_contest_list{
	width:900px;
	margin:0 auto 0;
	overflow:hidden;
}
.top_contest_list li{
	float:left;
	width:29%;
	margin:5px 2% 20px 2%;
	background:#FFF;
}
.top_contest_list li img{
	width:100%;
	margin-bottom:20px;
}
.top_contest_list p{
	font-size:16px;
	line-height:1.4;
	margin-bottom:20px;
}
.top_contest_list a {
	color:#333;
}
.top_contest_list a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}


/*TOP10*/
.contest_top{
	width:900px;
	margin:0 auto 30px;
}
.contest_top img{
	width:100%;
	margin-bottom:10px;
}
.contest_top h4{
	font-size:30px;
	font-weight:bold;
}
.contest_top h4 span{
	font-size:20px;
	font-weight:normal;
}

.contest_10{
	width:900px;
	margin:0 auto 0;
}
.contest_10 ul{
	width:100%;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin:0 0 20px 0;
	padding: 0;
	list-style: none;
}
.contest_10 li{
	width:290px;
	margin-bottom:20px;
}
.contest_10 li h4{
	font-size:16px;
	font-weight:bold;
	line-height:1.4;
}
.contest_10 li h4 span{
	font-size:14px;
	font-weight:normal;
}
.contest_10 li img{
	width:100%;
	margin-bottom:10px;
}

/*TOP3*/
.contest_3{
	width:900px;
	margin:0 auto 0;
}
.contest_3 ul{
	width:100%;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin:0 0 20px 0;
	padding: 0;
	list-style: none;
}
.contest_3 li{
	width:48%;
	margin-bottom:20px;
}
.contest_3 li h4{
	font-size:16px;
	font-weight:bold;
	line-height:1.4;
}
.contest_3 li h4 span{
	font-size:14px;
	font-weight:normal;
}
.contest_3 li img{
	width:100%;
	margin-bottom:10px;
}


/*ポップアップ*/
.white-popup{
	width:60%;
	font-size:13px;
	margin:0 auto 0;
	padding:10px 30px 50px 30px;
	background:#FFF;
}

.ca_btn2014,.cb_btn2014,
.ca_btn2015,.cb_btn2015,
.ca_btn2016,.cb_btn2016,
.ca_btn2017,.cb_btn2017,
.ca_btn2018,.cb_btn2018,
.ca_btn2019,.cb_btn2019,
.ca_btn2020,.cb_btn2020,
.ca_btn2022,.cb_btn2022, 
.ca_btn2023,.cb_btn2023,
.ca_btn2024,.cb_btn2024,
.ca_btn2025,.cb_btn2025{
	width:40%;
    display: block;
	font-weight:bold;
	font-size:18px;
	letter-spacing:3px;
	padding:10px 15px;
	margin:0 10px 10px 10px;
}

.ca_btn2014{
	color:#E60012;
	border:#E60012 solid 3px;
}
.ca_btn2015{
	color:#E50012;
	border:#E50012 solid 3px;
}
.ca_btn2016{
	color:#E5006A;
	border:#E5006A solid 3px;
}
.ca_btn2017{
	color:#910781;
	border:#910781 solid 3px;
}
.ca_btn2018{
	color:#E85098;
	border:#E85098 solid 3px;
}
.ca_btn2019{
	color:#D83358;
	border:#D83358 solid 3px;
}
.ca_btn2020{
	color:#C60080;
	border:#C60080 solid 3px;
}
.ca_btn2022{
	color:#e73462;
	border:#e73462 solid 3px;
}
.ca_btn2023{
	color:#e60012;
	border:#e60012 solid 3px;
}
.ca_btn2024{
	color:#e6442b;
	border:#e6442b solid 3px;
}

.cb_btn2014{
	color:#F2C800;
	border:#F2C800 solid 3px;
}
.cb_btn2015{
	color:#F2C800;
	border:#F2C800 solid 3px;
}
.cb_btn2016{
	color:#601986;
	border:#601986 solid 3px;
}
.cb_btn2017{
	color:#F2C800;
	border:#F2C800 solid 3px;
}
.cb_btn2018{
	color:#00B0EC;
	border:#00B0EC solid 3px;
}
.cb_btn2019{
	color:#019C84;
	border:#019C84 solid 3px;
}
.cb_btn2020{
	color:#00387B;
	border:#00387B solid 3px;
}
.cb_btn2022{
	color:#00387B;
	border:#00387B solid 3px;
}
.cb_btn2023{
	color:#005bac;
	border:#005bac solid 3px;
}
.cb_btn2024{
	color:#63c3d7;
	border:#63c3d7 solid 3px;
}

/*
@-webkit-keyframes ca_btn {
  50% {
    background-color: rgba(198,0,128,1);
  }
}
@keyframes ca_btn {
  50% {
    background-color: rgba(198,0,128,1);
  }
}
@-webkit-keyframes cb_btn {
  50% {
    background-color: rgba(0,56,123,1);
  }
}
@keyframes cb_btn {
  50% {
    background-color: rgba(0,56,123,1);
  }
}
*/

.ca_btn2014,.cb_btn2014,
.ca_btn2015,.cb_btn2015,
.ca_btn2016,.cb_btn2016,
.ca_btn2017,.cb_btn2017,
.ca_btn2018,.cb_btn2018,
.ca_btn2019,.cb_btn2019,
.ca_btn2020,.cb_btn2020,
.ca_btn2022,.cb_btn2022,
.ca_btn2023,.cb_btn2023,
.ca_btn2024,.cb_btn2024,
.ca_btn2025,.cb_btn2025 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.ca_btn2014:hover,.ca_btn2014:focus,.ca_btn2014:active,.cb_btn2014:hover,.cb_btn2014:focus,.cb_btn2014:active,
.ca_btn2015:hover,.ca_btn2015:focus,.ca_btn2015:active,.cb_btn2015:hover,.cb_btn2015:focus,.cb_btn2015:active,
.ca_btn2016:hover,.ca_btn2016:focus,.ca_btn2016:active,.cb_btn2016:hover,.cb_btn2016:focus,.cb_btn2016:active,
.ca_btn2017:hover,.ca_btn2017:focus,.ca_btn2017:active,.cb_btn2017:hover,.cb_btn2017:focus,.cb_btn2017:active,
.ca_btn2018:hover,.ca_btn2018:focus,.ca_btn2018:active,.cb_btn2018:hover,.cb_btn2018:focus,.cb_btn2018:active,
.ca_btn2019:hover,.ca_btn2019:focus,.ca_btn2019:active,.cb_btn2019:hover,.cb_btn2019:focus,.cb_btn2019:active,
.ca_btn2020:hover,.ca_btn2020:focus,.ca_btn2020:active,.cb_btn2020:hover,.cb_btn2020:focus,.cb_btn2020:active,
.ca_btn2022:hover,.ca_btn2022:focus,.ca_btn2022:active,.cb_btn2022:hover,.cb_btn2022:focus,.cb_btn2022:active,
.ca_btn2023:hover,.ca_btn2023:focus,.ca_btn2023:active,.cb_btn2023:hover,.cb_btn2023:focus,.cb_btn2023:active,
.ca_btn2024:hover,.ca_btn2024:focus,.ca_btn2024:active,.cb_btn2024:hover,.cb_btn2024:focus,.cb_btn2024:active,
.ca_btn2025:hover,.ca_btn2025:focus,.ca_btn2025:active,.cb_btn2025:hover,.cb_btn2025:focus,.cb_btn2025:active{
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  color: white;
}

.ca_btn2014:hover, .ca_btn2014:focus, .ca_btn2014:active {
	background-color:#E60012;
}
.ca_btn2015:hover, .ca_btn2015:focus, .ca_btn2015:active {
	background-color:#E50012;
}
.ca_btn2016:hover, .ca_btn2016:focus, .ca_btn2016:active {
	background-color:#E5006A;
}
.ca_btn2017:hover, .ca_btn2017:focus, .ca_btn2017:active {
	background-color:#910781;
}
.ca_btn2018:hover, .ca_btn2018:focus, .ca_btn2018:active {
	background-color:#E85098;
}
.ca_btn2019:hover, .ca_btn2019:focus, .ca_btn2019:active {
	background-color:#D83358;
}
.ca_btn2020:hover, .ca_btn2020:focus, .ca_btn2020:active {
	background-color:#C60080;
}
.ca_btn2022:hover, .ca_btn2022:focus, .ca_btn2022:active {
	background-color:#e73462;
}
.ca_btn2023:hover, .ca_btn2023:focus, .ca_btn2023:active {
	background-color:#e60012;
}
.ca_btn2024:hover, .ca_btn2024:focus, .ca_btn2024:active {
	background-color:#e6442b;
}

.cb_btn2014:hover, .cb_btn2014:focus, .cb_btn2014:active {
	background-color:#F2C800;
}
.cb_btn2015:hover, .cb_btn2015:focus, .cb_btn2015:active {
	background-color:#F2C800;
}
.cb_btn2016:hover, .cb_btn2016:focus, .cb_btn2016:active {
	background-color:#601986;
}
.cb_btn2017:hover, .cb_btn2017:focus, .cb_btn2017:active {
	background-color:#F2C800;
}
.cb_btn2018:hover, .cb_btn2018:focus, .cb_btn2018:active {
	background-color:#00B0EC;
}
.cb_btn2019:hover, .cb_btn2019:focus, .cb_btn2019:active {
	background-color:#019C84;
}
.cb_btn2020:hover, .cb_btn2020:focus, .cb_btn2020:active {
	background-color:#00387B;
}
.cb_btn2022:hover, .cb_btn2022:focus, .cb_btn2022:active {
	background-color:#0079c3;
}
.cb_btn2023:hover, .cb_btn2023:focus, .cb_btn2023:active {
	background-color:#005bac;
}
.cb_btn2024:hover, .cb_btn2024:focus, .cb_btn2024:active {
	background-color:#63c3d7;
}

.r_btn{
	width:230px;
    display: block;
	color:#d80c18;
	font-weight:bold;
	letter-spacing:3px;
	padding:10px 15px;
	margin:0 10px 10px 10px;
	border:#d80c18 solid 3px;
	font-size: 150%;
}

/*
@-webkit-keyframes r_btn {
  50% {
    background-color: rgba(231,36,46,1);
  }
}
@keyframes r_btn {
  50% {
    background-color: rgba(231,36,46,1);
  }
}
*/

.r_btn {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.r_btn:hover, .m_btn:focus, .m_btn:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #d80c18;
  color: white;
}

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

/*TOP*/
.top_contest_list{
	width:90%;
}
.top_contest_list p{
	font-size:14px;
	margin-bottom:20px;
}

.overview{
	width:80%;
	margin:0 auto 10px;
	padding:10px 35px 30px 35px;
}
.ca_btn,.cb_btn{
	width:35%;
}
.contest_top{
	width:90%;
	margin:0 auto 30px;
}
.contest_10,.contest_3{
	width:90%;
	margin:0 auto 0;
}
.contest_10 li{
	width:47%;
	margin-bottom:20px;
}

.r_btn{
	width:10%;
	font-size: 18px;
	letter-spacing:3px;
	padding:10px 5%;
	margin:0 1% 10px 1%;
}

}

@media screen and (max-width: 640px) {
/*TOP*/
.top_contest_list li{
	width:46%;
	margin:5px 2% 15px 5px;
}
.top_contest_list li img{
	margin-bottom:10px;
}
.top_contest_list p{
	font-size:13px;
	padding:0 5px ;
	margin-bottom:10px;
}

.overview{
	width:80%;
	margin:0 auto 10px;
	padding:10px 20px 20px 20px;
}
.overview h3{
	font-size:14px !important;
	margin-bottom:15px !important;
	padding:0 !important;
}
.overview h3 span{
	font-size:12px;
}
.overview p{
	font-size:12px;
}
.content_t h2,.content_t h3{
	font-size:18px !important;
}
.content_t h2{
	margin-bottom:20px;
}
.content_t h3{
	margin-bottom:0;
}
.content_t h2 span{
	font-size:12px;
}
.ca_btn2014,.cb_btn2014,
.ca_btn2015,.cb_btn2015,
.ca_btn2016,.cb_btn2016,
.ca_btn2017,.cb_btn2017,
.ca_btn2018,.cb_btn2018,
.ca_btn2019,.cb_btn2019,
.ca_btn2020,.cb_btn2020,
.ca_btn2022,.cb_btn2022,
.ca_btn2023,.cb_btn2023,
.ca_btn2024,.cb_btn2024,
.ca_btn2025,.cb_btn2025 {
	width:40%;
	font-size:12px;
	letter-spacing:0;
	line-height:1.4;
	padding:10px 1%;
	margin:0 1%;
}
.contest_top h4{
	font-size:20px;
	font-weight:bold;
}
.contest_top h4 span{
	font-size:16px;
	font-weight:normal;
}
.contest_10 ul,.contest_3 ul{
	justify-content:center;
}
.contest_10 li,.contest_3 li{
	width:90%;
	margin-bottom:20px;
}
.contest_10 li img,.contest_3 li img{
	margin-bottom:5px;
}

.r_btn{
	width:20%;
	font-size: 14px;
	letter-spacing:2px;
	padding:8px 2%;
	margin:0 1% 10px 1%;
}

/*ポップアップ*/
.white-popup{
	width:80%;
	font-size:13px;
	margin:0 auto 0;
	padding:10px 30px 50px 30px;
	background:#FFF;
}

}

@media screen and (max-width: 320px) {
.ca_btn2014,.cb_btn2014,
.ca_btn2015,.cb_btn2015,
.ca_btn2016,.cb_btn2016,
.ca_btn2017,.cb_btn2017,
.ca_btn2018,.cb_btn2018,
.ca_btn2019,.cb_btn2019,
.ca_btn2020,.cb_btn2020,
.ca_btn2022,.cb_btn2022,
.ca_btn2023,.cb_btn2023,
.ca_btn2024,.cb_btn2024,
.ca_btn2025,.cb_btn2025 {
	font-size:11px;
}
}