@charset "utf-8";

video {
	max-width: 100%;
	height: auto;
}

/*---------------------------------------------------------------------------
font
---------------------------------------------------------------------------*/
nav span,.ttl span,#point h3 span,.english{
	font-family: 'Droid Serif', serif;
	letter-spacing:2px;
}

/*---------------------------------------------------------------------------
ttl
---------------------------------------------------------------------------*/
.ttl{
	margin-top:5%;
	font-size:100%;
}

.ttl img{
	max-width:none;
	width:auto;
	height:68px;
}

.ttl span{
	font-size:3.6rem;
}


@media(min-width:481px){
	.ttl img{
		height:90px;
	}
	
	.ttl span{
		font-size:4.6rem;
	}
}

/*---------------------------------------------------------------------------
color
---------------------------------------------------------------------------*/
.main{
	background-color:#fff;
}

.header,.header .global,.color1,#information .admissionfeeList th{
	background-color:#e10011;
}

.ttl,#information h4,#about .content dt{
	color:#e10011;
}

.btn a,#topics .topicsList li .btn{
	color:#FFF;
	background-color:#000;
	border:solid 2px #000;
}

.btn a:hover{
	background-color:#fff;
	border:solid 2px #000;
	background-color:#fff;
	color:#000;
	text-decoration:none;
}

.btnW a{
	color:#000;
	background-color:#fff;
	border:solid 2px #fff;
}

.btnW a:hover{
	background-color:#000;
	border:solid 2px #000;
	color:#fff;
	text-decoration:none;
}


#ticket .admissionfeeList th{
	background-color:#e10011;
}

#pageTop,#nextPage{
	background-color:#fff;
}

#nextPage a,a,#topics .topicsList li a{
	color:#000;
}

footer,footer a{
	color:#fff;
}

#nextPage:hover,footer{
	background-color:#000;
}

footer .global{
	background-color:#474747;
}

footer .btn a{
	background-color:#fff;
	color:#000;
}

footer .caption{
	margin:0;
}

@media(min-width:999px){
	footer{
		padding:20px;
	}

	footer .caption{
		text-align:center;
	}
}

/*---------------------------------------------------------------------------

common

---------------------------------------------------------------------------*/
body{
	overflow-x: hidden;
}

.content{
	padding:20px;
}

.contentIn{
	max-width: 960px;
	margin:0 auto;
	box-sizing:border-box;
}

#snsBlock{
	margin:20px 0;
	float:right;
}

.btn a{
	display:block;
	text-align:center;
	padding:3px 10px;
	margin:0 auto;
	text-decoration:none;
}

.picRight,.picLeft{
	text-align:left;
}

.caption{
	margin:10px 0;
}

.left{
	float:left;
}

.right{
	float:right;
}

.ttl{
	text-align:center;
}

h2{
	text-align:center;
	margin-bottom:20px;
}

a:hover{
	text-decoration:none;
}

/*a img:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity:0.7;
}*/

h1 .viewS img{
	max-width:180px;
	padding:2% 0;
}

.viewPC{
	display:none;
}

.viewS{
	display:block;
}

.ttl span{
	display:block;
}

@media(max-width:480px){
	h1 img{
		width:100px;
		vertical-align:middle;
	}
	.btn a{
		font-size:1.2rem;
	}
}

@media(min-width:1000px){

	.viewPC{
		display:block;
	}

	.viewS{
		display:none;
	}

}


/*---------------------------------------------------------------------------

header

---------------------------------------------------------------------------*/
.header a{
	text-decoration:none;
}

@media(max-width:999px){
	.drawer--left .drawer-nav{
		left:-20rem;
	}
	
	.drawer-nav{
		width:20rem;
	}

	.drawer-nav .non{
		opacity:0.4;
	}

	.drawer-nav li{
		text-align:left;
		font-weight:bold;
	}

	.drawer-nav li a{
		text-decoration:none;
	}
	
	.drawer-nav li a{
		display:block;
	}
	
	.drawer-nav .global{
		padding-top:20px;
	}

	.drawer-nav .global li i{
		position:absolute;
		right:20px;
		margin:0;
	}

	.drawer-nav .global li a,.drawer-nav .global .non{
		padding:3px 20px;
	}
	
}

