h2 + p {padding:0 0 1em !important;}
h3 + p {padding:.2em 0 1em !important;}

#info article a{color:#004fa3; transition: 0.3s;}
#info article a:active,#info article a:hover{background-color:rgba(247,237,17,0.8);}

a.btn_info{font-size:140%; color:#fff !important; display:block; font-weight:bold; text-align:center; width:40%; padding:1.2em 0; margin:.5em auto; letter-spacing:.2em; transition: 0.3s; background-color:#004fa3; border:3px solid #004fa3;}
a.btn_info:hover{background:none !important; color:#004fa3 !important;}

.rules{border:1px solid #e295c5; padding:.8em .8em 0; overflow-y: auto; /*height:300px;*/ background-color:rgba(255,255,255,0.5);}
.rules::-webkit-scrollbar{width: 5px; background:none;}
.rules::-webkit-scrollbar-thumb{background:#e295c5;}
.rules p{padding:0 .5em 1em !important; font-size:90% !important;}
.rules h3{font-weight:bold; font-size:100%;}
.rules h4{font-weight:bold; font-size:95%; padding:0 0 .2em;}

ul#tagc {
  margin:1em 2.5em 1.5em;
  padding: 0;
  list-style: none;
}
ul#tagc li {
  display: inline-block;
  margin: 0 0 .3em 1em;
  padding: 0;
}
ul#tagc li a {
  position: relative;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 .8em 0 1em;
  background-color:rgba(254,209,0,0.8);
  border-radius: 0 3px 3px 0;
  color: #1d1d1d;
  font-size:90%;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}
ul#tagc li a::before {
  position: absolute;
  top: 0;
  left: -16px;
  content: '';
  width: 0;
  height: 0;
  border-color: transparent rgba(254,209,0,0.8) transparent transparent;
  border-style: solid;
  border-width: 18px 16px 18px 0;
  -webkit-transition: .2s;
  transition: .2s;
}
ul#tagc li a::after {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  margin-top: -3px;
  background-color: #f0e49b;
  border-radius: 100%;
}
ul#tagc li span {
  display: block;
  max-width:160px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
ul#tagc li a:hover {
  background-color:rgba(247,237,17,0.8);
}
ul#tagc li a:hover::before {
  border-right-color:rgba(247,237,17,0.8);
}

@media all and (min-width: 768px) {
#info .ph_cut_l{width:400px; height:550px; margin:.5em auto .5em;}
#info .emb {margin:0 auto 1.5em;}
#info .emb iframe {width:100%; height:338px;}
.cap{font-size:85% !important; padding:0 0 .8em !important; line-height:1; margin:-.5em 0 0;}
.news1_1{width:728px; height:350px; border:none;}
.news181226{height:565px !important; border:none;}
.news190212{height:400px !important; border:none;}
}
@media all and (max-width: 767px) {
.cap{font-size:1rem !important; margin:-.1em 0 0; padding:0 0 .5em !important;}
#info .ph_cut_l{width:60%; height:0; padding:82.5% 0 0; margin:.6em auto;}
#info .emb {margin:.5em auto 1em;}
a.btn_info{width:60%; font-size:3.5vw; padding:.85em 0; border:2px solid #004fa3;}
.rules{padding:.5em .5em 0; /*height:200px;*/ margin:0 0 1.5em;}
.rules h3{font-size:100% !important;}
#info article p{word-break: break-all;}
.news1_1{padding:47% 0 0; border:none;}
.news181226{padding:84.75% 0 0 !important; border:none;}
.news190212{padding:60% 0 0 !important; border:none;}


ul#tagc {margin:.5em 1em 1em;}
ul#tagc li {margin: 0 0 .25em .8em;}
ul#tagc li span {max-width:100%;}
ul#tagc li a {height:30px; line-height:30px; padding: 0 .6em 0 .85em;}
ul#tagc li a::after{left:-1px;}
ul#tagc li a::before {left:-10px; border-width:15px 10px 15px 0;}
}