@charset "UTF-8";
/* グリッドシステム
----------------------------------------------- */
.row {
  width: 100%;
  box-sizing: border-box;
  padding: 0; }
  @media (min-width: 950px) {
    .row {
      max-width: 950px;
      margin: 0 auto; } }
  @media (min-width: 0) {
    .row .col-xs-1 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 8.28333%; }
    .row .col-xs-2 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 16.61667%; }
    .row .col-xs-3 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 24.95%; }
    .row .col-xs-4 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 33.28333%; }
    .row .col-xs-5 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 41.61667%; }
    .row .col-xs-6 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 49.95%; }
    .row .col-xs-7 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 58.28333%; }
    .row .col-xs-8 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 66.61667%; }
    .row .col-xs-9 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 74.95%; }
    .row .col-xs-10 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 83.28333%; }
    .row .col-xs-11 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 91.61667%; }
    .row .col-xs-12 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 99.95%; } }
  @media (min-width: 450px) {
    .row .col-sm-1 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 8.28333%; }
    .row .col-sm-2 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 16.61667%; }
    .row .col-sm-3 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 24.95%; }
    .row .col-sm-4 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 33.28333%; }
    .row .col-sm-5 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 41.61667%; }
    .row .col-sm-6 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 49.95%; }
    .row .col-sm-7 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 58.28333%; }
    .row .col-sm-8 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 66.61667%; }
    .row .col-sm-9 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 74.95%; }
    .row .col-sm-10 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 83.28333%; }
    .row .col-sm-11 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 91.61667%; }
    .row .col-sm-12 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 99.95%; } }
  @media (min-width: 600px) {
    .row .col-md-1 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 8.28333%; }
    .row .col-md-2 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 16.61667%; }
    .row .col-md-3 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 24.95%; }
    .row .col-md-4 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 33.28333%; }
    .row .col-md-5 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 41.61667%; }
    .row .col-md-6 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 49.95%; }
    .row .col-md-7 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 58.28333%; }
    .row .col-md-8 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 66.61667%; }
    .row .col-md-9 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 74.95%; }
    .row .col-md-10 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 83.28333%; }
    .row .col-md-11 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 91.61667%; }
    .row .col-md-12 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 99.95%; } }
  @media (min-width: 880px) {
    .row .col-lg-1 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 8.28333%; }
    .row .col-lg-2 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 16.61667%; }
    .row .col-lg-3 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 24.95%; }
    .row .col-lg-4 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 33.28333%; }
    .row .col-lg-5 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 41.61667%; }
    .row .col-lg-6 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 49.95%; }
    .row .col-lg-7 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 58.28333%; }
    .row .col-lg-8 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 66.61667%; }
    .row .col-lg-9 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 74.95%; }
    .row .col-lg-10 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 83.28333%; }
    .row .col-lg-11 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 91.61667%; }
    .row .col-lg-12 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 99.95%; } }
  @media (min-width: 950px) {
    .row .col-xl-1 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 8.28333%; }
    .row .col-xl-2 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 16.61667%; }
    .row .col-xl-3 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 24.95%; }
    .row .col-xl-4 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 33.28333%; }
    .row .col-xl-5 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 41.61667%; }
    .row .col-xl-6 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 49.95%; }
    .row .col-xl-7 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 58.28333%; }
    .row .col-xl-8 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 66.61667%; }
    .row .col-xl-9 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 74.95%; }
    .row .col-xl-10 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 83.28333%; }
    .row .col-xl-11 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 91.61667%; }
    .row .col-xl-12 {
      float: left;
      min-height: 1px;
      box-sizing: border-box;
      width: 99.95%; } }

.row:after {
  content: " ";
  display: block;
  clear: both; }

/* hidden系
----------------------------------------------- */
@media (max-width: 0) {
  .hidden-xs-down {
    display: none; } }
@media (max-width: 450px) {
  .hidden-sm-down {
    display: none; } }
@media (max-width: 600px) {
  .hidden-md-down {
    display: none; } }
@media (max-width: 880px) {
  .hidden-lg-down {
    display: none; } }
@media (max-width: 950px) {
  .hidden-xl-down {
    display: none; } }
@media (min-width: 0) {
  .hidden-xs-up {
    display: none; } }
@media (min-width: 450px) {
  .hidden-sm-up {
    display: none; } }
@media (min-width: 600px) {
  .hidden-md-up {
    display: none; } }
@media (min-width: 880px) {
  .hidden-lg-up {
    display: none; } }
@media (min-width: 950px) {
  .hidden-xl-up {
    display: none; } }
