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

#ul-contents.artdetail{}
#ul-contents.artdetail .visual{ /* margin-bottom:53px; */}
#ul-contents.artdetail .fac-header{ display:table; width:100%;}
#ul-contents.artdetail .fac-header .left{ display:table-cell; width:59%; vertical-align:middle; text-align:right; background-color:#eeeeee; font-family:FOT-UD明朝 Pro L, UDMinchoPro-L; padding:72px 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#ul-contents.artdetail .fac-header .left .cont{ width:519px; margin-right:75px; display:inline-block; text-align:left;}
#ul-contents.artdetail .fac-header .left .fcname{ margin-bottom:10px; font-size:228%; line-height:1.2em;}
#ul-contents.artdetail .fac-header .left .fcdesc{}
#ul-contents.artdetail .fac-header .right{ display:table-cell;text-align:left; background-color:#dddddd;width:41%; vertical-align:middle; padding:72px 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#ul-contents.artdetail .fac-header .right .cont{ width:291px; margin-left:75px; display:inline-block;}
#ul-contents.artdetail .fac-header .right .cont .fcinfottl{ margin-bottom:15px; line-height:1.2em;}
#ul-contents.artdetail .fac-header .right .cont dl{ display:table; width:100%; font-size:86%;}
#ul-contents.artdetail .fac-header .right .cont dl dt{ display:table-cell; width:65px; line-height:1.3em; margin-bottom:5px; vertical-align:top;}
#ul-contents.artdetail .fac-header .right .cont dl dd{ display:table-cell; line-height:1.4em; vertical-align:top;}

