/*
$break-point: (
    xl: 100%,
    lg: 1599px,
    md: 991px,
    sm: 767px,
    xs: 543px
);
*/
br.lg {
  display: none; }

br.md {
  display: none; }

br.sm {
  display: none; }

br.xs {
  display: none; }

br.xl {
  display: inline; }

@media (max-width: 899px) {
  .xl {
    display: none !important; }
  .lg {
    display: inline !important; } }

@media (max-width: 799px) {
  .lg {
    display: none !important; }
  .md {
    display: inline !important; } }

@media (max-width: 767px) {
  .md {
    display: none !important; }
  .sm {
    display: inline !important; } }

@media (max-width: 543px) {
  .sm {
    display: none !important; }
  .xs {
    display: inline !important; } }

#mag-org.mag-monthly-result {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  color: #505050;
  font-size: 16px;
  line-height: 1.5; }
  #mag-org.mag-monthly-result * {
    box-sizing: border-box; }
  #mag-org.mag-monthly-result img {
    max-width: 100%;
    height: auto;
    vertical-align: middle; }
  #mag-org.mag-monthly-result h1, #mag-org.mag-monthly-result h2, #mag-org.mag-monthly-result h3, #mag-org.mag-monthly-result h4, #mag-org.mag-monthly-result h5, #mag-org.mag-monthly-result h6 {
    font-weight: 500;
    line-height: 1.3;
    color: #202020;
    margin-bottom: 0.5rem;
    margin-top: 0; }
  #mag-org.mag-monthly-result h1 {
    font-size: 2.5rem; }
  #mag-org.mag-monthly-result h2 {
    background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/m/magcomi/20200303/20200303153510.png);
    border: 0;
    height: 58px;
    padding: 0;
    text-align: left;
    line-height: 1;
    font-size: 22px;
    color: #fff;
    font-weight: 600; }
    #mag-org.mag-monthly-result h2 .title {
      position: absolute;
      z-index: 2;
      left: 10px;
      top: 0; }
    #mag-org.mag-monthly-result h2 span {
      display: block; }
    #mag-org.mag-monthly-result h2.single {
      line-height: 58px; }
      #mag-org.mag-monthly-result h2.single > .inner {
        padding-top: 0; }
    #mag-org.mag-monthly-result h2 > .inner {
      width: 100%;
      position: relative;
      padding: 6px 0 0 135px; }
    #mag-org.mag-monthly-result h2 .medal {
      position: absolute;
      z-index: 2;
      left: 0;
      top: -37px; }
    #mag-org.mag-monthly-result h2 small {
      display: inline-block;
      line-height: 1;
      font-size: 13px; }
  #mag-org.mag-monthly-result h3 {
    background: 0;
    border: none;
    color: #c72c04;
    padding: 0;
    font-size: 30px;
    margin: 0 0 20px; }
    #mag-org.mag-monthly-result h3.next {
      color: #f6ab00;
      font-size: 32px;
      font-weight: 700;
      text-align: center;
      margin: 30px 0 0; }
  #mag-org.mag-monthly-result h4 {
    font-size: 18px;
    margin: 0 0 6px;
    padding-left: 18px;
    font-weight: 600;
    color: #442a2a;
    position: relative; }
    #mag-org.mag-monthly-result h4::before {
      content: "";
      display: block;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #f6ab00;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      margin: auto 0; }
  #mag-org.mag-monthly-result p {
    margin-top: 0; }
  #mag-org.mag-monthly-result .inner {
    margin: 0 auto;
    position: relative; }
  #mag-org.mag-monthly-result div.inner {
    padding: 40px 0 60px; }
    #mag-org.mag-monthly-result div.inner + .inner {
      padding-top: 0;
      margin-top: -20px; }
  #mag-org.mag-monthly-result .row {
    display: flex; }
    #mag-org.mag-monthly-result .row .col-sm-5 {
      padding: 0 15px;
      width: calc(100%/12*5); }
    #mag-org.mag-monthly-result .row .col-sm-7 {
      padding: 0 15px;
      width: calc(100%/12*7); }
  #mag-org.mag-monthly-result .btn {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    font-size: 1rem;
    padding: 0.375rem 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: all 0.3s ease-out; }
  #mag-org.mag-monthly-result .btn-lg {
    font-size: 1.25rem;
    padding: 0.75rem 1.25rem;
    line-height: 1.33333;
    border-radius: 0.3rem; }
  #mag-org.mag-monthly-result .btn-block {
    display: block;
    width: 100%; }
  #mag-org.mag-monthly-result .btn-new {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    color: #fff; }
  #mag-org.mag-monthly-result .btn {
    white-space: normal; }
  #mag-org.mag-monthly-result .btn-new {
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: #6fb317; }
    #mag-org.mag-monthly-result .btn-new:hover {
      background-color: #9fca67; }
  #mag-org.mag-monthly-result .btn-new.btn-lg {
    font-size: 1.25rem; }
  #mag-org.mag-monthly-result .span2 p {
    margin: 0; }
  #mag-org.mag-monthly-result .mag-related-links {
    display: flex;
    justify-content: space-between; }
    #mag-org.mag-monthly-result .mag-related-links > p {
      width: 50%;
      padding: 0 20px; }
  #mag-org.mag-monthly-result .result-layoutB .result-detail .span2 + .span2 {
    margin-top: 20px; }
  #mag-org.mag-monthly-result .result-read {
    margin-top: 30px; }
  #mag-org.mag-monthly-result .head {
    position: relative;
    background: url(https://cdn-ak.f.st-hatena.com/images/fotolife/m/magcomi/20200303/20200303153158.jpg) center center no-repeat;
    background-size: cover;
    width: 100%; }
    #mag-org.mag-monthly-result .head .inner {
      padding: 50px 0;
      text-align: center;
      border: 5px solid #442a2a; }
      #mag-org.mag-monthly-result .head .inner .award-result-subtitle {
        font-size: 26px;
        font-weight: 700;
        color: #442a2a;
        margin: 0; }
  #mag-org.mag-monthly-result .leadblock::before, #mag-org.mag-monthly-result .leadblock::after {
    display: table;
    content: ""; }
  #mag-org.mag-monthly-result .awardblock .thumb img {
    max-width: 344px;
    width: 100%;
    height: auto; }
  #mag-org.mag-monthly-result .awardblock + .awardblock {
    padding: 0;
    margin-top: -20px; }
  #mag-org.mag-monthly-result .result-title {
    margin: 0 0 30px; }
    #mag-org.mag-monthly-result .result-title p {
      margin: 0;
      font-size: 18px; }
    #mag-org.mag-monthly-result .result-title h3 {
      color: #442a2a;
      margin: 0;
      font-size: 30px; }
  #mag-org.mag-monthly-result .ma-subtxt {
    font-weight: 700;
    color: #442a2a; }
  #mag-org.mag-monthly-result .result-layoutD.inner {
    padding: 40px 0; }
  #mag-org.mag-monthly-result .result-layoutD .result-title h3 {
    font-size: 22px; }
  #mag-org.mag-monthly-result .result-layoutD .result-title p {
    font-size: 15px; }
  #mag-org.mag-monthly-result .result-layoutD .result-title.nominatelist p + h3 {
    margin-top: 20px; }
  #mag-org.mag-monthly-result .result-layoutD .result-title:last-child {
    margin-bottom: 0; }