/* ==================== variables ==================== */
body {
/*  background: url(../images/bg2025.png) center top repeat; */
/*  background-size: 47%; */
  color: #555;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック",  Verdana, sans-serif;
  font-size: 1em;
  line-height: 1.6;
  margin: 0px;
  -webkit-text-size-adjust: 100%; }
    @media (max-width: 600px) {
        body {
        }
    }

h1 {
  font-size: 2rem; }
  @media (max-width: 600px) {
    h1 {
      font-size: 1.4rem;
      text-align: center; } }

a,
a:link,
a:visited,
a:hover {
  color: #10586f;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

.noUnderline:hover {
  text-decoration: none; }

.border-bottom-none {
  border-bottom: none !important; }

.widthLimiter {
  width: 950px;
  margin: 0 auto; }
  @media (max-width: 950px) {
    .widthLimiter {
      width: 100%; } }

.bg-red {
  background: #EF0002; }

.bg-red-top {
  background-color: #EF0002;
  border-radius: 10px;
  color: #ffffff;
  padding: 12px 25px 12px; }
  @media (max-width: 600px) {
    .bg-red-top {
      box-sizing: border-box;
      margin: 0 auto;
      padding: 5px 10px 5px;
      width: 98%; } }

.bg-red-top a, .bg-red-top a:link, .bg-red-top a:visited, .bg-red-top a:hover {
  color: #ffffff;
}
  
.bg-white {
  background-color: #fff;
  border-radius: 10px;
  color: #10586f;
  padding: 25px; }
  @media (max-width: 600px) {
    .bg-white {
      box-sizing: border-box;
      margin: 0 auto;
      padding: 10px;
      width: 98%; } }

.topnews {
  padding: 12px 25px 12px; }
  @media (max-width: 600px) {
    .topnews {
      padding: 5px 10px ;
      width: 98%; } }

.bg-gray {
  background-color: #808080; }

.notice-box {
  display: table;
  width: 100%; }
  .notice-box .notice-mark {
    display: table-cell;
    width: 3%; }
  .notice-box .notice-body {
    display: table-cell;
    width: 97%; }

.font-red {
  color: #EF0002 !important; }

.fb-like > span {
  vertical-align: baseline !important; }

/* ==================== header ==================== */
header {
  background-color: #f83c33;
  border-bottom: 7px solid #cca400; }
  header .row #header-logo img {
    width: auto;
    padding: 20px 0 0; }
    @media (max-width: 880px) {
      header .row #header-logo img {
        width: 47vw;
        padding: 10px; } }
    @media (max-width: 450px) {
      header .row #header-logo img {
        width: 70%;
        padding: 5px; } }
  header .row #menuPc nav ul {
    display: table;
    width: 100%; }
    header .row #menuPc nav ul li {
      display: table-cell;
      vertical-align: bottom;
      text-align: center;
      padding: 0 4px 4px;
      border-bottom: 3px solid #f83c33;
      height: auto;
      white-space: nowrap; }
      header .row #menuPc nav ul li a {
        color: #fff; }
    header .row #menuPc nav ul li:hover {
      border-bottom: 3px solid #fff; }
    header .row #menuPc nav ul .delimiter {
      color: #fff; }
    header .row #menuPc nav ul .delimiter:hover {
      border-bottom: 3px solid #f83c33; }
  header .row .snsArea {
    position: relative;
    display: table;
    width: 100%; }
    header .row .snsArea .snsAreaInner {
      display: table-cell;
      vertical-align: middle;
      padding: .3rem 0 .5rem;
      position: relative; }
    @media (max-width: 950px) {
      header .row .snsArea .snsAreaInner {
        padding-top: 2.2vw; } }
  header .row #lang-btn {
    background: #fff;
    border-radius: 4px;
    color: #EF0002;
    display: inline-block;
    margin: 0 0 0 .25rem;
    padding: 0 .5rem;
    position: relative;
    top: -8px; }
    @media (max-width: 600px) {
      header .row #lang-btn {
        margin: 0 .25rem 0 auto;
        top: 15px; } }
    @media (max-width: 450px) {
      header .row #lang-btn {
        font-size: 14px;
        top: 3px; } }

/* ==================== key-visual ==================== */
#key-visual {
  padding: 20px 0; }
  @media (max-width: 950px) {
    #key-visual {
      padding: 2vw 0; } }
  @media (max-width: 600px) {
    #key-visual {
      width: 98%; } }
  #key-visual img {
    border-radius: 15px;
    width: 100%; }