@media(min-width:1000px){
	.header h1{
		background-color:#fff;
		padding:10px 0;
	}

	.header ul{
		max-width:960px;
		margin:0 auto;
		overflow:hidden;
	}
	
	.header ul li{
		float:left;
	}
	
	.header .global{
		width:100%;
	}

	.header .global li{
		margin-right:20.5px;
		/*border-bottom:solid 2px #e10011;*/
		margin-top:3px;
	}

	.header .global li:last-child{
		margin-right:0;
	}

	.header .global li a:after{
		display: block;
		content: "";
		width: 0px;
		height: 3px;
		background-color: #fff;
		margin: 14px auto 0;
		transition: .25s ease-out;
		-webkit-transition: .25s ease-out;
		-moz-transition: .25s ease-out;
		-o-transition: .25s ease-out;
		-ms-transition: .25s ease-out;
	}

	.header .global li a:hover:after,#about #nav_about a:after,#topics #nav_topics a:after,#information #nav_information a:after,#navigator #nav_navigator a:after,#song #nav_song a:after,#introduction #nav_introduction a:after,#event #nav_event a:after,#collaboration #nav_collaboration a:after,#column #nav_column a:after{
    	width: 100%;
	}
	
	.header .global .non{
		opacity:0.6;
	}
	
	.header .subNav{
		background-color:#000;
		overflow:hidden;
		padding:5px 0;
	}
	
	.header .subNav a{
		color:#fff;
	}
	
	.header .access{
		float:left;
		width:50%;
	}

	.header .access li{
		margin-right:10px;
	}

	.header .language{
		float:right;
		width:50%;
		text-align:right;
	}

	.header .language li{
		float:right;
	}
	
}

/*---------------------------------------------------------------------------

loading

---------------------------------------------------------------------------*/
#loading{
	background-color:#fff;
	width:100%;
	height:100%;
	position:fixed;
	z-index:100;
	text-align:center;
	display: table;
	top:0;
}

#loadIn{
 display: table-cell;
  text-align: center;
  vertical-align: middle;
}

#loading img{
	max-width:500px;
}

@media(max-width:480px){
	#loading img{
		max-width:150px;
}
}

/*---------------------------------------------------------------------------

top

---------------------------------------------------------------------------*/
.bnr{
	margin-bottom:10px;
}

#access .btnAccess a{
	box-sizing:border-box;
	text-decoration:none;
	font-size:2.0rem;
	color:#000;
}

.movieBlock{
	margin-top:20px;
}

.bx-wrapper{
	margin-bottom:0;
}

#top .ttl{
	margin-top:0;
}

#top #Induction li{
	margin-bottom:15px;
}

#top #time{
	color:#e10011;
	text-align:center;
	margin-bottom:20px;
	font-weight:bold;
	font-size:95%;
}

@media(max-width:480px){
	#top #time span{
		display:block;
	}
	
	#top #time br{
		display:none;
	}
}

@media(min-width:481px){
	.bnr{
		margin-bottom:15px;
	}

	#top #Induction{
		overflow:hidden;
	}
	
	#top #Induction li{
		float:left;
		width:49%;
	}
	
	#top #Induction li:nth-child(2){
		margin-left:2%;
	}

	#top #time{
		font-size:120%;
	}
	
}

@media(min-width:1000px){
	#top h1{
		display:none;
	}

	/*#top .movieBlock{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}*/

}

/*---------------------------------------------------------------------------
countdown
---------------------------------------------------------------------------*/

#countdown{
	font-size:200%;
	text-align:center;
	font-weight:bold;
	line-height:1;
	margin-bottom:20px;
}

#countdown .english{
	color:#e10011;
	font-size:250%;
}

@media(min-width:481px){
	#countdown br{
		display:none;
	}
}

/*---------------------------------------------------------------------------
mainvisual
---------------------------------------------------------------------------*/
#mainvisual{
	position:relative;
}

#mainvisual img{
	vertical-align:top;
	width:100%;
}

#mainvisual #white{
	background-color:#fff;
	width:100%;
	height:551px;
	position:absolute;
	top:0;
	left:0;
}

#mainvisual .redBG{
	background-color:#e10011;
	width:50%;
	position:absolute;
}

#mainvisual .redBGLeft{
	top:0;
	left:0;
}

#mainvisual .redBGRight{
	top:0;
	right:0;
}

@media(max-width:767px){
	#mainvisualPC,#mainvisualAnimation{
		display:none;
	}
}

@media(min-width:768px){
	#mainvisualS{
		display:none;
	}

	#mainvisualAnimation img{
		position:absolute;
	}
}


