#event-info-box { padding: 0;  }
#event-info-box .section { padding: 0; }

.header { position: relative;  }

div.about-full
{
  height: 115px;
  width: 109px;
  background: url(https://imgs.ototoy.jp/school/images/event/close_alert.png) no-repeat;
  z-index: 10000;
  position: absolute;
  top: 185px;
  right: 0;
}

p.about-full
{
  text-align: center;
  padding: 4px 0;
  background: #f8b500;
  background: -o-linear-gradient(#fcc800, #f8b500);
  background: -moz-linear-gradient(center top, #fcc800 30%, #f8b500 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#fcc800), to(#f8b500));
  border-radius: 4px;
}
p.about-full span
{
  padding: 0 20px;
  font-size: 25px;
  text-shadow: 0 1px 1px #666;
  font-weight: bold;
}
@media screen and (max-width: 641px) {
  p.about-full span {
    padding: 0 10px;
    font-size: 16px;
  }
}

#event-title { }
#event-title img {
  width: 100%;
}
#event-info { padding: 8px 0; background: transparent; border: none;  }
#event-info a{ }
#event-info dt, #event-info dd {  }
#event-info h3 { font-size: 150%; margin: 0 0 4px;  }
#event-info h3 a{  }
#event-info h4 {margin: 8px 0 12px; font-size: 120%; border-bottom: 2px solid #333; padding-bottom: 4px;  }
#event-info #schedule-info { margin: 0 0 16px; clear: both;  }

#event-base-info { float: left;margin: 0 10px 0 0; width: 380px; }
#event-location { float: left; width: 590px; margin: 0 0 8px; }


#event-info th{ padding: 0 0 8px; text-align: left; white-space: nowrap; font-weight: normal; font-weight: bold;  }
#event-info td{ padding: 0 0 8px 8px; text-align: left; }

#schedule-info li { margin: 8px 0; list-style: none; padding: 0;  }
#schedule-info h5 { margin: 8px 0; font-weight: normal; }
#schedule-info p { margin: 8px 8px 8px 14px; padding: 0;  }

#remember-login-label { color: #333 !important; display: inline !important; width: auto !important; float: none !important;  }
#note-entried p { margin: 10px 0 !important; font-size: 25px;  }
#note-entried p.small-note { padding: 0 !important; font-size: 13px !important; text-align: left;  }

/* .entry-list-program { display: none; } */
.entry-all .entry-list-program { display: block; }

.entry-price .inpt-block{ line-height: 3em;  }

.name-div input[type=text]{ width: 120px !important;  }
.name-div p, .email-div p { margin: 0 0 !important; padding: 0; line-height: 3em;  }
p.small-note { width: 320px; font-size: 80%; }

#password-reset, #join-ototoy { text-align: center;  }
#join-ototoy a{ font-size: 18px;   }

/* program-report */
#program-report { margin: 20px 0;  }

#entry-confirm {   }
#entry-confirm h2 { font-size: 25px; margin-bottom: 20px;  }
#entry-confirm .btn { text-align: center; margin: 20px auto;  }
#entry-confirm .btn p{ text-align: left;  }
#entry-confirm #cancel-btn { margin-right: 40px;  }
#entry-confirm #entry-btn {  }

#entry-result { /* padding:40px; background: #eee; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; */ }
#entry-result h2 { font-size: 25px; margin-bottom: 15px; }
#entry-success p{ font-size: 18px; padding: 20px;  }
#entry-success a{ font-size: 18px;  }


/*  */
#services { margin: 5px 0 0; padding: 0 8px; }
#services ul { float: right; }
#services li { display: inline-block; width: 115px; }
#social_buttons { margin: 14px 0 0 0; padding: 0; }
#social_buttons ul { float: right; }
#social_buttons li { display: inline-block; position: relative; vertical-align: top; height: 30px; margin-left: 20px; }
@media screen and (max-width: 641px) {
  #social_buttons li {
    margin-left: 10px;
  }
}
#event-content {
  margin: 5px 0 16px; padding: 16px; line-height: 1.5em;
  float: right; width: 600px; border-top: 2px solid #000; background: #fff;
}
@media screen and (max-width: 980px) {
  #event-content {
    box-sizing: border-box;
    width: 70%;
  }
}
@media screen and (max-width: 641px) {
  #event-content {
    width: 100%;
    padding: 16px 0;
  }
  #event-content a {
    word-break: break-all;
  }
  #event-content img {
    width: 100%;
  }
}
#event-content .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#event-content .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