/* ==================== スマホ専用DLボタン ==================== */
.sp-dl-btn {
  margin: 8px auto 16px;
  max-width: 90vw; }
  .sp-dl-btn img {
    margin: 0 auto;
    width: 100%; }
  .sp-dl-btn .qa-btn {
    display: block;
    border: 3px solid #fff;
    border-radius: 14px;
    box-sizing: border-box;
    color: #fff;
    margin: 1rem auto;
    padding: 6px 0;
    text-align: center;
    width: 100%; }

/* ==================== スマホ用ノミネート作品リンク ==================== */
.nominated-links {
  background: #fff;
  border-radius: 0 0 15px 15px;
  margin-left: auto;
  margin-right: auto;
  width: 98%; }
  .nominated-links a {
    color: #fff; }
    .nominated-links a h3 {
      background: #000;
      font-size: 1.2rem;
      padding: .25rem 0;
      text-align: center; }
  .nominated-links a:hover {
    text-decoration: none; }
    .nominated-links a:hover h3 {
      background: #555; }
  .nominated-links ol {
    padding: .5rem 1rem 1rem; }
    .nominated-links ol li {
      padding: .5rem 0; }
      .nominated-links ol li a {
        background: #EF0002;
        border-radius: .5rem;
        display: block;
        font-size: 1rem;
        font-weight: bold;
        padding: .5rem;
        text-align: center; }

/* ==================== main ==================== */
.bg-white {
  /* ==================== ノミネート作品一覧 ==================== */
  /* ==================== イベント告知 ==================== */
  /* ==================== 受賞作品発表 ==================== */
  /*
  .winners-box {
  	display: table;
  	margin: 0 auto 1rem;
  	width: 100%;
  	h6 {
  		display: table-cell;
  		font-size: 1.2rem;
  		font-weight: bold;
  		white-space: nowrap;
  	}
  	.winners-box-inner {
  		display: table-cell;
  		width: 90%;
  	}
  }
  */
  /* ==================== エントリー用紙ダウンロード ==================== */ }
  .bg-white .toha {
    margin: 0 auto;
    width: 100%; }
  .bg-white #toha-text {
    font-size: 1.1rem; }
    @media (max-width: 450px) {
      .bg-white #toha-text {
        font-size: 1rem; } }
  .bg-white .red-bar {
    background: #f83c33;
    color: #fff;
    font-size: 1.3rem;
    padding: .25rem;
    text-align: center; }
  .bg-white .midasi {
    background: url(../images/midashi_bg.png) center no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    margin: 0 auto 20px;
    padding: 0 1rem;
    text-align: center;
    width: 100%; }
    .bg-white .midasi h2, .bg-white .midasi h3 {
      color: #fff;
      font-size: 1.8rem;
      padding: 8px 0; }
      @media (max-width: 880px) {
        .bg-white .midasi h2, .bg-white .midasi h3 {
          font-size: 1.5rem; } }
      @media (max-width: 450px) {
        .bg-white .midasi h2, .bg-white .midasi h3 {
          font-size: 1.3rem; } }
  .bg-white .midasi2 {
    background-size: 100% 100%;
    box-sizing: border-box;
    margin: 0 auto 5px;
    padding: 0 1rem;
    text-align: center;
    font-weight: bold;
    width: 100%; }
    .bg-white .midasi2 h2, .bg-white .midasi2 h3 {
      color: #f00;
      font-size: 1.8rem;
      padding: 8px 0; }
      @media (max-width: 880px) {
        .bg-white .midasi2 h2, .bg-white .midasi2 h3 {
          font-size: 1.5rem; } }
      @media (max-width: 450px) {
        .bg-white .midasi2 h2, .bg-white .midasi2 h3 {
          font-size: 1.3rem; } }
  .bg-white .komidashi {
    background: url(../images/icon/icon_delta.png) left no-repeat;
    border-bottom: 1px dotted #fa837d;
    margin: 0 auto 10px;
    padding: 0 0 6px 50px; }
    .bg-white .komidashi h2, .bg-white .komidashi h3, .bg-white .komidashi h4 {
      color: #EF0002;
      font-size: 1.6rem; }
      @media (max-width: 450px) {
        .bg-white .komidashi h2, .bg-white .komidashi h3, .bg-white .komidashi h4 {
          font-size: 1.3rem; } }
  .bg-white .komidashi2 {
    border-bottom: 1px dotted #fa837d;
    margin: 0 auto 10px;
    padding: 0 0 6px; }
    .bg-white .komidashi2 h2, .bg-white .komidashi2 h3, .bg-white .komidashi2 h4 {
      color: #EF0002;
      font-size: 1.2rem; }
  .bg-white .flow-table {
    background: url(../images/entry_bg.png) center no-repeat;
    background-size: 100% 100%;
    margin: 0 auto 10px;
    width: 100%; }
    .bg-white .flow-table tr th {
      font-size: 1rem;
      padding: 5% 0 7% 2%;
      text-shadow: 1px 1px 0 #fff;
      vertical-align: middle;
      width: 35%; }
      @media (max-width: 450px) {
        .bg-white .flow-table tr th {
          font-size: 3vw; } }
    .bg-white .flow-table tr td {
      padding: 5% 3% 7% 3%;
      vertical-align: middle;
      width: 65%; }
      @media (max-width: 450px) {
        .bg-white .flow-table tr td {
          font-size: 3.5vw; } }
      .bg-white .flow-table tr td h4 {
        font-size: 1.2rem; }
        @media (max-width: 450px) {
          .bg-white .flow-table tr td h4 {
            font-size: 4vw; } }
    .bg-white .flow-table tr .double {
      padding: 3% 2% 5% 3%; }
  .bg-white .flow-table-end {
    background: url(../images/entry_bg_end.png) center no-repeat;
    background-size: 100% 100%; }
  .bg-white .border_none {
    border: none; }
  .bg-white #target {
    font-size: 1.2rem; }
    .bg-white #target span {
      color: #EF0002; }
  .bg-white #bumon-table,
  .bg-white .bumon-table {
    margin: 0 auto 20px;
    width: 100%; }
    .bg-white #bumon-table tr th,
    .bg-white .bumon-table tr th {
      padding: 12px 0 0;
      vertical-align: top;
      width: 38px; }
    .bg-white #bumon-table tr td,
    .bg-white .bumon-table tr td {
      padding: 12px 0 0 10px;
      vertical-align: top; }
      .bg-white #bumon-table tr td h5,
      .bg-white .bumon-table tr td h5 {
        color: #ac8e00;
        font-size: 1.6rem; }
        @media (max-width: 450px) {
          .bg-white #bumon-table tr td h5,
          .bg-white .bumon-table tr td h5 {
            font-size: 1.2rem; } }
      .bg-white #bumon-table tr td .grand-prix,
      .bg-white .bumon-table tr td .grand-prix {
        color: #ca000b; }
  .bg-white .bumon-table {
    margin: 0 auto .25rem; }
  .bg-white .main-text {
    font-size: 1.1rem;
    font-weight: bold; }
    @media (max-width: 450px) {
      .bg-white .main-text {
        font-size: 1rem; } }
  .bg-white .qa-btn {
    box-sizing: border-box;
    display: inline-block;
    width: 100%; }
  .bg-white .tagline {
    color: #EF0002;
    font-size: 1.3rem; }
  .bg-white .judge-table {
    margin: 0 auto 20px;
    width: 100%; }
    .bg-white .judge-table tr th {
      padding: 15px 0 0;
      vertical-align: top;
      width: 27%; }
      @media (max-width: 600px) {
        .bg-white .judge-table tr th {
          width: 23%; } }
      .bg-white .judge-table tr th img {
        width: 100%; }
    .bg-white .judge-table tr td {
      padding: 15px 0 0 4%;
      vertical-align: top;
      width: 73%; }
      @media (max-width: 600px) {
        .bg-white .judge-table tr td {
          width: 77%; } }
      .bg-white .judge-table tr td h5 {
        color: #ac8e00;
        font-size: 1.4rem;
        line-height: 1;
        margin: 0 0 8px; }
  .bg-white #special-juge {
    margin: 0 auto 20px;
    width: 100%; }
    .bg-white #special-juge tr th {
      padding: 8px 0 0;
      vertical-align: middle;
      width: 17%; }
      .bg-white #special-juge tr th img {
        width: 100%; }
    .bg-white #special-juge tr td {
      padding: 8px 0 0 4%;
      vertical-align: middle;
      width: 83%; }
      .bg-white #special-juge tr td h5 {
        color: #ac8e00;
        font-size: 1.4rem; }
        .bg-white #special-juge tr td h5 span {
          font-size: 1.1rem; }
          @media (max-width: 450px) {
            .bg-white #special-juge tr td h5 span {
              font-size: .9rem; } }
  .bg-white .nominees-text {
    border: 1px solid #fa837d;
    margin-bottom: 1rem;
    padding: 1rem; }
  .bg-white .nominees {
    margin: 0 auto 1.5rem; }
    .bg-white .nominees dt {
      font-size: 1.1rem;
      font-weight: bold;
      padding: .5rem 0 0 .5rem; }
    .bg-white .nominees dd {
      padding: 0 0 .5rem 1rem;
      border-bottom: 1px dotted #fa837d; }
  .bg-white .kokuchi tr th {
    white-space: nowrap; }
  .bg-white #grand-prix-header {
    display: table;
    padding: 3% 0;
    width: 100%; }
    .bg-white #grand-prix-header h5 {
      background: #DCB522;
      border-radius: .5rem;
      display: table-cell;
      font-size: 1.7rem;
      padding: .25rem;
      text-align: center;
      text-shadow: 1px 1px 0 #fff;
      vertical-align: middle; }
      @media (max-width: 450px) {
        .bg-white #grand-prix-header h5 {
          font-size: 1.2rem; } }
    .bg-white #grand-prix-header img {
      position: absolute;
      width: 15%;
      margin: -4% 0 0 3%; }
      @media (max-width: 450px) {
        .bg-white #grand-prix-header img {
          margin: -2% 0 0 1.5%; } }
  .bg-white .bumon-header {
    color: #ac8e00;
    font-size: 1.6rem;
    margin: 0 auto .25rem; }
    @media (max-width: 450px) {
      .bg-white .bumon-header {
        font-size: 1.2rem; } }
  .bg-white .grand-prix {
    color: #ca000b; }
  .bg-white .winners {
    font-size: 1.2rem;
    font-weight: bold; }
  .bg-white .winners-box {
    margin: 0 auto 1rem;
    width: 100%; }
    .bg-white .winners-box h6 {
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-top: 1px solid #ccc;
      box-sizing: border-box;
      color: #333;
      font-size: 1.2rem;
      font-weight: bold;
      padding: .2rem .5rem; }
    .bg-white .winners-box .gold {
      background-image: linear-gradient(to top left, #f7de05, #da8e00, #edac06, #f7de05, #ecb802, #daaf08, #b67b03); }
    .bg-white .winners-box .silver {
      background-image: linear-gradient(to top left, #a5a5a5, #babac2, #e8e8e8, #a5a5a5, #babac2); }
    .bg-white .winners-box .copper {
      background-image: linear-gradient(to top left, #bc7d55, #c7906e, #dfc2ae, #d1b9a5, #b8906d);
      background-image: linear-gradient(to top left, #b8906d, #d1b9a5, #dfc2ae, #c7906e, #bc7d55); }
    .bg-white .winners-box .winners-box-inner {
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-top: 1px solid #ccc;
      padding: .5rem;}
      .bg-white .winners-box .winners-box-inner small {
        font-size: .8rem; }
      .bg-white .winners-box .winners-box-inner .half {
        margin : 0 auto;
        width: 50%; }
    .bg-white .winners-box .winners-box-inner:last-child {
      border: 1px solid #ccc; }
  .bg-white .dl-btn {
    display: inline-block; }
  .bg-white .dl-btn-jp-en {
    display: inline-block;
    min-width: 280px; }

      .bg-white .winners-box .winners-box-inner img{
        margin : 0 auto;
      }
/* ==================== subカラム ==================== */
#sub {
  box-sizing: border-box;
  padding: 0 0 0 2%;
  /* ==================== PC用ノミネートリンクのフォントサイズ調整 ==================== */ }
  @media (max-width: 600px) {
    #sub {
      padding: 0; } }
  @media (max-width: 600px) {
    #sub .forms {
      margin: 1rem auto 1rem; } }
  #sub img {
    width: 100%; }
  #sub .nominated-links {
    width: 100%; }
    #sub .nominated-links a h3 {
      font-size: 1.4rem; }
    #sub .nominated-links ol li a {
      font-size: 1.2rem; }
  @media (max-width: 600px) {
    #sub .banner-box {
      padding: 0 1%; }
    #sub  .banner-box.news-side{
      padding: 10px; }
    }
  #sub .banner-box .dl-button-bg {
    display: block;
    background-color: #fff;
    border-radius: 15px;
    height: 60%;
    margin: 0 auto;
    width: 100%; }
    @media (max-width: 600px) {
      #sub .banner-box .dl-button-bg {
        background-color: transparent; } }
  #sub .banner-box .sub-button-bg {
    background-color: #fff;
    border-radius: 15px;
    height: 60%;
    margin: 0 auto;
    width: 100%; }
    @media (max-width: 600px) {
      #sub .banner-box .sub-button-bg {
        background-color: transparent; } }
  #sub .banner-box .qa-btn {
    background-color: #fff;
    border-radius: 14px; }
    #sub .banner-box .qa-btn a {
      background: #EF0002;
      border: 3px solid #fff;
      border-radius: 14px;
      box-sizing: border-box;
      color: #fff;
      display: block;
      padding: 6px 0;
      text-align: center; }
  #sub .banner-box .banner {
    background-color: #fff;
    border-radius: 12px;
    box-sizing: border-box;
    display: block;
    padding: 0 10px;
    position: relative;
    width: 100%; }
  #sub .banner-box .archive {
    background-color: #fff;
    border-radius: 14px;
    box-sizing: border-box;
    border: 10px solid #d0d0d0;
    color: #10586f;
    text-align: center; }
  
  #awardlistarea .banner-box .archive {
    background-color: #fff;
    box-sizing: border-box;
    border-bottom: 3px solid #d0d0d0;
    color: #10586f;
    padding-bottom:25px;
    text-align: center; }
  #awardlistarea .banner-box:last-of-type .archive {
    border-bottom: none; }
    #sub .banner-box .archive h5,
    #awardlistarea .banner-box .archive h5{
      font-size: 1.8rem;
      line-height: 1.8rem;
      padding: .8rem 0 .2rem; }
    #sub .banner-box .archive p,
    #awardlistarea .banner-box .archive p{
      color: #4c7a88;
      font-weight: bold;
      padding: 0 0 .4rem; }
    #sub .banner-box .archive a,
    #awardlistarea .banner-box .archive a{
      background: #EF0002;
      border-radius: .5rem;
      box-sizing: border-box;
      color: #fff;
      display: block;
      margin: .5rem auto;
      padding: 6px 0;
      text-align: center;
      width: 80%; }
    #awardlistarea .banner-box .archive .awardmenulink{
      display:flex;
      justify-content: space-between;}
    #awardlistarea .banner-box .archive .awardmenulink a{
      width: 45%; }

