@charset "UTF-8";
/* ######################################################################################

　共通設定

###################################################################################### */
@media screen and (max-width: 767px) {
body.entry .linkList {bottom:-2.5em !important;}
}









/* ######################################################################################

　トップページ

###################################################################################### */


/* ====================================================
　メインイメージ
==================================================== */

.pageIndex .mainImg {
    position:relative;
    background:#ffffff;
    text-align:center;
}
.pageIndex .mainImg img {width:auto;}

@media print, screen and (min-width: 768px) {
    .pageIndex .mainImg {
        min-width:1030px;
        background:#1d2a53;
        background-size:auto 100%;
    }
}
@media screen and (max-width: 767px) {
    .pageIndex .mainImg img{width: 100%; height: auto;}
}



/* ====================================================
　ニュース
==================================================== */

.pageIndex .contents.topics br.entry {display:none;}

.pageIndex .contents.topics .date small {font-size:1.5rem;}
.pageIndex .contents.topics .title small {font-size:1.5rem;}


@media print, screen and (min-width: 768px) {
    .pageIndex .contents.topics {margin-top:50px; padding-bottom:140px;}
}
@media screen and (max-width: 767px) {
    .pageIndex .contents.topics {margin-top:25px; padding-bottom: 80px;}
    .pageIndex .contents.topics .titleUnderbarCenter{margin-bottom: 1.5em;}
    .pageIndex .contents.topics .date {margin-bottom: 0.25rem;}
    .pageIndex .contents.topics .title a{font-size: 1.5rem;}
    
}

/* ====================================================
　とは？
==================================================== */



.pageEnglish .contents.concept .text p,
.pageIndex .contents.concept .text p {font-size:1.5rem; line-height:2;}


@media print, screen and (min-width: 768px) {
    .pageEnglish .contents.concept,
    .pageIndex .contents.concept {padding-top:110px; padding-bottom:76px;}
    
    .pageEnglish .contents.concept .image ,
    .pageIndex .contents.concept .image {float:right; margin-top:90px; margin-right:40px;}

    .pageEnglish .contents.concept .text,
    .pageIndex .contents.concept .text {float:left; width:500px;}
    
    .pageEnglish .contents.concept .titleBlackBold,
    .pageIndex .contents.concept .titleBlackBold {margin-bottom:38px;}
    
}
@media screen and (max-width: 767px) {
    .pageEnglish .contents.concept,
    .pageIndex .contents.concept {padding-top:50px; padding-bottom:35px;}
    
    .pageEnglish .contents.concept .image ,
    .pageIndex .contents.concept .image{margin-bottom: 45px;}
    .pageEnglish .contents.concept .image img,
    .pageIndex .contents.concept .image img{width: 100%; height: auto;}
    
    .pageEnglish .contents.concept .titleBlackBold,
    .pageIndex .contents.concept .titleBlackBold {margin-bottom:27px;}
    
}

/* ====================================================
　ロームシアター京都
==================================================== */
.pageIndex #Concept .wallBelt + .wallBelt {border-top:1px solid #231815;}
.pageIndex .contents.theater .text p {font-size:1.5rem; line-height:2;}
.pageIndex .contents.theater .btn {margin-top:2em;}

@media print, screen and (min-width: 768px) {
    .pageIndex .contents.theater {padding-top:62px; padding-bottom:128px;}
    .pageIndex .contents.theater .image {float:left;}
    .pageIndex .contents.theater .text {float:right; width:500px;}
    .pageIndex .contents.theater .titleBlackBold {margin-bottom:25px;}
}
@media screen and (max-width: 767px) {
    .pageIndex .contents.theater {padding-top:50px; padding-bottom:64px;}
    .pageIndex .contents.theater .image {margin-bottom: 1.5rem;}
    .pageIndex .contents.theater .image img {width: 100%; height: auto}
    .pageIndex .contents.theater .titleBlackBold {margin-bottom:20px;}
    .pageIndex .contents.theater .btn{text-align: center;}
    .pageIndex .contents.theater .btn img{max-width: 100%; height: auto;}
}

/* ====================================================
　開催にあたって
==================================================== */


.pageEnglish .contents.about p,
.pageIndex .contents.about p {margin-bottom:2em; font-size:1.5rem; line-height:2;}

.pageEnglish .contents.about .sign,
.pageIndex .contents.about .sign {font-size:1.5rem;}
@media print, screen and (min-width: 768px) {
    .pageEnglish .contents.about,
    .pageIndex .contents.about {padding-top:124px; padding-bottom:90px;}
    
    .pageEnglish .contents.about .titleBlackBold,
    .pageIndex .contents.about .titleBlackBold {margin-bottom:58px;}


}
@media screen and (max-width: 767px) {
    .pageEnglish .contents.about,
    .pageIndex .contents.about {padding-top:50px; padding-bottom:35px;}
    
    .pageEnglish .contents.about .titleBlackBold,
    .pageIndex .contents.about .titleBlackBold {margin-bottom:28px;}
}

/* ====================================================
　開催概要
==================================================== */

