@charset "UTF-8";
img {
  display: block;
  margin: auto;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0;
}

table {
  font-size: 100%;
  line-height: 1.5;
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-weight: normal;
  text-align: left;
}

ul li {
  list-style: none;
  margin: 0;
}

ol {
  padding-left: 18px;
  *padding-left: 24px;
  _padding-left: 24px;
}

dl, dt, dd {
  margin: 0;
}

input, textarea {
  vertical-align: middle;
}

address, em {
  font-style: normal;
}

a {
  text-decoration: none;
  color: #000;
}

a:hover {
  opacity: 80%;
}

.toTop {
  position: relative;
  opacity: 0;
  transition: .7s;
  position: fixed;
  bottom: 60px;
  right: 25px;
  width: 60px;
  height: 60px;
  z-index: 200;
}

.toTop img {
  width: 100%;
  display: block;
}

.toTop.show {
  opacity: 1;
}

@media (max-width: 750px) {
  .toTop {
    bottom: calc(20 / 750 * 100%);
    right: calc(20 / 750 * 100%);
    width: calc(102 / 750 * 100%);
    height: auto;
  }
}

/* =========================================================================
 共通
========================================================================= */
#event01 {
  margin: 0;
  width: 100%;
  background: #FFFFFF;
  color: #000;
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  font-size: 0.875rem;
}

#event01 .kvArea {
  background: url("../event01/img/kv_bg.png") repeat;
  margin-bottom: 100px;
}

#event01 .kvArea h1 img {
  margin: auto;
  width: 80%;
}

#event01 #topicPath {
  width: 1000px;
}

#event01 #topicPath div {
  margin: 0 auto 100px;
  text-align: left;
  color: #999;
}

#event01 #topicPath div a, #event01 #topicPath div span {
  margin: 0 10px;
  color: #999;
  font-size: 0.75rem;
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

#event01 #topicPath div a {
  text-decoration: underline;
}

#event01 #topicPath div a:hover {
  text-decoration: none;
}

#event01 .winner section {
  width: 1000px;
  margin: 0 auto 100px;
}

#event01 .winner section .ribbonWrap {
  display: inline-block;
  position: relative;
  height: 45px;
  text-align: center;
  box-sizing: border-box;
}

#event01 .winner section .ribbonWrap::before {
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  left: -35px;
  border: 20px solid #D86125;
  border-left-color: transparent;
  /*山形に切り抜き*/
}

#event01 .winner section .ribbonWrap::after {
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  right: -35px;
  border: 20px solid #D86125;
  border-right-color: transparent;
  /*山形に切り抜き*/
}

#event01 .winner section .ribbonWrap .ribbon {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 50px;
  line-height: 45px;
  font-size: 1.625rem;
  color: #000;
  font-weight: 600;
  background: linear-gradient(90deg, #f78039 0%, #ffd45e 17%, #ffe7a6 45%, #f49943 74%, #f78039 100%);
  /*真ん中の背景色*/
  z-index: 10;
}

#event01 .winner section .ribbonWrap .ribbon::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 15px #511B20;
  /*左の折り返し部分*/
}

#event01 .winner section .ribbonWrap .ribbon::after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #511B20;
  /*右の折り返し部分*/
}

#event01 .winner section .opus {
  display: flex;
  justify-content: space-between;
  padding: 50px 0 0;
}

#event01 .winner section .opus li {
  margin: auto;
}

#event01 .winner section .opus li .illust img {
  width: 218px;
}

#event01 .winner section .opus li .union {
  margin: 20px 0 0;
  font-size: 0.75rem;
}

#event01 .winner section .opus li .name {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
}

#event01 .winner section .opus li .name span {
  font-size: 1.125rem;
}

#event01 .winner #first_prize .inner {
  display: flex;
  justify-content: center;
  align-items: center;
}

#event01 .winner #first_prize .inner div {
  margin: 0;
}

