@charset "utf-8";

@font-face{font-family:'Didot';src:url('../font/Didot-HTF-L96-Light-Ital.eot');src:url('../font/Didot-HTF-L96-Light-Ital.eot?#iefix')format('embedded-opentype'),url('../font/Didot-HTF-L96-Light-Ital.woff') format('woff')}
@font-face{font-family:'LeMondeLivreClassic';src:url('../font/LeMondeLivreClassic-Normal.eot');src:url('../font/LeMondeLivreClassic-Normal.eot?#iefix')format('embedded-opentype'),url('../font/LeMondeLivreClassic-Normal.woff') format('woff')}
@font-face{font-family:'IropkeBatangM';src:url('../font/IropkeBatangM.eot');src:url('../font/IropkeBatangM.eot?#iefix')format('embedded-opentype'),url('../font/IropkeBatangM.woff') format('woff')}

#section0,#section1,#section2,#section3,#section4,#section5{overflow:hidden;position:relative;background-repeat:repeat}

#section1{background:url(../images/bg_section1.jpg)}
#section2{background:#c77061 url(../images/bg_section2.jpg);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:80px 50%}
#section3{background:url(../images/bg_section3.jpg)}
#section4{background:#798843 url(../images/bg_section4.jpg);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:80px 50%}
#section5{background:url(../images/bg_section5.jpg)}
/* left-area */
.left-area{position:fixed;top:0;left:0;width:80px;height:100%;min-height:700px;background:url(../images/bg_section1.jpg) repeat;z-index:11}
.left-area-loc { position:fixed;top:0;left:0;width:80px;height:100%;background:url(../images/bg_section1.jpg) repeat; display:none; z-index:12; }

/* full-navi */
.full-navi{text-align:center}
.full-navi a{display:inline-block;margin:25px 0 0}

/* left-navi */
#left-navi{position:absolute;top:50%;left:50%;width:10px;height:653px;margin:-300px 0 0 -5px;writing-mode:tb-rl;z-index:120}
#left-navi li{display:inline;position:relative;margin:10px 0}
#left-navi li:after{content:"";position:absolute;top:-13px;left:50%;width:2px;height:2px;margin:0 0 0 4px;background:#817e7d}
#left-navi li:first-child:after{display:none}
#left-navi li span{position:absolute;top:50%;left:-24px;width:0;height:1px;background:#1b1b22;opacity:0}
#left-navi li.active span{width:24px;opacity:1;-webkit-transition:all, 0.3s, cubic-bezier(0.62, 0.28, 0.23, 0.99) 1s ease-in-out;-moz-transition:all, 0.3s, cubic-bezier(0.62, 0.28, 0.23, 0.99) 1s ease-in-out;-ms-transition:all, 0.3s, cubic-bezier(0.62, 0.28, 0.23, 0.99) 1s ease-in-out;-o-transition:all, 0.3s, cubic-bezier(0.62, 0.28, 0.23, 0.99) 1s ease-in-out;transition:all, 0.3s, cubic-bezier(0.62, 0.28, 0.23, 0.99) 1s ease-in-out;-khtml-transition:all, 0.3s, cubic-bezier(0.62, 0.28, 0.23, 0.99) 1s ease-in-out}
#left-navi li.remove-active span{width:0;opacity:0;-webkit-transition:all, 0.3s, cubic-bezier(0.62, 0.28, 0.23, 0.99) 1s ease-in-out;-moz-transition:all, 0.3s, cubic-bezier(0.62, 0.28, 0.23, 0.99) 1s ease-in-out;-ms-transition:all, 0.3s, cubic-bezier(0.62, 0.28, 0.23, 0.99) 1s ease-in-out;-o-transition:all, 0.3s, cubic-bezier(0.62, 0.28, 0.23, 0.99) 1s ease-in-out;transition:all, 0.3s, cubic-bezier(0.62, 0.28, 0.23, 0.99) 1s ease-in-out;-khtml-transition:all, 0.3s, cubic-bezier(0.62, 0.28, 0.23, 0.99) 1s ease-in-out}