/*---------------------------------------------------------------------------
point
---------------------------------------------------------------------------*/
#point .caption{
	padding:0 20px;
	max-width:960px;
	margin:5px auto 0 auto;
}

@media(max-width:767px){
	#point .viewS{
		display:block;
	}

	#point .viewPC{
		display:none;
	}

	#point .viewS{
		background-color:#e10011;
		margin-top:30px;
		margin-bottom:20px;
		text-align:center;
	}

	#point .viewS img{
		width:90%;
	}

	#point .viewS li:first-child{
		margin-bottom:10px;
	}

	#point .viewS li:first-child img{
		margin-top:-20px;
		width:50%;
	}

	#point .viewS li:last-child img{
		margin-bottom:-20px;
	}
}

@media(min-width:768px){

	#point .viewS{
		display:none;
	}

	#point .viewPC{
		display:block;
	}

	#point{
		position:relative;
	}

	#point .bg{
		background-color:#e10011;
		height:517px;
		top:30px;
		width:100%;
		position:absolute;
	}

	#point .contentIn{
		position:relative;
		height:648px;
	}
	
	#point img{
		position:absolute;
	}

}

@media(min-width:1000px){
	#point .bg{
		height:517px;
		top:65px;
	}

	#point .contentIn{
		height:648px;
	}
	
}


/*---------------------------------------------------------------------------
message
---------------------------------------------------------------------------*/
#message{
	color:#d40010;
}

#message h2{
	text-align:left;
}

#message #profile .btn{
	display:inline-block;
	margin-top:10px;
}

#message #profile .btn a{
	background-color:#fff;
	border:solid 1px #e10011;
	color:#e10011;
}

#message #profile .btn a:hover{
	color:#000;
	border-color:#000;
}

#message #messageBlock{
	color:#000;
	border:solid 3px #e10011;
	padding:5%;
	margin-top:20px;
}

#message #messageBlock h3{
	color:#e10011;
}

#message .readmoreBtnBlock{
	padding-top: 4em;
	margin-top: -4em;
	position: relative;
	text-align:center;
	background-image: linear-gradient( 180deg, rgba(255,255,255,0.5), white );
}

#message .readmoreBtnBlock .btn{
	display:inline-block;
	margin:0 auto;
	padding:8px 30px;
	background-color:#e10011;
	color:#fff;
}

#message .readmoreBtnBlock .btn:hover{
	cursor:pointer;
	/*background-color:#fff;
	color:#e10011;
	border: solid 2px #e10011;*/
}

#message .readmore{
	padding:15px;
	clear:both;
}


@media(min-width:481px){
	#message #messageBlock h3{
		font-size:2.8rem;
	}
}


/*---------------------------------------------------------------------------
snsIcon
---------------------------------------------------------------------------*/
#top #snsIcon{
	margin:5%;
	margin-top:0;
}

#top #snsIcon .ttl{
	color:#fff;
	line-height:1.4;
}

#top #snsIcon .btn{
	max-width:200px;
	margin-right: auto;
	margin-left: auto;
	font-weight:bold;
	letter-spacing:2px;
}

#top #snsIcon .btn a{
	background-color:#fff;
	color:#e10011;
	border-color:#fff;
}

#top #snsIcon .btn a:hover{
	color:#000;
	border-color:#000;	
}

@media(min-width:1000px){
	#top #snsIcon{
		margin-right:auto;
		margin-left:auto;
	}
}

/*---------------------------------------------------------------------------
twitterTL
---------------------------------------------------------------------------*/
#top #twitterTL{
	max-width:600px;
	margin:20px auto;
	border:solid 2px #e10011;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/*---------------------------------------------------------------------------

information

---------------------------------------------------------------------------*/
#information .block{
	margin-bottom:20px;
	border-bottom:solid 1px #ddd;
	padding-bottom:20px;
}

/*---------------------------------------------------------------------------

about

---------------------------------------------------------------------------*/
#about .pic{
	text-align:center;
	margin:20px auto;
}

#about .pic img{
	width:200px;
}

@media(min-width:481px){
	#about .pic img{
		width:250px;
	}
}

@media(max-width:999px){
	#about .viewS .content{
		background-color:#fff;
	}

	#about h3{
		text-align:center;
		margin-bottom:15px;
		font-size:150%;
	}
	
	#about dl{
		border-bottom:solid 1px #ddd;
		padding-bottom:15px;
		margin-bottom:15px;
	}

	#about dl:last-child{
		border:none;
		padding-bottom:0;
		margin-bottom:0;
	}
	
}

