/*==========================================================================================
  Site: /archives/vled/en/
  Date: 2015-02-16(+09:00)
==========================================================================================*/
#globalNavDetail > li > a,
#globalNavDetail > li > span,
.globalNavInner li a,
#artAbout #aboutNav li a span,
.infoList .listTitle
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body
{
    font-family: Arial, 'Helvetica Neue', Helvetica, Roboto, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
}

#page
{
    -ms-word-wrap: break-word;
        word-wrap: break-word;
}

/* header */
#globalHeader .blockA
{
    padding: 20px 0 30px;
}
#globalHeader .siteTitle .title
{
    width: 260px;
    height: 75px;

    background: url('../img/pc_logo_en.png') no-repeat 0 0;
}

#headNav
{
    margin-top: 4px;
}

#globalNavDetail
{
    top: -55px;

    zoom: 1;

    width: auto;
}
#globalNavDetail:after
{
    display: table;
    clear: both;

    content: '';
}
#globalNavDetail:before
{
    display: table;

    content: '';
}
#globalNavDetail > li + li
{
    margin-left: 20px;
}
#globalNavDetail > li > a,
#globalNavDetail > li > span
{
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 900;

    text-transform: uppercase;
}

.globalNavInner li a
{
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: 900;

    padding-top: 13px;
    padding-bottom: 13px;
}
.globalNavInner li.subCat a
{
    padding-top: 13px;
    padding-bottom: 13px;
}

.hasSubnav:hover .globalNavInner li
{
    height: 38px;
}
.hasSubnav:hover .globalNavInner li.subCat
{
    height: 38px;
}

#secMainImg .title
{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}
#secMainImg .text
{
    font-family: Georgia, Times, serif;
}

#mainVisual #navVisual li .title
{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}
#mainVisual #navVisual li .text
{
    font-family: Georgia, Times, serif;
}