@media (max-width: 600px) {
  .banner-box {
    padding: 0 1%; }
}
.banner-box .archive_en {
  background-color: #fff;
  border-radius: 14px;
  box-sizing: border-box;
  border: 10px solid #d0d0d0;
  color: #10586f;
  text-align: center; }
  .banner-box .archive_en h5 {
    font-size: 1.8rem;
    line-height: 1.8rem;
    padding: .8rem 0 .2rem; }
  .banner-box .archive_en p {
    color: #4c7a88;
    font-weight: bold;
    padding: 0 0 .4rem; }
  .banner-box .archive_en img {
    border-radius: 0 0 4px 4px; }

@media (min-width: 600px) {
    #awardlist #sub .awardmenu{
        display:none;
    }
}

#awardlist .awardmenu a br{
     display:none;
}
/* ==================== フォーム系共通 ==================== */
#contact #main,
#support #main {
  margin: 0 0 20px; }
  #contact #main #formBox .msgText,
  #support #main #formBox .msgText {
    font-size: 1.4rem;
    color: #0342B7; }
@media (max-width: 450px) {
  #contact #sub,
  #support #sub {
    display: none; } }

/* ==================== page-top ==================== */
#page-top {
  bottom: 55px;
  display: none;
  position: fixed;
  right: 5vw;
  z-index: 100; }
  @media (max-width: 950px) {
    #page-top {
      right: 10px; } }
  @media (max-width: 600px) {
    #page-top {
      bottom: 20vw; }
      #page-top p {
        background-color: rgba(119, 119, 119, 0.7);
        border-radius: 2vw;
        color: #fff;
        padding: 0 3vw 1vw; }
        #page-top p i {
          font-size: 12vw; } }

