@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  border: 0; }

.clearfix:after {
  content: "";
  clear: both;
  display: block; }

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 12px;
  line-height: 2; }

h1 {
  font-family: Baskerville, serif;
  font-weight: normal;
  font-size: 26px;
  text-align: center; }
  h1:after {
    display: block;
    margin: 0 auto 15px;
    content: "";
    width: 40px;
    border-bottom: 1px solid #000; }

h2 {
  font-size: 17px;
  text-align: center;
  margin-bottom: 45px;
  letter-spacing: 2px; }

img {
  vertical-align: bottom; }

br.sp {
  display: none; }

.wrap {
  width: 800px;
  margin: 0 auto;
  padding: 80px 0;
  overflow: hidden; }

.bold {
  font-weight: bold; }

@media screen and (min-width: 768px) {
  #header {
    background: url(../img/keyvisual.jpg) no-repeat top center;
    background-size: cover; } }
#header {
  min-height: 93px; }

#header-contents {
  width: 100%;
  margin: 0 auto;
  overflow: hidden; }
  #header-contents #header-upper {
    overflow: hidden; }
    #header-contents #header-upper nav.paradeiser {
      padding: 25px 0;
      background: transparent;
      transition: all 0.4s; }
      #header-contents #header-upper nav.paradeiser.gray {
        background: rgba(0, 0, 0, 0.6);
        transition: all 0.4s; }
      #header-contents #header-upper nav.paradeiser #header-logo {
        float: left;
        margin-left: 25px; }
        #header-contents #header-upper nav.paradeiser #header-logo img {
          width: 182px;
          height: auto; }
      #header-contents #header-upper nav.paradeiser .spacer {
        flex: 1; }
      #header-contents #header-upper nav.paradeiser .text-menu {
        display: table;
        float: right;
        width: 480px;
        height: 43px; }
        #header-contents #header-upper nav.paradeiser .text-menu a {
          font-size: 14px;
          text-align: center;
          display: table-cell;
          vertical-align: middle;
          width: 96px;
          color: #B5B5B5;
          font-weight: bold;
          text-decoration: none; }
          #header-contents #header-upper nav.paradeiser .text-menu a:hover {
            color: #FF177D; }
  #header-contents #header-lower {
    padding-top: 250px; }
    #header-contents #header-lower img#title {
      display: block;
      min-width: 500px;
      max-width: 650px;
      margin: 0 auto 15px; }
    #header-contents #header-lower .dates {
      text-align: center;
      font-size: 20px;
      line-height: 1.75;
      color: #FFF;
      margin-bottom: 15px; }
      #header-contents #header-lower .dates p#times, #header-contents #header-lower .dates p#place {
        font-size: 16px; }
    #header-contents #header-lower p#free {
      text-align: center;
      color: #FFF;
      font-size: 16px;
      width: 120px;
      margin: 0 auto;
      border: 1px solid #FFF;
      border-radius: 4px;
      margin-bottom: 15px; }
    #header-contents #header-lower #sponsors {
      text-align: center;
      line-height: 1.5;
      color: #FFF; }

#about {
  background: #FFF; }
  #about p {
    margin-bottom: 30px; }
    #about p:last-child {
      margin-bottom: 0; }

.parallax {
  width: 100%;
  color: #FFF; }
  .parallax .wrap {
    padding: 60px 0; }
  .parallax h1:after {
    border-bottom: 1px solid #FFF;
    margin-bottom: 30px; }

#artist {
  background: url(../img/artist-bg.jpg) no-repeat center center;
  overflow: hidden; }
  #artist img {
    float: left;
    width: 260px;
    margin-right: 30px; }
  #artist h2 {
    font-weight: normal;
    text-align: left;
    margin-bottom: 5px; }
  #artist p {
    float: right;
    width: 510px;
    margin-bottom: 20px; }
    #artist p:last-child {
      margin-bottom: 0; }
    #artist p a {
      color: #FFF;
      font-weight: bold;
      text-decoration: none;
      letter-spacing: 1px; }