/* full-menu */
#full-menu{position:absolute;top:0;left:0;width:100%;height:100%;z-index:12}
#full-menu:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(45,44,53,0.93);z-index:10}
#full-menu .left-area{background:rgba(0,0,0,0.15);opacity:0;transition:all 0.5s ease-in-out}
.menu-list{height:100%}
.menu-list ul{position:relative;height:100%;margin:0 0 0 80px;z-index:11}
.menu-list li{display:table;float:left;position:relative;width:16.66%;height:100%;text-align:center;white-space:nowrap;opacity:0;transition:all 0.5s ease-in-out}
.menu-list li:after{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:rgba(0,0,0,0.15)}
.menu-list li:first-child:after{background:rgba(0,0,0,0.3)}
.menu-list .table-cell{display:table-cell;vertical-align:middle;opacity:0;transition:all 0.5s ease-in-out}
.menu-list li a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;text-indent:-99999px}
.menu-list li.prologue-li a{opacity:0;transition:all 0.5s ease-in-out}
.menu-list li.prologue-li:hover a{background:url(../images/hover_menu_01.jpg) no-repeat 0 0;background-size:cover;opacity:1;transition:all 0.5s ease-in}
.menu-list li.exhibition-li a{opacity:0;transition:all 0.5s ease-in-out}
.menu-list li.exhibition-li:hover a{background:url(../images/hover_menu_02.jpg) no-repeat 0 0;background-size:cover;opacity:1;transition:all 0.5s ease-in}
.menu-list li.attraction-li a{opacity:0;transition:all 0.5s ease-in-out}
.menu-list li.attraction-li:hover a{background:url(../images/hover_menu_03.jpg) no-repeat 0 0;background-size:cover;opacity:1;transition:all 0.5s ease-in}
.menu-list li.guide-li a{opacity:0;transition:all 0.5s ease-in-out}
.menu-list li.guide-li:hover a{background:url(../images/hover_menu_04.jpg) no-repeat 0 0;background-size:cover;opacity:1;transition:all 0.5s ease-in}
.menu-list li.tour-li a{opacity:0;transition:all 0.5s ease-in-out}
.menu-list li.tour-li:hover a{background:url(../images/hover_menu_05.jpg) no-repeat 0 0;background-size:cover;opacity:1;transition:all 0.5s ease-in}
.menu-list li.news-li a{opacity:0;transition:all 0.5s ease-in-out}
.menu-list li.news-li:hover a{background:url(../images/hover_menu_06.jpg) no-repeat 0 0;background-size:cover;opacity:1;transition:all 0.5s ease-in}
.menu-list li .menu-text{opacity:0.9}
.menu-list li:hover .menu-text{color:#dbbe78;opacity:1;transition:all 0.2s ease-in}
.menu-list li .menu-text{display:inline-block;position:relative;color:#fff;font-family:"IropkeBatangM";font-size:16px;z-index:1}
.menu-list li span{display:block;margin:15px 0 0;color:#54545a;font-family:"LeMondeLivreClassic";font-size:9px;text-transform:uppercase;letter-spacing:0.15em}
.menu-list li:hover span{color:#fff;opacity:0.8}
.menu-list li ul{display:none;position:relative;height:auto;margin:40px 0 0;font-size:13px;letter-spacing:0.06em;z-index:1}
.menu-list li ul li{margin:20px 0}
.menu-list li ul.block{display:block}
.menu-list li li{float:none;width:100%;height:auto}
.menu-list li li:after{display:none}
.menu-list li li a{display:inline-block;position:static;top:auto;left:auto;width:auto;height:auto;background:0 !important;text-indent:0;transition:all 0.2s ease-in-out !important}
.menu-list li li a:hover{color:#dbbe78;transition:all 0.2s ease-in !important}
.bg-movie video{opacity:0;transition:all 0.5s ease-in-out}
.full-movie{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:auto;min-width:100%;height:auto;min-height:100%;z-index:10}
video[poster]{position:absolute;top:0;left:0;min-width:100%;min-height:100%}

/* full-menu layer-open */
.full_head .actions{display:none;position:fixed;top:19px;left:19px;z-index:130}
.full_head .actions.block{display:block}
.full_head .trigger{width:40px;height:40px}
.full_head .trigger .gr{position:absolute;top:0;left:6px;width:20px;height:2px;background-color:#000;-webkit-transition:background-color 400ms, opacity 400ms, -webkit-transform 600ms;transition:background-color 400ms, opacity 400ms, transform 600ms}
.full_head .trigger .g1{top:13px}
.full_head .trigger .g2{top:20px;width:30px;opacity:1;transition:all .1s ease-in-out}
.full_head .trigger .g3{top:27px;width:20px}
.full_head .trigger .btn{display:block;width:100%;height:100%;-webkit-transition:background-color 200ms;transition:background-color 200ms}
.full_head.menu-opening .trigger .gr{left:11px;background-color:#fff}
.full_head.menu-opening .trigger .g1{-webkit-transform:translate3d(0,8px,0) rotate(225deg) scale(1.2, 1);transform:translate3d(0,8px,0) rotate(225deg) scale(1.2, 1)}
.full_head.menu-opening .trigger .g2{opacity:0;transition:all .1s ease-in}
.full_head.menu-opening .trigger .g3{-webkit-transform : translate3d(0,-6px,0) rotate(315deg) scale(1.2, 1);transform:translate3d(0,-6px,0) rotate(315deg) scale(1.2, 1)}
.full_menus{overflow:hidden;position:fixed;top:0;left:0;width:0;height:100%;z-index:120;transition:all .3s ease-in}
.full_menus .pivot{position:absolute;top:0;right:2600px;bottom:0;left:0;background:#2d2c35}
.full_menus.menu-open{height:100%;backface-visibility:hidden}
.full_menus{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}

/* sns */
.sns{position:absolute;bottom:22px;left:50%;width:22px;height:66px;margin:0 0 0 -11px;writing-mode:tb-rl;z-index:11;}
.sns li{display:inline;margin:5px 0}

/* section-common */
.section-contents{position:absolute;top:50%;left:50%;color:#fff}
.section-contents h1{font-size:72px;font-weight:400}
.section-contents p{font-size:16px;line-height:28px}
.section-contents a{color:#fff}

.section-et{position:absolute;top:0;/*right:2600px;*/right:4840px;width:100%;height:100%;background:url(../images/bg_section1.jpg) repeat;z-index:11}
.sect-t{position:relative;height:100%;margin:0 0 0 80px;opacity:1;transition:all .5s ease-in}

/* Home */
#section0 h1{margin:50px 0 0 50px;opacity:0;transition:all .3s ease-in-out}
#utill-menu{position:absolute;top:30px;right:27px;opacity:0;transition:all .3s ease-in-out}
#utill-menu li{float:left;margin:0 8px}
#utill-menu li a{color:#fff;font-family:"LeMondeLivreClassic";font-size:12px;letter-spacing:0.2em;text-transform:uppercase}

#utill-menu li#sound{margin:0 30px 0 0;font-style:italic}
#utill-menu li#sound span{display:inline-block;margin:-2px 5px 0 5px}
#utill-menu li#sound span#sound-command{margin:-2px 5px 0 0}
#utill-menu li#sound span#sound-command.on:after{content:"on"}
#utill-menu li#sound span#sound-command.off:after{content:"off"}

#soundButton,#utill-menu li#sound a{display:inline-block}
#soundButton #soundBars{display:inline-block;width:13px;height:10px;position:relative;-webkit-transform:translateZ(101px);-moz-transform:translateZ(101px);-ms-transform:translateZ(101px);-o-transform:translateZ(101px);transform:translateZ(101px)}
#soundButton #soundBars div{position:relative;float:left;width:3px;height:100%;margin-right:1px}
#soundButton #soundBars div:after{content:"";display:block;position:absolute;bottom:0;left:0;background:#fff;width:2px;height:10%;-webkit-animation-name:soundBar;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;-moz-animation-name:soundBar;-moz-animation-iteration-count:infinite;-moz-animation-direction:alternate;animation-name:soundBar;animation-iteration-count:infinite;animation-direction:alternate}
#soundButton #soundBars.off div:after{-webkit-animation-name:soundBarOff;-webkit-animation-iteration-count:1;-webkit-animation-direction:alternate;-moz-animation-name:soundBarOff;-moz-animation-iteration-count:1;-moz-animation-direction:alternate;animation-name:soundBarOff;animation-iteration-count:1;animation-direction:alternate}
#soundButton #soundBars div:nth-child(0n+1):after{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;animation-duration:.5s}
#soundButton #soundBars div:nth-child(2):after{-webkit-animation-duration:.54s;-moz-animation-duration:.54s;animation-duration:.54s}
#soundButton #soundBars div:nth-child(3):after{-webkit-animation-duration:.47s;-moz-animation-duration:.47s;animation-duration:.47s}
#soundButton #soundBars div:nth-child(4):after{-webkit-animation-duration:.46s;-moz-animation-duration:.46s;animation-duration:.46s}
#soundButton #soundBars div:nth-child(5):after{-webkit-animation-duration:.53s;-moz-animation-duration:.53s;animation-duration:.53s}

@-webkit-keyframes soundBarOff{100%{height:10%}}
@-webkit-keyframes soundBar{0%{height:1%}100%{height:100%}}
@-moz-keyframes soundBarOff{100%{height:10%}}
@-moz-keyframes soundBar{0%{height:1%}100%{height:100%}}
@keyframes soundBarOff{100%{height:10%}}
@keyframes soundBar{0%{height:1%}100%{height:100%}}

.scroll-down{position:absolute;bottom:0;right:45px;opacity:0;transition:all .3s ease-in-out}

/* Home visual */
.mc-hide-scrolls{overflow:hidden}
body .mc-cycle{overflow:hidden;position:absolute;top:0;left:0;width:100% !important;height:100% !important;z-index:-1}
div.mc-image{-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center;background-repeat:no-repeat;height:100% !important;overflow:hidden;width:100% !important}
.mc-old-browser .mc-image{overflow:hidden}

/* Prologue */
#section1 .section-contents-01{width:1080px;height:802px;margin:-403px 0 0 -541px;color:#1b1b22;opacity:0;transition:all .3s ease-in-out}
#section1 .section-contents a{color:#1b1b22;font-family:"LeMondeLivreClassic";font-size:14px;font-style:italic}
#prologue-image,#prologue-group{float:left}
#prologue-group{padding:170px 0 0 50px}
#prologue-group div{padding:0 0 0 60px}
#prologue-group p{margin:15px 0;color:#3d2e28}
#prologue-group h1{position:relative}
#prologue-group h1:after{content:"";position:absolute;top:-490px;left:33px;width:1px;height:500%;background:#1b1b22}
#prologue-group h2{margin:45px 0 25px;font-family:"IropkeBatangM";font-size:30px;font-weight:400;letter-spacing:-0.02em}
#prologue-group h2 span{color:#93595a}
#prologue-group a{display:inline-block;position:relative;margin:8px 0 0 0;padding:10px 0}
#prologue-group a:before{content:"";position:absolute;top:50%;left:-27px;width:10px;height:1px;background:#1b1b22}
#prologue-group a:after{content:"";position:absolute;top:-160px;left:-27px;width:1px;height:179px;background:#1b1b22}
#prologue-group a span{display:block}

/* Greeting */
#greeting-group div.mc-image{background-position:50% 0}
#greeting-group{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#322f2d;z-index:11}
/*#greeting div{position:relative;width:446px;height:500px;padding:0 0 30px 46px}*/

/* 0906-9 */
#greeting{position:absolute;top:50%;left:50%;max-width:1200px;height:610px;margin:-330px 0 0 -600px;color:#ded6d1}
/*#greeting div { margin-left:50px; }*/
.content{ position: relative;  padding:0; width: 740px; max-width: 97%; height: 420px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
/* 0906-9 */

#greeting h1{font-size:72px;font-weight:400}
#greeting h2{margin:48px 0 30px 47px;font-family:"IropkeBatangM";font-size:30px;font-weight:400;letter-spacing:-0.02em}
#greeting p{margin:15px 0;font-size:16px;line-height:28px}
/* #greeting span{position:absolute;bottom:-20px;left:0;width:100%;height:212px;background:url(../images/text_mask.png) no-repeat 0 100%;z-index:10;} */

/* Exhibition */
#section2 .section-contents-02{left:40px;width:100%;height:780px;margin:-411px 0 0 0;opacity:0;transition:all .3s ease-in-out}
.text-group-02{max-width:1400px;margin:0 auto;text-align:center}
.text-group-02 p{position:relative;margin:20px 0 0;padding:35px 0}
.text-group-02 p:before{content:"";position:absolute;top:0;left:50%;width:26px;height:20px;margin:0 0 0 -14px;background:url(../images/double_quotation_top.png) no-repeat 0 0}
.text-group-02 p:after{content:"";position:absolute;bottom:0;left:50%;width:26px;height:20px;margin:0 0 0 -14px;background:url(../images/double_quotation_bottom.png) no-repeat 0 0}
.slide-group{margin:50px 0 0;padding:0 0 0 40px}
.slide span{display:block;width:136px;height:48px;margin:50px auto 0 auto;background:url(../images/btn_exhibition.png) no-repeat 0 0;color:#fff;font-size:15px;text-align:center;line-height:47px}
.slide li{float:left;width:33.33%;padding:30px 0 0;text-align:center}
.slide.slide1 li, .slide.slide2 li{width:25%}
.slide li a{display:inline-block}
.slide li a:hover span{background:url(../images/btn_exhibition_hover.png) no-repeat 0 0;opacity:1;transition:all .2s ease-in}
#slide1 li.first-li img{margin:0 0 0 -50px}
.slide li.second-li{margin:0 0 0 -21px}
#slide1 li.last-li img{margin:0 0 0 -123px}
#slide2 li.first-li img{margin:0 0 0 20px}
#slide2 li.last-li img{margin:0 0 0 -40px}

.ex-iframe{overflow:hidden;height:100%;width:100%;margin:0;padding:0}

.floor{display:none !important;position:absolute;top:0;left:160px;opacity:0;transition:all .3s ease-in-out;z-index:4}
.floor a{display:none;position:absolute;bottom:0;left:0;width:135px;height:170px;text-indent:-99999px}

/* Attraction */
#section3 .section-contents-03{left:40px;width:100%;height:822px;margin:-431px 0 0 0;opacity:0;transition:all .3s ease-in-out}
.text-group-03{position:relative;max-width:1400px;margin:0 auto}
.text-group-03 h1,.text-group-03 p{float:right}
.text-group-03 p{margin:20px 0 0 30px}
.text-group-03 span{position:absolute;top:50%;left:0;margin:-5px 0 0}
#attraction-map-group{overflow:hidden;max-width:2821px;padding:50px 0 0 200px;cursor:move;transition:all .1s;width:100%; height:100%; position:absolute; left:0px;}
/* 0906-1 */
#attraction-map { position:relative; left:0px; right:0px;transition:all .1s; }
#attraction-map img { width:auto; }
#attraction-map span { position:absolute; bottom:27%; right:-10%; background:#000; animation:circle 3s 2s infinite; border-radius:250px; width:auto; height:auto; padding:2px 15px;  line-height:30px; }
/* 0906-1 */

@keyframes circle {
	 0%  { bottom:27%;}
	 50% { bottom:22% }
	 100% { bottom:27% }
}

/* Guide */
#section4 .section-contents-04{width:1050px;height:696px;margin:-349px 0 0 -547px;opacity:0;transition:all .3s ease-in-out}
#guide-box-group{width:667px;height:589px;margin:-24px 0 0 40px;padding:7px;background:url(../images/bg_guide_box.png) no-repeat 0 0}
#guide-box{position:relative;width:585px;height:539px;padding:16px 32px 34px 35px;background:url(../images/bg_guide.png) no-repeat 100% 100%}
#guide-box h1{position:absolute;top:-66px;left:50%;width:164px;margin:0 0 0 -86px}
#guide-box li{margin:15px 0}
#guide-box li#parking{position:relative;margin:0 0 56px;line-height:26px}
#guide-box li#parking:after{content:"";position:absolute;bottom:-28px;left:0;width:296px;height:1px;background:url(../images/guide_line.png) no-repeat 0 0}
#guide-box li#parking span{display:block;text-indent:63px}
#guide-box li#time span{display:block;text-indent:69px}
#guide-box li#address{margin:20px 0 0}
#visual-flower{position:absolute;top:-132px;right:-100px}
#md-store{position:relative;width:310px;margin:0 0 0 30px;padding:86px 0 20px 258px;background:url(../images/md_store_tag.png) no-repeat 0 0;z-index:3}
#md-store h3{width:100px;font-family:"IropkeBatangM";font-size:18px;font-weight:400}
#md-store p{display:inline-block;margin:15px 0 0 33px;font-size:14px;line-height:22px}
#md-store a{display:block;position:absolute;bottom:0;right:0;width:320px;height:165px;text-indent:-99999px}

#md-store-group{display:table;width:100%;height:100%}
#md-store-cell{display:table-cell;height:100%;vertical-align:middle;color:#fff;padding-bottom:20px}
#md-store-cell div{margin:0 0 70px 120px}
#md-store-cell h1{padding:86px 0 40px 300px;background:url(../images/md_store_tag.png) no-repeat 0 0;font-size:72px;font-weight:400}
#md-store-cell p{margin:-40px 0 0;padding:0 0 0 300px;font-size:16px;line-height:28px}
/* 0907-2 */
#md-store-cell span{display:block;text-align:center;margin-right:27%;}
#md-products li img { cursor:move; }
/* 0907-2 */
#md-products ul{overflow:hidden;width:100%;height:364px;margin:0 0 0 300px}
#md-products li{float:left;margin:0 40px 0 0}

#section4 .section-et{background:url(../images/dark_green.jpg) repeat}

#guideTable {
	position: relative;
	display: block;
	font-size: 15px;
	margin: 20px 0 15px;
	padding: 0px;
	width: 100%;
}

#guideTable th, #guideTable td {
	font-weight: normal;
	padding: 7px 18px;
	border: 1px solid rgba(255,255,255,0.2);
	text-align: center;
}

#guide-box li.info {
	overflow: hidden;
	font-size: 14px;
	margin: 20px 0;
}

#guide-box li.info div.left {
	float: left;
	width: 46%;
	margin-right: 4%;
}

#guide-box li.info div.right {
	float: right;
	width: 50%;
}

#guide-box li.info div.left h4,
#guide-box li.info div.right h4 {
	font-family:"IropkeBatangM";
	font-size: 15px;
	font-weight: 400;
}

#guide-box li.info div.right p {
	margin-top: 8px;
	font-size: 14px;
	line-height: 18px;
}

#guide-box li.info div.right div.address {
	margin-top: 20px;
}

#guide-box li.info ul li{
	position: relative;
	font-size: 14px;
	margin: 10px 0;
	padding-left: 15px;
}

#guide-box li.info ul li:after{
	content: "";
	position: absolute;
	top: 9px;
	left: 5px;
	width: 2px;
	height: 2px;
	background: #fff;
}

/* Memorial-body */
.memorial-body.slide-group{margin:0 auto;max-width:1128px}
.memorial-body .slide{margin:-5px 0}
.memorial-body .slide li{float:left;width:33.33%;margin:5px 0}
.memorial-body .slide li .memorial-table{display:table;position:relative;width:333px;height:225px;color:#000;background:url(../images/bg_paper.png) no-repeat 0 0}
.memorial-body .slide li .memorial-table p{display:table-cell;width:100%;vertical-align:middle;font-size:13px;line-height:20px;padding:0 40px 35px 40px;word-break:keep-all}
.memorial-body .slide li .memorial-table .memorial-info{position:absolute;bottom:30px;left:0;width:100%;vertical-align:middle;text-align:center}
.memorial-body .slide li .memorial-table .memorial-info li{display:inline;width:100%;margin:0;padding:0;font-size:12px;color:#777}
.refresh{vertical-align:-3px;margin-right:6px}

/* News */
#news-group{width:100%;height:100%;background:fixed url(../images/bg_news.png) no-repeat 50% 35%}
#section5 .section-contents-05{left:auto;width:100%;height:700px;margin:-376px 0 0 -40px;opacity:0;transition:all .3s ease-in-out}
#section5 .section-contents-05 h1{margin-bottom:20px;text-align:center}
#tabs{margin:46px auto 0 auto;text-align:center}
#tabs li{display:inline;margin:0 9px}
#tabs li a{display:inline-block;width:136px;height:48px;margin:0 auto;background:url(../images/btn_exhibition.png) no-repeat 0 0;color:#fff;font-size:15px;text-align:center;line-height:47px}
#tabs li a:hover,#tabs li.active a{background:url(../images/btn_exhibition_hover.png) no-repeat 0 0}
.board-list{display:none}
.board-notice{display:block}
.board-list ul{position:relative;margin:55px 0 0}
.board-list ul:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:url(../images/board_line.png) repeat-x 0 100%}
.board-list li:first-child{background:url(../images/board_line_top.png) repeat-x 0 0}
.board-list li{position:relative;padding:15px;background:url(../images/board_line.png) repeat-x 0 0}
.board-list li:after{content:"";display:block;clear:both}
.board-list li a{display:block}
.board-list li a:hover{margin:0 0 0 15px}
.board-list .subject{float:left}
.board-list .date{float:right;font-family:"LeMondeLivreClassic";font-size:16px;letter-spacing:0.1em}
.text-center{margin:55px 0 0;text-align:center}
.text-center a{opacity:0.6}
.text-center a:hover{opacity:1}

/*.board-gallery{width:100%}
.board-gallery ul{overflow:hidden;margin:55px -0.8% 0 -0.8%}
.board-gallery ul:after{display:none}
.board-gallery li{float:left;width:23.4%;margin:0 0.8%;padding:0;background:none}
.board-gallery li:first-child{background:none}
.thumb{overflow:hidden;height:150px;background:#fff}
.thumb img{width:100%}
.bottom-content{padding:15px;background:rgba(0,0,0,0.3)}
.bottom-content h3{font-family:"IropkeBatangM";font-size:16px;font-weight:400}*/

/* */
.cd-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #402f44 no-repeat center center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.sect-close .sect-close-btn {
  position: absolute;
  z-index: 13;
  top: 30px;
  right: 30px;
  height: 50px;
  width: 50px;
  background:url(../images/btn_close.png) no-repeat center center;
  text-indent:-99999px;
  opacity:0;
  transition:all .3s ease-in-out;
}

.sect-close-btn {
  opacity: 1 !important;
}


.cd-modal .modal-close {
  /* 'X' icon */
  position: absolute;
  z-index: 13;
  top: 30px;
  right: 30px;
  height: 50px;
  width: 50px;
  background: url(../images/btn_close.png) no-repeat center center;
  text-indent:-99999px;
}
.cd-modal.visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.7s, visibility 0s;
  -moz-transition: opacity 0.7s, visibility 0s;
  transition: opacity 0.7s, visibility 0s;
}
.cd-modal.visible .modal-content {
  -webkit-overflow-scrolling: touch;
}
.cd-modal.visible .modal-close {
  visibility: visible;
  opacity: 1;
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.cd-transition-layer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.cd-transition-layer .bg-layer {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-2%);
  -moz-transform: translateY(-50%) translateX(-2%);
  -ms-transform: translateY(-50%) translateX(-2%);
  -o-transform: translateY(-50%) translateX(-2%);
  transform: translateY(-50%) translateX(-2%);
  height: 100%;
  width: 2500%;
  background: url(../images/ink.png) no-repeat 0 0;
  background-size: 100% 100%;
}
.cd-transition-layer.visible {
  opacity: 1;
  visibility: visible;
}
.cd-transition-layer.opening .bg-layer {
  -webkit-animation: cd-sequence 0.8s steps(24);
  -moz-animation: cd-sequence 0.8s steps(24);
  animation: cd-sequence 0.8s steps(24);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.cd-transition-layer.closing .bg-layer {
  -webkit-animation: cd-sequence-reverse 0.8s steps(24);
  -moz-animation: cd-sequence-reverse 0.8s steps(24);
  animation: cd-sequence-reverse 0.8s steps(24);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.no-cssanimations .cd-transition-layer {
  display: none;
}


/* 0905 */
.none { display:none; }
.block { display:block; }
/* 0905 */



/* popup */
.popupWrap
{
  position:absolute;
  bottom:50px;
  right:100px;
  z-index:1;
  width:480px;
  background:#474747;
}
.popupWrap img
{
  width:100%;
}
.popupWrapT
{
  right:880px;
  width:745px;
}
.popupWrapS
{
  right:50px
}
div.popupWrap div.popupMenu
{
    padding: 5px 11px 6px;
	text-align: right;
}

div.popupWrap div.popupMenu *
{
    color: #fff;
    letter-spacing: -0.02em;
    font-size: 12px;
}
div.popupWrap div.popupMenu button
{
	font-family:'Verdana', Malgun Gothic;
	border:0;
	background:none;
	cursor:pointer;
}

div.popupWrap div.popupMenu button.close
{
    /*float: right;*/
	padding-top:3px;
}


@-webkit-keyframes cd-sequence {
  0% {
    /* translateX(-2%) is used to horizontally center the first frame inside the viewport */
    -webkit-transform: translateY(-50%) translateX(-2%);
  }
  100% {
    /* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
    -webkit-transform: translateY(-50%) translateX(-98%);
  }
}
@-moz-keyframes cd-sequence {
  0% {
    /* translateX(-2%) is used to horizontally center the first frame inside the viewport */
    -moz-transform: translateY(-50%) translateX(-2%);
  }
  100% {
    /* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
    -moz-transform: translateY(-50%) translateX(-98%);
  }
}
@keyframes cd-sequence {
  0% {
    /* translateX(-2%) is used to horizontally center the first frame inside the viewport */
    -webkit-transform: translateY(-50%) translateX(-2%);
    -moz-transform: translateY(-50%) translateX(-2%);
    -ms-transform: translateY(-50%) translateX(-2%);
    -o-transform: translateY(-50%) translateX(-2%);
    transform: translateY(-50%) translateX(-2%);
  }
  100% {
    /* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
    -webkit-transform: translateY(-50%) translateX(-98%);
    -moz-transform: translateY(-50%) translateX(-98%);
    -ms-transform: translateY(-50%) translateX(-98%);
    -o-transform: translateY(-50%) translateX(-98%);
    transform: translateY(-50%) translateX(-98%);
  }
}
@-webkit-keyframes cd-sequence-reverse {
  0% {
    -webkit-transform: translateY(-50%) translateX(-98%);
  }
  100% {
    -webkit-transform: translateY(-50%) translateX(-2%);
  }
}
@-moz-keyframes cd-sequence-reverse {
  0% {
    -moz-transform: translateY(-50%) translateX(-98%);
  }
  100% {
    -moz-transform: translateY(-50%) translateX(-2%);
  }
}
@keyframes cd-sequence-reverse {
  0% {
    -webkit-transform: translateY(-50%) translateX(-98%);
    -moz-transform: translateY(-50%) translateX(-98%);
    -ms-transform: translateY(-50%) translateX(-98%);
    -o-transform: translateY(-50%) translateX(-98%);
    transform: translateY(-50%) translateX(-98%);
  }
  100% {
    -webkit-transform: translateY(-50%) translateX(-2%);
    -moz-transform: translateY(-50%) translateX(-2%);
    -ms-transform: translateY(-50%) translateX(-2%);
    -o-transform: translateY(-50%) translateX(-2%);
    transform: translateY(-50%) translateX(-2%);
  }
}

@media(max-width:2400px){
	#attraction-map span { right:-17% !important }
}

@media(max-width:2300px){
	#attraction-map span { right:-22% !important }
}

@media(max-width:2200px){
	#attraction-map span { right:-28% !important }
}

@media(max-width:2100px){
	#attraction-map span { right:-33% !important }
}

@media(max-width:2000px){
	#attraction-map span { right:-39% !important }
}

@media(max-width:1900px){
	#attraction-map span { right:-46% !important }
}

@media(max-width:1800px){
	#attraction-map span { right:-56% !important }
}

@media(max-width:1700px){
	#attraction-map span { right:-66% !important }
}

@media(max-width:1600px){
	#attraction-map span { right:-76% !important }
}

@media(max-width:1500px){
	#attraction-map span { right:-86% !important }
}

@media(max-width:1400px){
	#attraction-map span { right:-96% !important }
}

@media(max-width:1300px){
	#attraction-map span { right:-114% !important; }
}

@media only screen and (max-width:1281px)
{
	#prologue-group{padding-left:0}
	#greeting{max-width:860px;margin-left:-430px}
	.floor{left:120px}
	.slide-group{padding:0}
	#slide1.slide li img,#slide2.slide li img{height:280px}
	#slide1.slide li.second-li{margin-left:0}
	#slide2.slide li.second-li{margin-left:0}
	#slide1 li.last-li{padding-left:0}
	#slide1 li.last-li img{margin-left:-90px}
	#slide2.slide li.second-li img{margin-right:-85px}
	#slide2 li.first-li img{margin-left:60px}
	.text-group-03 p{padding-right:45px}
	.text-group-03 span{display:none}
	#section5 .section-contents-05{width:1000px}
	.left-text-group{bottom:50px;left:50px}
	.ex-tabs::after{display:none}
	.ex-tabs ul{margin-top:20px}
	/* 0906-1 */
	/* #attraction-map img { width:96%; } */
	/* 0906-1 */

}


@media only screen and (max-height:1078px)
{

	/* 0906-4 */
	#fullpage { position:relative; height:100%; top:0px !important; transition:all .1s;}
	/* 0906-4 */
    .section-contents{position:static;top:auto;left:auto}

    #section1 .section-contents-01{margin:0 auto;padding:120px 0}
    #section2 .section-contents-02{margin:0;padding:106px 0 120px}
    .fp-controlArrow.fp-prev{left:80px}
    .fp-controlArrow.fp-next{right:0}
    #section3 .section-contents-03{margin:0;padding:120px 0 170px}
    #section4 .section-contents-04{position:relative;margin:0 auto;padding:160px 0}
    #visual-flower{top:10px}
    #section5 .section-contents-05{margin:0 auto;padding:145px 0 125px}
}