@charset 'utf-8';
/* =========================================================
 index.css
========================================================= */
.carousel-inner {
	background:#000;
}
.carousel-inner .item img {
	width:100%;
}


/* ----- #main-visual ----- */
.image-bg {
	/*background: url('../img/top0412.jpg') center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	padding: 80px 0 550px;
	position: relative;*/
	height:0px;
	padding-top: 37.5%;
	padding-bottom:0;
	background: url('../img/2022top.jpg') 0 0 no-repeat;
	background-size: contain;
	position: relative;
}

@media screen and (max-width:991px) {
.image-bg {
	height:0px;
	padding-top: 37.5%;
	padding-bottom:0;
	background: url('../img/2022top.jpg') 0 0 no-repeat;
	background-size: contain;
	position: relative;
}
}

.image-bg a {border-style:none;}


table th.center, table td.center
{text-align:center;}

#result table th, #result table td,
#rank table th, #rank table td {
	border-right:1px solid #CCC;
}
#result table th:last-child,
#result table td:last-child,
#rank table th:last-child,
#rank table td:last-child {
  border-right: none;
}

#result table tr:last-child td,
#rank table tr:last-child td
{ border-bottom:none; }

.gpr {border:1px solid #CCC;}

@media screen and (max-width : 767px){
#top-visual {
	width:100%;
	height:0;
	padding-top: 29.24528%;
}
.anime { width: 100%; }
.animetxt { width: 50%;}

#item02 { top:0%;}
#item02 img {width:29%;}

#item03 { top:30%; }
#item03 img {width:15%; }

#item04 { top:74%; }
#item04 img { width:32%;}
}
    
    @media screen and (max-width : 544px){
#top-visual {
	width:100%;
	height:0;
	padding-top: 40%;
}

.anime {
        width: 100%;
    }
.animetxt { width: 50%;}

#item01 { top:10%;}

#item02 { top:10%;}
#item02 img  {width:35%;}

#item03 { top:35%; }
#item03 img {width:20%; }

#item04 { top:73%; }
#item04 img { width:40%;}

}

/* #contents
--------------------------------------------------------- */
.contents-hdr {
	width: 1024px;
	position: relative;
	margin: 0px auto;
}

h2.contents-ttl {
	font-family: arial black;
	font-size: 60px;
	color: #FFF;
	margin:0;
	padding-top:60px;
	padding-left:200px;
}


.table {border:0;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 10px 2px;
    border-top: 0;
    border-bottom: 1px solid #ddd;
}

/* news */
.new_list {
    position: relative;
    display: block;
}
.list_news {
	list-style: none;
	margin:0;
	padding:0;
}
.list_news > li {
    display: table;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #DDD;
}

.list_news > li:last-child {
    border-bottom: 0;
}

.list_news_date {
    display: table-cell;
    width: 6.5em;
}

.list_news_label {
    line-height: 1;
    display: table-cell;
    width: 6.5em;
    padding-left: 10px;
    vertical-align: top;
}

.list_news_label .label {
    position: relative;
    top: 6px;
}
.label {
    font-size: 1rem;
    line-height: 1;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    width:6.5em;
    padding: 5px 2px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #FFF;
    border-radius: 2px;
    background-color: #CDCDCD;
}

.list_news_content {
    display: table-cell;
    padding-left: 15px;
    vertical-align: top;
}

/* Other links */
.kart_box2019 {
	display:block;
	background-color: #000;
	padding:10px;
	line-height:1em;
	margin-bottom:15px;
	color: #FFF;
}

.kart_box {
	display:block;
	padding:10px;
	line-height:1em;
	margin-bottom:15px;
	color: #FFF;
	background-color: #108E0E;
	font-weight:bold;
}


