@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 20px;
 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-body{
 background: url(../img/logomark.svg) no-repeat left bottom;
 font-size: 20px;
 font-size: 2.0rem;
 line-height: 1.6;
}
.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;
}

.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;
 }

}