@charset "utf-8";
/* CSS Document */

@media(max-width:1290px){
#ul-contents.artdetail .fac-header .left .cont{ width:auto; margin:0 75px;}
#ul-contents.artdetail .fac-header .right .cont{ width:auto; margin:0 75px;}
/* IeProjectNav */
#ul-contents.artdetail.ie .ienavdetail{ top:86px; max-height:400px; overflow-y:auto;}
#ul-contents.artdetail.ie .ienavdetail ul{padding:30px 20px 10px 20px;}
#ul-contents.artdetail.ie .ienavdetail ul li{width:12.5%;margin:0 0 0 0; padding:0 5px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
}
@media(max-width:990px){
#ul-contents.artdetail .fac-header .left .cont{margin:0 20px;}
#ul-contents.artdetail .fac-header .right .cont{margin:0 20px;}
/* Lv1 */
#ul-contents.artdetail .art1 .titleblock .workttl{ height:auto;padding:87px 20px;}
#ul-contents.artdetail .art1 .titleblock .workdtl{ padding:87px 20px 87px 20px;}
#ul-contents.artdetail .art1 .picture-description figcaption{ margin:0 50px;}
#ul-contents.artdetail .art1 .chronicle{margin:20px 40px 0 40px;}
/* Lv2 */
#ul-contents.artdetail .art2 .titleblock{width:auto; margin:0 20px;}
#ul-contents.artdetail .art2 .titleblock .workttl{ height:auto;}
#ul-contents.artdetail .art2 .titleblock .workdtl{padding:47px 20px 40px 20px;}
#ul-contents.artdetail .art2 .picture{ width:auto; margin:0 20px;}
#ul-contents.artdetail .art2 .picture-description{ width:auto; margin:0;}
#ul-contents.artdetail .art2 .picture-description p{ width:auto; margin:0 20px;}
/* Lv3 */
#ul-contents.artdetail .art3 .titleblock{width:auto; margin:0 20px;}
#ul-contents.artdetail .art3 .titleblock .workttl{ height:auto;}
#ul-contents.artdetail .art3 .titleblock .workdtl{padding:47px 20px 40px 20px;}
#ul-contents.artdetail .art3 .picture{width:auto; margin:0 20px;}
#ul-contents.artdetail .art3 .ot-picture{ width:auto; margin:0 20px;}
#ul-contents.artdetail .art3 .ot-picture .ot-detail img{ width:100%;}
#ul-contents.artdetail .art3 .ot-picture .ot-detail figcaption{ font-weight:bold; margin:31px 32px 13px 32px;}
#ul-contents.artdetail .art3 .ot-picture .ot-detail p{ margin:0 32px;}
/* Lv4 */
#ul-contents.artdetail .art4 .titleblock{width:auto; margin:0 20px;}
#ul-contents.artdetail .art4 .titleblock .workttl{ height:auto;}
#ul-contents.artdetail .art4 .titleblock .workdtl{padding:45px 20px 40px 20px;}
#ul-contents.artdetail .art4 .cont{width:auto; margin:0 20px; padding:69px 20px 9px 50px;}
#ul-contents.artdetail .art4 .attention{width:auto; margin:0 20px;padding:58px 50px 50px 50px;}
/* LvWW */
#ul-contents.artdetail .nb{ width:auto; margin:0 50px;}
/* IeProject */
#ul-contents.artdetail.ie .art2 .titleblock .workttl .tl{font-size:143%;}
#ul-contents.artdetail.ie .art2 .iewrapper {width:auto; margin:0 20px;}
#ul-contents.artdetail.ie .art2 .iewrapper .works-overview{width:100%; margin:0;}
#ul-contents.artdetail.ie .art2 .iewrapper .works-overview .woleft{ width:70%;}
#ul-contents.artdetail.ie .art2 .iewrapper .works-overview .woright{ padding:18px 0 18px 20px;}
#ul-contents.artdetail.ie .art2 .iewrapper .works-overview .woleft dl dt{ width:70%;}
#ul-contents.artdetail.ie .art2 .iewrapper .works-overview .woleft dl dd{ padding-right:20px; text-align:right;}
/* Reservation */
#ul-contents.artdetail.ie .rsvwrapper{ padding-bottom:48px;}
#ul-contents.artdetail.ie .rsv{ width:auto; margin:0; padding:35px 35px 39px 35px;}
#ul-contents.artdetail.ie .rsv .btnarea ul li{ float:left; width:31.3%; margin-right:3%;}
#ul-contents.artdetail.ie .rsv .btnarea ul li a{width:auto;}
/* Event */
#ul-contents.artdetail .arteventblock.art2 .titleblock{ width:100%; margin:0;}
#ul-contents.artdetail .arteventblock{ width:auto; margin:0 20px;}
#ul-contents.artdetail .arteventblock .evexcerpt{ padding:48px 50px;}
#ul-contents.artdetail .arteventblock .event-artdetailcont h4.eventhead{ margin:66px 50px 0 50px ;}
#ul-contents.artdetail .arteventblock .event-artdetailcont h5.eventhead{ margin:60px 50px 0 50px;}
#ul-contents.artdetail .arteventblock .event-artdetailcont p{ margin:20px 50px 0 50px;}
#ul-contents.artdetail .arteventblock .event-artdetailcont dl{ display:table; width:100%; padding:27px 50px 0 50px;}
}
@media(max-width:768px){
#ul-contents.artdetail .visual{ margin-bottom:0;}
#ul-contents.artdetail .fac-header{ display:block; width:auto;}
#ul-contents.artdetail .fac-header .left{ display:block; width:auto; text-align:center; background-color:#ffffff; padding:30px 0; border-bottom:1px solid #dddddd;}
#ul-contents.artdetail .fac-header .left .cont{display:block;margin:0 20px;}
#ul-contents.artdetail .fac-header .right .cont{margin:0 20px;}
#ul-contents.artdetail .fac-header .left .fcname{ margin-bottom:15px; font-size:115%;text-align:center;}
#ul-contents.artdetail .fac-header .left .fcdesc{ font-size:86%;}
#ul-contents.artdetail .fac-header .right{ display:block; background-color:#ffffff;width:auto;padding:30px 0 14px 0;}
#ul-contents.artdetail .fac-header .right .cont{margin:0 20px; display:block; width:auto;}
#ul-contents.artdetail .fac-header .right .cont .fcinfottl{ margin-bottom:15px;font-size:115%;text-align:center;}
#ul-contents.artdetail .fac-header .right .cont dl{ display:block; margin-bottom:16px;}
#ul-contents.artdetail .fac-header .right .cont dl dt{ display:block; width:auto; line-height:1.3em; margin-bottom:5px;}
#ul-contents.artdetail .fac-header .right .cont dl dd{ display:block; line-height:1.4em;}
/* Lv1 */
#ul-contents.artdetail .art1{margin-top:0;}
#ul-contents.artdetail .art1 .titleblock{ display:block; width:auto;}
#ul-contents.artdetail .art1 .titleblock .workttl{ display:block;width:auto;padding:16px 10px;}
#ul-contents.artdetail .art1 .titleblock .workttl .sbtl{ display:block; font-size:72%; margin-bottom:2px;}
#ul-contents.artdetail .art1 .titleblock .workttl .tl{ display:block; font-size:115%;}
#ul-contents.artdetail .art1 .titleblock .workdtl{ display:block;width:auto;padding:10px 40px; font-size:86%;background-color:#dddddd;}
#ul-contents.artdetail .art1 .picture-description{padding-bottom:22px;}
#ul-contents.artdetail .art1 .picture-description figcaption{ padding:13px 0; margin:0 22px;}
#ul-contents.artdetail .art1 .chronicle{margin:0 22px;}
#ul-contents.artdetail .art1 .chronicle dl{ display:table; padding-right:0; width:100%;}
#ul-contents.artdetail .art1 .chronicle dl dt{ display:table-cell; width:70%; text-align:left;}
#ul-contents.artdetail .art1 .chronicle dl dd{ display:table-cell; text-align:right;}
/* Lv2 */
#ul-contents.artdetail .art2{padding:0; margin:10px 10px 0 10px;}
#ul-contents.artdetail .art2 .titleblock{display:block; margin:0;}
#ul-contents.artdetail .art2 .titleblock .workttl{display:block;width:auto;padding:16px 10px;}
#ul-contents.artdetail .art2 .titleblock .workttl .sbtl{ display:block; font-size:72%; margin-bottom:2px;}
#ul-contents.artdetail .art2 .titleblock .workttl .tl{ display:block; font-size:115%;}
#ul-contents.artdetail .art2 .titleblock .workdtl{display:block;padding:20px 30px;}
#ul-contents.artdetail .art2 .picture{ width:auto; margin:0;}
#ul-contents.artdetail .art2 .picture-description{ width:auto; margin:0; padding:20px;}
#ul-contents.artdetail .art2 .picture-description p{ padding:0; margin:0; line-height:1.6em;}
/* Lv3 */
#ul-contents.artdetail .art3 { padding:0; margin:0 10px;}
#ul-contents.artdetail .art3 .titleblock{display:block; margin:0;}
#ul-contents.artdetail .art3 .titleblock .workttl{display:block;width:auto;padding:16px 10px;}
#ul-contents.artdetail .art3 .titleblock .workttl .sbtl{ display:block; font-size:72%; margin-bottom:2px;}
#ul-contents.artdetail .art3 .titleblock .workttl .tl{ font-size:115%;}
#ul-contents.artdetail .art3 .titleblock .workdtl{display:block;padding:20px;font-size:86%;}
#ul-contents.artdetail .art3 .picture{ width:auto; margin:0;}
#ul-contents.artdetail .art3 .ot-picture{margin:0;padding:0; line-height:1.4em;}
#ul-contents.artdetail .art3 .ot-picture .ot-detail{ width:50%; border-right:1px solid #dbdbdb;padding-bottom:25px; vertical-align:top;}
#ul-contents.artdetail .art3 .ot-picture .ot-detail:nth-of-type(2){border-left:1px solid #dbdbdb;}
#ul-contents.artdetail .art3 .ot-picture .ot-detail figcaption{ font-weight:normal; margin:15px 13px 13px 13px;}
#ul-contents.artdetail .art3 .ot-picture .ot-detail p{ margin:0 13px;}
/* Lv4 */
#ul-contents.artdetail .art4{ padding:0; margin:20px 10px 0 10px;}
#ul-contents.artdetail .art4 .titleblock{display:block; margin:0;}
#ul-contents.artdetail .art4 .titleblock .workttl{display:block;width:auto;padding:16px 10px;}
#ul-contents.artdetail .art4 .titleblock .workttl .sbtl{ display:block;font-size:72%; margin-bottom:2px;}
#ul-contents.artdetail .art4 .titleblock .workttl .tl{ font-size:115%;}
#ul-contents.artdetail .art4 .titleblock .workttl .tl .sml{ font-size:100%;}
#ul-contents.artdetail .art4 .titleblock .workdtl{display:block;padding:20px 30px; background-color:#dddddd;font-size:86%; color:#666666;}
#ul-contents.artdetail .art4 .cont{ width:auto; margin:0; padding:20px;font-size:86%;}
#ul-contents.artdetail .art4 .cont dl{display:block; width:auto; margin-bottom:16px;}
#ul-contents.artdetail .art4 .cont dl dt{display:block;width:auto; padding-right:0;}
#ul-contents.artdetail .art4 .cont dl dd{display:block;}
#ul-contents.artdetail .art4 .cont dl dd .sml{}
#ul-contents.artdetail .art4 .attention{ margin:0 auto; padding:10px 20px; font-size:86%;}
#ul-contents.artdetail .art4 .attention p{ margin-bottom:10px; font-weight:bold;}
#ul-contents.artdetail .art4 .attention ul li{ text-indent:0; margin-left:0; margin-bottom:20px;}
#ul-contents.artdetail .art4 .adj{ margin-bottom:15px;}
/* LvWW */
#ul-contents.artdetail .nb{ padding:0; margin:0;}
#ul-contents.artdetail .nb h3{ font-size:115%; padding:17px 20px 24px 20px; margin-bottom:0;}
#ul-contents.artdetail .nb .nbcont{margin:0;padding:0 20px 5px 20px;}
#ul-contents.artdetail .nb h4{ font-size:100%; margin-bottom:25px; line-height:1em;}
#ul-contents.artdetail .nb h5{ font-size:86%; margin-bottom:8px;}
#ul-contents.artdetail .nb p{ margin-bottom:23px;font-size:86%;}
#ul-contents.artdetail .nb ul{ margin-bottom:23px;font-size:86%;}
#ul-contents.artdetail .nb ul li{ text-indent:0; margin-left:0;}
/* IeProject */
#ul-contents.artdetail.ie #ie-project{ /* padding-top:45px; */ } /* set with js 201807 */
#ul-contents.artdetail.ie #ie-project.blockcustom{ /* padding-top:89px; */ } /* set with js 201807 */
#ul-contents.artdetail.ie .art2{ margin-top:0; padding-top:10px;}
#ul-contents.artdetail.ie .art2 .titleblock .workttl .tl{font-size:115%;}
#ul-contents.artdetail.ie .art2 .iewrapper {margin:0; padding:20px 0 0 0;font-size:86%;}
#ul-contents.artdetail.ie .art2 .iewrapper .works-overview{ width:auto; display:block; padding:0 20px 20px 20px;}
#ul-contents.artdetail.ie .art2 .iewrapper .works-overview .woleft{ display:block; width:auto; border-right:none; padding:0;}
#ul-contents.artdetail.ie .art2 .iewrapper .works-overview .woright{ display:block;padding:0; margin-top:16px;}
#ul-contents.artdetail.ie .art2 .iewrapper .works-overview .woleft dl{ display:block; width:auto;}
#ul-contents.artdetail.ie .art2 .iewrapper .works-overview .woleft dl dt{ display:inline; width:auto; padding-right:10px;}
#ul-contents.artdetail.ie .art2 .iewrapper .works-overview .woleft dl dd{ display:inline;}
#ul-contents.artdetail.ie .art2 .iewrapper p{ padding:20px;border-top:1px solid #dddddd;line-height:1.6em;}
#ul-contents.artdetail.ie .art2 .information{ padding:20px;border-top:1px solid #dddddd;}
#ul-contents.artdetail.ie .art2 .information dl dt{ padding-right:10px;}
/* IeProjectNav */
#ul-contents.artdetail.ie #ul-nav{ display:block;padding-top:0; height:45px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; z-index:50;}
/* #ul-contents.artdetail.ie #ul-nav.navcustom{height:90px; padding-top:0; border-bottom:none;} */
#ul-contents.artdetail.ie #ul-nav ul{font-size:72%; overflow: hidden;}
#ul-contents.artdetail.ie #ul-nav ul li{  display:table;width:50%; float:left;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd; margin:0;height:44px; line-height:1.1em; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#ul-contents.artdetail.ie #ul-nav ul li:nth-child(2n){border-right:0;}	
/*#ul-contents.artdetail.ie #ul-nav.navcustom ul li{width:50%; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; display:table;}
#ul-contents.artdetail.ie #ul-nav.navcustom ul li:nth-child(2n){width:50%;border-right:0;}
#ul-contents.artdetail.ie #ul-nav.navcustom ul li:nth-of-type(2){ letter-spacing:-0.1em;}*/
#ul-contents.artdetail.ie #ul-nav ul li a{ display:table-cell; width:100%; text-align:center;height:44px; vertical-align:middle;}
#ul-contents.artdetail.ie .ienavdetail{ display:none;width:auto; margin:0 10px;top:69px;padding-top:20px; max-height:none; overflow:hidden; background-color: transparent; background-image:url(../img/ulnav_arrow.png); background-repeat:no-repeat; background-position:24px top; background-size:40px auto; z-index:55;}
#ul-contents.artdetail.ie .ienavdetail ul{font-size:72%;padding:10px 0;background-color:#eeeeee;}
#ul-contents.artdetail.ie .ienavdetail ul li{width:25%;margin:0 0 15px 0; padding:0 6px;}
#ul-contents.artdetail.ie .ienavdetail ul li a{ color:#333333;}
#ul-contents.artdetail.ie .ienavdetail ul li a .iethumb{margin:0 0 10px 0;}
#ul-contents.artdetail.ie .ienavdetail ul li a .iethumbdesc{font-size:100%;}
#ul-contents.artdetail.ie a.ie-nav:hover{ color:#3D9FD2;}
#ul-contents.artdetail.ie #ul-nav ul li a.ie-nav.iecrt:hover{ color:#333333 !important;}
#ul-contents.artdetail.ie #ul-nav ul li a:hover{color:#3D9FD2;}
#ul-contents.artdetail.ie #ul-nav ul li a.crt:hover{ color:#333333 !important;}
/* Reservation */
#ul-contents.artdetail.ie .rsvwrapper{ padding-bottom:0;}
#ul-contents.artdetail.ie .rsv{ margin:0; padding:0;}
#ul-contents.artdetail.ie .rsv p{ border-top:none !important;}
#ul-contents.artdetail.ie .rsv .btnarea ul{ overflow:hidden; z-index:1;}
#ul-contents.artdetail.ie .rsv .btnarea ul li{ float:none; width:auto; margin-right:0;margin-bottom:20px; font-size:100%;}
#ul-contents.artdetail.ie .rsv .btnarea ul li a{ display:block; margin:0 auto;width:204px; height:auto; line-height:1em; padding:8px 0 5px 0;}
/* LvWrapper */
#ul-contents.artdetail .allwrapper{ padding-bottom:30px;}

/* ArtDetailGeneral */
#ul-contents.artdetail .picture-description{font-size:86%;}
#ul-contents.artdetail .information dl{ width:auto;font-size:100%; margin-bottom:2px; table-layout:fixed; line-height:1.6em;}
#ul-contents.artdetail .information dl dt{white-space: nowrap;width:auto;}
#ul-contents.artdetail .information dl dd{}
#ul-contents.artdetail .information{ margin-top:20px;}
#ul-contents.artdetail .dlblock{ margin-bottom:0;}
#ul-contents.artdetail .mmtl{font-size:100%; margin-bottom:20px;}

/* Event */
#ul-contents.artdetail .ww{ border-top:1px solid #9a9a9a; margin:0 5px;}
#ul-contents.artdetail .arteventblock.art2 .titleblock .workttl{ padding:20px 10px;}
#ul-contents.artdetail .arteventblock.art2 .titleblock .workdtl{ padding:20px 13px;}
#ul-contents.artdetail .arteventblock{margin:0 10px;}
#ul-contents.artdetail .arteventblock .evexcerpt{ padding:18px 20px;}
#ul-contents.artdetail .arteventblock .event-artdetailcont h4.eventhead{ margin:35px 24px 0 24px; text-align:center; font-size:100%;}
#ul-contents.artdetail .arteventblock .event-artdetailcont h5.eventhead{ margin:29px 24px 0 24px; font-size:86%;}
#ul-contents.artdetail .arteventblock .event-artdetailcont p{ margin:12px 24px 0 24px; font-size:86%;}
#ul-contents.artdetail .arteventblock .event-artdetailcont dl{ display:block; width:auto; padding:10px 24px 0 24px; font-size:86%;}
#ul-contents.artdetail .arteventblock .event-artdetailcont dl dt{ display:block; width:auto;}
#ul-contents.artdetail .arteventblock .event-artdetailcont dl dd{ display:block; line-height:1.2em;}


}
@media(max-width:480px){
#ul-contents.artdetail .arteventblock .event-artdetailcont dl dt{ width:auto; padding-right:5px;}
}