@media(min-width:481px) and (max-width:999px){
	#about dl{
		overflow:hidden;
		clear:both;
	}

	#about dt{
		float:left;
		margin-right:10px;
		width:14rem;
	}

	#about dd{
		overflow:hidden;
	}
}

@media(min-width:1000px){
	#about #chronology{
		text-align:center;
	}
}

/*---------------------------------------------------------------------------

press

---------------------------------------------------------------------------*/
@media(min-width:481px){
	#press .content{
		text-align:center;
	}
}

/*---------------------------------------------------------------------------

song

---------------------------------------------------------------------------*/
#song .pic{
	margin:20px 0;
}

#song .content .btn{
	display:inline-block;
	margin-top:10px;
}

#song h4{
	font-size:120%;
}

#song .profile,#navigator .profile{
	padding:20px;
	background-color:#eee;
	box-sizing:border-box;
	margin:20px 0;
}

@media(min-width:768px){
	#song h3{
		text-align:center;
	}

	#song .pic{
		text-align:center;
	}

	#song .pic img{
		width:80%;
	}
}

/*---------------------------------------------------------------------------

introduction

---------------------------------------------------------------------------*/
#introduction h3{
	font-size:160%;
	text-align:center;
}

#introduction h3 .subttl{
	font-size:60%;
	display:block;
}

#introduction h3 .chapter{
	padding:0 10px;
	display:inline-block;
	font-size:70%;
}

#introduction h4{
	font-size:120%;
}

#introduction .description{
	line-height:1.4;
	font-size:90%;
}

#introduction .readmoreBtnBlock{
	padding-top: 4em;
	margin-top: -4em;
	position: relative;
	text-align:center;
	background-image: linear-gradient( 180deg, rgba(255,255,255,0.5), white );
}

#introduction .readmoreBtnBlock .btn{
	display:inline-block;
	margin:0 auto;
	padding:8px 30px;
	background-color:#e10011;
	color:#fff;
}

#introduction .readmoreBtnBlock .btn:hover{
	cursor:pointer;
	/*background-color:#fff;
	color:#e10011;
	border: solid 2px #e10011;*/
}

#introduction .readmore{
	padding:15px;
	clear:both;
}


/*bgR*/
#introduction .bgR{
	background-color:#e10011;
	color:#fff;
}

#introduction .bgR .readmore{
	background-color:#fff;
	color:#000;
}

#introduction .bgR h3{
	color:#fff;
}

#introduction .bgR h3 .chapter{
	border:solid 1px #fff;
}

#introduction .bgR h4{
	border-top: solid 1px #fff;
	padding-top:5px;
}


/*bgW*/
#introduction .bgW{
	background-color:#fff;
}

#introduction .bgW h3 .chapter{
	border:solid 1px #e10011;
}

#introduction .bgW .readmore{
	border:solid 3px #e10011;
}

#introduction .bgW h3{
	color:#e10011;
}

#introduction .bgW h4{
	border-top: solid 1px #e10011;
	padding-top:5px;
}

#introduction .bgW h4,#introduction .bgW .description{
	color:#e10011;
}


@media(max-width:767px){
	#introduction h3{
		margin-bottom:20px;
	}

	#introduction .viewPC{
		display:none;
	}

	#introduction .viewS{
		display:block;
	}
	
	#introduction .description{
		margin-bottom:20px;
	}


	#introduction .bgZoom{
		text-align:center;
	}

	#introduction .bgZoom img{
		max-width:400px;
		width:100%;
	}

	#introduction .long img{
		max-width:180px;
	}
}