/* Lv1 */
#ul-contents.artdetail .art1{}
#ul-contents.artdetail .art1 .titleblock{ display:table; width:100%; font-family:FOT-UD明朝 Pro L, UDMinchoPro-L;}
#ul-contents.artdetail .art1 .titleblock .workttl{ display:table-cell;width:40%; vertical-align:middle; text-align:center; background-color:#888888; color:#ffffff; line-height:1.2em;padding:87px 20px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#ul-contents.artdetail .art1 .titleblock .workttl .sbtl{ display:block; font-size:115%; margin-bottom:10px;}
#ul-contents.artdetail .art1 .titleblock .workttl .tl{ display:block; font-size:172%; line-height:1.2em;}
#ul-contents.artdetail .art1 .titleblock .workdtl{ display:table-cell; background-color:#eeeeee;width:60%; vertical-align:middle; padding:87px 125px 87px 125px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; line-height:1.8em; color:#666666;}
#ul-contents.artdetail .art1 .picture-description{padding-bottom:55px;}
#ul-contents.artdetail .art1 .picture-description figcaption{ padding:55px 0 0 0; margin:0 20%;}
#ul-contents.artdetail .art1 .chronicle{margin:20px 20% 0 20%; text-align:center;}
#ul-contents.artdetail .art1 .chronicle dl{ display:inline; padding-right:16px;}
#ul-contents.artdetail .art1 .chronicle dl:last-child{padding-right:0;}
#ul-contents.artdetail .art1 .chronicle dl dt{ display:inline;}
#ul-contents.artdetail .art1 .chronicle dl dd{ display:inline;}
/* LvWrapper */
#ul-contents.artdetail .allwrapper{background-color:#eeeeee; padding-bottom:94px;}
/* Lv2 */
#ul-contents.artdetail .art2{padding:109px 0 72px 0;}
#ul-contents.artdetail .art2 .titleblock{ display:table; width:960px; margin:0 auto; font-family:FOT-UD明朝 Pro L, UDMinchoPro-L;}
#ul-contents.artdetail .art2 .titleblock .workttl{ display:table-cell; height:133px; width:300px; vertical-align:middle; text-align:center; background-color:#888888; color:#ffffff; line-height:1.2em;padding:0 20px;}
#ul-contents.artdetail .art2 .titleblock .workttl .sbtl{ display:block; margin-bottom:10px;}
#ul-contents.artdetail .art2 .titleblock .workttl .tl{ display:block; font-size:172%; line-height:1.2em;}
#ul-contents.artdetail .art2 .titleblock .workdtl{ display:table-cell; background-color:#dddddd; vertical-align:middle; padding:57px 80px 50px 80px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; line-height:1.8em; color:#666666;}
#ul-contents.artdetail .art2 .picture{ width:960px; margin:0 auto;}
#ul-contents.artdetail .art2 .picture-description{width:960px; margin:0 auto;}
#ul-contents.artdetail .art2 .picture-description p{ width:840px; padding:48px 0; margin:0 auto; line-height:1.4em;}
/* Lv3 */
#ul-contents.artdetail .art3 { padding:37px 0 72px 0;}
#ul-contents.artdetail .art3 .titleblock{ display:table; width:960px; margin:0 auto;}
#ul-contents.artdetail .art3 .titleblock .workttl{ display:table-cell; height:133px; width:300px; vertical-align:middle; text-align:center; background-color:#888888; color:#ffffff; line-height:1.2em;padding:0 20px; font-family:FOT-UD明朝 Pro L, UDMinchoPro-L;}
#ul-contents.artdetail .art3 .titleblock .workttl .sbtl{ display:block; margin-bottom:10px;}
#ul-contents.artdetail .art3 .titleblock .workttl .tl{ display:block; font-size:172%; line-height:1.2em;}
#ul-contents.artdetail .art3 .titleblock .workdtl{ display:table-cell; background-color:#ffffff; vertical-align:middle; padding:57px 76px 45px 76px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#ul-contents.artdetail .art3 .picture{ width:960px; margin:0 auto;}
#ul-contents.artdetail .art3 .ot-picture{ width:960px; margin:0 auto; background-color:#dbdbdb; padding-top:22px;display:table; table-layout:fixed; color:#666666;}
#ul-contents.artdetail .art3 .ot-picture .ot-detail{ display:table-cell; width:50%; border-right:2px solid #ffffff; font-size:86%; padding-bottom:25px;}
#ul-contents.artdetail .art3 .ot-picture .ot-detail:nth-of-type(2){border-right:none; width:auto;}
#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{padding:37px 0 72px 0;}
#ul-contents.artdetail .art4 .titleblock{ display:table; width:960px; margin:0 auto; font-family:FOT-UD明朝 Pro L, UDMinchoPro-L;}
#ul-contents.artdetail .art4 .titleblock .workttl{ display:table-cell; height:55px; width:280px;vertical-align:middle; text-align:center; background-color:#888888; color:#ffffff;padding:45px 20px 40px 20px; line-height:1.2em;}
#ul-contents.artdetail .art4 .titleblock .workttl .sbtl{ display:block; margin-bottom:5px; font-size:86%;}
#ul-contents.artdetail .art4 .titleblock .workttl .tl{ display:block; font-size:143%; line-height:1.1em;}
#ul-contents.artdetail .art4 .titleblock .workttl .tl .sml{ font-size:70%;}
#ul-contents.artdetail .art4 .titleblock .workdtl{ display:table-cell; background-color:#dddddd; vertical-align:middle; padding:45px 77px 40px 77px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#ul-contents.artdetail .art4 .cont{ background-color:#ffffff; width:789px; margin:0 auto; padding:69px 20px 9px 151px;}
#ul-contents.artdetail .art4 .cont dl{
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
#ul-contents.artdetail .art4 .cont dl dt{ display:table-cell; width:162px; padding-right:10px; vertical-align:top; font-weight:bold;}
#ul-contents.artdetail .art4 .cont dl dd{ display:table-cell; vertical-align:top;}
#ul-contents.artdetail .art4 .cont dl dd .sml{ font-size:86%;}
#ul-contents.artdetail .art4 .attention{ width:624px; margin:0 auto; background-color:#EBF5FB; padding:58px 190px 50px 146px; font-size:86%;}
#ul-contents.artdetail .art4 .attention p{ margin-bottom:10px;}
#ul-contents.artdetail .art4 .attention ul li{ text-indent:-1.5em; margin-left:1.5em;}
#ul-contents.artdetail .art4 .adj{ margin-bottom:30px;}

/* LvWW */
#ul-contents.artdetail .nb{ width:840px; margin:0 auto; padding:74px 0 0 0;}
#ul-contents.artdetail .nb h3{ font-size:228%; text-align:center; margin-bottom:72px; font-family:FOT-UD明朝 Pro L, UDMinchoPro-L;}
#ul-contents.artdetail .nb .nbcont{margin-bottom:80px;}
#ul-contents.artdetail .nb h4{ font-size:143%; margin-bottom:55px; font-family:FOT-UD明朝 Pro L, UDMinchoPro-L;}
#ul-contents.artdetail .nb h5{ font-weight:bold; margin-bottom:10px;}
#ul-contents.artdetail .nb p{ margin-bottom:38px;}
#ul-contents.artdetail .nb ul{ margin-bottom:38px;}
#ul-contents.artdetail .nb ul li{ text-indent:-1em; margin-left:1em;}

