@charset "utf-8";
.main-content{
 width: 100%;
}
.main-content-inner{
 background: #fff;
 padding: 20px;
 height: 100%;
 /*font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;*/
}
.content-body{
 padding: 8px;
 -webkit-background-size: 300px;
      -o-background-size: 300px;
         background-size: 300px;
}
.certificate .content-body{
 border: 4px solid #9BC119;
 height: 100%;
}
.ticket .content-body{
 border: 4px solid #eb6666;
 height: 100%;
}
.ticket-area{
 padding: 20px;
 position: relative;
}
.certificate .ticket-area{
 border: 1px solid #9BC119;
}
.ticket .ticket-area{
 border: 1px solid #eb6666;
}
.certificate .ticket-area:before{
 content: url(../img/certificate-header.svg);
 position: absolute;
 display: block;
 width: 38%;
 top: 0px;
 left: 50%;
 -webkit-transform: translate(-50%,-50%);
 -moz-transform: translate(-50%,-50%);
 -ms-transform: translate(-50%,-50%);
 -o-transform: translate(-50%,-50%);
 transform: translate(-50%,-50%);
}
h2.ticket-ttl{
 position: relative;
 font-size: 30px;
 font-size: 3.0rem;
 padding: 8px 0;
 margin: 20px 0 10px;
 text-align: center;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
/* font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;*/
}
.ticket-description{
  text-align: center;
  font-size: 110%;
}
.ticket-body{
 font-size: 20px;
 font-size: 2.0rem;
 padding: 0 0 80px;
 line-height: 1.6;
 background: url(../img/site-logo.svg) no-repeat left bottom;
 -webkit-background-size: 200px;
      -o-background-size: 200px;
         background-size: 200px;
}
.workshop-info{
  font-size: 30px;
  font-size: 3.0rem;
  margin: 30px 0 10px;
  font-weight: bold;
}
.workshop-info > dl{
  margin: 4px 0 0;
  float: right;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
}
.workshop-info:after{
  content: "";
  clear: both;
  display: block;
}
.personal-info,
.personal-info > dl{
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: bold;
}
.personal-info > dl{
  margin-left: 60px;
  margin-top: 10px;
}
.personal-info > dl dt{
  min-width: 160px;
  padding-right: 30px;
}
.ticket-text{
  font-size: 16px;
  font-size: 1.6rem;
}
.form-area{
 margin-top: 20px;
}
form.for-print{
 text-align: right;
 max-width: 1000px;
 margin: 0 auto 30px;
}
form.for-print .btn-print{
 width: 200px;
}
@media screen and (max-width: 768px) {
 .ticket-body > div{
  padding: 20px 60px;
 }
}
@media screen and (max-width: 599px) {
 .ticket-area{
  padding: 60px 20px;
 }
 .ticket-body > div{
  padding: 20px 10px;
 }
 .certificate .ticket-area:before{
  width: 80%;
 }
 .ticket-footer > p{
  display: block;
 }
}
}@media screen and (max-width: 425px) {
 .ticket-area{
  padding: 60px 10px;
 }

}
/*.ticket-body > div{
 background-color: rgba(255,255,255,0.8);
 padding: 20px 180px;
}
dl.workshop-info{
 margin-top: 20px;
}
dl.workshop-info, .workshop-info dd, .workshop-info dt{
 border: none;
 background: none;
 font-size: 96%;
 }
.workshop-info dt:after{
 content: "：";
 position: absolute;
}
.ticket-body .place-info{
 margin-top: 20px;
}
.workshop-info dd{
 padding-left: 20px;
}
.ticket-sub-text{
 text-align: right;
 font-size: 96%;
}
.chairman{
 font-size: 108%;
 font-weight: bold;
 padding-left: 10px;
}
.small{
 font-size: 96%;
}
.ticket-footer{
 display: table;
}
.ticket-footer .logomark{
 width: 28%;
}
.ticket-footer img{
 width: 100%;
}
.ticket-footer .about span{
 border: 1px solid #666;
 display: block;
 padding: 0 8px;
}
.ticket-footer > p{
 display: table-cell;
 padding: 0 0px;
 vertical-align: middle;
}


*/