@charset "UTF-8";
/* CSS Document */

.contest-summary {
  background-image: url("../img/bg-contest.png");
  background-repeat: repeat;
  background-size: 100%;
  padding:30px 0;
}
.contest-in {
  display:block;
  margin:0 auto;
  padding-bottom: 24px;
  width:92%;
}
.cf::after {
  content:'';
  clear:both;
  display:block;
}
.vertical {
  writing-mode: vertical-rl;
}
h2 { margin-bottom: 0.5em; }
.h2-en {
  font-family: 'Montserrat', "sans-serif";
  font-size: 24px;
}
.h2-jp {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 21px;
}
.h2-jp-size {font-size: 21px;}
.period {
  font-family: 'Montserrat', "sans-serif";
  font-size: 20px;
  margin-bottom: 0.2em;
}
.period-item {
  background: #000;
  display: inline-block;
  font-size: 0.6em;
  margin-right: 0.5em;
  padding:0.2em 1em;
}
.em15 {
  font-size: 1.5em;
}
.h4-lead {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 1em;
}
.montserrat {font-family: 'Montserrat', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}
.line-white {
  background: #fff;
  height:2px;
}
.margin-bottom {margin-bottom: 20px;}
.em08 {font-size: 0.8em;}
.em12 {font-size: 1.2em;}
.left {float:left;}
.right {float:right;}
.al-center {text-align: center;}
.al-left {text-align: left;}
.pc-large {font-size: 13px;}
.theme-ttl {
  font-size: 13px;
}
.theme-ttl-jp {
  font-size: 12px;
}
.h1-ttl, .h1-img {
  display:block;
  margin-bottom: 20px;
}
.h1-ttl {
  float:none;
  width:100%;
}
.h1-img {
  float:none;
  margin:0 auto;
  width:50%;
}
.enter {
  margin-bottom: 40px;
}
.mov {margin-bottom: 32px;}
.mov-txt {
  float:left;
  text-align: left;
  width:50%;
}
.mov-txt h4 {
  border-bottom: 1px solid #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  margin-bottom: 0.5em;
  padding-bottom:0.5em;
}
.mov-txt p {
  font-size: 11px;
  margin-bottom: 0.5em;
}
.mov-tn {
  float:right;
  width:48%;
}
.howto {
  background: #000;
  border-radius: 10px;
  color:#fff;
  margin:0 auto;
  max-width: 400px;
  padding:12px;
}
.howto h3 {font-size: 18px;}
.howto h4 {font-size: 14px;}
.howto p {font-size: 12px;}
.em15 {font-size: 1.5em;}
.howto-arrow {
  margin: -8px auto 4px;
  text-align: center;
  position:relative;
  z-index:2;
}
.howto-arrow img {
  height:24px;
  margin:0 auto;
  width:24px;
}
.link-entry-btn {
  background: #fff;
  border-radius: 15px;
  color:#000;
  display:block;
  font-size: 15px;
  line-height:30px;
  margin:8px;
}
.sub-jp {
  font-size: 14px;
  font-weight: normal;
  margin-top: -10px;
  margin-bottom: 0.75em;
}
.judge li {
  float:none;
  margin:1% auto;
  width:60%;
}
.judge li h4 {
  font-size: 14px;
  font-weight: normal;
  margin:0.25em;
}
.judge li p {
  font-size: 10px;
  margin-top: -6px;
  margin-bottom: 2em;
}
.judge li p span {white-space: nowrap;}
.jury-link {
  font-size: 11px;
  text-decoration: underline;
}
.prize {
  margin-bottom: 20px;
  width:100%;
}
.prize-margin-right {margin-right: 0%;}
.prize h4 {
  background: #000;
  color:#fff;
  font-weight: normal;
  margin-bottom: 10px;
}
.prize1 {
  display: inline-block;
  margin-bottom: 10px;
  /*text-align: left;*/
  width:48%;
}
.prize2 span {
  display:inline-block;
  font-size:11px;
  margin:-6px auto 6px;
}
.p1 {
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 1em;
}
.colum2 {
  width:100%;
}
.colum2-left {
  float:none;
}
.colum2-right {
  float:none;
}
.pc-line {
  border-left: 0px solid #fff;
}
.margin-top {margin-top: 20px;}
.table {
  border-collapse:collapse; /*隣接する要素のborderを共有*/
  display: table;
  table-layout:fixed;
  width:100%;
}
.cell {
  border-collapse:collapse; /*隣接する要素のborderを共有*/
  display:table-cell;
  vertical-align: middle;
}
.support {
  border: 1px solid #fff;
  margin:20px auto;
  padding:16px;
  text-align: left;
  width:94%;
}
.support-content1, .support-content2 {
  float:none;
  width:100%;
}
.pc-margin-right {margin-right: 0%;}
.support-content h4 {
  background: #000;
  margin-bottom: 0.5em;
}
.kakomi {
  border:1px solid #fff;
}
.lineheight1 {line-height: 1!important;}
.jury-left {
  float:none;
  margin:0 auto 16px;
  width:70%;
}
.jury-right {
  float:none;
  margin:0 auto;
  width:100%;
}
.vr-wrap {}
.vr-txt {
  float:none;
  margin:0 auto 20px;
  width:100%;
}
.justify {text-align: justify}
.vr-tn {
  float:none;
  margin:0 auto 20px;
  width:70%;
}
.vr-tn-right {float:none;}
.vr-tn-left {float:none;}
.vr-tn p {
  font-size: 10px;
  line-height: 1.5;
  margin-top:5px;
}
.ttl-logo {display: block; margin:0 auto 6px;width:100px;}
.entry-over {background: #000;color:#D60408;display: inline-block;margin:10px auto 30px;;padding:0.25em 1em;}
.broad-blk {background: #000;margin:0 auto;max-width:560px;padding:20px;}
.al-left {text-align: left;}
.qr-cord {float:none;margin:0 auto;width:130px;}
.grayscale {filter: grayscale(1);}
.colum3 {
  background: rgba(0,0,0,0.5);
  padding:12px;
}
.colum3 h3 {
  font-size: 15px;
  margin-bottom: 0.5em;
}
.colum3 p {
  font-size: 12px;
  text-align: justify;
}
.award {
  margin: 0 auto 80px;
  max-width: 640px;
  width:100%;
}
.award-img {
  float:none;
  margin:0 auto 12px;
  width:80%;
}
.award-txt {
  float:none;
  margin:0 auto;
  text-align: center;
  width:100%;
}
.award-txt h3 {
  background: #000;
  font-size: 16px;
  margin-bottom: 0.5em;
  padding:0.2em 1em;
}
.award-txt h4 {font-size: 20px;margin-bottom: 0.5em;}
.award-txt h5 {
  font-family: 'Montserrat', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 0em;}
.award-txt p {font-size: 18px;margin-bottom: 1em;}
.award-txt p span {font-size: 0.75em;}
.comment-h {border-bottom: 1px solid #fff; font-size: 16px!important;margin-bottom: 0.5em;}
.comment-p {font-size: 13px!important;text-align:justify;}

.summary-table {
  border-collapse:separate;
  border-spacing:2px;
}
.summary-table tbody {font-size: 10px;}
.summary-table tbody th, .summary-table tbody td {
  padding:2px;
}
.summary-table tbody th {background: rgba(0,0,0,0.8);writing-mode: vertical-rl;}
.summary-table tbody td {background: rgba(0,0,0,0.6);}
.salon-style {background: rgba(0,0,0,0.4)!important;}
.summary-table tbody h3, .summary-table tbody h4 {
  font-size: 10px;
}
.icon-new {
  background-image: url("../img/2023/icon-new.png");
  background-size: cover;
  border-radius: 10px;
  display: inline-block;
  margin-right: 5px;
  height:20px;
  width:20px;
}
.entry-step-blc {margin-bottom: 50px;}
.entry-step {
  background: rgba(0,0,0,0.8);
  margin-bottom: 10px;
  padding:20px;
}
.entry-step h3 {
  font-size: 16px;
  margin-bottom: 0.5em;
}
.entry-step p {
  font-size: 13px;
  margin-bottom: 0.5em;
}
.btn-width {
  margin:10px auto;
  max-width: 280px;
}
.entry-tips {
  float:none;
  margin-bottom: 30px;
  padding:0px;
  position:relative;
  width:100%;
}
.entry-tips h3 {
  background: rgba(0,0,0,0.8);
  font-size: 16px;
  margin-bottom: 0.5em;
}
.entry-tips h4 {
  font-size: 15px;
  margin-bottom: 0.5em;
}
.entry-tips p {
  font-size: 13px;
  margin-bottom: 1em;
  text-align: justify;
}
.entry-tips h5 {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 0.5em;
}
.ex-img {margin:0 auto; width:76%;}
.tips-pc-line {border-left:0px solid #000;}
.h2-sub {
  font-size: 13px;
  margin:-10px auto 10px;
}
.link-btn-ed {
  background: #000;
  border-radius: 19px;
  color:#fff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  margin:0 auto 10px;
  padding:8px 16px;
  position:absolute;
  bottom:0;
  transition: all, 0.3s;
  width:90%;
}
.link-btn-ed:hover {opacity:0.7;}
.jury-li {
  float:none;
  margin:0 1% 50px;
  width:98%;
}
.table {display: table;}
.table-margin-bottom {margin-bottom: 10px;}
.jury-img {
  display:table-cell;
}
.jury-txt {
  display:table-cell;
  font-family: 'Montserrat', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  padding:4px 12px;
  text-align: left;
  vertical-align: bottom;
}
.jury-job {
  font-size: 11px;
}
.jury-name {
  font-size: 16px;
}
.jury-prof {
  font-size: 11px;
  overflow-wrap: break-word;
  text-align: justify;
  /* word-break: break-word; */
  word-break: break-all;
  width:100%;
}
.kakomi-wh {
  background: #fff;
  color:#000;
  font-size:10px;
  line-height: 1.5;
  margin-bottom: 10px;
  padding:0.5em;
}
/*2309*/
.live-link-wrap {
  background-color: #000;
  background-image: url("../img/img_mv_sp.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 120%;
  position:relative;
  width: 100%;
}
.live-link {
  position:absolute;
  right:10px;
  bottom:10px;
  width: 48%;
}
.live-link-btn {
  background: #000;
  width:48%;
}
.h4-link {
  font-size: 13px;
  margin-bottom: .5em;
}
.h3-bumon {
  background: #000;
  color:#fff;
  font-size: 20px;
  margin-bottom: 0.5em;
}
.h4-theme {
  font-size: 20px;
  margin-bottom: 1.5em;
}
.icon-crown {
  background-image: url("../img/icon-crown.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: 1.5em;
  padding-left: 2.0em;
}
.award-july-sub {
  border:1px solid #fff;
  display: inline-block;
  font-size: 15px;
  margin-bottom: 1em;
  padding:0.1em 1em;
}
.award-july-prof {margin-bottom: 12px;}
.award-july-img {
  float:left;
  width:30%;
}
.award-july-txt {
  float:right;
  text-align: left;
  width:65%;
}
.award-jury-name {
  font-size: 15px!important;
  margin-bottom: .5em!important;
}
.award-jury-job {
  font-size: 10px!important;
}
.award-jury-link {
  font-size: 10px!important;
  text-decoration: underline;
}
.banner-archive {background: #fff;
  margin:0 auto;
  max-width:360px;
  width:90%;
}

@media only screen and (min-width: 751px ) {
  .qr-cord {float:right; margin:0; width:130px;}
  .h1-ttl {
  float:left;
  width:70%;
}
.h1-img {
  float:right;
  margin:0;
  width:24%;
}
  .pc-large {font-size: 18px;}
  .theme-ttl {
  font-size: 20px;
}
.theme-ttl-jp {
  font-size: 18px;
}
  .judge li {
  width:31.3%;
}
  .prize {width:32%;}
  .prize-margin-right {margin-right: 2%;}
  .colum2 {
  width:48%;
}
.colum2-left {
  float:left;
}
.colum2-right {
  float:right;
}
  .pc-line {
  border-left: 1px solid #fff;
}
  .support-content1, .support-content2 {
  float:left;
  width:49%;
}
  .pc-margin-right {margin-right: 2%;}
  .judge li {
  float:left;
  margin:1%;
  width:31.333%;
}
  .vr-txt {
  float:left;
  margin:0 auto 20px;
  width:48%;
}
.vr-tn {
  float:none;
  margin:0 auto 20px;
  width:49%;
}
  .vr-tn-right {float:right;}
  .vr-tn-left {float:left;}
  .colum3 {padding:12px 20px;}
  .colum3 p {
  text-align: left;
}
 .award-img {
  float:right;
  margin:0;
  width:40%;
}
.award-txt {
  float:left;
  margin:0;
  text-align: left;
  width:56%;
}
  .award-txt h4 {
  font-size: 24px;
}
  .award-txt h5 {font-size: 18px;}
  .award-txt p {font-size: 24px;}
  
  .summary-table tbody th, .summary-table tbody td {padding:10px;}
  .summary-table tbody th {writing-mode: horizontal-tb;}
  .summary-table tbody {font-size: 12px;}
  .summary-table tbody h3, .summary-table tbody h4 {font-size: 13px;}
   
  .entry-tips {
  float:left;
    padding:0 20px;
  width:49.5%;
}
  .tips-pc-line {border-right:1px solid #fff;}
  .ex-img {width:62%;}
  .jury-li {
  float:left;
  margin-bottom: 50px;
  width:31%;
}
  /*2309*/
  .h4-link {font-size: 18px;}
  .live-link-wrap {
  background-image: url("../img/img_mv_pc.jpg");
  background-size: cover;
  padding-top: 42%;
  position:relative;
  width: 100%;
}
  .h2-jp-size {font-size: 42px;}
}