@charset "UTF-8";

#column .section_title + .box_text{margin-top:10px;}

#column .section_subtitle2{font-size:21px;line-height:1.3;font-weight:700;color:#edab35;margin-bottom:10px;}
#column .box_text + .section_subtitle2,
#column .float_box + .section_subtitle2{margin:40px 0 -25px;}

#column .box_text p + p{margin:1em 0 0;}
#column .box_text p a{color:#edab35;word-break:break-all;}
#column .box_text p a:hover{text-decoration:none;}

#column #ranking{margin-top:40px;}
#column #ranking .box{display:flex;align-items:center;background:#fff6dd;padding:20px 30px;}
#column #ranking .box + .box{margin-top:15px;}
#column #ranking .box .rank{display:flex;justify-content:center;align-items:center;background-color:#fff;height:90px;width:90px;margin:0 20px 0 0;box-sizing:border-box;border:4px solid #edab35;border-radius:50%;}
#column #ranking .box .rank span{font-size:18px;font-weight:700;color:#edab35;}
#column #ranking .box .rank span strong{font-size:150%;}
#column #ranking .box .data{width:100%;flex:1;}
#column #ranking .box .data .box_ttl{font-size:22px;font-weight:700;line-height:1.5;}
#column #ranking .box .data .access{font-size:18px;line-height:1.5;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dotted #ddd;}
#column #ranking .box .data .txt{line-height:1.5;}
#column #ranking .box .data .txt .arrow{margin:0 1em;}
#column #ranking .box .data .up{line-height:1.5;font-weight:700;color:#ff0000;}
#column #ranking + .box_text{margin-top:10px;}

#column .table_box table{min-width:700px;}
#column .table_box.yellow table th{text-align:center;}
#column .table_box.yellow table td{width:17.5%;}

@media screen and (max-width:767px){
  #column .section_title + .box_text{margin-top:0;}
  #column .section_subtitle2{font-size:16px;margin-bottom:5px;}
  #column .box_text + .box_text,
  #column .box_text + .float_box,
  #column .float_box + .float_box{margin-top:20px;}
  #column #ranking{margin:20px 10px 0;}
  #column #ranking .box{padding:15px 15px 15px 10px;}
  #column #ranking .box + .box{margin-top:10px;}
  #column #ranking .box .rank{height:70px;width:70px;margin:0 10px 0 0;border-width:3px;}
  #column #ranking .box .rank span{font-size:14px;}
  #column #ranking .box .rank span strong{font-size:150%;}
  #column #ranking .box .data .box_ttl{font-size:18px;}
  #column #ranking .box .data .access{font-size:14px;}
  #column #ranking .box .data .txt .arrow{display:block;margin:-0.5em 0 0.5em 0.5em;transform:rotate(90deg);transform-origin:left center;}
  #column #ranking + .box_text{margin-top:5px;}
}