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

#wrapper { position:relative; width:100%; background:#fff; clear:both; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 150px; padding-right: 0; padding-bottom: 200px; padding-left: 0; }
#wrapperScroll { position:fixed; top:1px; left:0px; }

/*read speakerで使用 1/3*/
.ex_toptext.rs { font-size: 13px; max-width: 1000px; margin:0 auto 10px auto; }
.readspeaker_exhibition { max-width: 1000px;margin:0 auto 10px auto; width:auto; padding:0;  }
.readspeaker_exhibition img{ margin: 0 0 5px 0;}
br.rs_pause{height: 0;}
#xp1{ position: fixed; left:30px; bottom: 30px; z-index: 999999;}

.exhibitionBox { width:1000px; margin:0 auto 0 auto; position:relative; }
.exhibitionBox h3 { margin:0 0 30px 0; }
.noColumn { margin:0 0 40px 0; }
.noColumn .titleBox { padding:18px 0 0 0; width:50%; float:left; }
.noColumn .titleBox h4 { font-size:14px; }
.noColumn .titleBox p { font-size:14px; color:#8c8c8c; }
.noColumn .textBox { padding:18px 0 0 0; width:50%; float:left; }
.noColumn .textBox p { font-size:14px; }

.item { margin:0 0 50px 0; }
.item:hover { opacity:0.7; }
.item .titleBox { padding:18px 0 0 0; }
.item .titleBox h4 { font-size:16px; margin:0 0 4px 0; color:#000; }
.item .titleBox p { font-size:14px; color:#8c8c8c; }
.item .textBox { padding:18px 0 0 0; }
.item .textBox p { font-size:12px; color:#000; }
.item a:link,
.item a:visited { text-decoration:none; }
.item a:hover,
.item a:active { text-decoration:none; }

#columnBox { }


.columnBox0 { width:482px; float:left; }
.columnBox1 { width:224px; float:right; margin:0 0 0 36px; }
.columnBox2 { width:224px; float:right; }
.columnBox3 { width:224px; float:left; margin:0 36px 0 0; }
.columnBox4 { width:224px; float:left; }

.columnBox0 .item .textBox,
.columnBox1 .item .textBox,
.columnBox2 .item .textBox,
.columnBox3 .item .textBox,
.columnBox4 .item .textBox { padding:7px 0 0 0; }


/* EXHIBITION */
.exBox { overflow:hidden; }
.exBox ul { width:1036px; }
.exBox ul li { width:482px; float:left; margin:0 36px 0 0; }

/* 20150216追加1/2 */
.exBox ul li .height415 { height: 415px; overflow: hidden; vertical-align: middle; }

/* EXHIBITION */
.nextBox { overflow:hidden; }
.nextBox ul { width:1036px; }
.nextBox ul li { width:482px; float:left; margin:0 36px 0 0; }

/* EXHIBITION ARCHIVE */
.archiveBox { overflow:hidden; }
.archiveBox ul { width:1036px; }
.archiveBox ul li { width:223px; float:left; margin:0 36px 40px 0; transition-property:opacity; transition-duration:1s; transition-timing-function:ease-out; }
.archiveBox ul li:hover { opacity:0.7; }
.archiveBox ul li p { font-size:14px; line-height:18px; margin:5px 0 0 0; }
.archiveBox ul li a:link,
.archiveBox ul li a:visited { color:#000; text-decoration:none; }
.archiveBox ul il a:hover,
.archiveBox ul li a:active { color:#8c8c8c; text-decoration:none; }
#sort { zoom: 1; background:#e6e6e6 url(../../programs/img/bg_sort_01.gif) left top no-repeat; padding:0 0 0 99px; width:94px; position:absolute; top:24px; right:0px; z-index:999999 }
#sort li:first-child { background:url(../../programs/img/bg_sort_03.gif) right top no-repeat; height:23px; display:block; }
#sort li ul li:first-child { background:#e6e6e6; }
#sort li a:link,
#sort li a:visited { color:#4d4d4d; text-decoration:none; height:17px; padding:3px 3px 3px 6px; font-size:12px; line-height:17px; display: block; transition-property:color, padding; transition-duration:1s; transition-timing-function:ease-out; }
#sort li a:hover,
#sort li a:active { color:#ccc; text-decoration:none; height:17px; padding:3px 0px 3px 9px; font-size:12px; line-height:17px; display: block;  }
#sort li ul { background:#e6e6e6; }
#sort li ul li a:link,
#sort li ul li a:visited { color:#8c8c8c; transition-property:color, padding; transition-duration:1s; transition-timing-function:ease-out; }
#sort li ul li a:hover,
#sort li ul li a:active { color:#ccc; }

/* SINGLE PAGE */
.singleBox { }
.singleBox .breadLink { margin:0 0 15px 0; }
.singleBox .breadLink a:link,
.singleBox .breadLink a:visited { color:#000; text-decoration:none; transition-property:color; transition-duration:1s; transition-timing-function:ease-out; }
.singleBox .breadLink a:hover,
.singleBox .breadLink a:active { color:#8c8c8c; text-decoration:none; }
.singleBox .mainPhoto { margin:0 0 48px 0; }
.singleBox .textBox { width:484px; float:left; margin:0 0 0 0; padding:0 0 0 7px; }
.singleBox .textBox h4 { font-size:20px; margin:0 0 30px 0; }
.singleBox .textBox .programType { margin:0 0 30px 0; }
.singleBox .textBox p.date { color:#8c8c8c; font-size:16px; line-height:32px; margin:0 0 30px 0; }
.singleBox .textBox p { font-size:14px; line-height:24px; margin:0 0 30px 0; }
.singleBox .textBox p.detail { font-size:14px; line-height:24px; margin:0 0 0 0; }
.singleBox .photoBox { width:250px; float:right; }
.singleBox .photoBox ul { }
.singleBox .photoBox ul li { margin:0 0 30px 0; }

/* DETAIL PAGE */
.ex_toptext { font-size: 13px; margin:0 0 15px 0; }
.ex_toptext a:link,
.ex_toptext a:visited { color: #333; text-decoration: none; }
.ex_toptext a:hover,
.ex_toptext a:active { color: #8c8c8c; text-decoration: none; }
.ex_toptext02 { font-size:13px; margin:0 0 50px 0; }
.ex_toptext02 a:link,
.ex_toptext02 a:visited { color: #333; text-decoration: none; }
.ex_toptext02 a:hover,
.ex_toptext02 a:active { color: #8c8c8c; text-decoration: none; }

.ex_mainimg { width: 100%; margin: 0 0 45px 0; }

.ex_detail_textBox { margin:0 0 95px 0; }
.ex_detail_textBox h4.title { font-size:16px; margin:0 0 15px 0; padding:0 0 10px 0;	border-bottom:#333 solid 1px; } 

.ex_detail_textBox .titleBox { float: left; width: 45%; }
.ex_detail_textBox .titleBox h4 { font-size: 16px; line-height: 27px; padding-top: 0; padding-right: 0; padding-left: 0; }
.ex_detail_textBox .titleBox p { font-size: 14px; color: #8c8c8c; }
.ex_detail_textBox .textBox { font-size: 14px; line-height: 27px; float: right; width: 49%; }
.ex_detail_textBox .textBox_l { font-size: 14px; line-height: 27px;}
.ex_detail_textBox .textBox .txtPointdown { font-size: 12px; line-height: 22px; }
.ex_detail_textBox .titleBox .txtPointup { font-size: 15px; font-weight: bold; }
.ex_detail_textBox .titleBox .lbox { float: left; width: 78%; }
.ex_detail_textBox .titleBox .rbox { width: 20%; float: right; }
.ex_detail_underBox { width: 100%; }
.ex_detail_underBox h4 { font-size:16px; margin:0 0 15px 0; padding:0 0 10px 0;	border-bottom:#333 solid 1px; } 
/*.ex_detail_underBox */.basicinformation { float: left; width: 50%; font-size: 14px; line-height: 27px; margin: 0px; padding: 0px; } 


.ex_detail_underBox.artist{ font-size:14px; line-height: 27px; margin-top: 80px;}
.ex_detail_underBox.goods{ font-size:14px; line-height: 27px; margin-top: 80px; margin-bottom: 80px;}

/*20180201 goods*/
.goods .mt40 img{ float: left; margin: 0 20px 20px 0;}
.hide{ display: none;}

.basicinformation.r_box { float: right; width: 42%; font-size: 14px; line-height: 27px; margin: 0px; padding: 0px; } 
.basicinformation.r_box h4 { font-size:16px; margin:0 0 15px 0; padding:0 0 10px 0;	border-bottom:#333 solid 1px; } 
/*.ex_detail_underBox */ .basicinformation p { margin:0 0 35px 0; }
.basicinformation.l_box { float: left; width: 45%; font-size: 14px; line-height: 27px; margin: 0px; padding: 0px; } 

/*.ex_detail_underBox */.basicinformation p.title { font-weight: bold; margin:0 0 0 0; }
.basicinformation p.logoArea img{margin:0 30px 30px 0; vertical-align: middle;}

/*20150709追加 */
 .basicinformation .caption { color:#333; font-size:13px; }

.relatedinformation h4 { font-size:16px; line-height: 27px; margin:0 0 15px 0; padding:0 0 10px 0;	border-bottom:#333 solid 1px; } 
a.hotspot { border-bottom: 1px dotted #999999;cursor: pointer; color:#666666; text-decoration:none; }
a.hotspot:hover{ /*マウスが乗ったら*/position: relative;top: 0px; left: 0px;}
.hotspotBox{ position: absolute; top: 17px; left: -200px; display: none; padding: 10px; width: 250px; text-decoration: none; color: #ffffff; background-color: hsla(0,0%,36%,0.80); font-size: 12px; line-height: 22px; z-index: 9999; }
.hotspotBox.hotspot02{ left: -250px;} 
.hotspotBox.hotspot03{ left: 0px;} 

a:hover .hotspotBox {display: block; /*ブロック要素で表示*/}
/*.ex_detail_underBox*/ .relatedinformation { float: right; width: 42%; /*line-height:27px;*/ }
.relatedinformation.info_tab { margin-top: -28px;}
.relatedinformation.l_box { float: left; width: 42%; line-height:27px; }

/*.ex_detail_underBox*/ .relatedinformation ul li { margin:0 0 45px 0; }
.relatedinformation ol li { margin: 0 0 5px 0; list-style-position: inside; padding: 0 0 0 1.2em; list-style-type: decimal; text-indent: -1.2em; }
/*.ex_detail_underBox*/ .relatedinformation ul li .imgBox { float: left; width: 140px; }
/*.ex_detail_underBox*/ .relatedinformation ul li .textBox { font-size: 12px; line-height: 20px; float: right; 	width: 250px; }
/*.ex_detail_underBox*/ .relatedinformation ul li h4 { border:none; font-size: 14px; line-height: 21px; margin:0 0 5px 0; padding:0 0 0 0; font-weight: bold; }
/*.ex_detail_underBox*/ .relatedinformation ul li p { margin: 0px; padding: 0px; }
/*.ex_detail_underBox*/ .relatedinformation ul li p.date { font-size: 14px; color: #333; margin-top: 0; margin-right: 0; margin-bottom: 5px; margin-left: 0; }
/*.ex_detail_underBox*/ .relatedinformation .textBox2 dl { color: #808080; }
/*.ex_detail_underBox*/ .relatedinformation .textBox2 dt { float: left; width: 42px; }
/*.ex_detail_underBox*/ .relatedinformation .textBox2 dd { float: right; width: 378px; }
/*.ex_detail_underBox*/ .relatedinformation .textBox2 dt.txt4 { float: left; width: 56px; }
/*.ex_detail_underBox*/.relatedinformation .textBox2 dd.txt4 { float: right; width: 364px; }
/*.ex_detail_underBox*/ .relatedinformation .textBox2 { width:100%; float:none; font-size:14px; line-height:27px; }
.relatedinformation .textBox2 .caption{ font-size: 13px;}

.relatedinformation.yokonaga { float: none; width: 100%; }
.relatedinformation.yokonaga ul{ display: flex; flex-wrap: wrap; margin: 20px 0 0 0 ;}
.relatedinformation.yokonaga ul li { margin:0 30px 45px 0; flex-basis: calc( (100% - 60px)/3); padding: 0 30px 0 0;  box-sizing: border-box; position: relative;}
.relatedinformation.yokonaga ul li:nth-child(2):before{ content: ''; border-left: 1px dotted #333; border-right: 1px dotted #333; position: absolute; left: -30px; width: calc( 100% + 30px); height: 80%; top: 50%; transform: translateY(-50%);}
.relatedinformation.yokonaga ul li:nth-child(3n){ margin-right: 0;}
.relatedinformation.yokonaga ul li.caption{ flex-basis:100%; border-left:none; padding:0;}

.ex_detail_underBox .basicinformation .logo { vertical-align: baseline; margin-right: 10px; margin-left: 10px; }
.ex_detail_imageBox { }
.ex_detail_imageBox li { float: left; margin:0 15px 0 0; font-size: 10px; }
.ex_detail_imageBox ul li { margin:0 0 35px 0; }
.ex_detail_imageBox .textBox { font-size: 11px; line-height: 20px; margin: 0px; }
.ex_detail_imageBox li.lastchild { margin:0 0 0 0; }

dl.dt9em{ margin: 0 0 20px 0; position: relative;}
dl.dt9em dt{ font-weight: bold; position: absolute; top: 0; left: 0;}
dl.dt9em dd{ box-sizing: border-box; width: 100%; padding: 0 0 0 10em;}
dl.dt9em:last-child{ margin-bottom: 0;}

/*20170901装飾は流動する　追加 1/2 */
.ex_detail_imageBox.decoration171118{ margin-top: 60px;}
.ex_detail_imageBox.decoration171118 ul{ float: left; }
.ex_detail_imageBox.decoration171118 ul:nth-child(2),.ex_detail_imageBox.decoration171118 ul:nth-child(7){margin-left: 20px;}
.imageBox_artist_name{ font-weight: bold; font-size: 13px; margin: 0 0 10px 0;}

/*20180213建物公開　旧朝香宮邸　追加 1/2 */
.ex_detail_imageBox.asaka180321{ margin-top: 60px;}
.ex_detail_imageBox.asaka180321 ul li{ margin-right: 10px;}
.ex_detail_imageBox.asaka180321 ul li:last-child{ margin-right: 0;}

/*20150611 icon追加 */
.iconBox{ float:left; margin:0 2% 0 0; width:10%;}
.iconTxtBox{ float:right; width:88%;}

/* SCHEDULE */
.scheduleBox { background: url(../../exhibition/img/bg_schedule_01.gif) top left no-repeat; width: 1000px; margin: 0 auto 0 auto; height: 1200px; position: relative; }
.scheduleBox2 { position:absolute;/*  border:#808080 solid 2px; */ background:rgba(0, 0, 0, 0.1); }
.scheduleBox2 a:link,
.scheduleBox2 a:visited { font-size:16px; color:#4d4d4d; text-decoration:none; padding:0 0 3px 0; margin:0 0 10px 0; border-bottom:#808080 solid 1px; display:block; }
.scheduleBox2 a:hover,
.scheduleBox2 a:active { font-size:16px; color:#ccc; text-decoration:none; padding:0 0 3px 0; margin:0 0 10px 0; border-bottom:#ccc solid 1px; display:block; }
.scheduleBox2 p { display:block; font-size:14px; line-height:24px; margin:0 0 0 0; padding:0 0 0 0; line-height:21px; }
.scheduleBox2 h4 { display:inline-block;font-size:16px; }
.scheduleBox2 h4.bold{ font-size: 12px; font-weight: bold;display:block; margin: 0 0 10px 0;}
.scheduleBox2 h4 span.noLink { font-size:16px; color:#4d4d4d; text-decoration:none; padding:0 0 3px 0; margin:0 0 10px 0; border-bottom:#808080 solid 1px; display:block; }
.scheduleBox2 h4 span.pb10{ padding-bottom: 5px; display: inline-block;}

#shirokane { top:85px; left:120px; padding:10px 0 0 30px; width:306px; height:65px; }
#naitorei { top:85px; left:480px; padding:10px 0 0 30px; width:486px; height:65px; }
#genso { top:200px; left:120px; padding:50px 0 0 30px; width:846px; height:130px; }
#strasbourg { top:485px; left:120px; padding:50px 0 0 30px; width:396px; height:135px; }
#mary { top:530px; left:575px; padding:50px 0 0 30px; width:391px; height:140px; }
#edouard { top:690px; left:120px; padding:50px 0 0 30px; width:396px; height:135px; }
#edward { top:760px; left:575px; padding:40px 0 0 30px; width:391px; height:120px; }
#stewart { top:980px; left:120px; padding:40px 0 0 30px; width:846px; height:130px; }
#masks { top:420px; left:120px; padding: 40px 0 0 30px; width:846px; height:105px; }
#tatemono { top:610px; left:120px; padding:30px 0 0 30px; width:306px; height:110px; }
#privateCollection { top:610px; left:120px; width:846px; height:110px; padding-top: 30px; padding-right: 0; padding-bottom: 0; padding-left: 30px; }
#otto { top:790px; left:120px; padding:50px 0 0 30px; width:846px; height:120px; }
/*2016*/
#galle { top: 70px; left: 124px; padding: 55px 0 0 30px; width: 846px; height: 135px; }
#medici { top: 280px; left: 124px; padding: 55px 0 0 30px; width: 846px; height: 120px; }
#children { top: 476px; left: 124px; padding: 15px 0 0 30px; width: 846px; height: 78px; }
#boltanski { top: 612px; left: 124px; padding: 60px 0 0 30px; width: 846px; height: 140px; }
/*2017*/
#namikawa { top: 863px; left: 124px; padding: 60px 0 0 30px; width: 846px; height: 135px; }
#close2017 { top: 55px; left: 124px; padding: 220px 0 0 30px; width: 846px; height: 265px; }
#sousyoku { top: 547px; left: 124px; padding: 68px 0 0 30px; width: 846px; height: 140px; }
/*2018*/
#tatemono_france { top: 80px; left: 124px; width: 846px; height: 145px; padding-top: 22px; padding-right: 0; padding-bottom: 15px; padding-left: 30px; }
#brazil { top: 293px; left: 124px; padding: 65px 0 0 30px; width: 846px; height: 112px; }
#artdeco2018 { top: 520px; left: 124px; padding: 80px 0 0 30px; width: 846px; height: 127px; }
/* #coming { top:530px; left:120px; padding:50px 0 0 30px; width:846px; height:95px; }
#coming a:hover,
#coming a:active { cursor:text; color:#4d4d4d; text-decoration:none; padding:0 0 3px 0; margin:0 0 10px 0; border-bottom:#808080 solid 1px; display:block; } */
#coming { position:absolute; top:1260px; left:120px; width:880px; text-align:center; }
#coming h4 { font-size:24px; color:#8c8c8c; }
/*2018*/
#collage2019 { top: 84px; left: 124px; padding: 63px 0 0 30px; width: 846px; height: 107px; }
#kisling { top: 282px; left: 124px; padding: 63px 0 0 30px; width: 846px; height: 107px; }
#tatemono_1933 { top: 480px; left: 124px; padding: 43px 0 0 30px; width: 846px; height: 90px; }
#asiaImage { top: 680px; left: 124px; padding: 63px 0 0 30px; width: 846px; height: 115px; }
#lalique2019 { top: 901px; left: 124px; padding: 50px 0 0 30px; width: 846px; height: 100px; }


/* EXHIBITION SNS */
#exhibitionSns { position:absolute; top:0px; right:0px; width:64px; display:block; text-align:right; }
#exhibitionSns ul { }
#exhibitionSns ul li img { cursor:pointer; animation:ease-out; transition-property:opacity; transition-duration:1s; -webkit-transition-property:opacity; -webkit-transition-duration:1s; -moz-transition-property:opacity; -moz-transition-duration:1s; text-align:left;  }
#exhibitionSns ul li img:hover { opacity:0.5; }
#exhibitionSns ul li#facebookLikeBtn { width:26px; padding:0 0 0 0; margin:0 12px 0 0; overflow:hidden; float:right; height:26px; }
#exhibitionSns ul li#facebookLikeBtn img { float:left; }
#exhibitionSns ul li#facebookLikeBtn #facebookLikeIframe { margin:0 0 0 0; width:0px; float:left; padding:0 0 0 0; }
#exhibitionSns ul li#facebookLikeBtn #facebookLikeIframe img { float:none; }
#exhibitionSns ul li#facebookLikeBtn #facebookLikeIframe .fb-share-button { display:block; width:100% !important; }
#exhibitionSns ul li#twitterTweetBtn { width:26px; padding:0 0 0 0; margin:0 0 0 0; overflow:hidden; float:right; height:26px; }
.italic { font-style: italic; }

/* tab */
#tabmenu{ padding: 0px; margin: 0px; color: #333; font-size: 11px; width: 420px; position: relative; }
#tabmenu div#tab{
    position: absolute;
    top:0px;
    left:0px;
}
#tabmenu div#tab a{
    float: left;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100%;
    display: block;
    text-decoration:none;
    color:#333;
    background:#eee;
}
#tabmenu div#tab a:hover{
    background:#000;
    color:#fff;
}
div#tab_contents{
    width:100%;
    overflow:
    hidden;clear:both;
}
div#tab_contents ul{
    width:100%;
    padding:0px;
    margin:0px;
}
div#tab_contents ul li{
    float: left;
    width:100%;
    list-style-type:none;
    padding:60px  20px  20px 20px;
}

/* 20151007追加 */
.play_jewelry_line { padding: 15px; border: 1px solid #999; }
/*20160203追加 */
.textBox h4 { font-size:20px; margin:0 0 10px 0; line-height: 130%; font-weight: bold; }
.ex_mainimg .leftBox { width: 40%; float:left; margin: 0; }
.ex_mainimg .textBox { width: 55%; float:right;font-size:13px; line-height: 26px;}
.ex_mainimg .textBox span { font-size:14px; line-height: 24px; font-weight: bold; }

/*スライド*/
#slideBox { position:relative; margin:0 0 50px 0;  }
#slideBox #prevBtn { display: block; position: absolute; top: 50%; left: 0px; margin: 0 0 0 0 0; width: 30px; height: 30px; background-repeat: no-repeat; background-image: url(../../exhibition/img/img_arrow_prev.gif); cursor: pointer; z-index:9999; }
#slideBox #nextBtn { display:block; position:absolute; top:50%; right:0px; margin:0 0 0 0 0; width:30px; height:30px; background: url(../../exhibition/img/img_arrow_next.gif) no-repeat; cursor:pointer; z-index:9999;}
#slideBox #prevBtn:hover, #slideBox #nextBtn:hover{ opacity:0.5;}
#exhibitionSlider { margin:0;}
#exhibitionSlider li { width:100%; padding:30px 0;}
#exhibitionSlider li img{ float:left; margin:0 30px 0 0;}
#exhibitionSlider p.title{ font-size:14px; line-height:27px; font-weight:bold;}
#exhibitionSlider p.txt{ font-size:14px; line-height:27px}

/*アンカー調整 1/2*/
#artwork{ margin-top:-80px; padding-top:80px}

.sametime { font-size: 14px; }
.sametime a:link,
.sametime a:visited { color:#333; text-decoration:none; padding:0; margin:0; }
.sametime a:hover,
.sametime a:active { text-decoration:underline; padding:0; margin:0; }

/*追加16.09.20*/
.discount { padding: 10px; border: 1px dotted #999; margin-bottom: 10px; }

.youtubeBox{ width:100%; padding:10px; box-sizing:border-box; border:1px solid #000;}
.youtubeBox p{ font-weight:bold; color:#000 !important;font-size:14px !important; margin-bottom:10px;}
.youtubeBox iframe{ width:100% !important;}

/*1/4 20170704　チケットtable、localnavi*/
table.ticket{ border-top: 1px solid #000; border-left: 1px solid #000; width: 100%; text-align: center; margin-bottom: 10px; }
table.ticket th{ border-right: 1px solid #000; border-bottom: 1px solid #000; font-size:85%;text-align: center;   }
table.ticket td{ border-right: 1px solid #000; border-bottom: 1px solid #000; }
table.ticket .pc{}
table.ticket .sp{ display: none; font-size: 12px; margin: 0 1em 0 0;}
#local_navi{ width: 100%; margin: 30px auto; font-size: 14px; line-height: 18px;}
#local_navi li{ width: 24.625%; margin: 0 0.5% 0 0; text-align: center; float: left; }
#local_navi .wide3 li{ width: 33%;}
#local_navi .navi05 li{ width: 19.6%;}
#local_navi .navi07 li{ width: 13.85%;}
#local_navi li.goods{ background-color:hsla(198,66%,81%,0.50);}
#local_navi li:last-child{ margin: 0 0 0 0;}
#local_navi li a{ display: block; padding: 0.5em 0.5em; box-sizing: border-box; border: 1px solid #000; text-decoration: none; color: #000;}
#local_navi li a:hover{ border: #999 solid 1px; color: #999;}
#local_navi li a.comingsoon{ position: relative; color: hsla(0,0%,20%,0.40); pointer-events: none; border-color: hsla(0,0%,20%,0.40) }
#local_navi li a.comingsoon:after{ content: 'comingsoon'; position: absolute; top: 50%; left: 50%; color: #333; transform: translateX(-50%) translateY(-50%); font-size: 12px;}
#local_navi li a.current{ border: #999 solid 1px; color: #999;}

a.anchorLink { display:block; margin:-150px 0 0 0; padding:150px 0 0 0; visibility:hidden; width:0px; height:0px; text-indent:-9999px; }
.btn_pattern2 { }
.btn_pattern2 li { float: left; margin: 0 1em 10px 0; }
.btn_pattern2 li p.btn_black{ width: 100%;box-sizing: border-box;}

.youtube_decoration{ width: 60%; }
.video{
width:100%;              /*横幅いっぱいにwidthを指定*/
padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
height:0px;              /*高さはpaddingで指定するためheightは0に*/
position: relative;
}
.video iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.logo_edo{ width: 180px; float: right;}
.photo_r{ float: right; margin: 0 0 20px 20px;}
.photo_sougo{ width: 35%; margin: 0 0 15px 15px !important;}

.img_pc{ display: inline-block;}
.img_sp{ display: none;}

/*20190917 アジアのイメージ　インタビュー*/
#interview_con .leadBox{ display: flex; flex-direction: row-reverse; margin: 70px 0 50px 0;}
#interview_con .leadBox .photoArea{ width:410px; margin: 0 0 0 5%; }
#interview_con .leadBox .txtArea{ width: 540px;}
#interview_con .leadBox h4{ border-bottom: none; font-size: 22px; margin: 0 0 50px; line-height: 1.6;}
#interview_con .leadBox h4 .small{ font-size: 18px;}
#interview_con .leadBox p.lead{ font-size: 16px; line-height: 2;}
#interview_con p.stit{ font-weight: bold; font-size: 120%; margin: 100px 0 0 0;}
#interview_con p.interview_q{ margin: 80px 0; padding: 0 0 0 3em; text-indent: -3em; font-weight: bold; }
#interview_con p.interview_q.mt0{ margin-top: 0; }
#interview_con .a_txt{ width: 640px; float: left;}
#interview_con .a_txt_wide{ width: 100%; }
#interview_con .interview_a{position: relative; padding: 0 0 0 3em; box-sizing: border-box;}
#interview_con .interview_a .name{ position: absolute; top:0; left: 0; font-weight: bold;}
#interview_con .interview_a p{ margin: 0 0 20px 0; }
#interview_con .interview_a p:last-child{ margin-bottom: 0; }
#interview_con .a_photo{ float: right; width: 260px;   }
#interview_con .a_photo_wide{margin: 20px 0 0 0; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
#interview_con .a_photo_wide .item{ width: 31%;}
#interview_con .a_photo .photo{ text-align: right; }
#interview_con .caption{ text-align: right; font-size: 10px; line-height: 15px; margin: 10px 0 20px 0;}
#interview_con .caption span{ display: inline-block;}
#interview_con .photo.mt80{ margin-top:80px; }
.img_tate{ width: 170px;}
.img_yoko{ width: 210px;}
#interview_con .item{ margin: 0;}
#interview_con .item:hover{ opacity: 1;}
#interview_con .a_photo_wide .caption{ text-align: center;}
#interview_con .a_photo_wide .photo{ text-align: center; }
#interview_con .finalBox{ display: flex; flex-direction: row-reverse; margin: 70px 0 50px 0;}
#interview_con .finalBox .photoArea{ width:410px; margin: 0 0 0 5%; }
#interview_con .finalBox .txtArea{ width: 540px;}
#interview_con .finalBox p.interview_q{ margin: 0 0 80px; }
#interview_con .finalBox .profile{ font-size: 12px; line-height: 22px;}
#interview_con .finalBox .profile .name{ margin: 0 0 15px 0; }
.a_photo.heightLine_interview01{ position: relative; padding: 100px 0 0 0;}
.item26{ position: absolute; bottom: 0; right: 0;}

/*20191225 アジアのイメージ館長ツイート　1/3*/
#local_navi .btn_twitter{  width: 28.2%; margin: 5px 0 0 0;}
#local_navi .btn_twitter a{ color: #fff; background-color: #00acee; display: block; text-decoration: none; text-align: center; border-radius: 2px; box-sizing: border-box; padding: 0.7em 0.5em 0.5em 0.5em;}
#local_navi .btn_twitter a:hover,#local_navi .btn_twitter a.current{ opacity: 0.6;}
#twitter_con{ border-top: 1px solid #000; margin: 30px 0 50px 0;}
#twitter_con .twitterBox{ box-sizing: border-box; padding: 50px 0 0 0; border-bottom: 1px solid #000;}
#twitter_con .twitterBox .number{ font-size: 20px; margin: 0 0 40px 0;}
#twitter_con .twitter_inner{ display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; padding: 0 0 40px 0 ; }
#twitter_con .twitter_inner .txtBox{ width: 45%; font-size: 14px; line-height: 28px;}
#twitter_con .twitter_inner .txtBox p{ margin: 0 0 15px 0;}
#twitter_con .twitter_inner .imgBox{ width: 45%; margin: 0 0 0 auto; text-align: center; font-size: 12px; line-height: 18px; justify-content: center; display: flex; flex-wrap: wrap;}
#twitter_con .twitter_inner .imgBox{ pointer-events: none;}
#twitter_con .twitter_inner .imgBox .item{ margin: 0 auto 30px;}
#twitter_con .twitter_inner .imgBox .item.wide2{ width: 46.6%;}
#twitter_con .twitter_inner .imgBox .item.wide2:nth-child(2){ margin: 0 0 30px auto;}
#twitter_con .twitter_inner .imgBox .item:last-child{ margin-bottom: 0;}
#twitter_con .twitter_inner .imgBox .item p{ margin: 0 0 10px 0;}
#twitter_con .twitter_inner .imgBox .item p span{ display: inline-block;}
#twitter_con p:last-child{ margin-bottom: 0 !important;}

@media screen and (max-width:768px) and (orientation: portrait) {
/* 縦向き */
#header {  display:none !important; } 
#wrapper { padding:10px 0 0 0; min-width:auto; }
#wrapperScroll { position:fixed; top:136px; left:0px; }
/*20160809 メイン画像100%表示 1/5 上書き*/.exhibitionBox { width:auto; padding:0 6% 0 6%; }
#exhibitionSns { right:30px; top:40px; }

/*read speakerで使用 2/3*/
.readspeaker_exhibition {position: absolute; top:40px; }
.ex_toptext.rs{ margin: 0 0 55px 0;}
	
.exBox { width:100%; margin:0 auto 0 auto; }
.exBox ul { width:100%; }
.exBox ul li { width:100%; float:none; }

/* 20150216追加2/2 */
.exBox ul li .height415 { height: auto;}

.nextBox { width:100%; margin:0 auto 0 auto; }
.nextBox ul { width:100%; }
.nextBox ul li { width:100%; float:none; }
.archiveBox { width:100%; margin:0 auto 0 auto; }
.archiveBox ul { width:100%; }
.archiveBox ul li { width:48%; float:left; padding:0 1%; margin:0 0 20px 0; } 
.archiveBox ul li img { width:100%; }
.ex_toptext { margin:0 0 40px 0; }
.ex_detail_textBox .titleBox { float:none; width:100%; }
.ex_detail_textBox .textBox { float:none; width:100%; }
.ex_detail_underBox .basicinformation { float:none; width:100%; margin:0 0 30px 0; }
/*.ex_detail_underBox */.relatedinformation { width:100%; float:none; margin:0 0 30px 0; }
.relatedinformation.info_tab { margin-top: 0px;}
.relatedinformation.l_box {  width:100%; float:none; margin:0 0 30px 0;  }
/*.ex_detail_underBox */.relatedinformation ul li .imgBox { width:35%; }
/*.ex_detail_underBox */.relatedinformation ul li .imgBox img { width:100%; }
/*.ex_detail_underBox */.relatedinformation ul li .textBox { width:60%; }
.ex_detail_underBox.artist{  margin-bottom: 80px;}

.ex_detail_imageBox { margin:0 0 30px 0; }
.ex_detail_imageBox ul { margin:0 0 0 0; }
.ex_detail_imageBox ul li { text-align:center; width:100%; margin:0 0 10px 0; }
.ex_detail_imageBox ul li img.ml10{ margin-left: 0;}
.relatedinformation .textBox2 dt { float: none; width:100%; }
.relatedinformation .textBox2 dd { float: none; width:100%; }
.relatedinformation .textBox2 dt.txt4 { float: none; width:100%; }
.relatedinformation .textBox2 dd.txt4 { float: none; width:100%; }
.basicinformation.r_box { width:100%; float:none; margin:0;}
	
.relatedinformation.yokonaga ul li { margin:0 0 45px 0; flex-basis:100%; border-left:none; padding:0; }
.relatedinformation.yokonaga ul li:nth-child(2):before{ content: ''; border: none; /*position:*/ }

	
dl.dt9em dt{ position: relative;}
dl.dt9em dd{padding: 0;}

#sort { position:static; margin:0 0 20px 0; }
.scheduleBox { background:none; width:100%; height:auto; margin:0 0 40px 0; }
.scheduleBox2 { position:static; margin:0 0 10px 0; }
.scheduleBox2 br { display:none; }

/*展覧会項目の位置解除1/2*/
#shirokane, #naitorei, #genso, #strasbourg, #mary, #edouard, #edward, #stewart,#masks,#tatemono,#privateCollection,#otto,#galle,#medici,#children,#boltanski,#namikawa,#close2017,#sousyoku,#tatemono_france,
	#brazil,#artdeco2018,#collage2019,
	#kisling,#tatemono_1933,#asiaImage,#lalique2019
{ top:auto; left:auto; padding:10px; width:auto; height:auto; }

#coming { display:none; }
.spText { }
.spText::after { content:attr(data-text); }
.spText img { display:none; }

.ex_mainimg .leftBox { width: 100%; float:none; margin:0 0 20px 0; }
.ex_mainimg .textBox { width: 100%; float:none;}

#exhibitionSlider li img{ height:300px; margin:0px 20px 10px 0;}

/*20160809 メイン画像100%表示 2/5*/
.ex_mainimg { width: 114%; margin: 0 -7% 45px -7%;overflow:visible !important;}

.btn_pattern2 { }
.btn_pattern2 li { float: left; margin: 0 1em 10px 0; }
.btn_pattern2 li p.btn_black{ width: 100%;box-sizing: border-box;}

/*2/4 20170704　チケットtable、localnavi*/
#local_navi li{ width: 49.5%; margin: 0 1% 0 0; text-align: center; float: left; }
#local_navi li:first-child{ margin: 0 1% 5px 0;}
#local_navi li:nth-child(2){ margin: 0 0 5px 0;}
#local_navi .wide3 li{ margin: 0 1% 0 0; width: 32.6%;}
#local_navi .wide3 li:nth-child(2){ margin: 0 1% 0 0;}
#local_navi .wide3 li:nth-child(3){ margin: 0;}

#local_navi .navi05 li{ margin: 0 1% 5px 0; width: 32.6%;}
#local_navi .navi05 li:nth-child(2){ margin: 0 1% 5px 0;}
#local_navi .navi05 li:nth-child(3){ margin: 0 0 5px 0;}
	
#local_navi .navi07 li{ margin: 0 1% 5px 0; width: 32.6%;}
#local_navi .navi07 li:nth-child(2){ margin: 0 1% 5px 0;}
#local_navi .navi07 li:nth-child(3n){ margin: 0 0 5px 0;}

	
/*20170901装飾は流動する　追加 2/2 */
.ex_detail_imageBox.decoration171118 ul{ float: none; margin-bottom: 20px; }
.ex_detail_imageBox.decoration171118 ul:nth-child(2),.ex_detail_imageBox.decoration171118 ul:nth-child(7){margin-left:0;}

.youtube_decoration{ width: 100%; }
	
/*20180201 goods*/
.goods .mt40 img{ width: 50%;}
	
.img_pc{ display: none;}
.img_sp{ display: inline-block;}

/*20190917 アジアのイメージ　インタビュー*/
#interview_con .leadBox{flex-direction:column;}
#interview_con .leadBox .photoArea{ width:100%; margin:0 auto 50px; text-align: center; }
#interview_con .leadBox .txtArea{width:100%;}
#interview_con .leadBox h4{ margin: 0 0 20px;}
#interview_con .a_txt{ width: 100%; float: none;}
#interview_con .a_photo{ float: none; width:100%; margin: 50px auto;}
#interview_con .a_photo .photo{ text-align: center; }
.a_photo .img_tate{ width: 100%; max-width: 300px;}
.a_photo .img_yoko{ width: 100%; max-width: 300px;}
#interview_con .a_photo .caption{ text-align: center; }
#interview_con .finalBox{flex-direction:column;}
#interview_con .finalBox .photoArea{ width:100%; margin:0 auto 50px; text-align: center; }
#interview_con .finalBox .txtArea{width:100%;}
.a_photo.heightLine_interview01{ padding: 0;}
.item26{ position: relative;}
#interview_con p.interview_q.mt0{ margin-top: 80px; }
#interview_con .photo.mt80{ margin-top:50px !important; }

/*20191225 アジアのイメージ館長ツイート　2/3*/
#local_navi .btn_twitter{ width: 100%; margin: 0; }
#twitter_con .twitter_inner .txtBox{ width: 100%; margin: 0 0 30px 0;}
#twitter_con .twitter_inner .imgBox{ width: 100%;}
}

@media screen and (max-width:480px) {
.hotspotBox{  left: -200px;  }
.hotspotBox.hotspot02{ left: 0px;} 
#exhibitionSlider li img{ float:none;}
/*20160809 メイン画像100%表示 3/5*/
.exhibitionBox { width:auto; padding:0 10% 0 10%; }
.ex_mainimg { width: 124%; margin: 0 -12% 40px -12%; }
	
.btn_pattern2 li p.btn_black{ width: auto;box-sizing: border-box;}
	
/*3/4 20170704　チケットtable、localnavi*/
table.ticket { border-top:none;border-bottom: solid 1px #000;}
table.ticket th{ width: 100%; display: block;border-bottom: dotted 1px #000;border-top: solid 1px #000; background-color: #eee; }
table.ticket td{ width: 100%; display: block; border-bottom: dotted 1px #000;}
table.ticket td:last-child{border-bottom:none;}
table.ticket .pc{ display: none; }
table.ticket .sp{ display: inline-block;}

.youtube_decoration{ width: 100%; }
	
/*20180201 goods*/
.goods .mt40 img{ float: none; display: block; margin: 0 auto 20px auto; width: auto;}
	
.logo_edo{ width: 180px; float: none; margin: 0 auto !important;}

/*20190917 アジアのイメージ　インタビュー*/
#interview_con .a_txt .interview_a{ padding: 0 0 0 0;  }
#interview_con .a_txt .interview_a .name{ position: relative;}
#interview_con .a_txt_wide .interview_a{ padding: 0 0 0 0;  }
#interview_con .a_txt_wide .interview_a .name{ position: relative;}

/*20191225 アジアのイメージ館長ツイート　3/3*/
#twitter_con .twitter_inner .imgBox .item.wide2{ width: 100%;}
#twitter_con .twitter_inner .imgBox .item.wide2:nth-child(2){ margin: 0 auto 30px;}
}
@media screen and (max-width:768px) and (orientation: landscape) {
/* 横向き */
#header {  display:none !important; } 

#wrapper { padding:10px 0 0 0; min-width:auto; }
#wrapperScroll { position:fixed; top:136px; left:0px; }
/*read speakerで使用 3/3*/
.readspeaker_exhibition {position: absolute; top:40px; }
.ex_toptext.rs{ margin: 0 0 55px 0;}
	
/*20160809 メイン画像100%表示 上書き 4/5*/.exhibitionBox { width:auto; padding:0 6% 0 6%; }
#exhibitionSns { right:30px; top:40px; }
.exBox { width:100%; margin:0 auto 0 auto; }
.exBox ul { width:100%; }
.exBox ul li { width:100%; float:none; }
.nextBox { width:100%; margin:0 auto 0 auto; }
.nextBox ul { width:100%; }
.nextBox ul li { width:100%; float:none; }
.archiveBox { width:100%; margin:0 auto 0 auto; }
.archiveBox ul { width:100%; }
.archiveBox ul li { width:48%; float:left; padding:0 1%; margin:0 0 20px 0; } 
.archiveBox ul li img { width:100%; }

.ex_toptext { margin:0 0 40px 0; }
.ex_detail_textBox .titleBox { float:none; width:100%; }
.ex_detail_textBox .textBox { float:none; width:100%; }
.ex_detail_underBox .basicinformation { float:none; width:100%; margin:0 0 30px 0; }
/*.ex_detail_underBox */.relatedinformation { width:100%; float:none; margin:0 0 30px 0; }
.relatedinformation.l_box {  width:100%; float:none; margin:0 0 30px 0;  }
/*.ex_detail_underBox */.relatedinformation ul li .imgBox { width:35%; }
/*.ex_detail_underBox */.relatedinformation ul li .imgBox img { width:100%; }
/*.ex_detail_underBox */.relatedinformation ul li .textBox { width:60%; }
.ex_detail_imageBox { margin:0 0 30px 0; }
.ex_detail_imageBox ul { margin:0 0 20px 0; }
.ex_detail_imageBox ul li { text-align:center; width:100%; margin:0 0 10px 0; }
.relatedinformation .textBox2 dt   { float: none; width:100%; }
.relatedinformation .textBox2 dd   { float: none; width:100%; }
.relatedinformation .textBox2 dt.txt4 { float: none; width:100%; }
.relatedinformation .textBox2 dd.txt4 { float: none; width:100%; }
.basicinformation.r_box { width:100%; float:none; margin:0;}

#sort { position:static; margin:0 0 20px 0; }
.scheduleBox { background:none; width:100%; height:auto; margin:0 0 40px 0; }
.scheduleBox2 { position:static; margin:0 0 10px 0; }
.scheduleBox2 br { display:none; }
/*展覧会項目の位置解除2/2*/
#shirokane, #naitorei, #genso, #strasbourg, #mary, #edouard, #edward, #stewart,#masks,#tatemono,#privateCollection,#otto,#galle,#medici,#children,#boltanski,#namikawa,#close2017,#sousyoku,#tatemono_france,
	#brazil,#artdeco2018,#collage2019,
	#kisling,#tatemono_1933,#asiaImage,#lalique2019
 { top:auto; left:auto; padding:10px; width:auto; height:auto; }
#coming { display:none; }

.spText { }
.spText::after { content:attr(data-text); }
.spText img { display:none; }
#exhibitionSlider li img{ height:300px; margin:0px 20px 10px 0;}
/*20160809 メイン画像100%表示 5/5*/
.ex_mainimg { width: 114%; margin: 0 -7% 45px -7%; }
	
/*3/4 20170704　チケットtable、localnavi*/	
#local_navi li{ width: 49.5%; margin: 0 1% 0 0; text-align: center; float: left; }
#local_navi li:first-child{ margin: 0 1% 5px 0;}
#local_navi li:nth-child(2){ margin: 0 0 5px 0;}

.youtube_decoration{ width: 100%; }

}
.ito_photo { float: left; margin-right: 5px; margin-bottom: 5px; }