html {
   font-size: 16px;
}


.italic {
   font-style: italic;
}

a {
   color: inherit;
}

.under_line {
   text-decoration: underline;
}

.eye_catch img {
   width: 100%;
}

header img {
   width: 100%;
}

.head_line {
   color: #f37c7f;
   text-align: center;
   font-size: 1.5em;
   margin-bottom: var(--container-margin-bottom);
}


.chairmans_comment {
   background: #e9ffdd;
   background: linear-gradient(-45deg, #ffefff, #f6ecc1, #ffefff, #f6ecc1);
   background-size: 400% 400%;
   -webkit-animation: Gradient 15s ease infinite;
   -moz-animation: Gradient 15s ease infinite;
   animation: Gradient 15s ease infinite;
   padding: 2em 0;
   position: relative;
}

.chairmans_comment .portrait {
   margin-bottom: 1em;
   text-align: center;
}

.chairmans_comment .portrait img {
   max-width: 100%;
}

@media (min-width: 1024px) {
   .chairmans_comment .portrait img {
      width: 100%;
   }
}

.chairmans_comment .portrait .profile {
   text-align: left;
}

.chairmans_comment .portrait .profile .name {
   font-weight: bold;
   margin: 0.5em 0;
}

.chairmans_comment .portrait .profile .exp {
   font-size: 0.8em !important;
   margin: 0;
   padding: 0;
}


.judges_window {
   display: flex;
   justify-content: space-between;
   gap: 0.5rem;
}

.judges_comment {
   padding: 2em 0;
   background-color: #fff;
}

.judges_comment .row {
   margin: 1em 0;
}

@media (max-width: 599px) {
   .judges_comment .row .judges_window .portrait_pic {
      padding: 0;
   }

   .judges_comment .row .judges_window .portrait_pic img {
      width: 100%;
   }
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
   .judges_comment .row .judges_window .portrait_pic {
      padding: 0;
   }

   .judges_comment .row .judges_window .portrait_pic img {
      width: 100%;
   }
}

.judges_comment .row .judges_window .name_comment {
   background-color: #eee;
   padding: 1em;
}

.judges_comment .row .judges_window .name_comment .judges_name {
   font-size: 1.5em;
   margin: 0;
   color: #000;
}

.judges_comment .row .judges_window .name_comment .comment {
   font-size: 0.87em;
}

.judges_comment .row .judges_window .name_comment .prof {
   padding: 0.5em;
   border-radius: 5px;
   background-color: #fff;
}



a.viewer_link:hover {
   text-decoration: none;
}



.award_winners {
   padding: 2em 0;
   position: relative;
}

.award_winners .decoration_bg {
   width: 100%;
   position: absolute;
   top: 0;
   z-index: 0;
}

.award_winners .decoration_bg img {
   width: 100%;
}

.award_winners .award_box {
   position: relative;
}

@media (min-width: 1024px) {
   .award_winners .award_box {
      margin-top: 5em;
      margin-bottom: 10em;
   }
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
   .award_winners .award_box {
      margin-top: 5em;
      margin-bottom: 10em;
   }
}

@media (max-width: 599px) {
   .award_winners .award_box {
      margin-top: 15em;
      margin-bottom: 10em;
   }
}

.award_winners .award_box .top_bar {
   overflow: visible;
}

@media (min-width: 1024px) {
   .award_winners .award_box .top_bar {
      background-size: contain;
      background-image: url("../../img//award-result/bar_bg.png");
      background-color: #4a4a4a;
      color: #fff;
      z-index: 1;
   }
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
   .award_winners .award_box .top_bar {
      background-size: contain;
      background-image: url("../../img//award-result/bar_bg.png");
      background-color: #4a4a4a;
      color: #fff;
      z-index: 1;
   }
}

.award_winners .award_box .top_bar .medal {
   -ms-flex-align: center;
   align-items: center;
   display: -ms-flexbox;
   display: flex;
}

.award_winners .award_box .top_bar .medal .float_img {
   background-size: contain;
   margin-right: -15px;
   margin-left: -15px;
   max-width: 100%;
   position: absolute;
   background-repeat: no-repeat;
}

@media (max-width: 599px) {
   .award_winners .award_box .top_bar .medal .float_img {
      top: -13em;
      width: 3100%;
      height: 300px;
      background-position: center center;
   }
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
   .award_winners .award_box .top_bar .medal .float_img {
      width: 300px;
      height: 300px;
      background-position: center left;
   }
}

@media (min-width: 1024px) {
   .award_winners .award_box .top_bar .medal .float_img {
      width: 300px;
      height: 300px;
      background-position: center left;
   }
}

.award_winners .award_box .top_bar .title {
   text-align: right;
   margin: 0;
   padding: 0.5em;
   font-size: 2.5em;
   font-weight: bold;
}

@media (min-width: 1024px) {
   .award_winners .award_box .top_bar .title {
      font-size: 2.5em;
   }
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
   .award_winners .award_box .top_bar .title {
      font-size: 2.2em;
      z-index: 2;
   }
}

@media (max-width: 599px) {
   .award_winners .award_box .top_bar .title {
      font-size: 1em;
      background-size: 100% 100%;
      background-image: url("../../img//award-result/bar_bg.png");
      background-color: #4a4a4a;
      color: #fff;
      text-align: center;
      z-index: 2;
   }
}

.award_winners .award_box .top_bar .title p {
   margin: 0;
}

.award_winners .award_box .prize {
   background-color: #fff;
}

@media (max-width: 599px) {
   .award_winners .award_box .prize {
      position: relative;
      z-index: 1;
   }
}

.award_winners .award_box .prize .price {
   text-align: right;
   margin: 0;
   padding: 0.5em;
   font-weight: bold;
}

@media (min-width: 1024px) {
   .award_winners .award_box .prize .price {
      font-size: 2em;
   }
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
   .award_winners .award_box .prize .price {
      font-size: 1.5em;
   }
}

@media (max-width: 599px) {
   .award_winners .award_box .prize .price {
      font-size: 1em;
   }
}

.award_winners .award_box .winners_box_1 {
   background-color: #fff;
   padding: 1em;
}

@media (max-width: 599px) {
   .award_winners .award_box .winners_box_1 {
      position: relative;
      z-index: 1;
   }
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
   .award_winners .award_box .winners_box_1 {
      position: relative;
      z-index: 1;
   }
}

.award_winners .award_box .winners_box_1 .row {
   width: 100%;
   margin: 0;
}

.award_winners .award_box .winners_box_1 .img {
   margin-top: 1em;
}

.award_winners .award_box .winners_box_1 .img a {
   display: block;
   position: relative;
   z-index: 1;
}

.award_winners .award_box .winners_box_1 .img a img {
   box-shadow: 0 0 0px 20px #00000014 inset;
   width: 100%;
}

.award_winners .award_box .winners_box_1 .comment .inner {
   background-color: #ffe8e8;
   padding: 1em;
}

.award_winners .award_box.gp .winners_box_1 img {
   background-color: #ff0;
}

.award_winners .award_box.gpr .winners_box_1 img {
   background-color: #ea474d;
}

.award_winners .award_box.ex .winners_box_1 img {
   background-color: #9f2690;
}

.award_winners .award_box.sju .winners_box_1 img {
   background-color: #faae3b;
}

.award_winners .award_box.exr .winners_box_1 img {
   background-color: #008869;
}

.award_winners .award_box.hr .winners_box_1 img {
   background-color: #1895d3;
}

.award_winners .award_box.smac .winners_box_1 img {
   background-color: #ff7c7d;
}

.award_winners .award_box.happiest .winners_box_1 img {
   background-color: #eee;
}

.award_winners .award_box.happier .winners_box_1 img {
   background-color: #eee;
}

.award_winners .award_box.happy .winners_box_1 img {
   background-color: #eee;
}

.filalists {
   text-align: center;
   padding: 2em;
   background-color: #ffc673;
}

.filalists a {
   font-family: "Fredoka One", cursive;
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
   display: block;
   background-color: #ffdba7;
   color: #654d29;
}

@media (min-width: 1024px) {
   .filalists a {
      font-size: 1.5em;
      padding: 1.5em;
   }
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
   .filalists a {
      font-size: 1.5em;
      padding: 1.5em;
   }
}

@media (max-width: 599px) {
   .filalists a {
      font-size: 1em;
      padding: 1em;
   }
}

.thanks {
   text-align: center;
   padding: 2em 0;
}

.thanks img {
   max-width: 80%;
   margin: auto;
}


/* ---------------　*/

/* 持田社長メッセージ */

/* ---------------　*/
.mochida_message_container {
   display: flex;
   justify-content: space-between;
   gap: 2rem;
}

.mochida_message_portrait {
   width: 30%;
}

.mochida_message_text {
   width: 70%;
}

/* ---------------　*/

/* 審査員メッセージ */

/* ---------------　*/



.swiper {
   position: relative;
   overflow: hidden;
   padding-bottom: 24px;
   margin-bottom: 24px;
}

.judges_window {
   display: flex;
   justify-content: space-between;
   gap: 0.5rem;
}

.portrait_pic {
   width: 30%;
}

.name_comment {
   width: 70%;
   background-color: #eee;
   padding: 1rem;
   flex-grow: 1;
}

.judges_comment .judges_name {
   font-weight: 800;
}

.judges_comment .prof {
   padding: 0.5rem;
   border-radius: 5px;
   background-color: #fff;
}


.prof a,
.judges_window .swiper-slide a {
   text-decoration: underline;
}

.judges_comment .judges_text {
   background-color: #eee;
   padding: 1rem;
   display: flex;
   flex-direction: column;
}


/* ---------------　*/

/* 受賞作品 */

/* ---------------　*/



#page-result_after-sma23 .award_winners {
   padding: 0;
   position: relative;
}

