@charset "utf-8";

/* -----------------------------------------------------------
 contest
----------------------------------------------------------- */

.tel_num p {margin:0.75em 0 0;clear:both;}
.address p {margin:0.75em 0 0;clear:both;}



@media screen and (min-width: 769px),print {
  
  /** ビジュアルエディタ共通要素 **/
  
  main article.page_contest .page_title {border-bottom: solid 10px #e50012;}
  
  main article.page_contest h2 {
    color:#e50012;
    background: url(./img/contest/bg_h2-contest.png) no-repeat left 1rem top 0.55em,#fbd9db;
  }
  
  main article.page_contest h4::before {background: #e50012;}
  
  main article.page_contest ul li::before {background: #e50012;}
  
  main article.page_contest a.btn {
    color: #FFF;
    background: #e50012;
    box-shadow: 0 0.3rem 0 #a40000;
  }
  
  main article.page_contest a.btn::after {border-left: solid 0.45em #e50012;}
  
  main article.page_contest a.link::before {background: #e50012;}
  
  main article.page_contest a.btn[target="_blank"] {background: url(img/contest/bg_targetb-contents.png) no-repeat top 1em right 1em,#e50012;}
  
  main article.page_contest div.border *:nth-child(1) {margin-top:0;padding-top:0;}
  main article.page_contest div.border *:nth-last-child(1) {margin-bottom:0;padding-bottom:0;}
  
  /** ビジュアルエディタ共通要素アイキャッチ **/
  
  main article .kv_contest {margin:0 auto;}
  main article .kv_contest img {display:block;}
  
  /** ナビゲーション部 **/
  
  main article .nav_contest {
    width:100%;
    height:auto;
    overflow:hidden;
    padding:15px 0;
    border-bottom:solid 1px #c9caca;
    margin:0 auto 1em;
  }
  
  main article .nav_contest li {
    margin:0;
    padding:0.75em 1em;
    float:left;
  }
  
  main article.page_contest .nav_contest li::before {
    width:1px;
    height:1em;
    background:#3e3a39;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
  }
  
  main article .nav_contest li:last-child {
    float:right;
    padding:0;
  } 
  main article .nav_contest li:nth-child(1)::before {content:none;}
  main article .nav_contest li:last-child::before {content:none;}
  
  main article .nav_contest li a:hover {text-decoration:underline;}
  main article .nav_contest li a.active {color:#e50012;}
  main article .nav_contest li a.entry {
    margin:0;
    padding:0.65em 2em 0.55em;
    text-align:center;
  }
  main article .nav_contest li a.entry::before {content:none;}
  main article .nav_contest li a.entry::after {content:none;}
  main article .nav_contest li a.entry:hover {text-decoration:none;}
  
  /** 個別ページ **/
  
  div.youtube_box {width:480px;height:auto;margin:0 0 40px;}

  div.youtube_box iframe {width:100%;height:100%;}
  
  main article.page_contest p.caution {
    font-size:1.86em;
    font-weight:bold;
    color:#e50012;
    margin:0;
  }
  
  main article.page_contest h2.grp ,
  main article.page_contest h2.scp ,
  main article.page_contest h2.spp ,
  main article.page_contest h2.enp {
    font-size:1.29em;
  }
  
  main article.page_contest h2.grp span ,
  main article.page_contest h2.scp span ,
  main article.page_contest h2.spp span ,
  main article.page_contest h2.enp span {
    font-size:1.44em;
    display:inline-bllock;
    margin:0 0.5em;
    font-family: 'Sriracha', cursive;
    font-weight:normal;
    letter-spacing:0.05em;
  }
  
  main article.page_contest h2.grp{color:#b69333;background:url(./img/contest/h2_grp.png) no-repeat left 1rem top 0.9em,#f4efe0;}
  main article.page_contest h2.scp{color:#96a9b3;background:url(./img/contest/h2_scp.png) no-repeat left 1rem top 0.9em,#eff2f4;}
  main article.page_contest h2.spp{color:#bc7960;background:url(./img/contest/h2_spp.png) no-repeat left 1rem top 0.9em,#f5ebe7;}
  main article.page_contest h2.enp{color:#3e6b83;background:url(./img/contest/h2_enp.png) no-repeat left 1rem top 0.9em,#e2e9ec;}
  
  main article.page_contest dl.grp ,
  main article.page_contest dl.scp ,
  main article.page_contest dl.spp ,
  main article.page_contest dl.enp {margin:0 auto 2.5em;}

  main article.page_contest dl.grp dt a {
    font-size:1.93em;
    font-weight:bold;
    color:#b69333;
  }
  
  main article.page_contest dl.scp dt a {
    font-size:1.93em;
    font-weight:bold;
    color:#96a9b3;
  }
  
  main article.page_contest dl.spp dt a {
    font-size:1.43em;
    font-weight:bold;
    color:#bc7960;
  }
  
  main article.page_contest dl.enp dt {
    font-size:1.14em;
    font-weight:bold;
    color:#3e6b83;
  }
  main article.page_contest dl.enp dt a {color:inherit;}
  main article.page_contest dl.grp dt a:hover,
  main article.page_contest dl.scp dt a:hover,
  main article.page_contest dl.spp dt a:hover,
  main article.page_contest dl.enp dt a:hover{text-decoration:underline;}
  
  main article.page_contest dl.grp dd ,
  main article.page_contest dl.scp dd ,
  main article.page_contest dl.spp dd ,
  main article.page_contest dl.enp dd {margin:0 0 1em;}
  
  main article.page_contest form {height:auto;}
  
  main article.page_contest form dl {
    width:100%;
    overflow:hidden;
  }
  
  main article.page_contest form dl dt {
    position: relative;
    margin: 0.5em 0;
    padding: 0 0 0 1rem;
    font-size: 1.28em;
    font-weight:bold;
    clear: both;
    z-index: 0;
  }
  
  main article.page_contest form dl dt::before {
    position: absolute;
    display: block;
    content: "";
    width: 6px;
    height: 1.5em;
    background: #e50012;
    top: 0;
    left: 0;
    clear: both;
  }
  
  main article.page_contest form dl dd {
    overflow:hidden;
    margin:0 auto 2em;
  }
  
  main article.page_contest form dl dd input[type="text"] {
    border:solid 1px #3e3a39;
    height:35px;
    float:none;
  }
  
  main article.page_contest form dl dd textarea {
    box-sizing:border-box;
    border:solid 1px #3e3a39;
    padding:1em;
    border-radius: 0.2rem;
    width:100%;
  }
  
  main article.page_contest form dl dd.title input {width:600px;}
  main article.page_contest form dl dd.content textarea {height:185px;}
  main article.page_contest form dl dd.content02 textarea {height:110px;}
  main article.page_contest form dl dd.member textarea {height:80px;}
  main article.page_contest form dl dd.member input {width:60px;}
  main article.page_contest form dl dd.name input,
  main article.page_contest form dl dd.school input,
  main article.page_contest form dl dd.grade input[type="text"],
  main article.page_contest form dl dd.sign input {width:300px;}
  main article.page_contest form dl dd.p_code input {width:80px;float:none;margin:0 10px 0 0;} 
  main article.page_contest form dl dd.tel_num input[type="text"] {width:80px;float:none;margin:0;} 
  main article.page_contest form dl dd input[type="radio"] + span {
    padding:8px 0;
    margin:0 10px 0 0;
    float:left;
  }
  main article.page_contest form dl dd.p_code span {
    float:none;
  }
  main article.page_contest form dl dd input[type="radio"] {float:left;}
  main article.page_contest form dl dd input[type="radio"]+span {padding:0;}
  main article.page_contest form dl dd.address input[type="text"],
  main article.page_contest form dl dd.mail input {width:400px;display:block;clear:both;margin:0 0 1rem ;}
  main article.page_contest form dl dd.confirm input {display:inline-block;width:400px;float:left;}
  main article.page_contest form dl dd.how input ,
  main article.page_contest form dl dd.purpose input[type="text"] 
  {width:400px;display:block;clear:both;background:#f3f1f1;}
  main article.page_contest form dl dd select {margin:0 0 1rem;}
  main article.page_contest input[type="submit"] {
    box-sizing: border-box;
    position: relative;
    border-radius: 0.5rem;
    padding: 0.65em 1.5em 0.55em 2.5em;
    z-index: 0;
    color: #FFF;
    background: #e50012;
    box-shadow: 0 0.3rem 0 #a40000;
    margin:0 auto 10px;
    width:185px;
    height:40px;
    border:none;
  }
  
  main article.page_contest p.button {
    position: relative;
    width:185px;
    height:auto;
    margin:0 auto 20px;
    overflow:hidden;
  }
  
  main article.page_contest p.button::before {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: solid 0.45em #e50012;
    border-top: solid transparent 0.3em;
    border-bottom: solid transparent 0.3em;
    z-index: 1;
    top: 1.1em;
    left: 1.2em;
  }
  
  main article.page_contest p.button::after {  
    position: absolute;
    display: block;
    content: "";
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    background: #FFF;
    top: 0.8em;
    left: 0.75em;
    z-index: 0;
  }

  main article.page_contest .mw_wp_form_confirm .border ul {display:none;}
  

  
  
}


@media screen and (max-width: 768px),print {

  /** ビジュアルエディタ共通要素 **/
  
  main article.page_contest .page_title {border-bottom: solid 4px #e50012;}
  
  main article.page_contest h2 {
    color:#e50012;
    background: url(img/contest/bg_h2-contest.png) no-repeat left 0.5rem top 0.7em,#fbd9db;
    background-size: 1.4rem;
  }
  
  main article.page_contest h4::before {background: #e50012;}
  
  main article.page_contest ul li::before {background: #e50012;}
  
  main article.page_contest a.btn {
    color: #FFF;
    background: #e50012;
    box-shadow: 0 0.3rem 0 #a40000;
  }
  
  main article.page_contest a.btn::after {border-left: solid 0.45em #e50012;}
  
  main article.page_contest a.btn[target="_blank"] {
    background: url(img/contest/bg_targetb-contents.png) no-repeat top 0.75em right 1em,#e50012;
    background-size: 1em;
  }
  
  main article.page_contest a.link::before {background: #e50012;}
  
  main article.page_contest div.border *:nth-child(1) {margin-top:0;padding-top:0;}
  main article.page_contest div.border *:nth-last-child(1) {margin-bottom:0;padding-bottom:0;} 
  
  /** ナビゲーション部 **/
  
  main article .kv_contest {margin:0 auto 5%;}
  main article .kv_contest img {display:block;}
  
  main article .nav_contest {
    width:100%;
    height:auto;
    overflow:hidden;
    padding:0 0 5%;
    border-bottom:solid 1px #c9caca;
    margin:0 auto 5%;
  }
  
  main article .nav_contest li {
    margin:0;
    padding:0 1em 0.5em;
    float:left;
  }
  
  main article.page_contest .nav_contest li::before {
    width:1px;
    height:1em;
    background:#3e3a39;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
  }
  
  main article .nav_contest li:last-child {
    padding:0;
    clear:both;
  } 
  main article .nav_contest li:nth-child(1)::before {content:none;}
  main article .nav_contest li:last-child::before {content:none;}
  
  main article .nav_contest li a:hover {text-decoration:underline;}
  main article .nav_contest li a.active {color:#e50012;}
  main article .nav_contest li a.entry {
    margin:0;
    padding:0.4em 2em 0.2em;
    text-align:center;
  }
  main article .nav_contest li a.entry::before {content:none;}
  main article .nav_contest li a.entry::after {content:none;}
  
  /** 個別ページ **/
  
  div.youtube_box {
    position:relative;
    width:100%;
    height:auto;
    margin:0 0 5%;
    /*padding:56.25% 0 0;*/
    z-index:0;
  }
  div.youtube_box iframe {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:0;
  }
  
  main article.page_contest p.caution {
    font-size:1.42em;
    font-weight:bold;
    color:#e50012;
    margin:0;
  }
  
  main article.page_contest h2.grp ,
  main article.page_contest h2.scp ,
  main article.page_contest h2.spp ,
  main article.page_contest h2.enp {
    font-size:0.83em;
  }
  
  main article.page_contest h2.grp span ,
  main article.page_contest h2.scp span ,
  main article.page_contest h2.spp span ,
  main article.page_contest h2.enp span {
    font-size:1.7em;
    display:inline-bllock;
    margin:0 0.5em 0 1em;
    font-family: 'Sriracha', cursive;
    font-weight:normal;
    letter-spacing:0.05em;
  }
  
  main article.page_contest h2.grp{color:#b69333;background:url(./img/contest/h2_grp.png) no-repeat left 0.5rem top 0.75em,#f4efe0;background-size:2em;}
  main article.page_contest h2.scp{color:#96a9b3;background:url(./img/contest/h2_scp.png) no-repeat left 0.5rem top 0.75em,#eff2f4;background-size:2em;}
  main article.page_contest h2.spp{color:#bc7960;background:url(./img/contest/h2_spp.png) no-repeat left 0.5rem top 0.75em,#f5ebe7;background-size:2em;}
  main article.page_contest h2.enp{color:#3e6b83;background:url(./img/contest/h2_enp.png) no-repeat left 0.5rem top 0.75em,#e2e9ec;background-size:2em;}
  
  main article.page_contest dl.grp ,
  main article.page_contest dl.scp ,
  main article.page_contest dl.spp ,
  main article.page_contest dl.enp {margin:0 auto 2.5em;}
  
  main article.page_contest dl.grp dt,
  main article.page_contest dl.scp dt,
  main article.page_contest dl.spp dt,
  main article.page_contest dl.enp dt{margin:0 0 0.5em;}

  main article.page_contest dl.grp dt a {
    font-size:1.25em;
    font-weight:bold;
    color:#b69333;
  }
  
  main article.page_contest dl.scp dt a {
    font-size:1.25em;
    font-weight:bold;
    color:#96a9b3;
  }
  
  main article.page_contest dl.spp dt a {
    font-size:1.13em;
    font-weight:bold;
    color:#bc7960;
  }
  
  main article.page_contest dl.enp dt {
    font-size:1.08em;
    font-weight:bold;
    color:#3e6b83;
  }
  main article.page_contest dl.enp dt a {color:inherit;}
  main article.page_contest dl.grp dt a:hover,
  main article.page_contest dl.scp dt a:hover,
  main article.page_contest dl.spp dt a:hover,
  main article.page_contest dl.enp dt a:hover{text-decoration:underline;}
  
  main article.page_contest dl.grp dd ,
  main article.page_contest dl.scp dd ,
  main article.page_contest dl.spp dd ,
  main article.page_contest dl.enp dd {margin:0 0 1.5em;}
  
  main article.page_contest form dl {
    width:100%;
    overflow:hidden;
  }
  
  main article.page_contest form dl dt {
    position: relative;
    margin: 1em 0;
    padding: 0 0 0 0.75rem;
    font-size: 1.16em;
    clear: both;
    font-weight:bold;
    z-index: 0;
  }
  
  main article.page_contest form dl dt::before {
    position: absolute;
    display: block;
    content: "";
    width: 4px;
    height: 1em;
    background: #e50012;
    top: 0.2em;
    left: 0;
  }
  
  main article.page_contest form dl dd {
    overflow:hidden;
    margin:0 auto 2em;
  }
  
  main article.page_contest form dl dd input[type="text"] {
    box-sizing:border-box;
    width:100%;
    border:solid 1px #c9caca;
    height:27px;
    float:none;
  }
  
  main article.page_contest form dl dd textarea {
    box-sizing:border-box;
    border:solid 1px #c9caca;
    padding:1em;
    border-radius: 0.2rem;
    width:100%;
  }
  
  main article.page_contest form dl dd.content textarea{height:10em;}
  main article.page_contest form dl dd.content02 textarea{height:10em;}
  main article.page_contest form dl dd.member textarea{height:5em;}
  main article.page_contest form dl dd.member input {width:60px;}
  main article.page_contest form dl dd.p_code input{width:80px;float:none;margin:0 10px 0 0;} 
  main article.page_contest form dl dd.tel_num input[type="text"] {width:80px;float:none;margin:0 ;} 
  main article.page_contest form dl dd input + span {
    padding:5px 0;
    margin:0 10px 0 0;
    float:left;
  }
  main article.page_contest form dl dd.p_code span {
    float:none;
  }
  main article.page_contest form dl dd input[type="radio"] {float:left;}
  main article.page_contest form dl dd input[type="radio"]+span {padding:0;}
  main article.page_contest form dl dd.address input[type="text"],
  main article.page_contest form dl dd.mail input{display:block;clear:both;margin:0 0 1rem ;}
  main article.page_contest form dl dd.how input,
  main article.page_contest form dl dd.purpose input[type="text"]{display:block;clear:both;background:#f3f1f1;}
  main article.page_contest form dl dd select {margin:0 0 1rem;}
  main article.page_contest form input[type="submit"] {
    box-sizing: border-box;
    position: relative;
    border-radius: 0.5rem;
    padding: 0.65em 1.5em 0.55em 2.5em;
    z-index: 0;
    color: #FFF;
    background: #e50012;
    box-shadow: 0 0.3rem 0 #a40000;
    margin:0 auto 10px;
    width:185px;
    height:40px;
    border:none;
  }
  
  main article.page_contest p.button {
    width:185px;
    margin:0 auto 10px;
    height:auto;
    overflow:hidden;
    position:relative;
  }
  
  main article.page_contest p.button::before {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: solid 0.45em #e50012;
    border-top: solid transparent 0.3em;
    border-bottom: solid transparent 0.3em;
    z-index: 1;
    top: 1.3em;
    left: 1.2em;
  }
  
  main article.page_contest p.button::after {  
    position: absolute;
    display: block;
    content: "";
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    background: #FFF;
    top: 1em;
    left: 0.75em;
    z-index: 0;
  }
  
  main article.page_contest form input {height:auto;}
  
  
  main article.page_contest .mw_wp_form_confirm .border ul {display:none;}
  
  
  
  
  
  
  
}