a:hover .kart_box, a:hover .campain_2018box {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.kart_box h4 {
	display:inline;
	padding-left: 5px;
	font-weight:bold;
	font-size:16px;
vertical-align:middle;
}


@media (min-width: 768px){
.circle-tile {
    margin-bottom: 20px;
}
.circle-tile > a {
	margin: 15px 0;
	text-align: center;
	color: #FFFFFF;
}

.circle-tile-heading {
    position: relative;
    width: 82px;
    height: 82px;
    margin: 0 auto -40px;
    border: 5px solid rgba(255,255,255,1);
    border-radius: 100%;
    color: #FFF;
}

.green {
    background-color: #108E0E;
}

.blue {
    /*background-color: #2980b9;*/
background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    -webkit-animation: animation 3.5s linear infinite;
    -moz-animation: animation 3.5s linear infinite;
    -ms-animation: animation 3.5s linear infinite;
    -o-animation: animation 3.5s linear infinite;
    animation: animation 3.5s linear infinite;
}

.orange {
    background-color: #FF9900;
}

.circle-tile:hover {
	opacity: 0.8;
}

.circle-tile-heading .fa {
    line-height: 76px;
}

.circle-tile-content {
    padding-top: 30px;
}

.circle-tile-content > h3 {
	padding: 5px 0 10px;
	font-weight: bold;
	font-size:18px;
	line-height: 1.4;
}

.circle-tile-content > h3.fantitle {
	padding: 5px 0 10px;
	font-weight: bold;
	font-size:18px;
	line-height: 2.6;
}


.circle-tile-footer {
    display: block;
    padding: 5px 8px;
    color: rgba(255,255,255,1);
    background-color: rgba(0,0,0,0.5);
	margin-bottom:10px;
}

img.kart_logo {
	max-width:140px;
}


/* SNS */
.sns_box {
	display:block;
	text-align:center;
	padding:10px 0;
	line-height:1em;
	margin-bottom:15px;
}
a:hover .sns_box {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.tw {	background-color: #1DA1F2;
	color: #FFF;
}
.fb {background-color: #305097;
	color: #FFF;}

.inst {color: #FFF;}
.sns_box span{vertical-align:middle;}
.sns_box h4 {
    font-family: Helvetica,Sans-Serif;
	display:inline;
	padding-left: 5px;
	font-weight:bold;
	font-size:14px;
vertical-align:middle;
}
}


/* =========================================================
@meida 767px
========================================================= */
@media screen and (max-width:767px){
#main-visual {
	background: url(../img/top202007.jpg) center 0 no-repeat;
	background-size: contain;
	margin-bottom:0;
  }
#main-visual .inner {
	width: 100%;
	height: 0;
	padding-top: 44.5%;
}


.contents-hdr {
	position: absolute;
	width: 100%;
	top:0;
	left:0;
	margin: 0 auto;
	z-index:99;
}

.contents-hdr {
	width: 100%;
	height: 0;
}

h2.contents-ttl {
	font-family: arial black;
	text-align:center;
	padding: 0;
	line-height: 1.2;
	font-size: 48px;
	margin-top:30;
	font-weight:600;
}
.list_news_date {
    font-size: 15px;
    font-size: 1.5rem;
    display: block;
    float: left;
}

.list_news_label {
    display: table-cell;
	padding-left:0;
    width: 5em;
}

.list_news_content {
    display: block;
    float: left;
    width: 100%;
    padding-top: 3px;
    padding-left: 0;
}

.list_news_prcontent {
    display: table-cell;
    padding-top: 3px;
    padding-left: 0;
}


.list_news_content a,
.list_news_prcontent a {
    display: block;
}


.accordion-toggle a {
	display:block;
	color: #333;
	text-decoration:none;
}

 .accordion-toggle a:after {
	font-family: FontAwesome;
	content:"\f102";
	float: right;
	color: inherit;
}
 .accordion-toggle a.collapsed:after {
	font-family: FontAwesome;
	content:"\f103";
	float: right;
	color: inherit;
}


.sns_box {
	display:block;
	text-align:center;
	padding:10px 0;
	margin-bottom:15px;
}

/*.sns_box h4 {display:block; font-size:80%; margin-left:0;}

.fan_box h4, .kart_box h4 {font-size:80%; margin-left:0;}*/

img.kart_logo {
	max-width:120px;
}

.footer-bottom ul {
    margin: 8px auto;
}}

@media screen and (max-width:344px){
h2.contents-ttl {
	font-family: arial black;
	margin-top:30px;
	text-align:center;
	padding: 0;
	line-height: 1.2;
	font-size: 24px;
	font-weight: 600;
}

.sns_box h4 {font-size:10px;}
img.kart_logo {
	max-width:100px;
}


}