#model h1:after {
  margin-bottom: 60px; }
#model .person {
  margin-bottom: 75px;
  overflow: hidden; }
  #model .person h2 {
    margin-bottom: 30px; }
  #model .person img {
    float: left;
    width: 260px;
    margin-right: 30px; }
  #model .person h3 {
    font-size: 17px;
    font-weight: normal;
    letter-spacing: 1px; }

#event {
  background: url(../img/event-bg.jpg) no-repeat center center; }
  #event .wrap {
    width: 500px; }
  #event h2 {
    text-align: left;
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 30px; }
  #event dl, #event p {
    margin-bottom: 30px;
    overflow: hidden; }
    #event dl dt, #event p dt {
      float: left;
      width: 60px;
      text-align: justify;
      text-justify: inter-ideograph; }
    #event dl dd, #event p dd {
      padding-left: 75px; }
    #event dl a, #event p a {
      color: #FFF;
      letter-spacing: 1px; }
      #event dl a img[src$="logo-dg.png"], #event p a img[src$="logo-dg.png"] {
        display: inline-block;
        vertical-align: text-bottom;
        width: 148px;
        margin-left: 10px; }
  #event ul li {
    display: inline-block;
    border: 1px solid #FFF;
    padding: 3px 8px; }

#contact h1:after {
  margin-bottom: 45px; }
#contact h2 {
  font-size: 15px;
  margin-bottom: 10px; }
#contact p#secretariat {
  text-align: center;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 60px; }
#contact p#notice {
  margin-bottom: 60px; }
#contact form {
  width: 500px;
  margin: 0 auto;
  overflow: hidden; }
  #contact form input[type="email"],
  #contact form textarea {
    width: 470px;
    font-size: 14px;
    border: 1px solid #000;
    border-radius: 3px;
    margin-bottom: 10px; }
    #contact form input[type="email"]:placeholder-shown,
    #contact form textarea:placeholder-shown {
      color: #CCC; }
    #contact form input[type="email"]::-webkit-input-placeholder,
    #contact form textarea::-webkit-input-placeholder {
      color: #CCC; }
    #contact form input[type="email"]::-moz-placeholder,
    #contact form textarea::-moz-placeholder {
      color: #CCC;
      opacity: 1; }
    #contact form input[type="email"]:-ms-input-placeholder,
    #contact form textarea:-ms-input-placeholder {
      color: #CCC; }
  #contact form input[type="email"] {
    display: block;
    padding: 8px 14px; }
  #contact form textarea {
    padding: 14px;
    height: 100px; }
  #contact form input[type="submit"] {
    display: block;
    width: 120px;
    height: 37px;
    margin: 0 auto;
    background: none;
    font-size: 14px;
    border: 1px solid #000;
    border-radius: 3px;
    text-align: center;
    letter-spacing: 2px; }

#finish .wrap {
  padding: 120px 0; }
  #finish .wrap p {
    text-align: center; }

#pagetop {
  position: fixed;
  bottom: 50px;
  right: 50px;
  opacity: 0;
  transform: scale(0.3);
  transition: all 0.4s; }
  #pagetop.show {
    opacity: 1;
    transform: scale(1); }
  #pagetop a {
    background: url(../img/pagetop.png) no-repeat;
    background-size: cover;
    display: block;
    width: 54px;
    height: 54px; }

#footer {
  border-top: 1px solid #000;
  padding: 10px 0;
  text-align: center;
  font-family: "Helvetica Neue", Arial; }
  #footer p {
    font-size: 15px; }
  #footer address {
    font-style: normal;
    font-size: 8px; }

#footer-band {
  text-align: center;
  background: #000;
  padding: 25px 0; }
  #footer-band img {
    width: 316px; }

@media screen and (max-width: 799px) {
  .wrap {
    width: 88%;
    margin: 10% auto; } }