@media(min-width:768px){
	#introduction .viewPC{
		display:block;
	}

	#introduction .viewS{
		display:none;
	}
	
	#introduction .content{
		padding-top:40px;
		padding-bottom:40px;
	}

	#introduction .picBlock{
		overflow:hidden;
	}

	#introduction h3{
		float:right;
		margin-left:50px;
	}

	#introduction .bgW .bgZoom{
		background-color:#e10011;
	}

	#introduction .bgR .bgZoom{
		background-color:#fff;
	}

	#introduction .readmore{
		clear:both;
		margin-top:50px;
	}

	#introduction .readmore{
		padding:30px;
	}

	/*#introduction .picBlock li:nth-child(1){
		float:left;
	}

	#introduction .picBlock li:nth-child(2){
		float:right;
	}*/
	
	/*chapter0*/
	#introduction #chapter0 li:nth-child(1){
		width:40%;
		float:left;
	}
	#introduction #chapter0 li:nth-child(2){
		width:55%;
		float:right;
	}

	/*chapter1*/
	#introduction #chapter1 .picBlock{
		display:flex;
		justify-content: center;
	}
	#introduction #chapter1 li:nth-child(1){
		float:left;
		width:25%;
	}

	#introduction #chapter1 li:nth-child(2){
		float:right;
		margin-left:5%;
		width:25%;
	}

	/*chapter2*/
	#introduction #chapter2 .nofloat{
		width:65%;
		margin-bottom:30px;
	}
	#introduction #chapter2 li:nth-child(1){
		float:left;
		width:50%;
	}

	#introduction #chapter2 li:nth-child(2){
		float:left;
		margin-left:5%;
		width:24%;
	}

	/*chapter3*/
	#introduction #chapter3 .nofloat{
		width:60%;
		margin-bottom:30px;
	}

	#introduction #chapter3 li:nth-child(1){
		float:left;
		width:25%;
	}

	#introduction #chapter3 li:nth-child(2){
		float:left;
		margin-left:5%;
		width:31.6%;
	}

	/*chapter4*/
	#introduction #chapter4 .picBlock{
		display:flex;
		justify-content: center;
	}
	#introduction #chapter4 li:nth-child(1){
		float:left;
		width:35%;
	}

	#introduction #chapter4 li:nth-child(2){
		float:right;
		width:36.2%;
		margin-left:5%;
	}

	/*chapter5*/
	#introduction #chapter5 .nofloat{
		width:60%;
		margin-bottom:30px;
	}
	
	#introduction #chapter5 li:nth-child(1){
		float:left;
		width:25%;
	}

	#introduction #chapter5 li:nth-child(2){
		float:left;
		width:15.1%;
		margin-left:5%;
	}

	/*chapter6*/
	#introduction #chapter6 .picBlock{
		display:flex;
		justify-content: center;
	}

	#introduction #chapter6 li:nth-child(1){
		float:left;
		width:30%;
	}

	#introduction #chapter6 li:nth-child(2){
		float:left;
		width:35.3%;
		margin-left:5%;
	}

	/*chapter_warau*/
	#introduction #chapter_warau{
		padding-top:0;
	}
	
	#introduction #chapter_warau .contentIn{
		background:url(images/introduction/ttl_warau.png) no-repeat right top;
		max-width:960px;
		box-sizing:border-box;
	}
		
	#introduction #chapter_warau .picBlock{
		width:60%;
		padding-top:120px;
		margin:0 auto 30px auto;
		color:#000;
	}
	
	#introduction #chapter_warau h4{
		border-color:#000;
	}
	
}

/*---------------------------------------------------------------------------

collaboration

---------------------------------------------------------------------------*/
#collaboration h3{
	color:#e10011;
	font-size:120%;
}

#collaboration h4{
	margin-bottom:5%;
	font-size:115%;
	color:#dfb111;
}

#collaboration h4 span{
	border-bottom:double 6px #dfb111;
	padding-bottom:5px;
}

#collaboration h4,#collaboration h5{
	text-align:center;
}

#collaboration h5{
	font-size:110%;
	margin:10px 0 5px 0;
}

#collaboration .pic{
	text-align:center;
}

#collaboration .main .btn{
	display:inline-block;
	font-weight:bold;
	margin-top:10px;
}

#collaboration #Restaurant{
	margin-bottom:5%;
}

#collaboration #Restaurant .bg{
	background:url(images/bg_collaboration.gif) #000;
	color:#fff;
	padding:5%;
	overflow:hidden;
	margin-bottom:5%;
}

#collaboration .intro{
	margin-bottom:20px;
	text-align:center;
	line-height:1.6;
}

#collaboration .intro h3{
	margin-top:30px;
}

#collaboration #Restaurant .caption{
	font-size:85%;
	line-height:1.6;
}

#collaboration .other{
	border:solid 3px #e10011;
	padding:5%;
	margin-bottom:30px;
	overflow:hidden;
}

#collaboration .other h3{
	margin-bottom:30px;
}

#collaboration .other h3 span{
	border-bottom:double 6px #e10011;
	padding-bottom:5px;
	line-height:1.8;
}

#collaboration .other h4{
	text-align:left;
	color:#000;
	font-size:1.8rem;
	margin-bottom:15px;
	line-height:1.4;
	margin-top:10px;
}