.award_winners .award_box:nth-child(odd) {
   background-color: #fbfbfb !important;
   background-image: url(../../../img/award-result/sma24/bgimg_ink_gray_a.png), url(../../../img/award-result/sma24/bgimg_ink_gray_b.png);
   background-repeat: no-repeat;
   background-position: top, bottom;
   background-position: 3% 25%, 98% 100%;
   background-attachment: fixed;
   position: relative;
}

.award_winners .award_box:nth-child(even) {
   background-color: #eee !important;
   background-image: url(../../../img/award-result/sma24/bgimg_ink_white_a.png), url(../../../img/award-result/sma24/bgimg_ink_white_b.png);
   background-repeat: no-repeat;
   background-position: top, bottom;
   background-position: 3% 25%, 98% 100%;
   background-attachment: fixed;
   position: relative;
}

.award_opportunities {
   font-family: "Roboto Slab", sans-serif;
   background-repeat: no-repeat;
   background-size: cover;
   aspect-ratio: 6/1;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.award_opportunities.o96k {
   background-image: url(../../../img/award-result/sma24/bgimg_o96k.png);
}

.award_opportunities.mangahot {
   background-image: url(../../../img/award-result/sma24/bgimg_mangahot.png);
}

.award_opportunities.zenon {
   background-image: url(../../../img/award-result/sma24/bgimg_zenon.png);
}

.award_opportunities p {
   margin-bottom: 10px;
   background-color: rgba(255, 255, 255, 0.65);
   line-height: 1.8;
   margin: 0 50px;
}

.prize_inner {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 0.5rem;
}

.prize_inner::before {
   content: url(../../../img/award-result/sma24/img_leaf_left.png);
}

.prize_inner::after {
   content: url(../../../img/award-result/sma24/img_leaf_right.png);
}

#page-result_after-sma23 .award_winners a:hover {
   color: inherit;
}