/* ==================== フッター ==================== */
footer {
  background-color: #f83c33;
  color: #fff;
  font-size: .8rem;
  padding: 10px 0;
  text-align: center;
  width: 100%; }
  @media (max-width: 600px) {
    footer {
      padding-bottom: 20vw; } }

/* ==================== SPメニュー ==================== */
#menuSp {
  bottom: 0;
  box-shadow: 0px -4px 15px 2px #fff;
  position: fixed;
  width: 100%; }
  #menuSp ul {
    background-color: #f83c33;
    display: table;
    width: 100%; }
    #menuSp ul li {
      display: table-cell;
      padding: 2% 0 0 0;
      text-align: center;
      width: 20%; }
      #menuSp ul li a {
        color: #fff;
        display: block; }
        #menuSp ul li a i {
          font-size: 1.6rem; }
        #menuSp ul li a span {
          display: inline-block;
          font-size: 3vw; }
        #menuSp ul li a .two-line {
          line-height: .9rem;
          padding: .6vw 0 0; }

/* ==================== セミナーお知らせ用バナー系共通 ==================== */
.seminar-banner {
  background-color: #fff;
  border-radius: 0 0 15px 15px; }
  .seminar-banner p {
    font-size: .8rem;
    padding: .5rem; }
  @media (max-width: 600px) {
    .seminar-banner {
      border-radius: 0 0 10px 10px;
      margin: 0 auto .5rem;
      max-width: 400px;
      width: 90%; } }

