/***  reset.css ***/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}
li{
    list-style: none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
.cf:after {
    content: "";
    display: block;
	clear: both;
}
.ls_none{
    letter-spacing: 0;
}



/***--------------------
  ここから記述 
--------------------***/

a {
    display:block;
}
li {
    font-family: "ヒラギノ角ゴシック", "游ゴシック", Yu Gothic, sans-serif;
}


@media screen and (max-width: 768px) {
    .pc {display: none !important; }
    .sp {display: block !important;}
    .img100 {width:100%;}
  }
  @media screen and (min-width: 769px) {
    .sp {display: none !important;}
    .pc {display: block !important;}
  }

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

    .judges_top {
        background: url("../img/judges/bg_repeat.jpg");
        background-repeat: repeat;
    }


    body {
        width:100%;
        background-image: url("../img/frontpage/bg.png");
    }
    h1 {
        padding-top:3.906vw;
    }
    .header_box  {
        padding:0 3.125vw;
    }
    .mv_wrapper {
        padding: 40px 0;
        width:90%;
        text-align: center;
        margin: 0 auto;
    }

    .btn_form {
        width:90%;
        text-align: center;
        margin: 0 auto;
        padding: 60px 0 60px 0;
    }
    .icon_takomai  {
        width:30%;
        margin:0 auto;
        padding:30px 0 0 0;
    }
    .ctt01_txt img {
        width:80%;
        text-align: center;
        margin: 0 auto;
    }

    .table_wrapper {
        max-width: 100%;
        padding: 0 40px;
    }
    dt,dd {
      margin: 0;
      padding: 0; 
      text-align: left;
      }
      .leftbox dt ,.leftbox dd ,.rightbox dt ,.rightbox dd {
        border-bottom: 5px solid #8d0404;; 
        border-right: 5px solid #8d0404;; 
        border-left: 5px solid #8d0404;; 
        box-sizing: border-box; 
        padding: 15px 30px;
        }
        .leftbox dt ,.rightbox dt {
            background:#8d0404;;
            vertical-align: middle;
            }
            .leftbox dd ,.rightbox dd {
            background:#fff;
            vertical-align: middle;
            }


      .set1,.set2 {
        border-bottom: 5px solid #8d0404;;
      }
 
      img {

        display: block;
        margin: 0 auto;
        margin-bottom: .5rem;
      }

      .ctt01 {
        background-color: #fff6d4;
      }
      .ctt01_txt {
          padding:0 0 30px 0;
      }
      .ctt01_annotation {
        text-align: left;
        width:90%;
        margin:0 auto;
        padding: 12px 0 0 0;
        font-size:4vw;
        line-height: 4vw;
      }
      .ctt01_annotation p {
          padding-bottom:20px;
          line-height: 5vw;
      }
      .btn_form p {
        font-size: 4vw;
          font-weight: normal;
          padding-top: 2vw;
      }
      .ctt02 {
          margin:0 auto;
          padding:0 0 10vw 0;
          background:#faebb0;
      }
      .ctt02_txt img {
          width:60%;
          padding:10vw 0 2vw 0;

      }
      .ctt02_txt p {
          font-size:4vw;
          line-height:8vw;
          padding:5vw 0 10vw 0;
      }
      .ctt02_wrapper {
          width:90%;
          margin:0 auto;
          padding-top:30px;
      }

      .gmap {
        height: 0;
        overflow: hidden;
        padding-bottom: 56.25%;
        position: relative;
        }
        .gmap iframe {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        height: 90%;
        width: 90%;
        }

.ctt03_wrapper {
    text-align: left;
    background:#ead897;

}
    .ctt03_wrapper img {
        width:100%;
        display: inline;
        padding:2vw 0 0 0;
        margin-bottom:0;
    }
    .p_01 {
        font-size:4vw;
        font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }
    .p_02 {
        font-size:4vw;
        font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
        
    }
    .cation {
        color:#8d0404;;
        font-weight:bold;
        font-size:5vw;
    }
    .cation_l {
        color:#8d0404;;
        font-weight:bold;
        font-size:6vw;
    }
}