#artAbout .title
{
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
}
#artAbout .title .caption
{
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;

    top: 0;

    margin-top: 4px;
    margin-left: 0;
}
#artAbout .text
{
    font-family: Georgia, Times, serif;

    margin-top: 8px;
}
#artAbout #aboutNav
{
    margin-top: 16px;
}
#artAbout #aboutNav li a span
{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

#announceArea
{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
#announceArea .lead
{
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.6;
}
#announceArea .lead em
{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.6;

    display: inline-block;

    margin: 0 4px;

    vertical-align: baseline;
}
#announceArea .btnText a:before
{
    top: 7px;
}

.artInfoTop .infoList .listTitle
{
    line-height: 1;

    padding-left: 16px;
}
.artInfoTop .infoList .text
{
    margin-top: 8px;
}

.infoList .listTitle
{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;

    text-transform: uppercase;
}
.infoList li a .title
{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    line-height: 1.3;

    margin-top: 4px;
}
.infoList li a .text
{
    font-family: Georgia, Times, serif;
}

#contents .sponsor span
{
    width: 74px;
}

#pageMain #mainImg h1
{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;

    text-transform: uppercase;
}

#alpha
{
    line-height: 1.6;
}
#alpha .secBlockA .text
{
    font-family: Georgia, Times, serif;
    line-height: 1.7;
}
#alpha .contentsTitle
{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;

    padding-left: 20px;
}
#alpha .subHead .title
{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    line-height: 1.2;
}
#alpha .subTitle
{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    line-height: 1.3;
}
#alpha .subTitle2
{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    line-height: 1.3;

    margin-bottom: 10px;
}
#alpha .btnText a
{
    padding-left: 16px;
}
#alpha .btnText a:before
{
    top: 4px;
}

#alpha table
{
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.3;
}
#alpha table tr th
{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

#aboutList .unit .title
{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.2;

    padding-right: 24px;
}
#aboutList .unit .text
{
    font-family: Georgia, Times, serif;
    font-size: 13px;
    font-size: 1.3rem;
}

#alpha .contentsNav.aboutPage li
{
    width: 300px;
    margin-top: 2px;
    margin-right: 16px;
    margin-bottom: 2px;
}

.aboutPurpose .unitList .unit:before
{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;

    top: -4px;
}

#alpha .commDetailNav li,
#alpha .contentsNav li
{
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;

    margin-top: 4px;
    margin-bottom: 4px;
}
#alpha .commDetailNav a:before,
#alpha .contentsNav a:before
{
    margin-top: -6px;
}
#alpha .commDetailNav a:after,
#alpha .contentsNav a:after
{
    margin-top: -2px;
}

.comConstitution .comImage .unit.utilization,
.aboutBoard .comImage .unit.utilization
{
    height: 90px;
}
.comConstitution .comImage .unit.managementreview,
.aboutBoard .comImage .unit.managementreview
{
    height: 90px;
}

#alpha .navCommittee
{
    margin-top: 0;
}
#alpha .navCommittee li
{
    float: left;

    margin-top: 8px;
    margin-right: 10px;
    margin-left: 0;
}

#committee #alpha .subTitle2
{
    font-size: 15px;
    font-size: 1.5rem;

    color: #f18101;
}

#alpha .secBlockA .update
{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.recordTable
{
    margin-bottom: 0;
}

.originMatLink
{
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;

    margin-top: 8px;

    text-align: right;
}

.resultsContents .resultsText .caption
{
    font-size: 10px;
    font-size: 1rem;
}

#alpha .infoList .eventDetail .title .titleTxt
{
    font-family: Georgia, Times, serif;
    font-weight: normal;
}

.articleUnit .date
{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}
.articleUnit .articleTitle
{
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.3;
}
.articleUnit .blockA p
{
    font-family: Georgia, Times, serif;
}
.articleUnit .blockA p b,
.articleUnit .blockA p strong
{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}
.articleUnit .blockA p a
{
    font-family: Arial, 'Helvetica Neue', Helvetica, Roboto, sans-serif;
}
.articleUnit .blockA table p
{
    font-family: Arial, 'Helvetica Neue', Helvetica, Roboto, sans-serif;
}

#privacy .numList > .list:before
{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;

    top: 1px;
}
#privacy .numList > .list .title
{
    line-height: 1.8;
}

.breadcrumbs
{
    text-transform: uppercase;
}
.breadcrumbs li
{
    padding: 0 0 0 8px;
}
.breadcrumbs li:before
{
    position: relative;
    top: 1px;

    display: inline-block;

    width: 1px;
    height: 12px;
    margin-right: 12px;

    content: '';

    background: #c8c8c8;
}

#globalFooter .footNav li
{
    text-transform: uppercase;
}

#aform-11 .aform-header
{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

#formConfirmContents .aform .aform-header
{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.contactComplete p.text
{
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2;
}

#beta .artTopics .title
{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;

    text-transform: uppercase;
}

/* alpha */
/* beta */
/* breadcrumbs */
/* about */
/* event */
/* pc */
/* SP */
@media screen and (max-width: 768px)
{
    #globalHeader .blockA
    {
        padding: 0 0 15px;
    }
    #globalHeader .siteTitle .title
    {
        height: 57px;

        background: url('../img/sp_logo_en.png') no-repeat 0 0;
        background-size: 200px auto;
    }

    #headNav
    {
        margin-top: 15px;
    }

    #globalNavDetail
    {
        top: 87px;

        width: 100%;
    }
    #globalNavDetail > li + li
    {
        margin-left: 0;
    }

    .globalNavInner
    {
        width: 100%;
    }
    .globalNavInner > li > a
    {
        padding-top: 16px;
        padding-bottom: 0;
    }

    .hasSubnav:hover .globalNavInner li
    {
        height: 44px;
    }
    .hasSubnav:hover .globalNavInner li.subCat
    {
        height: 44px;
    }

    #artAbout .title
    {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.2;
    }
    #artAbout .title .caption
    {
        line-height: 1.3;

        margin-top: 6px;
    }

    #announceArea
    {
        line-height: 1.3;
    }
    #announceArea .lead
    {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.4;
    }
    #announceArea .lead em
    {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.4;

        margin: 0;
    }
    #announceArea .btnText
    {
        text-align: left;
    }

    #alpha
    {
        line-height: 1.6;
    }
    #alpha .btnText a
    {
        padding-left: 12px;
    }
    #alpha .btnText a:before
    {
        top: 7px;
    }

    #alpha .infoList .eventDetail .title
    {
        line-height: 1.3;
    }

    .infoList .btnInfo a
    {
        padding: 4px 10px 4px 20px;
    }

    #alpha .navCommittee li
    {
        float: none;

        margin: 0;
    }
    #alpha .navCommittee li + li
    {
        margin-top: 8px;
    }

    .resultsContents .unit.head div.resultsType
    {
        width: 25%;

        vertical-align: middle;
    }
    .resultsContents .unit.head div.resultsType span
    {
        white-space: normal;
    }
    .resultsContents .resultsItem
    {
        width: 25%;
    }
    .resultsContents .resultsText
    {
        width: 75%;

        vertical-align: middle;
    }

    .articleUnit .articleTitle
    {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.2;
    }

    .contactComplete p.text
    {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.5;
    }
}
/*#globalNavDetail .navLast {
  border: none;
}*/
/* css hack */
@media screen and (min-width: 769px)
{
    #mainVisualWrapper
    {
        width: 100%;
        padding: 0 0 40px;

        background: #fff;
    }

    #mainVisual
    {
        overflow: hidden;

        width: 950px;
        margin: 0 auto;
    }

    #secMainImg
    {
        position: relative;

        float: left;

        width: 490px;
        height: 340px;
    }

    #secMainImg .secImgDetail
    {
        height: 340px;
    }

    #main1,
    #main2,
    #main3,
    #main4
    {
        position: absolute;
        z-index: 4;
    }

    #main2
    {
        z-index: 3;
    }

    #main3
    {
        z-index: 2;
    }

    #main4
    {
        z-index: 1;
    }

    #secMainImg img
    {
        display: block;
    }

    #secMainImg .contDetail
    {
        position: absolute;
        bottom: 0;
        left: 0;

        width: 490px;
        padding: 10px 8px 10px 16px;

        background: #000;
        background: rgba(0, 0, 0, .7);
    }

    #secMainImg .title
    {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;

        color: #f18101;
    }

    #secMainImg .text
    {
        font-size: 12px;
        font-size: 1.2rem;

        margin-top: 6px;

        color: #fff;
    }

    #navVisual
    {
        float: right;
        zoom: 1;

        width: 460px;
    }
    #navVisual:after
    {
        display: table;
        clear: both;

        content: '';
    }
    #navVisual:before
    {
        display: table;

        content: '';
    }

    #navVisual li
    {
        line-height: 1.3;

        position: relative;

        float: left;
        overflow: hidden;

        width: 230px;
        height: 170px;
    }

    #navVisual li img
    {
        width: 110%;
    }

    #mainVisual #navVisual li a:hover .navDetail,
    #mainVisual #navVisual #globalNav li span:hover .navDetail,
    #globalNav #mainVisual #navVisual li span:hover .navDetail
    {
        background: rgba(0, 189, 241, .7);
    }

    #mainVisual #navVisual li .navDetail
    {
        position: absolute;
        bottom: 0;
        left: 0;

        width: 230px;
        padding: 8px 4px 6px 10px;

        transition: all .3s ease;

        background: #000;
        background: rgba(0, 0, 0, .6);
    }

    #mainVisual #navVisual li img
    {
        display: block;
    }

    #mainVisual #navVisual li .title
    {
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: bold;
        line-height: 1.3;

        color: #fff;
    }

    #mainVisual #navVisual li .text
    {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.3;

        margin-top: 3px;

        color: #e1e1e1;
    }

    #mainVisual #navVisual li a:hover .text
    {
        color: #fff;
    }
}
@media screen and (min-width: 769px)
{
    #pageTop
    {
        background-color: #eee;
    }

    #pageTop #globalFooterWrapper
    {
        box-shadow: 0 -1px 0 white;
    }

    #artAbout
    {
        width: 100%;

        background: #fff;
    }

    #artAbout .inner
    {
        position: relative;

        width: 950px;
        margin: 0 auto;
        padding: 24px 32px 40px;
        padding-left: 210px;

        border: 1px solid #c8c8c8;
        background: #fbfbfb url(../img/bg_logo_img.png) no-repeat 32px 32px;
        box-shadow: 2px 2px 0 #fff inset, -2px -2px 0 #fff inset;
    }

    #artAbout .title
    {
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: normal;

        padding-top: 8px;
    }
    #artAbout .title .caption
    {
        font-size: 58%;

        position: relative;
        top: -3px;

        display: inline-block;

        margin-left: 20px;

        color: #f18101;
    }

    #artAbout .text
    {
        font-size: 100%;
        line-height: 170%;

        margin: 12px 0;
    }

    #aboutNav ul
    {
        zoom: 1;
    }
    #aboutNav ul:after
    {
        display: table;
        clear: both;

        content: '';
    }
    #aboutNav ul:before
    {
        display: table;

        content: '';
    }

    #artAbout #aboutNav li
    {
        float: left;

        margin-right: 12px;
    }
    #artAbout #aboutNav li a
    {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1;

        display: block;

        padding: 8px 18px;

        transition: background-color .3s ease;

        color: #fff;
        border-radius: 2px;
        background: #f18101;
        background:      linear-gradient(to bottom, rgba(254, 142, 14, .7) 0%, rgba(249, 121, 1, .7) 100%);
        background-color: #f18101;
    }
    #artAbout #aboutNav li a:hover
    {
        background-color: #ffc98c;
    }
    #artAbout #aboutNav li a span
    {
        position: relative;

        display: block;

        padding-left: 10px;
    }
    #artAbout #aboutNav li a span:before
    {
        position: absolute;
        top: 50%;
        left: 0;

        display: block;

        margin-top: -4px;

        content: '';

        border: 4px solid transparent;
        border-left-color: #fff;
    }

    #pageTop .artInfoTop .event
    {
        float: left;
    }

    #pageTop .artInfoTop .event .infoList .eventDetail .place,
    #pageTop .artInfoTop .event .infoList .newsDetail a .text
    {
        margin: 0 5px 3px 0;
    }

    #pageTop .artInfoTop .news
    {
        float: right;
    }

    #pageTop .artInfoTop .event .infoList .eventDetail .place
    {
        display: block;

        margin: 0;
    }

    #announceArea
    {
        padding: 30px 0;

        background: #fff;
    }
    #announceArea .inner
    {
        position: relative;

        width: 950px;
        margin: 0 auto;
        padding: 30px 0 30px;

        border-top: 1px solid #c8c8c8;
        border-bottom: 1px solid #c8c8c8;
    }
    #announceArea .inner:before
    {
        position: absolute;
        top: -1px;
        left: 50%;

        display: block;

        margin-left: -12px;

        content: '';

        border: 12px solid transparent;
        border-top-color: #c8c8c8;
    }
    #announceArea .inner:after
    {
        position: absolute;
        top: -1px;
        left: 50%;

        display: block;

        margin-left: -10px;

        content: '';

        border: 10px solid transparent;
        border-top-color: #fff;
    }
    #announceArea .lead
    {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.7;

        text-align: center;

        color: #f18101;
    }
    #announceArea .lead em
    {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.7;
    }
    #announceArea .btnText
    {
        margin-top: 16px;

        text-align: center;
    }
    #announceArea .btnText a
    {
        position: relative;

        padding-left: 20px;

        color: #3d3d3d;
    }
    #announceArea .btnText a:hover
    {
        color: #a3a3a3;
    }
    #announceArea .btnText a:before
    {
        position: absolute;
        top: 2px;
        left: 4px;

        display: block;

        content: '';

        border: 4px solid transparent;
        border-left-color: #f18101;
    }

    .artInfoTop
    {
        zoom: 1;

        width: 950px;
        margin: 0 auto;
    }
    .artInfoTop:after
    {
        display: table;
        clear: both;

        content: '';
    }
    .artInfoTop:before
    {
        display: table;

        content: '';
    }
    .artInfoTop .infoList
    {
        width: 455px;
        min-height: 370px;
        padding: 28px 28px;
    }
    .artInfoTop .infoList .btnInfo
    {
        top: 24px;
        right: 24px;
    }
    .artInfoTop .infoList .eventDetail .place
    {
        margin-top: 3px;
    }
    .artInfoTop .infoList .listTitle
    {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.4;

        position: relative;

        margin-bottom: 4px;
        padding-left: 20px;

        border-top: none;
        border-bottom: none;
    }
    .artInfoTop .infoList .listTitle:before
    {
        position: absolute;
        top: 0;
        left: 0;

        display: block;

        width: 4px;
        height: 100%;

        content: '';

        background: #f18101;
    }
    .artInfoTop .infoList .listSubTitle
    {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1;
    }
    .artInfoTop .infoList .title
    {
        font-size: 15px;
        font-size: 1.5rem;

        margin-top: 6px;
    }
    .artInfoTop .infoList .text
    {
        font-size: 12px;
        font-size: 1.2rem;

        margin-top: 4px;
    }
    .artInfoTop .infoList li a
    {
        padding: 16px 0;
    }

    .gCalLink
    {
        display: block;

        margin-top: 6px;
    }
}
@media screen and (max-width: 768px)
{
    #mainVisualWrapper
    {
        width: 100%;
        margin-bottom: 15px;

        background: #fff;
    }

    #secMainImg
    {
        position: relative;

        overflow: hidden;
    }
    #secMainImg .headImg img
    {
        width: 100%;
        height: auto;
    }
    #secMainImg .contDetail
    {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        line-height: normal;

        padding: 11px 6px 9px 14px;

        color: #f18101;
        background: #000;
    }
    #secMainImg .text
    {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: normal;

        margin-top: 4px;

        color: #fff;
    }

    #navVisual
    {
        display: none;
    }
}
@media screen and (max-width: 768px)
{
    #pageTop #contents
    {
        margin-top: 0;
    }

    #artAbout
    {
        width: 100%;

        background: #fff;
    }
    #artAbout .inner
    {
        margin: 0 15px;
        padding: 20px;

        border: 1px solid #c8c8c8;
        background: #fbfbfb;
        box-shadow: 2px 2px 0 #fff inset, -2px -2px 0 #fff inset;
    }
    #artAbout .title
    {
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: normal;
        line-height: normal;
    }
    #artAbout .title .caption
    {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: normal;

        display: block;
        display: block;

        margin-top: 6px;

        color: #f18101;
    }
    #artAbout .text
    {
        margin: 10px 0 16px;
    }

    #aboutNav li + li
    {
        margin-top: 8px;
    }
    #aboutNav li a
    {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1;

        display: block;

        padding: 14px 24px;
        padding: 8px 18px;

        transition: background-color .3s ease;

        color: #fff;
        border-radius: 2px;
        background: #f18101;
        background:      linear-gradient(to bottom, rgba(254, 142, 14, .7) 0%, rgba(249, 121, 1, .7) 100%);
        background-color: #f18101;
    }
    #aboutNav li a:hover
    {
        background-color: #ffc98c;
    }
    #aboutNav li a span
    {
        position: relative;

        display: block;

        padding-left: 10px;
    }
    #aboutNav li a span:before
    {
        position: absolute;
        top: 50%;
        left: 0;

        display: block;

        margin-top: -4px;

        content: '';

        border: 4px solid transparent;
        border-left-color: #fff;
    }

    #announceArea
    {
        width: 100%;
        margin: 24px 0;
    }
    #announceArea .inner
    {
        position: relative;

        margin: 0 15px;
        padding: 24px 0 20px;

        border-top: 1px solid #c8c8c8;
        border-bottom: 1px solid #c8c8c8;
    }
    #announceArea .inner:before
    {
        position: absolute;
        top: -1px;
        left: 50%;

        display: block;

        margin-left: -10px;

        content: '';

        border: 10px solid transparent;
        border-top-color: #c8c8c8;
    }
    #announceArea .inner:after
    {
        position: absolute;
        top: -1px;
        left: 50%;

        display: block;

        margin-left: -8px;

        content: '';

        border: 8px solid transparent;
        border-top-color: #fff;
    }
    #announceArea .lead
    {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: normal;

        text-align: center;

        color: #f18101;
    }
    #announceArea .btnText
    {
        margin-top: 8px;

        text-align: center;
    }
    #announceArea .btnText a
    {
        position: relative;

        display: inline-block;

        padding-left: 14px;

        color: #3d3d3d;
    }
    #announceArea .btnText a:hover
    {
        color: #a3a3a3;
    }
    #announceArea .btnText a:before
    {
        position: absolute;
        top: 6px;
        left: 4px;

        display: block;

        content: '';

        border: 4px solid transparent;
        border-left-color: #f18101;
    }

    .artInfoTop
    {
        width: 100%;
    }
    .artInfoTop .infoList
    {
        height: auto !important;
        padding: 16px 15px 30px;
    }
    .artInfoTop .infoList + .artInfoTop .infoList
    {
        border-top: 1px solid #c8c8c8;
    }
    .artInfoTop .infoList .btnInfo
    {
        top: 16px;
        right: 15px;
    }
    .artInfoTop .infoList .eventDetail .place
    {
        float: none;

        margin-top: 4px;
    }
    .artInfoTop .infoList .listTitle
    {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.4;

        position: relative;

        margin-bottom: 4px;
        padding-left: 20px;

        border-top: none;
        border-bottom: none;
    }
    .artInfoTop .infoList .listTitle:before
    {
        position: absolute;
        top: 0;
        left: 0;

        display: block;

        width: 4px;
        height: 100%;

        content: '';

        background: #f18101;
    }
    .artInfoTop .infoList .listSubTitle
    {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1;
    }
    .artInfoTop .infoList .title
    {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: normal;

        margin-top: 6px;
    }
    .artInfoTop .infoList .text
    {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: normal;

        margin-top: 4px;
    }
    .artInfoTop .infoList li a
    {
        padding: 12px 0;
    }

    .gCalLink
    {
        display: block;

        margin-top: 6px;
    }
}