@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ● トップページ専用CSS                                  */
/*    ・ページ固有の処理を記述                             */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*フロアマップ高さ調整*/
.GuideMap.REKI .MainImageBlock .BlockContents .MapBox > .ImageItem{
  max-height:550px;
}

.GuideMap.REKI .MainImageBlock .BlockContents .MapBox > .ImageItem .Image{
  max-height:550px;
}

.PageBrakePoint{
  page-break-after: always;
}
.PageListBrakePoint{
  page-break-after: auto;
  display:none;
}


/* タイトルのみ用CSSここから
.PageBrakePoint{
  page-break-after: auto;
  display:none;
}

.PageListBrakePoint{
  page-break-after: always;
  display:block;
}


.GuideMap .MainImageBlock .BlockContents .MapBox .ImageItem{
  transform: scale(1);
  width: 66%;
  margin: 0 auto 0 0 ;
  padding-bottom:20px;
  margin-top:10px!important;
}
.GuideMap .MainImageBlock .BlockContents .MapBox ul{

}
.GuideMap .MainImageBlock .BlockContents .MapBox ul li{
  display:block;
  padding:0;
  border-bottom:2px solid #ccc;
}

.GuideMap .MainImageBlock .BlockContents .MapBox ul li .modal{
  font-size:95%;
}


.GuideMap .MainImageBlock .BlockContents .MapBox ul li table{
  display:none!important;
}
.iziModal table td{
  display:none!important;
}
.GuideMap .MainImageBlock .BlockContents .MapBox > .ImageItem{
  max-height:400px!important;
}
.GuideMap .MainImageBlock .BlockContents .MapBox > .ImageItem .Image{
  max-height:400px!important;
}

.GuideMap.REKI .MainImageBlock .BlockContents .MapBox > .ImageItem{
  max-height:360px!important;
}
.GuideMap.REKI .MainImageBlock .BlockContents .MapBox > .ImageItem .Image{
  max-height:360px!important;
}

body.ASAKURA .ImageItem:before{
  position:absolute;
  content: '';
  bottom:2px;
  right:auto!Important;
  left:102.5%!Important;
  width:110px;
  height:20px;
  border:2px solid red;
  display:inline-block;
  z-index:15;
  font-size:80%;
  text-align:left!Important;
}

body.ASAKURA .ImageItem:after{
  content: '◀'!Important;
  position:absolute;
  bottom:2px;
  left:98%!Important;
  width:20px;
  height:25px;
  border:0px solid red;
  display:inline-block;
  z-index:15;
  font-size:80%;
  line-height:1.2;
  text-align:right;
}

body.GuideMap.ASAKURA .MainImageBlock .BlockContents .MapBox > .ImageItem .Image{
  background: url(../img/point_map.png) no-repeat 50% 0%!Important;
  background-size:100% auto!Important;
}
*/

/* タイトルのみ用CSSここまで*/






body{
  border:0px solid red;
  position:relative;
}
.World{
  position:relative;
}
body.JP .World:before{
  content: '';
  position:absolute;
  top:50px;
  right:10px;
  /*background: url(../qr/jp-qr.png) no-repeat 100% 0%;
  background-size:100% auto;*/
  display:inline-block;
  width:100px;
  height:100px;
  z-index:10;
}
body.EN .World:before{
  content: '';
  position:absolute;
  top:50px;
  right:10px;
  /*background: url(../qr/en-qr.png) no-repeat 100% 0%;
  background-size:100% auto;*/
  display:inline-block;
  width:100px;
  height:100px;
  z-index:10;
}
body.TW .World:before{
  content: '';
  position:absolute;
  top:50px;
  right:10px;
  /*background: url(../qr/tw-qr.png) no-repeat 100% 0%;
  background-size:100% auto;*/
  display:inline-block;
  width:100px;
  height:100px;
  z-index:10;
}
body.CN .World:before{
  content: '';
  position:absolute;
  top:50px;
  right:10px;
  /*background: url(../qr/cn-qr.png) no-repeat 100% 0%;
  background-size:100% auto;*/
  display:inline-block;
  width:100px;
  height:100px;
  z-index:10;
}

/*本番QRコード*/

/*ローカルの場合のみ*/
/*日本語*/
body.JP.ASAKURA .World:before{
  background: url(../qr/asahaku-jp.png) no-repeat 100% 0%;
  background-size:100% auto;
  content: '';
}
body.JP.WAKAHAKU .World:before{
  background: url(../qr/wakahaku-jp.png) no-repeat 100% 0%;
  background-size:100% auto;
}
body.JP.REKI .World:before{
  background: url(../qr/rekihaku-jp.png) no-repeat 100% 0%;
  background-size:100% auto;
}

/*英語*/
body.EN.ASAKURA .World:before{
  background: url(../qr/asahaku-en.png) no-repeat 100% 0%;
  background-size:100% auto;
}
body.EN.WAKAHAKU .World:before{
  background: url(../qr/wakahaku-en.png) no-repeat 100% 0%;
  background-size:100% auto;
}
body.EN.REKI .World:before{
  background: url(../qr/rekihaku-en.png) no-repeat 100% 0%;
  background-size:100% auto;
}

/*簡体*/
body.CN.ASAKURA .World:before{
  background: url(../qr/asahaku-cn.png) no-repeat 100% 0%;
  background-size:100% auto;
}
body.CN.WAKAHAKU .World:before{
  background: url(../qr/wakahaku-cn.png) no-repeat 100% 0%;
  background-size:100% auto;
}
body.CN.REKI .World:before{
  background: url(../qr/rekihaku-cn.png) no-repeat 100% 0%;
  background-size:100% auto;
}

