@charset "UTF-8";
#contest2019 main{
  letter-spacing:0.2em;
}
#contest2019 main .w1080{
  padding:0 20px;
  /*! box-sizing: border-box; */
  position:relative;
}
#contest2019 .img_1015{
  text-align: center;
  margin-bottom:2em;
}
#contest2019 h2{
  font-size:2em;
  text-align: center;
  margin-bottom:1.5em;
}
#contest2019 .prologue{
  padding:120px 0;
  position:relative;
  margin-bottom:120px;
}
#contest2019 .prologue:before{
  content: "";
  display: block;
  z-index: -3;
  background:#fdf8f2;
  width:100%;
  height:100%;
  top:0;
  left:0;
  position: absolute;
}
#contest2019 .prologue h1{
  text-align: center;
  font-size:3em;
  font-weight:normal;
  letter-spacing:0.2em;
  margin-bottom:60px;
  position:relative;
}
#contest2019 .prologue h1:before,
#contest2019 .prologue h1:after{
  content:"";
  display: block;
  width:12em;
  height:0.5em;
  position: absolute;
  left:50%;
  bottom:50%;
  margin-left: -6em;
  background:#ffff00;
  z-index:-1;
}
#contest2019 .prologue h1:after{
 bottom:0%;
}
#contest2019 .encontestname{
  text-align:center;
  font-size: 1.5em;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight:bold;
  color:#00003c;
  opacity:50%;
  letter-spacing:0.3em;
}
/*#contest2019 li{
  width:30%;
}
#contest2019 li:nth-of-type(2){
  margin:0 10%;
}*/
#contest2019 .example li{
  width:300px;
}
#contest2019 .example img{
  display:block;
  width:100%;
}
#contest2019 .end_announce{
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}
#contest2019 .day{
  text-align: center;
  margin:60px auto;
  text-decoration: line-through;
}
#contest2019 .day span.box{
  font-size: 1.2em;
  line-height:1.8em;
  border:solid 2px #00003c;
  display: inline-block;
  padding:1.5em;
  width:auto;
}
#contest2019 .day span.day_title{
  display:inline-block;
  font-size:14px;
  font-weight:bold;
}
#contest2019 .day span.day_title:after{
  content:"";
  display: block;
  width:4.5em;
  height:2px;
  margin:0.5em auto 1em auto;
  background:#00003c;
}
#contest2019 .day span.iblock{
  display:inline-block;
}
#contest2019 .prologue h2{
  text-align: center;
  font-size:2em;
  font-weight: bold;
  color:#00003c;
  position:relative;
  margin-bottom:1.8em;
}
#contest2019 .prologue h2:before,
#contest2019 .prologue h2:after{
  content:"";
  display:block;
  position:absolute;
  left:50%;
  top:50%;
  margin:-27px 0 0 -6em;
  width:5px;
  height:54px;
  border-left:solid 1px #00003c;
  border-right:solid 2px #00003c;
  -webkit-transform: skewX(30deg);
  -ms-transform: skewX(30deg);
  -moz-transform: skewX(30deg);
  transform: skewX(30deg);
}
#contest2019 .prologue h2:after{
  -webkit-transform: skewX(-30deg);
  -ms-transform: skewX(-30deg);
  -moz-transform: skewX(-30deg);
  transform: skewX(-30deg);
  margin:-27px 0 0 6em;
}
#contest2019 .step{
  max-width:800px;
  margin:0 auto;
  margin-bottom:2em;
}
#contest2019 .step span{
  display: inline-block;
  position: relative;
}
#contest2019 .step span:before{
  content: "";
  display: block;
  width:3.5em;
  height:0.5em;
  position:absolute;
  z-index: -1;
  background:#ffff00;
  left:0;
  bottom:0.5em;
}
#contest2019 .hash_copy{
  max-width:600px;
  margin:30px auto;
  width: 80%;
}
#contest2019 #copyTarget{
  width:calc(100% - 3em);
  height:3em;
  line-height:3em;
  font-size:1.2em;
  color:#00003c;
  font-weight:bold;
  padding-left: 1em;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
