@charset "utf-8";
/*------------------------------------------------------------------------------------------
*
*
    201612_information.css
*
*
------------------------------------------------------------------------------------------ */
#event_info_1612 span.ti{
    text-indent: -.5em;
    display: inline-block;
}

@media screen and (min-width : 501px){
img.sp{ display: none;}
br.sp{ display: none;}
.switch_sp{ display: none !important;}
.wrapper{ margin-bottom: 0;}

/* --------------------------------------------------
*
    #event_info_1612
*
-------------------------------------------------- */
#event_info_1612{
    font-size: 14px;
    letter-spacing: .1em;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

#info_title{
    border-bottom: 1px solid #000;
    overflow: hidden;
}

#event_info_1612 .section{
    clear: both;
    padding: 70px 0 0 0;
}

#event_info_1612 h2{
    padding: 0 0 0 220px;
    margin: 0 0 10px 0;
}

#event_info_1612 h3{
    padding: 0 0 0 220px;
    margin: 0 0 20px 0;
}

#event_info_1612 h4{
    padding: 0 0 0 230px;
    font-size: 18px;
    line-height: 2em;
    color: #FF47AD;
}

#event_info_1612 .date dl{
    padding: 0 0 0 230px;
    font-size: 18px;
    line-height: 2em;
    color: #FF47AD;
}

#event_info_1612 .date dl a{
    color: #0082FF;
    text-decoration: none;
}

#event_info_1612 dl a:hover{
    text-decoration: underline;
}

#event_info_1612 dt{
    clear: both;
    float: left;
}

#event_info_1612 dd{
    float: left;
}

#event_info_1612 .date dd.sp{
    text-indent: 5.4em;
}

#event_info_1612 .section p{
    clear: both;
    line-height: 2em;
    padding: 0 0 0 230px;
}

#event_info_1612 .section .img{
    margin: 40px 0 0 0;
    text-align: center;
    font-size: 0;
    letter-spacing: -.40em;
}

#event_info_1612 .section .img p{
    margin: 0 10px;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}

#event_info_1612 .section .img .caption{
    margin: 2px 0 -10px 0;
    text-align: left;
    font-size: 14px;
    letter-spacing: .1em;
    line-height: 2em;
    display: block;
}

#event_info_1612 .section a {
    color: #0082FF;
    text-decoration: none;
}

#event_info_1612 .section a:hover {
    text-decoration: underline;
}

#info_title.section{
    padding-bottom: 50px;
}

#info_title .date{
    margin: 0 0 30px 0;
    overflow: hidden;
}


/*
*
    .s03
*
*/
#event_info_1612 .s03 .img{
    margin-left: 30px;
    height: 620px;
    position: relative;
}

#event_info_1612 .s03 .img p{
    position: absolute;
}

#event_info_1612 .s03 .img p.i01{ top: 0; left: 0;}
#event_info_1612 .s03 .img p.i02{ top: 320px; left: 0;}
#event_info_1612 .s03 .img p.i03{ top: 0; left: 470px;}
#event_info_1612 .s03 .credit{
    padding: 0;
    font-size: 14px;
    position: absolute;
    top: 520px;
    left: 470px;
}

#event_info_1612 .s03 .credit dd.sp{
    text-indent: 3em;
}


    
/*
*
    .s05
*
*/
#event_info_1612 .s05 .img{
    text-align: left;
    padding: 0 0 0 220px;
}


/*
*
    .info_foot
*
*/
#event_info_1612 .info_foot{
    margin: 70px 0 0 0;
    padding: 40px 0 40px 230px;
    font-size: 18px;
    color: #FF47AD;
    line-height: 2em;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}



/*
*
    #footer
*
*/
#footer{
    margin: 0;
    padding: 40px 0 0 0;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

#footer ul.share{
    padding: 0 0 50px 0;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #000;
}

#footer h2{
    margin: 0 0 20px 0 !important;
}

#footer .copyright{
    padding: 30px 0 60px 0;
}


}



/* --------------------------------------------------------------------------------------------------------------
*
    max-width: 500px
*
-------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 500px) {
img.pc{ display: none;}
br{ display: none;}
br.sp{ display: inherit;}
.switch_pc{ display: none !important;}

.wrapper{ margin-bottom: 0;}
#mainNav{ border-left: 0; border-right: 0;}
#header{ margin: 0; border-left: 0; border-right: 0;}
#header img{ width: 65%; height: auto; max-width: 343px;}
#header img.ttl_jp{ margin: 0 auto; width: 20%; height: auto; max-width: 149px; display: block;}
/* --------------------------------------------------
*
    #event_info_1612
*
-------------------------------------------------- */
#event_info_1612{
    font-size: 14px;
    letter-spacing: .1em;
    min-width: 320px;
    overflow: hidden;
}