/*Smartphone Start
 ************** */
@media screen and (max-width: 768px) {
  body {
    font-size: 85%;
    -webkit-text-size-adjust: 100%; }

  h2 {
    text-align: left;
    width: 100%;
    margin-bottom: 3%;
    padding: 3% 0;
    font-size: 130%;
    line-height: 1.5; }

  br.pc {
    display: none; }
  br.sp {
    display: inline; }

  .wrap {
    width: 88%;
    margin: 10% auto;
    padding: 0; }

  #header {
    background: url(../img/keyvisual-sp.jpg) no-repeat top center;
    background-size: cover; }
    #header #header-contents {
      width: 100%; }
      #header #header-contents #header-upper nav.paradeiser {
        padding: 2% 0; }
        #header #header-contents #header-upper nav.paradeiser #header-logo, #header #header-contents #header-upper nav.paradeiser .spacer {
          display: none; }
        #header #header-contents #header-upper nav.paradeiser .text-menu {
          width: 100%;
          height: 100%; }
          #header #header-contents #header-upper nav.paradeiser .text-menu a {
            font-size: 90%;
            width: 20%; }
            #header #header-contents #header-upper nav.paradeiser .text-menu a.en {
              display: none; }
      #header #header-contents #header-lower {
        width: 88%;
        margin: 0 6%; }
        #header #header-contents #header-lower img#title {
          display: block;
          min-width: inherit;
          width: 100%;
          margin-bottom: 3%; }
        #header #header-contents #header-lower .dates {
          font-size: 100%;
          margin-bottom: 3%; }
          #header #header-contents #header-lower .dates p#times, #header #header-contents #header-lower .dates p#place {
            font-size: 85%; }
        #header #header-contents #header-lower #sponsors {
          font-size: 85%;
          margin-bottom: 10%; }

  .parallax .wrap {
    padding: 0; }

  #artist {
    background-position: left bottom !important;
    background-size: cover; }
    #artist img {
      float: none;
      width: 100%;
      margin-right: 0; }
    #artist h2 {
      margin-bottom: 0; }
    #artist p {
      float: none;
      width: 100%;
      margin-bottom: 5%; }

  #model h1:after {
    margin-bottom: 15px; }
  #model .person {
    margin-bottom: 10%; }
    #model .person:last-child {
      margin-bottom: 0; }
    #model .person h2 {
      margin-bottom: 3%; }
    #model .person img {
      float: none;
      width: 100%;
      margin-right: 0; }
    #model .person h3 {
      padding: 3% 0;
      font-size: 130%; }

  #event {
    background-position: right bottom !important;
    background-size: cover;
    overflow: hidden; }
    #event .wrap {
      width: 88%; }
    #event h1:after {
      margin-bottom: 15px; }
    #event h2 {
      font-size: 100%;
      margin-bottom: 3%; }
    #event dl, #event p {
      margin-bottom: 5%; }
      #event dl dt, #event p dt {
        float: none;
        width: 100%;
        text-align: center;
        font-weight: bold; }
      #event dl dd, #event p dd {
        text-align: center;
        padding-left: 0;
        margin-bottom: 7.5%; }

  #contact h1:after {
    margin-bottom: 15px; }
  #contact h2 {
    font-size: 130%;
    text-align: center; }
  #contact p#secretariat {
    font-size: 100%;
    line-height: 1.5;
    margin-bottom: 5%; }
  #contact p#notice {
    margin-bottom: 10%; }
  #contact form {
    width: 100%; }
    #contact form input[type="email"], #contact form textarea {
      width: 90%;
      padding: 8px 14px;
      margin: 0 auto 10px; }

  #pagetop {
    bottom: 10px;
    right: 10px; }
    #pagetop.show {
      opacity: 0.8; }
      #pagetop.show a {
        width: 60px;
        height: 60px;
        background-size: contain; } }

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