@media (max-width: 767px) {
  #mag-org.mag-monthly-result {
    font-size: 15px; }
    #mag-org.mag-monthly-result .leadblock h3 {
      font-size: 22px; } }

@media (max-width: 543px) {
  #mag-org.mag-monthly-result div.inner {
    padding: 25px 15px; }
  #mag-org.mag-monthly-result .row {
    display: block; }
    #mag-org.mag-monthly-result .row .col-sm-5,
    #mag-org.mag-monthly-result .row .col-sm-7 {
      width: 100%;
      padding: 0; }
  #mag-org.mag-monthly-result .awardblock .thumb {
    text-align: center; }
    #mag-org.mag-monthly-result .awardblock .thumb img {
      width: 80%; }
  #mag-org.mag-monthly-result .head .inner .award-result-subtitle {
    font-size: 18px; }
  #mag-org.mag-monthly-result .head .title {
    margin: 0 auto;
    width: calc(100% - 20px); }
  #mag-org.mag-monthly-result h2 {
    font-size: 15px;
    height: 45px; }
    #mag-org.mag-monthly-result h2.single {
      line-height: 45px; }
    #mag-org.mag-monthly-result h2 > .inner {
      padding-left: 90px; }
    #mag-org.mag-monthly-result h2 .medal {
      width: 80px;
      top: -18px; }
    #mag-org.mag-monthly-result h2 small {
      font-size: 12px; }
    #mag-org.mag-monthly-result h2 .title {
      height: 45px;
      width: auto; }
  #mag-org.mag-monthly-result .result-title {
    margin: 0 0 30px; }
    #mag-org.mag-monthly-result .result-title p {
      font-size: 14px; }
    #mag-org.mag-monthly-result .result-title h3 {
      font-size: 18px; }
  #mag-org.mag-monthly-result .leadblock h3 {
    font-size: 20px; }
  #mag-org.mag-monthly-result .next {
    font-size: 20px; }
  #mag-org.mag-monthly-result .result-layoutD.inner {
    padding: 20px 15px 30px; }
  #mag-org.mag-monthly-result .result-layoutD .result-title h3 {
    font-size: 18px; }
  #mag-org.mag-monthly-result .result-layoutD .result-title p {
    font-size: 14px; }
  #mag-org.mag-monthly-result div.mag-related-links.inner {
    display: block;
    padding: 10px 0 10px; }
    #mag-org.mag-monthly-result div.mag-related-links.inner > p {
      width: 100%; }
    #mag-org.mag-monthly-result div.mag-related-links.inner .btn-new.btn-lg {
      font-size: 16px; } }