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

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

}

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



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

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

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

/* 文字色 */
.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:#333333;
}

.SDEvent1 .CD1 a,
input.strB {
    color:#0066FF;
}

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

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

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

.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:#CCCCCC;
}

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

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

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

.eventDetailBlock { 
font-family:Meiryo;
font-size:13px;
line-height:1.6;
}
.eventDetailBlock .section {
margin-bottom:25px;
border-top:1px #E4E4E4 solid;
padding-top:20px;
}

.eventDetailBlock .read {
font-size:12px; line-height:1.6; color:#000000;
margin-bottom:25px;
padding-top:10px;
}

.eventDetailBlock .section h2 {
font-size:18px; font-weight:bold; color:#000;
padding:0; margin:0 0 10px 0;
}
.eventDetailBlock .section p {
font-size:14px; line-height:1.5;
margin-bottom:1.2em;
}

.eventDetailBlock .section .timetableA {
width:auto;
padding:0; margin:0 0 15px 0;
border:1px #E4E4E4 solid;
}

.eventDetailBlock .section .timetableA th {
border-right:1px #E4E4E4 solid;
border-bottom:2px #E4E4E4 solid;
text-align:center;
vertical-align:middle;
font-size:10px; font-weight:normal;
padding:5px 0;

background-image: linear-gradient(bottom, #F5F5F5 0%, #FFFFFF 64%);
background-image: -o-linear-gradient(bottom, #F5F5F5 0%, #FFFFFF 64%);
background-image: -moz-linear-gradient(bottom, #F5F5F5 0%, #FFFFFF 64%);
background-image: -webkit-linear-gradient(bottom, #F5F5F5 0%, #FFFFFF 64%);
background-image: -ms-linear-gradient(bottom, #F5F5F5 0%, #FFFFFF 64%);

background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, #F5F5F5),
color-stop(0.64, #FFFFFF)
);   

}
.eventDetailBlock .section .timetableA td {
border-right:1px #E4E4E4 solid;
border-bottom:1px #E4E4E4 solid;
padding:7px;
line-height:1.4;
} 

.eventDetailBlock .section .timetableA td.time {
text-align:center;
font-size:14px;
}
.eventDetailBlock .section .timetableA td.title {
color:#000000; font-weight:bold;
}
.eventDetailBlock .section .timetableA td.description {
font-size:12px; 
}


.eventDetailBlock .section .timetableB {
width:auto;
padding:0; margin:0 0 15px 0;
border:1px #E4E4E4 solid;
}

.eventDetailBlock .section .timetableB th {
border-right:1px #E4E4E4 solid;
border-bottom:2px #E4E4E4 solid;
text-align:center;
vertical-align:middle;
font-size:10px; font-weight:normal;
padding:5px 0;

background-image: linear-gradient(bottom, #F5F5F5 0%, #FFFFFF 64%);
background-image: -o-linear-gradient(bottom, #F5F5F5 0%, #FFFFFF 64%);
background-image: -moz-linear-gradient(bottom, #F5F5F5 0%, #FFFFFF 64%);
background-image: -webkit-linear-gradient(bottom, #F5F5F5 0%, #FFFFFF 64%);
background-image: -ms-linear-gradient(bottom, #F5F5F5 0%, #FFFFFF 64%);

background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, #F5F5F5),
color-stop(0.64, #FFFFFF)
);   

}
.eventDetailBlock .section .timetableB td {
border-right:1px #E4E4E4 solid;
border-bottom:1px #E4E4E4 solid;
padding:7px;
line-height:1.4;
} 

.eventDetailBlock .section .timetableB td.date {
text-align:center;
font-size:14px;
}

.eventDetailBlock .section .timetableB td.time {
color:#000000; font-weight:normal;
padding-left:20px; padding-right:20px;
}