/* ==================== アニものづくりアワード＆企業セミナー開催のお知らせ用バナー ==================== */
.pc-0701 {
  background-color: #fff;
  border-radius: 0 0 15px 15px; }
  .pc-0701 p {
    font-size: .8rem;
    padding: .5rem; }

.sp-0701 {
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  margin: 0 auto .5rem;
  max-width: 400px;
  width: 70%; }
  .sp-0701 p {
    font-size: .8rem;
    padding: .5rem; }

/*# sourceMappingURL=style.css.map */

/* ==================== アニものづくりビジネスウェビナー Vol.01開催のお知らせ用バナー ==================== */
#webinar_pc {
  background-color: #fff;
  border-radius: 0 0 15px 15px; }
  #webinar_pc p {
    font-size: .8rem;
    padding: .5rem; }

#webinar-sp {
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  margin: 0 auto .5rem;
  max-width: 400px;
  width: 70%; }
  #webinar-sp p {
    font-size: .8rem;
    padding: .5rem; }


@media (max-width: 600px) {
    .disp-pc { display: none; }
}

.bg-black{
    background: #000;
    margin-top:8px;
    color:#fff;
}

/* 2023/08/22 大塚製薬 */
.otsuka-pharmaceutical-font{
    font-family: "HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", "MS Pゴシック", "MS PGothic",  "MS P明朝", "MS PMincho",  Verdana, sans-serif;  
}

