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

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

    /** ページ全体の背景画像（登録されている場合） **/
    background-image:url(https://er-static.s3.amazonaws.com/uploads/events/1983b332f408db4f8f9f31566be87649ccbcf834.jpg);
    /** ページ全体の背景画像の配置（left|center|right） **/
    background-position:center top;

    /** ページ全体の背景画像のリピート（repeat|no-repeat） **/
    background-repeat:                        repeat                       ;
}

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



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

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

#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:#239CC9;
}

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

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

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

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

/* 「枠線なし」の場合、以下を指定する */
.SDEvent1,
.SDEventContact1 {
    border:none !important;
}

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

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

/* ■■■■■大枠設定■■■■■ */
#pageW1 {
    background-color: rgba(221,230,253,0.85) !important;   /* 全体の白背景を透過カラーに */
    padding: 0 0px 10px 0px!important;   /* 左右padding20を0に */
    }
    #SDEventHeadBody {
    background-color: rgba(255,255,255,0.0) !important;   /* タイトル下の白背景を透明に */
    }
    .SDEvent1 .CD1, .fb-like-box, .fb-comments, input.strA, .SDEventContact1, .SDEventRt1, .SDEvent1.mobileQRBlock {
    background-color: rgba(255,255,255,0.0) !important;    /* 各ブロックの白背景を透明に */
    }
    h3.CH1{
        font-size: 14px !important;
        font-weight: bold !important;
    }
    p.CH1{
        font-size: 14px !important;
        font-weight: bold !important;
    }
    
    
    .title p{display:none;}
    
    
    
    /* ■■■■■「お申し込みはこちら」枠■■■■■ */
    .CL1 .ticket_type div .ticketName {
        font-weight: bold;
    }
    .SLEv1 li.ticket_type div{
        font-weight: bold;
    }
    .SLEv1 li.ticket_type div span{
        font-weight: normal;
    }
    .SLEv1 li.ticket_price {
        font-weight: bold;
    }
    .SLEv1 li.ticket_num {
        font-weight: bold;
    }
    .submitAlert.inline { /* 受付終了の表示 */
        margin: 0 0 2px 20px;
        padding: 4px 8px 3px 8px;
        background-color: #fff;
        color:#446DDF;
        font-weight: bold;
        border:solid 1px #446DDF;
        border-radius: 2px;
    }
.submitAlert.inline.yet {
    background-color: #fff6b9 !important;
    border: 1px #fff6b9 solid;
    color: #333;
    display: none !important;
}
    .btn p .SPBtnAW1.AP8, .SDEventContact1 .SLBtn1 li .SPBtnC a {
        color: #04B2E3 !important;
        background-color: #fff;
        border-bottom: 2px #aaa solid;
        border-radius: 4px;
    }
    .btn p .SPBtnAW1.AP8:hover, .SDEventContact1 .SLBtn1 li .SPBtnC a:hover {
        color: #fff !important;
        background-color: #04B2E3 !important;
    }
    ._typeSelect {
        opacity: 1.0;
    }
    ._typeSelect.hover, ._typeSelect.selected.hover {
        background-color: #F7FAFE;
    }
    
    
