@charset "UTF-8";

/* -----------------------------------------------------
   中国足彩在线 研究?産学連携

   -author 広報連携室
   -since 2025.04.01

----------------------------------------------------- */
#top .inner .sst_01 {
   padding: 0;
}


/* -------- 研究TOPページ -------- */
.ResearchNews {
   width: 90%;
   margin: 0 5%;
}

.ResearchNews #list_news {
   display: flex;
   flex-wrap: wrap;
}

.ResearchNews #list_news li {
   width: 33.3%;
   width: calc(100% / 3);
   overflow: hidden;
}

.ResearchNews #list_news li .img_po {
   position: relative;
}

.ResearchNews #list_news li .img_po img {
   width: 100%;
}

.dr_Profile {
   right: auto;
  width: auto;
  padding: auto;
  bottom: auto;
  background: transparent;
  margin: auto;
}



/*-------- .Category --------*/
.Category {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
}

.Category .entry {
   display: block;
   width: 33.3%;
   width: calc(100% / 3);
   margin-bottom: 20px;
   padding: 4px;
}

/*-------- .Category h1 --------*/
.Category .entry h1 {
   position: relative;
   display: block;
   margin-bottom: 8px;
   padding: 12px 0px 12px 13px;
   color: #fff;
   font-size: 17px;
   font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
   text-shadow: 5px 5px 10px rgba(0, 0, 0, .9);
   text-shadow: 5px 5px 10px rgba(0, 0, 0, .9);
   background-image: linear-gradient(90deg, rgb(19, 21, 41), rgb(18, 92, 157));
   clip-path: polygon(0 0, 100% 0, 100% 13%, 100% 87%, 97% 100%, 0 100%);
}

.Category .entry h1::before {
   position: absolute;
   display: block;
   width: 100%;
   background: #1f72a2;
   height: 81px;
   left: 29px;
   top: -19px;
   transform: rotate(146deg);
   z-index: -1;
   opacity: .12;
   content: "";
}

.Category .entry h1 .kakko{
   margin-left: -.3em;
 }


.Category .entry .details {
   position: relative;
   padding: 2px 0 6px 8px;
   margin-bottom: 0;
   /* border-left: 1px #134471 solid; */
}

.Category .entry .details a,
.Category .entry .details span.stay{
   display: inline-block;
   margin-left: 14px;
   text-align: justify;
   transition: .5s all;
}

.Category .entry .details a:hover {
   color: #b12424;
   text-decoration: underline;
}

.Category .entry .details::before {
   position: absolute;
   display: block;
   width: 15px;
   height: 15px;
   top: 1px;
   left: 5px;
   color: #8c8b8b;
   font-size: 13px;
   content: "├";
   transition: .5s all;
}
.Category .entry .details:last-of-type::before {
   content: "└";
}

.Category .entry .details:hover:before {
   left: 7px;
}


.table_001 {
   width: 100%;
}

.table_001 tbody tr th {
   width: 15%;
   padding: 3px 0 9px;
   color: #555;
   text-align: left;
   vertical-align: top;
   border-bottom: 1px #c1b191 dashed;
}

.table_001 tbody tr .selection_label {
   width: 8%;
   padding: 5px 0 7px;
   vertical-align: top;
   border-bottom: 1px #c1b191 dashed;
}

.selection_label span {
   color: #0f802c;
   font-size: 12px;
   padding: 1px 5px;
   border: 1px #0f802c solid;
}


.selection_label.RP span {
   border: 1px #3376bc solid;
   color: #3376bc;
   padding: 1px 5px;
}

.table_001 tbody tr td:last-of-type {
   padding: 3px 0 9px;
   vertical-align: top;
   border-bottom: 1px #c1b191 dashed;
}

.bg_ctg06 {
   background-color: #FFF;
}

.all_area {
   background-color: transparent;
}


/*--- contact_area ---*/
.contact_area {
   text-align: center;
   margin: 0 0 40px;
   background: #fff;
   position: relative;
}

.contact_area h3 {
   font-size: 17px;
   font-weight: normal;
   color: #333;
   margin-bottom: 5px;
   padding: 10px 30px 5px;
   display: inline-block;
   background: #eae6dd;
}

.contact_area dd a {
   color: #847353;
   text-decoration: none;
   border-bottom: 0;
}