#nadaman .caption{
	margin:0;
}

@media(max-width:480px){
	#collaboration .collaborationList li{
		margin-top:20px;
	}

	#collaboration #magots li:nth-child(2) img{
		max-width:200px;
	}
	
	#collaboration #Restaurant .bg{
		background-size:20%;
	}

	#collaboration .other{
		border-width:2px;
	}

}

@media(min-width:481px){
	#collaboration h3{
		font-size:3.0rem;
		font-weight:normal;
	}
	
	#collaboration h4{
		font-size:3.0rem;
		font-weight:normal;
	}

	#collaboration .collaborationList{
		overflow:hidden;
	}
	
	#collaboration .collaborationList li{
		float:left;
		margin-top:20px;
	}
	
	#collaboration #magots li:nth-child(1){
		width:65%;
	}

	#collaboration #magots li:nth-child(2){
		float:right;
		width:32.1%;
	}
	
	#collaboration .column1 .pic{
		float:left;
		width:60%;
		margin-right:20px;
	}
	
	#collaboration .column1 h5{
		text-align:left;
	}
	
	#collaboration .collaborationEntry .pic{
		float:left;
		width:50%;
	}

	#collaboration .collaborationEntry .textBlock{
		float:right;
		overflow:hidden;
		width:47%;
	}

	#collaboration .collaborationEntry h5{
		text-align:left;
	}
	
	#collaboration .other p{
		text-align:left;
	}

	#collaboration #entrance{
		text-align:center;
	}
		
	#collaboration #book .pic{
		float:left;
		width:30%;
		margin-right:30px;
	}

	#collaboration #book h3{
		text-align:center;
	}
}

@media(min-width:768px){
	#collaboration #nadaman .intro{
		text-align:center;
	}
	
	#collaboration #nadaman li{
		width:48%;
		float:left;
	}

	#collaboration #nadaman li:first-child{
		margin-right:4%;
	}

	#collaboration #nadaman li .pic{
		float:none;
		width:100%;
		margin-right:0;
	}

	#collaboration #nadaman li .textBlock{
		float:none;
		width:100%;
	}

}

/*---------------------------------------------------------------------------

event

---------------------------------------------------------------------------*/
#event .list {
	margin-top:5%;
	margin-bottom:5%;
}

#event .list li:first-child{
	border-bottom:solid 2px #000;
	padding-bottom:20px;
	margin-bottom:20px;
}

#event .note{
	background-color:#eee;
	padding:5%;
	margin-top:5%;
}

#event .main p span{
	color:#FF0000;
	text-decoration:underline;
	font-weight:bold;
}

#event .main .btn{
	display:inline-block;
	margin-top:10px;
}

#event .red{
	color:#ff0000;
	font-weight:bold;
}

/*---------------------------------------------------------------------------

movie

---------------------------------------------------------------------------*/
#movie h3{
	text-align:center;
}

#movie .content li{
	margin-bottom:20px;
	text-align:center;
}

#movie .tour{
	margin-bottom:20px;
}

#movie .balloon {
	position: relative;
	background: #e10011;
	color:#fff;
	padding:10px;
	margin-top:20px;
}

#movie .balloon:after, .balloon:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#movie .balloon:after {
	border-color: rgba(225, 0, 17, 0);
	border-bottom-color: #e10011;
	border-width: 10px;
	margin-left: -10px;
}

@media(min-width:1000px){
	#movie .tour{
		width:60%;
		margin:0 auto 30px auto;
	}
	
	#movie .content ul{
		overflow:hidden;
	}
	
	#movie .content li{
		float:left;
		width:49%;
	}

	#movie .content li:nth-child(even){
		margin-left:2%;
	}
}

/*---------------------------------------------------------------------------

navigator

---------------------------------------------------------------------------*/
#navigator .pic{
	margin:20px 0;
}

#navigator .content .btn{
	display:inline-block;
	margin-top:10px;
}

#navigator h4{
	font-size:110%;
}

#navigator h3{
	margin-bottom:15px;
}

#navigator .guide{
	border: solid 4px #e10011;
	color:#e10011;
	padding:20px;
	margin-top:20px;
	font-weight:bold;
}

#navigator .guide h4{
	font-size:140%;
}

@media(min-width:481px) and (max-width:768px){
	#navigator .picLeft{
		text-align:center;
	}
	#navigator .picLeft img{
		width:60%;
	}
}