.pageEnglish .contents.outline table,
.pageIndex .contents.outline table {width:100%;}

.pageEnglish .contents.outline th,
.pageEnglish .contents.outline td,
.pageIndex .contents.outline th,
.pageIndex .contents.outline td {font-weight:normal; font-size:1.5rem;}

@media print, screen and (min-width: 768px) {
    .pageEnglish .contents.outline,
    .pageIndex .contents.outline {padding-bottom:150px;}

    .pageEnglish .contents.outline .titleBlackBold,
    .pageIndex .contents.outline .titleBlackBold {margin-bottom:52px;}
    
    .pageEnglish .contents.outline th,
    .pageEnglish .contents.outline td,
    .pageIndex .contents.outline th,
    .pageIndex .contents.outline td {padding:0.5rem 0;}
    .pageEnglish .contents.outline th,
    .pageIndex .contents.outline th {
        position:relative;
        width:120px;
        text-align: justify;
        text-justify: inter-ideograph;
        -moz-text-align-last: justify;
        text-align-last: justify;
        padding-right:32px;
    }
    
    .pageEnglish .contents.outline th:after,
    .pageIndex .contents.outline th:after {
        content:"：";
        position:absolute;
        right:0;
    }

}
@media screen and (max-width: 767px) {
    .pageEnglish .contents.outline,
    .pageIndex .contents.outline {padding-bottom:80px;}
    
    .pageEnglish .contents.outline .titleBlackBold,
    .pageIndex .contents.outline .titleBlackBold {margin-bottom:36px;}
    
    .pageEnglish .contents.outline table,
    .pageIndex .contents.outline table, 
    .pageEnglish .contents.outline tbody,
    .pageIndex .contents.outline tbody, 
    .pageEnglish .contents.outline tr,
    .pageIndex .contents.outline tr, 
    .pageEnglish .contents.outline th,
    .pageIndex .contents.outline th, 
    .pageEnglish .contents.outline td,
    .pageIndex .contents.outline td{display: block;}
    
    .pageEnglish .contents.outline table,
    .pageIndex .contents.outline table{border-top: 1px solid #727171;}
    
    .pageEnglish .contents.outline tr,
    .pageIndex .contents.outline tr{
        padding: 1.8rem 0.4rem;
        border-bottom: 1px solid #727171;
    }
    .pageEnglish .contents.outline th,
    .pageIndex .contents.outline th{
        margin-bottom: 0.8rem;
        font-weight: bold;
    }
    .pageEnglish .contents.outline td,
    .pageIndex .contents.outline td{line-height: 1.5;}

}

/* ====================================================
　とは？
==================================================== */

.pageEnglish .contents.what .text p,
.pageIndex .contents.what .text p {
    font-size:1.5rem;
    line-height:2;
}

.pageIndex .contents.what .sign { margin-top:2em; font-size:15px;}
@media print, screen and (min-width: 768px) {
    .pageEnglish .contents.what,
    .pageIndex .contents.what {
        padding-top:80px;
        padding-bottom:90px;
    }
    .pageIndex .contents.what .titleUnderbarCenter {margin-bottom:60px;}
    .pageEnglish .contents.what .image,
    .pageIndex .contents.what .image {float:left; margin-top:7px;}
    .pageEnglish .contents.what .text,
    .pageIndex .contents.what .text {
        float:right;
        width:590px;
    }
}
@media screen and (max-width: 767px) {
    .pageEnglish .contents.what,
    .pageIndex .contents.what {
        padding-top:40px;
        padding-bottom:45px;
    }
    .pageIndex .contents.what .titleUnderbarCenter {margin-bottom:24px;}
    .pageEnglish .contents.what .image,
    .pageIndex .contents.what .image {margin-bottom: 18px; text-align: center;}

    .pageEnglish .contents.what img,
    .pageIndex .contents.what img {width:100%; height:auto;}
    
}

/* ====================================================
　プログラム
==================================================== */

.pageIndex #Program .contents:not(.program) p {
    font-size:1.5rem;
    text-align:center;
}


.pageIndex .contents.program .btn {
    display:none;
    position:absolute;
    bottom:230px;
    left:50px;
}
    




/* フロア説明
-------------------------------------*/
.pageIndex .contents.program .floorDescription   {
    display:none;
    position:absolute;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
    padding:1em;
    font-size:1.5rem;
    line-height:1.25;
}
.pageIndex .contents.program .active .floorDescription   {display:block;}

.pageIndex .contents.program .floorDescription > br {display:none;}

.pageIndex .contents.program .floor.parkplaza   .floorDescription{top:10px;  left:-440px; width:412px;}
.pageIndex .contents.program .floor.music_salon .floorDescription{top:10px;  left:-440px; width:412px;}
.pageIndex .contents.program .floor.joint_lobby .floorDescription{top:378px; left:-420px; width:412px;}
.pageIndex .contents.program .floor.promenade   .floorDescription{top:378px; left:-420px; width:412px;}
.pageIndex .contents.program .floor.north_hall  .floorDescription{top:620px; left:-440px; width:412px;}