/*繁体*/
body.TW.ASAKURA .World:before{
  background: url(../qr/asahaku-tw.png) no-repeat 100% 0%;
  background-size:100% auto;
}
body.TW.WAKAHAKU .World:before{
  background: url(../qr/wakahaku-tw.png) no-repeat 100% 0%;
  background-size:100% auto;
}
body.TW.REKI .World:before{
  background: url(../qr/rekihaku-tw.png) no-repeat 100% 0%;
  background-size:100% auto;
}

body.JP.ASAKURA:after,
body.EN.ASAKURA:after,
body.CN.ASAKURA:after,
body.TW.ASAKURA:after{
  position:absolute;
  top:150px;
  right:10px;
  width:100px;
  height:auto;
  content: '';
  font-size:80%;
  color:#222;
  text-align:center;
  display:inline-block;
  z-index:11;
  background: #fff;
  padding:2px 0;
  border:0px solid red;
  line-height:1.2;
}

body.JP.ASAKURA:after{
  content: '▲音声ガイド';
  white-space:nowrap;
}
body.EN.ASAKURA:after{
  content: '▲Voice guidance';
  white-space:normal;
  font-size:75%;
}
body.CN.ASAKURA:after{
  content: '▲语音导览';
  white-space:nowrap;
}
body.TW.ASAKURA:after{
  content: '▲語音導覽';
  white-space:nowrap;
}


body.ASAKURA .ImageItem{
  position:relative;
  border:0px solid red;
}
body.ASAKURA .ImageItem:before{
  position:absolute;
  content: '';
  bottom:2px;
  left:35px;
  width:140px;
  height:25px;
  border:0px solid red;
  display:inline-block;
  z-index:15;
  font-size:80%;
  line-height:1.2;
  text-align:left;
}
body.ASAKURA .ImageItem:after{
  content: '▲';
  position:absolute;
  bottom:2px;
  left:10px;
  width:20px;
  height:25px;
  border:0px solid red;
  display:inline-block;
  z-index:15;
  font-size:80%;
  line-height:1.2;
  text-align:right;
}

body.JP.ASAKURA .ImageItem:before{
  content: '音声ガイドマップ';
}
body.EN.ASAKURA .ImageItem:before{
  content: 'Guidance Map';
}
body.CN.ASAKURA .ImageItem:before{
  content: '导览图';
}
body.TW.ASAKURA .ImageItem:before{
  content: '導覽圖';
}







/*印刷用フロア画像を用意*/
.GuideMap .MainImageBlock .BlockContents .MapBox > .ImageItem .Image{
  background: url(../img/point_map_pr.png) no-repeat 50% 0%;
  background-size:100% auto;
}



#HeaderDivision #SiteHeaderArea .SiteTitleBlock .BlockContents p:after{
    content: '音声ガイド';
    display:inline-block;
    margin-left:10px;
}
.GuideMap.EN #HeaderDivision #SiteHeaderArea .SiteTitleBlock .BlockContents p{
    font-size:95%;
}
.GuideMap.EN #HeaderDivision #SiteHeaderArea .SiteTitleBlock .BlockContents p:after{
    content: 'Voice guidance to describe the exhibited objects';
}
.GuideMap.CN #HeaderDivision #SiteHeaderArea .SiteTitleBlock .BlockContents p:after{
    content: '展览解说的语音导览';
}
.GuideMap.TW #HeaderDivision #SiteHeaderArea .SiteTitleBlock .BlockContents p:after{
    content: '展覽解說的語音導覽';
}






#HeaderDivision #SiteHeaderArea .SiteTitleBlock .BlockContents p span{
  
}

.MainImageBlock{
  background:none;
}
.MapBox .ImageItem{
  margin-top:20px;
}
.GuideMap .MainImageBlock .BlockContents .MapBox ul.PointList {
  overflow-y: visible;
  height: auto;
}
.GuideMap .MainImageBlock .BlockContents .MapBox ul{
  border:none;
}
.PointList li{
  display:block;
  list-style:none;
  border-bottom:2px dotted #222;
  padding:20px 0;
  margin:20px 0;
}

.GuideMap .MainImageBlock .BlockContents .MapBox ul li a:hover .PointNo,
.GuideMap .MainImageBlock .BlockContents .MapBox ul li a .PointNo{
  font-weight:bold;
  font-size: 150%;
  vertical-align: middle;
  width: 1.5em;
  line-height: 1.5em;
}

.GuideMap .MainImageBlock .BlockContents .MapBox ul li a:hover .PointName,
.GuideMap .MainImageBlock .BlockContents .MapBox ul li a .PointName{
  color:#000;
  font-size: 150%;
  padding:0;
  font-weight:600;
  vertical-align: middle;
  padding-left:20px;

}
.GuideMap .MainImageBlock .BlockContents .MapBox .PopUpListTitle::after{
  display:none;
}
.GuideMap .MainImageBlock .BlockContents .MapBox > .ImageItem{
  margin-bottom:0;
}
.GuideMap .MainImageBlock .BlockContents .MapBox > .ImageItem .Image::after{
  display:none;
}
.GuideMap .MainImageBlock .BlockContents .MapBox .PopUpListTitle p.Main{
  display:none;
}
.GuideMap .MainImageBlock .BlockContents .MapBox .PopUpListTitle::before {
  display:none;
}


/*モーダル*/
.iziModal{
  max-width:800px!important;
}

.iziModa .iziModal-content{
  width:100%;
  border:2px solid #222;
  display:block;
}
.iziModal table{
  width:100%;
  border:2px solid #222;
}
.iziModal table td{
  width:100%;
  display:block;
}

.PointDetail {
  margin-top:10px;
}

table th{
  display:none;
}
table .Radio{
  display:none;
}
table audio{
  display:none;
}