/* IeProject */
#ul-contents.artdetail.ie .art2 .titleblock .workttl .tl{font-size:143%;}
#ul-contents.artdetail.ie .art2 .iewrapper {width:840px; margin:0 auto; padding:35px 60px 0 60px; background-color:#ffffff; font-size:100%;line-height:1.6em;}
#ul-contents.artdetail.ie .art2 .iewrapper dl{ font-size:100%;}
#ul-contents.artdetail.ie .art2 .iewrapper dl dt{ font-weight:bold;}
#ul-contents.artdetail.ie .art2 .information{ margin:0; padding-bottom:48px;}
#ul-contents.artdetail.ie .art2 .iewrapper .works-overview{ display:table; width:840px; margin:0 auto; padding:0 0 48px 0;}
#ul-contents.artdetail.ie .art2 .iewrapper .works-overview .woleft{ display:table-cell; width:537px; border-right:1px solid #bbbbbb; padding:18px 0; vertical-align:middle;}
#ul-contents.artdetail.ie .art2 .iewrapper .works-overview .woright{ display:table-cell; vertical-align:middle; padding:18px 0 18px 35px;}
#ul-contents.artdetail.ie .art2 .iewrapper .works-overview .woleft dl{ display:table; width:100%;}
#ul-contents.artdetail.ie .art2 .iewrapper .works-overview .woleft dl dt{ display:table-cell; width:427px; padding-right:10px; vertical-align:top; font-weight:normal;}
#ul-contents.artdetail.ie .art2 .iewrapper .works-overview .woleft dl dd{ display:table-cell; vertical-align:top;}
#ul-contents.artdetail.ie .art2 .iewrapper p{ padding-bottom:48px;}
/* IeProjectNav */
#ul-contents.artdetail.ie .ie-nav{}
#ul-contents.artdetail.ie .ie-nav.iecrt{ color:#333333;}
#ul-contents.artdetail.ie .ie-nav:hover{ color:#333333;}
#ul-contents.artdetail.ie .ienavdetail{ display:none; width:100%; position:fixed; top:125px; left:0; background-color:#eeeeee; padding-bottom:0; text-align:center; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#ul-contents.artdetail.ie .ienavdetail ul{font-size:115%;background-color:#dddddd; padding:52px 20px 0 20px;}
#ul-contents.artdetail.ie .ienavdetail ul li{ display:inline-block; width:100px; margin:0 10px 20px 10px;font-family:FOT-UD明朝 Pro L, UDMinchoPro-L;}
#ul-contents.artdetail.ie .ienavdetail ul li a{ display:block;}
#ul-contents.artdetail.ie .ienavdetail ul li a:hover img{filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
#ul-contents.artdetail.ie .ienavdetail ul li a .iethumb{ display:block; margin:16px 0 20px 0;}
#ul-contents.artdetail.ie .ienavdetail ul li a .iethumbdesc{ display:block; font-size:72%; text-align:left; line-height:1.3em;font-family:"游ゴシック", YuGothic, "Hiragino Kaku ProN", "メイリオ" , sans-serif;}
/*#ul-contents.artdetail.ie #ul-nav.navcustom{ height:41px;padding-top:2px; min-width:320px;}
#ul-contents.artdetail.ie #ul-nav.navcustom ul li{ vertical-align:middle; line-height:1.1em;}*/

/**/
#ul-nav ul{ text-align:center;font-family:FOT-UD明朝 Pro L, UDMinchoPro-L; font-size:115%;}
#ul-nav ul li{ display:inline-block;margin-top:13px; margin:0 30px;}
/**/
/* Reservation */
#ul-contents.artdetail.ie .rsvwrapper{ padding-bottom:48px;}
#ul-contents.artdetail.ie .rsv{ width:660px; margin:0 auto; padding:35px 90px 39px 90px; background-color:#EBF5FB;}
#ul-contents.artdetail.ie .rsv p{ width:auto !important; padding-bottom:0 !important;}
#ul-contents.artdetail.ie .rsv .btnarea{ margin-top:19px;}
#ul-contents.artdetail.ie .rsv .btnarea ul{ overflow:hidden;}
#ul-contents.artdetail.ie .rsv .btnarea ul li{ float:left; width:31%; margin-right:3.5%;}
#ul-contents.artdetail.ie .rsv .btnarea ul li:last-child{ margin-right:0}
#ul-contents.artdetail.ie .rsv .btnarea ul li a{ display:block; vertical-align:middle; text-align:center; width:200px; height:60px; line-height:60px; background-color:#ffffff; border:1px solid #3D9FD2;}
#ul-contents.artdetail.ie .rsv .btnarea ul li a:hover{color:#ffffff; background-color:#3D9FD2; border:1px solid #eeeeee;}