.pageIndex .contents.program .floor:before {
    content:"";
    display:none;
    position:absolute;
    right:99%;
    width:200px;
    height:4px;
    transform-origin:right center;
}
.pageIndex .contents.program .parkplaza:before   {background:#1b5678; top:289px; width:361px; transform:rotate(15.9deg);}
.pageIndex .contents.program .music_salon:before {background:#136e6e; top:289px; width:313px; transform:rotate(12.1deg);}
.pageIndex .contents.program .joint_lobby:before {background:#988f32; top:353px; width:266px; transform:rotate(0deg);}
.pageIndex .contents.program .promenade:before   {background:#923922; top:530px; width:124px; transform:rotate(0deg);}
.pageIndex .contents.program .north_hall:before  {background:#312d5e; top:640px; width:220px; transform:rotate(-35deg);}
.pageIndex .contents.program .floor.active:before {display:block;}

.pageIndex .contents.program .floor .arts {padding:0 20px 28px;}
.pageIndex .contents.program .floor .arts:after {
    content:"";
    display:table;
    clear:both;
}
.pageIndex .contents.program article {float:left;}
.pageIndex .contents.program article:nth-of-type(even){float:right;}
.pageIndex .contents.program article:nth-of-type(2n+1){clear:left;}

.pageIndex .contents.program article a {color:#ffffff; text-decoration:none;}


.pageIndex .contents.program article .title    {font-size:1.3rem; border:none;}
.pageIndex .contents.program article .artist   {font-size:1.2rem; border-top-width:2px;}
.pageIndex .contents.program article .category {font-size:1.2rem;}
.pageIndex .contents.program article .country  {font-size:1.2rem;}




.pageIndex .contents.program article .category span {display:inline-block; font-size:100%;}


.pageIndex .contents.program article img {
    width:100%;
    height:auto;
}
.pageIndex .contents.program .floor .accBtn {
    margin:0;
    font-family: "Noto Sans Japanese";
}
.pageIndex .contents.program .floor .accBtn a {
    text-decoration:none;
    color:#ffffff;
}

.pageIndex .contents.program .floor .accBtn:after {content:""; display:table; clear:both;}
.pageIndex .contents.program .floor .accBtn small{
    display:block;
    border-top:1px solid #ffffff;
    margin-top:0.25em;
    padding-top:0.5em;
    font-weight:normal;
    font-size:1.5rem;
}
@media print, screen and (min-width: 768px) {
    #Program {margin-top:150px;}
    .pageIndex .contents.program {
        position:relative;
        padding-top:60px;
        padding-bottom:160px;

        width:1030px;
        height:1306px;

        padding-left:0;
        padding-right:0;
    }
    
    .pageIndex #Program .contents:not(.program) p {margin-top:3em;}
    
    
    
    /*フロアマップ*/
    .pageIndex .contents.program .floorMap {
        position:relative;
        float:left;
        width:520px;
        text-align:center;
    }
    .pageIndex .contents.program .floorMap small {
        position:absolute;
        top:0;
        left:0;
        text-align:left;
        padding-left:1em;
        text-indent:-1em;
        color:#999999;
    }

    .pageIndex .contents.program .floorMap .map {margin-bottom:60px;}
    area {cursor:pointer;}
    
    .pageIndex .contents.program .floor .accBtn {
        padding:16px 20px 20px;
        font-size:2.7rem;
    }

    
    .pageIndex .contents.program .floor.parkplaza .accBtn,
    .pageIndex .contents.program .floor.parkplaza .arts   {background:#1b5678;}

    .pageIndex .contents.program .floor.music_salon .accBtn,
    .pageIndex .contents.program .floor.music_salon .arts {background:#136e6e;}

    .pageIndex .contents.program .floor.joint_lobby .accBtn,
    .pageIndex .contents.program .floor.joint_lobby .arts {background:#988f32;}

    .pageIndex .contents.program .floor.promenade .accBtn,
    .pageIndex .contents.program .floor.promenade .arts   {background:#923922;}

    .pageIndex .contents.program .floor.north_hall .accBtn,
    .pageIndex .contents.program .floor.north_hall .arts  {background:#312d5e;}
    
    .pageIndex .contents.program article {width:180px; margin-bottom:35px;}
    .pageIndex .contents.program article .image {
        height:106px;
        overflow:hidden;
    }
    .pageIndex .contents.program article .title,
    .pageIndex .contents.program article .artist,
    .pageIndex .contents.program article .category,
    .pageIndex .contents.program article .country {
        border-top:1px solid #ffffff;
        padding-top:0.5em;
        padding-bottom:0.5em;
    }
    .pageIndex .contents.program article .title {border:none;}
    
    .pageIndex .contents.program .floorDetail.sp{display: none;}

    
    .pageIndex .contents.program .floor {
        display:none;
        position:absolute;
        top:60px;
        right:15px;
        background:#ffffff;
        width:420px;
        min-height:1001px;
        min-height:1225px !important;
        color:#ffffff;
    }
    .pageIndex .contents.program .floor.parkplaza   {}
    .pageIndex .contents.program .floor.music_salon {}
    .pageIndex .contents.program .floor.joint_lobby {display:block;}
    .pageIndex .contents.program .floor.promenade   {}
    .pageIndex .contents.program .floor.north_hall  {}

    .pageIndex .contents.program .btn.joint_lobby {display:block;}

}
@media screen and (max-width: 767px) {
    .pageIndex .contents.program {
        padding-top:0;
        padding-bottom:40px;
    }
    .pageIndex #Program .contents:not(.program) p {margin-top:1.5em; margin-bottom: 1.5em;}

    
    /*フロアマップ*/
    .pageIndex .contents.program .floorMap{display: none;}
    .pageIndex .contents.program .floorDetail.pc{display: none;}
    
    .pageIndex .contents.program .floorDetail .floor{margin-bottom: 2px;}
    .pageIndex .contents.program .floorDetail .floor .accBtn{
        position: relative;
        padding: 10px 33px 7px 12px;
        background: #e6e6e6;
        color: #231815;
        font-size: 15px;
    }
    .pageIndex .contents.program .floorDetail .floor .accBtn:after{
        content: "\f078";
        display: block;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        color: #1d2a53;
        font-family: FontAwesome;
    }
    .pageIndex .contents.program .floorDetail .floor .accBtn.open:after{content: "\f077";}
    
    .pageIndex .contents.program .floorDetail .floor .accBtn span{display: block; font-size: 20px;}
    .pageIndex .contents.program .floorDetail .floor .accBtn br{display: none;}
    
    .pageIndex .contents.program .floorDetail .accData{display: none; padding-bottom: 27px;}
    .pageIndex .contents.program .floorDetail .accData .thumnail{margin-bottom: 14px;}
    .pageIndex .contents.program .floorDetail .accData .thumnail img{width: 100%; height: auto;}
    .pageIndex .contents.program .floorDetail .accData .detail{position: relative; margin-bottom: 1.5rem;}
    .pageIndex .contents.program .floorDetail .accData .description{
        padding-right: 105px;
        font-size: 1.8rem;
        line-height: 1.3333;
    }
    .pageIndex .contents.program .floorDetail .accData .description br{display: none;}
    .pageIndex .contents.program .floorDetail .accData .mapLink a.circleLink{
        position: absolute;
        right: 0;
        top: 6px;
    }
    
    
    .pageIndex .contents.program .floorDetail .accData .arts{padding: 0;}
    .pageIndex .contents.program .floorDetail .accData article {width:48%; margin-bottom:16px;}
    .pageIndex .contents.program .floorDetail .accData article .image img{width: 100%; height: auto;}
    .pageIndex .contents.program article .title,
    .pageIndex .contents.program article .artist,
    .pageIndex .contents.program article .category,
    .pageIndex .contents.program article .country {
        border-top:1px solid #727171;
        padding-top:0.5em;
        padding-bottom:0.5em;
        font-size: 1.5rem;
    }

    .pageIndex .contents.program .programLinkList{
        position: static;
        display: block;
        margin-top: 2em;
    }
    .pageIndex .contents.program .programLinkList a{display: block;}
    .pageIndex .contents.program .programLinkList a img{width: 100%; height: auto;}
    
    
}





/* ====================================================
　イベント
==================================================== */
.pageEnglish .contents.program,
.pageIndex .contents.event {position:relative;}

.pageEnglish .contents.event .row article a,
.pageIndex .contents.event .row article a {
    text-decoration:none;
    color:#231815;
}
.pageEnglish .contents.program .row article .image a,
.pageIndex .contents.event .row article .image a {
    display:inline-block;
    position:relative;
    background:#f0f0f0;
    overflow:visible;
}
.pageEnglish .contents.program .row article .image a:before,
.pageIndex .contents.event .row article .image a:before {
    content:"\f08e";
    display:inline-block;
    position:absolute;
    bottom:-1.75em;
    right:0;
    font-family:FontAwesome;
    color:#333333;
    font-size:1.6rem;
}


.pageEnglish .contents.program article .image img,
.pageIndex .contents.event article .image img {
    width:100%;
    height:auto;
}
.pageEnglish .contents.program article .title,
.pageIndex .contents.event article .title {
    display:table-cell;
    width:100%;
    vertical-align:middle;
    font-size:1.7rem;
    padding-top:1em;
}
.pageEnglish .contents.program article .title + div,
.pageIndex .contents.event article .title + div {
    margin-top:0.75em;
    border-top:2px solid #231815;
}




.pageIndex .contents.event article .date,
.pageIndex .contents.event article .place,
.pageIndex .contents.event article .price,
.pageIndex .contents.event article .outline,
.pageIndex .contents.event article .contact,
.pageIndex .contents.event article .sponsor,
.pageIndex .contents.event article .remarks,
.pageIndex .contents.event article .ticket {
    border-bottom:1px solid #727171;
    text-indent:-3em;
    line-height:1.5;
}
.pageIndex .contents.event article .ticket a {text-indent:0;}


@media print, screen and (min-width: 768px) {
    .pageEnglish .contents.program,
    .pageIndex .contents.event {
        padding-top:130px;
        padding-bottom:60px;
    }
    .pageEnglish .contents.program .row,
    .pageIndex .contents.event .row {
        margin-left:-17px;
        margin-right:-17px;
    }
    .pageEnglish .contents.program .row article,
    .pageIndex .contents.event .row article {
        margin-bottom:60px;
        padding-left:17px;
        padding-right:17px;
    }

    .pageIndex .contents.event article .date,
    .pageIndex .contents.event article .place,
    .pageIndex .contents.event article .price,
    .pageIndex .contents.event article .outline,
    .pageIndex .contents.event article .contact,
    .pageIndex .contents.event article .sponsor,
    .pageIndex .contents.event article .remarks,
    .pageIndex .contents.event article .ticket {
        padding:0.35em 0 0.3em 3em;
        font-size:1.3rem;
    }
    .pageIndex .contents.event article .ticket,
    .pageIndex .contents.event article .contact {
        padding-left:7em;
        text-indent:-7em;
    }

    .pageIndex .contents.event article .price small {font-size:1.2rem;}


}
@media screen and (max-width: 767px) {
    .pageEnglish .contents.program,
    .pageIndex .contents.event {
        padding-top:50px;
        padding-bottom:60px;
    }
    .pageEnglish .contents.program .row,
    .pageIndex .contents.event .row {
        margin-left:-15px;
        margin-right:-15px;
    }
    .pageEnglish .contents.program .row article,
    .pageIndex .contents.event .row article {
        padding-left:15px;
        padding-right:15px;
    }
    .pageEnglish .contents.program .row article + article,
    .pageIndex .contents.event .row article + article{margin-top: 40px;}
    
    .pageIndex .contents.event article .date,
    .pageIndex .contents.event article .place,
    .pageIndex .contents.event article .price,
    .pageIndex .contents.event article .outline,
    .pageIndex .contents.event article .contact,
    .pageIndex .contents.event article .sponsor,
    .pageIndex .contents.event article .remarks,
    .pageIndex .contents.event article .ticket {
        padding:0.55em 0 0.5em 3em;
        font-size:1.6rem;
    }
    .pageIndex .contents.event article .ticket,
    .pageIndex .contents.event article .contact {
        padding-left:7em;
        text-indent:-7em;
    }

    .pageIndex .contents.event article .price small {font-size:1.4rem;}
    
}


/* ====================================================
　アクセス
==================================================== */
/*@media print, screen and (min-width: 768px) {*/
.pageEnglish .contents.access .map + p,
.pageIndex .contents.access .map + p {
    padding:1em 0 2em;
    line-height:1;
    font-size:1.2rem;
}

.pageEnglish .contents.access .box,
.pageEnglish .contents.contact .box,
.pageIndex .contents.access .box,
.pageIndex .contents.contact .box {
    position:relative;
    font-family: "Noto Sans Japanese";
}
.pageEnglish .contents.access .box dl,
.pageEnglish .contents.contact .box dl,
.pageIndex .contents.access .box dl,
.pageIndex .contents.contact .box dl {
    border-bottom:1px solid #727171;
    margin-bottom:14px;
    padding-bottom:14px;
    line-height:1;
}
.pageEnglish .contents.access .box dl,
.pageEnglish .contents.access .box ul,
.pageIndex .contents.access .box dl,
.pageIndex .contents.access .box ul {
    padding-left:10px;
    padding-right:10px;
    font-family: "Noto Sans Japanese";
}


.pageEnglish .contents.access .box li small,
.pageEnglish .contents.contact .box li small,
.pageIndex .contents.access .box li small,
.pageIndex .contents.contact .box li small {
    font-size:44%;
}

.pageEnglish .contents.access .box p,
.pageIndex .contents.access .box p {
    position:absolute;
    bottom:5px;
    right:5px;
}
/*}*/
@media print, screen and (min-width: 768px) {
    .pageEnglish .contents.access,
    .pageIndex .contents.access {
        padding-top:120px;
        padding-bottom:100px;
    }
    .pageEnglish .contents.access .row,
    .pageIndex .contents.access .row {
        margin-left:-16px;
        margin-right:-16px;
        margin-bottom:46px;
    }
    .pageEnglish .contents.access .row li,
    .pageIndex .contents.access .row li {
        padding-left:16px;
        padding-right:16px;
    }
    
    .pageEnglish .contents.access .list.square,
    .pageIndex .contents.access .list.square {margin-bottom:30px;}
    
    .pageEnglish .contents.access .list.square li,
    .pageIndex .contents.access .list.square li {font-size:17px; line-height:1;}
    
    .pageEnglish .contents.access .list.square li+li,
    .pageIndex .contents.access .list.square li+li {margin-top:0.5em;}
    
    .pageEnglish .contents.access .box dl *,
    .pageEnglish .contents.contact .box dl *,
    .pageIndex .contents.access .box dl *,
    .pageIndex .contents.contact .box dl * {
        display:inline-block;
        vertical-align:middle;
    }

    .pageEnglish .contents.access .box dd,
    .pageIndex .contents.access .box dd {
        margin-left:14px;
        font-size:1.6rem;
    }
    
    .pageEnglish .contents.access .box li,
    .pageEnglish .contents.contact .box li,
    .pageIndex .contents.access .box li,
    .pageIndex .contents.contact .box li {
        display:inline-block;
        vertical-align:middle;
        font-size:3.0rem;
        font-weight:bold;
    }
    .pageEnglish .contents.access .box li+li,
    .pageIndex .contents.access .box li+li {margin-left:6px;}


}
@media screen and (max-width: 767px) {
    .pageEnglish .contents.access,
    .pageIndex .contents.access {
        padding-top:50px;
        padding-bottom:50px;
    }
    .pageEnglish .contents.access .map img,
    .pageIndex .contents.access .map img{width: 100%; height: auto;}
    
    .pageEnglish .contents.access .row,
    .pageIndex .contents.access .row {
        margin-left:-15px;
        margin-right:-15px;
        margin-bottom:46px;
    }
    .pageEnglish .contents.access .row li,
    .pageIndex .contents.access .row li {
        padding-left:15px;
        padding-right:15px;
        text-align: center;
    }
    .pageEnglish .contents.access .row li + li,
    .pageIndex .contents.access .row li + li{margin-top: 1.2rem;}
    
    .pageEnglish .contents.access .row li img,
    .pageIndex .contents.access .row li img{max-width: 100%; height: auto;}

    .pageEnglish .contents.access .list.square,
    .pageIndex .contents.access .list.square {margin-bottom:30px;}
    
    .pageEnglish .contents.access .list.square li,
    .pageIndex .contents.access .list.square li {font-size:1.6rem; line-height:1.5;}
    
    .pageEnglish .contents.access .list.square li + li,
    .pageIndex .contents.access .list.square li + li {margin-top:1rem;}
    
    .pageEnglish .contents.access .box.gray,
    .pageIndex .contents.access .box.gray{padding: 30px 10px;}
    
    .pageEnglish .contents.access .box dt,
    .pageIndex .contents.access .box dt{margin-bottom: 1rem;}
    
    .pageEnglish .contents.access .box dd,
    .pageIndex .contents.access .box dd {
        margin-left:0;
        font-size:1.6rem;
    }
    .pageEnglish .contents.access .box dd + dd,
    .pageIndex .contents.access .box dd + dd{margin-top: 0.5rem;}
    
    .pageEnglish .contents.access .box li,
    .pageEnglish .contents.contact .box li,
    .pageIndex .contents.access .box li,
    .pageIndex .contents.contact .box li {
        font-size:3.0rem;
        font-weight:bold;
    }
    .pageEnglish .contents.access .box li + li,
    .pageEnglish .contents.contact .box li + li,
    .pageIndex .contents.access .box li + li,
    .pageIndex .contents.contact .box li + li {margin-top: 0.5rem;}
    
}

/* ====================================================
　お問い合わせ
==================================================== */

.pageEnglish #Contact + .wallBelt,
.pageIndex #Contact + .wallBelt {border-top: 1px solid #231815;}

/* 基本スタイルはアクセスの部分へ記述 */


.pageEnglish .contents.contact .box,
.pageIndex .contents.contact .box {font-weight:bold;}



.pageEnglish .contents.contact .box .name small,
.pageIndex .contents.contact .box .name small {font-size:94%;}

.pageEnglish .contents.contact .box .address,
.pageIndex .contents.contact .box .address {font-size:1.4rem;}

.pageEnglish .contents.contact .box .tel small,
.pageIndex .contents.contact .box .tel small {font-size:45%;}

.pageEnglish .contents.contact .box .mail,
.pageIndex .contents.contact .box .mail {font-size:1.9rem;}

.pageEnglish .contents.contact .box .charge,
.pageIndex .contents.contact .box .charge {font-size:1.8rem;}

.pageEnglish .contents.contact .box a,
.pageIndex .contents.contact .box a {text-decoration:none;}




@media print, screen and (min-width: 768px) {
    .pageEnglish .contents.contact,
    .pageIndex .contents.contact {
        padding-top:90px;
        padding-bottom:60px;
    }

    .pageEnglish .contents.contact .box + .box,
    .pageIndex .contents.contact .box + .box {margin-top:5em;}

    .pageEnglish .contents.contact .box .name,
    .pageIndex .contents.contact .box .name {font-size:2.4rem;}

    .pageEnglish .contents.contact .box dd,
    .pageIndex .contents.contact .box dd {margin-left:13px;}

    .pageEnglish .contents.contact .box li,
    .pageIndex .contents.contact .box li {margin-bottom:16px;}

    .pageEnglish .contents.contact .box li:nth-of-type(even),
    .pageIndex .contents.contact .box li:nth-of-type(even) {margin-left:30px; margin-right:100px;}
    
    .pageEnglish .contents.contact .box .tel,
    .pageIndex .contents.contact .box .tel {font-size:2.8rem;}
    
    
}
@media screen and (max-width: 767px) {
    .pageEnglish .contents.contact,
    .pageIndex .contents.contact {
        padding-top:50px;
        padding-bottom:60px;
    }
    
    .pageEnglish .contents.contact .box + .box,
    .pageIndex .contents.contact .box + .box {margin-top:3em;}

    .pageEnglish .contents.contact .box .name,
    .pageIndex .contents.contact .box .name {
        margin-bottom: 0.8rem;
        line-height: 1.25;
        font-size:2.4rem;
    }
    .pageEnglish .contents.contact .box .address,
    .pageIndex .contents.contact .box .address{line-height: 1.5;}

    .pageEnglish .contents.contact .box .tel small,
    .pageIndex .contents.contact .box .tel small {display: block;}

    .pageEnglish .contents.contact .box li,
    .pageIndex .contents.contact .box li {margin-bottom:8px;}
    
    .pageEnglish .contents.contact .box .tel,
    .pageIndex .contents.contact .box .tel {font-size:2.4rem;}
    
    .pageIndex .contents.contact .box .mail {font-size:1.5rem !important;}

}

/* ====================================================
　Facebook
==================================================== */
.pageIndex .contents.facebook iframe {
    display:block;
    width:500px;
    margin-left:auto;
    margin-right:auto;
}
@media print, screen and (min-width: 768px) {
    .pageIndex .contents.facebook {
        padding-top:84px;
        padding-bottom:56px;
    }
    .pageIndex .contents.facebook .titleUnderbarCenter {margin-bottom:50px;}
    .pageIndex .contents.facebook iframe {width:500px;}

}
@media screen and (max-width: 767px) {
    .pageIndex .contents.facebook {
        padding-top:0;
        padding-bottom:56px;
    }
    .pageIndex .contents.facebook .titleUnderbarCenter {margin-bottom:30px;}
    .pageIndex .contents.facebook iframe {max-width: 500px; width:100%;}
}



/* ====================================================
　協賛・主催・共催
==================================================== */
.pageIndex .contents.sponsor {text-align:center;}

@media print, screen and (min-width: 768px) {
    .pageIndex .contents.sponsor {padding-top:120px;}
    .pageIndex .contents.sponsor.special .row {
        width:900px;
        margin:0 auto;
    }
    .pageIndex .contents.sponsor.narrow {max-width:680px;}
    .pageIndex .contents.sponsor .titleUnderbarCenter {margin-bottom:30px;}
    .pageIndex .contents.sponsor li {
        margin-top:5px;
        margin-bottom:5px;
    }


}
@media screen and (max-width: 767px) {
    .pageIndex .contents.sponsor + .contents.sponsor{margin-top: 4rem;}
    .pageIndex .contents.sponsor .titleUnderbarCenter {margin-bottom:24px;}
    .pageIndex .contents.sponsor li{margin-bottom: 1.2rem;}
    .pageIndex .contents.sponsor li img{max-width: 100%; height: auto;}
}




/* ######################################################################################

　ニュース

###################################################################################### */

.pageNews.archive br.entry {display:none;}

.pageNews.entry article {margin-top:40px;}
.pageNews.entry article .date {margin-bottom:1em;}
.pageNews.entry article .titleBlackBold {
    border-bottom:1px dotted #cccccc;
    margin-bottom:1em;
    padding-bottom:0.75em;
}
.pageNews.entry article .text,
.pageNews.entry article .text p {
    line-height:2;
    font-size:1.5rem;
}
@media screen and (max-width: 767px) {
    /*.pageNews.entry article .text br {display:none;}*/
}



/* ######################################################################################

　プログラム

###################################################################################### */

/* ====================================================
　作品共通
==================================================== */

.pageProgram .contents.entry * {
    font-size:1.5rem;
    line-height:1.5;
    font-family: "Noto Sans Japanese";
}

.pageEnglish .contents article br.list,
.pageProgram .contents.entry br.list {display:none;}

.pageProgram .contents.entry .category {margin-bottom:0.5em;}

.pageProgram .contents.entry .image {margin-bottom:0.25em;}
.pageProgram .contents.entry .image img {
    width:100%;
    height:auto;
}

.pageProgram .contents.entry .art_credit {
    font-size:1.1rem;
}


.pageProgram .contents.entry .title {
    border-bottom:1px solid #231815;
    margin-bottom:0.75em;
    padding-bottom:0.75em;
}
.pageProgram .contents.entry .title * {font-size:3.0rem; line-height:1.25;}

.pageProgram .contents.entry .title .caption {font-size:2.0rem;}


.pageProgram .contents.entry .artist {margin-bottom:2em;}
.pageProgram .contents.entry .artist * {font-size:1.8rem;}
.pageProgram .contents.entry .artist span {display:inline-block;}
.pageProgram .contents.entry .artist .ja {margin-right:1.5em;}

.pageProgram .contents.entry .description * {
    line-height:2;
    font-family:"游ゴシック Medium", "YuGothic Medium", "游ゴシック", YuGothic, "メイリオ", "Meiryo UI", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    font-weight:500;  
}
.pageProgram .contents.entry .description p + p {margin-top:2em;}
.pageProgram .contents.entry .description span + span {margin-top:2.5em;}


.pageProgram .linkList {right:25px;}


/* ====================================================
　作品カテゴリ一覧
==================================================== */

.pageProgram.archive .contents.entry .image {
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}

.pageProgram.archive .contents.entry .title {
    margin-bottom:0.5em;
    padding-bottom:0.5em;
}
.pageProgram.archive .contents.entry .title * {font-size:1.8rem; text-decoration:none;}
.pageProgram.archive .contents.entry .title .caption a {font-size:1.4rem;}
.pageProgram.archive .contents.entry .artist {margin-bottom:0;}
.pageProgram.archive .contents.entry .artist * {font-size:1.4rem;}


.pageProgram.archive .outline {
    margin-bottom:80px;
}
.pageProgram.archive .outline:after {
    content:"";
    display:table;
    clear:both;
}

.pageProgram.archive .outline .floorDescription {
    font-size:1.5rem;
    font-weight:bold;
    font-family: "Noto Sans Japanese";
}


@media print, screen and (min-width: 768px) {
    .pageProgram.archive .outline .floorDescription {
        float:left;
        width:600px;
        margin-top:46px;
        line-height:3;
    }
    .pageProgram.archive .outline .floorImg {
        float:right;
        margin-top:-120px;
    }
    .pageProgram.archive .outline .floorImg.sp {display: none;}
    
    
    .pageProgram.archive .contents.entry article {margin-bottom:60px;}
    .pageProgram .contents.entry .title {margin-top:1.25em;}
    
}
@media screen and (max-width: 767px) {
    .pageProgram.archive .contents.entry{margin-top: 1.5rem;}
    .pageProgram.archive .outline {position: relative; margin-bottom: 35px;}
    .pageProgram.archive .outline .floorDescription{padding-right: 105px;}
    .pageProgram.archive .outline .floorImg.pc {display: none;}
    .pageProgram.archive .outline .floorImg{
        position: absolute;
        top: 6px;
        right: 0;
    }
    .pageProgram.archive .outline .floorImg .circleLink{font-size: 2.1rem; line-height: 1.1429;}
    .pageProgram.archive .outline .floorDescription {line-height: 1.75;}
    .pageProgram.archive .outline .floorDescription br{display: none;}
    
    .pageProgram.archive .contents.entry article {margin-bottom:50px;}
    .pageProgram .contents.entry .title {margin-top:0.5em;}
}


/* ====================================================
　作品詳細
==================================================== */
.pageProgram.entry .description .ja + .en {
    margin-top:2em;
}



@media print, screen and (min-width: 768px) {
  .pageContents .contents.contentsClass {
    } }
@media screen and (max-width: 767px) {
  .pageContents .contents.contentsClass {
    } }




/* ######################################################################################

　英語ページ

###################################################################################### */

.pageEnglish .contents.contact .box .mail {font-size:1.5rem !important;}

/* =======================================================
　プログラム　※基本レイアウトはトップ「イベント」に記述
========================================================== */

    .pageEnglish .contents.program p.theme {
        margin-top:-0.75em;
        margin-bottom:0.5em;
        font-size:1.8rem;
    }
    .pageEnglish .contents.program .floorImg {
        background:#ffffff;
    }
    .pageEnglish .contents.program article .title,
    .pageEnglish .contents.program article .category,
    .pageEnglish .contents.program article .artist,
    .pageEnglish .contents.program article .description {
        padding:0.35em 0 0.3em;
        border-bottom:1px solid #727171;
        line-height:1.5;
    }
    .pageEnglish .contents.program article .title {
        border:none;
    }

@media print, screen and (min-width: 768px) {
    .pageEnglish .contents.program section.floor {margin-bottom:40px;}
    .pageEnglish .contents.program article .title {font-size:1.6rem;}
    .pageEnglish .contents.program article .category,
    .pageEnglish .contents.program article .artist,
    .pageEnglish .contents.program article .description {
        font-size:1.6rem;
    }
    .pageEnglish .contents.program .floorImg {
        position:relative;
        float:right;
        top:-120px;
        margin-bottom:-90px;
        padding:0 15px;
        text-align:right;
    }
    
    .pageEnglish .contents.program .row {clear:both;}
}
@media screen and (max-width: 767px) {
    .pageEnglish .contents.program .floor {margin-bottom:60px;}
    .pageEnglish .contents.program .floorImg {
        padding:0 10% 15px;
    }
    .pageEnglish .contents.program .floorImg img {
        width:100%;
        height:auto;
    }
    .pageEnglish .contents.program article .title {
        font-size:1.6rem;
    }
    .pageEnglish .contents.program article .category,
    .pageEnglish .contents.program article .artist,
    .pageEnglish .contents.program article .description {
        font-size:1.3rem;
    }
    .pageEnglish .contents.contact .box .mail {font-size:1.5rem !important;}
    .pageEnglish .contents.access .box li,
    .pageEnglish .contents.contact .box li {font-size:2.0rem !important;}
}


/* end */