#page-result_after-sma23 .award_winners .award_box .container {
   display: flex;
   flex-direction: column;
   gap: 1rem;
}

#page-result_after-sma23 .award_winners .award_box .winners .winner .comment {
   margin-top: 1em;
   background-color: #fff;
   padding: 1em;
}

#page-result_after-sma23 .award_winners .award_box .winners .winner .comment h3 {
   background-color: #ffe7a3;
   padding: 0.5em;
}

#page-result_after-sma23 .award_winners .award_box .winners .winner .comment .person {
   background-color: #333;
   display: inline-block;
   font-size: 0.9em;
   color: #fff;
   padding: 0.2em 1em;
   margin-bottom: 0.5em;
}

#page-result_after-sma23 .award_winners .award_box .header {
   font-family: "Racing Sans One", cursive;
   text-align: center;
}

#page-result_after-sma23 .award_winners .award_box .header .title {
   margin-top: 175px;
   font-size: 2rem;
}

#page-result_after-sma23 .award_winners .award_box .prize {
   font-size: 3rem;
   background-color: inherit;
}

#page-result_after-sma23 .award_winners .award_box,
#page-result_after-sma23 .judges_comment {
   padding-bottom: 6em !important;
}

#page-result_after-sma23 .award_winners .award_box .header .medal {
   margin: auto;
   width: 100%;
   position: absolute;
   top: -175px;
   left: 50%;
   transform: translateX(-50%);
}