#event01 .winner #first_prize .inner .illust {
  width: 400px;
  text-align: left;
}

#event01 .winner #first_prize .inner .illust img {
  display: inline;
}

#event01 .winner #first_prize .inner .union {
  margin: 30px 0 0;
  font-size: 0.875rem;
}

#event01 .winner #first_prize .inner .name {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
}

#event01 .winner #first_prize .inner .name span {
  font-size: 1.875rem;
}

#event01 .winner #first_prize .inner .crown::before {
  display: block;
  margin: 0 auto 20px;
  content: '';
  background: url("../event01/img/crown.png") no-repeat;
  background-size: contain;
  width: 75px;
  height: 50px;
}

#event01 .winner #chairman .opus li .illust img {
  width: 218px;
}

#event01 .winner #merit_award .opus li .illust img, #event01 .winner #lady .opus li .illust img, #event01 .winner #skilful .opus li .illust img, #event01 .winner #difficult .opus li .illust img, #event01 .winner #unique .opus li .illust img, #event01 .winner #smile .opus li .illust img, #event01 .winner #great .opus li .illust img, #event01 .winner #realistic .opus li .illust img {
  width: 176px;
}

#event01 .readCopy {
  margin: -30px auto 80px;
  font-size: 1rem;
  line-height: 200%;
}

#event01 .opusList {
  margin: 0 auto 50px;
  width: 70%;
  display: flex;
  flex-wrap: wrap;
}

#event01 .opusList li {
  width: 20%;
  margin: 0 0 50px;
}

#event01 .opusList li .illust img {
  width: 90%;
}

#event01 .opusList li .name {
  font-size: 1rem;
}

#event01 .pageNav {
  display: flex;
  justify-content: center;
}

#event01 .pageNav li {
  margin: 0 20px 50px;
}

#event01 .pageNav li a:hover {
  display: block;
  background: #FCE5E9;
}

#event01 .pageNav li span {
  display: block;
  padding: 10px 50px;
  border: 1px solid #969696;
  font-size: 0.875rem;
}

#event01 .pageNav li span.on {
  background: #FCE5E9;
}

#event01 .inquiry {
  margin: 0 0 30px;
}

#event01 .inquiry dl {
  width: 50%;
  margin: auto;
  border: 3px solid #EA334D;
}

#event01 .inquiry dl dt {
  padding: 10px;
  background: #EA334D;
  font-size: 1rem;
  color: #FFF;
  font-weight: 900;
}

#event01 .inquiry dl dd {
  padding: 20px;
}

#event01 .pc {
  display: block;
}

#event01 .sp {
  display: none;
}