@media(min-width:769px){

	#navigator .textBlock{
		width:60%;
		float:right;
	}

	#navigator .picLeft{
		width:35%;
	}


}

@media(min-width:481px){
	#navigator .intro{
		text-align:center;
		margin-bottom:30px;
	}

	#navigator .guide{
		text-align:center;
	}

}

/*---------------------------------------------------------------------------

goods

---------------------------------------------------------------------------*/
#goods h3{
	font-size:2.6rem;
	text-align:center;
	color:#e10011;
	clear:both;
	font-weight:normal;
	margin-top:30px;
	margin-bottom:20px;
}

#goods #catalog .pic{
	margin-bottom:10px;
}

#goods .intro{
	margin-bottom:15px;	
}

#goods .goodsList{
	text-align:center;
	overflow:hidden;
}

#goods .goodsList li{
	float:left;
}

#goods .goodsList li img{
	border:solid 1px #eee;
	margin-bottom:5px;
	display:block;
}

#goods .goodsList li:last-child img{
	border:none;
}

#goodsBlock{
	max-width:90%;
}

#goodsBlock h3{
	margin-bottom:0;
	margin-top:5%;
}

#goodsNote{
	font-size:90%;
}

#goods #skahjan{
	border:solid 2px #eee;
	margin-top:20px;
}

#goods #skahjan p{
	margin-top:15px;
}

#goods #skahjan h4{
	text-align:center;
	margin-bottom:10px;
	background:url(images/goods/bg.gif);
	padding:20px;
}

#goods #skahjan .photo{
	padding:20px;
}

@media(max-width:481px){
	#goods .goodsList li{
		width:47%;
		margin-bottom:1%;
	}
	
	#goods .goodsList li:nth-child(odd){
		margin-right:3%;
		color:both;
	}

	#goods .goodsList h4{
		font-weight:normal;
		font-size:1rem;
	}

	#goods .main .viewS{
		margin:20px 0;
	}

	#goods #skahjan h4{
		background-size:30%;
	}
}

@media(min-width:481px){
	#goods h3{
		font-size:4.0rem;
	}

	#goods #catalog{
		text-align:center;
	}

	#goods #catalog .pic img{
		width:450px;
	}


	#goods .intro{
		text-align:center;
	}

	#goods .goodsList li{
		width:32%;
		margin-bottom:15px;
	}

	#goods .goodsList li:nth-child(3n-1){
		margin-left:1%;
		margin-right:1%;
	}

	#goods .goodsList li:nth-child(3n+1){
		clear:both;
	}
	
	#goodsNote{
		margin-bottom:30px;
	}

	#goods .main .viewPC{
		display:block;
	}

	#goods .main .viewPC img{
		width:100%;
	}

	#goods .main .viewS{
		display:none;
	}
	
	#goods #skahjan .photo img{
		width:50%;
	}

}

/*---------------------------------------------------------------------------

topics

---------------------------------------------------------------------------*/
#topics .topicsList li{
	border:solid 2px #000;
	margin-bottom:20px;
	clear:both;
}

#topics .topicsList li{
	background-color:#fff;
	font-size:1.5rem;
	clear:both;
	overflow:hidden;
	color:#000;
	padding:20px;
}

#topicsEntry h3{
	border-bottom:solid 2px #000;
	padding-bottom:10px;
	margin-bottom:15px;
}

/*---------------------------------------------------------------------------

column

---------------------------------------------------------------------------*/
#column .columnNavi{
	text-align:center;
}

#column .columnNavi li{
	display:inline;
}

#column .columnNavi li.active span{
	font-weight:bold;
	color:#e10011;
}

#column .columnNavi li a:hover{
	text-decoration:none;
	color:#e10011;
}

#column .chapter{
	clear:both;
	overflow:hidden;
}

#column h3{
	margin-bottom:5%;
	clear:both;
	font-size:140%;
}

#column h3 .num{
	background-color:#e10011;
	padding:5px 10px;
	font-size:60%;
	margin-right:15px;
	vertical-align:middle;
	color:#fff;
}

#column .columnNavi2 {
	border:solid 1px #ddd;
	padding:10px;
	margin-top:15px;
}

#column .columnNavi2 p{
	margin-bottom:10px;
}

#column .columnNavi2 dl{
	overflow:hidden;
	clear:both;
	margin-bottom:5px;
}

#column .columnNavi2 dl:last-child{
	margin-bottom:0;
}