/* ArtDetailGeneral */
#ul-contents.artdetail h3,#ul-contents.artdetail h4,#ul-contents.artdetail h5,#ul-contents.artdetail h6{ font-weight:normal;}
#ul-contents.artdetail .picture img{ width:100%;}
#ul-contents.artdetail .picture-description{ background-color:#ffffff; font-size:86%;}
#ul-contents.artdetail .information{ margin-top:30px;}
#ul-contents.artdetail .information dl{ display:table; width:100%; font-size:86%;}
#ul-contents.artdetail .information dl dt{ display:table-cell; width:104px; vertical-align:top;}
#ul-contents.artdetail .information dl dd{ display:table-cell; vertical-align:top;}
#ul-contents.artdetail .mmtl{ font-family:FOT-UD明朝 Pro L, UDMinchoPro-L; font-size:115%; margin-bottom:33px;}
#ul-contents.artdetail .dlblock{ margin-bottom:54px;}
/* Event */
#ul-contents.artdetail .arteventblock.art2{padding:0 !important;}
#ul-contents.artdetail .arteventblock.art2 .titleblock .workdtl p.event-session{ display:inline-block; background-color:#3D9FD3; color:#FFF; padding:6px 12px; line-height:1em; margin-right:5px;margin-bottom:16px;}
#ul-contents.artdetail .arteventblock.art2 .titleblock .workttl{ height:auto; padding:50px 20px;}
#ul-contents.artdetail .arteventblock.art2 .titleblock .workdtl{ font-family:"游ゴシック", YuGothic, "Hiragino Kaku ProN", "メイリオ" , sans-serif; font-size:86%;}
#ul-contents.artdetail .arteventblock.art2 .titleblock .workdtl p{ margin-bottom:15px;}
#ul-contents.artdetail .arteventblock.art2 .titleblock .workdtl dl{display:table; width:100%; margin-bottom:5px; line-height:1.3em;}
#ul-contents.artdetail .arteventblock.art2 .titleblock .workdtl dt{display:table-cell; width:65px; vertical-align:top;}
#ul-contents.artdetail .arteventblock.art2 .titleblock .workdtl dd{display:table-cell; vertical-align:top;}

#ul-contents.artdetail .arteventblock{ width:960px; margin:0 auto; background-color:#ffffff;}
#ul-contents.artdetail .arteventblock .evexcerpt{ padding:48px 63px; font-size:86%; line-height:1.6em;}
#ul-contents.artdetail .arteventblock .event-artdetailcont{ padding-bottom:47px;}
#ul-contents.artdetail .arteventblock .event-artdetailcont .evimg960{}
#ul-contents.artdetail .arteventblock .event-artdetailcont .evimg-block{ overflow:hidden;}
#ul-contents.artdetail .arteventblock .event-artdetailcont .evimg-block .evimg480{ width:50%; float:left;}
#ul-contents.artdetail .arteventblock .event-artdetailcont h4.eventhead{ margin:66px 149px 0 149px ;font-size:143%; line-height:1.4em;font-family:FOT-UD明朝 Pro L, UDMinchoPro-L;}
#ul-contents.artdetail .arteventblock .event-artdetailcont h5.eventhead{ margin:0 149px 0 149px;font-size:115%; line-height:1.4em; font-weight:bold;}
#ul-contents.artdetail .arteventblock .event-artdetailcont p{ margin:20px 149px 15px 149px;}
#ul-contents.artdetail .arteventblock .event-artdetailcont dl{ display:table; width:100%; padding:16px 149px 0 149px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#ul-contents.artdetail .arteventblock .event-artdetailcont dl dt{ display:table-cell; width:101px; vertical-align:top; font-weight:bold;}
#ul-contents.artdetail .arteventblock .event-artdetailcont dl dd{ display:table-cell; vertical-align:top;}

#ul-contents.artdetail .event-artpage.art2{ padding-top:0;}

body{ min-width:320px;}