/* 2026/01/30 新着情報関係 */

/* ==================== 新着情報：アーカイブページ ==================== */
#news-archive .newslist-archive-box{
    padding: 0 0 30px;
}

#news-archive .news-thumbnail{
    width: 27%;
    aspect-ratio: 1;
    display:flex;
    align-items: center;
}
@media (max-width: 600px) {
    #news-archive .news-thumbnail {
        width: 23%;
        aspect-ratio: 1;
     }
}

#news-archive .news-thumbnail img{
  max-width: 100%; /* 親の横幅を超えない */
  height: auto;    /* 縦横比を維持 */
}

#news-archive .news-info-area{
    width: 73%;
    padding-left: 4%;
}
@media (max-width: 600px) {
    #news-archive .news-info-area{
        width: 77%;
     }
}

/* ページング */
#news-archive .navigation.pagination{
  padding:30px 10px 10px;
}
#news-archive .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

#news-archive .nav-links{
  display:flex;
  justify-content: center;
}

#news-archive .page-numbers{
  border:1px solid #10586f;
  box-sizing: border-box;
  display:flex;
  align-items: center;
  justify-content: center;
  width:2rem;
  height:2rem;
  font-size: 1rem;
  border-radius: 0.2rem;
  margin:0 10px 0;
}
  @media (max-width: 600px) {
    #news-archive .post .page-numbers{
      width:1.4rem;
      height:1.4rem;
      font-size: 0.6rem;
    　margin:0 6px 0;
    }
  }
  
#news-archive .page-numbers.current{
  background: #10586f;
  color: #ffffff;
  font-weight: 900;
}

  
/* ==================== 新着情報 ==================== */
#notice #main.post .news-info-area{
    margin-bottom:5px;
    padding-left: 0;
}

#notice #main.post h1.margin-bottom-sm{
    text-align: left;
    line-height:1.2;
}

#notice #main.post h1.newstitle{
    line-break: 1.2;
}

/* 投稿：タグ */
#notice #main.post .tag-area{
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    padding: 10px 0 10px 0;
    box-sizing: border-box;
    margin-bottom: 10px; 
}

#notice #main.post .tag-area a{
    margin-right:10px;
}

#notice #main.post .tag-area a:last-child{
    margin-right: 0;
}

#notice #main.post .tag{
    padding: 2px 8px 2px;
    box-sizing: border-box;
    background:#000;
    color:#fff;
    border-radius: 4px;
    font-size:0.8rem;
    display: inline-block;
}