#column .columnNavi2 dt{
	font-size:80%;
	background-color:#e10011;
	margin-right:15px;
	vertical-align:middle;
	color:#fff;
	width:4em;
	text-align:center;
	float:left;
}

#column .columnNavi2 dd{
	overflow:hidden;
	vertical-align:top;
}

#column .columnNavi2 .active{
	color:#e10011;
}

#column h4{
	color:#e10011;
	margin-top:30px;
	margin-bottom:15px;
	font-size:120%;
	clear:both;
}

#column .pic{
	margin:20px 0;
}

#column .pic .caption{
	text-align:left;
}

#column #chapter2 .picBlock{
	overflow:hidden;
}

#column #chapter2 li:nth-child(1){
	width:33%;
	float:left;
}
#column #chapter2 li:nth-child(2){
	width:61%;
	float:right;
}

#column .writer{
	margin-top:10px;
}

@media(max-width:480px){
	#column .long img{
		max-width:180px;
	}
}

@media(min-width:481px){
	#column .columnNavi{
		font-size:120%;
	}

	#column h3{
		font-size:180%;
		margin-bottom:20px;
		text-align:center;
	}

	#column h4{
		font-size:150%;
	}
	
	#column .writer{
		text-align:right;
	}

	#column .pic{
		margin:40px 0;
	}
	
	#column #chapter5 .picRight{
		width:30%;
		margin:0;
	}
	
	#column #chapter5 .textBlock{
		width:65%;
		float:left;
	}

	#column .columnNavi2 {
		padding:15px;
	}

}

@media(max-width:1000px){
	#column .picBlock,#column .pic{
		margin-top:20px;
	}
	
	#column h3 .ttl_column{
		display:block;
		margin-top:5px;
	}

}


@media(min-width:1000px){
	#column .pic{
		text-align:center;
	}

	#column #chapter1 .textBlock{
		float:left;
		width:50%;
	}
	
	#column #chapter1 .picBlock{
		float:right;
		width:48%;
	}

	#column #chapter1 .picBlock li{
		float:left;
	}

	#column #chapter1 .picBlock li:first-child{
		margin-right:5%;
		width:58%;
	}

	#column #chapter1 .picBlock li:last-child{
		width:35.6%;
	}
	
	#column #chapter1 .pic{
		clear:both;
	}
	
	#column #chapter1 .pic img{
		width:70%;
	}
	
	#column #chapter1_2{
		margin-top:20px;
	}

	#column #chapter1_2 .picBlock li{
		float:left;
	}

	#column #chapter1_2 .picBlock li:first-child{
		margin-right: 2%;
		width: 47%;
	}

	#column #chapter1_2 .picBlock li:last-child{
		width: 49.8%;
	}

	#column #chapter2 .pic img{
		width:80%;
	}

	#column #chapter2 .text{
		float:left;
		width:66%;
	}

	#column #chapter2 .picBlock{
		width:30%;
		float:right;
	}
	
	#column #chapter3{
		overflow:hidden;
	}
	
	#column #chapter3 .pic{
		width:15%;
		float:right;
		margin:0;
	}

	#column #chapter3 .text{
		width:80%;
		float:left;
	}

	#column #chapter5 .picRight{
		width:25%;
	}
	
	#column #chapter5 .textBlock{
		width:70%;
	}

	
}

/*---------------------------------------------------------------------------

pageTop

---------------------------------------------------------------------------*/
#pageTop,#pageTop:hover{
	background-color:transparent;
}

#pageTop:hover{
	cursor:pointer;
}

@media(max-width:480px){
	#pageTop{
		width:30%;
		margin:10px auto;
	}
}

/*---------------------------------------------------------------------------

footer

---------------------------------------------------------------------------*/
footer .non{
	opacity:0.5;
}

@media(max-width:640px){
	footer .brnBlock li{
		text-align:center;
		padding-bottom:10px;
	}
	footer .brnBlock li img{
		width:80%;
	}
}

@media(min-width:641px){
	footer .brnBlock{
		overflow:hidden;
		width:615px;
		margin:0 auto;
	}

	footer .brnBlock li{
		float:left;
		width:300px;
		margin-right:15px;
	}

	footer .brnBlock li:last-child{
		margin-right:0;
	}
}

@media(max-width:1000px){
	footer .global{
		padding:20px;
	}
}

@media(min-width:1000px){
	footer nav{
		display:none;
	}
}