/* イベント共通パーツ */
body {
    background-attachment:fixed;

    /** ページ全体の背景色 **/
    background-color: #F5F5F5;

}

/* メイン領域の背景色 */
#pageW1 {
    /* メイン領域の背景色の透明度を加え、rgba()で指定する */
    background-color:rgba(255,255,255,0);



    /* 透明度をOpacityに変換するサンプル
    {Opacity} = (100 - {透明度})/100;
    */
}

/* ヘッダー領域*/
#SDEventHeadBody {
    /** ヘッダー背景色 **/
    background-color:#F5F5F5;
}

#SDEventHeadBody h2,
#SDEventHeadBody h3,
#SDEventHeadBody p {
    color:#454545;
}

/* 文字色 */
.CL1 .ticket_type,
.CL1 .ticket_type div,
.SDEvent1,
.SDEvent1 .CD1,
.SLEv1,
.SDEventContact1 .CL1,
.SLSocialForm1 li .ttl,
.SLSocialForm1 li .question,
.SLSocialForm1 li .ttl.required,
.SLSocialForm1 li .question.required,
#section .SDEvent1 .CDallR,
.CD1.eventDetailBlock,
.erInquiryBlockBody,
.SDEvent1 .CD1 .newsBlock,
.user_organization_description,
input.strA
.SLSocialForm1 .data .notein,
.SLSocialForm1 li .ttl,
.SLSocialForm1 li .question,
.includeTerm.noborder,
.inquiryCheckBox
 {
    color:#454545;
}

.SDEvent1 .CD1 a,
input.strB {
    color:#239CC9;
}

.SDEvent1 .CH1,
.SDEventContact1 .CH1 {
    color:#454545;
}

/* ボーダー */
#promotionCodeBLock.typeB,
.eventListA li,
.eventListB li,
.SLEv1 li .CLHead1,
.SLEv1 li .CL1,
.SLSocialImport1,
.SDEventContact1 .CL1 li.heading {
    border-bottom-color:#DEDEDE;
}

#promotionCodeBLock,
.CDSubmit1 {
    border-top-color:#DEDEDE;
}

.SDEvent1,
.boxC,
.boxC .bbA,
.inputBoxB,
.inputBoxB h3,
.heading h3,
.selectSessionBlock .selectSessionBody,
.selectSessionBlock .selectSessionBody table,
.selectSessionBlock .selectSessionBody table th,
.selectSessionBlock .selectSessionBody table td,
#section .SDEvent1 .CDallR table,
.CD1.eventDetailBlock table,
.erInquiryBlockBody table,
.SDEvent1 .CD1 .newsBlock table,
#privacyBodyArea table,
.user_organization_description table,
#section .SDEvent1 .CDallR table td,
.CD1.eventDetailBlock table td,
.erInquiryBlockBody table td,
.SDEvent1 .CD1 .newsBlock table td,
#privacyBodyArea table td,
.user_organization_description table td,
#section .SDEvent1 .CDallR table th,
.CD1.eventDetailBlock table th,
.erInquiryBlockBody table td,
.SDEvent1 .CD1 .newsBlock table th,
#privacyBodyArea table th,
.user_organization_description table th,
.SDEventContact1,
.SDEvent1.mobileQRBlock,
.ticketSelectBlock {
    border-color:#DEDEDE;
}

#section .SDEvent1 .CDallR hr,
.CD1.eventDetailBlock hr,
.erInquiryBlockBody hr,
.SDEvent1 .CD1 .newsBlock hr,
#privacyBodyArea hr,
.user_organization_description hr {
    background-color:#DEDEDE;
}

/* 背景色 */
.SDEvent1 .CH1,
.SDEventContact1 .CH1 {
    background-color:#C7C7C7;
}

.SDEvent1 .CD1,
.fb-like-box,
.fb-comments,
input.strA,
.SDEventContact1,
.SDEventRt1,
.SDEvent1.mobileQRBlock {
    background-color:#FFFFFF;
}

.CL1 .ticket_type, .CL1 .ticket_type div, .SDEvent1, .SDEvent1 .CD1, .SLEv1, .SDEventContact1 .CL1, .SLSocialForm1 li .ttl, .SLSocialForm1 li .question, .SLSocialForm1 li .ttl.required, .SLSocialForm1 li .question.required, #section .SDEvent1 .CDallR, .CD1.eventDetailBlock, .erInquiryBlockBody, .SDEvent1 .CD1 .newsBlock, .user_organization_description, input.strA .SLSocialForm1 .data .notein, .SLSocialForm1 li .ttl, .SLSocialForm1 li .data span, .SLSocialForm1 li .data span span, .SLSocialForm1 li .question{
font-size: 18px  !important;
color: #333333  !important;
}



#SDEventHeadBody .title {
padding: 20px 30px  !important;
background: #FFF  !important;
}

#SDEventHeadBody .title h2 {
font-size: 36px;  !important;
padding: 0  !important;
}

#SDEventHeadBody .title h3,
#SDEventHeadBody .title p {
line-height: 1em  !important;
padding: 0.3em 0 0 0  !important;
font-size: 1.2em  !important;
}

#SDEventHeadBody .title p:last-child {
display: none  !important;
}

.SDEvent1 .CH1 {
padding: 0.6em 0.7em  !important;
font-size: 1.6em  !important;
line-height: 1em  !important;
font-weight: bold  !important;
border-radius: 10px 10px 0 0  !important;
}