#event_info_1612 img{
    height: auto;
}

#info_title{
    border-bottom: 1px solid #000;
    overflow: hidden;
}

#event_info_1612 .section{
    clear: both;
    padding: 35px 0 0 0;
}

#event_info_1612 h2{
    padding: 0 10px;
    margin: 0 0 20px 0;
}

#event_info_1612 h2 img{ width: 100%; max-width: 594px;}

#event_info_1612 h3{
    padding: 0 10px;
    margin: 0 0 20px 0;
}

#event_info_1612 h3 img{ width: 100%; max-width: 593px;}

#event_info_1612 h4{
    margin: 0 0 5px 0;
    padding: 0 5px 0 15px;
    font-size: 17px;
    line-height: 2em;
    color: #FF47AD;
}

#event_info_1612 .date{
    text-align: center;
}

#event_info_1612 .date dl{
    padding: 0 0 0 15px;
    font-size: 17px;
    line-height: 2em;
    color: #FF47AD;
    display: inline-block;
    text-align: left;
}

#event_info_1612 .date dl a{
    color: #0082FF;
    text-decoration: none;
}

#event_info_1612 dl a:hover{
    text-decoration: underline;
}

#event_info_1612 dt{
    font-size: 14px;
    clear: both;
}

#event_info_1612 dd{
    margin: -5px 0 10px 0;
}

#event_info_1612 .section p{
    clear: both;
    line-height: 2em;
    padding: 0 15px;
}

#event_info_1612 .section .img{
    margin: 20px 50px 10px 50px;
    text-align: center;
    font-size: 0;
    letter-spacing: -.40em;
}

#event_info_1612 .section .img p{
    margin: 0 0 10px 0;
    padding: 0;
    display: block;
    letter-spacing: normal;
}

#event_info_1612 .section .img p:last-child{ margin: 0;}

#event_info_1612 .section .img img{
    width: 100%;
    max-width: 450px;
}

#event_info_1612 .section .img .caption{
    margin: 5px 0 -10px 0;
    text-align: left;
    font-size: 12px;
    letter-spacing: .1em;
    line-height: 1.6em;
    display: block;
    white-space: nowrap;
}

#event_info_1612 .section a {
    color: #0082FF;
    text-decoration: none;
}

#event_info_1612 .section a:hover {
    text-decoration: underline;
}

.credit{
    display: none !important;
}

#info_title.section{
    padding-bottom: 30px;
}

#info_title .date{
    margin: 0 0 20px 0;
    overflow: hidden;
}

#info_title .notes{
    font-size: 14px;
    text-align: center;
}

#info_title .notes p{
    display: inline-block;
    text-align: left;
}


/*
*
    .s03
*
*/
#event_info_1612 .s03{
    margin: 0 0 -30px 0;
    overflow: hidden;
}
#event_info_1612 .s03 .img{
    margin-bottom: 40px;
}

#event_info_1612 .s03 .img p{
    margin: 0 0 30px 0;
}

#event_info_1612 .s03 .credit dd.sp{
    text-indent: 3em;
}

/*
*
    .s04
*
*/
#event_info_1612 .s04 .img p{ margin-bottom: 30px !important;}
#event_info_1612 .s04 .img p:last-child{ margin-bottom: 0 !important;}


/*
*
    .s04, .s05
*
*/
#event_info_1612 .s04 .caption{
    white-space: nowrap;
}


/*
*
    .info_foot
*
*/
#event_info_1612 .info_foot{
    margin: 30px 0 0 0;
    padding: 20px 0;
    font-size: 17px;
    color: #FF47AD;
    line-height: 2em;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: center;
}

#event_info_1612 .info_foot p{
    display: inline-block;
    text-align: left;
}



/*
*
    #footer
*
*/
#footer{
    margin: 0;
    padding: 20px 0 0 0;
}

#footer ul.share{
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #000;
}

#footer ul.share li{
    margin: 0 13px;
}

#footer ul.share img{
    width: 34px;
}

#footer h2{
    font-size: 12px;
    margin: 0 0 20px 0 !important;
}

#footer .copyright{
    padding: 5px 0 20px 0;
}

#footer .copyright img{
    width: 50%;
    max-width: 458px;
}

#footer .op{
    margin: 0 0 5px 0;
    font-size: 12px;
    display: block;
}


}