#page-result_after-sma23 .award_winners .award_box .header .medal img {
   height: 275px;
   margin: 25px auto 0;
}



#page-result_after-sma23 .award_winners .award_box .winner_work {
   display: flex;
   gap: 1rem;
   box-shadow: rgba(0, 0, 0, 0.3) 0px 0.5em 1em;
   padding: 0.5rem;
   background-color: #fff;
}

#page-result_after-sma23 .award_winners .award_box .artwork_container {
   width: 50%;
}

#page-result_after-sma23 .award_winners .award_box .winners .winner .viewer_link .info {
   font-size: 1rem;
   font-family: "Fredoka One", cursive;
   margin: 0px;
}

#page-result_after-sma23 .award_winners .award_box .winners .winner .viewer_link .info_read {
   text-align: center;
   display: block;
   background-color: rgb(255, 199, 115);
   color: rgb(101, 77, 41);
   text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
   margin: 0.5em;
   padding: 0.5em;
}

#page-result_after-sma23 .award_winners .award_box .info_container {
   display: flex;
   flex-direction: column;
   gap: 1rem;
   justify-content: center;
   width: 50%;
}



#page-result_after-sma23 .award_winners .award_box {
   margin-top: 0;
   margin-bottom: 0;
}



/*           優秀賞・準優秀賞・SMAC           */
#page-result_after-sma23 .award_box_gp .winners,
#page-result_after-sma23 .award_box_gpr .winners,
#page-result_after-sma23 .award_box_ex .winners,
#page-result_after-sma23 .award_box_exr .winners,
#page-result_after-sma23 .award_box_hr .winners,
#page-result_after-sma23 .award_box_smac .winners {
   display: flex;
   flex-wrap: wrap;
   gap: 2rem;
   justify-content: space-around;
}

#page-result_after-sma23 .award_box_ex .winner,
#page-result_after-sma23 .award_box_exr .winner,
#page-result_after-sma23 .award_box_hr .winner,
#page-result_after-sma23 .award_box_smac .winner {
   width: 45%;
}

#page-result_after-sma23 .award_winners .award_box_ex .winner_work,
#page-result_after-sma23 .award_winners .award_box_exr .winner_work,
#page-result_after-sma23 .award_winners .award_box_hr .winner_work,
#page-result_after-sma23 .award_winners .award_box_smac .winner_work {
   flex-direction: column;
}

#page-result_after-sma23 .award_winners .award_box .artwork_container,
#page-result_after-sma23 .award_winners .award_box .info_container {
   width: 100%;
}