.SDEvent1 h3.CH1 p.submitAlert{
display:none !important;
}


    /* 薄いボーダーの非表示 */
    .SLEv1 li .CLHead1 { border-bottom: 0px solid #ffffff !important;}
    .SLEv1 li .CL1 {border-bottom: 0px solid #ffffff !important;}
    .CDSubmit1 {border-top: 0px solid #ffffff !important;}
    
    
    
    /* ■■■■■「主催者情報」枠■■■■■ */
    .event_organizer .data li {
        font-size: 16px;
        font-weight: bold;
    }
    .event_organizer .title {
        font-size: 15px !important;
        margin: 0 0 0px 0 !important;
    }
    
    
    .clear{clear: both;}
    .div_list_disc_jp{width:100%;font-weight: bold;margin: 15px 0 0;}
    .div_list_disc_jp .disc_left{width:16px !important;float:left;}
    .div_list_disc_jp .disc_right{width:calc(100% - 16px) !important;float:left;}

    .div_list_disc_jp_mercari{width:100%;font-weight: bold;margin: 15px 0 0;}
    .div_list_disc_jp_mercari .disc_left{width:24px !important;float:left;}
    .div_list_disc_jp_mercari .disc_right{width:calc(100% - 24px) !important;float:left;}

    .div_list_disc_jp_normal{width:100%;font-weight: normal;margin: 0 0;}
    .div_list_disc_jp_normal .disc_left{width:16px !important;float:left;}
    .div_list_disc_jp_normal .disc_right{width:calc(100% - 16px) !important;float:left;}
    
    .div_list_decimal_jp{width:100%;font-weight: bold;}
    .div_list_decimal_jp .decimal_left{width:45px !important;float:left;}
    .div_list_decimal_jp .decimal_right{width:calc(100% - 45px) !important;float:left;}
    
    .div_list_disc_en{width:100%;}
    .div_list_disc_en .disc_left{width:16px !important;float:left;}
    .div_list_disc_en .disc_right{width:calc(100% - 16px) !important;float:left;}
    
    .div_list_decimal_en{width:100%;}
    .div_list_decimal_en .decimal_left{width:30px !important;float:left;}
    .div_list_decimal_en .decimal_right{width:calc(100% - 30px) !important;float:left;}
    @media screen and (max-width: 768px) {
    .div_list_decimal_en .decimal_left{width:25px !important;float:left;}
    .div_list_decimal_en .decimal_right{width:calc(100% - 25px) !important;float:left;}
    }
    
    
    
    
    .eventDetailBlock h3{
        width:320px;
        color:#446DDF;
        background-color:#fff;
        border:solid 2px #446DDF;
        border-radius: 36px;
        font-size: 16px !important;
        text-align:center;
        margin: 35px auto 20px !important;
        padding:10px 0 !important;
    }
    @media screen and (max-width: 768px) {
    .eventDetailBlock h3{
        font-size: 18px !important;
    }
    }
    .eventDetailBlock h3 span{
        display:block;
    }
    dl.dl_detail dt{
        font-weight: bold;
    }
    dl.dl_detail dd{
        margin:0 0 20px 0;
    }
    
    
    /* ■■■■■「トップへ戻る」ボタン■■■■■ */
    .gotosite{
        margin: 50px auto 30px !important;
    }
    .gotosite a{
        display: block;
        width: 250px;
        margin: 30px auto 30px;
        padding: 10px 0;
        border-radius: 30px;
        background-color: #446DDF;
        color: #fff !important;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
    }
    .gotosite a:hover{
        opacity: 0.7;
    }
    @media screen and (max-width: 768px) {
    .gotosite{
        display: block;
        width: 250px !important;
        margin: 40px auto 30px !important;
        text-align: center;
    }
    .gotosite a{
        display: block;
        padding: 10px 20px;
    }
    }
    .gotosite a span {
        display: block;
        line-height: 1.2em;
    }
    
    .same_cat_box{
    background-color:#fff;
    border:solid 4px #446DDF;
    padding: 0 0 15px 0;
    }
    h3.same-cat{
    width:100%;
    color:#000;
    border:solid 0px #446DDF;
    margin: 8px 0 8px 0 !important;
    }
    
    /* ■■■■■ワークショップ一覧■■■■■ */
    .other_shortcut_wrap{
        width: calc(100% - 100px);
        margin: 0 50px 20px;
        display: flex;
        flex-wrap: wrap;
    }
    a.other_shortcut{
        width: 29.33333%;
        background-color: #446DDF;
        color: #fff !important;
        margin: 0 2% 0;
        padding: 6px 0;
        text-align: center;
        border-radius: 30px;
        font-size: 18px;
        line-height: 1.2em;
        font-weight: bold;
    }
    a.other_shortcut span{
        display: block;
        font-size: 13px;
        line-height: 1.2em;
    }
    a.other_shortcut:hover{
        opacity: 0.5;
    }
    @media screen and (max-width: 768px) {
        .other_shortcut_wrap{
            width: calc(100% - 20px);
            margin: 0 10px 20px;
            display: block;
            flex-wrap: inherit;
        }
        .other_shortcut_wrap a{
            width: 100%;
        }
        a.other_shortcut{
            width: 100%;
            background-color: #446DDF;
            color: #fff !important;
            margin: 0 30px 10px;
            padding: 8px 0;
            text-align: center;
            border-radius: 30px;
            font-size: 15px;
            line-height: 1.2em;
            font-weight: bold;
        }
        a.other_shortcut span{
            display: inline;
            font-size: 15px;
            line-height: 1.2em;
        }
        }

    .flex_test-box {
        background-color: #fff;
        margin: -15px 0;
        padding:  10px;             /* 余白指定 */
        display: flex;              /* フレックスボックスにする */
        justify-content:left;
        flex-wrap: wrap;            /* 折り返し指定 */
    }
    .flex_test-item {
        padding: 2.5%;
        color:  #111;               /* 文字色 */
        background-color:  #eee;
        margin:  1%;              /* 外側の余白 */
        border-radius:  5px;        /* 角丸指定 */
        width: 43%;                 /* 幅指定 */
        font-size: 12px;
        line-height: 1.3em;
    }
    .flex_test-item a{
    display: block;
    color:#000 !important;
    line-height: 1.4em !important;
    }
    .flex_test-item a:hover{
    opacity: 0.7;
    }
    
    .other1{
        width: 100%;
        height: auto;
    }
    .flex_test-item_title{
        position: relative;
        margin: 5px 0 0 0;
    }
    .flex_test-item_title p{
        margin: 0 0 5px !important;
    }
    .other2{
        position: absolute;
        right:-11px;
        top:-72px;
    }
    @media screen and (max-width: 768px) {
    .other1{
        width: 100%;
        height: auto;
    }
    .flex_test-item_title{
        position: relative;
        margin: 5px 0 0 0;
    }
    .flex_test-item_title p{
        margin: 0 0 5px !important;
    }
    .flex_test-item_title img.other2{
        position: absolute;
        width: 45px !important;
        height: auto !important;
        right: -6px;
        top: -46px;
    }
    }
    
    
    
    .flex_test-item ul{
        margin:4px 0 0 !important;
    }
    .flex_test-item ul li{
        margin:0 !important;
        list-style: none !important;
    }
    .flex_test-item ul li span{
        display: inline-block;
        width:15px !important;
    }
    .flex_icon{
        margin: 3px 1px -3px 0;
    }
    @media screen and (max-width: 768px) {
    .eventDetailBlock .flex_test-item{
        width: 43% !important;
        font-size: 11px;
        line-height: 1.3em;
    }
    .flex_test-item a img{
        width: 100% !important;
        height: auto !important;
    }
    .flex_icon{
        width:14px;
        height: auto;
        margin: 3px 5px -3px 0;
    }
    }
    /* ■■■■■■■■■■ */
    
    
    /* ■■■■■br設定■■■■■ */
    .for-pc{display:block;}
    .for-sp{display:none;}
    @media screen and (max-width: 768px) {
    .for-pc{display:none;}
    .for-sp{display:block;}
    }
    /* ■■■■■■■■■■ */




/* ■■■■■講師プロフィール■■■■■ */
.teacher_wrap{
    width:660px;
    margin:0 auto;
}
.teacher_photo{
    float: left;
    width: 160px;
    margin:0 25px 0 20px;
}
.teacher_photo img{
    width:160px;
    height: auto;
}
.teacher_text{
    float: left;
    width: 450px;
    margin:0 0 0;
    font-weight: bold;
}
.teacher_name{
    margin:0 0 0 0 !important;
    font-size: 14px;
    line-height: 1.5em;
}
.teacher_job{
    margin:0 0 10px 0;
    font-size: 10px;
    line-height: 1.5em;
}
.teacher_profile{
    margin:0 0 0 0;
    font-size: 12px;
    line-height: 1.5em;
}


@media screen and (max-width: 768px) {
    .teacher_photo{
        margin:0 20%;
    }
    .teacher_job{
        font-size: 10px;
    }
    .teacher_profile{
        font-size: 12px;
    }
}
/* ■■■■■■■■■■ */



/* アールを下付きにする■■■■■■■■■■ */
.subscript_r{
    font-family: Verdana;
    font-size: 75%;
}

/* 動画埋め込み■■■■■■■■■■ */

.movie_wrap{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.movie_wrap iframe{
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
}