#contest2019 input{
  -webkit-appearance:none;
  -ms-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border:0;
  outline: 0;
  box-shadow: 0;
  border:solid 1px #00003c;
}
#contest2019 .hash_copy button{
  width:3em;
  height:3em;
  font-size: 1.2em;
  position:relative;
  color:#fff;
  background: #00003c;
  border:0;
  cursor:pointer;
}
#contest2019  .hash_copy button span{
  position:absolute;
  display:block;
  top:-50%;
  color:#00003c;
  left:50%;
  margin-left:-4em;
  background:#fff;
  width:8em;
  padding:0.5em;
  box-sizing: border-box;
  border-radius: 15px;
  font-size:12px;
  font-weight:bold;
}
#contest2019  .hash_copy button span:before{
  content:"";
  display:block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8.7px 5px 0 5px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top:100%;
  left:50%;
  margin-left:-5px;
}
#contest2019  .hash_copy button span,
#contest2019  .hash_copy button span:before{
  opacity:0;
  -webkit-transition:0.3s;
  -ms-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
}
#contest2019  .hash_copy button span{
  transform:translateY(5px);
}
#contest2019  .hash_copy button:hover span,
#contest2019  .hash_copy button:hover  span:before{
  opacity:1;
}
#contest2019  .hash_copy button:hover span{
  transform:translateY(0px);
}
#contest2019 .event_tag{
  display:block;
  text-align: center;
  font-size:1.2em;
  color:#00003c;
  width:180px;
  line-height:48px;
  height:48px;
  background:#fff;
  margin:0 auto;
  position: relative;
  border:solid 1px #000;
  padding:0 15px 0 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight:500;
}
#contest2019 .event_tag:before{
  content:"";
  display: block;
  width:8px;
  height:8px;
  position: absolute;
  border-right:solid 2px #00003c;
  border-top:solid 2px #00003c;
  transform: rotate(45deg);
  top:50%;
  right:12px;
  margin-top:-4px;
}
#contest2019 .event_tag i{
  display:block;
  position:absolute;
  left:0;
  top:0;
  line-height:48px;
  height:48px;
  width:48px;
  background:#00003c;
  color:#fff;
  font-size:25px;
}
#contest2019 .presents_wrapp{
  margin-bottom:60px;
}
#contest2019 .presents_wrapp:nth-last-of-type(1){
  margin-bottom: 0;
}
#contest2019 .presents_wrapp .img_wrapp{
width:100%;
}
#contest2019 .presents_wrapp img{
 display: block;
 width:100%;
}
#contest2019 .presents_wrapp .presents_info{
 width:100%;
  position:relative;
}
#contest2019 .presents_wrapp h3{
  color:#00003c;
  position:relative;
  overflow:hidden;
}
#contest2019 .presents_wrapp h3:before{
  content:"";
  display: block;
  width:100%;
  height:1px;
  position:absolute;
  background: #00003c;
  top:50%;
  left:5em;
}
#contest2019 .presents_wrapp h3 span{
  position: absolute;
  right:0;
  display: inline-block;
  background:#fff;
  z-index:3;
  padding-left:1em;
}
#contest2019 .presents_wrapp h4{
  font-size:28px;
  margin:1em 0 0.5em;
}
#contest2019 .guide{
  margin-top:120px;
  max-width:800px;
  line-height: 180%
}
#contest2019 .presents_wrapp .recipe_wrapp ul li span{
  background:#fff;
}
#contest2019 .guide h2{
  border:solid 1px #00003c;
  width:180px;
  height:56px;
  line-height:56px;
  margin-left:auto;
  margin-right:auto;
}
@media only screen and (min-width:761px) {
  #contest2019 .example li{
    position:absolute;
    z-index:-2;
    opacity:0.8;
  }
  #contest2019 .example li:nth-of-type(1){
    top:300px;
  }
  #contest2019 .example li:nth-of-type(2){
    top:30px;
    right:0;
  }
  #contest2019 .example li:nth-last-of-type(1){
    top:-150px;
    left:100px;
    width:300px;
  }
  #contest2019 .presents_wrapp .img_wrapp{
    margin-right:40px;
  }
  #contest2019 .presents_wrapp .presents_info{
  }
}
@media only screen and (max-width:760px){
  #contest2019 .prologue{
    overflow:hidden;
  }
  #contest2019 .example li{
    position:absolute;
    z-index:-2;
    width:200px;
    opacity:0.8;
  }
  #contest2019 .example li img{
    display: block;
    width:100%;
  }
  #contest2019 .example li:nth-of-type(1){
    top:0;
    left:0;
    margin-left: -50px;
    margin-top:340px;
  }
  #contest2019 .example li:nth-of-type(2){
    top:50%;
    right:0%;
    margin-top:-400px;
    margin-right: -80px;
  }
  #contest2019 .example li:nth-last-of-type(1){
    top:0;
    left:0;
    margin-top:-150px;
    margin-left:-50px;
  }
#contest2019 .prologue h1{
  font-size:1.8em;
  }
  #contest2019 h2{
  font-size: 1.5em;
  }
  #contest2019 .prologue h2{
    font-size:1.5em;
  }
  #contest2019 .prologue h2:before,
  #contest2019 .prologue h2:after{
    height:40px;
    margin-top:-20px;
  }

  #contest2019 .step span{
    display:block;
    margin-top: 1em;
  }
  #contest2019 .day span{
    font-size: 1em;
  }
  #contest2019 .presents_wrapp{
    display:block;
  }
  #contest2019 .presents_wrapp .img_wrapp{
    margin-bottom:4em;
  }
  #contest2019 #copyTarget{
  font-size:1em;
  }
  #contest2019  .hash_copy button{
  font-size: 1em;
  }
}