.swiper-container-horizontal>.swiper-pagination-bullets {
   bottom: 0;
   left: 0;
   width: 100%;
}



.award_winners .prop {
   padding: 0.5rem;
   color: #fff;
   font-size: 0.8rem;
}

.award_winners .award_box_gp .prop {
   background-color: #e47103;
}

.award_winners .award_box_gpr .prop {
   background-color: #E0282E;
}

.award_winners .award_box_ex .prop {
   background-color: #B72290;
}

.award_winners .award_box_exr .prop {
   background-color: #00A08B;
}

.award_winners .award_box_hr .prop {
   background-color: #28A7DF;
}

.award_winners .award_box_smac .prop {
   background-color: #F37A7F;
}



.award_winners .award_box_smac .winner {
   background-color: #fff;
   display: flex;
   gap: 0.5rem;
   justify-content: space-between;
   padding: 1rem;
}

.award_winners .award_box_smac .winner a {
   width: 46%;
}


.award_winners .award_box_smac .smac_comment {
   width: 46%;
}

.filalists {
   text-align: center;
   padding: 2em;
   background-color: #ffc673;
}

.next_round .next_round_container {
   padding: 26px;
   background-image: url(../../../img/award-result/sma24/bgimg_flash_right.png), url(../../../img/award-result/sma24/bgimg_flash_left.png);
   background-repeat: no-repeat;
   background-position: right, left;
   background-size: contain;
}

.next_round p {
   font-size: 28px;
   font-weight: bold;
   text-align: center;
}

.filalists a {
   box-shadow: 2px 2px 4px 0 rgb(0 0 0 / 50%);
}




/* ---------------　*/

/* レスポンシブ */

/* ---------------　*/

@media screen and (max-width: 956px) {
   .next_round .next_round_container {
      background-position: 106%, -6%;
   }

   .next_round p {
      font-size: 20px;
   }

   .award_winners .award_box_smac .winner {
      flex-direction: column;
      justify-content: flex-start;
   }

   .award_winners .award_box_smac .winner a {
      width: 100%;
   }

   .award_winners .award_box_smac .smac_comment {
      width: 100%;
   }

}

@media screen and (max-width: 770px) {
   .mochida_message_container {
      display: flex;
      flex-direction: column;
   }

   .mochida_message_portrait {
      width: 100%;
   }

   .mochida_message_text {
      width: 100%;
   }

   .judges_window {
      flex-direction: column;
      gap: 0rem;
   }

   .name_comment {
      width: 100%;
   }
}

@media screen and (max-width: 746px) {
   .award_opportunities {
      aspect-ratio: 15/8;
   }

   .award_opportunities.o96k {
      background-image: url(../../../img/award-result/sma24/bgimg_o96k_sp.png);
   }

   .award_opportunities.mangahot {
      background-image: url(../../../img/award-result/sma24/bgimg_mangahot_sp.png);
   }

   .award_opportunities.zenon {
      background-image: url(../../../img/award-result/sma24/bgimg_zenon_sp.png);
   }
}

@media screen and (max-width: 600px) {
   #page-result_after-sma23 .award_winners .award_box .winner_work {
      flex-direction: column;
   }

   #page-result_after-sma23 .award_box_ex .winners, #page-result_after-sma23 .award_box_exr .winners, #page-result_after-sma23 .award_box_hr .winners, #page-result_after-sma23 .award_box_smac .winners {
      flex-direction: column;
   }

   #page-result_after-sma23 .award_box_ex .winner, #page-result_after-sma23 .award_box_exr .winner, #page-result_after-sma23 .award_box_hr .winner, #page-result_after-sma23 .award_box_smac .winner {
      width: 100%;
   }
}

@media screen and (max-width: 530px) {

   .portrait_pic {
      width: 100%;
   }

   .next_round .next_round_container {
      background-position: 115%, -15%;
   }

   .next_round p {
      font-size: 18px;
   }
}

@media screen and (max-width: 460px) {
   .award_opportunities p {
      margin: 0;
   }
}