/* 前後の記事へのナビゲーション */
#notice #main.post .navigation.post-navigation{
  padding:30px 10px 10px;
}

#notice #main.post .nav-links{
    display: flex;
    justify-content: space-between;
    align-items:center;
}

#notice #main.post .nav-previous,.post .nav-next{
    width:40%;
}
@media (max-width: 600px) {
  #notice #main.post .nav-previous,.post .nav-next{
      width:48%;
  }
}

#notice #main.post .nav-previous-text,.post .nav-next-text{
    width:100%;
    height: auto;
    display: -webkit-box; /* 必須 */
    -webkit-box-orient: vertical; /* 必須 */
    -webkit-line-clamp: 3; /* 行数を制限 */
    overflow: hidden; /* はみ出た部分を非表示 */
    text-overflow: ellipsis; /* 語尾を3点リーダーに */
}

#notice #main.post .nav-previous-text{
    line-height: 1.6;
    padding-left: 2rem;
}

#notice #main.post .nav-next-text{
    line-height: 1.6;
    margin-left: -2rem;
    padding-right: 2rem;
    text-align: right;
}

#notice #main.post .nav-previous-text::before,.post .nav-next-text::after {
  display: block;
  position: absolute;
  left: 0;
  top: calc(50% - 0.8rem);
  width: 100%;
}

#notice #main.post .nav-previous-text::before{
  content: "＜";
}

#notice #main.post .nav-next-text::after {
  content: "＞";
}

/* 投稿：ページ装飾…見出し */
#notice #main.post .news-text h1.wp-block-heading{
  font-size: 2rem;
  font-weight: 900;
}

#notice #main.post .news-text h2.wp-block-heading{
  font-size: 1.7rem;
  font-weight: bold;
}

#notice #main.post .news-text h3.wp-block-heading{
  font-size: 1.4rem;
  font-weight: bold;
}

#notice #main.post .news-text h4.wp-block-heading{
  font-size: 1.2rem;
  font-weight: bold;
}

/* 投稿：ページ装飾…本文 */
#notice #main.post .news-text p,
#notice #main.post .news-text figure{
  margin-bottom: 1.5rem;
}

/* 投稿：ページ装飾…リンク */
#notice #main.post .news-text a,
#notice #main.post .news-text a:link,
#notice #main.post .news-text a:visited,
#notice #main.post .news-text a:hover {
  color: #ff0000;
  font-weight: bold;
}

/* 投稿：ページ装飾…リスト */
#notice #main.post .wp-block-list{
  list-style-type: disc;
}

#notice #main.post .wp-block-list li{
  margin-left: 1.5rem;
}

    
/* 投稿：ページ装飾…ギャラリー */
#notice #main.post .wp-block-gallery{
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  width:100%;
  box-sizing: border-box;
}

#notice #main.post .wp-block-gallery figure.wp-block-image{
  width:17.5%;
  max-width:17.5%;
  margin: 0 0.5% 0.5rem;
}

#notice .fancybox-navigation {
  width:100%;
  position:absolute;
    top:50%;
}

#notice .fancybox-infobar{
  display:none;
}

/* ==================== 新着情報リスト ==================== */
.news-index{
  text-align: left;
}

.news-index .news-title{
  font-weight: bold;
}

.news-index li{
  margin-bottom: 5px;  
}

.news-index li{
  line-height: 1.5;
}

#top .news-index li a{
  display:flex;
  flex-direction: row;
}
@media (max-width: 600px) {
    #top .news-index li a{
      flex-direction: column;
    }
}

#top .news-index li .news-index-info{
  display:flex;
  flex-direction: row;
}

#top .news-index li .news-index-info .news-date{
  font-weight: bold;
  width: 6.5rem;
}
#top .news-index li .news-index-info .news-cat{
  font-weight: bold;
  width: 7rem;
}

#top .news-index li .news-title{
    display: -webkit-box; /* 必須 */
    -webkit-box-orient: vertical; /* 必須 */
    -webkit-line-clamp: 1; /* 行数を制限 */
    overflow: hidden; /* はみ出た部分を非表示 */
    text-overflow: ellipsis; /* 語尾を3点リーダーに */
}

#sub .news-index li a{
  display:flex;
  flex-direction: column;
}

#sub .news-index li .news-title{
    display: -webkit-box; /* 必須 */
    -webkit-box-orient: vertical; /* 必須 */
    -webkit-line-clamp: 3; /* 行数を制限 */
    overflow: hidden; /* はみ出た部分を非表示 */
    text-overflow: ellipsis; /* 語尾を3点リーダーに */
}