@media screen and (min-width: 769px) {
    .judges_top {
        background: url("../img/judges/bg_repeat.jpg");
        background-repeat: repeat;
    }
    .mv_wrapper {
        width: calc(100% - 160px);
        margin: 0;
        text-align: center;
    }
    .mv_wrapper img {
        padding:20px 40px;
    }
    .btn_form {
        padding:30px 0;
    }
    .btn_form img {
        text-align: center;
        margin: 0 auto;
    }

    body {
        width:100%;
        background:#fff;
    }
    .cation {
        color:#8d0404;;
        font-weight:bold;
    }
    .cation_l {
        color:#8d0404;;
        font-weight:bold;
        font-size:22px;
    }
    
    .ctt01 {
        background-color: #fff6d4;
    }
    .ctt01_txt {
        padding: 0 40px 40px 40px;
        display: inline-block;
        margin: 0;
        text-align: center;
    }
    .icon_takomai  {
        width:130px;
        margin:0 auto;
    }
    .ctt01_wrapper {
        width: calc(100% - 160px);
        text-align: left;
        text-align: center;
        padding:60px 0 30px 0;
    }

      .table_wrapper {
          display:flex;
          margin: 0 auto;
          max-width: 1040px;
          padding: 0 40px;
      }
      dt,dd {
        margin: 0;
        padding: 0; 
        text-align: left;
        }
      .leftbox{
        border-top: 5px solid #8d0404;;
        width: 50%; 
        display: flex;
        flex-wrap: wrap; 
      }
      .rightbox {
       border-top: 5px solid #8d0404;;
        width: 50%; 
        display: flex;
        flex-wrap: wrap; 

      }
.leftbox dt ,.leftbox dd ,.rightbox dt ,.rightbox dd {
    border-bottom: 5px solid #8d0404;; 
    border-right: 5px solid #8d0404;; 
    box-sizing: border-box; 
    padding: 15px 30px;
}
.leftbox dt ,.rightbox dt {
    background:#8d0404;;
    display: flex;
    align-items: center;
}
.leftbox dd ,.rightbox dd {
    background:#fff;
    vertical-align: middle;
}

.leftbox dt {
    font-size: 16px; 
    max-width: 100px;
}
.leftbox dd {
    width: calc(100% - 100px); 
}
.rightbox dt {
    font-size: 16px; 
    max-width: 100px;
}
.rightbox dd {
    width: calc(100% - 100px); 
}



    .ctt01_annotation {
        text-align: left;
        padding: 12px 40px 0 40px;
        line-height:25px;
        margin: 0 auto;
        max-width: 1040px;
    }
    .btn_form p {
        font-size:16px;
        font-weight: normal;
        padding-top: 20px;
    }

    .ctt02{
        background:#faebb0;
        padding-bottom:100px;
    }
    .ctt02_wrap {
        width: calc(100% - 160px);
    }
    .ctt02_wrapper {
        max-width:1040px;
        display: flex;
        padding:60px 40px 80px 40px;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }

    .ctt02_wrapper p {
        text-align: left;
    }
    .ctt02_img {
        width: 50%;
    }
    .ctt02_txt {
        margin: 50px;
        width: 50%;
    }
    .ctt02_txt img {
        padding-bottom:20px;
        text-align: left;
        margin: 0;
    }
    .ctt02_txt p {
        line-height: 30px;
    }
    .ctt03 {
        background:#ead897;
    }
    .ctt03_wrapper {
        width: calc(100% - 160px);
        text-align: left;
        /* margin: 0 auto; */
        position: relative;
    }
    .gmap {
        width: calc(100% - 160px);
        text-align: left;
        height: 0;
        overflow: hidden;
        padding-bottom: 25%;
        position: relative;
        }
    .gmap_wrap {
        max-width:1040px;

    }
    .gmap iframe {
        max-height:300px;
        max-width: 1040px;
        position: absolute;
        bottom:0;
        right:0;
        left: 0;
        top: 0;
        height: 100%;
        width: 90%;
      margin: 0 auto;
        }
    .ctt3_img {
        position: absolute;
        top: -1.6vw;
        left: 15vw;
    }
    .ctt03_comment {
        padding: 1vw 0 0 0;
    text-align: center;

    }
    .ctt03_comment img {
        display: inline;

    }
    .ctt03_wrap {
        width: 90%;
    text-align: left;
    margin: 0 auto;
    }
    .p_01 {
        font-size:16px;
        font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        font-weight:600;
    }
    .p_02 {
        font-size:16px;
        font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
        font-weight:600;
    }


}

@media only screen and (max-width: 1040px) and (min-width: 769px) {


.table_wrapper {
    max-width: 100%;
    padding: 0 40px;
    display: block;
}
dt,dd {
  margin: 0;
  padding: 0; 
  text-align: left;
  }
  .leftbox {
    border-top: 5px solid #8d0404;
    width: 100%;
    display: block;
}
  .rightbox {
    border-top: 0px solid #8d0404;
    width: 100%;
    display: block;
}
.leftbox dd, .rightbox dd {
    width:100%;
    background: #fff;
    vertical-align: middle;
    border-bottom: 5px solid #8d0404;
    border-right: 5px solid #8d0404;
    border-left: 5px solid #8d0404;
}
.leftbox dt ,.rightbox dt {
    width: 100%;
    max-width: 100%;


}





}