.SDEvent1 .CD1 {
border-radius: 0 0 10px 10px  !important;
}
.SDEvent1.APkg .CD1 {
padding: 1.6em  !important;
}

.mb15 {
margin-bottom: 0  !important;
}


.SLEv1 li .CLHead1 {
padding: 0  !important;
}

li.ticket_type{
width:50%  !important;
}
li.ticket_price{
width:30%  !important;
}
li.ticket_num{
width:20%  !important;
}


select{
font-size: 1em  !important;
font:100%  !important;
}

.SSlct1 {
box-sizing: border-box  !important;
border-radius: 4px  !important;
box-shadow: none  !important;
line-height: 1em  !important;
padding: 0.5em 1em  !important;
height: 2em  !important;
width: 3em  !important;
text-align: center  !important;
border: 1px solid #ddd  !important;
}
.CL1.APkg .ticket_num div select {
margin-top: 0  !important;
font-size: 1em  !important;
}

.CL1 li.ticket_price div{
box-sizing: border-box  !important;
font-size: 1.25em  !important;
line-height: 1.6em  !important;
padding: 0  !important;
}

.SLEv1 .CL1 li.ticket_type div {
font-size: 1.25em  !important;
padding: 0  !important;
}

.ticketAlertBlock clearfix{
padding: 0  !important;
}

.CL1 .ticket_type div .description {
font-size: 0.8em  !important;
padding: 0.3em 0 0 0 !important;
line-height: 1.2em  !important;
}

.SDEvent1 .CDSubmit1 li.btn ,
.btn p .SPBtnAW1.AP8{
box-sizing: border-box  !important;
padding-left: 0  !important;
width: 100%  !important;
}

.CDSubmit1{
padding-top: 26px  !important;
}

.btn p .SPBtnAW1.AP8,
.SDEventContact1 .SLBtn1 li .SPBtnC a {
font-weight: 400  !important;
border-radius: 0.6em  !important;
-moz-border-radius: 0.6em  !important;
-webkit-border-radius: 40.6em  !important;
padding: 0.6em  !important;
font-size: 1.6em  !important;
line-height: 1em   !important;
background:  linear-gradient(-10deg, #ff9d00 0% , #ff006c 50%, #7600ff 100%)  !important;
background-size: 200% 100%  !important;
display: block  !important;
border-bottom: none  !important;
color: #fff  !important;
animation: poped 0.2s linear 1  !important;
background-position:0% 100%  !important;
}

.btn p .SPBtnAW1.AP8:hover,
.SDEventContact1 .SLBtn1 li .SPBtnC a:hover {
font-weight: 600  !important;
margin-top: 0  !important;
animation: poping 0.2s linear 1 both  !important;
background-position:100% 0%  !important;
}

@keyframes poping{
0% {
transform: scale(1);
}
30% {
transform: scale(1.04);
}
70% {
transform: scale(1.01);
}
100% {
transform: scale(1.03);
}
}
@keyframes poped{
0% {
transform: scale(1.03);
}
30% {
transform: scale(0.98);
}
70% {
transform: scale(1.01);
}
100% {
transform: scale(1);
}
}

.topp{
display: block  !important;
text-align: center  !important;
}

.tensai{
background-color: #fbfbfb  !important;
margin-left: -1em  !important;
margin-right: -1em  !important;
border: 4px solid #F0f0f0  !important;
padding: 1.2em  !important;
}

.tensaitopp{
background-color: #F0f0f0  !important;
margin-top: -1.4em  !important;
margin-left: -1.4em  !important;
margin-right: -1.4em  !important;
margin-bottom: -0.8em  !important;
border: 4px solid #F0f0f0  !important;
padding: 0.4em  !important;
text-align: center  !important;
}


#section .SDEvent1 .CDallR h4,
.CD1.eventDetailBlock h4,
.erInquiryBlockBody h4,
.SDEvent1 .CD1 .newsBlock h4,
.user_organization_description h4{
font-size: 1.8em  !important;
line-height: 1em  !important;
font-weight: 600  !important;
border-bottom: 1px dotted #ccc  !important;
padding-bottom: 0.4em  !important;
margin-top: 1.2em  !important;
margin-bottom: 0.5em  !important;
}

#section .SDEvent1 .CDallR table td,
.CD1.eventDetailBlock table td,
.erInquiryBlockBody table td,
.SDEvent1 .CD1 .newsBlock table td,
#privacyBodyArea table td,
.user_organization_description table td {
vertical-align: middle  !important;
}

#section .SDEvent1 .CDallR h5,
.CD1.eventDetailBlock h5,
.erInquiryBlockBody h5,
.SDEvent1 .CD1 .newsBlock h5,
.user_organization_description h5 {
font-size: 1.2em  !important;
}

.otoiawase {
font-weight: 400  !important;
border-radius: 0.6em  !important;
-moz-border-radius: 0.6em  !important;
-webkit-border-radius: 40.6em  !important;
padding: 0.6em  !important;
font-size: 1.6em  !important;
line-height: 1em   !important;
background: #fff  !important;
color: #505050  !important;
background-size: 200% 100%  !important;
display: block  !important;
border: 3px solid #505050  !important;
animation: poped 0.2s linear 1  !important;
background-position:0% 100%  !important;
text-align: center  !important;
box-sizing: border-box  !important;
}

.otoiawase:hover {
background: #505050  !important;
color: #fff  !important;
font-weight: 600  !important;
margin-top: 0  !important;
animation: poping 0.2s linear 1 both  !important;
}

img.imgimg{
width: 100%  !important;
height: auto  !important;
}