html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
/*	Youtube Player
============================== */
/*img cover*/
.cover {width:100%; height:100%;}
/*font-color*/
.cRed, .err { color:#990000;}
.cBlu { color:#00559c;}
/*text-colorr*/
 .red{color:#8a2325;}
 .orange{color:#e87902;}
 .blue {color:#3f98ff;}
 .lightblue {color:#18e8f5;}
 .pink {color:#ff13db;}
 .green {color:#12a003;}
 .purple {color:#b233b2;}
 .brown {color:#59310a;}
 .yellow{color:#d4b900;}
 .navy{color:#00559c;}

/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*float*/
.floatL { float:left; display: inline;}
.floatR { float:right; display: inline;}
.clear_flo {clear:both; }
/*link*/
a{text-decoration:underline; color:#631a1a;}
a:hover{ text-decoration:underline; color:#666;}

/*///////////////// body style ////////////////*/
body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing: antialiased;}
html, body, div#con-body {background:#f6ecd3;}

.container{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;}
.container p,.container ul,.container dl,.container ol
{font-feature-settings : "palt";
	font-kerning: normal;
	text-align: justify;
	text-justify:inter-cluster;
}

/*///////////////// header ////////////////*/
header{position:relative;background:#000;}
header .main{width:100%;height:100%;}
header .main img{position:absolute;top:0;left:0;}

.top .bg-slider{position: relative;z-index:100;background-position:center center;background-size:contain;}

.second header .main{background-color:#000;background-position:center bottom;background-repeat:no-repeat;}
	.outline header .main,.event header .main
		{background-image:url(../img/second_main1.jpg) ;}
	.news header .main,.ticket header .main,.column header .main
		{background-image:url(../img/second_main2.jpg) ;}
	.highlight header .main,.english header .main
		{background-image:url(../img/second_main3.jpg) ;}


@media all and (min-width: 768px) {
.top header .main{width:100%;height:0;padding-top:57.28%;background:url(../img/main1.jpg)  center center no-repeat;background-size:contain;}

.top .bg-slider_title{position:absolute;top:0;left:0;z-index:150;
		width:100%;height:100%;min-width:980px;background:url(../img/main.png)  center top no-repeat;background-size:contain;}

.second header{width:100%;min-width:980px;height:200px;}
}

@media all and (max-width: 767px) {
.top header .main{width:100%;height:0;padding-top:114.1%;background:url(../img/main_smp1.jpg)  center center no-repeat;background-size:contain;}
.top .bg-slider_title{position:absolute;top:0;left:0;z-index:150;
		width:100%;height:100%;background:url(../img/main_smp.png)  center top no-repeat;background-size:contain;}

.second header .main{width:100%;height:0;padding-top:19%;background-size:cover;}
}

/*///////////////// nav ////////////////*/

nav .menu{font-family: Garamond,"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif;}
nav .hidebox li a{text-decoration:none;}
nav .hidebox li .trans{display:block;transform: rotate(.03deg);}

@media all and (min-width: 768px) {
nav .menu{width:100%;height:80px;margin:0 auto;background:#004561;}
nav .hidebox{width:980px;height:80px;margin:0 auto;}
nav .hidebox ul{margin:0 auto;
display: -webkit-box;
display: -moz-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
-js-display: flex;
display: flex;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    -webkit-flex-pack:center;
    -moz-flex-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
}

	/*#menu06{color:#75878f;padding:0;margin:0;}*/
nav .hidebox li a{display:block;height:80px;color:#faf6e9;overflow:hidden;}
nav .hidebox li a:hover{display:block;height:80px;background:#faf6e9;color:#004561;}
nav .hidebox li .liBox{display:block;margin-top:20px;height:40px;
	border-sizing:border-box;line-height:40px;font-size:130%;padding:0 20px;
	border-right:solid 1px #e5d3a4;border-left:solid 1px #e5d3a4; }

#menu01 .liBox{border-left:solid 2px #e5d3a4;}
#menu08 .liBox{border-right:solid 2px #e5d3a4;}

#menu08 { color: #faf6e9;position: relative;float: left;margin: 0;cursor:pointer;}
#menu08:hover {color: #faf6e9;}
#menu08 ul {z-index:100;
	display: none;position: absolute;top: 80px;right:0px;padding: 5px;width: 200px;background-color:rgba(0,51,72,0.9);}
#menu08 ul li {margin: 0;padding: 0;border: none;}
#menu08 ul li a {display: block;height: 20px;padding:0 5px;}
#menu08 ul li a:hover {background:#faf6e9;color:#004561;}
#menu08 ul li small{font-size:70%;}

	.top #menu01 a,
	.news #menu02 a,
	.outline #menu03 a,
	.highlight #menu04 a,
	.ticket #menu05 a,
	.event #menu06 a,
	.english #menu07 a{background:#faf6e9;color:#004561;}
}


@media all and (max-width: 767px) {
nav .menu {background:#004561;font-weight:bold;line-height:100%;letter-spacing:0.1em;}

#accordion h2{display:block;width:100%;margin:0 auto;padding:20px 0; color: #faf6e9;
    cursor:pointer;background-size:contain;
    background-image: url(../img/plus.gif);background-repeat: no-repeat;background-position: right center;}
#accordion h2.active{background-image: url(../img/minus.gif);}
#accordion h2 span{margin-left:20px;font-size:120%;}

#accordion .menulist{display:none; margin:0;padding:0 15px;border-top:solid 1px #faf6e9;background:#003348;}
#accordion .menulist li{padding:10px 0;border-bottom:solid 1px #376c81;}
#accordion .menulist li:last-child{border:none;}

	/*#menu06 span{color:#75878f;padding-left:10px;}*/
#accordion .menulist a{display:block;color: #faf6e9;padding-left:10px;}
#accordion .menulist a:hover {background:#faf6e9;color:#004561;}

#menu08 { color: #faf6e9;margin: 0;}
#menu08 .liBox{display:block;padding:0 0 10px 10px;border-bottom:dashed 1px #376c81}
#menu08 ul {padding:0 10px;}
#menu08 ul li {margin: 0;padding: 0;border: none;}
#menu08 ul li a {color: #faf6e9;}
#menu08 ul li small{font-size:70%;}
}

/*///////////////// container column ////////////////*/
.container{background:#faf6e9;color:#333;}
.columnBox{overflow:hidden;}
@media all and (min-width: 768px) {
.container{min-width:980px;}
	.top .columnBox{width:100%;margin:0 auto;font-size:110%;line-height:160%;}
	.top .columnBox section{width:920px;margin:0 auto;}
	.top .Barea{width:100%;overflow:hidden;
				background:url(../img/bg.png)  center center repeat-x  #f6ecd3;}

.second .columnBox{clear:both;width:920px;margin:0 auto;line-height:160%;}
	.columnL{float:left;}
	.columnR{float:right}
}
@media all and (max-width: 767px) {
.columnBox{margin:0 auto;font-size:80%;line-height:160%;}

.top .columnR{background:#f9f4e3;}
.second .columnR{background:#eff3f8;}
}

/*///////////////// other ////////////////*/
/*///----- title -----///*/
h2,h3,h4,h5{font-family: Garamond,"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif;}
/*///----- BG color -----///*/
@media all and (min-width: 768px) {
.bg-y{background:#f6ecd3;}
}
@media all and (max-width: 767px) {
.bg-y-smp{background:#f6ecd3;}
}

/*///////////////// whats new ////////////////*/
#newsArea h2{background-image:url(../img/top/title_whatsnew.png) ;background-repeat:no-repeat;}
#newsArea #js-load{padding:0;box-sizing:border-box;border-top:solid 1px #004561;border-bottom:solid 1px #004561;}
#newsArea #js-load .lists{overflow:auto;}
	/* dl area */
	#newsArea dl a{color:#004561;}
	#newsArea dl a:hover{text-decoration:none;}
	#newsArea dt{word-break:break-all;}
	#newsArea dt{float:left;text-align:left;line-height:100%;}
	#newsArea dd{word-break: break-all;}
	#newsArea dd:last-child{margin-bottom:0;}
	/* scrollbar */
	#newsArea #js-load .lists::-webkit-scrollbar{background: #004561;}
	#newsArea #js-load .lists::-webkit-scrollbar-thumb{background: #004561;}
	#newsArea #js-load .lists::-webkit-scrollbar-track-piece:start{ background: #e5d3a4;}
	#newsArea #js-load .lists::-webkit-scrollbar-track-piece:end{ background: #e5d3a4;}
	#newsArea #js-load .lists::-webkit-scrollbar-corner{ background: transparent;}
	#newsArea #js-load .lists::-webkit-scrollbar{width:10px;}
	/* dl area */
	#newsArea dl{padding-top:2px;color:#000;letter-spacing:0.1em;}
	#newsArea dt{padding:2px;color:#faf6e9;background:#004561;text-align:center;}
	#newsArea dd{padding-left:100px;margin-bottom:12px;}

@media all and (min-width: 768px) {
#newsArea {width: 590px;height: 240px;padding:30px 0 30px;}
#newsArea h2{width:580px;height:35px;background-position:10px 0;border-left:solid 10px #004561;}
#newsArea #js-load{width: 590px;height:185px;margin:20px auto;}
#newsArea #js-load .lists{width: 560px;height:160px;margin:10px auto;}
	/* dl area */
	#newsArea dl{font-size:80%;}
	#newsArea dt{min-width:80px;}
	#newsArea dd{padding-left:100px;}
	#newsArea dd{line-height:1.4;}
}

@media all and (max-width: 767px) {
#newsArea{width:90%;margin:0 auto;padding:2em 0 1em;}
#newsArea h2{width:100%;height:25px;background-position:5px 0;background-size:contain;border-left:solid 5px #004561;}
#newsArea #js-load{width:100%;margin:1em auto;}
#newsArea #js-load .lists{width:100%;height:145px;margin:1em auto;}
	/* dl area */
	#newsArea dl{font-size:85%;}
	#newsArea dt{min-width:65px;}
	#newsArea dd{padding:0 5px 0 80px;margin-bottom:10px;}
	#newsArea dd{line-height:130%;}
}


/*///////////////// twitter timeline ////////////////*/
#twitterArea h2{background-image:url(../img/top/title_twitter.png) ;background-repeat:no-repeat;}
#twitterArea h2{position:relative;}
#twitterArea h2 small{position: absolute;bottom: 0px; right: 5px;
	font-size:70%;line-height:100%;font-weight:normal;color:#004561;}
#timeline .tw{background:#fff;}

.second #timeline{box-sizing:border-box}

@media all and (min-width: 768px) {
#twitterArea {width: 590px;padding:30px 0;}
#twitterArea h2{width:580px;height:35px;background-position:10px 0;border-left:solid 10px #004561;}
#twitterArea h2 a{display:block;width:580px;height:35px}

.top #timeline{width: 560px;height:375px;margin-top:20px;padding:10px;background:#faf6e9;border:solid 1px #004561;}
.top #timeline .tw{width: 560px;height:373px;overflow:hidden;}

.second #timeline{width: 300px;height:320px;margin-bottom:30px;padding:10px;background:#faf6e9;border:solid 1px #004561;}
.second #timeline .tw{width:280px;height:300px;}

}

@media all and (max-width: 767px) {
#twitterArea{width:90%;margin:0 auto;padding:2em 0 1em;}
#twitterArea h2{width:100%;height:25px;background-position:5px 0;background-size:contain;border-left:solid 5px #004561;}
#twitterArea h2 a{display:block;position: absolute;top:0;left:0;width:100%;height:100%;}

.top #timeline{width: 100%;height:220px;margin:1em auto;background:#faf6e9;border:solid 1px #004561;}
.top #timeline .tw{width:95%;height:200px;margin:10px auto;overflow:hidden;}

.second #timeline{width: 100%;height:320px;margin:1em auto 0;background:#85a4c5;border:solid 1px #004561;}
.second #timeline .tw{width:95%;height:300px;margin:10px auto;}
}


/*///////////////// right ////////////////*/
.bannerBox{width:300px;margin:0 auto;overflow:hidden;}
.bn{width:300px;height:250px;}
.bn,.bn_right{width:300px; margin:0 auto;}
.bn_right span{display:block;width:300px;height:120px;}
.bn_right a{display:block;width:300px;height:120px;text-indent: -9999px;}
	.t1 a{background:url(../img/banner_pia.jpg) no-repeat;}
	.t2 a{background:url(../img/banner_boo.jpg?) no-repeat;}

.bn_right p small{font-size:70%;}
.bannerBox .mov_btn a{display:block;width:300px;height:170px;background:url(../img/mov_btn1127.jpg) no-repeat;text-indent: -9999px;}

@media all and (min-width: 768px) {
.bn{margin-top:30px;}
	.top .bn_right .t1{margin-top:20px;}
	.top .bn_right .t2{margin-top:30px;}
	.top .bn_right span{margin-bottom:20px;}
	.top .bn_right span:last-child{margin-bottom:0;}
	.top .bn_right p small{display:none;}

	.second .bn_right{margin:20px auto 10px;}
	.second .bn_right span{margin-bottom:20px;}
	.second .bn_right span:last-of-type{margin-bottom:10px;}

.bn_right a{transition: 0.8s ;}
.bn_right a:hover{filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;}
.bannerBox .mov_btn{margin:20px auto;}
.bannerBox .mov_btn a:hover{filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;}
}

@media all and (max-width: 767px) {
.top #rectangle_bn {position:absolute;bottom:500px;width:100%;}

.top .bn{margin:10px auto 0;}

	.top .bn_right .t1{margin-top:10px;}
	.top .bn_right .t2{padding-top:410px;}


.top .bn_right span{margin-bottom:10px;}
.top .bn_right span:last-of-type{margin-bottom:0;}
.top .bannerBox .mov_btn{margin:10px auto 20px;}

	.second  .bn{margin-bottom:1em;}
	.second .bannerBox{padding:2em 0;}
	.second .bn_right span{margin-bottom:1em;}
	.second .bn_right span:last-of-type{margin-bottom:0;}
	.second .bannerBox .mov_btn{margin-top:1em;}
}

/*///////////////// sp_btn ////////////////*/
.sp_btn{margin:0 auto;}
.sp_btn li a{display:block;text-indent: -9999px;}
	.sp_btn .btn1 a{background-image:url(../img/top/column_btn1.jpg);background-repeat:no-repeat;}
	.sp_btn .btn2 a{background-image:url(../img/top/column_btn2.jpg);background-repeat:no-repeat;}

@media all and (min-width: 768px) {
.sp_btn .btn1 a{width: 285px;height:120px;margin-top:30px; float: left;}
.sp_btn .btn2 a{width: 285px;height:120px;margin-top:30px; float: right;}
.sp_btn li a{ transition: 0.8s;}
.sp_btn li a:hover{ filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;}
}

@media all and (max-width: 767px) {
.sp_btn{ padding: 2em 0 0em; width: 90%;}
.sp_btn li{ width: 49%; margin-right: 2%; float: left; display:block;}
.sp_btn li:nth-child(2){ margin-right: 0%;}
.sp_btn li a{ height: 0; overflow: hidden; background-size:100% 100%; padding-top: 42.1052%;}
}


/*///////////////// sns_bt ////////////////*/
.social {margin:0 auto;text-align:center;}
	.social .tw{display:inline-block;height:20px;}
	.social .fb{display:inline-block;height:20px;}

/*///////////////// footer ////////////////*/
footer,#page_top{font-family: Garamond,"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif;}
footer .bottom{text-align:center;line-height:100%;color:#004561;}
footer .bottom a{ text-decoration:none;color:#004561;}
footer .bottom small{font-size:70%;font-weight:bold;}
#page_top {z-index:50;}

@media all and (min-width: 768px) {
footer {padding:35px 0;clear:both;}
	.second footer {background:#f6ecd3;}
#page_top {text-indent: -9999px;position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:url(../img/pagetop.png) no-repeat;}
#page_top a{display:block;width:60px;height:60px;}
}
@media all and (max-width: 767px) {
footer {padding:1.5em 0 70px;background:#f6ecd3;}
footer .bottom{padding:0 2em;}
#page_top  {position:fixed;bottom:0;width:100%;text-align:center;font-weight:bold;background:#004561;}
#page_top  a{text-decoration:none;color:#f6ecd3;display:block;text-decoration:none;line-height:50px;height:50px}
}

/*///////////////// lazy ////////////////*/
.lazy {position:relative;display:block;background:center top no-repeat;background-size:cover;}
.lazy img{position:absolute;top:0;left:0;}


/*///////////////// modal ////////////////*/
/* =================================
	TBS Modal CSS
================================= */

.md-box {
	position:absolute;
	z-index:10001;
	left:50%;
	top:50%;
}
.md-close {
	padding-right:4px;
}
.md-close a, .md-close a span {
	display:block;
}
.md-box .md-close a {
	width:100%;
/*	cursor:-webkit-zoom-out;
	cursor:zoom-out; */
}
.md-close a:after {
	display:block;
	content:"";
	clear:both;
}
.md-close a span {
	float:right;
	background-repeat:no-repeat;
	font-size:2px;text-indent:110%;white-space:nowrap;overflow:hidden;
	cursor:pointer;
}
.md-inner {
	position:relative;
	background-color:#000;
	overflow:hidden;
}
.md-inner video {
	width:100%;
	max-width:100%;
	height:auto;
}
.md-inner div.md-pics {
	background-repeat:no-repeat;
	background-position:center center;
}
.md-caption {
	text-align:left;
	line-height:1.25;
	padding:0.5em 0;
}

/*	case narrow
============================== */
.md-nrw {
	width:100%;
	position:absolute;
	z-index:5200;
}
.md-nrw .md-caption {
	background-color:#000;
	bottom:0;
	width:100%;
}


@media all and (min-width: 640px), (min-height: 640px) {
.md-close a {
	height:46px;
}
.md-close a span {
	width:40px;
	height:40px;
}
.md-close a span {
	background-position:left top;
}
.md-inner {
	margin-bottom:6px;
}
.md-caption {
	font-size:75%;
}
}
@media all and (max-width: 639px), (max-height: 639px) {
.md-close a {
	height:28px;
}
.md-close a span {
	width:24px;
	height:24px;
}
.md-close a span {
	background-position:0 -200px;
}
.md-inner {
	margin-bottom:4px;
}
.md-caption {
	font-size:67.5%;
}
}

/*	customize
============================== */
.md-close a span {
	background-image:url(/um/img/btn_modal.svg);
	background-color:#000;
}
.md-inner {
	/*background-color: rgba(0,0,0,0.5);*/
	-webkit-box-shadow: rgba(0,0,0,0.5) 0px 0px 5px 2px;
	box-shadow: rgba(0,0,0,0.5) 0px 0px 5px 2px;
}
.md-caption {
	color:#fff;
	word-break:break-all;
}
@media all and (min-width: 640px), (min-height: 640px) {
.md-close a span {
	border-radius:20px;
}
}
@media all and (max-width: 639px), (max-height: 639px) {
.md-close a span {
	border-radius:12px;
}
}


div.modal-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}

/*	印刷禁止対応
============================== */
@media print {
div.modal-overlay {
	display:none;
}
.md-box, .md-close {
	display:none;
}
}