/* =========================================================
 スマホ対応
========================================================= */
@media (max-width: 750px) {
  #event01 {
    text-align: center;
  }
  #event01 .kvArea {
    margin-bottom: calc(50 / 750 * 100%);
  }
  #event01 .kvArea h1 img {
    width: 100%;
  }
  #event01 #topicPath {
    width: 100%;
  }
  #event01 #topicPath div {
    background: none;
    margin: 0 auto calc(50 / 750 * 100%);
  }
  #event01 #topicPath div a, #event01 #topicPath div span {
    margin: 0 calc(10 / 750 * 100%);
  }
  #event01 .winner section {
    width: 100%;
    margin-bottom: calc(150 / 750 * 100%);
  }
  #event01 .winner section .ribbonWrap {
    display: inline-block;
    position: relative;
    height: 45px;
    text-align: center;
    box-sizing: border-box;
  }
  #event01 .winner section .ribbonWrap::before {
    content: '';
    position: absolute;
    width: 10px;
    bottom: -10px;
    left: -35px;
    border: 20px solid #D86125;
    border-left-color: transparent;
    /*山形に切り抜き*/
  }
  #event01 .winner section .ribbonWrap::after {
    content: '';
    position: absolute;
    width: 10px;
    bottom: -10px;
    right: -35px;
    border: 20px solid #D86125;
    border-right-color: transparent;
    /*山形に切り抜き*/
  }
  #event01 .winner section .ribbonWrap .ribbon {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 50px;
    line-height: 45px;
    font-size: 1.625rem;
    color: #000;
    font-weight: 600;
    background: linear-gradient(90deg, #f78039 0%, #ffd45e 17%, #ffe7a6 45%, #f49943 74%, #f78039 100%);
    /*真ん中の背景色*/
    z-index: 10;
  }
  #event01 .winner section .ribbonWrap .ribbon::before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 10px transparent;
    border-right: solid 15px #511B20;
    /*左の折り返し部分*/
  }
  #event01 .winner section .ribbonWrap .ribbon::after {
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 10px transparent;
    border-left: solid 15px #511B20;
    /*右の折り返し部分*/
  }
  #event01 .winner section .opus {
    flex-direction: column;
  }
  #event01 .winner section .opus li .illust img {
    width: 80%;
  }
  #event01 .winner section .opus li .name {
    margin: calc(20 / 750 * 100%) 0 calc(100 / 750 * 100%);
    font-size: 2.66667vw;
  }
  #event01 .winner section .opus li .name span {
    font-size: 4vw;
  }
  #event01 .winner #first_prize .inner {
    flex-direction: column-reverse;
  }
  #event01 .winner #first_prize .inner .illust {
    width: 80%;
    margin: auto;
  }
  #event01 .winner #first_prize .inner .illust img {
    width: 100%;
  }
  #event01 .winner #first_prize .inner .name {
    margin: calc(50 / 750 * 100%) 0 calc(50 / 750 * 100%);
    font-size: 4vw;
  }
  #event01 .winner #first_prize .inner .name span {
    font-size: 6.66667vw;
  }
  #event01 .winner #chairman .opus li .illust img {
    width: 80%;
  }
  #event01 .winner #merit_award .opus li .illust img, #event01 .winner #lady .opus li .illust img, #event01 .winner #skilful .opus li .illust img, #event01 .winner #difficult .opus li .illust img, #event01 .winner #unique .opus li .illust img, #event01 .winner #smile .opus li .illust img, #event01 .winner #great .opus li .illust img, #event01 .winner #realistic .opus li .illust img {
    width: 80%;
  }
  #event01 .winner #realistic {
    margin-bottom: calc(50 / 750 * 100%);
  }
  #event01 .readCopy {
    margin: 0 auto calc(80 / 750 * 100%);
    padding: calc(10 / 750 * 100%);
    font-size: 4.66667vw;
    line-height: 150%;
  }
  #event01 .opusList {
    margin: 0 auto calc(50 / 750 * 100%);
    width: 95%;
  }
  #event01 .opusList li {
    width: 50%;
    margin: 0 0 calc(50 / 750 * 100%);
  }
  #event01 .opusList li .illust img {
    width: 90%;
  }
  #event01 .opusList li .name {
    font-size: 3.33333vw;
  }
  #event01 .pageNav {
    flex-direction: column;
  }
  #event01 .pageNav li {
    margin: 0 20px 10px;
  }
  #event01 .pageNav li:last-child {
    margin-bottom: calc(100 / 750 * 100%);
  }
  #event01 .pageNav li span {
    display: block;
    padding: 10px 50px;
    border: 1px solid #969696;
    font-size: 0.875rem;
  }
  #event01 .pageNav li span.on {
    background: #FCE5E9;
  }
  #event01 .inquiry {
    margin: 0 0 calc(100 / 750 * 100%);
  }
  #event01 .inquiry dl {
    width: 90%;
  }
  #event01 .inquiry dl dt {
    padding: calc(10 / 750 * 100%);
    font-size: 3.33333vw;
  }
  #event01 .inquiry dl dd {
    padding: calc(20 / 750 * 100%);
    font-size: 3.33333vw;
  }
  #event01 .pc {
    display: none;
  }
  #event01 .sp {
    display: block;
  }
}

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