#event-info { float: left; width: 330px; padding: 0 0 0;  }
#event-info #event-base-info { width: 330px; float: none; margin: 0 0 8px; }
#event-info #event-location { width: 330px; float: none; margin: 0 0 16px; }
#event-location h1{ margin: 0 0 8px; }
.gmap
{
  width: 330px;
  height:350px;
  margin: 8px 0;
  font-size: 13px;
}
#event-info .gmap { font-size: 90%;  }
#event-info .gmap a { font-size: 90%;  }
.location-info { width: 300px; }
.location-name{ font-weight: bold;  }
.location-address{ font-size: 100%; font-style: normal;  }
.location-access { padding: 8px; background: #f3f3f3; margin: 8px 0 0; font-size: 13px; };

#event-info th { font-weight: bold; padding: 0 0 8px; }

h3#event-title { margin: 0 0 4px; line-height: 1.6em; }

#event-info #schedule-info { margin: 0 0 24px; }

#entry { float: left; width: 330px; }
#entried { float: left; width: 330px; }

#entry .buttons { text-align: center;}
#school-login
{
  border: 1px solid #fcc800;
  background: #fabf14;
  border-radius: 18px;
  color: #2e2e2e;
  padding: 8px 0;
  text-align: center;
  font-size: 120%;
  display: inline-block;
  width: 180px;
}
#school-login:hover
{
  background: #fcc800;
}
#entry-form #school-login { width: 120px; height: height: auto; padding: 4px 0; }

#school-entry
{
  border: 1px solid #ea553a;
  background: #ea5532;
  border-radius: 18px;
  color: #fff;
  padding: 8px 0;
  text-align: center;
  font-size: 120%;
  display: inline-block;
  width: 180px;
}
#school-entry:hover
{
  background: #ed6d35;
}

.entry-form { }
.entry-form p { margin: 8px 0;  }
.entry-form p.attention { margin: 0 0 16px; padding: 10px; box-sizing: border-box; height:160px; overflow-y:scroll; border: 1px solid #ccc; }
.entry-form p.attention, .entry-form p.attention a {
  font-size: 13px;
}
.entry-login p.attention { height: 80px; }
.entry-form h3 { margin: 0 0 16px; text-align: left; font-size: 140%; }
.entry-form form{
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 641px) {
  .entry-form form{
    padding: 0;
    margin: 0;
  }
}
.entry-form form .q { margin: 0 auto 16px; }
.entry-form form .q > label { font-size: 100%; font-weight: bold; float: left; margin: 0 16px 0 0; width: 112px; }
.entry-form form .q .inpt-block { font-size: 120%; float: left; width: 400px; text-align: left; line-height: 1.5em; }
.entry-form form .q .inpt-block input[type=text], .entry-form form .q .inpt-block input[type=password]{ max-width: 300px; }
.entry-form form .q .inpt-block textarea { width: 320px; height: 80px;  }
.entry-form form .q.btn{
  text-align: left;
  width: 320px;
  margin-left: 130px;
}
@media screen and (max-width: 641px) {
  .entry-form form .q.btn{
    text-align: center;
    width: 100%;
    margin-left: 0;
  }
}
#entry-confirm form .q.btn
{
  text-align: center;
  width: 600px;
  padding: 0;
  margin: 16px auto;
  float: none;
}
.q.btn .inpt-block { margin: 0 0 8px; }
#label-has-account { margin-top: 8px;  }

.entry-form .error-msg { font-size: 80%; }

.entry-list-program li div{ display: inline-block; width: auto; white-space: nowrap; float: none; margin-left: 16px; }
.entry-list-program li div span{ color: #ea5532; }
.entry-list-program li label { float:left; }
.entry-list-program li div { float:left !important; margin-top: -3px; }
.entry-list-program li { margin: 4px 0 0; }
.q > .inpt-block { margin-top: -4px; }


#entry-confirm-button
{
  background: #ea5532; border: 1px solid #444;
  text-indent: 0; color: #fff; height: auto; width: 120px; font-size: 110%; padding: 4px 0; border-radius: 2px;
}
#entry-confirm-button:hover { background: #ed6d35; }
#entry-confirm-button:disabled { background: #9d8e87; border: 1px solid #999; }

#entry-button
{
  background: #ea5532; border: 1px solid #444;
  text-indent: 0; color: #fff; height: auto; min-width: 120px; font-size: 110%; padding: 4px 0; border-radius: 2px;
}
#entry-button:hover { background: #ed6d35; }
#entry-button:disabled { background: #9d8e87; border: 1px solid #999; }

#entry-confirm #entry-button { margin-left: -1em;}

#entry .buttons {  margin: 0; padding: 0; }
.buttons .cancel
{
  border: 1px solid #fcc800;
  background: #fabf14;
  border-radius: 18px;
  color: #2e2e2e;
  padding: 8px 0;
  text-align: center;
  font-size: 120%;
  display: inline-block;
  width: 180px;
}
.buttons .cancel:hover
{
  background: #fcc800;
}

.entry-form form .cancel,.entry-form .back, #entry-error .back
{
  background: #f3f3f2;
  border: 1px solid #999;
  width: 120px;
  margin: 0 0 0 40px;
  font-size: 110%;
  padding: 4px 0;
  border-radius: 2px;
  display: inline-block;
  text-align:center;
  line-height: 1.4em;
  color: #2e2e2e;
}
@media screen and (max-width: 320px) {
  .entry-form form .cancel,.entry-form .back, #entry-error .back {
    margin: 0 0 0 10px;
  }
}
.entry-form form .cancel:hover, .entry-form .back:hover, #entry-error .back:hover
{
  background: #f5f5f5;
  color: #2e2e2e;
}
.entry-modal { overflow: hidden; }

#entry-confirm form .btn p { margin: 16px 0 32px;  }

.entry-form.entry-auth .q { margin: 16px auto 0; }
.twitter-login-btn { margin: 16px auto 0; display: block; background: url(../../images/common/btn_twitter_login.png); text-indent: -999999px; width: 168px; height: 24px; }
.twitter-login-btn:hover { background-position: 0 -25px; }


#entry-confirm h3 { width:600px; margin: 0 auto; font-size: 140%; padding: 4px 0; margin: 0 auto 16px; }

.entry-error .q { width: 600px; margin: 0 auto; }

#entry-form .announce { margin: 0 0 8px; padding: 8px 0; }
#entry-error ul { margin: 0 0 16px; }
#entry-error li { list-style: disc; margin-left: 1em; color:#E2041B; }
#entry-error.authed li { font-size: 120%; }
#entry-error a { }

#entry-saved { font-size: 120%; }

#sold-out { font-size: 120%; }

p.extra-price { margin: 0; color:#0068b7; }
p.extra-price span { color: #0068b7; font-weight: bold; }

.entry-form .q .inpt-block input[type="text"].num-input { width: 40px; }

#creditcard { }
#creditcard .inpt-block label span { width: 70px; display: inline-block; }
#creditcard .inpt-block input[name=card_owner] { width: 250px; }

@media screen and (max-width: 980px) {
  #event-info {
    width: 28%;
    margin-right: 2%;
  }
  #event-info #event-base-info, #event-info #event-location, .gmap, #entry, #entried {
    width: 100%;
  }
}
@media screen and (max-width: 641px) {
  #event-info {
    width: 100%;
  }
}